@smwb/ui-solid 0.12.1 → 0.13.0

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

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","sources":["../../../../src/components/inputs/datePicker/datePicker.tsx"],"sourcesContent":["import { type JSX, Show, children, createEffect, createMemo, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TextField, type TextFieldProps } from \"../textField\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { OpenView } from \"./openView\";\nimport {\n  type WeekStart,\n  getDisplayDate,\n  getMonths,\n  getYears,\n  isValidDate,\n  setMonth,\n  setYear,\n} from \"./dateUtils\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport { OpenView } from \"./openView\";\n\nexport interface DatePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  showDaysOutsideMonth?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date | undefined;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date | undefined;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string | undefined;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string | undefined;\n  /** Enables date-range selection. */\n  range?: boolean | undefined;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined] | undefined;\n  /** Called when the range changes. */\n  onRangeChange?: ((range: [Date | undefined, Date | undefined]) => void) | undefined;\n  placement?: Placement | undefined;\n  disableCalendar?: boolean | undefined;\n  label?: string | undefined;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  calendarIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: DatePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: DatePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"showDaysOutsideMonth\",\n    \"disablePast\",\n    \"disableFuture\",\n    \"weekStartsOn\",\n    \"placement\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarAriaLabel\",\n    \"minDate\",\n    \"maxDate\",\n    \"isDateDisabled\",\n    \"locale\",\n    \"format\",\n    \"range\",\n    \"rangeValue\",\n    \"onRangeChange\",\n    \"calendarIcon\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  // The range field draws the calendar icon itself, unless the calendar is off:\n  // read it once, and only then (the single field hands it to its input).\n  const rangeIcon = children(() => (local.range && !local.disableCalendar ? local.calendarIcon : undefined));\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n  const isRangeControlled = (): boolean => local.rangeValue !== undefined;\n  const [rangeState, setRangeState] = createSignal<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = (): [Date | undefined, Date | undefined] =>\n    isRangeControlled() && local.rangeValue ? local.rangeValue : rangeState();\n\n  const initialValue = value();\n  const [viewValue, setViewValue] = createSignal<Date>(isValidDate(initialValue) ? initialValue : new Date());\n  const [openView, setOpenView] = createSignal<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let calendarEl: HTMLElement | undefined;\n\n  const resolved = (): ReturnType<typeof resolvePlacement> => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidDate(v) ? v : new Date());\n  });\n\n  const weekStartsOn = (): WeekStart => local.weekStartsOn ?? 1;\n\n  const onViewValueChange = (v: Date): void => {\n    setViewValue(v);\n  };\n\n  const onMonthLabelClick = (): void => {\n    setOpenView(openView() === OpenView.months ? OpenView.days : OpenView.months);\n  };\n\n  const onYearLabelClick = (): void => {\n    setOpenView(openView() === OpenView.years ? OpenView.days : OpenView.years);\n  };\n\n  const onMonthChange = (month: number): void => {\n    setViewValue(setMonth(viewValue(), month));\n    setOpenView(OpenView.days);\n  };\n\n  const onYearChange = (year: number): void => {\n    setViewValue(setYear(viewValue(), year));\n    setOpenView(OpenView.days);\n  };\n\n  const onChange = (event?: Event, date?: Date): void => {\n    if (local.range) {\n      if (!date) return;\n      const [start, end] = currentRange();\n      let next: [Date | undefined, Date | undefined];\n      if (!start || (start && end)) {\n        next = [date, undefined];\n      } else {\n        next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n      }\n      if (!isRangeControlled()) setRangeState(next);\n      local.onRangeChange?.(next);\n      if (next[0] && next[1]) setIsOpen(false);\n      return;\n    }\n    local.onChange?.(event, date, props);\n    setIsOpen(false);\n  };\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (calendarEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const months = createMemo(() => getMonths(local.locale));\n  const years = getYears(new Date().getFullYear(), 100);\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableCalendar;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  const view = (): JSX.Element => {\n    switch (openView()) {\n      case OpenView.months:\n        return <DatePickerList value={viewValue().getMonth()} items={months()} onChange={onMonthChange} />;\n      case OpenView.years:\n        return <DatePickerList value={viewValue().getFullYear()} items={years} onChange={onYearChange} />;\n      default:\n        return (\n          <DataPickerDays\n            viewValue={viewValue()}\n            value={value()}\n            showDaysOutsideMonth={local.showDaysOutsideMonth}\n            onChange={onChange}\n            disablePast={local.disablePast}\n            disableFuture={local.disableFuture}\n            weekStartsOn={weekStartsOn()}\n            minDate={local.minDate}\n            maxDate={local.maxDate}\n            isDateDisabled={local.isDateDisabled}\n            locale={local.locale}\n            range={local.range}\n            rangeStart={currentRange()[0]}\n            rangeEnd={currentRange()[1]}\n          />\n        );\n    }\n  };\n\n  const rangeDisplay = (): string =>\n    local.range && (currentRange()[0] || currentRange()[1])\n      ? `${getDisplayDate(currentRange()[0], local.format)} – ${getDisplayDate(currentRange()[1], local.format)}`\n      : \"\";\n\n  const anchorRef = mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement));\n\n  return (\n    <>\n      <Show\n        when={local.range}\n        fallback={\n          <DataPickerInput\n            ref={anchorRef}\n            value={local.value}\n            onChange={local.onChange}\n            onBlur={local.onBlur}\n            onToggle={onToggle}\n            disabled={local.disabled}\n            disableCalendar={local.disableCalendar}\n            format={local.format}\n            calendarIcon={local.calendarIcon}\n            {...rest}\n          />\n        }\n      >\n        <TextField\n          ref={anchorRef}\n          value={rangeDisplay()}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(local.disabled)}\n          {...(local.format ? { placeholder: `${local.format} – ${local.format}` } : {})}\n          endAdornment={\n            <Show when={!local.disableCalendar}>\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(local.disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                <Show when={rangeIcon()} fallback={<Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}>\n                  {rangeIcon()}\n                </Show>\n              </DatePickerIconButton>\n            </Show>\n          }\n          {...rest}\n        />\n      </Show>\n      <Show when={mounted()}>\n        <Portal mount={(isServer ? undefined : document.body) as Node}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (calendarEl = el as HTMLElement))}\n              class=\"smwb-date-picker\"\n              style={{\n                ...floating.floatingStyles(),\n                transition: `opacity ${FADE_MS}ms ease-in-out`,\n                opacity: shown() ? 1 : 0,\n              }}\n              data-testid=\"date-picker\"\n              data-smwb-overlay-layer\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.calendarAriaLabel ?? \"Choose date\"}\n            >\n              <div class=\"smwb-date-picker__inner\">\n                <DataPickerHeader\n                  viewValue={viewValue()}\n                  locale={local.locale}\n                  openView={openView()}\n                  onChange={onViewValueChange}\n                  onMonthLabelClick={onMonthLabelClick}\n                  onYearLabelClick={onYearLabelClick}\n                />\n                <div class=\"smwb-date-picker__body\">{view()}</div>\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default DatePicker;\n"],"names":["FADE_MS","DatePicker","props","local","rest","splitProps","rangeIcon","children","range","disableCalendar","calendarIcon","undefined","value","Date","isRangeControlled","rangeValue","rangeState","setRangeState","createSignal","currentRange","initialValue","viewValue","setViewValue","isValidDate","openView","setOpenView","OpenView","days","isOpen","setIsOpen","anchorEl","calendarEl","resolved","resolvePlacement","placement","floating","createFloating","middleware","buildFloatingMiddleware","createEffect","disabled","v","weekStartsOn","onViewValueChange","onMonthLabelClick","months","onYearLabelClick","years","onMonthChange","month","setMonth","onYearChange","year","setYear","onChange","event","date","start","end","next","getTime","onRangeChange","onToggle","prev","onClickAway","target","contains","createMemo","getMonths","locale","getYears","getFullYear","shouldOpen","mounted","setMounted","shown","setShown","raf","timer","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","view","_$createComponent","DatePickerList","getMonth","items","DataPickerDays","showDaysOutsideMonth","disablePast","disableFuture","minDate","maxDate","isDateDisabled","rangeStart","rangeEnd","rangeDisplay","getDisplayDate","format","anchorRef","mergeRefs","ref","setReference","el","Show","when","fallback","DataPickerInput","_$mergeProps","onBlur","TextField","readOnly","Boolean","placeholder","endAdornment","DatePickerIconButton","edge","onClick","Icon","name","fill","weight","size","Portal","mount","isServer","document","body","ClickAwayListener","_el$","_tmpl$","_el$2","firstChild","_el$3","_ref$","setFloating","_$use","_$insert","DataPickerHeader","_$effect","_p$","_v$","floatingStyles","opacity","_v$2","calendarAriaLabel","e","_$style","t","_$setAttribute"],"mappings":"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"}
+{"version":3,"file":"datePicker.js","sources":["../../../../src/components/inputs/datePicker/datePicker.tsx"],"sourcesContent":["import { type JSX, Show, children, createEffect, createMemo, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport { buildFloatingMiddleware, type Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { createFloating } from \"../../../primitives/createFloating\";\nimport { isTopOverlayLayer } from \"../../../primitives/overlayLayer\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TextField, type TextFieldProps } from \"../textField\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { OpenView } from \"./openView\";\nimport {\n  type WeekStart,\n  getDisplayDate,\n  getMonths,\n  getYears,\n  isValidDate,\n  setMonth,\n  setYear,\n} from \"./dateUtils\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport { OpenView } from \"./openView\";\n\nexport interface DatePickerProps\n  extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\" | \"ref\" | \"onToggle\"> {\n  showDaysOutsideMonth?: boolean | undefined;\n  disablePast?: boolean | undefined;\n  disableFuture?: boolean | undefined;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date | undefined;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date | undefined;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: ((day: Date) => boolean) | undefined;\n  weekStartsOn?: WeekStart | undefined;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string | undefined;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string | undefined;\n  /** Enables date-range selection. */\n  range?: boolean | undefined;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined] | undefined;\n  /** Called when the range changes. */\n  onRangeChange?: ((range: [Date | undefined, Date | undefined]) => void) | undefined;\n  placement?: Placement | undefined;\n  disableCalendar?: boolean | undefined;\n  label?: string | undefined;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string | undefined;\n  value?: Date | string | undefined;\n  calendarIcon?: JSX.Element;\n  onChange?: ((event?: Event, value?: Date, data?: DatePickerProps) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date, data?: DatePickerProps) => void) | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nconst FADE_MS = 150;\n\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onChange\",\n    \"showDaysOutsideMonth\",\n    \"disablePast\",\n    \"disableFuture\",\n    \"weekStartsOn\",\n    \"placement\",\n    \"disabled\",\n    \"disableCalendar\",\n    \"calendarAriaLabel\",\n    \"minDate\",\n    \"maxDate\",\n    \"isDateDisabled\",\n    \"locale\",\n    \"format\",\n    \"range\",\n    \"rangeValue\",\n    \"onRangeChange\",\n    \"calendarIcon\",\n    \"onBlur\",\n    \"ref\",\n  ]);\n\n  // The range field draws the calendar icon itself, unless the calendar is off:\n  // read it once, and only then (the single field hands it to its input).\n  const rangeIcon = children(() => (local.range && !local.disableCalendar ? local.calendarIcon : undefined));\n\n  const value = (): Date | undefined => (local.value === undefined ? undefined : new Date(local.value));\n  const isRangeControlled = (): boolean => local.rangeValue !== undefined;\n  const [rangeState, setRangeState] = createSignal<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = (): [Date | undefined, Date | undefined] =>\n    isRangeControlled() && local.rangeValue ? local.rangeValue : rangeState();\n\n  const initialValue = value();\n  const [viewValue, setViewValue] = createSignal<Date>(isValidDate(initialValue) ? initialValue : new Date());\n  const [openView, setOpenView] = createSignal<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  let anchorEl: HTMLElement | undefined;\n  let calendarEl: HTMLElement | undefined;\n\n  const resolved = (): ReturnType<typeof resolvePlacement> => resolvePlacement(local.placement ?? \"bottom-start\");\n  const floating = createFloating({\n    placement: () => resolved().placement,\n    middleware: () => buildFloatingMiddleware(resolved()),\n  });\n\n  createEffect(() => {\n    if (local.disabled) return;\n    const v = value();\n    setViewValue(isValidDate(v) ? v : new Date());\n  });\n\n  const weekStartsOn = (): WeekStart => local.weekStartsOn ?? 1;\n\n  const onViewValueChange = (v: Date): void => {\n    setViewValue(v);\n  };\n\n  const onMonthLabelClick = (): void => {\n    setOpenView(openView() === OpenView.months ? OpenView.days : OpenView.months);\n  };\n\n  const onYearLabelClick = (): void => {\n    setOpenView(openView() === OpenView.years ? OpenView.days : OpenView.years);\n  };\n\n  const onMonthChange = (month: number): void => {\n    setViewValue(setMonth(viewValue(), month));\n    setOpenView(OpenView.days);\n  };\n\n  const onYearChange = (year: number): void => {\n    setViewValue(setYear(viewValue(), year));\n    setOpenView(OpenView.days);\n  };\n\n  const onChange = (event?: Event, date?: Date): void => {\n    if (local.range) {\n      if (!date) return;\n      const [start, end] = currentRange();\n      let next: [Date | undefined, Date | undefined];\n      if (!start || (start && end)) {\n        next = [date, undefined];\n      } else {\n        next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n      }\n      if (!isRangeControlled()) setRangeState(next);\n      local.onRangeChange?.(next);\n      if (next[0] && next[1]) setIsOpen(false);\n      return;\n    }\n    local.onChange?.(event, date, props);\n    setIsOpen(false);\n  };\n\n  const onToggle = (): void => {\n    if (!local.disabled) setIsOpen((prev) => !prev);\n  };\n\n  const onClickAway = (event: MouseEvent | TouchEvent): void => {\n    const target = event.target as HTMLElement;\n    if (calendarEl?.contains(target) || anchorEl?.contains(target)) return;\n    setIsOpen(false);\n  };\n\n  const months = createMemo(() => getMonths(local.locale));\n  const years = getYears(new Date().getFullYear(), 100);\n\n  const shouldOpen = (): boolean => isOpen() && !local.disabled && !local.disableCalendar;\n  const [mounted, setMounted] = createSignal(shouldOpen());\n  const [shown, setShown] = createSignal(false);\n  let raf: number | undefined;\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  createEffect(() => {\n    if (shouldOpen()) {\n      if (timer !== undefined) clearTimeout(timer);\n      setMounted(true);\n      raf = requestAnimationFrame(() => setShown(true));\n    } else {\n      setShown(false);\n      if (mounted()) timer = setTimeout(() => setMounted(false), FADE_MS);\n    }\n  });\n  onCleanup(() => {\n    if (raf !== undefined) cancelAnimationFrame(raf);\n    if (timer !== undefined) clearTimeout(timer);\n  });\n\n  // Escape closes the panel while it is the topmost overlay layer, so the next one\n  // reaches a Modal or Sheet around the picker. Focus left in the panel (or on\n  // <body> after a click there) goes back to the input rather than being lost.\n  createEffect(() => {\n    if (!shouldOpen()) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      const panel = calendarEl;\n      if (event.key !== \"Escape\" || !panel || !isTopOverlayLayer(panel)) return;\n      setIsOpen(false);\n      const active = document.activeElement;\n      if (!active || active === document.body || panel.contains(active)) anchorEl?.focus();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const view = (): JSX.Element => {\n    switch (openView()) {\n      case OpenView.months:\n        return <DatePickerList value={viewValue().getMonth()} items={months()} onChange={onMonthChange} />;\n      case OpenView.years:\n        return <DatePickerList value={viewValue().getFullYear()} items={years} onChange={onYearChange} />;\n      default:\n        return (\n          <DataPickerDays\n            viewValue={viewValue()}\n            value={value()}\n            showDaysOutsideMonth={local.showDaysOutsideMonth}\n            onChange={onChange}\n            disablePast={local.disablePast}\n            disableFuture={local.disableFuture}\n            weekStartsOn={weekStartsOn()}\n            minDate={local.minDate}\n            maxDate={local.maxDate}\n            isDateDisabled={local.isDateDisabled}\n            locale={local.locale}\n            range={local.range}\n            rangeStart={currentRange()[0]}\n            rangeEnd={currentRange()[1]}\n          />\n        );\n    }\n  };\n\n  const rangeDisplay = (): string =>\n    local.range && (currentRange()[0] || currentRange()[1])\n      ? `${getDisplayDate(currentRange()[0], local.format)} – ${getDisplayDate(currentRange()[1], local.format)}`\n      : \"\";\n\n  const anchorRef = mergeRefs(local.ref, floating.setReference, (el) => (anchorEl = el as HTMLElement));\n\n  return (\n    <>\n      <Show\n        when={local.range}\n        fallback={\n          <DataPickerInput\n            ref={anchorRef}\n            value={local.value}\n            onChange={local.onChange}\n            onBlur={local.onBlur}\n            onToggle={onToggle}\n            disabled={local.disabled}\n            disableCalendar={local.disableCalendar}\n            format={local.format}\n            calendarIcon={local.calendarIcon}\n            {...rest}\n          />\n        }\n      >\n        <TextField\n          ref={anchorRef}\n          value={rangeDisplay()}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(local.disabled)}\n          {...(local.format ? { placeholder: `${local.format} – ${local.format}` } : {})}\n          endAdornment={\n            <Show when={!local.disableCalendar}>\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(local.disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                <Show when={rangeIcon()} fallback={<Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}>\n                  {rangeIcon()}\n                </Show>\n              </DatePickerIconButton>\n            </Show>\n          }\n          {...rest}\n        />\n      </Show>\n      <Show when={mounted()}>\n        <Portal mount={(isServer ? undefined : document.body) as Node}>\n          <ClickAwayListener onClickAway={onClickAway}>\n            <div\n              ref={mergeRefs(floating.setFloating, (el) => (calendarEl = el as HTMLElement))}\n              class=\"smwb-date-picker\"\n              style={{\n                ...floating.floatingStyles(),\n                transition: `opacity ${FADE_MS}ms ease-in-out`,\n                opacity: shown() ? 1 : 0,\n              }}\n              data-testid=\"date-picker\"\n              data-smwb-overlay-layer\n              role=\"dialog\"\n              aria-modal=\"false\"\n              aria-label={local.calendarAriaLabel ?? \"Choose date\"}\n            >\n              <div class=\"smwb-date-picker__inner\">\n                <DataPickerHeader\n                  viewValue={viewValue()}\n                  locale={local.locale}\n                  openView={openView()}\n                  onChange={onViewValueChange}\n                  onMonthLabelClick={onMonthLabelClick}\n                  onYearLabelClick={onYearLabelClick}\n                />\n                <div class=\"smwb-date-picker__body\">{view()}</div>\n              </div>\n            </div>\n          </ClickAwayListener>\n        </Portal>\n      </Show>\n    </>\n  );\n}\n\nexport default DatePicker;\n"],"names":["FADE_MS","DatePicker","props","local","rest","splitProps","rangeIcon","children","range","disableCalendar","calendarIcon","undefined","value","Date","isRangeControlled","rangeValue","rangeState","setRangeState","createSignal","currentRange","initialValue","viewValue","setViewValue","isValidDate","openView","setOpenView","OpenView","days","isOpen","setIsOpen","anchorEl","calendarEl","resolved","resolvePlacement","placement","floating","createFloating","middleware","buildFloatingMiddleware","createEffect","disabled","v","weekStartsOn","onViewValueChange","onMonthLabelClick","months","onYearLabelClick","years","onMonthChange","month","setMonth","onYearChange","year","setYear","onChange","event","date","start","end","next","getTime","onRangeChange","onToggle","prev","onClickAway","target","contains","createMemo","getMonths","locale","getYears","getFullYear","shouldOpen","mounted","setMounted","shown","setShown","raf","timer","clearTimeout","requestAnimationFrame","setTimeout","onCleanup","cancelAnimationFrame","onKeyDown","panel","key","isTopOverlayLayer","active","document","activeElement","body","focus","addEventListener","removeEventListener","view","_$createComponent","DatePickerList","getMonth","items","DataPickerDays","showDaysOutsideMonth","disablePast","disableFuture","minDate","maxDate","isDateDisabled","rangeStart","rangeEnd","rangeDisplay","getDisplayDate","format","anchorRef","mergeRefs","ref","setReference","el","Show","when","fallback","DataPickerInput","_$mergeProps","onBlur","TextField","readOnly","Boolean","placeholder","endAdornment","DatePickerIconButton","edge","onClick","Icon","name","fill","weight","size","Portal","mount","isServer","ClickAwayListener","_el$","_tmpl$","_el$2","firstChild","_el$3","_ref$","setFloating","_$use","_$insert","DataPickerHeader","_$effect","_p$","_v$","floatingStyles","opacity","_v$2","calendarAriaLabel","e","_$style","t","_$setAttribute"],"mappings":"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"}

