@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ea6e8f8

package/dist/elements/Locked/index.js

@@ -1,83 +1,89 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
+import React, { useState } from 'react';
 import { LockIcon } from '../../icons/Lock/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isClientUserObject } from '../../utilities/isClientUserObject.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.css';
 const baseClass = 'locked';
-export const Locked = ({
-  className,
-  user
-}) => {
-  const anchorRef = useRef(null);
+export const Locked = t0 => {
+  const $ = _c(10);
+  const {
+    className,
+    user
+  } = t0;
   const [hovered, setHovered] = useState(false);
-  const [anchorRect, setAnchorRect] = useState(null);
   const {
     t
   } = useTranslation();
-  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t('general:anotherUser');
-  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`;
-  const updateAnchorRect = useCallback(() => {
-    const node = anchorRef.current;
-    if (!node) {
-      return;
-    }
-    setAnchorRect(node.getBoundingClientRect());
-  }, []);
-  useEffect(() => {
-    if (!hovered) {
-      return;
-    }
-    // Keep the portaled tooltip aligned to the icon as the page or an overflow
-    // container scrolls.
-    window.addEventListener('scroll', updateAnchorRect, true);
-    window.addEventListener('resize', updateAnchorRect);
-    return () => {
-      window.removeEventListener('scroll', updateAnchorRect, true);
-      window.removeEventListener('resize', updateAnchorRect);
-    };
-  }, [hovered, updateAnchorRect]);
-  return /*#__PURE__*/_jsxs("div", {
-    "aria-label": tooltipLabel,
-    className: [baseClass, className].filter(Boolean).join(' '),
-    onBlur: () => setHovered(false),
-    onFocus: () => {
-      updateAnchorRect();
-      setHovered(true);
-    },
-    onKeyDown: e => {
-      if (e.key === ' ') {
-        e.preventDefault(); // prevent page scroll when focused
-      }
-    },
-    onMouseEnter: () => {
-      updateAnchorRect();
-      setHovered(true);
-    },
-    onMouseLeave: () => setHovered(false),
-    ref: anchorRef,
-    role: "button",
-    tabIndex: 0,
-    children: [/*#__PURE__*/_jsx(LockIcon, {}), hovered && anchorRect && /*#__PURE__*/createPortal(/*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__tooltip-anchor`,
-      style: {
-        height: anchorRect.height,
-        left: anchorRect.left,
-        top: anchorRect.top,
-        width: anchorRect.width
-      },
-      children: /*#__PURE__*/_jsx(Tooltip, {
+  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
+  const tooltipLabel = `${userToUse} ${t("general:isEditing")}`;
+  let t1;
+  if ($[0] !== className) {
+    t1 = [baseClass, className].filter(Boolean);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = t1.join(" ");
+  let t3;
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => setHovered(false);
+    t4 = () => setHovered(true);
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t3 = $[2];
+    t4 = $[3];
+  }
+  let t5;
+  let t6;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setHovered(true);
+    t6 = () => setHovered(false);
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t5 = $[4];
+    t6 = $[5];
+  }
+  let t7;
+  if ($[6] !== hovered || $[7] !== t2 || $[8] !== tooltipLabel) {
+    t7 = _jsxs("div", {
+      "aria-label": tooltipLabel,
+      className: t2,
+      onBlur: t3,
+      onFocus: t4,
+      onKeyDown: _temp,
+      onMouseEnter: t5,
+      onMouseLeave: t6,
+      role: "button",
+      tabIndex: 0,
+      children: [_jsx(LockIcon, {}), _jsx(Tooltip, {
         alignCaret: "center",
         className: `${baseClass}__tooltip`,
         position: "bottom",
-        show: true,
+        show: hovered,
         children: tooltipLabel
-      })
-    }), document.body)]
-  });
+      })]
+    });
+    $[6] = hovered;
+    $[7] = t2;
+    $[8] = tooltipLabel;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  return t7;
 };
