@epilot/volt-ui-experimental-griffel 0.3.0 → 0.3.1

package/dist/components/date-time-picker/date-time-picker-input.js

@@ -1,15 +1,15 @@
-import { j as r } from "../../vendor/react/jsx-dev-runtime.js";
-import * as l from "react";
-import { useRifm as L } from "../../vendor/rifm/dist/rifm.esm.js";
-import { SLOT_ATTR as H } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as T } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { Button as O } from "../button/button.js";
-import { FieldInputGroup as B, FieldInput as _, FieldGroupAddon as G } from "../field/field.js";
-import { PopoverTrigger as K, PopoverAnchor as ee } from "../popover/popover.js";
-import { makeVoltStyles as te } from "../../styles/make-styles.js";
-import { useDateTimePickerContext as ie } from "./date-time-picker-context.js";
-import { formatDateTimeDisplay as Z, parseDateTimeInput as re } from "./date-time-picker-utils.js";
-const ae = (f) => /* @__PURE__ */ r.jsxDEV(
+import { jsx as s, jsxs as G } from "react/jsx-runtime";
+import * as r from "react";
+import { useRifm as ee } from "../../vendor/rifm/dist/rifm.esm.js";
+import { SLOT_ATTR as K } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as y } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { Button as N } from "../button/button.js";
+import { FieldInputGroup as P, FieldInput as b, FieldGroupAddon as j } from "../field/field.js";
+import { PopoverTrigger as z, PopoverAnchor as te } from "../popover/popover.js";
+import { makeVoltStyles as ne } from "../../styles/make-styles.js";
+import { useDateTimePickerContext as ae } from "./date-time-picker-context.js";
+import { formatDateTimeDisplay as V, parseDateTimeInput as se } from "./date-time-picker-utils.js";
+const re = (f) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -18,28 +18,16 @@ const ae = (f) => /* @__PURE__ */ r.jsxDEV(
     width: "18px",
     fill: "currentColor",
     ...f,
-    children: /* @__PURE__ */ r.jsxDEV("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-      lineNumber: 26,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-    lineNumber: 18,
-    columnNumber: 3
-  },
-  void 0
-), le = /\d/g, se = "dd.MM.yyyy", ne = "dd.MM.yyyy HH:mm", oe = (f) => {
-  const h = f ? 12 : 8;
-  return (n) => {
-    const i = n.replace(/\D/g, "").slice(0, h);
+    children: /* @__PURE__ */ s("path", { d: "M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z" })
+  }
+), le = /\d/g, oe = "dd.MM.yyyy", ie = "dd.MM.yyyy HH:mm", ce = (f) => {
+  const q = f ? 12 : 8;
+  return (o) => {
+    const n = o.replace(/\D/g, "").slice(0, q);
     let t = "", e = 0;
-    return t += (i[e++] || "_") + (i[e++] || "_"), t += ".", t += (i[e++] || "_") + (i[e++] || "_"), t += ".", t += (i[e++] || "_") + (i[e++] || "_") + (i[e++] || "_") + (i[e++] || "_"), f && (t += " ", t += (i[e++] || "_") + (i[e++] || "_"), t += ":", t += (i[e++] || "_") + (i[e++] || "_")), t;
+    return t += (n[e++] || "_") + (n[e++] || "_"), t += ".", t += (n[e++] || "_") + (n[e++] || "_"), t += ".", t += (n[e++] || "_") + (n[e++] || "_") + (n[e++] || "_") + (n[e++] || "_"), f && (t += " ", t += (n[e++] || "_") + (n[e++] || "_"), t += ":", t += (n[e++] || "_") + (n[e++] || "_")), t;
   };
-}, P = te({
+}, J = ne({
   group: {
     width: "100%"
   },
@@ -51,279 +39,191 @@ const ae = (f) => /* @__PURE__ */ r.jsxDEV(
     flexShrink: 1,
     flexBasis: "0%"
   }
-}), me = l.forwardRef(
+}), ue = r.forwardRef(
   function({
-    ctx: h,
-    disabled: n,
-    icon: i,
+    ctx: q,
+    disabled: o,
+    icon: n,
     iconPosition: t,
     inputAriaLabel: e,
-    openPickerAriaLabel: D,
+    openPickerAriaLabel: x,
     testId: v,
-    className: b
-  }, q) {
-    const c = P(), {
-      value: k,
-      format: s,
-      locale: u,
-      onChange: x,
-      onBlur: d,
-      setTempValue: w,
-      setInputValue: y
-    } = h, C = s.includes("HH:mm"), N = l.useMemo(
-      () => oe(C),
-      [C]
-    ), j = C ? ne : se, E = k ? Z(k, s, u) : "", [z, F] = l.useState(""), [J, M] = l.useState(!1), U = l.useRef(null), Q = l.useCallback((a) => {
-      if (U.current = a, !a) return;
+    className: C
+  }, _) {
+    const u = J(), {
+      value: h,
+      format: l,
+      locale: d,
+      onChange: T,
+      onBlur: p,
+      setTempValue: D,
+      setInputValue: F
+    } = q, M = l.includes("HH:mm"), k = r.useMemo(
+      () => ce(M),
+      [M]
+    ), w = M ? ie : oe, I = h ? V(h, l, d) : "", [Q, S] = r.useState(""), [U, A] = r.useState(!1), Z = r.useRef(null), W = r.useCallback((a) => {
+      if (Z.current = a, !a) return;
       a.focus();
-      const p = a.value.indexOf("_");
-      p !== -1 && a.setSelectionRange(p, p);
-    }, []), V = l.useCallback(
+      const m = a.value.indexOf("_");
+      m !== -1 && a.setSelectionRange(m, m);
+    }, []), R = r.useCallback(
       (a) => {
-        if (F(a), requestAnimationFrame(() => {
-          const g = U.current;
+        if (S(a), requestAnimationFrame(() => {
+          const g = Z.current;
           if (!g) return;
-          const m = g.value.indexOf("_"), A = m === -1 ? g.value.length : m;
-          g.setSelectionRange(A, A);
+          const c = g.value.indexOf("_"), E = c === -1 ? g.value.length : c;
+          g.setSelectionRange(E, E);
         }), a.replace(/\D/g, "").length === 0) {
-          x(null), w(null), y("");
+          T(null), D(null), F("");
           return;
         }
-        const o = re(a, j, u);
-        o && (x(o), w(o), y(Z(o, s, u)));
+        const i = se(a, w, d);
+        i && (T(i), D(i), F(V(i, l, d)));
       },
-      [x, w, y, j, s, u]
-    ), R = L({
+      [T, D, F, w, l, d]
+    ), H = ee({
       accept: le,
-      format: N,
+      format: k,
       mask: !0,
-      onChange: V,
-      value: z
-    }), I = l.useCallback(() => {
-      F(N(E)), M(!0);
-    }, [E, N]), W = l.useCallback(() => {
-      M(!1), d == null || d();
-    }, [d]), X = l.useCallback(
+      onChange: R,
+      value: Q
+    }), O = r.useCallback(() => {
+      S(k(I)), A(!0);
+    }, [I, k]), X = r.useCallback(() => {
+      A(!1), p == null || p();
+    }, [p]), Y = r.useCallback(
       (a) => {
-        a.preventDefault(), V(N(a.clipboardData.getData("text")));
+        a.preventDefault(), R(k(a.clipboardData.getData("text")));
       },
-      [V, N]
-    ), Y = l.useCallback(
+      [R, k]
+    ), $ = r.useCallback(
       (a) => {
         if (a.key !== "Backspace") return;
-        const p = a.currentTarget, { selectionStart: o, selectionEnd: g } = p;
-        if (o === null || o !== g) return;
-        let m = o;
-        for (; m > 0 && !/[\d_]/.test(p.value[m - 1]); )
-          m--;
-        m !== o && p.setSelectionRange(m, m);
+        const m = a.currentTarget, { selectionStart: i, selectionEnd: g } = m;
+        if (i === null || i !== g) return;
+        let c = i;
+        for (; c > 0 && !/[\d_]/.test(m.value[c - 1]); )
+          c--;
+        c !== i && m.setSelectionRange(c, c);
       },
       []
-    ), S = /* @__PURE__ */ r.jsxDEV(G, { align: t, children: /* @__PURE__ */ r.jsxDEV(K, { asChild: !0, children: /* @__PURE__ */ r.jsxDEV(
-      O,
+    ), B = /* @__PURE__ */ s(j, { align: t, children: /* @__PURE__ */ s(z, { asChild: !0, children: /* @__PURE__ */ s(
+      N,
       {
-        "aria-label": D,
-        disabled: n,
+        "aria-label": x,
+        disabled: o,
         size: "icon-sm",
         variant: "tertiary",
-        children: i
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-        lineNumber: 245,
-        columnNumber: 11
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-      lineNumber: 244,
-      columnNumber: 9
-    }, this) }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-      lineNumber: 243,
-      columnNumber: 7
-    }, this), $ = J ? /* @__PURE__ */ r.jsxDEV(
-      _,
+        children: n
+      }
+    ) }) }), L = U ? /* @__PURE__ */ s(
+      b,
       {
         "aria-label": e,
-        className: T(c.inputFlex, c.input),
+        className: y(u.inputFlex, u.input),
         "data-testid": v,
-        disabled: n,
-        onBlur: W,
-        onChange: R.onChange,
-        onFocus: I,
-        onKeyDown: Y,
-        onPaste: X,
-        ref: Q,
-        value: R.value
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-        lineNumber: 258,
-        columnNumber: 7
-      },
-      this
-    ) : /* @__PURE__ */ r.jsxDEV(
-      _,
+        disabled: o,
+        onBlur: X,
+        onChange: H.onChange,
+        onFocus: O,
+        onKeyDown: $,
+        onPaste: Y,
+        ref: W,
+        value: H.value
+      }
+    ) : /* @__PURE__ */ s(
+      b,
       {
         "aria-label": e,
-        className: T(c.inputFlex, c.input),
+        className: y(u.inputFlex, u.input),
         "data-testid": v,
-        disabled: n,
-        onFocus: I,
+        disabled: o,
+        onFocus: O,
         readOnly: !0,
-        value: E
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-        lineNumber: 272,
-        columnNumber: 7
-      },
-      this
+        value: I
+      }
     );
-    return /* @__PURE__ */ r.jsxDEV(ee, { asChild: !0, children: /* @__PURE__ */ r.jsxDEV(
-      B,
+    return /* @__PURE__ */ s(te, { asChild: !0, children: /* @__PURE__ */ G(
+      P,
       {
-        className: T(c.group, b),
+        className: y(u.group, C),
         "data-slot": "datetimepicker-input",
-        [H]: "datetimepicker-input",
-        ref: q,
+        [K]: "datetimepicker-input",
+        ref: _,
         children: [
-          t === "start" && S,
-          $,
-          t === "end" && S
+          t === "start" && B,
+          L,
+          t === "end" && B
         ]
-      },
-      void 0,
-      !0,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-        lineNumber: 285,
-        columnNumber: 9
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-      lineNumber: 284,
-      columnNumber: 7
-    }, this);
+      }
+    ) });
   }
-), Ne = l.forwardRef(function({
-  editable: h = !1,
-  iconPosition: n = "end",
-  placeholder: i = "dd/MM/yyyy HH:mm",
+), ye = r.forwardRef(function({
+  editable: q = !1,
+  iconPosition: o = "end",
+  placeholder: n = "dd/MM/yyyy HH:mm",
   inputAriaLabel: t = "change date and time",
   openPickerAriaLabel: e = "Open date picker",
-  keyboardIcon: D,
+  keyboardIcon: x,
   testId: v,
-  className: b,
-  disabled: q
-}, c) {
-  const k = P(), s = ie(), u = q ?? s.disabled, x = D || /* @__PURE__ */ r.jsxDEV(ae, {}, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-    lineNumber: 321,
-    columnNumber: 41
-  }, this);
-  if (h)
-    return /* @__PURE__ */ r.jsxDEV(
-      me,
+  className: C,
+  disabled: _
+}, u) {
+  const h = J(), l = ae(), d = _ ?? l.disabled, T = x || /* @__PURE__ */ s(re, {});
+  if (q)
+    return /* @__PURE__ */ s(
+      ue,
       {
-        className: b,
-        ctx: s,
-        disabled: u,
-        icon: x,
-        iconPosition: n,
+        className: C,
+        ctx: l,
+        disabled: d,
+        icon: T,
+        iconPosition: o,
         inputAriaLabel: t,
         openPickerAriaLabel: e,
-        ref: c,
+        ref: u,
         testId: v
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-        lineNumber: 325,
-        columnNumber: 7
-      },
-      this
+      }
     );
-  const d = /* @__PURE__ */ r.jsxDEV(G, { align: n, children: /* @__PURE__ */ r.jsxDEV(
-    O,
+  const p = /* @__PURE__ */ s(j, { align: o, children: /* @__PURE__ */ s(
+    N,
     {
       "aria-label": e,
-      disabled: u,
-      onClick: () => s.setIsOpen(!0),
+      disabled: d,
+      onClick: () => l.setIsOpen(!0),
       size: "icon-sm",
       variant: "tertiary",
-      children: x
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-      lineNumber: 341,
-      columnNumber: 7
-    },
-    this
-  ) }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-    lineNumber: 340,
-    columnNumber: 5
-  }, this);
-  return /* @__PURE__ */ r.jsxDEV(
-    B,
+      children: T
+    }
+  ) });
+  return /* @__PURE__ */ G(
+    P,
     {
-      className: T(k.group, b),
+      className: y(h.group, C),
       "data-slot": "datetimepicker-input",
-      [H]: "datetimepicker-input",
-      ref: c,
+      [K]: "datetimepicker-input",
+      ref: u,
       children: [
-        n === "start" && d,
-        /* @__PURE__ */ r.jsxDEV(K, { asChild: !0, children: /* @__PURE__ */ r.jsxDEV(
-          _,
+        o === "start" && p,
+        /* @__PURE__ */ s(z, { asChild: !0, children: /* @__PURE__ */ s(
+          b,
           {
             "aria-label": t,
-            className: T(k.inputFlex, k.input),
+            className: y(h.inputFlex, h.input),
             "data-testid": v,
-            disabled: u,
-            onBlur: s.handleInputBlur,
-            onChange: s.handleInputChange,
-            placeholder: i,
-            value: s.inputValue
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-            lineNumber: 362,
-            columnNumber: 9
-          },
-          this
-        ) }, void 0, !1, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-          lineNumber: 361,
-          columnNumber: 7
-        }, this),
-        n === "end" && d
+            disabled: d,
+            onBlur: l.handleInputBlur,
+            onChange: l.handleInputChange,
+            placeholder: n,
+            value: l.inputValue
+          }
+        ) }),
+        o === "end" && p
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/date-time-picker/date-time-picker-input.tsx",
-      lineNumber: 354,
-      columnNumber: 5
-    },
-    this
+    }
   );
 });
 export {
-  Ne as DateTimePickerInput
+  ye as DateTimePickerInput
 };
 //# sourceMappingURL=date-time-picker-input.js.map