package/dist/components/inputs/datePicker/datePickerActionLabel.js

@@ -1,59 +1,61 @@
-import { insert as l, createComponent as a, memo as k, addEventListener as p, effect as u, className as r, setAttribute as C, template as I, delegateEvents as L } from "solid-js/web";
+import { insert as l, createComponent as a, memo as _, effect as C, className as c, setAttribute as u, template as I, delegateEvents as L } from "solid-js/web";
 import { splitProps as z } from "solid-js";
 import w from "clsx";
 import { DatePickerIconButton as h } from "./datePickerIconButton.js";
-import { Icon as d } from "../../base/icon/icon.js";
+import { Icon as n } from "../../base/icon/icon.js";
 var x = /* @__PURE__ */ I("<div class=smwb-date-picker__action><div></div><div><span class=smwb-date-picker__action-text></span></div><div>");
-function E(g) {
-  const [e] = z(g, ["label", "onLeftIconClick", "onRightIconClick", "onLabelClick", "disabled", "active", "hiddenSwitches", "dataToggleId"]), n = () => w("smwb-date-picker__switch", {
+function D(g) {
+  const [e] = z(g, ["label", "onLeftIconClick", "onRightIconClick", "onLabelClick", "disabled", "active", "hiddenSwitches", "dataToggleId"]), r = () => w("smwb-date-picker__switch", {
     "smwb-date-picker__switch--hidden": e.hiddenSwitches
-  });
+  }), f = () => {
+    e.disabled || e.onLabelClick?.();
+  };
   return (() => {
-    var c = x(), o = c.firstChild, t = o.nextSibling, f = t.firstChild, s = t.nextSibling;
+    var d = x(), o = d.firstChild, t = o.nextSibling, p = t.firstChild, s = t.nextSibling;
     return l(o, a(h, {
       size: "small",
       get onClick() {
-        return k(() => !!e.disabled)() ? void 0 : e.onLeftIconClick;
+        return _(() => !!e.disabled)() ? void 0 : e.onLeftIconClick;
       },
       get children() {
-        return a(d, {
+        return a(n, {
           name: "keyboard_arrow_left",
           weight: 500,
           size: 24
         });
       }
-    })), p(t, "click", e.disabled ? void 0 : e.onLabelClick, !0), l(f, () => e.label), l(t, a(d, {
+    })), t.$$click = f, l(p, () => e.label), l(t, a(n, {
       name: "arrow_drop_down",
       weight: 500,
       size: 20
     }), null), l(s, a(h, {
       size: "small",
       get onClick() {
-        return k(() => !!e.disabled)() ? void 0 : e.onRightIconClick;
+        return _(() => !!e.disabled)() ? void 0 : e.onRightIconClick;
       },
       get children() {
-        return a(d, {
+        return a(n, {
           name: "keyboard_arrow_right",
           weight: 500,
           size: 24
         });
       }
-    })), u((i) => {
-      var m = n(), b = w("smwb-date-picker__action-label", {
+    })), C((i) => {
+      var m = r(), b = w("smwb-date-picker__action-label", {
         "smwb-date-picker__action-label--disabled": e.disabled,
         "smwb-date-picker__action-label--active": e.active
-      }), v = e.dataToggleId, _ = n();
-      return m !== i.e && r(o, i.e = m), b !== i.t && r(t, i.t = b), v !== i.a && C(t, "data-testid", i.a = v), _ !== i.o && r(s, i.o = _), i;
+      }), v = e.dataToggleId, k = r();
+      return m !== i.e && c(o, i.e = m), b !== i.t && c(t, i.t = b), v !== i.a && u(t, "data-testid", i.a = v), k !== i.o && c(s, i.o = k), i;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
-    }), c;
+    }), d;
   })();
 }
 L(["click"]);
 export {
-  E as DatePickerActionLabel
+  D as DatePickerActionLabel
 };
 //# sourceMappingURL=datePickerActionLabel.js.map

package/dist/components/inputs/datePicker/datePickerActionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerActionLabel.js","sources":["../../../../src/components/inputs/datePicker/datePickerActionLabel.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { Icon } from \"../../base/icon\";\n\nexport interface ActionLabelProps {\n  label: string;\n  onLeftIconClick?: (() => void) | undefined;\n  onRightIconClick?: (() => void) | undefined;\n  onLabelClick?: (() => void) | undefined;\n  disabled?: boolean | undefined;\n  active?: boolean | undefined;\n  hiddenSwitches?: boolean | undefined;\n  dataToggleId?: string | undefined;\n}\n\nexport function DatePickerActionLabel(props: ActionLabelProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"label\",\n    \"onLeftIconClick\",\n    \"onRightIconClick\",\n    \"onLabelClick\",\n    \"disabled\",\n    \"active\",\n    \"hiddenSwitches\",\n    \"dataToggleId\",\n  ]);\n\n  const switchClasses = (): string =>\n    cn(\"smwb-date-picker__switch\", {\n      \"smwb-date-picker__switch--hidden\": local.hiddenSwitches,\n    });\n\n  return (\n    <div class=\"smwb-date-picker__action\">\n      <div class={switchClasses()}>\n        <DatePickerIconButton size=\"small\" onClick={local.disabled ? undefined : local.onLeftIconClick}>\n          <Icon name=\"keyboard_arrow_left\" weight={500} size={24} />\n        </DatePickerIconButton>\n      </div>\n      <div\n        class={cn(\"smwb-date-picker__action-label\", {\n          \"smwb-date-picker__action-label--disabled\": local.disabled,\n          \"smwb-date-picker__action-label--active\": local.active,\n        })}\n        data-testid={local.dataToggleId}\n        onClick={local.disabled ? undefined : local.onLabelClick}\n      >\n        <span class=\"smwb-date-picker__action-text\">{local.label}</span>\n        <Icon name=\"arrow_drop_down\" weight={500} size={20} />\n      </div>\n      <div class={switchClasses()}>\n        <DatePickerIconButton size=\"small\" onClick={local.disabled ? undefined : local.onRightIconClick}>\n          <Icon name=\"keyboard_arrow_right\" weight={500} size={24} />\n        </DatePickerIconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default DatePickerActionLabel;\n"],"names":["DatePickerActionLabel","props","local","splitProps","switchClasses","cn","hiddenSwitches","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_el$5","_$insert","_$createComponent","DatePickerIconButton","size","onClick","_$memo","disabled","undefined","onLeftIconClick","children","Icon","name","weight","_$addEventListener","onLabelClick","label","onRightIconClick","_$effect","_p$","_v$","_v$2","active","_v$3","dataToggleId","_v$4","e","_$className","t","a","_$setAttribute","o","_$delegateEvents"],"mappings":";;;;;;AAgBO,SAASA,EAAsBC,GAAsC;AAC1E,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,SACA,mBACA,oBACA,gBACA,YACA,UACA,kBACA,cAAc,CACf,GAEKG,IAAgBA,MACpBC,EAAG,4BAA4B;AAAA,IAC7B,oCAAoCH,EAAMI;AAAAA,EAAAA,CAC3C;AAEH,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD,YAAAI,IAAAH,EAAAC;AAAAG,WAAAA,EAAAN,GAAAO,EAGOC,GAAoB;AAAA,MAACC,MAAI;AAAA,MAAA,IAASC,UAAO;AAAA,eAAEC,EAAA,MAAA,CAAA,CAAAlB,EAAMmB,QAAQ,MAAGC,SAAYpB,EAAMqB;AAAAA,MAAe;AAAA,MAAA,IAAAC,WAAA;AAAA,eAAAR,EAC3FS,GAAI;AAAA,UAACC,MAAI;AAAA,UAAuBC,QAAQ;AAAA,UAAKT,MAAM;AAAA,QAAA,CAAE;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAU,EAAAjB,GAAA,SAS/CT,EAAMmB,WAAWC,SAAYpB,EAAM2B,cAAY,EAAA,GAAAd,EAAAF,GAAA,MAEXX,EAAM4B,KAAK,GAAAf,EAAAJ,GAAAK,EACvDS,GAAI;AAAA,MAACC,MAAI;AAAA,MAAmBC,QAAQ;AAAA,MAAKT,MAAM;AAAA,IAAA,CAAE,GAAA,IAAA,GAAAH,EAAAD,GAAAE,EAGjDC,GAAoB;AAAA,MAACC,MAAI;AAAA,MAAA,IAASC,UAAO;AAAA,eAAEC,EAAA,MAAA,CAAA,CAAAlB,EAAMmB,QAAQ,MAAGC,SAAYpB,EAAM6B;AAAAA,MAAgB;AAAA,MAAA,IAAAP,WAAA;AAAA,eAAAR,EAC5FS,GAAI;AAAA,UAACC,MAAI;AAAA,UAAwBC,QAAQ;AAAA,UAAKT,MAAM;AAAA,QAAA,CAAE;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAc,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAlB/C9B,EAAAA,GAAe+B,IAMlB9B,EAAG,kCAAkC;AAAA,QAC1C,4CAA4CH,EAAMmB;AAAAA,QAClD,0CAA0CnB,EAAMkC;AAAAA,MAAAA,CACjD,GAACC,IACWnC,EAAMoC,cAAYC,IAMrBnC,EAAAA;AAAe8B,aAAAA,MAAAD,EAAAO,KAAAC,EAAAhC,GAAAwB,EAAAO,IAAAN,CAAA,GAAAC,MAAAF,EAAAS,KAAAD,EAAA9B,GAAAsB,EAAAS,IAAAP,CAAA,GAAAE,MAAAJ,EAAAU,KAAAC,EAAAjC,GAAA,eAAAsB,EAAAU,IAAAN,CAAA,GAAAE,MAAAN,EAAAY,KAAAJ,EAAA3B,GAAAmB,EAAAY,IAAAN,CAAA,GAAAN;AAAAA,IAAA,GAAA;AAAA,MAAAO,GAAAlB;AAAAA,MAAAoB,GAAApB;AAAAA,MAAAqB,GAAArB;AAAAA,MAAAuB,GAAAvB;AAAAA,IAAAA,CAAA,GAAAf;AAAAA,EAAA,GAAA;AAOjC;AAEqCuC,EAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"datePickerActionLabel.js","sources":["../../../../src/components/inputs/datePicker/datePickerActionLabel.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport { Icon } from \"../../base/icon\";\n\nexport interface ActionLabelProps {\n  label: string;\n  onLeftIconClick?: (() => void) | undefined;\n  onRightIconClick?: (() => void) | undefined;\n  onLabelClick?: (() => void) | undefined;\n  disabled?: boolean | undefined;\n  active?: boolean | undefined;\n  hiddenSwitches?: boolean | undefined;\n  dataToggleId?: string | undefined;\n}\n\nexport function DatePickerActionLabel(props: ActionLabelProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"label\",\n    \"onLeftIconClick\",\n    \"onRightIconClick\",\n    \"onLabelClick\",\n    \"disabled\",\n    \"active\",\n    \"hiddenSwitches\",\n    \"dataToggleId\",\n  ]);\n\n  const switchClasses = (): string =>\n    cn(\"smwb-date-picker__switch\", {\n      \"smwb-date-picker__switch--hidden\": local.hiddenSwitches,\n    });\n\n  // Solid binds event handlers once, so the label's handler is always attached\n  // and checks `disabled` itself: the header disables one label while the other\n  // one's view is open. (The icon buttons spread their props, which follow.)\n  const onLabelClick = (): void => {\n    if (!local.disabled) local.onLabelClick?.();\n  };\n\n  return (\n    <div class=\"smwb-date-picker__action\">\n      <div class={switchClasses()}>\n        <DatePickerIconButton size=\"small\" onClick={local.disabled ? undefined : local.onLeftIconClick}>\n          <Icon name=\"keyboard_arrow_left\" weight={500} size={24} />\n        </DatePickerIconButton>\n      </div>\n      <div\n        class={cn(\"smwb-date-picker__action-label\", {\n          \"smwb-date-picker__action-label--disabled\": local.disabled,\n          \"smwb-date-picker__action-label--active\": local.active,\n        })}\n        data-testid={local.dataToggleId}\n        onClick={onLabelClick}\n      >\n        <span class=\"smwb-date-picker__action-text\">{local.label}</span>\n        <Icon name=\"arrow_drop_down\" weight={500} size={20} />\n      </div>\n      <div class={switchClasses()}>\n        <DatePickerIconButton size=\"small\" onClick={local.disabled ? undefined : local.onRightIconClick}>\n          <Icon name=\"keyboard_arrow_right\" weight={500} size={24} />\n        </DatePickerIconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default DatePickerActionLabel;\n"],"names":["DatePickerActionLabel","props","local","splitProps","switchClasses","cn","hiddenSwitches","onLabelClick","disabled","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_el$5","_$insert","_$createComponent","DatePickerIconButton","size","onClick","_$memo","undefined","onLeftIconClick","children","Icon","name","weight","$$click","label","onRightIconClick","_$effect","_p$","_v$","_v$2","active","_v$3","dataToggleId","_v$4","e","_$className","t","a","_$setAttribute","o","_$delegateEvents"],"mappings":";;;;;;AAgBO,SAASA,EAAsBC,GAAsC;AAC1E,QAAM,CAACC,CAAK,IAAIC,EAAWF,GAAO,CAChC,SACA,mBACA,oBACA,gBACA,YACA,UACA,kBACA,cAAc,CACf,GAEKG,IAAgBA,MACpBC,EAAG,4BAA4B;AAAA,IAC7B,oCAAoCH,EAAMI;AAAAA,EAAAA,CAC3C,GAKGC,IAAeA,MAAY;AAC/B,IAAKL,EAAMM,YAAUN,EAAMK,eAAAA;AAAAA,EAC7B;AAEA,UAAA,MAAA;AAAA,QAAAE,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD,YAAAI,IAAAH,EAAAC;AAAAG,WAAAA,EAAAN,GAAAO,EAGOC,GAAoB;AAAA,MAACC,MAAI;AAAA,MAAA,IAASC,UAAO;AAAA,eAAEC,EAAA,MAAA,CAAA,CAAApB,EAAMM,QAAQ,MAAGe,SAAYrB,EAAMsB;AAAAA,MAAe;AAAA,MAAA,IAAAC,WAAA;AAAA,eAAAP,EAC3FQ,GAAI;AAAA,UAACC,MAAI;AAAA,UAAuBC,QAAQ;AAAA,UAAKR,MAAM;AAAA,QAAA,CAAE;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAP,EAAAgB,UAS/CtB,GAAYU,EAAAF,GAAA,MAEwBb,EAAM4B,KAAK,GAAAb,EAAAJ,GAAAK,EACvDQ,GAAI;AAAA,MAACC,MAAI;AAAA,MAAmBC,QAAQ;AAAA,MAAKR,MAAM;AAAA,IAAA,CAAE,GAAA,IAAA,GAAAH,EAAAD,GAAAE,EAGjDC,GAAoB;AAAA,MAACC,MAAI;AAAA,MAAA,IAASC,UAAO;AAAA,eAAEC,EAAA,MAAA,CAAA,CAAApB,EAAMM,QAAQ,MAAGe,SAAYrB,EAAM6B;AAAAA,MAAgB;AAAA,MAAA,IAAAN,WAAA;AAAA,eAAAP,EAC5FQ,GAAI;AAAA,UAACC,MAAI;AAAA,UAAwBC,QAAQ;AAAA,UAAKR,MAAM;AAAA,QAAA,CAAE;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA,GAAAY,EAAAC,CAAAA,MAAA;AAAA,UAAAC,IAlB/C9B,EAAAA,GAAe+B,IAMlB9B,EAAG,kCAAkC;AAAA,QAC1C,4CAA4CH,EAAMM;AAAAA,QAClD,0CAA0CN,EAAMkC;AAAAA,MAAAA,CACjD,GAACC,IACWnC,EAAMoC,cAAYC,IAMrBnC,EAAAA;AAAe8B,aAAAA,MAAAD,EAAAO,KAAAC,EAAA9B,GAAAsB,EAAAO,IAAAN,CAAA,GAAAC,MAAAF,EAAAS,KAAAD,EAAA5B,GAAAoB,EAAAS,IAAAP,CAAA,GAAAE,MAAAJ,EAAAU,KAAAC,EAAA/B,GAAA,eAAAoB,EAAAU,IAAAN,CAAA,GAAAE,MAAAN,EAAAY,KAAAJ,EAAAzB,GAAAiB,EAAAY,IAAAN,CAAA,GAAAN;AAAAA,IAAA,GAAA;AAAA,MAAAO,GAAAjB;AAAAA,MAAAmB,GAAAnB;AAAAA,MAAAoB,GAAApB;AAAAA,MAAAsB,GAAAtB;AAAAA,IAAAA,CAAA,GAAAd;AAAAA,EAAA,GAAA;AAOjC;AAEqCqC,EAAA,CAAA,OAAA,CAAA;"}

