@k2b/ui 0.20.0 → 0.22.0

package/dist/browser/inputs/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/DatePicker.tsx"],"sourcesContent":["import { type DateContext, dates } from \"@k2b/stdlib\";\nimport { createEffect, createMemo, createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria, fieldDescribedBy } from \"../internal/field\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useDateConfigLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport {\n  type DateRangeValue,\n  dateKey,\n  displayDate,\n  filterTimeInput,\n  formatDateOnlyRangeDuration,\n  formatDateTimeValue,\n  inRange,\n  isCompleteTime,\n  isRangeEdge,\n  monthDate,\n  monthNames,\n  normalizeTimeInput,\n  orderedRange,\n  parseDateValue,\n  pickerContext,\n  previewRange,\n  resolveFocusDay,\n  splitDateTime,\n  toDateTimeValue,\n  yearMonth,\n} from \"./date-picker\";\nimport type { MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport type { ChoiceAppearance } from \"./Select\";\n\nexport type { DateRangeValue } from \"./date-picker\";\n\nexport type DatePreset<T> = {\n  label: string;\n  value: T;\n};\n\nexport type DurationPreset = {\n  label: string;\n  minutes: number;\n};\n\nexport type DatePickerBaseProps<T> = Omit<ValueFieldProps<T>, \"value\"> & {\n  placeholder?: string;\n  value: MaybeAccessor<T>;\n  presets?: readonly DatePreset<T>[];\n  dateConfig?: DateContext;\n  clearable?: boolean;\n  /** `plain` shows the value as text for property rows; a clearable picker offers clearing in its panel. */\n  appearance?: ChoiceAppearance;\n};\n\nexport type DatePickerProps = DatePickerBaseProps<string | null> & {\n  /** Trigger content for a set value, for example the date with a relative hint. */\n  renderValue?: (value: string) => JSX.Element;\n};\nexport type DateTimePickerProps = DatePickerBaseProps<string | null> & {\n  /** Trigger content for a set value, for example the date and time with a relative hint. */\n  renderValue?: (value: string) => JSX.Element;\n};\nexport type DateRangePickerProps = DatePickerBaseProps<DateRangeValue> & {\n  withTime?: boolean;\n  datePresets?: readonly DatePreset<string | null>[];\n  durationPresets?: readonly DurationPreset[];\n};\n\ntype PanelView = \"days\" | \"months\";\n\nconst popoverIsOpen = (popover: HTMLElement | undefined): boolean => {\n  if (!popover) return false;\n  try {\n    return popover.matches(\":popover-open\");\n  } catch {\n    return false;\n  }\n};\n\nexport const placeDatePopover = (trigger: HTMLElement, popover: HTMLElement, wide: boolean): void => {\n  const margin = 8;\n  const gap = 4;\n  const rect = trigger.getBoundingClientRect();\n  // Keep the panel at its designed width instead of stretching to a full-width\n  // trigger; it only ever shrinks to fit a narrow viewport.\n  const preferredWidth = wide ? 440 : 336;\n  const width = Math.min(preferredWidth, window.innerWidth - margin * 2);\n  popover.style.width = `${width}px`;\n\n  const popoverRect = popover.getBoundingClientRect();\n  const left = Math.max(margin, Math.min(rect.left, window.innerWidth - width - margin));\n  const roomBelow = window.innerHeight - rect.bottom - gap - margin;\n  const roomAbove = rect.top - gap - margin;\n  const opensAbove = popoverRect.height > roomBelow && roomAbove > roomBelow;\n  const top = opensAbove\n    ? Math.max(margin, rect.top - popoverRect.height - gap)\n    : Math.min(rect.bottom + gap, window.innerHeight - popoverRect.height - margin);\n\n  popover.style.left = `${left}px`;\n  popover.style.top = `${Math.max(margin, top)}px`;\n};\n\nfunction PickerShell<T>(props: {\n  owner: DatePickerBaseProps<T>;\n  icon: string;\n  valueLabel: () => string;\n  valueContent?: () => JSX.Element;\n  children: (close: () => void) => JSX.Element;\n  clearValue: T;\n  onOpen?: () => void;\n  footerMeta?: () => JSX.Element;\n  wide?: boolean;\n  timezone?: string;\n}): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.owner.id);\n  const [open, setOpen] = createSignal(false);\n  const error = () => resolveMaybeAccessor(props.owner.error);\n  let trigger: HTMLButtonElement | undefined;\n  let popover: HTMLDivElement | undefined;\n  let triggerRing = true;\n\n  const place = () => {\n    if (trigger && popover && open()) placeDatePopover(trigger, popover, props.wide ?? false);\n  };\n\n  const close = () => {\n    // Before hiding, so the popover does not return focus on its own.\n    if (popover?.contains(document.activeElement)) returnFocus(trigger, triggerRing);\n    if (popoverIsOpen(popover)) popover?.hidePopover();\n    setOpen(false);\n  };\n\n  const show = () => {\n    if (props.owner.disabled || !popover || popoverIsOpen(popover)) return;\n    props.onOpen?.();\n    triggerRing = ringOnReturn(trigger);\n    popover.showPopover();\n    setOpen(true);\n    queueMicrotask(() => {\n      place();\n      const initial =\n        popover?.querySelector<HTMLElement>('[data-date-focus=\"true\"]') ??\n        popover?.querySelector<HTMLElement>('[data-date-day]:not([data-outside=\"true\"])');\n      initial?.focus();\n    });\n  };\n\n  const toggle = () => (open() ? close() : show());\n  const plain = () => props.owner.appearance === \"plain\";\n  const canClear = () => Boolean(props.owner.clearable && props.valueLabel() && !props.owner.disabled);\n  const clear = () => {\n    close();\n    commitFieldValue(props.owner, props.clearValue);\n    trigger?.focus();\n  };\n\n  onMount(() => {\n    const syncOpenState = () => setOpen(popoverIsOpen(popover));\n    popover?.addEventListener(\"toggle\", syncOpenState);\n    onCleanup(() => popover?.removeEventListener(\"toggle\", syncOpenState));\n  });\n\n  createEffect(() => {\n    if (!open()) return;\n    window.addEventListener(\"resize\", place);\n    window.addEventListener(\"scroll\", place, true);\n    onCleanup(() => {\n      window.removeEventListener(\"resize\", place);\n      window.removeEventListener(\"scroll\", place, true);\n    });\n  });\n  onCleanup(close);\n\n  return (\n    <Field\n      class={props.owner.class}\n      label={props.owner.label}\n      description={props.owner.description}\n      error={error()}\n      required={props.owner.required}\n      disabled={props.owner.disabled}\n      meta={meta}\n    >\n      <div class=\"k2b-date-picker\" data-appearance={props.owner.appearance ?? \"field\"} data-invalid={error() ? \"true\" : undefined}>\n        <button\n          ref={trigger}\n          id={meta.controlId}\n          type=\"button\"\n          class=\"k2b-date-trigger\"\n          data-placeholder={props.valueLabel() ? undefined : \"true\"}\n          data-open={open() ? \"true\" : undefined}\n          disabled={props.owner.disabled}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open()}\n          aria-controls={`${meta.controlId}-popover`}\n          {...fieldControlAria(meta, props.owner)}\n          // A button's name replaces its content, so the shown date reaches assistive technology as the description.\n          aria-describedby={[fieldDescribedBy(meta, props.owner), `${meta.controlId}-value`].filter(Boolean).join(\" \")}\n          onClick={toggle}\n          onKeyDown={(event) => {\n            if (event.key === \"ArrowDown\") {\n              event.preventDefault();\n              show();\n            }\n          }}\n        >\n          <i class={`${props.icon} k2b-date-trigger__icon`} aria-hidden=\"true\" />\n          <span id={`${meta.controlId}-value`} class=\"k2b-date-trigger__value\">\n            <Show when={props.valueLabel()} fallback={props.owner.placeholder ?? messages().pickDate}>\n              {props.valueContent?.() ?? props.valueLabel()}\n            </Show>\n          </span>\n          <i class=\"ti ti-chevron-down k2b-date-trigger__chevron\" aria-hidden=\"true\" />\n        </button>\n\n        <Show when={canClear() && !plain()}>\n          <button\n            type=\"button\"\n            class=\"k2b-date-trigger__clear k2b-input-clear-action\"\n            aria-label={messages().clearDate}\n            onClick={(event) => {\n              event.stopPropagation();\n              clear();\n            }}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n\n        <div\n          ref={popover}\n          id={`${meta.controlId}-popover`}\n          class=\"k2b-date-popover\"\n          popover=\"auto\"\n          role=\"dialog\"\n          aria-label={typeof props.owner.label === \"string\" ? props.owner.label : messages().datePicker}\n          onKeyDown={(event) => {\n            if (event.key !== \"Escape\" || event.defaultPrevented) return;\n            event.preventDefault();\n            close();\n          }}\n          onToggle={(event) => {\n            const nextOpen = event.newState === \"open\";\n            setOpen(nextOpen);\n            if (nextOpen) queueMicrotask(place);\n          }}\n        >\n          {props.children(close)}\n          <Show when={props.footerMeta || props.timezone || (plain() && canClear())}>\n            <footer class=\"k2b-date-popover__footer\">\n              <span>{props.footerMeta?.()}</span>\n              {/* A plain trigger has no room for a clear button beside its value. */}\n              <Show when={plain() && canClear()}>\n                <button type=\"button\" class=\"k2b-date-popover__clear\" onClick={clear}>\n                  <i class=\"ti ti-x\" aria-hidden=\"true\" />\n                  {messages().clearDate}\n                </button>\n              </Show>\n              <Show when={props.timezone}>\n                <span class=\"k2b-date-popover__timezone\">\n                  <i class=\"ti ti-world\" aria-hidden=\"true\" />\n                  {props.timezone}\n                </span>\n              </Show>\n            </footer>\n          </Show>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nfunction PresetRail<T>(props: { presets?: readonly DatePreset<T>[]; onSelect: (value: T) => void }): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <Show when={props.presets?.length}>\n      <aside class=\"k2b-date-presets\" aria-label={messages().datePresets}>\n        <For each={props.presets}>\n          {(preset) => (\n            <button type=\"button\" onClick={() => props.onSelect(preset.value)}>\n              {preset.label}\n            </button>\n          )}\n        </For>\n      </aside>\n    </Show>\n  );\n}\n\nfunction DatePickerPanel(props: {\n  visibleMonth: () => Date;\n  setVisibleMonth: (date: Date) => void;\n  selected?: () => string | null | undefined;\n  range?: () => DateRangeValue;\n  focusDate?: () => string | null | undefined;\n  onSelect: (date: string) => void;\n  onDayPreview?: (date: string | null) => void;\n  dateConfig?: DateContext;\n}): JSX.Element {\n  const messages = useUiMessages();\n  const [view, setView] = createSignal<PanelView>(\"days\");\n  const context = createMemo(() => pickerContext(props.dateConfig));\n  const month = createMemo(() => yearMonth(props.visibleMonth(), context()));\n  const weeks = createMemo(() => dates.getMonthGrid(month().year, month().month, context()));\n  const weekdays = createMemo(() => dates.weekdays(context()));\n  const months = createMemo(() => monthNames(context()));\n  const dayNameFormatter = createMemo(\n    () =>\n      new Intl.DateTimeFormat(context().locale, {\n        weekday: \"long\",\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n        timeZone: context().timeZone,\n      }),\n  );\n  const dayRows = createMemo(() => {\n    const visibleMonth = props.visibleMonth();\n    const dateContext = context();\n    const formatter = dayNameFormatter();\n    return weeks().map((week) =>\n      week.map((day) => ({\n        day,\n        key: dates.formatDateKey(day, dateContext),\n        outside: !dates.isSameMonth(day, visibleMonth, dateContext),\n        label: formatter.format(day),\n        number: dates.formatDayNumber(day, dateContext),\n      })),\n    );\n  });\n  let calendar: HTMLElement | undefined;\n  // Days that belong to the visible month; the roving tabindex must land on one\n  // of them or the grid becomes unreachable by keyboard after month navigation.\n  const monthDayKeys = createMemo(() =>\n    dayRows()\n      .flat()\n      .filter((day) => !day.outside)\n      .map((day) => day.key),\n  );\n  // Remembers where arrow-key navigation left off so Tab returns to that day.\n  const [focusedKey, setFocusedKey] = createSignal<string>();\n  const defaultFocus = createMemo(() =>\n    resolveFocusDay(\n      monthDayKeys(),\n      focusedKey() || props.focusDate?.() || props.selected?.() || dateKey(dates.today(context()), context()),\n    ),\n  );\n\n  const moveMonth = (delta: number) => props.setVisibleMonth(dates.addMonths(props.visibleMonth(), delta, context()));\n  const moveYear = (delta: number) => props.setVisibleMonth(monthDate(month().year + delta, month().month, context()));\n  const previousLabel = () => (view() === \"days\" ? messages().previousMonth : messages().previousYear);\n  const nextLabel = () => (view() === \"days\" ? messages().nextMonth : messages().nextYear);\n\n  const focusDate = (date: Date) => {\n    const targetKey = dateKey(date, context());\n    if (!dates.isSameMonth(date, props.visibleMonth(), context())) props.setVisibleMonth(date);\n    queueMicrotask(() => calendar?.querySelector<HTMLElement>(`[data-date-day=\"${targetKey}\"]`)?.focus());\n  };\n\n  const handleDayKeyDown = (event: KeyboardEvent, day: Date) => {\n    const deltas: Partial<Record<string, number>> = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 };\n    const delta = deltas[event.key];\n    if (delta !== undefined) {\n      event.preventDefault();\n      focusDate(dates.addDays(day, delta, context()));\n      return;\n    }\n    if (event.key === \"PageUp\" || event.key === \"PageDown\") {\n      event.preventDefault();\n      focusDate(dates.addMonths(day, event.key === \"PageUp\" ? -1 : 1, context()));\n      return;\n    }\n    if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      const buttons = Array.from(\n        (event.currentTarget as HTMLButtonElement).closest(\".k2b-date-grid\")!.querySelectorAll<HTMLButtonElement>(\"[data-date-day]\"),\n      );\n      const index = buttons.indexOf(event.currentTarget as HTMLButtonElement);\n      const offset = event.key === \"Home\" ? -(index % 7) : 6 - (index % 7);\n      focusDate(dates.addDays(day, offset, context()));\n    }\n  };\n\n  return (\n    <section ref={calendar} class=\"k2b-date-calendar\" aria-label={messages().calendar}>\n      <header class=\"k2b-date-calendar__header\">\n        <button\n          type=\"button\"\n          class=\"k2b-date-calendar__nav\"\n          onClick={() => (view() === \"days\" ? moveMonth(-1) : moveYear(-1))}\n          aria-label={previousLabel()}\n        >\n          <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n        </button>\n        <button type=\"button\" class=\"k2b-date-calendar__title\" onClick={() => setView(view() === \"days\" ? \"months\" : \"days\")}>\n          <Show when={view() === \"days\"} fallback={month().year}>\n            {dates.formatMonthYear(props.visibleMonth(), context())}\n          </Show>\n        </button>\n        <button\n          type=\"button\"\n          class=\"k2b-date-calendar__nav\"\n          onClick={() => (view() === \"days\" ? moveMonth(1) : moveYear(1))}\n          aria-label={nextLabel()}\n        >\n          <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </header>\n\n      <Show\n        when={view() === \"days\"}\n        fallback={\n          <div class=\"k2b-date-months\" role=\"group\" aria-label={`Months in ${month().year}`}>\n            <For each={months()}>\n              {(name, index) => (\n                <button\n                  type=\"button\"\n                  aria-pressed={index() === month().month}\n                  data-selected={index() === month().month ? \"true\" : undefined}\n                  onClick={() => {\n                    props.setVisibleMonth(monthDate(month().year, index(), context()));\n                    setView(\"days\");\n                  }}\n                >\n                  {name}\n                </button>\n              )}\n            </For>\n          </div>\n        }\n      >\n        <div class=\"k2b-date-weekdays\" aria-hidden=\"true\">\n          <For each={weekdays()}>{(day) => <span>{day}</span>}</For>\n        </div>\n        <div class=\"k2b-date-grid\" role=\"grid\">\n          <For each={dayRows()}>\n            {(week) => (\n              <div class=\"k2b-date-week\" role=\"row\">\n                <For each={week}>\n                  {(cell) => {\n                    const selected = () => props.selected?.() === cell.key;\n                    const range = () => props.range?.() ?? { start: null, end: null };\n                    const active = () => selected() || isRangeEdge(cell.key, range());\n                    const focusable = () => cell.key === defaultFocus();\n                    return (\n                      <button\n                        type=\"button\"\n                        role=\"gridcell\"\n                        data-date-day={cell.key}\n                        data-date-focus={focusable() ? \"true\" : undefined}\n                        data-outside={cell.outside ? \"true\" : undefined}\n                        data-in-range={inRange(cell.key, range()) && !active() ? \"true\" : undefined}\n                        aria-label={cell.label}\n                        aria-selected={active()}\n                        tabIndex={focusable() ? 0 : -1}\n                        onClick={() => props.onSelect(cell.key)}\n                        onKeyDown={(event) => handleDayKeyDown(event, cell.day)}\n                        onBlur={() => props.onDayPreview?.(null)}\n                        onFocus={() => {\n                          setFocusedKey(cell.key);\n                          props.onDayPreview?.(cell.key);\n                        }}\n                        onPointerEnter={() => props.onDayPreview?.(cell.key)}\n                        onPointerLeave={() => props.onDayPreview?.(null)}\n                      >\n                        {cell.number}\n                      </button>\n                    );\n                  }}\n                </For>\n              </div>\n            )}\n          </For>\n        </div>\n      </Show>\n    </section>\n  );\n}\n\nfunction TimeInput(props: { time: string; onChange: (time: string) => void; label?: string }): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <label class=\"k2b-date-time\">\n      <Show when={props.label}>\n        <span>{props.label}</span>\n      </Show>\n      <span class=\"k2b-date-time__control\">\n        <input\n          type=\"text\"\n          inputMode=\"numeric\"\n          value={props.time}\n          placeholder=\"09:00\"\n          onInput={(event) => props.onChange(filterTimeInput(event.currentTarget.value))}\n          onBlur={() => props.onChange(normalizeTimeInput(props.time))}\n          aria-label={props.label ? messages().timeLabel({ label: props.label }) : messages().time}\n        />\n        <i class=\"ti ti-clock\" aria-hidden=\"true\" />\n      </span>\n    </label>\n  );\n}\n\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const value = () => resolveMaybeAccessor(props.value);\n  const dateConfig = useDateConfigLocale(() => props.dateConfig);\n  const [visibleMonth, setVisibleMonth] = createSignal(parseDateValue(value(), dateConfig()));\n  const valueLabel = () => displayDate(value(), dateConfig());\n\n  return (\n    <PickerShell\n      owner={props}\n      icon=\"ti ti-calendar\"\n      valueLabel={valueLabel}\n      valueContent={props.renderValue ? () => props.renderValue!(value()!) : undefined}\n      clearValue={null}\n      onOpen={() => setVisibleMonth(parseDateValue(value(), dateConfig()))}\n      wide={Boolean(props.presets?.length)}\n    >\n      {(close) => (\n        <div class=\"k2b-date-popover__body\">\n          <PresetRail\n            presets={props.presets}\n            onSelect={(value) => {\n              close();\n              commitFieldValue(props, value);\n            }}\n          />\n          <DatePickerPanel\n            visibleMonth={visibleMonth}\n            setVisibleMonth={setVisibleMonth}\n            selected={value}\n            focusDate={value}\n            onSelect={(value) => {\n              close();\n              commitFieldValue(props, value);\n            }}\n            dateConfig={dateConfig()}\n          />\n        </div>\n      )}\n    </PickerShell>\n  );\n}\n\nexport function DateTimePicker(props: DateTimePickerProps): JSX.Element {\n  const messages = useUiMessages();\n  const value = () => resolveMaybeAccessor(props.value);\n  const dateConfig = useDateConfigLocale(() => props.dateConfig);\n  const parts = () => splitDateTime(value(), dateConfig());\n  const [visibleMonth, setVisibleMonth] = createSignal(parseDateValue(parts().date, dateConfig()));\n  const [draftDate, setDraftDate] = createSignal(parts().date);\n  const [draftTime, setDraftTime] = createSignal(parts().time || \"09:00\");\n  const valueLabel = () => formatDateTimeValue(value(), dateConfig());\n\n  const syncDraft = () => {\n    const next = parts();\n    setDraftDate(next.date);\n    setDraftTime(next.time || \"09:00\");\n    setVisibleMonth(parseDateValue(next.date, dateConfig()));\n  };\n\n  return (\n    <PickerShell\n      owner={props}\n      icon=\"ti ti-calendar-time\"\n      valueLabel={valueLabel}\n      valueContent={props.renderValue ? () => props.renderValue!(value()!) : undefined}\n      clearValue={null}\n      timezone={dateConfig().timeZone}\n      onOpen={syncDraft}\n      wide={Boolean(props.presets?.length)}\n    >\n      {(close) => (\n        <>\n          <div class=\"k2b-date-popover__body\">\n            <PresetRail\n              presets={props.presets}\n              onSelect={(value) => {\n                close();\n                commitFieldValue(props, value);\n              }}\n            />\n            <DatePickerPanel\n              visibleMonth={visibleMonth}\n              setVisibleMonth={setVisibleMonth}\n              selected={draftDate}\n              focusDate={draftDate}\n              onSelect={(value) => {\n                setDraftDate(value);\n                setVisibleMonth(parseDateValue(value, dateConfig()));\n              }}\n              dateConfig={dateConfig()}\n            />\n          </div>\n          <div class=\"k2b-date-actions\">\n            <TimeInput time={draftTime()} onChange={setDraftTime} />\n            <button\n              type=\"button\"\n              class=\"k2b-date-apply\"\n              disabled={!draftDate() || !isCompleteTime(draftTime())}\n              onClick={() => {\n                if (!draftDate() || !isCompleteTime(draftTime())) return;\n                const value = toDateTimeValue(draftDate(), draftTime(), dateConfig());\n                close();\n                commitFieldValue(props, value);\n              }}\n            >\n              {messages().apply}\n            </button>\n          </div>\n        </>\n      )}\n    </PickerShell>\n  );\n}\n\nexport function DateRangePicker(props: DateRangePickerProps): JSX.Element {\n  const messages = useUiMessages();\n  const withTime = () => props.withTime ?? false;\n  const value = () => resolveMaybeAccessor(props.value);\n  const dateConfig = useDateConfigLocale(() => props.dateConfig);\n  const parts = () => ({\n    start: withTime() ? splitDateTime(value().start, dateConfig()) : { date: value().start ?? \"\", time: \"09:00\" },\n    end: withTime() ? splitDateTime(value().end, dateConfig()) : { date: value().end ?? \"\", time: \"10:00\" },\n  });\n  const [visibleMonth, setVisibleMonth] = createSignal(parseDateValue(parts().start.date || parts().end.date, dateConfig()));\n  const [draftRange, setDraftRange] = createSignal<DateRangeValue>({\n    start: parts().start.date || null,\n    end: parts().end.date || null,\n  });\n  const [previewDate, setPreviewDate] = createSignal<string | null>(null);\n  const [startTime, setStartTime] = createSignal(parts().start.time || \"09:00\");\n  const [endTime, setEndTime] = createSignal(parts().end.time || \"10:00\");\n  const displayRange = createMemo(() => previewRange(draftRange(), previewDate()));\n\n  const syncDraft = () => {\n    const next = parts();\n    setDraftRange({ start: next.start.date || null, end: next.end.date || null });\n    setPreviewDate(null);\n    setStartTime(next.start.time || \"09:00\");\n    setEndTime(next.end.time || \"10:00\");\n    setVisibleMonth(parseDateValue(next.start.date || next.end.date, dateConfig()));\n  };\n\n  const valueLabel = () => {\n    if (!value().start && !value().end) return \"\";\n    const format = withTime() ? formatDateTimeValue : displayDate;\n    return `${value().start ? format(value().start, dateConfig()) : \"Start\"} to ${value().end ? format(value().end, dateConfig()) : \"End\"}`;\n  };\n\n  const valueContent = () => {\n    const format = withTime() ? formatDateTimeValue : displayDate;\n    return (\n      <span class=\"k2b-date-range-value\">\n        <span>{value().start ? format(value().start, dateConfig()) : messages().start}</span>\n        <i class=\"ti ti-arrow-narrow-right\" aria-hidden=\"true\" />\n        <span>{value().end ? format(value().end, dateConfig()) : \"End\"}</span>\n      </span>\n    );\n  };\n\n  const selectDate = (value: string) => {\n    const current = draftRange();\n    if (!current.start || current.end) {\n      setDraftRange({ start: value, end: null });\n    } else {\n      setDraftRange(orderedRange(current.start, value));\n    }\n    setPreviewDate(null);\n  };\n\n  const applyDuration = (minutes: number) => {\n    const current = draftRange();\n    if (!current.start || !isCompleteTime(startTime())) return;\n    const start = toDateTimeValue(current.start, startTime(), dateConfig());\n    if (!start) return;\n    const end = new Date(new Date(start).getTime() + minutes * 60_000).toISOString();\n    const next = splitDateTime(end, dateConfig());\n    setDraftRange({ start: current.start, end: next.date || current.end || current.start });\n    setEndTime(next.time || endTime());\n  };\n\n  const durationMinutes = createMemo(() => {\n    const current = displayRange();\n    if (!current.start || !current.end || !isCompleteTime(startTime()) || !isCompleteTime(endTime())) return null;\n    const start = toDateTimeValue(current.start, startTime(), dateConfig());\n    const end = toDateTimeValue(current.end, endTime(), dateConfig());\n    if (!start || !end) return null;\n    return Math.round((new Date(end).getTime() - new Date(start).getTime()) / 60_000);\n  });\n\n  const durationLabel = () => {\n    const current = displayRange();\n    if (!current.start || !current.end) return \"\";\n    if (!withTime()) return formatDateOnlyRangeDuration(current, dateConfig());\n    if (!isCompleteTime(startTime()) || !isCompleteTime(endTime())) return \"\";\n    const start = toDateTimeValue(current.start, startTime(), dateConfig());\n    const end = toDateTimeValue(current.end, endTime(), dateConfig());\n    return start && end ? dates.formatDuration(start, end, dateConfig()) : \"\";\n  };\n\n  const commit = (close: () => void) => {\n    const current = draftRange();\n    if (!withTime()) {\n      close();\n      commitFieldValue(props, current);\n      return;\n    }\n    if ((current.start || current.end) && (!isCompleteTime(startTime()) || !isCompleteTime(endTime()))) return;\n    const value = {\n      start: current.start ? toDateTimeValue(current.start, startTime(), dateConfig()) : null,\n      end: current.end ? toDateTimeValue(current.end, endTime(), dateConfig()) : null,\n    };\n    close();\n    commitFieldValue(props, value);\n  };\n\n  return (\n    <PickerShell\n      owner={props}\n      icon=\"ti ti-calendar-stats\"\n      valueLabel={valueLabel}\n      valueContent={valueContent}\n      clearValue={{ start: null, end: null }}\n      timezone={withTime() ? dateConfig().timeZone : undefined}\n      footerMeta={() => (\n        <Show when={durationLabel()}>\n          <span class=\"k2b-date-duration\">\n            <i class=\"ti ti-hourglass-low\" aria-hidden=\"true\" />\n            {durationLabel()}\n          </span>\n        </Show>\n      )}\n      onOpen={syncDraft}\n      wide={Boolean(props.datePresets?.length || props.presets?.length)}\n    >\n      {(close) => (\n        <>\n          <div class=\"k2b-date-popover__body\">\n            <Show\n              when={props.datePresets?.length}\n              fallback={\n                <PresetRail\n                  presets={props.presets}\n                  onSelect={(value) => {\n                    close();\n                    commitFieldValue(props, value);\n                  }}\n                />\n              }\n            >\n              <PresetRail\n                presets={props.datePresets}\n                onSelect={(value) => {\n                  setDraftRange(value ? { start: value, end: value } : { start: null, end: null });\n                  if (value) setVisibleMonth(parseDateValue(value, dateConfig()));\n                }}\n              />\n            </Show>\n            <DatePickerPanel\n              visibleMonth={visibleMonth}\n              setVisibleMonth={setVisibleMonth}\n              range={displayRange}\n              focusDate={() => draftRange().start}\n              onSelect={selectDate}\n              onDayPreview={(value) => {\n                const current = draftRange();\n                setPreviewDate(current.start && !current.end ? value : null);\n              }}\n              dateConfig={dateConfig()}\n            />\n          </div>\n\n          <Show when={withTime()}>\n            <div class=\"k2b-date-range-times\">\n              <TimeInput label={messages().start} time={startTime()} onChange={setStartTime} />\n              <TimeInput label={messages().end} time={endTime()} onChange={setEndTime} />\n            </div>\n          </Show>\n\n          <div class=\"k2b-date-actions\">\n            <Show when={withTime() && props.durationPresets?.length}>\n              <div class=\"k2b-date-durations\" role=\"group\" aria-label={messages().durationPresets}>\n                <For each={props.durationPresets}>\n                  {(preset) => (\n                    <button type=\"button\" aria-pressed={durationMinutes() === preset.minutes} onClick={() => applyDuration(preset.minutes)}>\n                      {preset.label}\n                    </button>\n                  )}\n                </For>\n              </div>\n            </Show>\n            {/* Only a half-picked range is uncommittable; an empty draft must stay\n                applicable so a \"clear\" date preset can be committed. */}\n            <button\n              type=\"button\"\n              class=\"k2b-date-apply\"\n              disabled={\n                Boolean(draftRange().start) !== Boolean(draftRange().end) ||\n                Boolean(\n                  withTime() && draftRange().start && draftRange().end && (!isCompleteTime(startTime()) || !isCompleteTime(endTime())),\n                )\n              }\n              onClick={() => commit(close)}\n            >\n              {messages().apply}\n            </button>\n          </div>\n        </>\n      )}\n    </PickerShell>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/DatePicker.tsx"],"sourcesContent":["import { type DateContext, dates } from \"@k2b/stdlib\";\nimport { createEffect, createMemo, createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria, fieldDescribedBy } from \"../internal/field\";\nimport { returnFocus, ringOnReturn } from \"../internal/focus-return\";\nimport { useDateConfigLocale } from \"../intl/locale\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\nimport {\n  type DateRangeValue,\n  dateKey,\n  displayDate,\n  filterTimeInput,\n  formatDateOnlyRangeDuration,\n  formatDateTimeValue,\n  inRange,\n  isCompleteTime,\n  isRangeEdge,\n  monthDate,\n  monthNames,\n  msUntilNextDay,\n  normalizeTimeInput,\n  orderedRange,\n  parseDateValue,\n  pickerContext,\n  previewRange,\n  resolveFocusDay,\n  splitDateTime,\n  toDateTimeValue,\n  yearMonth,\n} from \"./date-picker\";\nimport type { MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport type { ChoiceAppearance } from \"./Select\";\n\nexport type { DateRangeValue } from \"./date-picker\";\n\nexport type DatePreset<T> = {\n  label: string;\n  value: T;\n};\n\nexport type DurationPreset = {\n  label: string;\n  minutes: number;\n};\n\nexport type DatePickerBaseProps<T> = Omit<ValueFieldProps<T>, \"value\"> & {\n  placeholder?: string;\n  value: MaybeAccessor<T>;\n  presets?: readonly DatePreset<T>[];\n  dateConfig?: DateContext;\n  clearable?: boolean;\n  /** `plain` shows the value as text for property rows; a clearable picker offers clearing in its panel. */\n  appearance?: ChoiceAppearance;\n};\n\nexport type DatePickerProps = DatePickerBaseProps<string | null> & {\n  /** Trigger content for a set value, for example the date with a relative hint. */\n  renderValue?: (value: string) => JSX.Element;\n};\nexport type DateTimePickerProps = DatePickerBaseProps<string | null> & {\n  /** Trigger content for a set value, for example the date and time with a relative hint. */\n  renderValue?: (value: string) => JSX.Element;\n};\nexport type DateRangePickerProps = DatePickerBaseProps<DateRangeValue> & {\n  withTime?: boolean;\n  datePresets?: readonly DatePreset<string | null>[];\n  durationPresets?: readonly DurationPreset[];\n};\n\ntype PanelView = \"days\" | \"months\";\n\nconst popoverIsOpen = (popover: HTMLElement | undefined): boolean => {\n  if (!popover) return false;\n  try {\n    return popover.matches(\":popover-open\");\n  } catch {\n    return false;\n  }\n};\n\nexport const placeDatePopover = (trigger: HTMLElement, popover: HTMLElement, wide: boolean): void => {\n  const margin = 8;\n  const gap = 4;\n  const rect = trigger.getBoundingClientRect();\n  // Keep the panel at its designed width instead of stretching to a full-width\n  // trigger; it only ever shrinks to fit a narrow viewport.\n  const preferredWidth = wide ? 440 : 336;\n  const width = Math.min(preferredWidth, window.innerWidth - margin * 2);\n  popover.style.width = `${width}px`;\n\n  const popoverRect = popover.getBoundingClientRect();\n  const left = Math.max(margin, Math.min(rect.left, window.innerWidth - width - margin));\n  const roomBelow = window.innerHeight - rect.bottom - gap - margin;\n  const roomAbove = rect.top - gap - margin;\n  const opensAbove = popoverRect.height > roomBelow && roomAbove > roomBelow;\n  const top = opensAbove\n    ? Math.max(margin, rect.top - popoverRect.height - gap)\n    : Math.min(rect.bottom + gap, window.innerHeight - popoverRect.height - margin);\n\n  popover.style.left = `${left}px`;\n  popover.style.top = `${Math.max(margin, top)}px`;\n};\n\nfunction PickerShell<T>(props: {\n  owner: DatePickerBaseProps<T>;\n  icon: string;\n  valueLabel: () => string;\n  valueContent?: () => JSX.Element;\n  children: (close: () => void) => JSX.Element;\n  clearValue: T;\n  onOpen?: () => void;\n  footerMeta?: () => JSX.Element;\n  wide?: boolean;\n  timezone?: string;\n}): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.owner.id);\n  const [open, setOpen] = createSignal(false);\n  const error = () => resolveMaybeAccessor(props.owner.error);\n  let trigger: HTMLButtonElement | undefined;\n  let popover: HTMLDivElement | undefined;\n  let triggerRing = true;\n\n  const place = () => {\n    if (trigger && popover && open()) placeDatePopover(trigger, popover, props.wide ?? false);\n  };\n\n  const close = () => {\n    // Before hiding, so the popover does not return focus on its own.\n    if (popover?.contains(document.activeElement)) returnFocus(trigger, triggerRing);\n    if (popoverIsOpen(popover)) popover?.hidePopover();\n    setOpen(false);\n  };\n\n  const show = () => {\n    if (props.owner.disabled || !popover || popoverIsOpen(popover)) return;\n    props.onOpen?.();\n    triggerRing = ringOnReturn(trigger);\n    popover.showPopover();\n    setOpen(true);\n    queueMicrotask(() => {\n      place();\n      const initial =\n        popover?.querySelector<HTMLElement>('[data-date-focus=\"true\"]') ??\n        popover?.querySelector<HTMLElement>('[data-date-day]:not([data-outside=\"true\"])');\n      initial?.focus();\n    });\n  };\n\n  const toggle = () => (open() ? close() : show());\n  const plain = () => props.owner.appearance === \"plain\";\n  const canClear = () => Boolean(props.owner.clearable && props.valueLabel() && !props.owner.disabled);\n  const clear = () => {\n    close();\n    commitFieldValue(props.owner, props.clearValue);\n    trigger?.focus();\n  };\n\n  onMount(() => {\n    const syncOpenState = () => setOpen(popoverIsOpen(popover));\n    popover?.addEventListener(\"toggle\", syncOpenState);\n    onCleanup(() => popover?.removeEventListener(\"toggle\", syncOpenState));\n  });\n\n  createEffect(() => {\n    if (!open()) return;\n    window.addEventListener(\"resize\", place);\n    window.addEventListener(\"scroll\", place, true);\n    onCleanup(() => {\n      window.removeEventListener(\"resize\", place);\n      window.removeEventListener(\"scroll\", place, true);\n    });\n  });\n  onCleanup(close);\n\n  return (\n    <Field\n      class={props.owner.class}\n      label={props.owner.label}\n      description={props.owner.description}\n      error={error()}\n      required={props.owner.required}\n      disabled={props.owner.disabled}\n      meta={meta}\n    >\n      <div class=\"k2b-date-picker\" data-appearance={props.owner.appearance ?? \"field\"} data-invalid={error() ? \"true\" : undefined}>\n        <button\n          ref={trigger}\n          id={meta.controlId}\n          type=\"button\"\n          class=\"k2b-date-trigger\"\n          data-placeholder={props.valueLabel() ? undefined : \"true\"}\n          data-open={open() ? \"true\" : undefined}\n          disabled={props.owner.disabled}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open()}\n          aria-controls={`${meta.controlId}-popover`}\n          {...fieldControlAria(meta, props.owner)}\n          // A button's name replaces its content, so the shown date reaches assistive technology as the description.\n          aria-describedby={[fieldDescribedBy(meta, props.owner), `${meta.controlId}-value`].filter(Boolean).join(\" \")}\n          onClick={toggle}\n          onKeyDown={(event) => {\n            if (event.key === \"ArrowDown\") {\n              event.preventDefault();\n              show();\n            }\n          }}\n        >\n          <i class={`${props.icon} k2b-date-trigger__icon`} aria-hidden=\"true\" />\n          <span id={`${meta.controlId}-value`} class=\"k2b-date-trigger__value\">\n            <Show when={props.valueLabel()} fallback={props.owner.placeholder ?? messages().pickDate}>\n              {props.valueContent?.() ?? props.valueLabel()}\n            </Show>\n          </span>\n          <i class=\"ti ti-chevron-down k2b-date-trigger__chevron\" aria-hidden=\"true\" />\n        </button>\n\n        <Show when={canClear() && !plain()}>\n          <button\n            type=\"button\"\n            class=\"k2b-date-trigger__clear k2b-input-clear-action\"\n            aria-label={messages().clearDate}\n            onClick={(event) => {\n              event.stopPropagation();\n              clear();\n            }}\n          >\n            <i class=\"ti ti-x\" aria-hidden=\"true\" />\n          </button>\n        </Show>\n\n        <div\n          ref={popover}\n          id={`${meta.controlId}-popover`}\n          class=\"k2b-date-popover\"\n          popover=\"auto\"\n          role=\"dialog\"\n          aria-label={typeof props.owner.label === \"string\" ? props.owner.label : messages().datePicker}\n          onKeyDown={(event) => {\n            if (event.key !== \"Escape\" || event.defaultPrevented) return;\n            event.preventDefault();\n            close();\n          }}\n          onToggle={(event) => {\n            const nextOpen = event.newState === \"open\";\n            setOpen(nextOpen);\n            if (nextOpen) queueMicrotask(place);\n          }}\n        >\n          {props.children(close)}\n          <Show when={props.footerMeta || props.timezone || (plain() && canClear())}>\n            <footer class=\"k2b-date-popover__footer\">\n              <span>{props.footerMeta?.()}</span>\n              {/* A plain trigger has no room for a clear button beside its value. */}\n              <Show when={plain() && canClear()}>\n                <button type=\"button\" class=\"k2b-date-popover__clear\" onClick={clear}>\n                  <i class=\"ti ti-x\" aria-hidden=\"true\" />\n                  {messages().clearDate}\n                </button>\n              </Show>\n              <Show when={props.timezone}>\n                <span class=\"k2b-date-popover__timezone\">\n                  <i class=\"ti ti-world\" aria-hidden=\"true\" />\n                  {props.timezone}\n                </span>\n              </Show>\n            </footer>\n          </Show>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nfunction PresetRail<T>(props: { presets?: readonly DatePreset<T>[]; onSelect: (value: T) => void }): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <Show when={props.presets?.length}>\n      <aside class=\"k2b-date-presets\" aria-label={messages().datePresets}>\n        <For each={props.presets}>\n          {(preset) => (\n            <button type=\"button\" onClick={() => props.onSelect(preset.value)}>\n              {preset.label}\n            </button>\n          )}\n        </For>\n      </aside>\n    </Show>\n  );\n}\n\nfunction DatePickerPanel(props: {\n  visibleMonth: () => Date;\n  setVisibleMonth: (date: Date) => void;\n  selected?: () => string | null | undefined;\n  range?: () => DateRangeValue;\n  focusDate?: () => string | null | undefined;\n  onSelect: (date: string) => void;\n  onDayPreview?: (date: string | null) => void;\n  dateConfig?: DateContext;\n}): JSX.Element {\n  const messages = useUiMessages();\n  const [view, setView] = createSignal<PanelView>(\"days\");\n  const context = createMemo(() => pickerContext(props.dateConfig));\n  const month = createMemo(() => yearMonth(props.visibleMonth(), context()));\n  const weeks = createMemo(() => dates.getMonthGrid(month().year, month().month, context()));\n  const weekdays = createMemo(() => dates.weekdays(context()));\n  const months = createMemo(() => monthNames(context()));\n  const dayNameFormatter = createMemo(\n    () =>\n      new Intl.DateTimeFormat(context().locale, {\n        weekday: \"long\",\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n        timeZone: context().timeZone,\n      }),\n  );\n  const dayRows = createMemo(() => {\n    const visibleMonth = props.visibleMonth();\n    const dateContext = context();\n    const formatter = dayNameFormatter();\n    return weeks().map((week) =>\n      week.map((day) => ({\n        day,\n        key: dates.formatDateKey(day, dateContext),\n        outside: !dates.isSameMonth(day, visibleMonth, dateContext),\n        label: formatter.format(day),\n        number: dates.formatDayNumber(day, dateContext),\n      })),\n    );\n  });\n  // Today in the picker's time zone, the zone its values use. The browser reads\n  // the clock again at the next midnight there, when a hidden tab becomes visible\n  // again (timers may not fire on time while the device sleeps), and when the\n  // date config changes. The mark and its timer share each reading, so neither\n  // starts from an old one.\n  const [clockCheck, checkClock] = createSignal<void>(undefined, { equals: false });\n  const now = createMemo(() => {\n    clockCheck();\n    context();\n    return new Date();\n  });\n  const todayKey = createMemo(() => dateKey(now(), context()));\n  // The day's name is formatted in the date locale, so \"today\" joins it in the same language.\n  const todayLabel = (date: string) => resolveUiMessages(context().locale).todayDate({ date });\n  createEffect(() => {\n    const timer = window.setTimeout(() => checkClock(), msUntilNextDay(now(), context()));\n    onCleanup(() => window.clearTimeout(timer));\n  });\n  onMount(() => {\n    const refresh = () => {\n      if (document.visibilityState === \"visible\") checkClock();\n    };\n    document.addEventListener(\"visibilitychange\", refresh);\n    onCleanup(() => document.removeEventListener(\"visibilitychange\", refresh));\n  });\n  let calendar: HTMLElement | undefined;\n  // Days that belong to the visible month; the roving tabindex must land on one\n  // of them or the grid becomes unreachable by keyboard after month navigation.\n  const monthDayKeys = createMemo(() =>\n    dayRows()\n      .flat()\n      .filter((day) => !day.outside)\n      .map((day) => day.key),\n  );\n  // Remembers where arrow-key navigation left off so Tab returns to that day.\n  const [focusedKey, setFocusedKey] = createSignal<string>();\n  const defaultFocus = createMemo(() =>\n    resolveFocusDay(monthDayKeys(), focusedKey() || props.focusDate?.() || props.selected?.() || todayKey()),\n  );\n\n  const moveMonth = (delta: number) => props.setVisibleMonth(dates.addMonths(props.visibleMonth(), delta, context()));\n  const moveYear = (delta: number) => props.setVisibleMonth(monthDate(month().year + delta, month().month, context()));\n  const previousLabel = () => (view() === \"days\" ? messages().previousMonth : messages().previousYear);\n  const nextLabel = () => (view() === \"days\" ? messages().nextMonth : messages().nextYear);\n\n  const focusDate = (date: Date) => {\n    const targetKey = dateKey(date, context());\n    if (!dates.isSameMonth(date, props.visibleMonth(), context())) props.setVisibleMonth(date);\n    queueMicrotask(() => calendar?.querySelector<HTMLElement>(`[data-date-day=\"${targetKey}\"]`)?.focus());\n  };\n\n  const handleDayKeyDown = (event: KeyboardEvent, day: Date) => {\n    const deltas: Partial<Record<string, number>> = { ArrowLeft: -1, ArrowRight: 1, ArrowUp: -7, ArrowDown: 7 };\n    const delta = deltas[event.key];\n    if (delta !== undefined) {\n      event.preventDefault();\n      focusDate(dates.addDays(day, delta, context()));\n      return;\n    }\n    if (event.key === \"PageUp\" || event.key === \"PageDown\") {\n      event.preventDefault();\n      focusDate(dates.addMonths(day, event.key === \"PageUp\" ? -1 : 1, context()));\n      return;\n    }\n    if (event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      const buttons = Array.from(\n        (event.currentTarget as HTMLButtonElement).closest(\".k2b-date-grid\")!.querySelectorAll<HTMLButtonElement>(\"[data-date-day]\"),\n      );\n      const index = buttons.indexOf(event.currentTarget as HTMLButtonElement);\n      const offset = event.key === \"Home\" ? -(index % 7) : 6 - (index % 7);\n      focusDate(dates.addDays(day, offset, context()));\n    }\n  };\n\n  return (\n    <section ref={calendar} class=\"k2b-date-calendar\" aria-label={messages().calendar}>\n      <header class=\"k2b-date-calendar__header\">\n        <button\n          type=\"button\"\n          class=\"k2b-date-calendar__nav\"\n          onClick={() => (view() === \"days\" ? moveMonth(-1) : moveYear(-1))}\n          aria-label={previousLabel()}\n        >\n          <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n        </button>\n        <button type=\"button\" class=\"k2b-date-calendar__title\" onClick={() => setView(view() === \"days\" ? \"months\" : \"days\")}>\n          <Show when={view() === \"days\"} fallback={month().year}>\n            {dates.formatMonthYear(props.visibleMonth(), context())}\n          </Show>\n        </button>\n        <button\n          type=\"button\"\n          class=\"k2b-date-calendar__nav\"\n          onClick={() => (view() === \"days\" ? moveMonth(1) : moveYear(1))}\n          aria-label={nextLabel()}\n        >\n          <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </header>\n\n      <Show\n        when={view() === \"days\"}\n        fallback={\n          <div class=\"k2b-date-months\" role=\"group\" aria-label={`Months in ${month().year}`}>\n            <For each={months()}>\n              {(name, index) => (\n                <button\n                  type=\"button\"\n                  aria-pressed={index() === month().month}\n                  data-selected={index() === month().month ? \"true\" : undefined}\n                  onClick={() => {\n                    props.setVisibleMonth(monthDate(month().year, index(), context()));\n                    setView(\"days\");\n                  }}\n                >\n                  {name}\n                </button>\n              )}\n            </For>\n          </div>\n        }\n      >\n        <div class=\"k2b-date-weekdays\" aria-hidden=\"true\">\n          <For each={weekdays()}>{(day) => <span>{day}</span>}</For>\n        </div>\n        <div class=\"k2b-date-grid\" role=\"grid\">\n          <For each={dayRows()}>\n            {(week) => (\n              <div class=\"k2b-date-week\" role=\"row\">\n                <For each={week}>\n                  {(cell) => {\n                    const selected = () => props.selected?.() === cell.key;\n                    const range = () => props.range?.() ?? { start: null, end: null };\n                    const active = () => selected() || isRangeEdge(cell.key, range());\n                    const focusable = () => cell.key === defaultFocus();\n                    const today = () => cell.key === todayKey();\n                    return (\n                      <button\n                        type=\"button\"\n                        role=\"gridcell\"\n                        data-date-day={cell.key}\n                        data-date-focus={focusable() ? \"true\" : undefined}\n                        data-outside={cell.outside ? \"true\" : undefined}\n                        data-in-range={inRange(cell.key, range()) && !active() ? \"true\" : undefined}\n                        data-today={today() ? \"true\" : undefined}\n                        aria-current={today() ? \"date\" : undefined}\n                        aria-label={today() ? todayLabel(cell.label) : cell.label}\n                        aria-selected={active()}\n                        tabIndex={focusable() ? 0 : -1}\n                        onClick={() => props.onSelect(cell.key)}\n                        onKeyDown={(event) => handleDayKeyDown(event, cell.day)}\n                        onBlur={() => props.onDayPreview?.(null)}\n                        onFocus={() => {\n                          setFocusedKey(cell.key);\n                          props.onDayPreview?.(cell.key);\n                        }}\n                        onPointerEnter={() => props.onDayPreview?.(cell.key)}\n                        onPointerLeave={() => props.onDayPreview?.(null)}\n                      >\n                        {cell.number}\n                      </button>\n                    );\n                  }}\n                </For>\n              </div>\n            )}\n          </For>\n        </div>\n      </Show>\n    </section>\n  );\n}\n\nfunction TimeInput(props: { time: string; onChange: (time: string) => void; label?: string }): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <label class=\"k2b-date-time\">\n      <Show when={props.label}>\n        <span>{props.label}</span>\n      </Show>\n      <span class=\"k2b-date-time__control\">\n        <input\n          type=\"text\"\n          inputMode=\"numeric\"\n          value={props.time}\n          placeholder=\"09:00\"\n          onInput={(event) => props.onChange(filterTimeInput(event.currentTarget.value))}\n          onBlur={() => props.onChange(normalizeTimeInput(props.time))}\n          aria-label={props.label ? messages().timeLabel({ label: props.label }) : messages().time}\n        />\n        <i class=\"ti ti-clock\" aria-hidden=\"true\" />\n      </span>\n    </label>\n  );\n}\n\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const value = () => resolveMaybeAccessor(props.value);\n  const dateConfig = useDateConfigLocale(() => props.dateConfig);\n  const [visibleMonth, setVisibleMonth] = createSignal(parseDateValue(value(), dateConfig()));\n  const valueLabel = () => displayDate(value(), dateConfig());\n\n  return (\n    <PickerShell\n      owner={props}\n      icon=\"ti ti-calendar\"\n      valueLabel={valueLabel}\n      valueContent={props.renderValue ? () => props.renderValue!(value()!) : undefined}\n      clearValue={null}\n      onOpen={() => setVisibleMonth(parseDateValue(value(), dateConfig()))}\n      wide={Boolean(props.presets?.length)}\n    >\n      {(close) => (\n        <div class=\"k2b-date-popover__body\">\n          <PresetRail\n            presets={props.presets}\n            onSelect={(value) => {\n              close();\n              commitFieldValue(props, value);\n            }}\n          />\n          <DatePickerPanel\n            visibleMonth={visibleMonth}\n            setVisibleMonth={setVisibleMonth}\n            selected={value}\n            focusDate={value}\n            onSelect={(value) => {\n              close();\n              commitFieldValue(props, value);\n            }}\n            dateConfig={dateConfig()}\n          />\n        </div>\n      )}\n    </PickerShell>\n  );\n}\n\nexport function DateTimePicker(props: DateTimePickerProps): JSX.Element {\n  const messages = useUiMessages();\n  const value = () => resolveMaybeAccessor(props.value);\n  const dateConfig = useDateConfigLocale(() => props.dateConfig);\n  const parts = () => splitDateTime(value(), dateConfig());\n  const [visibleMonth, setVisibleMonth] = createSignal(parseDateValue(parts().date, dateConfig()));\n  const [draftDate, setDraftDate] = createSignal(parts().date);\n  const [draftTime, setDraftTime] = createSignal(parts().time || \"09:00\");\n  const valueLabel = () => formatDateTimeValue(value(), dateConfig());\n\n  const syncDraft = () => {\n    const next = parts();\n    setDraftDate(next.date);\n    setDraftTime(next.time || \"09:00\");\n    setVisibleMonth(parseDateValue(next.date, dateConfig()));\n  };\n\n  return (\n    <PickerShell\n      owner={props}\n      icon=\"ti ti-calendar-time\"\n      valueLabel={valueLabel}\n      valueContent={props.renderValue ? () => props.renderValue!(value()!) : undefined}\n      clearValue={null}\n      timezone={dateConfig().timeZone}\n      onOpen={syncDraft}\n      wide={Boolean(props.presets?.length)}\n    >\n      {(close) => (\n        <>\n          <div class=\"k2b-date-popover__body\">\n            <PresetRail\n              presets={props.presets}\n              onSelect={(value) => {\n                close();\n                commitFieldValue(props, value);\n              }}\n            />\n            <DatePickerPanel\n              visibleMonth={visibleMonth}\n              setVisibleMonth={setVisibleMonth}\n              selected={draftDate}\n              focusDate={draftDate}\n              onSelect={(value) => {\n                setDraftDate(value);\n                setVisibleMonth(parseDateValue(value, dateConfig()));\n              }}\n              dateConfig={dateConfig()}\n            />\n          </div>\n          <div class=\"k2b-date-actions\">\n            <TimeInput time={draftTime()} onChange={setDraftTime} />\n            <button\n              type=\"button\"\n              class=\"k2b-date-apply\"\n              disabled={!draftDate() || !isCompleteTime(draftTime())}\n              onClick={() => {\n                if (!draftDate() || !isCompleteTime(draftTime())) return;\n                const value = toDateTimeValue(draftDate(), draftTime(), dateConfig());\n                close();\n                commitFieldValue(props, value);\n              }}\n            >\n              {messages().apply}\n            </button>\n          </div>\n        </>\n      )}\n    </PickerShell>\n  );\n}\n\nexport function DateRangePicker(props: DateRangePickerProps): JSX.Element {\n  const messages = useUiMessages();\n  const withTime = () => props.withTime ?? false;\n  const value = () => resolveMaybeAccessor(props.value);\n  const dateConfig = useDateConfigLocale(() => props.dateConfig);\n  const parts = () => ({\n    start: withTime() ? splitDateTime(value().start, dateConfig()) : { date: value().start ?? \"\", time: \"09:00\" },\n    end: withTime() ? splitDateTime(value().end, dateConfig()) : { date: value().end ?? \"\", time: \"10:00\" },\n  });\n  const [visibleMonth, setVisibleMonth] = createSignal(parseDateValue(parts().start.date || parts().end.date, dateConfig()));\n  const [draftRange, setDraftRange] = createSignal<DateRangeValue>({\n    start: parts().start.date || null,\n    end: parts().end.date || null,\n  });\n  const [previewDate, setPreviewDate] = createSignal<string | null>(null);\n  const [startTime, setStartTime] = createSignal(parts().start.time || \"09:00\");\n  const [endTime, setEndTime] = createSignal(parts().end.time || \"10:00\");\n  const displayRange = createMemo(() => previewRange(draftRange(), previewDate()));\n\n  const syncDraft = () => {\n    const next = parts();\n    setDraftRange({ start: next.start.date || null, end: next.end.date || null });\n    setPreviewDate(null);\n    setStartTime(next.start.time || \"09:00\");\n    setEndTime(next.end.time || \"10:00\");\n    setVisibleMonth(parseDateValue(next.start.date || next.end.date, dateConfig()));\n  };\n\n  const valueLabel = () => {\n    if (!value().start && !value().end) return \"\";\n    const format = withTime() ? formatDateTimeValue : displayDate;\n    return `${value().start ? format(value().start, dateConfig()) : \"Start\"} to ${value().end ? format(value().end, dateConfig()) : \"End\"}`;\n  };\n\n  const valueContent = () => {\n    const format = withTime() ? formatDateTimeValue : displayDate;\n    return (\n      <span class=\"k2b-date-range-value\">\n        <span>{value().start ? format(value().start, dateConfig()) : messages().start}</span>\n        <i class=\"ti ti-arrow-narrow-right\" aria-hidden=\"true\" />\n        <span>{value().end ? format(value().end, dateConfig()) : \"End\"}</span>\n      </span>\n    );\n  };\n\n  const selectDate = (value: string) => {\n    const current = draftRange();\n    if (!current.start || current.end) {\n      setDraftRange({ start: value, end: null });\n    } else {\n      setDraftRange(orderedRange(current.start, value));\n    }\n    setPreviewDate(null);\n  };\n\n  const applyDuration = (minutes: number) => {\n    const current = draftRange();\n    if (!current.start || !isCompleteTime(startTime())) return;\n    const start = toDateTimeValue(current.start, startTime(), dateConfig());\n    if (!start) return;\n    const end = new Date(new Date(start).getTime() + minutes * 60_000).toISOString();\n    const next = splitDateTime(end, dateConfig());\n    setDraftRange({ start: current.start, end: next.date || current.end || current.start });\n    setEndTime(next.time || endTime());\n  };\n\n  const durationMinutes = createMemo(() => {\n    const current = displayRange();\n    if (!current.start || !current.end || !isCompleteTime(startTime()) || !isCompleteTime(endTime())) return null;\n    const start = toDateTimeValue(current.start, startTime(), dateConfig());\n    const end = toDateTimeValue(current.end, endTime(), dateConfig());\n    if (!start || !end) return null;\n    return Math.round((new Date(end).getTime() - new Date(start).getTime()) / 60_000);\n  });\n\n  const durationLabel = () => {\n    const current = displayRange();\n    if (!current.start || !current.end) return \"\";\n    if (!withTime()) return formatDateOnlyRangeDuration(current, dateConfig());\n    if (!isCompleteTime(startTime()) || !isCompleteTime(endTime())) return \"\";\n    const start = toDateTimeValue(current.start, startTime(), dateConfig());\n    const end = toDateTimeValue(current.end, endTime(), dateConfig());\n    return start && end ? dates.formatDuration(start, end, dateConfig()) : \"\";\n  };\n\n  const commit = (close: () => void) => {\n    const current = draftRange();\n    if (!withTime()) {\n      close();\n      commitFieldValue(props, current);\n      return;\n    }\n    if ((current.start || current.end) && (!isCompleteTime(startTime()) || !isCompleteTime(endTime()))) return;\n    const value = {\n      start: current.start ? toDateTimeValue(current.start, startTime(), dateConfig()) : null,\n      end: current.end ? toDateTimeValue(current.end, endTime(), dateConfig()) : null,\n    };\n    close();\n    commitFieldValue(props, value);\n  };\n\n  return (\n    <PickerShell\n      owner={props}\n      icon=\"ti ti-calendar-stats\"\n      valueLabel={valueLabel}\n      valueContent={valueContent}\n      clearValue={{ start: null, end: null }}\n      timezone={withTime() ? dateConfig().timeZone : undefined}\n      footerMeta={() => (\n        <Show when={durationLabel()}>\n          <span class=\"k2b-date-duration\">\n            <i class=\"ti ti-hourglass-low\" aria-hidden=\"true\" />\n            {durationLabel()}\n          </span>\n        </Show>\n      )}\n      onOpen={syncDraft}\n      wide={Boolean(props.datePresets?.length || props.presets?.length)}\n    >\n      {(close) => (\n        <>\n          <div class=\"k2b-date-popover__body\">\n            <Show\n              when={props.datePresets?.length}\n              fallback={\n                <PresetRail\n                  presets={props.presets}\n                  onSelect={(value) => {\n                    close();\n                    commitFieldValue(props, value);\n                  }}\n                />\n              }\n            >\n              <PresetRail\n                presets={props.datePresets}\n                onSelect={(value) => {\n                  setDraftRange(value ? { start: value, end: value } : { start: null, end: null });\n                  if (value) setVisibleMonth(parseDateValue(value, dateConfig()));\n                }}\n              />\n            </Show>\n            <DatePickerPanel\n              visibleMonth={visibleMonth}\n              setVisibleMonth={setVisibleMonth}\n              range={displayRange}\n              focusDate={() => draftRange().start}\n              onSelect={selectDate}\n              onDayPreview={(value) => {\n                const current = draftRange();\n                setPreviewDate(current.start && !current.end ? value : null);\n              }}\n              dateConfig={dateConfig()}\n            />\n          </div>\n\n          <Show when={withTime()}>\n            <div class=\"k2b-date-range-times\">\n              <TimeInput label={messages().start} time={startTime()} onChange={setStartTime} />\n              <TimeInput label={messages().end} time={endTime()} onChange={setEndTime} />\n            </div>\n          </Show>\n\n          <div class=\"k2b-date-actions\">\n            <Show when={withTime() && props.durationPresets?.length}>\n              <div class=\"k2b-date-durations\" role=\"group\" aria-label={messages().durationPresets}>\n                <For each={props.durationPresets}>\n                  {(preset) => (\n                    <button type=\"button\" aria-pressed={durationMinutes() === preset.minutes} onClick={() => applyDuration(preset.minutes)}>\n                      {preset.label}\n                    </button>\n                  )}\n                </For>\n              </div>\n            </Show>\n            {/* Only a half-picked range is uncommittable; an empty draft must stay\n                applicable so a \"clear\" date preset can be committed. */}\n            <button\n              type=\"button\"\n              class=\"k2b-date-apply\"\n              disabled={\n                Boolean(draftRange().start) !== Boolean(draftRange().end) ||\n                Boolean(\n                  withTime() && draftRange().start && draftRange().end && (!isCompleteTime(startTime()) || !isCompleteTime(endTime())),\n                )\n              }\n              onClick={() => commit(close)}\n            >\n              {messages().apply}\n            </button>\n          </div>\n        </>\n      )}\n    </PickerShell>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/FileDropTarget.js

@@ -9,8 +9,8 @@ import { use as _$use } from "solid-js/web";
 var _tmpl$ = /*#__PURE__*/_$template(`<div popover=manual class=k2b-file-drop aria-hidden=true><span class=k2b-file-drop__message><i></i><span>`);
 import { createEffect, createMemo, createSignal, onCleanup, onMount } from "solid-js";
 import { useLocale } from "../intl/locale";
-import { useUiMessages } from "../intl/messages";
 import { FILE_DROP_DEFAULT_REGION, fileDropEngine, liveDocument } from "./file-drop";
+import { useFileDropMessages } from "./file-drop-messages";
 /**
  * Turns an area into a drop target while files from outside the page are dragged over the window. A calm overlay
  * covers the area without moving anything and says what dropping does; a more specific target inside it, such as a
@@ -18,14 +18,14 @@ import { FILE_DROP_DEFAULT_REGION, fileDropEngine, liveDocument } from "./file-d
  * elements dragged within the page never show it. Keep a visible upload button for keyboard and touch users.
  */
 export function FileDropTarget(props) {
-  const messages = useUiMessages();
+  const fileDropMessages = useFileDropMessages();
   const locale = useLocale();
   let overlay;
   const [rect, setRect] = createSignal();
   const region = () => props.for ?? overlay?.parentElement?.closest(FILE_DROP_DEFAULT_REGION) ?? overlay?.ownerDocument.documentElement;
   const entry = {
     options: props,
-    messages,
+    messages: fileDropMessages,
     locale,
     region,
     host: () => overlay?.parentElement ?? undefined
@@ -46,7 +46,7 @@ export function FileDropTarget(props) {
   const state = () => hover() ? hover().invalid ? "invalid" : "over" : "available";
   const sentence = () => {
     const current = hover();
-    if (current?.invalid) return messages().fileTypeNotAccepted;
+    if (current?.invalid) return fileDropMessages().fileTypeNotAccepted;
     return current ? current.entry.options.label : props.label;
   };
   createEffect(() => {
@@ -114,12 +114,12 @@ export function FileDropTarget(props) {
  * sentence. Calling the ref again with new options replaces them.
  */
 export function fileDropTarget(options) {
-  const messages = useUiMessages();
+  const fileDropMessages = useFileDropMessages();
   const locale = useLocale();
   return element => {
     const entry = {
       options,
-      messages,
+      messages: fileDropMessages,
       locale
     };
     // A ref runs before its element is inserted; registering after insertion finds the document it ends up in.

package/dist/browser/inputs/FileDropTarget.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/FileDropTarget.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, onCleanup, onMount } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { FILE_DROP_DEFAULT_REGION, type FileDropOptions, type FileDropTargetEntry, fileDropEngine, liveDocument } from \"./file-drop\";\n\nexport type { FileDropDetails, FileDropOptions, FileDropRejection } from \"./file-drop\";\n\nexport type FileDropTargetProps = FileDropOptions & {\n  /**\n   * The area that takes the files. Defaults to the nearest dialog, `AppWorkspace.Detail`, or `AppWorkspace.Main`\n   * around the component, and to the whole window outside of them.\n   */\n  for?: Element;\n};\n\ntype Rect = { top: number; left: number; width: number; height: number; radius: string };\n\n/**\n * Turns an area into a drop target while files from outside the page are dragged over the window. A calm overlay\n * covers the area without moving anything and says what dropping does; a more specific target inside it, such as a\n * folder row or a `FileDropzone`, takes the drop and its sentence while the pointer is over it. Text, links, and\n * elements dragged within the page never show it. Keep a visible upload button for keyboard and touch users.\n */\nexport function FileDropTarget(props: FileDropTargetProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  let overlay: HTMLDivElement | undefined;\n  const [rect, setRect] = createSignal<Rect>();\n  const region = () => props.for ?? overlay?.parentElement?.closest(FILE_DROP_DEFAULT_REGION) ?? overlay?.ownerDocument.documentElement;\n  const entry: FileDropTargetEntry = { options: props, messages, locale, region, host: () => overlay?.parentElement ?? undefined };\n  const [engine, setEngine] = createSignal<ReturnType<typeof fileDropEngine>>();\n\n  onMount(() => {\n    if (!overlay) return;\n    const drop = fileDropEngine(liveDocument(overlay));\n    onCleanup(drop.addRegion(entry));\n    setEngine(drop);\n  });\n\n  const shown = createMemo(() => engine()?.session()?.shown.includes(entry) ?? false);\n  const hover = createMemo(() => {\n    const current = engine()?.session()?.hover;\n    const element = region();\n    return current && element && (current.element === element || element.contains(current.element)) ? current : null;\n  });\n  const state = () => (hover() ? (hover()!.invalid ? \"invalid\" : \"over\") : \"available\");\n  const sentence = () => {\n    const current = hover();\n    if (current?.invalid) return messages().fileTypeNotAccepted;\n    return current ? current.entry.options.label : props.label;\n  };\n\n  createEffect(() => {\n    if (!shown()) return;\n    engine()?.frame();\n    const element = region();\n    const view = overlay?.ownerDocument.defaultView;\n    if (!element || !view) return;\n    // The overlay keeps to the visible part of its area, so its sentence stays on screen.\n    const bounds =\n      element === element.ownerDocument.documentElement\n        ? new DOMRect(0, 0, view.innerWidth, view.innerHeight)\n        : element.getBoundingClientRect();\n    const top = Math.max(0, bounds.top);\n    const left = Math.max(0, bounds.left);\n    const next = {\n      top,\n      left,\n      width: Math.max(0, Math.min(view.innerWidth, bounds.right) - left),\n      height: Math.max(0, Math.min(view.innerHeight, bounds.bottom) - top),\n      radius: view.getComputedStyle(element).borderRadius,\n    };\n    const previous = rect();\n    if (\n      !previous ||\n      previous.top !== next.top ||\n      previous.left !== next.left ||\n      previous.width !== next.width ||\n      previous.height !== next.height ||\n      previous.radius !== next.radius\n    )\n      setRect(next);\n  });\n\n  createEffect(() => {\n    if (!overlay?.showPopover) return;\n    const open = overlay.matches(\":popover-open\");\n    if (shown() && !open) overlay.showPopover();\n    else if (!shown() && open) overlay.hidePopover();\n  });\n  onCleanup(() => {\n    if (overlay?.matches?.(\":popover-open\")) overlay.hidePopover();\n  });\n\n  return (\n    <div\n      ref={overlay}\n      popover=\"manual\"\n      class=\"k2b-file-drop\"\n      data-state={state()}\n      aria-hidden=\"true\"\n      style={\n        rect()\n          ? {\n              top: `${rect()!.top}px`,\n              left: `${rect()!.left}px`,\n              width: `${rect()!.width}px`,\n              height: `${rect()!.height}px`,\n              \"border-radius\": rect()!.radius,\n            }\n          : undefined\n      }\n    >\n      <span class=\"k2b-file-drop__message\">\n        <i class={state() === \"invalid\" ? \"ti ti-file-x\" : \"ti ti-upload\"} />\n        <span>{sentence()}</span>\n      </span>\n    </div>\n  );\n}\n\n/**\n * Makes one element a specific drop target, such as a folder row inside a `FileDropTarget` area: pass the result as\n * the element's `ref`. It wins over the area around it while the pointer is over it, and the area's overlay shows its\n * sentence. Calling the ref again with new options replaces them.\n */\nexport function fileDropTarget(options: FileDropOptions): (element: Element) => void {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  return (element) => {\n    const entry = { options, messages, locale };\n    // A ref runs before its element is inserted; registering after insertion finds the document it ends up in.\n    queueMicrotask(() => fileDropEngine(liveDocument(element)).setTarget(element, entry));\n  };\n}\n"],"mappings":";;;;;;;;;AAAA,SAAS,YAAY,EAAE,UAAU,EAAE,YAAY,EAAY,SAAS,EAAE,OAAO,QAAQ,UAAU;AAC/F,SAAS,SAAS,QAAQ,gBAAgB;AAC1C,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SAAS,wBAAwB,EAAkD,cAAc,EAAE,YAAY,QAAQ,aAAa;AAcpI;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,cAAc,CAAC,KAA0B,EAAe;EACtE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,IAAI,OAAmC;EACvC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,YAAY,CAAO,CAAC;EAC5C,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,GAAG,IAAI,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,wBAAwB,CAAC,IAAI,OAAO,EAAE,aAAa,CAAC,eAAe;EACrI,MAAM,KAA0B,GAAG;IAAE,OAAO,EAAE,KAAK;IAAE,QAAQ;IAAE,MAAM;IAAE,MAAM;IAAE,IAAI,EAAE,MAAM,OAAO,EAAE,aAAa,IAAI;EAAU,CAAC;EAChI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAoC,CAAC;EAE7E,OAAO,CAAC,MAAM;IACZ,IAAI,CAAC,OAAO,EAAE;IACd,MAAM,IAAI,GAAG,cAAc,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAClD,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC,CAAC;EAEF,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;EACnF,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM;IAC7B,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK;IAC1C,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC;IACxB,OAAO,OAAO,IAAI,OAAO,KAAK,OAAO,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,OAAO,GAAG,IAAI;EAClH,CAAC,CAAC;EACF,MAAM,KAAK,GAAG,MAAO,KAAK,CAAC,CAAC,GAAI,KAAK,CAAC,CAAC,CAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAI,WAAY;EACrF,MAAM,QAAQ,GAAG,MAAM;IACrB,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC;IACvB,IAAI,OAAO,EAAE,OAAO,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,mBAAmB;IAC3D,OAAO,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;EAC5D,CAAC;EAED,YAAY,CAAC,MAAM;IACjB,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;IACd,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACjB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC;IACxB,MAAM,IAAI,GAAG,OAAO,EAAE,aAAa,CAAC,WAAW;IAC/C,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE;IACvB;IACA,MAAM,MAAM,GACV,OAAO,KAAK,OAAO,CAAC,aAAa,CAAC,eAAe,GAC7C,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,GACpD,OAAO,CAAC,qBAAqB,CAAC,CAAC;IACrC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC;IACnC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC;IACrC,MAAM,IAAI,GAAG;MACX,GAAG;MACH,IAAI;MACJ,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;MAClE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC;MACpE,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IACD,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC;IACvB,IACE,CAAC,QAAQ,IACT,QAAQ,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,IACzB,QAAQ,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAC3B,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAC7B,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,IAC/B,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAE/B,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,CAAC;EAEF,YAAY,CAAC,MAAM;IACjB,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE;IAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC;IAC7C,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,KACvC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;EAClD,CAAC,CAAC;EACF,SAAS,CAAC,MAAM;IACd,IAAI,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;EAChE,CAAC,CAAC;EAEF;IAAA;MAAA;MAAA;MAAA;IAAA,YAES,OAAO;IAAA,mDAAP,OAAO;IAAA,gBAmBH,QAAQ;IAAA;MAAA,UAhBL,KAAK,CAAC,CAAC;QAAA,OAGjB,IAAI,CAAC,CAAC,GACF;UACE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAE,GAAG,IAAI;UACvB,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAE,IAAI,IAAI;UACzB,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC,CAAE,KAAK,IAAI;UAC3B,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAE,MAAM,IAAI;UAC7B,eAAe,EAAE,IAAI,CAAC,CAAC,CAAE;QAC3B,CAAC,GACD,SAAS;QAAA,OAIH,KAAK,CAAC,CAAC,KAAK,SAAS,GAAG,cAAc,GAAG,cAAc;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;IAAA;IAAA;EAAA;AAKzE;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,cAAc,CAAC,OAAwB,EAA8B;EACnF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAQ,OAAO,IAAK;IAClB,MAAM,KAAK,GAAG;MAAE,OAAO;MAAE,QAAQ;MAAE;IAAO,CAAC;IAC3C;IACA,cAAc,CAAC,MAAM,cAAc,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;EACvF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/FileDropTarget.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, onCleanup, onMount } from \"solid-js\";\nimport { useLocale } from \"../intl/locale\";\nimport { FILE_DROP_DEFAULT_REGION, type FileDropOptions, type FileDropTargetEntry, fileDropEngine, liveDocument } from \"./file-drop\";\nimport { useFileDropMessages } from \"./file-drop-messages\";\n\nexport type { FileDropDetails, FileDropOptions, FileDropRejection } from \"./file-drop\";\n\nexport type FileDropTargetProps = FileDropOptions & {\n  /**\n   * The area that takes the files. Defaults to the nearest dialog, `AppWorkspace.Detail`, or `AppWorkspace.Main`\n   * around the component, and to the whole window outside of them.\n   */\n  for?: Element;\n};\n\ntype Rect = { top: number; left: number; width: number; height: number; radius: string };\n\n/**\n * Turns an area into a drop target while files from outside the page are dragged over the window. A calm overlay\n * covers the area without moving anything and says what dropping does; a more specific target inside it, such as a\n * folder row or a `FileDropzone`, takes the drop and its sentence while the pointer is over it. Text, links, and\n * elements dragged within the page never show it. Keep a visible upload button for keyboard and touch users.\n */\nexport function FileDropTarget(props: FileDropTargetProps): JSX.Element {\n  const fileDropMessages = useFileDropMessages();\n  const locale = useLocale();\n  let overlay: HTMLDivElement | undefined;\n  const [rect, setRect] = createSignal<Rect>();\n  const region = () => props.for ?? overlay?.parentElement?.closest(FILE_DROP_DEFAULT_REGION) ?? overlay?.ownerDocument.documentElement;\n  const entry: FileDropTargetEntry = {\n    options: props,\n    messages: fileDropMessages,\n    locale,\n    region,\n    host: () => overlay?.parentElement ?? undefined,\n  };\n  const [engine, setEngine] = createSignal<ReturnType<typeof fileDropEngine>>();\n\n  onMount(() => {\n    if (!overlay) return;\n    const drop = fileDropEngine(liveDocument(overlay));\n    onCleanup(drop.addRegion(entry));\n    setEngine(drop);\n  });\n\n  const shown = createMemo(() => engine()?.session()?.shown.includes(entry) ?? false);\n  const hover = createMemo(() => {\n    const current = engine()?.session()?.hover;\n    const element = region();\n    return current && element && (current.element === element || element.contains(current.element)) ? current : null;\n  });\n  const state = () => (hover() ? (hover()!.invalid ? \"invalid\" : \"over\") : \"available\");\n  const sentence = () => {\n    const current = hover();\n    if (current?.invalid) return fileDropMessages().fileTypeNotAccepted;\n    return current ? current.entry.options.label : props.label;\n  };\n\n  createEffect(() => {\n    if (!shown()) return;\n    engine()?.frame();\n    const element = region();\n    const view = overlay?.ownerDocument.defaultView;\n    if (!element || !view) return;\n    // The overlay keeps to the visible part of its area, so its sentence stays on screen.\n    const bounds =\n      element === element.ownerDocument.documentElement\n        ? new DOMRect(0, 0, view.innerWidth, view.innerHeight)\n        : element.getBoundingClientRect();\n    const top = Math.max(0, bounds.top);\n    const left = Math.max(0, bounds.left);\n    const next = {\n      top,\n      left,\n      width: Math.max(0, Math.min(view.innerWidth, bounds.right) - left),\n      height: Math.max(0, Math.min(view.innerHeight, bounds.bottom) - top),\n      radius: view.getComputedStyle(element).borderRadius,\n    };\n    const previous = rect();\n    if (\n      !previous ||\n      previous.top !== next.top ||\n      previous.left !== next.left ||\n      previous.width !== next.width ||\n      previous.height !== next.height ||\n      previous.radius !== next.radius\n    )\n      setRect(next);\n  });\n\n  createEffect(() => {\n    if (!overlay?.showPopover) return;\n    const open = overlay.matches(\":popover-open\");\n    if (shown() && !open) overlay.showPopover();\n    else if (!shown() && open) overlay.hidePopover();\n  });\n  onCleanup(() => {\n    if (overlay?.matches?.(\":popover-open\")) overlay.hidePopover();\n  });\n\n  return (\n    <div\n      ref={overlay}\n      popover=\"manual\"\n      class=\"k2b-file-drop\"\n      data-state={state()}\n      aria-hidden=\"true\"\n      style={\n        rect()\n          ? {\n              top: `${rect()!.top}px`,\n              left: `${rect()!.left}px`,\n              width: `${rect()!.width}px`,\n              height: `${rect()!.height}px`,\n              \"border-radius\": rect()!.radius,\n            }\n          : undefined\n      }\n    >\n      <span class=\"k2b-file-drop__message\">\n        <i class={state() === \"invalid\" ? \"ti ti-file-x\" : \"ti ti-upload\"} />\n        <span>{sentence()}</span>\n      </span>\n    </div>\n  );\n}\n\n/**\n * Makes one element a specific drop target, such as a folder row inside a `FileDropTarget` area: pass the result as\n * the element's `ref`. It wins over the area around it while the pointer is over it, and the area's overlay shows its\n * sentence. Calling the ref again with new options replaces them.\n */\nexport function fileDropTarget(options: FileDropOptions): (element: Element) => void {\n  const fileDropMessages = useFileDropMessages();\n  const locale = useLocale();\n  return (element) => {\n    const entry = { options, messages: fileDropMessages, locale };\n    // A ref runs before its element is inserted; registering after insertion finds the document it ends up in.\n    queueMicrotask(() => fileDropEngine(liveDocument(element)).setTarget(element, entry));\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/FileInputs.js

@@ -33,13 +33,17 @@ import { createEffect, createMemo, createSignal, For, mergeProps, onCleanup, onM
 import { Button, IconButton } from "../actions/Button";
 import { Tooltip } from "../feedback/Tooltip";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
+import { suppressTextSelection } from "../internal/text-selection";
 import { useUiMessages } from "../intl/messages";
 import { fileDropTarget } from "./FileDropTarget";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
 import { fileDropEngine, liveDocument } from "./file-drop";
+import { useFileDropMessages } from "./file-drop-messages";
+import { useFileInputMessages } from "./file-input-messages";
 import { clampImageCropRect, getInitialImageCropRect, resizeImageCropFromCorner, rotateImageCropRight } from "./image-crop";
 export function FileDropzone(props) {
-  const messages = useUiMessages();
+  const fileInputMessages = useFileInputMessages();
+  const fileDropMessages = useFileDropMessages();
   const meta = createFieldMeta(props.id);
   const disabled = () => Boolean(props.disabled || props.busy);
   const [chooseError, setChooseError] = createSignal();
@@ -53,11 +57,11 @@ export function FileDropzone(props) {
   };
   const choose = chooseFiles => {
     setChooseError();
-    chooseFiles().then(files => emit([...files]), cause => setChooseError(cause instanceof Error && cause.message ? cause.message : messages().failedLoadFiles));
+    chooseFiles().then(files => emit([...files]), cause => setChooseError(cause instanceof Error && cause.message ? cause.message : fileInputMessages().failedLoadFiles));
   };
   // Drops take the same path as every other file drop target: files only, the most specific target wins, and files
   // that do not fit `accept` are left out with a message.
-  const dropLabel = () => props.dropLabel ?? messages().dropToUpload;
+  const dropLabel = () => props.dropLabel ?? fileInputMessages().dropToUpload;
   const dropRef = fileDropTarget({
     get label() {
       return dropLabel();
@@ -84,7 +88,7 @@ export function FileDropzone(props) {
     if (!hover || hover.element !== element) return undefined;
     return hover.invalid ? "invalid" : "over";
   });
-  const title = () => props.busy ? messages().uploading : dragState() === "invalid" ? messages().fileTypeNotAccepted : dragState() === "over" ? dropLabel() : props.title ?? messages().dropFiles;
+  const title = () => props.busy ? fileInputMessages().uploading : dragState() === "invalid" ? fileDropMessages().fileTypeNotAccepted : dragState() === "over" ? dropLabel() : props.title ?? fileInputMessages().dropFiles;
   return _$createComponent(Field, {
     get ["class"]() {
       return props.class;
@@ -156,7 +160,7 @@ export function FileDropzone(props) {
           },
           get children() {
             var _el$6 = _$getNextElement(_tmpl$);
-            _$insert(_el$6, () => messages().chooseMatchingFile);
+            _$insert(_el$6, () => fileInputMessages().chooseMatchingFile);
             return _el$6;
           }
         }), _el$9, _co$);
@@ -189,7 +193,7 @@ export function FileDropzone(props) {
           var _ref$ = input;
           typeof _ref$ === "function" ? _$use(_ref$, _el$10) : input = _el$10;
           _$effect(_p$ => {
-            var _v$ = props["aria-label"] ?? (typeof props.label === "string" ? props.label : props.multiple === false ? messages().chooseFile : messages().chooseFiles),
+            var _v$ = props["aria-label"] ?? (typeof props.label === "string" ? props.label : props.multiple === false ? fileInputMessages().chooseFile : fileInputMessages().chooseFiles),
               _v$2 = props.accept,
               _v$3 = props.multiple ?? true,
               _v$4 = disabled();
@@ -219,6 +223,7 @@ const defaultImageTransform = async file => {
 };
 export function ImageInput(props) {
   const messages = useUiMessages();
+  const fileInputMessages = useFileInputMessages();
   const meta = createFieldMeta(props.id);
   const [busy, setBusy] = createSignal(false);
   const [localError, setLocalError] = createSignal();
@@ -230,7 +235,7 @@ export function ImageInput(props) {
     return current && !current.includes(props.fallbackMarker ?? "?fallback") ? current : null;
   };
   const compact = () => props.variant === "small";
-  const changeLabel = () => value() ? messages().changeImage : messages().addImage;
+  const changeLabel = () => value() ? fileInputMessages().changeImage : fileInputMessages().addImage;
   const changeIcon = () => value() ? "ti ti-pencil" : "ti ti-photo-plus";
   const select = async file => {
     if (!file || disabled()) return;
@@ -240,7 +245,7 @@ export function ImageInput(props) {
       const transformed = await (props.transform ?? defaultImageTransform)(file);
       commitFieldValue(props, transformed);
     } catch (error) {
-      setLocalError(error instanceof Error ? error.message : messages().imageProcessingFailed);
+      setLocalError(error instanceof Error ? error.message : fileInputMessages().imageProcessingFailed);
     } finally {
       setBusy(false);
       if (input) input.value = "";
@@ -286,7 +291,7 @@ export function ImageInput(props) {
           var _el$23 = _$getNextElement(_tmpl$9);
           _$effect(_p$ => {
             var _v$0 = source(),
-              _v$1 = typeof props.label === "string" ? props.label : messages().selectedImage;
+              _v$1 = typeof props.label === "string" ? props.label : fileInputMessages().selectedImage;
             _v$0 !== _p$.e && _$setAttribute(_el$23, "src", _p$.e = _v$0);
             _v$1 !== _p$.t && _$setAttribute(_el$23, "alt", _p$.t = _v$1);
             return _p$;
@@ -308,7 +313,7 @@ export function ImageInput(props) {
               return busy();
             },
             get loadingLabel() {
-              return messages().processingImage;
+              return fileInputMessages().processingImage;
             },
             get disabled() {
               return disabled();
@@ -332,7 +337,7 @@ export function ImageInput(props) {
               return busy();
             },
             get loadingLabel() {
-              return messages().processingImage;
+              return fileInputMessages().processingImage;
             },
             get disabled() {
               return disabled();
@@ -370,7 +375,7 @@ export function ImageInput(props) {
             get children() {
               return _$createComponent(IconButton, {
                 get label() {
-                  return messages().removeImage;
+                  return fileInputMessages().removeImage;
                 },
                 get disabled() {
                   return disabled();
@@ -463,7 +468,7 @@ const loadPreviewState = async source => {
   }
 };
 export function ImageCropper(props) {
-  const messages = useUiMessages();
+  const fileInputMessages = useFileInputMessages();
   let frame;
   let activePreview = null;
   const aspect = () => props.aspect ?? "free";
@@ -515,7 +520,7 @@ export function ImageCropper(props) {
         if (disposed) return;
         replacePreview(null);
         setCrop(null);
-        setError(messages().failedLoadImage);
+        setError(fileInputMessages().failedLoadImage);
       } finally {
         if (!disposed) setLoading(false);
       }
@@ -568,20 +573,23 @@ export function ImageCropper(props) {
     }
     setCrop(resizeImageCropFromCorner(start, currentSize, aspect(), state.handle, dx, dy));
   };
+  let releaseTextSelection;
   const endDrag = event => {
     const state = drag();
     if (!state || state.pointerId !== event.pointerId) return;
     window.removeEventListener("pointermove", moveCrop);
     window.removeEventListener("pointerup", endDrag);
     window.removeEventListener("pointercancel", endDrag);
+    releaseTextSelection?.();
     setDrag(null);
   };
   const startDrag = (handle, event) => {
     const currentCrop = crop();
-    if (!currentCrop || disabled()) return;
+    if (!currentCrop || disabled() || event.button !== 0) return;
     event.preventDefault();
     event.stopPropagation();
     event.currentTarget.setPointerCapture?.(event.pointerId);
+    releaseTextSelection = suppressTextSelection(event.pointerId);
     const point = readPointerPosition(event);
     setDrag({
       handle,
@@ -599,6 +607,7 @@ export function ImageCropper(props) {
     window.removeEventListener("pointermove", moveCrop);
     window.removeEventListener("pointerup", endDrag);
     window.removeEventListener("pointercancel", endDrag);
+    releaseTextSelection?.();
   });
   const rotateRight = () => {
     if (disabled()) return;
@@ -664,7 +673,7 @@ export function ImageCropper(props) {
       get fallback() {
         return (() => {
           var _el$34 = _$getNextElement(_tmpl$11);
-          _$insert(_el$34, () => messages().preparingImage);
+          _$insert(_el$34, () => fileInputMessages().preparingImage);
           return _el$34;
         })();
       },
@@ -709,7 +718,7 @@ export function ImageCropper(props) {
                         _el$36.$$pointerdown = event => startDrag(handle, event);
                         _$setAttribute(_el$36, "data-handle", handle);
                         _$effect(_p$ => {
-                          var _v$18 = messages().resizeCrop({
+                          var _v$18 = fileInputMessages().resizeCrop({
                               handle
                             }),
                             _v$19 = disabled();
@@ -730,10 +739,10 @@ export function ImageCropper(props) {
                   type: "button",
                   "class": "k2b-image-cropper__rotate",
                   get content() {
-                    return messages().rotateRight;
+                    return fileInputMessages().rotateRight;
                   },
                   get ["aria-label"]() {
-                    return messages().rotateRight;
+                    return fileInputMessages().rotateRight;
                   },
                   get disabled() {
                     return disabled() || !crop() || Boolean(error());
@@ -746,12 +755,12 @@ export function ImageCropper(props) {
                 _$effect(_p$ => {
                   var _v$10 = previewFrameStyle(),
                     _v$11 = preview().url,
-                    _v$12 = messages().cropPreview,
+                    _v$12 = fileInputMessages().cropPreview,
                     _v$13 = previewImageStyle(),
                     _v$14 = previewShape(),
                     _v$15 = cropStyle(),
                     _v$16 = disabled() ? undefined : 0,
-                    _v$17 = messages().cropArea;
+                    _v$17 = fileInputMessages().cropArea;
                   _p$.e = _$style(_el$28, _v$10, _p$.e);
                   _v$11 !== _p$.t && _$setAttribute(_el$29, "src", _p$.t = _v$11);
                   _v$12 !== _p$.a && _$setAttribute(_el$29, "alt", _p$.a = _v$12);