package/dist/components/date-time-picker/date-time-picker-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker-input.js","sources":["../../../src/components/date-time-picker/date-time-picker-input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useRifm } from \"rifm\"\nimport { mergeClasses } from \"@epilot/volt-ui-runtime\"\n\nimport { Button } from \"../button/button\"\nimport { FieldGroupAddon, FieldInput, FieldInputGroup } from \"../field/field\"\nimport { PopoverAnchor, PopoverTrigger } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\n\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\nimport {\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n} from \"./date-time-picker-utils\"\n\nconst CalendarIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"18px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"18px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" />\n  </svg>\n)\n\nconst ACCEPT_DIGITS = /\\d/g\n\n// The mask always uses dots and colons regardless of the context format\nconst MASK_FORMAT_DATE = \"dd.MM.yyyy\"\nconst MASK_FORMAT_DATETIME = \"dd.MM.yyyy HH:mm\"\n\nconst createMaskFormatter = (isDateTime: boolean) => {\n  const maxDigits = isDateTime ? 12 : 8\n\n  return (str: string): string => {\n    const digits = str.replace(/\\D/g, \"\").slice(0, maxDigits)\n    let result = \"\"\n    let di = 0\n\n    result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    result += \".\"\n    result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    result += \".\"\n    result +=\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\")\n\n    if (isDateTime) {\n      result += \" \"\n      result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n      result += \":\"\n      result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    }\n\n    return result\n  }\n}\n\nexport type DateTimePickerInputProps = {\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  placeholder?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  keyboardIcon?: React.ReactNode\n  testId?: string\n  className?: string\n  disabled?: boolean\n}\n\nconst useStyles = makeVoltStyles({\n  group: {\n    width: \"100%\",\n  },\n  input: {\n    textAlign: \"left\",\n  },\n  inputFlex: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n})\n\n// Editable input with rifm masking — manages its own display value\ntype EditableInputProps = {\n  ctx: ReturnType<typeof useDateTimePickerContext>\n  disabled: boolean\n  icon: React.ReactNode\n  iconPosition: \"start\" | \"end\"\n  inputAriaLabel: string\n  openPickerAriaLabel: string\n  testId?: string\n  className?: string\n}\n\nconst EditableInput = React.forwardRef<HTMLDivElement, EditableInputProps>(\n  function EditableInput(\n    {\n      ctx,\n      disabled,\n      icon,\n      iconPosition,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      testId,\n      className,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const {\n      value,\n      format,\n      locale,\n      onChange,\n      onBlur,\n      setTempValue,\n      setInputValue,\n    } = ctx\n\n    const isDateTime = format.includes(\"HH:mm\")\n    const maskFormat = React.useMemo(\n      () => createMaskFormatter(isDateTime),\n      [isDateTime]\n    )\n    const maskParseFormat = isDateTime ? MASK_FORMAT_DATETIME : MASK_FORMAT_DATE\n\n    const displayValue = value\n      ? formatDateTimeDisplay(value, format, locale)\n      : \"\"\n\n    const [maskedValue, setMaskedValue] = React.useState(\"\")\n    const [focused, setFocused] = React.useState(false)\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    // Callback ref: focus + position cursor when the Rifm input mounts\n    const rifmRefCallback = React.useCallback((el: HTMLInputElement | null) => {\n      inputRef.current = el\n      if (!el) return\n\n      el.focus()\n      const pos = el.value.indexOf(\"_\")\n\n      if (pos !== -1) {\n        el.setSelectionRange(pos, pos)\n      }\n    }, [])\n\n    const handleRifmChange = React.useCallback(\n      (val: string) => {\n        setMaskedValue(val)\n\n        // Position cursor at next empty placeholder after Rifm processes\n        requestAnimationFrame(() => {\n          const el = inputRef.current\n          if (!el) return\n\n          const pos = el.value.indexOf(\"_\")\n          const cursor = pos === -1 ? el.value.length : pos\n\n          el.setSelectionRange(cursor, cursor)\n        })\n\n        const digits = val.replace(/\\D/g, \"\")\n\n        if (digits.length === 0) {\n          onChange(null)\n          setTempValue(null)\n          setInputValue(\"\")\n\n          return\n        }\n\n        const parsed = parseDateTimeInput(val, maskParseFormat, locale)\n\n        if (parsed) {\n          onChange(parsed)\n          setTempValue(parsed)\n          setInputValue(formatDateTimeDisplay(parsed, format, locale))\n        }\n      },\n      [onChange, setTempValue, setInputValue, maskParseFormat, format, locale]\n    )\n\n    const rifm = useRifm({\n      accept: ACCEPT_DIGITS,\n      format: maskFormat,\n      mask: true,\n      onChange: handleRifmChange,\n      value: maskedValue,\n    })\n\n    const handleFocus = React.useCallback(() => {\n      setMaskedValue(maskFormat(displayValue))\n      setFocused(true)\n    }, [displayValue, maskFormat])\n\n    const handleBlur = React.useCallback(() => {\n      setFocused(false)\n      onBlur?.()\n    }, [onBlur])\n\n    const handlePaste = React.useCallback(\n      (e: React.ClipboardEvent<HTMLInputElement>) => {\n        // Always paste a date from the beginning, ignoring caret position.\n        e.preventDefault()\n        handleRifmChange(maskFormat(e.clipboardData.getData(\"text\")))\n      },\n      [handleRifmChange, maskFormat]\n    )\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        // On Backspace, skip the caret back over mask separators (\".\", \":\", \" \")\n        if (e.key !== \"Backspace\") return\n\n        const el = e.currentTarget\n        const { selectionStart, selectionEnd } = el\n\n        if (selectionStart === null || selectionStart !== selectionEnd) return\n\n        let pos = selectionStart\n\n        while (pos > 0 && !/[\\d_]/.test(el.value[pos - 1])) {\n          pos--\n        }\n\n        if (pos !== selectionStart) {\n          el.setSelectionRange(pos, pos)\n        }\n      },\n      []\n    )\n\n    const iconAddon = (\n      <FieldGroupAddon align={iconPosition}>\n        <PopoverTrigger asChild>\n          <Button\n            aria-label={openPickerAriaLabel}\n            disabled={disabled}\n            size=\"icon-sm\"\n            variant=\"tertiary\"\n          >\n            {icon}\n          </Button>\n        </PopoverTrigger>\n      </FieldGroupAddon>\n    )\n\n    const input = focused ? (\n      <FieldInput\n        aria-label={inputAriaLabel}\n        className={mergeClasses(styles.inputFlex, styles.input)}\n        data-testid={testId}\n        disabled={disabled}\n        onBlur={handleBlur}\n        onChange={rifm.onChange}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onPaste={handlePaste}\n        ref={rifmRefCallback}\n        value={rifm.value}\n      />\n    ) : (\n      <FieldInput\n        aria-label={inputAriaLabel}\n        className={mergeClasses(styles.inputFlex, styles.input)}\n        data-testid={testId}\n        disabled={disabled}\n        onFocus={handleFocus}\n        readOnly\n        value={displayValue}\n      />\n    )\n\n    return (\n      <PopoverAnchor asChild>\n        <FieldInputGroup\n          className={mergeClasses(styles.group, className)}\n          data-slot=\"datetimepicker-input\"\n          {...{ [SLOT_ATTR]: \"datetimepicker-input\" }}\n          ref={ref}\n        >\n          {iconPosition === \"start\" && iconAddon}\n          {input}\n          {iconPosition === \"end\" && iconAddon}\n        </FieldInputGroup>\n      </PopoverAnchor>\n    )\n  }\n)\n\nexport const DateTimePickerInput = React.forwardRef<\n  HTMLDivElement,\n  DateTimePickerInputProps\n>(function DateTimePickerInput(\n  {\n    editable = false,\n    iconPosition = \"end\",\n    placeholder = \"dd/MM/yyyy HH:mm\",\n    inputAriaLabel = \"change date and time\",\n    openPickerAriaLabel = \"Open date picker\",\n    keyboardIcon,\n    testId,\n    className,\n    disabled: disabledProp,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const ctx = useDateTimePickerContext()\n  const disabled = disabledProp ?? ctx.disabled\n\n  const IconComponent = keyboardIcon || <CalendarIcon />\n\n  if (editable) {\n    return (\n      <EditableInput\n        className={className}\n        ctx={ctx}\n        disabled={disabled}\n        icon={IconComponent}\n        iconPosition={iconPosition}\n        inputAriaLabel={inputAriaLabel}\n        openPickerAriaLabel={openPickerAriaLabel}\n        ref={ref}\n        testId={testId}\n      />\n    )\n  }\n\n  const iconAddon = (\n    <FieldGroupAddon align={iconPosition}>\n      <Button\n        aria-label={openPickerAriaLabel}\n        disabled={disabled}\n        onClick={() => ctx.setIsOpen(true)}\n        size=\"icon-sm\"\n        variant=\"tertiary\"\n      >\n        {IconComponent}\n      </Button>\n    </FieldGroupAddon>\n  )\n\n  return (\n    <FieldInputGroup\n      className={mergeClasses(styles.group, className)}\n      data-slot=\"datetimepicker-input\"\n      {...{ [SLOT_ATTR]: \"datetimepicker-input\" }}\n      ref={ref}\n    >\n      {iconPosition === \"start\" && iconAddon}\n      <PopoverTrigger asChild>\n        <FieldInput\n          aria-label={inputAriaLabel}\n          className={mergeClasses(styles.inputFlex, styles.input)}\n          data-testid={testId}\n          disabled={disabled}\n          onBlur={ctx.handleInputBlur}\n          onChange={ctx.handleInputChange}\n          placeholder={placeholder}\n          value={ctx.inputValue}\n        />\n      </PopoverTrigger>\n      {iconPosition === \"end\" && iconAddon}\n    </FieldInputGroup>\n  )\n})\n"],"names":["CalendarIcon","props","jsxDEV","this","ACCEPT_DIGITS","MASK_FORMAT_DATE","MASK_FORMAT_DATETIME","createMaskFormatter","isDateTime","maxDigits","str","digits","result","di","useStyles","makeVoltStyles","EditableInput","React","ctx","disabled","icon","iconPosition","inputAriaLabel","openPickerAriaLabel","testId","className","ref","styles","value","format","locale","onChange","onBlur","setTempValue","setInputValue","maskFormat","maskParseFormat","displayValue","formatDateTimeDisplay","maskedValue","setMaskedValue","focused","setFocused","inputRef","rifmRefCallback","el","pos","handleRifmChange","val","cursor","parsed","parseDateTimeInput","rifm","useRifm","handleFocus","handleBlur","handlePaste","e","handleKeyDown","selectionStart","selectionEnd","iconAddon","FieldGroupAddon","PopoverTrigger","Button","input","FieldInput","mergeClasses","PopoverAnchor","FieldInputGroup","SLOT_ATTR","DateTimePickerInput","editable","placeholder","keyboardIcon","disabledProp","useDateTimePickerContext","IconComponent"],"mappings":"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"}
+{"version":3,"file":"date-time-picker-input.js","sources":["../../../src/components/date-time-picker/date-time-picker-input.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { useRifm } from \"rifm\"\nimport { mergeClasses } from \"@epilot/volt-ui-runtime\"\n\nimport { Button } from \"../button/button\"\nimport { FieldGroupAddon, FieldInput, FieldInputGroup } from \"../field/field\"\nimport { PopoverAnchor, PopoverTrigger } from \"../popover/popover\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\n\nimport { useDateTimePickerContext } from \"./date-time-picker-context\"\nimport {\n  formatDateTimeDisplay,\n  parseDateTimeInput,\n} from \"./date-time-picker-utils\"\n\nconst CalendarIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"18px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"18px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z\" />\n  </svg>\n)\n\nconst ACCEPT_DIGITS = /\\d/g\n\n// The mask always uses dots and colons regardless of the context format\nconst MASK_FORMAT_DATE = \"dd.MM.yyyy\"\nconst MASK_FORMAT_DATETIME = \"dd.MM.yyyy HH:mm\"\n\nconst createMaskFormatter = (isDateTime: boolean) => {\n  const maxDigits = isDateTime ? 12 : 8\n\n  return (str: string): string => {\n    const digits = str.replace(/\\D/g, \"\").slice(0, maxDigits)\n    let result = \"\"\n    let di = 0\n\n    result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    result += \".\"\n    result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    result += \".\"\n    result +=\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\") +\n      (digits[di++] || \"_\")\n\n    if (isDateTime) {\n      result += \" \"\n      result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n      result += \":\"\n      result += (digits[di++] || \"_\") + (digits[di++] || \"_\")\n    }\n\n    return result\n  }\n}\n\nexport type DateTimePickerInputProps = {\n  editable?: boolean\n  iconPosition?: \"start\" | \"end\"\n  placeholder?: string\n  inputAriaLabel?: string\n  openPickerAriaLabel?: string\n  keyboardIcon?: React.ReactNode\n  testId?: string\n  className?: string\n  disabled?: boolean\n}\n\nconst useStyles = makeVoltStyles({\n  group: {\n    width: \"100%\",\n  },\n  input: {\n    textAlign: \"left\",\n  },\n  inputFlex: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: \"0%\",\n  },\n})\n\n// Editable input with rifm masking — manages its own display value\ntype EditableInputProps = {\n  ctx: ReturnType<typeof useDateTimePickerContext>\n  disabled: boolean\n  icon: React.ReactNode\n  iconPosition: \"start\" | \"end\"\n  inputAriaLabel: string\n  openPickerAriaLabel: string\n  testId?: string\n  className?: string\n}\n\nconst EditableInput = React.forwardRef<HTMLDivElement, EditableInputProps>(\n  function EditableInput(\n    {\n      ctx,\n      disabled,\n      icon,\n      iconPosition,\n      inputAriaLabel,\n      openPickerAriaLabel,\n      testId,\n      className,\n    },\n    ref\n  ) {\n    const styles = useStyles()\n    const {\n      value,\n      format,\n      locale,\n      onChange,\n      onBlur,\n      setTempValue,\n      setInputValue,\n    } = ctx\n\n    const isDateTime = format.includes(\"HH:mm\")\n    const maskFormat = React.useMemo(\n      () => createMaskFormatter(isDateTime),\n      [isDateTime]\n    )\n    const maskParseFormat = isDateTime ? MASK_FORMAT_DATETIME : MASK_FORMAT_DATE\n\n    const displayValue = value\n      ? formatDateTimeDisplay(value, format, locale)\n      : \"\"\n\n    const [maskedValue, setMaskedValue] = React.useState(\"\")\n    const [focused, setFocused] = React.useState(false)\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    // Callback ref: focus + position cursor when the Rifm input mounts\n    const rifmRefCallback = React.useCallback((el: HTMLInputElement | null) => {\n      inputRef.current = el\n      if (!el) return\n\n      el.focus()\n      const pos = el.value.indexOf(\"_\")\n\n      if (pos !== -1) {\n        el.setSelectionRange(pos, pos)\n      }\n    }, [])\n\n    const handleRifmChange = React.useCallback(\n      (val: string) => {\n        setMaskedValue(val)\n\n        // Position cursor at next empty placeholder after Rifm processes\n        requestAnimationFrame(() => {\n          const el = inputRef.current\n          if (!el) return\n\n          const pos = el.value.indexOf(\"_\")\n          const cursor = pos === -1 ? el.value.length : pos\n\n          el.setSelectionRange(cursor, cursor)\n        })\n\n        const digits = val.replace(/\\D/g, \"\")\n\n        if (digits.length === 0) {\n          onChange(null)\n          setTempValue(null)\n          setInputValue(\"\")\n\n          return\n        }\n\n        const parsed = parseDateTimeInput(val, maskParseFormat, locale)\n\n        if (parsed) {\n          onChange(parsed)\n          setTempValue(parsed)\n          setInputValue(formatDateTimeDisplay(parsed, format, locale))\n        }\n      },\n      [onChange, setTempValue, setInputValue, maskParseFormat, format, locale]\n    )\n\n    const rifm = useRifm({\n      accept: ACCEPT_DIGITS,\n      format: maskFormat,\n      mask: true,\n      onChange: handleRifmChange,\n      value: maskedValue,\n    })\n\n    const handleFocus = React.useCallback(() => {\n      setMaskedValue(maskFormat(displayValue))\n      setFocused(true)\n    }, [displayValue, maskFormat])\n\n    const handleBlur = React.useCallback(() => {\n      setFocused(false)\n      onBlur?.()\n    }, [onBlur])\n\n    const handlePaste = React.useCallback(\n      (e: React.ClipboardEvent<HTMLInputElement>) => {\n        // Always paste a date from the beginning, ignoring caret position.\n        e.preventDefault()\n        handleRifmChange(maskFormat(e.clipboardData.getData(\"text\")))\n      },\n      [handleRifmChange, maskFormat]\n    )\n\n    const handleKeyDown = React.useCallback(\n      (e: React.KeyboardEvent<HTMLInputElement>) => {\n        // On Backspace, skip the caret back over mask separators (\".\", \":\", \" \")\n        if (e.key !== \"Backspace\") return\n\n        const el = e.currentTarget\n        const { selectionStart, selectionEnd } = el\n\n        if (selectionStart === null || selectionStart !== selectionEnd) return\n\n        let pos = selectionStart\n\n        while (pos > 0 && !/[\\d_]/.test(el.value[pos - 1])) {\n          pos--\n        }\n\n        if (pos !== selectionStart) {\n          el.setSelectionRange(pos, pos)\n        }\n      },\n      []\n    )\n\n    const iconAddon = (\n      <FieldGroupAddon align={iconPosition}>\n        <PopoverTrigger asChild>\n          <Button\n            aria-label={openPickerAriaLabel}\n            disabled={disabled}\n            size=\"icon-sm\"\n            variant=\"tertiary\"\n          >\n            {icon}\n          </Button>\n        </PopoverTrigger>\n      </FieldGroupAddon>\n    )\n\n    const input = focused ? (\n      <FieldInput\n        aria-label={inputAriaLabel}\n        className={mergeClasses(styles.inputFlex, styles.input)}\n        data-testid={testId}\n        disabled={disabled}\n        onBlur={handleBlur}\n        onChange={rifm.onChange}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onPaste={handlePaste}\n        ref={rifmRefCallback}\n        value={rifm.value}\n      />\n    ) : (\n      <FieldInput\n        aria-label={inputAriaLabel}\n        className={mergeClasses(styles.inputFlex, styles.input)}\n        data-testid={testId}\n        disabled={disabled}\n        onFocus={handleFocus}\n        readOnly\n        value={displayValue}\n      />\n    )\n\n    return (\n      <PopoverAnchor asChild>\n        <FieldInputGroup\n          className={mergeClasses(styles.group, className)}\n          data-slot=\"datetimepicker-input\"\n          {...{ [SLOT_ATTR]: \"datetimepicker-input\" }}\n          ref={ref}\n        >\n          {iconPosition === \"start\" && iconAddon}\n          {input}\n          {iconPosition === \"end\" && iconAddon}\n        </FieldInputGroup>\n      </PopoverAnchor>\n    )\n  }\n)\n\nexport const DateTimePickerInput = React.forwardRef<\n  HTMLDivElement,\n  DateTimePickerInputProps\n>(function DateTimePickerInput(\n  {\n    editable = false,\n    iconPosition = \"end\",\n    placeholder = \"dd/MM/yyyy HH:mm\",\n    inputAriaLabel = \"change date and time\",\n    openPickerAriaLabel = \"Open date picker\",\n    keyboardIcon,\n    testId,\n    className,\n    disabled: disabledProp,\n  },\n  ref\n) {\n  const styles = useStyles()\n  const ctx = useDateTimePickerContext()\n  const disabled = disabledProp ?? ctx.disabled\n\n  const IconComponent = keyboardIcon || <CalendarIcon />\n\n  if (editable) {\n    return (\n      <EditableInput\n        className={className}\n        ctx={ctx}\n        disabled={disabled}\n        icon={IconComponent}\n        iconPosition={iconPosition}\n        inputAriaLabel={inputAriaLabel}\n        openPickerAriaLabel={openPickerAriaLabel}\n        ref={ref}\n        testId={testId}\n      />\n    )\n  }\n\n  const iconAddon = (\n    <FieldGroupAddon align={iconPosition}>\n      <Button\n        aria-label={openPickerAriaLabel}\n        disabled={disabled}\n        onClick={() => ctx.setIsOpen(true)}\n        size=\"icon-sm\"\n        variant=\"tertiary\"\n      >\n        {IconComponent}\n      </Button>\n    </FieldGroupAddon>\n  )\n\n  return (\n    <FieldInputGroup\n      className={mergeClasses(styles.group, className)}\n      data-slot=\"datetimepicker-input\"\n      {...{ [SLOT_ATTR]: \"datetimepicker-input\" }}\n      ref={ref}\n    >\n      {iconPosition === \"start\" && iconAddon}\n      <PopoverTrigger asChild>\n        <FieldInput\n          aria-label={inputAriaLabel}\n          className={mergeClasses(styles.inputFlex, styles.input)}\n          data-testid={testId}\n          disabled={disabled}\n          onBlur={ctx.handleInputBlur}\n          onChange={ctx.handleInputChange}\n          placeholder={placeholder}\n          value={ctx.inputValue}\n        />\n      </PopoverTrigger>\n      {iconPosition === \"end\" && iconAddon}\n    </FieldInputGroup>\n  )\n})\n"],"names":["CalendarIcon","props","jsx","ACCEPT_DIGITS","MASK_FORMAT_DATE","MASK_FORMAT_DATETIME","createMaskFormatter","isDateTime","maxDigits","str","digits","result","di","useStyles","makeVoltStyles","EditableInput","React","ctx","disabled","icon","iconPosition","inputAriaLabel","openPickerAriaLabel","testId","className","ref","styles","value","format","locale","onChange","onBlur","setTempValue","setInputValue","maskFormat","maskParseFormat","displayValue","formatDateTimeDisplay","maskedValue","setMaskedValue","focused","setFocused","inputRef","rifmRefCallback","el","pos","handleRifmChange","val","cursor","parsed","parseDateTimeInput","rifm","useRifm","handleFocus","handleBlur","handlePaste","e","handleKeyDown","selectionStart","selectionEnd","iconAddon","FieldGroupAddon","PopoverTrigger","Button","input","FieldInput","mergeClasses","PopoverAnchor","jsxs","FieldInputGroup","SLOT_ATTR","DateTimePickerInput","editable","placeholder","keyboardIcon","disabledProp","useDateTimePickerContext","IconComponent"],"mappings":"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"}