package/dist/components/inputs/datePicker/datePickerDay.js

@@ -1,56 +1,72 @@
-import { createComponent as r, spread as u, mergeProps as m, insert as i, template as d } from "solid-js/web";
-import { splitProps as _, Show as a } from "solid-js";
-import g from "clsx";
-import { Ripple as h } from "../../base/ripple/ripple.js";
-var w = /* @__PURE__ */ d("<button>"), k = /* @__PURE__ */ d("<span class=smwb-date-picker__day-hidden>");
-function P(s) {
-  const [e, l] = _(s, ["class", "children", "onChange", "active", "current", "hidden", "outside", "disabled", "inRange", "day"]);
+import { createComponent as t, spread as _, mergeProps as g, insert as i, template as o } from "solid-js/web";
+import { mergeProps as w, splitProps as k, Show as a } from "solid-js";
+import h from "clsx";
+import { callHandler as d } from "../../../primitives/callHandler.js";
+import { Ripple as f } from "../../base/ripple/ripple.js";
+var y = /* @__PURE__ */ o("<button>"), P = /* @__PURE__ */ o("<span class=smwb-date-picker__day-hidden>");
+function x(s) {
+  const l = w({
+    type: "button"
+  }, s), [e, c] = k(l, [
+    "class",
+    "children",
+    "onChange",
+    "active",
+    "current",
+    "hidden",
+    "outside",
+    "disabled",
+    "inRange",
+    "day",
+    // The day sets these on its root too; its own handlers call the caller's first.
+    "onPointerDown",
+    "onClick"
+  ]);
   let n;
-  const o = (t) => {
-    e.disabled || n?.onRipple(t);
-  }, c = () => {
-    e.disabled || e.onChange?.(void 0, e.day);
-  }, p = () => g("smwb-date-picker__day", e.class, {
+  const p = (r) => {
+    d(e.onPointerDown, r), e.disabled || n?.onRipple(r);
+  }, m = (r) => {
+    d(e.onClick, r), e.disabled || e.onChange?.(void 0, e.day);
+  }, b = () => h("smwb-date-picker__day", e.class, {
     "smwb-date-picker__day--active": !e.disabled && e.active,
     "smwb-date-picker__day--current": e.current && !e.active,
     "smwb-date-picker__day--outside": !e.disabled && e.outside,
     "smwb-date-picker__day--disabled": e.disabled,
     "smwb-date-picker__day--in-range": !e.disabled && e.inRange
   });
-  return r(a, {
+  return t(a, {
     get when() {
       return !e.hidden;
     },
     get fallback() {
-      return k();
+      return P();
     },
     get children() {
-      var t = w();
-      return u(t, m(l, {
+      var r = y();
+      return _(r, g(c, {
         get class() {
-          return p();
+          return b();
         },
-        type: "button",
-        onPointerDown: o,
-        onClick: c,
+        onPointerDown: p,
+        onClick: m,
         get disabled() {
           return e.disabled;
         }
-      }), !1, !0), i(t, () => e.children, null), i(t, r(a, {
+      }), !1, !0), i(r, () => e.children, null), i(r, t(a, {
         get when() {
           return !e.disabled;
         },
         get children() {
-          return r(h, {
-            actionRef: (b) => n = b,
+          return t(f, {
+            actionRef: (u) => n = u,
             center: !0
           });
         }
-      }), null), t;
+      }), null), r;
     }
   });
 }
 export {
-  P as DatePickerDay
+  x as DatePickerDay
 };
 //# sourceMappingURL=datePickerDay.js.map

package/dist/components/inputs/datePicker/datePickerDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerDay.js","sources":["../../../../src/components/inputs/datePicker/datePickerDay.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\n\nexport interface DatePickerDayProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  active?: boolean | undefined;\n  current?: boolean | undefined;\n  hidden?: boolean | undefined;\n  outside?: boolean | undefined;\n  disabled?: boolean | undefined;\n  inRange?: boolean | undefined;\n  day: Date;\n  onChange?: ((event?: Event, date?: Date) => void) | undefined;\n}\n\nexport function DatePickerDay(props: ParentProps<DatePickerDayProps>): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"children\",\n    \"onChange\",\n    \"active\",\n    \"current\",\n    \"hidden\",\n    \"outside\",\n    \"disabled\",\n    \"inRange\",\n    \"day\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  const onClick = (): void => {\n    if (!local.disabled) local.onChange?.(undefined, local.day);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-date-picker__day\", local.class, {\n      \"smwb-date-picker__day--active\": !local.disabled && local.active,\n      \"smwb-date-picker__day--current\": local.current && !local.active,\n      \"smwb-date-picker__day--outside\": !local.disabled && local.outside,\n      \"smwb-date-picker__day--disabled\": local.disabled,\n      \"smwb-date-picker__day--in-range\": !local.disabled && local.inRange,\n    });\n\n  return (\n    <Show when={!local.hidden} fallback={<span class=\"smwb-date-picker__day-hidden\" />}>\n      <button\n        {...rest}\n        class={classes()}\n        type=\"button\"\n        onPointerDown={onPointerDown}\n        onClick={onClick}\n        disabled={local.disabled}\n      >\n        {local.children}\n        <Show when={!local.disabled}>\n          <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n        </Show>\n      </button>\n    </Show>\n  );\n}\n\nexport default DatePickerDay;\n"],"names":["DatePickerDay","props","local","rest","splitProps","rippleActions","onPointerDown","event","disabled","onRipple","onClick","onChange","undefined","day","classes","cn","class","active","current","outside","inRange","_$createComponent","Show","when","hidden","fallback","_tmpl$2","children","_el$","_tmpl$","_$spread","_$mergeProps","_$insert","Ripple","actionRef","actions","center"],"mappings":";;;;;AAeO,SAASA,EAAcC,GAAqD;AACjF,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,YACA,YACA,UACA,WACA,UACA,WACA,YACA,WACA,KAAK,CACN;AAED,MAAII;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeI,SAASF,CAAK;AAAA,EACpD,GAEMG,IAAUA,MAAY;AAC1B,IAAKR,EAAMM,cAAgBG,WAAWC,QAAWV,EAAMW,GAAG;AAAA,EAC5D,GAEMC,IAAUA,MACdC,EAAG,yBAAyBb,EAAMc,OAAO;AAAA,IACvC,iCAAiC,CAACd,EAAMM,YAAYN,EAAMe;AAAAA,IAC1D,kCAAkCf,EAAMgB,WAAW,CAAChB,EAAMe;AAAAA,IAC1D,kCAAkC,CAACf,EAAMM,YAAYN,EAAMiB;AAAAA,IAC3D,mCAAmCjB,EAAMM;AAAAA,IACzC,mCAAmC,CAACN,EAAMM,YAAYN,EAAMkB;AAAAA,EAAAA,CAC7D;AAEH,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE,CAACrB,EAAMsB;AAAAA,IAAM;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAAC,EAAAA;AAAAA,IAAA;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAG,EAE3B5B,GAAI;AAAA,QAAA,IAAA,QAAA;AAAA,iBACDW,EAAAA;AAAAA,QAAS;AAAA,QAAA,MACX;AAAA,QAAQ,eACER;AAAAA,QAAa,SACnBI;AAAAA,QAAO,IAChBF,WAAQ;AAAA,iBAAEN,EAAMM;AAAAA,QAAQ;AAAA,MAAA,CAAA,GAAA,IAAA,EAAA,GAAAwB,EAAAJ,GAAA,MAEvB1B,EAAMyB,UAAQ,IAAA,GAAAK,EAAAJ,GAAAP,EACdC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE,CAACrB,EAAMM;AAAAA,QAAQ;AAAA,QAAA,IAAAmB,WAAA;AAAA,iBAAAN,EACxBY,GAAM;AAAA,YAACC,WAAYC,OAAa9B,IAAgB8B;AAAAA,YAAUC,QAAM;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAR;AAAAA,IAAA;AAAA,EAAA,CAAA;AAK3E;"}
+{"version":3,"file":"datePickerDay.js","sources":["../../../../src/components/inputs/datePicker/datePickerDay.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport interface DatePickerDayProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  active?: boolean | undefined;\n  current?: boolean | undefined;\n  hidden?: boolean | undefined;\n  outside?: boolean | undefined;\n  disabled?: boolean | undefined;\n  inRange?: boolean | undefined;\n  day: Date;\n  onChange?: ((event?: Event, date?: Date) => void) | undefined;\n}\n\nexport function DatePickerDay(props: ParentProps<DatePickerDayProps>): JSX.Element {\n  // `type` is a default: the caller's wins.\n  const merged = mergeProps({ type: \"button\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"onChange\",\n    \"active\",\n    \"current\",\n    \"hidden\",\n    \"outside\",\n    \"disabled\",\n    \"inRange\",\n    \"day\",\n    // The day sets these on its root too; its own handlers call the caller's first.\n    \"onPointerDown\",\n    \"onClick\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown: JSX.EventHandler<HTMLButtonElement, PointerEvent> = (event) => {\n    callHandler(local.onPointerDown, event);\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  const onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    callHandler(local.onClick, event);\n    if (!local.disabled) local.onChange?.(undefined, local.day);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-date-picker__day\", local.class, {\n      \"smwb-date-picker__day--active\": !local.disabled && local.active,\n      \"smwb-date-picker__day--current\": local.current && !local.active,\n      \"smwb-date-picker__day--outside\": !local.disabled && local.outside,\n      \"smwb-date-picker__day--disabled\": local.disabled,\n      \"smwb-date-picker__day--in-range\": !local.disabled && local.inRange,\n    });\n\n  return (\n    <Show when={!local.hidden} fallback={<span class=\"smwb-date-picker__day-hidden\" />}>\n      <button {...rest} class={classes()} onPointerDown={onPointerDown} onClick={onClick} disabled={local.disabled}>\n        {local.children}\n        <Show when={!local.disabled}>\n          <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n        </Show>\n      </button>\n    </Show>\n  );\n}\n\nexport default DatePickerDay;\n"],"names":["DatePickerDay","props","merged","mergeProps","type","local","rest","splitProps","rippleActions","onPointerDown","event","callHandler","disabled","onRipple","onClick","onChange","undefined","day","classes","cn","class","active","current","outside","inRange","_$createComponent","Show","when","hidden","fallback","_tmpl$2","children","_el$","_tmpl$","_$spread","_$mergeProps","_$insert","Ripple","actionRef","actions","center"],"mappings":";;;;;;AAgBO,SAASA,EAAcC,GAAqD;AAEjF,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,EAAA,GAAqBH,CAAK,GACtD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA,CACD;AAED,MAAIM;AAEJ,QAAMC,IAAoEC,CAAAA,MAAU;AAClFC,IAAAA,EAAYN,EAAMI,eAAeC,CAAK,GACjCL,EAAMO,YAAUJ,GAAeK,SAASH,CAAK;AAAA,EACpD,GAEMI,IAA4DJ,CAAAA,MAAU;AAC1EC,IAAAA,EAAYN,EAAMS,SAASJ,CAAK,GAC3BL,EAAMO,cAAgBG,WAAWC,QAAWX,EAAMY,GAAG;AAAA,EAC5D,GAEMC,IAAUA,MACdC,EAAG,yBAAyBd,EAAMe,OAAO;AAAA,IACvC,iCAAiC,CAACf,EAAMO,YAAYP,EAAMgB;AAAAA,IAC1D,kCAAkChB,EAAMiB,WAAW,CAACjB,EAAMgB;AAAAA,IAC1D,kCAAkC,CAAChB,EAAMO,YAAYP,EAAMkB;AAAAA,IAC3D,mCAAmClB,EAAMO;AAAAA,IACzC,mCAAmC,CAACP,EAAMO,YAAYP,EAAMmB;AAAAA,EAAAA,CAC7D;AAEH,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE,CAACtB,EAAMuB;AAAAA,IAAM;AAAA,IAAA,IAAEC,WAAQ;AAAA,aAAAC,EAAAA;AAAAA,IAAA;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAG,EACrB7B,GAAI;AAAA,QAAA,IAAA,QAAA;AAAA,iBAASY,EAAAA;AAAAA,QAAS;AAAA,QAAA,eAAiBT;AAAAA,QAAa,SAAWK;AAAAA,QAAO,IAAEF,WAAQ;AAAA,iBAAEP,EAAMO;AAAAA,QAAQ;AAAA,MAAA,CAAA,GAAA,IAAA,EAAA,GAAAwB,EAAAJ,GAAA,MACzG3B,EAAM0B,UAAQ,IAAA,GAAAK,EAAAJ,GAAAP,EACdC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAE,CAACtB,EAAMO;AAAAA,QAAQ;AAAA,QAAA,IAAAmB,WAAA;AAAA,iBAAAN,EACxBY,GAAM;AAAA,YAACC,WAAYC,OAAa/B,IAAgB+B;AAAAA,YAAUC,QAAM;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAR;AAAAA,IAAA;AAAA,EAAA,CAAA;AAK3E;"}

package/dist/components/inputs/datePicker/datePickerIconButton.js

@@ -1,22 +1,32 @@
-import { use as p, spread as m, mergeProps as u, insert as o, createComponent as i, template as b } from "solid-js/web";
+import { use as m, spread as p, mergeProps as u, insert as n, createComponent as i, template as b } from "solid-js/web";
 import { mergeProps as f, splitProps as g, Show as _ } from "solid-js";
 import w from "clsx";
 import { mergeRefs as P } from "../../../primitives/mergeRefs.js";
-import { Ripple as k } from "../../base/ripple/ripple.js";
-var h = /* @__PURE__ */ b("<button>");
-function y(s) {
-  const d = f({
-    size: "medium"
-  }, s), [e, l] = g(d, ["class", "children", "disabled", "size", "edge", "ref"]);
+import { callHandler as k } from "../../../primitives/callHandler.js";
+import { Ripple as h } from "../../base/ripple/ripple.js";
+var D = /* @__PURE__ */ b("<button>");
+function A(s) {
+  const l = f({
+    size: "medium",
+    type: "button"
+  }, s), [e, d] = g(l, [
+    "class",
+    "children",
+    "disabled",
+    "size",
+    "edge",
+    "ref",
+    // The button sets this on its root too; its own handler calls the caller's first.
+    "onPointerDown"
+  ]);
   let r;
   const a = (t) => {
-    e.disabled || r?.onRipple(t);
+    k(e.onPointerDown, t), e.disabled || r?.onRipple(t);
   };
   return (() => {
-    var t = h(), n = P(e.ref);
-    return typeof n == "function" && p(n, t), m(t, u(l, {
+    var t = D(), o = P(e.ref);
+    return typeof o == "function" && m(o, t), p(t, u(d, {
       onPointerDown: a,
-      type: "button",
       get class() {
         return w("smwb-date-picker__icon-button", e.class, {
           "smwb-date-picker__icon-button--small": e.size === "small",
@@ -28,12 +38,12 @@ function y(s) {
       get disabled() {
         return e.disabled;
       }
-    }), !1, !0), o(t, () => e.children, null), o(t, i(_, {
+    }), !1, !0), n(t, () => e.children, null), n(t, i(_, {
       get when() {
         return !e.disabled;
       },
       get children() {
-        return i(k, {
+        return i(h, {
           actionRef: (c) => r = c,
           center: !0
         });
@@ -42,6 +52,6 @@ function y(s) {
   })();
 }
 export {
-  y as DatePickerIconButton
+  A as DatePickerIconButton
 };
 //# sourceMappingURL=datePickerIconButton.js.map

package/dist/components/inputs/datePicker/datePickerIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePickerIconButton.js","sources":["../../../../src/components/inputs/datePicker/datePickerIconButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type DataPickerIconButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: \"medium\" | \"small\";\n  edge?: \"start\" | \"end\";\n  ref?: Ref<HTMLButtonElement>;\n};\n\nexport function DatePickerIconButton(props: ParentProps<DataPickerIconButtonProps>): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as const }, props);\n  const [local, rest] = splitProps(merged, [\"class\", \"children\", \"disabled\", \"size\", \"edge\", \"ref\"]);\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      onPointerDown={onPointerDown}\n      type=\"button\"\n      class={cn(\"smwb-date-picker__icon-button\", local.class, {\n        \"smwb-date-picker__icon-button--small\": local.size === \"small\",\n        \"smwb-date-picker__icon-button--edge-start\": local.edge === \"start\",\n        \"smwb-date-picker__icon-button--edge-end\": local.edge === \"end\",\n        \"smwb-date-picker__icon-button--disabled\": local.disabled,\n      })}\n      disabled={local.disabled}\n    >\n      {local.children}\n      <Show when={!local.disabled}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n      </Show>\n    </button>\n  );\n}\n\nexport default DatePickerIconButton;\n"],"names":["DatePickerIconButton","props","merged","mergeProps","size","local","rest","splitProps","rippleActions","onPointerDown","event","disabled","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","edge","_$insert","children","_$createComponent","Show","when","Ripple","actionRef","actions","center"],"mappings":";;;;;;AAWO,SAASA,EAAqBC,GAA4D;AAC/F,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,EAAA,GAAqBH,CAAK,GACtD,CAACI,GAAOC,CAAI,IAAIC,EAAWL,GAAQ,CAAC,SAAS,YAAY,YAAY,QAAQ,QAAQ,KAAK,CAAC;AACjG,MAAIM;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnD,IAAKL,EAAMM,YAAUH,GAAeI,SAASF,CAAK;AAAA,EACpD;AAEA,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA,GAAAC,IAGSC,EAAUX,EAAMY,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBd,GAAI;AAAA,MAAA,eAEOG;AAAAA,MAAa,MACvB;AAAA,MAAQ,IAAA,QAAA;AAAA,eACNY,EAAG,iCAAiChB,EAAMiB,OAAO;AAAA,UACtD,wCAAwCjB,EAAMD,SAAS;AAAA,UACvD,6CAA6CC,EAAMkB,SAAS;AAAA,UAC5D,2CAA2ClB,EAAMkB,SAAS;AAAA,UAC1D,2CAA2ClB,EAAMM;AAAAA,QAAAA,CAClD;AAAA,MAAC;AAAA,MAAA,IACFA,WAAQ;AAAA,eAAEN,EAAMM;AAAAA,MAAQ;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAa,EAAAX,GAAA,MAEvBR,EAAMoB,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACvB,EAAMM;AAAAA,MAAQ;AAAA,MAAA,IAAAc,WAAA;AAAA,eAAAC,EACxBG,GAAM;AAAA,UAACC,WAAYC,OAAavB,IAAgBuB;AAAAA,UAAUC,QAAM;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB;AAAAA,EAAA,GAAA;AAIzE;"}
+{"version":3,"file":"datePickerIconButton.js","sources":["../../../../src/components/inputs/datePicker/datePickerIconButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport type DataPickerIconButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: \"medium\" | \"small\";\n  edge?: \"start\" | \"end\";\n  ref?: Ref<HTMLButtonElement>;\n};\n\nexport function DatePickerIconButton(props: ParentProps<DataPickerIconButtonProps>): JSX.Element {\n  // `type` is a default: the caller's wins.\n  const merged = mergeProps({ size: \"medium\" as const, type: \"button\" as const }, props);\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"children\",\n    \"disabled\",\n    \"size\",\n    \"edge\",\n    \"ref\",\n    // The button sets this on its root too; its own handler calls the caller's first.\n    \"onPointerDown\",\n  ]);\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown: JSX.EventHandler<HTMLButtonElement, PointerEvent> = (event) => {\n    callHandler(local.onPointerDown, event);\n    if (!local.disabled) rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      onPointerDown={onPointerDown}\n      class={cn(\"smwb-date-picker__icon-button\", local.class, {\n        \"smwb-date-picker__icon-button--small\": local.size === \"small\",\n        \"smwb-date-picker__icon-button--edge-start\": local.edge === \"start\",\n        \"smwb-date-picker__icon-button--edge-end\": local.edge === \"end\",\n        \"smwb-date-picker__icon-button--disabled\": local.disabled,\n      })}\n      disabled={local.disabled}\n    >\n      {local.children}\n      <Show when={!local.disabled}>\n        <Ripple actionRef={(actions) => (rippleActions = actions)} center />\n      </Show>\n    </button>\n  );\n}\n\nexport default DatePickerIconButton;\n"],"names":["DatePickerIconButton","props","merged","mergeProps","size","type","local","rest","splitProps","rippleActions","onPointerDown","event","callHandler","disabled","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","edge","_$insert","children","_$createComponent","Show","when","Ripple","actionRef","actions","center"],"mappings":";;;;;;;AAYO,SAASA,EAAqBC,GAA4D;AAE/F,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,IAAmBC,MAAM;AAAA,EAAA,GAAqBJ,CAAK,GAC/E,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA,CACD;AACD,MAAIO;AAEJ,QAAMC,IAAoEC,CAAAA,MAAU;AAClFC,IAAAA,EAAYN,EAAMI,eAAeC,CAAK,GACjCL,EAAMO,YAAUJ,GAAeK,SAASH,CAAK;AAAA,EACpD;AAEA,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAGSC,EAAUZ,EAAMa,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBf,GAAI;AAAA,MAAA,eAEOG;AAAAA,MAAa,IAAA,QAAA;AAAA,eACrBa,EAAG,iCAAiCjB,EAAMkB,OAAO;AAAA,UACtD,wCAAwClB,EAAMF,SAAS;AAAA,UACvD,6CAA6CE,EAAMmB,SAAS;AAAA,UAC5D,2CAA2CnB,EAAMmB,SAAS;AAAA,UAC1D,2CAA2CnB,EAAMO;AAAAA,QAAAA,CAClD;AAAA,MAAC;AAAA,MAAA,IACFA,WAAQ;AAAA,eAAEP,EAAMO;AAAAA,MAAQ;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAa,EAAAX,GAAA,MAEvBT,EAAMqB,UAAQ,IAAA,GAAAD,EAAAX,GAAAa,EACdC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACxB,EAAMO;AAAAA,MAAQ;AAAA,MAAA,IAAAc,WAAA;AAAA,eAAAC,EACxBG,GAAM;AAAA,UAACC,WAAYC,OAAaxB,IAAgBwB;AAAAA,UAAUC,QAAM;AAAA,QAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB;AAAAA,EAAA,GAAA;AAIzE;"}