@smwb/ui-solid 0.11.1 → 0.12.0

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

@@ -1,85 +1,85 @@
-import { createComponent as a, mergeProps as $, Portal as ne, use as oe, insert as x, effect as le, style as ie, setAttribute as se, isServer as ce, template as de } from "solid-js/web";
-import { splitProps as ue, createSignal as c, createEffect as B, createMemo as ge, onCleanup as me, Show as b } from "solid-js";
-import { buildFloatingMiddleware as fe, resolvePlacement as he } from "../../../utils/floating.js";
-import { createFloating as be } from "../../../primitives/createFloating.js";
-import { DataPickerHeader as ve } from "./dataPickerHeader.js";
-import { DataPickerDays as pe } from "./dataPickerDays.js";
-import { DatePickerList as L } from "./datePickerList.js";
-import { DataPickerInput as we } from "./dataPickerInput.js";
-import { DatePickerIconButton as De } from "./datePickerIconButton.js";
+import { createComponent as a, mergeProps as x, Portal as oe, use as le, insert as B, effect as ie, style as se, setAttribute as de, isServer as ce, template as ue } from "solid-js/web";
+import { splitProps as ge, children as me, createSignal as d, createEffect as L, createMemo as fe, onCleanup as he, Show as b } from "solid-js";
+import { buildFloatingMiddleware as be, resolvePlacement as ve } from "../../../utils/floating.js";
+import { createFloating as pe } from "../../../primitives/createFloating.js";
+import { DataPickerHeader as we } from "./dataPickerHeader.js";
+import { DataPickerDays as Ce } from "./dataPickerDays.js";
+import { DatePickerList as Y } from "./datePickerList.js";
+import { DataPickerInput as De } from "./dataPickerInput.js";
+import { DatePickerIconButton as ye } from "./datePickerIconButton.js";
 import { OpenView as o } from "./openView.js";