+function _temp(e) {
+  if (e.key === " ") {
+    e.preventDefault();
+  }
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/Locked/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","createPortal","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","className","user","anchorRef","hovered","setHovered","anchorRect","setAnchorRect","t","userToUse","email","id","tooltipLabel","updateAnchorRect","node","current","getBoundingClientRect","window","addEventListener","removeEventListener","_jsxs","filter","Boolean","join","onBlur","onFocus","onKeyDown","e","key","preventDefault","onMouseEnter","onMouseLeave","ref","role","tabIndex","_jsx","style","height","left","top","width","alignCaret","position","show","document","body"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: User\n}> = ({ className, user }) => {\n  const anchorRef = useRef<HTMLDivElement>(null)\n  const [hovered, setHovered] = useState(false)\n  const [anchorRect, setAnchorRect] = useState<DOMRect | null>(null)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`\n\n  const updateAnchorRect = useCallback(() => {\n    const node = anchorRef.current\n\n    if (!node) {\n      return\n    }\n\n    setAnchorRect(node.getBoundingClientRect())\n  }, [])\n\n  useEffect(() => {\n    if (!hovered) {\n      return\n    }\n\n    // Keep the portaled tooltip aligned to the icon as the page or an overflow\n    // container scrolls.\n    window.addEventListener('scroll', updateAnchorRect, true)\n    window.addEventListener('resize', updateAnchorRect)\n\n    return () => {\n      window.removeEventListener('scroll', updateAnchorRect, true)\n      window.removeEventListener('resize', updateAnchorRect)\n    }\n  }, [hovered, updateAnchorRect])\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => {\n        updateAnchorRect()\n        setHovered(true)\n      }}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => {\n        updateAnchorRect()\n        setHovered(true)\n      }}\n      onMouseLeave={() => setHovered(false)}\n      ref={anchorRef}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      {hovered &&\n        anchorRect &&\n        createPortal(\n          <div\n            className={`${baseClass}__tooltip-anchor`}\n            style={{\n              height: anchorRect.height,\n              left: anchorRect.left,\n              top: anchorRect.top,\n              width: anchorRect.width,\n            }}\n          >\n            <Tooltip alignCaret=\"center\" className={`${baseClass}__tooltip`} position=\"bottom\" show>\n              {tooltipLabel}\n            </Tooltip>\n          </div>,\n          document.body,\n        )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAChE,SAASC,YAAY,QAAQ;AAE7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC;AAAI,CAAE;EACvB,MAAMC,SAAA,GAAYX,MAAA,CAAuB;EACzC,MAAM,CAACY,OAAA,EAASC,UAAA,CAAW,GAAGZ,QAAA,CAAS;EACvC,MAAM,CAACa,UAAA,EAAYC,aAAA,CAAc,GAAGd,QAAA,CAAyB;EAC7D,MAAM;IAAEe;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAMa,SAAA,GAAYZ,kBAAA,CAAmBK,IAAA,IAASA,IAAA,CAAKQ,KAAK,IAAIR,IAAA,CAAKS,EAAE,GAAIH,CAAA,CAAE;EACzE,MAAMI,YAAA,GAAe,GAAGH,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAE7D,MAAMK,gBAAA,GAAmBvB,WAAA,CAAY;IACnC,MAAMwB,IAAA,GAAOX,SAAA,CAAUY,OAAO;IAE9B,IAAI,CAACD,IAAA,EAAM;MACT;IACF;IAEAP,aAAA,CAAcO,IAAA,CAAKE,qBAAqB;EAC1C,GAAG,EAAE;EAELzB,SAAA,CAAU;IACR,IAAI,CAACa,OAAA,EAAS;MACZ;IACF;IAEA;IACA;IACAa,MAAA,CAAOC,gBAAgB,CAAC,UAAUL,gBAAA,EAAkB;IACpDI,MAAA,CAAOC,gBAAgB,CAAC,UAAUL,gBAAA;IAElC,OAAO;MACLI,MAAA,CAAOE,mBAAmB,CAAC,UAAUN,gBAAA,EAAkB;MACvDI,MAAA,CAAOE,mBAAmB,CAAC,UAAUN,gBAAA;IACvC;EACF,GAAG,CAACT,OAAA,EAASS,gBAAA,CAAiB;EAE9B,oBACEO,KAAA,CAAC;IACC,cAAYR,YAAA;IACZX,SAAA,EAAW,CAACF,SAAA,EAAWE,SAAA,CAAU,CAACoB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvDC,MAAA,EAAQA,CAAA,KAAMnB,UAAA,CAAW;IACzBoB,OAAA,EAASA,CAAA;MACPZ,gBAAA;MACAR,UAAA,CAAW;IACb;IACAqB,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,KAAK;QACjBD,CAAA,CAAEE,cAAc,IAAG;MACrB;IACF;IACAC,YAAA,EAAcA,CAAA;MACZjB,gBAAA;MACAR,UAAA,CAAW;IACb;IACA0B,YAAA,EAAcA,CAAA,KAAM1B,UAAA,CAAW;IAC/B2B,GAAA,EAAK7B,SAAA;IACL8B,IAAA,EAAK;IACLC,QAAA,EAAU;4BAEVC,IAAA,CAACxC,QAAA,OACAS,OAAA,IACCE,UAAA,iBACAZ,YAAA,cACEyC,IAAA,CAAC;MACClC,SAAA,EAAW,GAAGF,SAAA,kBAA2B;MACzCqC,KAAA,EAAO;QACLC,MAAA,EAAQ/B,UAAA,CAAW+B,MAAM;QACzBC,IAAA,EAAMhC,UAAA,CAAWgC,IAAI;QACrBC,GAAA,EAAKjC,UAAA,CAAWiC,GAAG;QACnBC,KAAA,EAAOlC,UAAA,CAAWkC;MACpB;gBAEA,aAAAL,IAAA,CAACrC,OAAA;QAAQ2C,UAAA,EAAW;QAASxC,SAAA,EAAW,GAAGF,SAAA,WAAoB;QAAE2C,QAAA,EAAS;QAASC,IAAI;kBACpF/B;;QAGLgC,QAAA,CAASC,IAAI;;AAIvB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","t0","$","className","user","hovered","setHovered","t","userToUse","email","id","tooltipLabel","t1","filter","Boolean","t2","join","t3","t4","Symbol","for","t5","t6","t7","_jsxs","onBlur","onFocus","onKeyDown","_temp","onMouseEnter","onMouseLeave","role","tabIndex","children","_jsx","alignCaret","position","show","e","key","preventDefault"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: User\n}> = ({ className, user }) => {\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => setHovered(true)}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      <Tooltip\n        alignCaret=\"center\"\n        className={`${baseClass}__tooltip`}\n        position=\"bottom\"\n        show={hovered}\n      >\n        {tooltipLabel}\n      </Tooltip>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,SAAA;IAAAC;EAAA,IAAAH,EAAmB;EACvB,OAAAI,OAAA,EAAAC,UAAA,IAA8BZ,QAAA,MAAS;EACvC;IAAAa;EAAA,IAAcX,cAAA;EAEd,MAAAY,SAAA,GAAkBX,kBAAA,CAAmBO,IAAA,IAASA,IAAA,CAAAK,KAAA,IAAcL,IAAA,CAAAM,EAAO,GAAIH,CAAA,CAAE;EACzE,MAAAI,YAAA,GAAqB,GAAGH,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA;IAK9CS,EAAA,IAAAb,SAAA,EAAYI,SAAA,EAAAU,MAAA,CAAAC,OAAkB;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA9B,MAAAa,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAC/CH,EAAA,GAAAA,CAAA,KAAMX,UAAA,MAAW;IAChBY,EAAA,GAAAA,CAAA,KAAMZ,UAAA,KAAW;IAAAJ,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAMZC,EAAA,GAAAA,CAAA,KAAMf,UAAA,KAAW;IACjBgB,EAAA,GAAAA,CAAA,KAAMhB,UAAA,MAAW;IAAAJ,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAoB,EAAA;EAAA;IAAAD,EAAA,GAAAnB,CAAA;IAAAoB,EAAA,GAAApB,CAAA;EAAA;EAAA,IAAAqB,EAAA;EAAA,IAAArB,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAS,YAAA;IAXjCY,EAAA,GAAAC,KAAA,CAAC;MAAA,cACab,YAAA;MAAAR,SAAA,EACDY,EAA4C;MAAAU,MAAA,EAC/CR,EAAiB;MAAAS,OAAA,EAChBR,EAAiB;MAAAS,SAAA,EAAAC,KAAA;MAAAC,YAAA,EAMZR,EAAiB;MAAAS,YAAA,EACjBR,EAAiB;MAAAS,IAAA,EAC1B;MAAAC,QAAA;MAAAC,QAAA,GAGLC,IAAA,CAAAvC,QAAA,IAAC,GACDuC,IAAA,CAAApC,OAAA;QAAAqC,UAAA,EACa;QAAAhC,SAAA,EACA,GAAAJ,SAAA,WAAuB;QAAAqC,QAAA,EACzB;QAAAC,IAAA,EACHhC,OAAA;QAAA4B,QAAA,EAELtB;MAAA,C;;;;;;;;;SAtBLY,E;CA0BJ;AAlCK,SAAAK,MAAAU,CAAA;EAAA,IAcOA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,cAAA,CAAgB;EAAA;AAAA","ignoreList":[]}