-import { isValidDate as D, getMonths as Ce, getYears as ye, getDisplayDate as Y, setYear as ke, setMonth as Ve } from "./dateUtils.js";
-import { mergeRefs as E } from "../../../primitives/mergeRefs.js";
-import { TextField as Oe } from "../textField/textField.js";
-import { Icon as Pe } from "../../base/icon/icon.js";
-import { ClickAwayListener as Se } from "../../clickAwayListener/clickAwayListener.js";
-var Fe = /* @__PURE__ */ de('<div class=smwb-date-picker data-testid=date-picker data-smwb-overlay-layer role=dialog aria-modal=false style="transition:opacity 150ms ease-in-out"><div class=smwb-date-picker__inner><div class=smwb-date-picker__body>');
-const Me = 150;
-function Ge(C) {
-  const [e, y] = ue(C, ["value", "onChange", "showDaysOutsideMonth", "disablePast", "disableFuture", "weekStartsOn", "placement", "disabled", "disableCalendar", "calendarAriaLabel", "minDate", "maxDate", "isDateDisabled", "locale", "format", "range", "rangeValue", "onRangeChange", "calendarIcon", "onBlur", "ref"]), v = () => e.value === void 0 ? void 0 : new Date(e.value), k = () => e.rangeValue !== void 0, [q, z] = c([void 0, void 0]), i = () => k() && e.rangeValue ? e.rangeValue : q(), V = v(), [s, u] = c(D(V) ? V : /* @__PURE__ */ new Date()), [g, m] = c(o.days), [H, f] = c(!1);
-  let O, P;
-  const S = () => he(e.placement ?? "bottom-start"), p = be({
-    placement: () => S().placement,
-    middleware: () => fe(S())
+import { isValidDate as C, getMonths as ke, getYears as Ve, getDisplayDate as E, setYear as Oe, setMonth as Pe } from "./dateUtils.js";
+import { mergeRefs as q } from "../../../primitives/mergeRefs.js";
+import { TextField as Se } from "../textField/textField.js";
+import { Icon as Fe } from "../../base/icon/icon.js";
+import { ClickAwayListener as Me } from "../../clickAwayListener/clickAwayListener.js";
+var Ae = /* @__PURE__ */ ue('<div class=smwb-date-picker data-testid=date-picker data-smwb-overlay-layer role=dialog aria-modal=false style="transition:opacity 150ms ease-in-out"><div class=smwb-date-picker__inner><div class=smwb-date-picker__body>');
+const Ie = 150;
+function Ke(D) {
+  const [e, y] = ge(D, ["value", "onChange", "showDaysOutsideMonth", "disablePast", "disableFuture", "weekStartsOn", "placement", "disabled", "disableCalendar", "calendarAriaLabel", "minDate", "maxDate", "isDateDisabled", "locale", "format", "range", "rangeValue", "onRangeChange", "calendarIcon", "onBlur", "ref"]), k = me(() => e.range && !e.disableCalendar ? e.calendarIcon : void 0), v = () => e.value === void 0 ? void 0 : new Date(e.value), V = () => e.rangeValue !== void 0, [z, H] = d([void 0, void 0]), i = () => V() && e.rangeValue ? e.rangeValue : z(), O = v(), [s, u] = d(C(O) ? O : /* @__PURE__ */ new Date()), [g, m] = d(o.days), [j, f] = d(!1);
+  let P, S;
+  const F = () => ve(e.placement ?? "bottom-start"), p = pe({
+    placement: () => F().placement,
+    middleware: () => be(F())
   });
-  B(() => {
+  L(() => {
     if (e.disabled) return;
     const t = v();
-    u(D(t) ? t : /* @__PURE__ */ new Date());
+    u(C(t) ? t : /* @__PURE__ */ new Date());
   });
-  const j = () => e.weekStartsOn ?? 1, G = (t) => {
+  const G = () => e.weekStartsOn ?? 1, J = (t) => {
     u(t);
-  }, J = () => {
-    m(g() === o.months ? o.days : o.months);
   }, K = () => {
+    m(g() === o.months ? o.days : o.months);
+  }, N = () => {
     m(g() === o.years ? o.days : o.years);
-  }, N = (t) => {
-    u(Ve(s(), t)), m(o.days);
   }, Q = (t) => {
-    u(ke(s(), t)), m(o.days);
-  }, U = (t, n) => {
+    u(Pe(s(), t)), m(o.days);
+  }, U = (t) => {
+    u(Oe(s(), t)), m(o.days);
+  }, W = (t, n) => {
     if (e.range) {
       if (!n) return;
       const [l, h] = i();
       let r;
-      !l || l && h ? r = [n, void 0] : r = D(l) && n.getTime() < l.getTime() ? [n, l] : [l, n], k() || z(r), e.onRangeChange?.(r), r[0] && r[1] && f(!1);
+      !l || l && h ? r = [n, void 0] : r = C(l) && n.getTime() < l.getTime() ? [n, l] : [l, n], V() || H(r), e.onRangeChange?.(r), r[0] && r[1] && f(!1);
       return;
     }
-    e.onChange?.(t, n, C), f(!1);
-  }, F = () => {
+    e.onChange?.(t, n, D), f(!1);
+  }, M = () => {
     e.disabled || f((t) => !t);
-  }, W = (t) => {
+  }, X = (t) => {
     const n = t.target;
-    P?.contains(n) || O?.contains(n) || f(!1);
-  }, X = ge(() => Ce(e.locale)), Z = ye((/* @__PURE__ */ new Date()).getFullYear(), 100), M = () => H() && !e.disabled && !e.disableCalendar, [A, I] = c(M()), [ee, _] = c(!1);
-  let w, d;
-  B(() => {
-    M() ? (d !== void 0 && clearTimeout(d), I(!0), w = requestAnimationFrame(() => _(!0))) : (_(!1), A() && (d = setTimeout(() => I(!1), Me)));
-  }), me(() => {
-    w !== void 0 && cancelAnimationFrame(w), d !== void 0 && clearTimeout(d);
+    S?.contains(n) || P?.contains(n) || f(!1);
+  }, Z = fe(() => ke(e.locale)), ee = Ve((/* @__PURE__ */ new Date()).getFullYear(), 100), A = () => j() && !e.disabled && !e.disableCalendar, [I, _] = d(A()), [te, R] = d(!1);
+  let w, c;
+  L(() => {
+    A() ? (c !== void 0 && clearTimeout(c), _(!0), w = requestAnimationFrame(() => R(!0))) : (R(!1), I() && (c = setTimeout(() => _(!1), Ie)));
+  }), he(() => {
+    w !== void 0 && cancelAnimationFrame(w), c !== void 0 && clearTimeout(c);
   });
-  const te = () => {
+  const re = () => {
     switch (g()) {
       case o.months:
-        return a(L, {
+        return a(Y, {
           get value() {
             return s().getMonth();
           },
           get items() {
-            return X();
+            return Z();
           },
-          onChange: N
+          onChange: Q
         });
       case o.years:
-        return a(L, {
+        return a(Y, {
           get value() {
             return s().getFullYear();
           },
-          items: Z,
-          onChange: Q
+          items: ee,
+          onChange: U
         });
       default:
-        return a(pe, {
+        return a(Ce, {
           get viewValue() {
             return s();
           },
@@ -89,7 +89,7 @@ function Ge(C) {
           get showDaysOutsideMonth() {
             return e.showDaysOutsideMonth;
           },
-          onChange: U,
+          onChange: W,
           get disablePast() {
             return e.disablePast;
           },
@@ -97,7 +97,7 @@ function Ge(C) {
             return e.disableFuture;
           },
           get weekStartsOn() {
-            return j();
+            return G();
           },
           get minDate() {
             return e.minDate;
@@ -122,14 +122,14 @@ function Ge(C) {
           }
         });
     }
-  }, re = () => e.range && (i()[0] || i()[1]) ? `${Y(i()[0], e.format)} – ${Y(i()[1], e.format)}` : "", R = E(e.ref, p.setReference, (t) => O = t);
+  }, ae = () => e.range && (i()[0] || i()[1]) ? `${E(i()[0], e.format)} – ${E(i()[1], e.format)}` : "", T = q(e.ref, p.setReference, (t) => P = t);
   return [a(b, {
     get when() {
       return e.range;
     },
     get fallback() {
-      return a(we, $({
-        ref: R,
+      return a(De, x({
+        ref: T,
         get value() {
           return e.value;
         },
@@ -139,7 +139,7 @@ function Ge(C) {
         get onBlur() {
           return e.onBlur;
         },
-        onToggle: F,
+        onToggle: M,
         get disabled() {
           return e.disabled;
         },
@@ -155,10 +155,10 @@ function Ge(C) {
       }, y));
     },
     get children() {
-      return a(Oe, $({
-        ref: R,
+      return a(Se, x({
+        ref: T,
         get value() {
-          return re();
+          return ae();
         },
         readOnly: !0,
         onChange: () => {
@@ -175,9 +175,9 @@ function Ge(C) {
               return !e.disableCalendar;
             },
             get children() {
-              return a(De, {
+              return a(ye, {
                 edge: "end",
-                onClick: F,
+                onClick: M,
                 get disabled() {
                   return !!e.disabled;
                 },
@@ -185,10 +185,10 @@ function Ge(C) {
                 get children() {
                   return a(b, {
                     get when() {
-                      return e.calendarIcon;
+                      return k();
                     },
                     get fallback() {
-                      return a(Pe, {
+                      return a(Fe, {
                         name: "calendar_today",
                         fill: 1,
                         weight: 500,
@@ -196,7 +196,7 @@ function Ge(C) {
                       });
                     },
                     get children() {
-                      return e.calendarIcon;
+                      return k();
                     }
                   });
                 }
@@ -208,19 +208,19 @@ function Ge(C) {
     }
   }), a(b, {
     get when() {
-      return A();
+      return I();
     },
     get children() {
-      return a(ne, {
+      return a(oe, {
         get mount() {
           return ce ? void 0 : document.body;
         },
         get children() {
-          return a(Se, {
-            onClickAway: W,
+          return a(Me, {
+            onClickAway: X,
             get children() {
-              var t = Fe(), n = t.firstChild, l = n.firstChild, h = E(p.setFloating, (r) => P = r);
-              return typeof h == "function" && oe(h, t), x(n, a(ve, {
+              var t = Ae(), n = t.firstChild, l = n.firstChild, h = q(p.setFloating, (r) => S = r);
+              return typeof h == "function" && le(h, t), B(n, a(we, {
                 get viewValue() {
                   return s();
                 },
@@ -230,15 +230,15 @@ function Ge(C) {
                 get openView() {
                   return g();
                 },
-                onChange: G,
-                onMonthLabelClick: J,
-                onYearLabelClick: K
-              }), l), x(l, te), le((r) => {
-                var ae = {
+                onChange: J,
+                onMonthLabelClick: K,
+                onYearLabelClick: N
+              }), l), B(l, re), ie((r) => {
+                var ne = {
                   ...p.floatingStyles(),
-                  opacity: ee() ? 1 : 0
-                }, T = e.calendarAriaLabel ?? "Choose date";
-                return r.e = ie(t, ae, r.e), T !== r.t && se(t, "aria-label", r.t = T), r;
+                  opacity: te() ? 1 : 0
+                }, $ = e.calendarAriaLabel ?? "Choose date";
+                return r.e = se(t, ne, r.e), $ !== r.t && de(t, "aria-label", r.t = $), r;
               }, {
                 e: void 0,
                 t: void 0
@@ -251,7 +251,7 @@ function Ge(C) {
   })];
 }
 export {
-  Ge as DatePicker,
+  Ke as DatePicker,
   o as OpenView
 };
 //# sourceMappingURL=datePicker.js.map

package/dist/headless/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, 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  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\n                  when={local.calendarIcon}\n                  fallback={<Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n                >\n                  {local.calendarIcon}\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","value","undefined","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","range","start","end","next","getTime","onRangeChange","onToggle","prev","onClickAway","target","contains","createMemo","getMonths","locale","getYears","getFullYear","shouldOpen","disableCalendar","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","calendarIcon","children","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 { 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":";;;;;;;;;;;;;;;;AA4DA,MAAMA,KAAU;AAET,SAASC,GAAWC,GAAqC;AAC9D,QAAM,CAACC,GAAOC,CAAI,IAAIC,GAAWH,GAAO,CACtC,SACA,YACA,wBACA,eACA,iBACA,gBACA,aACA,YACA,mBACA,qBACA,WACA,WACA,kBACA,UACA,UACA,SACA,cACA,iBACA,gBACA,UACA,KAAK,CACN,GAIKI,IAAYC,GAAS,MAAOJ,EAAMK,SAAS,CAACL,EAAMM,kBAAkBN,EAAMO,eAAeC,MAAU,GAEnGC,IAAQA,MAAyBT,EAAMS,UAAUD,SAAYA,SAAY,IAAIE,KAAKV,EAAMS,KAAK,GAC7FE,IAAoBA,MAAeX,EAAMY,eAAeJ,QACxD,CAACK,GAAYC,CAAa,IAAIC,EAAmD,CAACP,QAAWA,MAAS,CAAC,GACvGQ,IAAeA,MACnBL,OAAuBX,EAAMY,aAAaZ,EAAMY,aAAaC,EAAAA,GAEzDI,IAAeR,EAAAA,GACf,CAACS,GAAWC,CAAY,IAAIJ,EAAmBK,EAAYH,CAAY,IAAIA,IAAe,oBAAIP,MAAM,GACpG,CAACW,GAAUC,CAAW,IAAIP,EAAuBQ,EAASC,IAAI,GAC9D,CAACC,GAAQC,CAAS,IAAIX,EAAa,EAAK;AAE9C,MAAIY,GACAC;AAEJ,QAAMC,IAAWA,MAA2CC,GAAiB9B,EAAM+B,aAAa,cAAc,GACxGC,IAAWC,GAAe;AAAA,IAC9BF,WAAWA,MAAMF,EAAAA,EAAWE;AAAAA,IAC5BG,YAAYA,MAAMC,GAAwBN,EAAAA,CAAU;AAAA,EAAA,CACrD;AAEDO,EAAAA,EAAa,MAAM;AACjB,QAAIpC,EAAMqC,SAAU;AACpB,UAAMC,IAAI7B,EAAAA;AACVU,IAAAA,EAAaC,EAAYkB,CAAC,IAAIA,IAAI,oBAAI5B,MAAM;AAAA,EAC9C,CAAC;AAED,QAAM6B,IAAeA,MAAiBvC,EAAMuC,gBAAgB,GAEtDC,IAAoBA,CAACF,MAAkB;AAC3CnB,IAAAA,EAAamB,CAAC;AAAA,EAChB,GAEMG,IAAoBA,MAAY;AACpCnB,IAAAA,EAAYD,QAAeE,EAASmB,SAASnB,EAASC,OAAOD,EAASmB,MAAM;AAAA,EAC9E,GAEMC,IAAmBA,MAAY;AACnCrB,IAAAA,EAAYD,QAAeE,EAASqB,QAAQrB,EAASC,OAAOD,EAASqB,KAAK;AAAA,EAC5E,GAEMC,IAAgBA,CAACC,MAAwB;AAC7C3B,IAAAA,EAAa4B,GAAS7B,EAAAA,GAAa4B,CAAK,CAAC,GACzCxB,EAAYC,EAASC,IAAI;AAAA,EAC3B,GAEMwB,IAAeA,CAACC,MAAuB;AAC3C9B,IAAAA,EAAa+B,GAAQhC,EAAAA,GAAa+B,CAAI,CAAC,GACvC3B,EAAYC,EAASC,IAAI;AAAA,EAC3B,GAEM2B,IAAWA,CAACC,GAAeC,MAAsB;AACrD,QAAIrD,EAAMK,OAAO;AACf,UAAI,CAACgD,EAAM;AACX,YAAM,CAACC,GAAOC,CAAG,IAAIvC,EAAAA;AACrB,UAAIwC;AACJ,MAAI,CAACF,KAAUA,KAASC,IACtBC,IAAO,CAACH,GAAM7C,MAAS,IAEvBgD,IAAOpC,EAAYkC,CAAK,KAAKD,EAAKI,YAAYH,EAAMG,QAAAA,IAAY,CAACJ,GAAMC,CAAK,IAAI,CAACA,GAAOD,CAAI,GAEzF1C,EAAAA,KAAqBG,EAAc0C,CAAI,GAC5CxD,EAAM0D,gBAAgBF,CAAI,GACtBA,EAAK,CAAC,KAAKA,EAAK,CAAC,OAAa,EAAK;AACvC;AAAA,IACF;AACAxD,IAAAA,EAAMmD,WAAWC,GAAOC,GAAMtD,CAAK,GACnC2B,EAAU,EAAK;AAAA,EACjB,GAEMiC,IAAWA,MAAY;AAC3B,IAAK3D,EAAMqC,YAAUX,EAAWkC,CAAAA,MAAS,CAACA,CAAI;AAAA,EAChD,GAEMC,IAAcA,CAACT,MAAyC;AAC5D,UAAMU,IAASV,EAAMU;AACrB,IAAIlC,GAAYmC,SAASD,CAAM,KAAKnC,GAAUoC,SAASD,CAAM,KAC7DpC,EAAU,EAAK;AAAA,EACjB,GAEMgB,IAASsB,GAAW,MAAMC,GAAUjE,EAAMkE,MAAM,CAAC,GACjDtB,KAAQuB,IAAS,oBAAIzD,QAAO0D,YAAAA,GAAe,GAAG,GAE9CC,IAAaA,MAAe5C,EAAAA,KAAY,CAACzB,EAAMqC,YAAY,CAACrC,EAAMM,iBAClE,CAACgE,GAASC,CAAU,IAAIxD,EAAasD,GAAY,GACjD,CAACG,IAAOC,CAAQ,IAAI1D,EAAa,EAAK;AAC5C,MAAI2D,GACAC;AAEJvC,EAAAA,EAAa,MAAM;AACjB,IAAIiC,OACEM,MAAUnE,UAAWoE,aAAaD,CAAK,GAC3CJ,EAAW,EAAI,GACfG,IAAMG,sBAAsB,MAAMJ,EAAS,EAAI,CAAC,MAEhDA,EAAS,EAAK,GACVH,EAAAA,MAAWK,IAAQG,WAAW,MAAMP,EAAW,EAAK,GAAG1E,EAAO;AAAA,EAEtE,CAAC,GACDkF,GAAU,MAAM;AACd,IAAIL,MAAQlE,UAAWwE,qBAAqBN,CAAG,GAC3CC,MAAUnE,UAAWoE,aAAaD,CAAK;AAAA,EAC7C,CAAC;AAED,QAAMM,KAAOA,MAAmB;AAC9B,YAAQ5D,KAAS;AAAA,MACf,KAAKE,EAASmB;AACZ,eAAAwC,EAAQC,GAAc;AAAA,UAAA,IAAC1E,QAAK;AAAA,mBAAES,EAAAA,EAAYkE,SAAAA;AAAAA,UAAU;AAAA,UAAA,IAAEC,QAAK;AAAA,mBAAE3C,EAAAA;AAAAA,UAAQ;AAAA,UAAES,UAAUN;AAAAA,QAAAA,CAAa;AAAA,MAChG,KAAKtB,EAASqB;AACZ,eAAAsC,EAAQC,GAAc;AAAA,UAAA,IAAC1E,QAAK;AAAA,mBAAES,EAAAA,EAAYkD,YAAAA;AAAAA,UAAa;AAAA,UAAEiB,OAAOzC;AAAAA,UAAOO,UAAUH;AAAAA,QAAAA,CAAY;AAAA,MAC/F;AACE,eAAAkC,EACGI,IAAc;AAAA,UAAA,IACbpE,YAAS;AAAA,mBAAEA,EAAAA;AAAAA,UAAW;AAAA,UAAA,IACtBT,QAAK;AAAA,mBAAEA,EAAAA;AAAAA,UAAO;AAAA,UAAA,IACd8E,uBAAoB;AAAA,mBAAEvF,EAAMuF;AAAAA,UAAoB;AAAA,UAChDpC,UAAAA;AAAAA,UAAkB,IAClBqC,cAAW;AAAA,mBAAExF,EAAMwF;AAAAA,UAAW;AAAA,UAAA,IAC9BC,gBAAa;AAAA,mBAAEzF,EAAMyF;AAAAA,UAAa;AAAA,UAAA,IAClClD,eAAY;AAAA,mBAAEA,EAAAA;AAAAA,UAAc;AAAA,UAAA,IAC5BmD,UAAO;AAAA,mBAAE1F,EAAM0F;AAAAA,UAAO;AAAA,UAAA,IACtBC,UAAO;AAAA,mBAAE3F,EAAM2F;AAAAA,UAAO;AAAA,UAAA,IACtBC,iBAAc;AAAA,mBAAE5F,EAAM4F;AAAAA,UAAc;AAAA,UAAA,IACpC1B,SAAM;AAAA,mBAAElE,EAAMkE;AAAAA,UAAM;AAAA,UAAA,IACpB7D,QAAK;AAAA,mBAAEL,EAAMK;AAAAA,UAAK;AAAA,UAAA,IAClBwF,aAAU;AAAA,mBAAE7E,EAAAA,EAAe,CAAC;AAAA,UAAC;AAAA,UAAA,IAC7B8E,WAAQ;AAAA,mBAAE9E,EAAAA,EAAe,CAAC;AAAA,UAAC;AAAA,QAAA,CAAA;AAAA,IAAA;AAAA,EAIrC,GAEM+E,KAAeA,MACnB/F,EAAMK,UAAUW,EAAAA,EAAe,CAAC,KAAKA,EAAAA,EAAe,CAAC,KACjD,GAAGgF,EAAehF,IAAe,CAAC,GAAGhB,EAAMiG,MAAM,CAAC,MAAMD,EAAehF,EAAAA,EAAe,CAAC,GAAGhB,EAAMiG,MAAM,CAAC,KACvG,IAEAC,IAAYC,EAAUnG,EAAMoG,KAAKpE,EAASqE,cAAeC,CAAAA,MAAQ3E,IAAW2E,CAAkB;AAEpG,SAAA,CAAApB,EAEKqB,GAAI;AAAA,IAAA,IACHC,OAAI;AAAA,aAAExG,EAAMK;AAAAA,IAAK;AAAA,IAAA,IACjBoG,WAAQ;AAAA,aAAAvB,EACLwB,IAAeC,EAAA;AAAA,QAAAP,KACTF;AAAAA,QAAS,IACdzF,QAAK;AAAA,iBAAET,EAAMS;AAAAA,QAAK;AAAA,QAAA,IAClB0C,WAAQ;AAAA,iBAAEnD,EAAMmD;AAAAA,QAAQ;AAAA,QAAA,IACxByD,SAAM;AAAA,iBAAE5G,EAAM4G;AAAAA,QAAM;AAAA,QACpBjD,UAAAA;AAAAA,QAAkB,IAClBtB,WAAQ;AAAA,iBAAErC,EAAMqC;AAAAA,QAAQ;AAAA,QAAA,IACxB/B,kBAAe;AAAA,iBAAEN,EAAMM;AAAAA,QAAe;AAAA,QAAA,IACtC2F,SAAM;AAAA,iBAAEjG,EAAMiG;AAAAA,QAAM;AAAA,QAAA,IACpB1F,eAAY;AAAA,iBAAEP,EAAMO;AAAAA,QAAY;AAAA,MAAA,GAC5BN,CAAI,CAAA;AAAA,IAAA;AAAA,IAAA,IAAAG,WAAA;AAAA,aAAA8E,EAIX2B,IAASF,EAAA;AAAA,QAAAP,KACHF;AAAAA,QAAS,IACdzF,QAAK;AAAA,iBAAEsF,GAAAA;AAAAA,QAAc;AAAA,QACrBe,UAAQ;AAAA,QACR3D,UAAUA,MAAAA;AAAAA;AAAAA,QAAe,IACzBd,WAAQ;AAAA,iBAAE0E,EAAQ/G,EAAMqC;AAAAA,QAAS;AAAA,MAAA,GAAA,MAC5BrC,EAAMiG,SAAS;AAAA,QAAEe,aAAa,GAAGhH,EAAMiG,MAAM,MAAMjG,EAAMiG,MAAM;AAAA,MAAA,IAAO,IAAE;AAAA,QAAA,IAC7EgB,eAAY;AAAA,iBAAA/B,EACTqB,GAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAE,CAACxG,EAAMM;AAAAA,YAAe;AAAA,YAAA,IAAAF,WAAA;AAAA,qBAAA8E,EAC/BgC,IAAoB;AAAA,gBACnBC,MAAI;AAAA,gBACJC,SAASzD;AAAAA,gBAAQ,IACjBtB,WAAQ;AAAA,yBAAE0E,EAAQ/G,EAAMqC;AAAAA,gBAAS;AAAA,gBAAA,eAAA;AAAA,gBAAA,IAAAjC,WAAA;AAAA,yBAAA8E,EAGhCqB,GAAI;AAAA,oBAAA,IAACC,OAAI;AAAA,6BAAErG,EAAAA;AAAAA,oBAAW;AAAA,oBAAA,IAAEsG,WAAQ;AAAA,6BAAAvB,EAAGmC,IAAI;AAAA,wBAACC,MAAI;AAAA,wBAAkBC,MAAM;AAAA,wBAAGC,QAAQ;AAAA,wBAAKC,MAAM;AAAA,sBAAA,CAAE;AAAA,oBAAA;AAAA,oBAAA,IAAArH,WAAA;AAAA,6BAC1FD,EAAAA;AAAAA,oBAAW;AAAA,kBAAA,CAAA;AAAA,gBAAA;AAAA,cAAA,CAAA;AAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,GAKhBF,CAAI,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,GAAAiF,EAGXqB,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAElC,EAAAA;AAAAA,IAAS;AAAA,IAAA,IAAAlE,WAAA;AAAA,aAAA8E,EAClBwC,IAAM;AAAA,QAAA,IAACC,QAAK;AAAA,iBAAGC,KAAWpH,SAAYqH,SAASC;AAAAA,QAAa;AAAA,QAAA,IAAA1H,WAAA;AAAA,iBAAA8E,EAC1D6C,IAAiB;AAAA,YAAClE,aAAAA;AAAAA,YAAwB,IAAAzD,WAAA;AAAA,kBAAA4H,IAAAC,GAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAElClC,EAAUnE,EAASsG,aAAchC,CAAAA,MAAQ1E,IAAa0E,CAAkB;AAAC,4BAAA+B,KAAA,cAAAE,GAAAF,GAAAL,CAAA,GAAAQ,EAAAN,GAAAhD,EAc3EuD,IAAgB;AAAA,gBAAA,IACfvH,YAAS;AAAA,yBAAEA,EAAAA;AAAAA,gBAAW;AAAA,gBAAA,IACtBgD,SAAM;AAAA,yBAAElE,EAAMkE;AAAAA,gBAAM;AAAA,gBAAA,IACpB7C,WAAQ;AAAA,yBAAEA,EAAAA;AAAAA,gBAAU;AAAA,gBACpB8B,UAAUX;AAAAA,gBACVC,mBAAAA;AAAAA,gBACAE,kBAAAA;AAAAA,cAAAA,CAAkC,GAAAyF,CAAA,GAAAI,EAAAJ,GAECnD,EAAI,GAAAyD,GAAAC,CAAAA,MAAA;AAAA,oBAAAC,KApBpC;AAAA,kBACL,GAAG5G,EAAS6G,eAAAA;AAAAA,kBAEZC,SAAStE,GAAAA,IAAU,IAAI;AAAA,gBAAA,GACxBuE,IAKW/I,EAAMgJ,qBAAqB;AAAaL,uBAAAA,EAAAM,IAAAC,GAAAlB,GAAAY,IAAAD,EAAAM,CAAA,GAAAF,MAAAJ,EAAAQ,KAAAC,GAAApB,GAAA,cAAAW,EAAAQ,IAAAJ,CAAA,GAAAJ;AAAAA,cAAA,GAAA;AAAA,gBAAAM,GAAAzI;AAAAA,gBAAA2I,GAAA3I;AAAAA,cAAAA,CAAA,GAAAwH;AAAAA,YAAA;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAmBlE;"}

package/dist/headless/components/inputs/rating/rating.js

@@ -1,12 +1,12 @@
-import { addEventListener as w, use as L, insert as s, createComponent as u, effect as f, setStyleProperty as p, setAttribute as v, className as C, memo as P, template as h, delegateEvents as F } from "solid-js/web";
-import { mergeProps as B, splitProps as K, createSignal as N, For as U, Show as A } from "solid-js";
-import D from "clsx";
-import { createControllableState as X } from "../../../primitives/createControllableState.js";
-import { mergeRefs as j } from "../../../primitives/mergeRefs.js";
-import { Icon as S } from "../../base/icon/icon.js";
-var q = /* @__PURE__ */ h("<input type=hidden>"), G = /* @__PURE__ */ h("<span>"), J = /* @__PURE__ */ h("<span data-testid=rating role=img>"), Q = /* @__PURE__ */ h('<span class=smwb-rating__item><span class="smwb-rating__icon smwb-rating__icon_empty"></span><span class="smwb-rating__icon smwb-rating__icon_filled">');
-function ne(R) {
-  const T = B({
+import { addEventListener as y, use as P, insert as s, createComponent as u, effect as f, setStyleProperty as v, setAttribute as p, className as A, memo as F, template as h, delegateEvents as B } from "solid-js/web";
+import { mergeProps as K, splitProps as N, children as U, createSignal as X, For as j, Show as D } from "solid-js";
+import S from "clsx";
+import { createControllableState as q } from "../../../primitives/createControllableState.js";
+import { mergeRefs as G } from "../../../primitives/mergeRefs.js";
+import { Icon as R } from "../../base/icon/icon.js";
+var J = /* @__PURE__ */ h("<input type=hidden>"), Q = /* @__PURE__ */ h("<span>"), W = /* @__PURE__ */ h("<span data-testid=rating role=img>"), Y = /* @__PURE__ */ h('<span class=smwb-rating__item><span class="smwb-rating__icon smwb-rating__icon_empty"></span><span class="smwb-rating__icon smwb-rating__icon_filled">');
+function oe(E) {
+  const I = K({
     defaultValue: 0,
     max: 5,
     precision: 1,
@@ -14,11 +14,11 @@ function ne(R) {
     disabled: !1,
     size: 28,
     color: "primary"
-  }, R), [e] = K(T, ["class", "value", "defaultValue", "max", "precision", "readOnly", "disabled", "size", "icon", "emptyIcon", "name", "color", "error", "helperText", "id", "onChange", "ref"]), [m, y] = X({
+  }, E), [e] = N(I, ["class", "value", "defaultValue", "max", "precision", "readOnly", "disabled", "size", "icon", "emptyIcon", "name", "color", "error", "helperText", "id", "onChange", "ref"]), w = U(() => e.helperText), [c, _] = q({
     value: () => e.value,
     defaultValue: e.defaultValue,
     onChange: (r) => e.onChange?.(r)
-  }), [E, _] = N(null), I = () => E() ?? m(), i = () => !e.readOnly && !e.disabled, b = (r, l) => {
+  }), [M, b] = X(null), O = () => M() ?? c(), i = () => !e.readOnly && !e.disabled, x = (r, l) => {
     if (e.precision === 1)
       return l + 1;
     const {
@@ -26,41 +26,41 @@ function ne(R) {
       width: o
     } = r.currentTarget.getBoundingClientRect(), n = r.clientX - t < o / 2;
     return l + (n ? 0.5 : 1);
-  }, M = (r, l) => {
-    i() && y(b(r, l));
+  }, T = (r, l) => {
+    i() && _(x(r, l));
   }, g = (r) => {
-    y(Math.max(0, Math.min(e.max, r)));
-  }, O = (r) => {
-    i() && (r.key === "ArrowRight" || r.key === "ArrowUp" ? (r.preventDefault(), g(m() + e.precision)) : r.key === "ArrowLeft" || r.key === "ArrowDown" ? (r.preventDefault(), g(m() - e.precision)) : r.key === "Home" ? (r.preventDefault(), g(0)) : r.key === "End" && (r.preventDefault(), g(e.max)));
-  }, V = () => e.icon ?? u(S, {
+    _(Math.max(0, Math.min(e.max, r)));
+  }, V = (r) => {
+    i() && (r.key === "ArrowRight" || r.key === "ArrowUp" ? (r.preventDefault(), g(c() + e.precision)) : r.key === "ArrowLeft" || r.key === "ArrowDown" ? (r.preventDefault(), g(c() - e.precision)) : r.key === "Home" ? (r.preventDefault(), g(0)) : r.key === "End" && (r.preventDefault(), g(e.max)));
+  }, H = () => e.icon ?? u(R, {
     name: "star",
     fill: 1,
     get size() {
       return e.size;
     }
-  }), H = () => e.emptyIcon ?? u(S, {
+  }), L = () => e.emptyIcon ?? u(R, {
     name: "star",
     get size() {
       return e.size;
     }
   });
   return (() => {
-    var r = J();
-    w(r, "keydown", i() ? O : void 0, !0);
-    var l = j(e.ref);
-    return typeof l == "function" && L(l, r), s(r, u(U, {
+    var r = W();
+    y(r, "keydown", i() ? V : void 0, !0);
+    var l = G(e.ref);
+    return typeof l == "function" && P(l, r), s(r, u(j, {
       get each() {
         return Array.from({
           length: e.max
         }, (t, o) => o);
       },
       children: (t) => {
-        const o = () => Math.max(0, Math.min(1, I() - t));
+        const o = () => Math.max(0, Math.min(1, O() - t));
         return (() => {
-          var n = Q(), c = n.firstChild, d = c.nextSibling;
-          return w(n, "mouseleave", i() ? () => _(null) : void 0), w(n, "mousemove", i() ? (a) => _(e.precision === 0.5 ? b(a, t) : t + 1) : void 0, !0), n.$$click = (a) => M(a, t), s(c, H), s(d, V), f((a) => {
-            var x = `${e.size}px`, k = `${e.size}px`, $ = i() ? "pointer" : "default", z = `${o() * 100}%`;
-            return x !== a.e && p(n, "width", a.e = x), k !== a.t && p(n, "height", a.t = k), $ !== a.a && p(n, "cursor", a.a = $), z !== a.o && p(d, "width", a.o = z), a;
+          var n = Y(), m = n.firstChild, d = m.nextSibling;
+          return y(n, "mouseleave", i() ? () => b(null) : void 0), y(n, "mousemove", i() ? (a) => b(e.precision === 0.5 ? x(a, t) : t + 1) : void 0, !0), n.$$click = (a) => T(a, t), s(m, L), s(d, H), f((a) => {
+            var k = `${e.size}px`, $ = `${e.size}px`, z = i() ? "pointer" : "default", C = `${o() * 100}%`;
+            return k !== a.e && v(n, "width", a.e = k), $ !== a.t && v(n, "height", a.t = $), z !== a.a && v(n, "cursor", a.a = z), C !== a.o && v(d, "width", a.o = C), a;
           }, {
             e: void 0,
             t: void 0,
@@ -69,29 +69,29 @@ function ne(R) {
           }), n;
         })();
       }
-    }), null), s(r, u(A, {
+    }), null), s(r, u(D, {
       get when() {
         return e.name;
       },
       get children() {
-        var t = q();
-        return f(() => v(t, "name", e.name)), f(() => t.value = m()), t;
+        var t = J();
+        return f(() => p(t, "name", e.name)), f(() => t.value = c()), t;
       }
-    }), null), s(r, u(A, {
+    }), null), s(r, u(D, {
       get when() {
-        return P(() => e.helperText != null)() && e.helperText !== !1;
+        return F(() => w() != null)() && w() !== !1;
       },
       get children() {
-        var t = G();
-        return s(t, () => e.helperText), f(() => C(t, D("smwb-rating__helper", e.error && "smwb-rating__helper_error"))), t;
+        var t = Q();
+        return s(t, w), f(() => A(t, S("smwb-rating__helper", e.error && "smwb-rating__helper_error"))), t;
       }
     }), null), f((t) => {
-      var o = e.id, n = D("smwb-rating", {
+      var o = e.id, n = S("smwb-rating", {
         "smwb-rating_readonly": e.readOnly,
         "smwb-rating_disabled": e.disabled,
         "smwb-rating_error": e.error
-      }, e.color !== "primary" && `smwb-rating_color-${e.color}`, e.class), c = `${m()} of ${e.max}`, d = i() ? 0 : void 0;
-      return o !== t.e && v(r, "id", t.e = o), n !== t.t && C(r, t.t = n), c !== t.a && v(r, "aria-label", t.a = c), d !== t.o && v(r, "tabindex", t.o = d), t;
+      }, e.color !== "primary" && `smwb-rating_color-${e.color}`, e.class), m = `${c()} of ${e.max}`, d = i() ? 0 : void 0;
+      return o !== t.e && p(r, "id", t.e = o), n !== t.t && A(r, t.t = n), m !== t.a && p(r, "aria-label", t.a = m), d !== t.o && p(r, "tabindex", t.o = d), t;
     }, {
       e: void 0,
       t: void 0,
@@ -100,8 +100,8 @@ function ne(R) {
     }), r;
   })();
 }
-F(["keydown", "click", "mousemove"]);
+B(["keydown", "click", "mousemove"]);
 export {
-  ne as Rating
+  oe as Rating
 };
 //# sourceMappingURL=rating.js.map

package/dist/headless/components/inputs/rating/rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.js","sources":["../../../../../src/components/inputs/rating/rating.tsx"],"sourcesContent":["import { type JSX, For, Show, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type RatingColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface RatingProps {\n  class?: string;\n  /** Controlled value. */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /** Number of icons. */\n  max?: number;\n  /** Smallest selectable increment: 1 (whole) or 0.5 (half). */\n  precision?: 1 | 0.5;\n  readOnly?: boolean;\n  disabled?: boolean;\n  size?: number;\n  /** Filled icon. */\n  icon?: JSX.Element;\n  /** Empty icon. */\n  emptyIcon?: JSX.Element;\n  name?: string;\n  /** Color of the filled icons. */\n  color?: RatingColor;\n  /** Renders the control in an error state. */\n  error?: boolean;\n  /** Supporting text shown below the control. */\n  helperText?: JSX.Element;\n  id?: string;\n  onChange?: (value: number) => void;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Rating(props: RatingProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      defaultValue: 0,\n      max: 5,\n      precision: 1 as 1 | 0.5,\n      readOnly: false,\n      disabled: false,\n      size: 28,\n      color: \"primary\" as RatingColor,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"max\",\n    \"precision\",\n    \"readOnly\",\n    \"disabled\",\n    \"size\",\n    \"icon\",\n    \"emptyIcon\",\n    \"name\",\n    \"color\",\n    \"error\",\n    \"helperText\",\n    \"id\",\n    \"onChange\",\n    \"ref\",\n  ]);\n\n  const [current, setCurrent] = createControllableState<number>({\n    value: () => local.value,\n    defaultValue: local.defaultValue,\n    onChange: (next) => local.onChange?.(next),\n  });\n  const [hover, setHover] = createSignal<number | null>(null);\n\n  const display = (): number => hover() ?? current();\n  const interactive = (): boolean => !local.readOnly && !local.disabled;\n\n  const valueFromEvent = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): number => {\n    if (local.precision === 1) {\n      return starIndex + 1;\n    }\n    const { left, width } = event.currentTarget.getBoundingClientRect();\n    const isLeftHalf = event.clientX - left < width / 2;\n    return starIndex + (isLeftHalf ? 0.5 : 1);\n  };\n\n  const handleSelect = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): void => {\n    if (!interactive()) return;\n    setCurrent(valueFromEvent(event, starIndex));\n  };\n\n  const commit = (next: number): void => {\n    setCurrent(Math.max(0, Math.min(local.max, next)));\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!interactive()) return;\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      commit(current() + local.precision);\n    } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      commit(current() - local.precision);\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commit(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commit(local.max);\n    }\n  };\n\n  const filledIcon = (): JSX.Element => local.icon ?? <Icon name=\"star\" fill={1} size={local.size} />;\n  const blankIcon = (): JSX.Element => local.emptyIcon ?? <Icon name=\"star\" size={local.size} />;\n\n  return (\n    <span\n      ref={mergeRefs(local.ref)}\n      id={local.id}\n      class={cn(\n        \"smwb-rating\",\n        { \"smwb-rating_readonly\": local.readOnly, \"smwb-rating_disabled\": local.disabled, \"smwb-rating_error\": local.error },\n        local.color !== \"primary\" && `smwb-rating_color-${local.color}`,\n        local.class\n      )}\n      data-testid=\"rating\"\n      role=\"img\"\n      aria-label={`${current()} of ${local.max}`}\n      tabindex={interactive() ? 0 : undefined}\n      onKeyDown={interactive() ? handleKeyDown : undefined}\n    >\n      <For each={Array.from({ length: local.max }, (_, index) => index)}>\n        {(index) => {\n          const fillRatio = (): number => Math.max(0, Math.min(1, display() - index));\n          return (\n            <span\n              class=\"smwb-rating__item\"\n              style={{ width: `${local.size}px`, height: `${local.size}px`, cursor: interactive() ? \"pointer\" : \"default\" }}\n              onClick={(event) => handleSelect(event, index)}\n              onMouseMove={\n                interactive()\n                  ? (event) => setHover(local.precision === 0.5 ? valueFromEvent(event, index) : index + 1)\n                  : undefined\n              }\n              onMouseLeave={interactive() ? () => setHover(null) : undefined}\n            >\n              <span class=\"smwb-rating__icon smwb-rating__icon_empty\">{blankIcon()}</span>\n              <span class=\"smwb-rating__icon smwb-rating__icon_filled\" style={{ width: `${fillRatio() * 100}%` }}>\n                {filledIcon()}\n              </span>\n            </span>\n          );\n        }}\n      </For>\n      <Show when={local.name}>\n        <input type=\"hidden\" name={local.name} value={current()} />\n      </Show>\n      <Show when={local.helperText != null && (local.helperText as unknown) !== false}>\n        <span class={cn(\"smwb-rating__helper\", local.error && \"smwb-rating__helper_error\")}>{local.helperText}</span>\n      </Show>\n    </span>\n  );\n}\n\nexport default Rating;\n"],"names":["Rating","props","merged","mergeProps","defaultValue","max","precision","readOnly","disabled","size","color","local","splitProps","current","setCurrent","createControllableState","value","onChange","next","hover","setHover","createSignal","display","interactive","valueFromEvent","event","starIndex","left","width","currentTarget","getBoundingClientRect","isLeftHalf","clientX","handleSelect","commit","Math","min","handleKeyDown","key","preventDefault","filledIcon","icon","_$createComponent","Icon","name","fill","blankIcon","emptyIcon","_el$","_tmpl$3","_$addEventListener","undefined","_ref$","mergeRefs","ref","_$use","_$insert","For","each","Array","from","length","_","index","children","fillRatio","_el$4","_tmpl$4","_el$5","firstChild","_el$6","nextSibling","$$click","_$effect","_p$","_v$5","_v$6","_v$7","_v$8","e","_$setStyleProperty","t","a","o","Show","when","_el$2","_tmpl$","_$setAttribute","_$memo","helperText","_el$3","_tmpl$2","_$className","cn","error","_v$","id","_v$2","class","_v$3","_v$4","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"rating.js","sources":["../../../../../src/components/inputs/rating/rating.tsx"],"sourcesContent":["import { type JSX, For, Show, children, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type RatingColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface RatingProps {\n  class?: string;\n  /** Controlled value. */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /** Number of icons. */\n  max?: number;\n  /** Smallest selectable increment: 1 (whole) or 0.5 (half). */\n  precision?: 1 | 0.5;\n  readOnly?: boolean;\n  disabled?: boolean;\n  size?: number;\n  /** Filled icon. */\n  icon?: JSX.Element;\n  /** Empty icon. */\n  emptyIcon?: JSX.Element;\n  name?: string;\n  /** Color of the filled icons. */\n  color?: RatingColor;\n  /** Renders the control in an error state. */\n  error?: boolean;\n  /** Supporting text shown below the control. */\n  helperText?: JSX.Element;\n  id?: string;\n  onChange?: (value: number) => void;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Rating(props: RatingProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      defaultValue: 0,\n      max: 5,\n      precision: 1 as 1 | 0.5,\n      readOnly: false,\n      disabled: false,\n      size: 28,\n      color: \"primary\" as RatingColor,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"max\",\n    \"precision\",\n    \"readOnly\",\n    \"disabled\",\n    \"size\",\n    \"icon\",\n    \"emptyIcon\",\n    \"name\",\n    \"color\",\n    \"error\",\n    \"helperText\",\n    \"id\",\n    \"onChange\",\n    \"ref\",\n  ]);\n  // Read once: markup passed as a prop is created anew on every read, and\n  // during hydration a copy the server never rendered has no DOM node.\n  const helperText = children(() => local.helperText);\n\n  const [current, setCurrent] = createControllableState<number>({\n    value: () => local.value,\n    defaultValue: local.defaultValue,\n    onChange: (next) => local.onChange?.(next),\n  });\n  const [hover, setHover] = createSignal<number | null>(null);\n\n  const display = (): number => hover() ?? current();\n  const interactive = (): boolean => !local.readOnly && !local.disabled;\n\n  const valueFromEvent = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): number => {\n    if (local.precision === 1) {\n      return starIndex + 1;\n    }\n    const { left, width } = event.currentTarget.getBoundingClientRect();\n    const isLeftHalf = event.clientX - left < width / 2;\n    return starIndex + (isLeftHalf ? 0.5 : 1);\n  };\n\n  const handleSelect = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): void => {\n    if (!interactive()) return;\n    setCurrent(valueFromEvent(event, starIndex));\n  };\n\n  const commit = (next: number): void => {\n    setCurrent(Math.max(0, Math.min(local.max, next)));\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!interactive()) return;\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      commit(current() + local.precision);\n    } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      commit(current() - local.precision);\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commit(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commit(local.max);\n    }\n  };\n\n  const filledIcon = (): JSX.Element => local.icon ?? <Icon name=\"star\" fill={1} size={local.size} />;\n  const blankIcon = (): JSX.Element => local.emptyIcon ?? <Icon name=\"star\" size={local.size} />;\n\n  return (\n    <span\n      ref={mergeRefs(local.ref)}\n      id={local.id}\n      class={cn(\n        \"smwb-rating\",\n        { \"smwb-rating_readonly\": local.readOnly, \"smwb-rating_disabled\": local.disabled, \"smwb-rating_error\": local.error },\n        local.color !== \"primary\" && `smwb-rating_color-${local.color}`,\n        local.class\n      )}\n      data-testid=\"rating\"\n      role=\"img\"\n      aria-label={`${current()} of ${local.max}`}\n      tabindex={interactive() ? 0 : undefined}\n      onKeyDown={interactive() ? handleKeyDown : undefined}\n    >\n      <For each={Array.from({ length: local.max }, (_, index) => index)}>\n        {(index) => {\n          const fillRatio = (): number => Math.max(0, Math.min(1, display() - index));\n          return (\n            <span\n              class=\"smwb-rating__item\"\n              style={{ width: `${local.size}px`, height: `${local.size}px`, cursor: interactive() ? \"pointer\" : \"default\" }}\n              onClick={(event) => handleSelect(event, index)}\n              onMouseMove={\n                interactive()\n                  ? (event) => setHover(local.precision === 0.5 ? valueFromEvent(event, index) : index + 1)\n                  : undefined\n              }\n              onMouseLeave={interactive() ? () => setHover(null) : undefined}\n            >\n              <span class=\"smwb-rating__icon smwb-rating__icon_empty\">{blankIcon()}</span>\n              <span class=\"smwb-rating__icon smwb-rating__icon_filled\" style={{ width: `${fillRatio() * 100}%` }}>\n                {filledIcon()}\n              </span>\n            </span>\n          );\n        }}\n      </For>\n      <Show when={local.name}>\n        <input type=\"hidden\" name={local.name} value={current()} />\n      </Show>\n      <Show when={helperText() != null && (helperText() as unknown) !== false}>\n        <span class={cn(\"smwb-rating__helper\", local.error && \"smwb-rating__helper_error\")}>{helperText()}</span>\n      </Show>\n    </span>\n  );\n}\n\nexport default Rating;\n"],"names":["Rating","props","merged","mergeProps","defaultValue","max","precision","readOnly","disabled","size","color","local","splitProps","helperText","children","current","setCurrent","createControllableState","value","onChange","next","hover","setHover","createSignal","display","interactive","valueFromEvent","event","starIndex","left","width","currentTarget","getBoundingClientRect","isLeftHalf","clientX","handleSelect","commit","Math","min","handleKeyDown","key","preventDefault","filledIcon","icon","_$createComponent","Icon","name","fill","blankIcon","emptyIcon","_el$","_tmpl$3","_$addEventListener","undefined","_ref$","mergeRefs","ref","_$use","_$insert","For","each","Array","from","length","_","index","fillRatio","_el$4","_tmpl$4","_el$5","firstChild","_el$6","nextSibling","$$click","_$effect","_p$","_v$5","_v$6","_v$7","_v$8","e","_$setStyleProperty","t","a","o","Show","when","_el$2","_tmpl$","_$setAttribute","_$memo","_el$3","_tmpl$2","_$className","cn","error","_v$","id","_v$2","class","_v$3","_v$4","_$delegateEvents"],"mappings":"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"}