package/dist/elements/MergeBranch/MergeBranchForm/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { UpcomingBranchMerge } from '../../../utilities/scheduleMergeHandler.js';
+import type { SummarizableChange } from '../../ChangeSummary/index.js';
+import type { MergeTarget } from '../context.js';
+import type { MergeMode } from '../types.js';
+export declare const MergeBranchForm: React.FC<{
+    canCloseBranch: boolean;
+    closeBranch: boolean;
+    dismiss: () => void;
+    isMerging: boolean;
+    isScheduling: boolean;
+    mode: MergeMode;
+    onCancelScheduledMerge: (deleteID: number | string) => Promise<void>;
+    onCloseBranchChange: () => void;
+    onModeChange: (mode: MergeMode) => void;
+    onScheduledForChange: (date?: Date) => void;
+    scheduledFor?: Date;
+    summary: string;
+    summaryChanges: null | SummarizableChange[];
+    target: MergeTarget;
+    upcoming: UpcomingBranchMerge[];
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/MergeBranch/MergeBranchForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/MergeBranch/MergeBranchForm/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AACrF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAa5C,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,SAAS,CAAA;IACf,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACpE,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,oBAAoB,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC3C,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,IAAI,GAAG,kBAAkB,EAAE,CAAA;IAC3C,MAAM,EAAE,WAAW,CAAA;IACnB,QAAQ,EAAE,mBAAmB,EAAE,CAAA;CAChC,CA6GA,CAAA"}

package/dist/elements/MergeBranch/MergeBranchForm/index.js

@@ -0,0 +1,150 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
+import { FieldLabel } from '../../../fields/FieldLabel/index.js';
+import { Radio } from '../../../fields/RadioGroup/Radio/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { ChangeSummary } from '../../ChangeSummary/index.js';
+import { DatePickerField } from '../../DatePicker/index.js';
+import { Link } from '../../Link/index.js';
+const baseClass = 'merge-branch-modal';
+export const MergeBranchForm = t0 => {
+  const $ = _c(17);
+  const {
+    canCloseBranch,
+    closeBranch,
+    dismiss,
+    isMerging,
+    isScheduling,
+    mode,
+    onCancelScheduledMerge,
+    onCloseBranchChange,
+    onModeChange,
+    onScheduledForChange,
+    scheduledFor,
+    summary,
+    summaryChanges,
+    target,
+    upcoming
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== canCloseBranch || $[1] !== closeBranch || $[2] !== dismiss || $[3] !== isMerging || $[4] !== isScheduling || $[5] !== mode || $[6] !== onCancelScheduledMerge || $[7] !== onCloseBranchChange || $[8] !== onModeChange || $[9] !== onScheduledForChange || $[10] !== scheduledFor || $[11] !== summary || $[12] !== summaryChanges || $[13] !== t || $[14] !== target.reviewURL || $[15] !== upcoming) {
+    const modeOptions = [{
+      label: t("branching:mergeNow"),
+      value: "now"
+    }, {
+      label: t("branching:scheduleMerge"),
+      value: "schedule"
+    }];
+    t1 = _jsxs(React.Fragment, {
+      children: [_jsxs("div", {
+        className: `${baseClass}__intro`,
+        children: [_jsx("p", {
+          className: `${baseClass}__summary`,
+          children: summary
+        }), summaryChanges && _jsx(ChangeSummary, {
+          changes: summaryChanges,
+          showOperations: true
+        }), target.reviewURL && !isMerging && _jsx(Link, {
+          className: `${baseClass}__review`,
+          href: target.reviewURL,
+          onClick: dismiss,
+          children: t("branching:mergeOnlySelected")
+        })]
+      }), _jsx("div", {
+        className: `${baseClass}__modes`,
+        children: modeOptions.map(option => _jsx(Radio, {
+          id: `merge-mode-${option.value}`,
+          isSelected: mode === option.value,
+          onChange: () => onModeChange(option.value),
+          option,
+          path: "merge-mode",
+          readOnly: isMerging
+        }, option.value))
+      }), mode === "schedule" && _jsxs("div", {
+        className: `${baseClass}__schedule`,
+        children: [_jsxs("div", {
+          className: `${baseClass}__schedule-field`,
+          children: [_jsx(FieldLabel, {
+            label: t("general:time"),
+            path: "merge-scheduled-for",
+            required: true
+          }), _jsx(DatePickerField, {
+            id: "merge-scheduled-for",
+            minDate: new Date(),
+            onChange: value => onScheduledForChange(value ?? undefined),
+            pickerAppearance: "dayAndTime",
+            readOnly: isScheduling,
+            value: scheduledFor
+          })]
+        }), _jsx("p", {
+          className: `${baseClass}__schedule-help`,
+          children: t("branching:scheduleMergeHelp")
+        }), upcoming.length > 0 && _jsxs("div", {
+          className: `${baseClass}__upcoming`,
+          children: [_jsx("h4", {
+            className: `${baseClass}__upcoming-title`,
+            children: t("branching:scheduledMerges")
+          }), _jsx("ul", {
+            className: `${baseClass}__upcoming-list`,
+            children: upcoming.map(event => _jsxs("li", {
+              className: `${baseClass}__upcoming-row`,
+              children: [_jsx("span", {
+                children: new Date(event.waitUntil).toLocaleString(undefined, {
+                  dateStyle: "medium",
+                  timeStyle: "short"
+                })
+              }), _jsx(Button, {
+                buttonStyle: "ghost",
+                className: `${baseClass}__upcoming-cancel`,
+                disabled: isScheduling,
+                onClick: () => void onCancelScheduledMerge(event.id),
+                children: t("general:cancel")
+              })]
+            }, String(event.id)))
+          })]
+        })]
+      }), canCloseBranch && _jsxs("div", {
+        className: `${baseClass}__close-branch`,
+        children: [_jsx(CheckboxInput, {
+          checked: closeBranch,
+          id: "merge-close-branch",
+          label: t("branching:closeBranchAfterMerge"),
+          onToggle: onCloseBranchChange,
+          readOnly: isMerging
+        }), _jsx("p", {
+          className: `${baseClass}__close-branch-help`,
+          children: closeBranch ? t("branching:closeBranchHelpOn") : t("branching:closeBranchHelpOff")
+        })]
+      })]
+    });
+    $[0] = canCloseBranch;
+    $[1] = closeBranch;
+    $[2] = dismiss;
+    $[3] = isMerging;
+    $[4] = isScheduling;
+    $[5] = mode;
+    $[6] = onCancelScheduledMerge;
+    $[7] = onCloseBranchChange;
+    $[8] = onModeChange;
+    $[9] = onScheduledForChange;
+    $[10] = scheduledFor;
+    $[11] = summary;
+    $[12] = summaryChanges;
+    $[13] = t;
+    $[14] = target.reviewURL;
+    $[15] = upcoming;
+    $[16] = t1;
+  } else {
+    t1 = $[16];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/MergeBranch/MergeBranchForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","CheckboxInput","FieldLabel","Radio","useTranslation","Button","ChangeSummary","DatePickerField","Link","baseClass","MergeBranchForm","t0","$","canCloseBranch","closeBranch","dismiss","isMerging","isScheduling","mode","onCancelScheduledMerge","onCloseBranchChange","onModeChange","onScheduledForChange","scheduledFor","summary","summaryChanges","target","upcoming","t","t1","reviewURL","modeOptions","label","value","_jsxs","Fragment","children","className","_jsx","changes","showOperations","href","onClick","map","option","id","isSelected","onChange","path","readOnly","required","minDate","Date","undefined","pickerAppearance","length","event","waitUntil","toLocaleString","dateStyle","timeStyle","buttonStyle","disabled","String","checked","onToggle"],"sources":["../../../../src/elements/MergeBranch/MergeBranchForm/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { UpcomingBranchMerge } from '../../../utilities/scheduleMergeHandler.js'\nimport type { SummarizableChange } from '../../ChangeSummary/index.js'\nimport type { MergeTarget } from '../context.js'\nimport type { MergeMode } from '../types.js'\n\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { Radio } from '../../../fields/RadioGroup/Radio/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ChangeSummary } from '../../ChangeSummary/index.js'\nimport { DatePickerField } from '../../DatePicker/index.js'\nimport { Link } from '../../Link/index.js'\n\nconst baseClass = 'merge-branch-modal'\n\nexport const MergeBranchForm: React.FC<{\n  canCloseBranch: boolean\n  closeBranch: boolean\n  dismiss: () => void\n  isMerging: boolean\n  isScheduling: boolean\n  mode: MergeMode\n  onCancelScheduledMerge: (deleteID: number | string) => Promise<void>\n  onCloseBranchChange: () => void\n  onModeChange: (mode: MergeMode) => void\n  onScheduledForChange: (date?: Date) => void\n  scheduledFor?: Date\n  summary: string\n  summaryChanges: null | SummarizableChange[]\n  target: MergeTarget\n  upcoming: UpcomingBranchMerge[]\n}> = ({\n  canCloseBranch,\n  closeBranch,\n  dismiss,\n  isMerging,\n  isScheduling,\n  mode,\n  onCancelScheduledMerge,\n  onCloseBranchChange,\n  onModeChange,\n  onScheduledForChange,\n  scheduledFor,\n  summary,\n  summaryChanges,\n  target,\n  upcoming,\n}) => {\n  const { t } = useTranslation()\n  const modeOptions = [\n    { label: t('branching:mergeNow'), value: 'now' as const },\n    { label: t('branching:scheduleMerge'), value: 'schedule' as const },\n  ]\n\n  return (\n    <React.Fragment>\n      <div className={`${baseClass}__intro`}>\n        <p className={`${baseClass}__summary`}>{summary}</p>\n        {summaryChanges && <ChangeSummary changes={summaryChanges} showOperations />}\n\n        {target.reviewURL && !isMerging && (\n          <Link className={`${baseClass}__review`} href={target.reviewURL} onClick={dismiss}>\n            {t('branching:mergeOnlySelected')}\n          </Link>\n        )}\n      </div>\n\n      <div className={`${baseClass}__modes`}>\n        {modeOptions.map((option) => (\n          <Radio\n            id={`merge-mode-${option.value}`}\n            isSelected={mode === option.value}\n            key={option.value}\n            onChange={() => onModeChange(option.value)}\n            option={option}\n            path=\"merge-mode\"\n            readOnly={isMerging}\n          />\n        ))}\n      </div>\n\n      {mode === 'schedule' && (\n        <div className={`${baseClass}__schedule`}>\n          <div className={`${baseClass}__schedule-field`}>\n            <FieldLabel label={t('general:time')} path=\"merge-scheduled-for\" required />\n            <DatePickerField\n              id=\"merge-scheduled-for\"\n              minDate={new Date()}\n              onChange={(value) => onScheduledForChange(value ?? undefined)}\n              pickerAppearance=\"dayAndTime\"\n              readOnly={isScheduling}\n              value={scheduledFor}\n            />\n          </div>\n          <p className={`${baseClass}__schedule-help`}>{t('branching:scheduleMergeHelp')}</p>\n\n          {upcoming.length > 0 && (\n            <div className={`${baseClass}__upcoming`}>\n              <h4 className={`${baseClass}__upcoming-title`}>{t('branching:scheduledMerges')}</h4>\n              <ul className={`${baseClass}__upcoming-list`}>\n                {upcoming.map((event) => (\n                  <li className={`${baseClass}__upcoming-row`} key={String(event.id)}>\n                    <span>\n                      {new Date(event.waitUntil).toLocaleString(undefined, {\n                        dateStyle: 'medium',\n                        timeStyle: 'short',\n                      })}\n                    </span>\n                    <Button\n                      buttonStyle=\"ghost\"\n                      className={`${baseClass}__upcoming-cancel`}\n                      disabled={isScheduling}\n                      onClick={() => void onCancelScheduledMerge(event.id)}\n                    >\n                      {t('general:cancel')}\n                    </Button>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          )}\n        </div>\n      )}\n\n      {canCloseBranch && (\n        <div className={`${baseClass}__close-branch`}>\n          <CheckboxInput\n            checked={closeBranch}\n            id=\"merge-close-branch\"\n            label={t('branching:closeBranchAfterMerge')}\n            onToggle={onCloseBranchChange}\n            readOnly={isMerging}\n          />\n          <p className={`${baseClass}__close-branch-help`}>\n            {closeBranch ? t('branching:closeBranchHelpOn') : t('branching:closeBranchHelpOff')}\n          </p>\n        </div>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/MergeBranch/MergeProgress/index.d.ts

@@ -0,0 +1,9 @@
+import type { MergeProgress as MergeProgressData, MergeResult } from 'payload';
+import React from 'react';
+import type { MergeBranchModalPhase } from '../types.js';
+export declare const MergeProgress: React.FC<{
+    outcome: MergeResult | null;
+    phase: MergeBranchModalPhase;
+    progress: MergeProgressData | null;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/MergeBranch/MergeProgress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/MergeBranch/MergeProgress/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAMxD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,KAAK,EAAE,qBAAqB,CAAA;IAC5B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAqEA,CAAA"}

package/dist/elements/MergeBranch/MergeProgress/index.js

@@ -0,0 +1,114 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+const baseClass = 'merge-branch-modal';
+export const MergeProgress = t0 => {
+  const $ = _c(17);
+  const {
+    outcome,
+    phase,
+    progress
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const mergedCount = outcome?.merged.length ?? 0;
+  const isBlocked = phase === "blocked";
+  const isDone = phase === "complete";
+  const isPartial = phase === "partial";
+  const completedProgressValue = Math.max(mergedCount, 1);
+  const progressCurrent = isDone ? completedProgressValue : isPartial ? mergedCount : progress?.current ?? 0;
+  const progressTotal = isDone ? completedProgressValue : isPartial ? Math.max(progress?.total ?? mergedCount, mergedCount, 1) : progress?.total ?? 1;
+  let percentComplete = 0;
+  let t1;
+  if ($[0] !== isBlocked || $[1] !== isDone || $[2] !== isPartial || $[3] !== mergedCount || $[4] !== percentComplete || $[5] !== progress || $[6] !== progressCurrent || $[7] !== progressTotal || $[8] !== t) {
+    let progressLabel = t("branching:mergeStarting");
+    if (isBlocked) {
+      progressLabel = t("branching:mergeBlocked");
+    } else {
+      if (isPartial) {
+        let t2;
+        if ($[11] !== progressCurrent || $[12] !== progressTotal) {
+          t2 = Math.round(progressCurrent / progressTotal * 100);
+          $[11] = progressCurrent;
+          $[12] = progressTotal;
+          $[13] = t2;
+        } else {
+          t2 = $[13];
+        }
+        percentComplete = t2;
+        progressLabel = t("branching:mergedCount", {
+          count: mergedCount
+        });
+      } else {
+        if (isDone) {
+          percentComplete = 100;
+          progressLabel = t("branching:mergedOfTotal", {
+            current: mergedCount,
+            total: mergedCount
+          });
+        } else {
+          if (progress) {
+            let t2;
+            if ($[14] !== progress.current || $[15] !== progress.total) {
+              t2 = progress.total ? Math.round(progress.current / progress.total * 100) : 0;
+              $[14] = progress.current;
+              $[15] = progress.total;
+              $[16] = t2;
+            } else {
+              t2 = $[16];
+            }
+            percentComplete = t2;
+            progressLabel = t("branching:mergingProgress", {
+              current: progress.current,
+              total: progress.total
+            });
+          }
+        }
+      }
+    }
+    t1 = _jsxs("div", {
+      className: `${baseClass}__progress`,
+      children: [!isBlocked && _jsx("div", {
+        "aria-labelledby": "merge-branch-progress-label",
+        "aria-valuemax": progressTotal,
+        "aria-valuemin": 0,
+        "aria-valuenow": progressCurrent,
+        "aria-valuetext": progressLabel,
+        className: `${baseClass}__progress-bar`,
+        role: "progressbar",
+        children: _jsx("div", {
+          className: [`${baseClass}__progress-fill`, isDone && `${baseClass}__progress-fill--complete`].filter(Boolean).join(" "),
+          style: {
+            width: `${percentComplete}%`
+          }
+        })
+      }), _jsx("span", {
+        "aria-live": "polite",
+        className: `${baseClass}__progress-label`,
+        id: "merge-branch-progress-label",
+        role: "status",
+        children: progressLabel
+      })]
+    });
+    $[0] = isBlocked;
+    $[1] = isDone;
+    $[2] = isPartial;
+    $[3] = mergedCount;
+    $[4] = percentComplete;
+    $[5] = progress;
+    $[6] = progressCurrent;
+    $[7] = progressTotal;
+    $[8] = t;
+    $[9] = t1;
+    $[10] = percentComplete;
+  } else {
+    t1 = $[9];
+    percentComplete = $[10];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/MergeBranch/MergeProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","baseClass","MergeProgress","t0","$","outcome","phase","progress","t","mergedCount","merged","length","isBlocked","isDone","isPartial","completedProgressValue","Math","max","progressCurrent","current","progressTotal","total","percentComplete","t1","progressLabel","t2","round","count","_jsxs","className","children","_jsx","role","filter","Boolean","join","style","width","id"],"sources":["../../../../src/elements/MergeBranch/MergeProgress/index.tsx"],"sourcesContent":["'use client'\n\nimport type { MergeProgress as MergeProgressData, MergeResult } from 'payload'\n\nimport React from 'react'\n\nimport type { MergeBranchModalPhase } from '../types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'merge-branch-modal'\n\nexport const MergeProgress: React.FC<{\n  outcome: MergeResult | null\n  phase: MergeBranchModalPhase\n  progress: MergeProgressData | null\n}> = ({ outcome, phase, progress }) => {\n  const { t } = useTranslation()\n  const mergedCount = outcome?.merged.length ?? 0\n  const isBlocked = phase === 'blocked'\n  const isDone = phase === 'complete'\n  const isPartial = phase === 'partial'\n  const completedProgressValue = Math.max(mergedCount, 1)\n  const progressCurrent = isDone\n    ? completedProgressValue\n    : isPartial\n      ? mergedCount\n      : (progress?.current ?? 0)\n  const progressTotal = isDone\n    ? completedProgressValue\n    : isPartial\n      ? Math.max(progress?.total ?? mergedCount, mergedCount, 1)\n      : (progress?.total ?? 1)\n  let percentComplete = 0\n  let progressLabel = t('branching:mergeStarting')\n\n  if (isBlocked) {\n    progressLabel = t('branching:mergeBlocked')\n  } else if (isPartial) {\n    percentComplete = Math.round((progressCurrent / progressTotal) * 100)\n    progressLabel = t('branching:mergedCount', { count: mergedCount })\n  } else if (isDone) {\n    percentComplete = 100\n    progressLabel = t('branching:mergedOfTotal', { current: mergedCount, total: mergedCount })\n  } else if (progress) {\n    percentComplete = progress.total ? Math.round((progress.current / progress.total) * 100) : 0\n    progressLabel = t('branching:mergingProgress', {\n      current: progress.current,\n      total: progress.total,\n    })\n  }\n\n  return (\n    <div className={`${baseClass}__progress`}>\n      {!isBlocked && (\n        <div\n          aria-labelledby=\"merge-branch-progress-label\"\n          aria-valuemax={progressTotal}\n          aria-valuemin={0}\n          aria-valuenow={progressCurrent}\n          aria-valuetext={progressLabel}\n          className={`${baseClass}__progress-bar`}\n          role=\"progressbar\"\n        >\n          <div\n            className={[\n              `${baseClass}__progress-fill`,\n              isDone && `${baseClass}__progress-fill--complete`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            style={{ width: `${percentComplete}%` }}\n          />\n        </div>\n      )}\n      <span\n        aria-live=\"polite\"\n        className={`${baseClass}__progress-label`}\n        id=\"merge-branch-progress-label\"\n        role=\"status\"\n      >\n        {progressLabel}\n      </span>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/MergeBranch/context.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import type { SummarizableChange } from '../ChangeSummary/index.js';
+export type MergeTarget = {
+    /** `payload-branches` document ID, for the merge endpoint's path. */
+    branchID: number | string;
+    branchName: string;
+    branchSlug: string;
+    /**
+     * What will be applied, for the modal's summary — the selection where there is one.
+     *
+     * Passed by openers that have already read the changes, so the modal can say what the
+     * merge touches without a second request. The switcher has not, and leaves it out.
+     */
+    changes?: SummarizableChange[];
+    /**
+     * Where to go to choose which changes to merge, when the action was raised from
+     * somewhere that cannot offer that choice.
+     *
+     * Set by the branch switcher, which can be opened from any screen; omitted by
+     * the changed-documents view, which *is* that page — linking to it from there
+     * would send the reader in a circle.
+     */
+    reviewURL?: string;
+    /**
+     * Change IDs to apply, or undefined to apply everything pending.
+     *
+     * The changed-documents view owns the selection, and the merge can also be raised
+     * from the branch switcher, where there is no selection to make.
+     */
+    selectedChangeIDs?: (number | string)[];
+    /**
+     * Changes pending on the branch, when the opener already knows it.
+     *
+     * The changed-documents view has counted them to render them. The switcher has
+     * not, so it leaves this undefined and the modal counts them itself.
+     */
+    totalChanges?: number;
+};
+type MergeBranchContext = {
+    /** Dismisses the modal and forgets what it was pointed at. */
+    closeMerge: () => void;
+    /**
+     * Raises the merge modal against a specific target.
+     *
+     * The target belongs to the *action*, not to the screen: "merge this selection"
+     * and "merge the whole branch" are the same modal pointed at different things, and
+     * both can be triggered from the same page — the switcher sits in the app header,
+     * above every view.
+     */
+    openMerge: (target: MergeTarget) => void;
+    /** Null until something raises the modal. */
+    target: MergeTarget | null;
+};
+/**
+ * Holds what the merge modal is currently pointed at.
+ *
+ * One store, mounted above both the app header and the page, because the modal is
+ * mounted exactly once. Rendering it per entry point — the switcher *and* the
+ * changed-documents view — stacked two dialogs on the same slug, so opening the
+ * merge opened both and only the topmost one showed progress.
+ */
+export declare const MergeBranchStoreProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useMergeBranch: () => MergeBranchContext;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/elements/MergeBranch/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/elements/MergeBranch/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6D,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAKnE,MAAM,MAAM,WAAW,GAAG;IACxB,qEAAqE;IACrE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC9B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,8DAA8D;IAC9D,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB;;;;;;;OAOG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IACxC,6CAA6C;IAC7C,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;CAC3B,CAAA;AAQD;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAuB5E,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,kBAAkC,CAAA"}