@inkandswitch/patchwork-pkg-base 0.0.49 → 0.0.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkandswitch/patchwork-pkg-base",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "type": "module",
   "description": "Base packages for the Patchwork system",
   "repository": {

package/packages/drafts/dist/assets/{main-BR_tW0sp.js → main-CCEftK7X.js}

@@ -553,12 +553,15 @@
 }
 
 /* The gutter spans the whole history: top = latest change, bottom = first.
-   Purely a visual track — scrubbing starts from the indicator's handles. */
+   Pressing anywhere in it jumps the head there and scrubs from that point;
+   the indicator's handles sit on top of it and drag from where they're held. */
 .draft-scrubber {
   position: relative;
   flex: none;
   width: 16px;
   border-radius: var(--drafts-radius-sm);
+  cursor: pointer;
+  touch-action: none;
 }
 
 /* The indicator sits at the head like a calendar's now-line: a dot in the
@@ -1272,7 +1275,7 @@ function subscribeDoc(element, selector) {
   const doc = () => ready() ? store : void 0;
   return [doc, handle];
 }
-var _tmpl$ = /* @__PURE__ */ template(`<div class=drafts-list>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=drafts-panel><div class=drafts-version>v0.0.45`), _tmpl$3 = /* @__PURE__ */ template(`<div class=drafts-empty>No document selected.`), _tmpl$4 = /* @__PURE__ */ template(`<button type=button class=draft-card-return title="Return to the latest version">Return to latest`), _tmpl$5 = /* @__PURE__ */ template(`<span class=draft-card-tools>`), _tmpl$6 = /* @__PURE__ */ template(`<div class=draft-card><div class=draft-card-header title="Main version (host document)"><div class=draft-card-title>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=draft-card><div class=draft-card-header title="Open draft"><div class=draft-card-title>`), _tmpl$8 = /* @__PURE__ */ template(`<div class=draft-menu-backdrop>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=draft-menu-list><button type=button class=draft-menu-item>Fork`), _tmpl$0 = /* @__PURE__ */ template(`<span class=draft-menu><button type=button class=draft-card-action title="Draft actions">`), _tmpl$1 = /* @__PURE__ */ template(`<button type=button class=draft-menu-item title="Fork a new draft from the version you're viewing">`), _tmpl$10 = /* @__PURE__ */ template(`<div class=draft-menu-separator>`), _tmpl$11 = /* @__PURE__ */ template(`<button type=button class=draft-menu-item title="Merge this draft into the highlighted card and hide it">`), _tmpl$12 = /* @__PURE__ */ template(`<button type=button class="draft-menu-item draft-menu-item--danger"title="Deletes this draft and any drafts forked from it">Delete draft`), _tmpl$13 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=6 x2=6 y1=3 y2=15></line><circle cx=18 cy=6 r=3></circle><circle cx=6 cy=18 r=3></circle><path d="M18 9a9 9 0 0 1-9 9">`), _tmpl$14 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=18 cy=18 r=3></circle><circle cx=6 cy=6 r=3></circle><path d="M6 21V9a9 9 0 0 0 9 9">`), _tmpl$15 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=1></circle><circle cx=19 cy=12 r=1></circle><circle cx=5 cy=12 r=1>`), _tmpl$16 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1=10 x2=10 y1=11 y2=17></line><line x1=14 x2=14 y1=11 y2=17>`), _tmpl$17 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2">`), _tmpl$18 = /* @__PURE__ */ template(`<input class=draft-name-input>`), _tmpl$19 = /* @__PURE__ */ template(`<span class=draft-name title="Double-click to rename">`), _tmpl$20 = /* @__PURE__ */ template(`<button type=button class=draft-card-eye>`), _tmpl$21 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx=12 cy=12 r=3>`), _tmpl$22 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1=1 y1=1 x2=23 y2=23>`), _tmpl$23 = /* @__PURE__ */ template(`<div class=draft-changes-building><span class=draft-building-spinner></span>Building history…`), _tmpl$24 = /* @__PURE__ */ template(`<div class=draft-scrubber-token><div class=draft-scrubber-line></div><div class=draft-scrubber-edge title="Drag to scrub through history — drop at the top to return to the latest version"></div><div class=draft-scrubber-dot title="Drag to scrub through history — drop at the top to return to the latest version">`), _tmpl$25 = /* @__PURE__ */ template(`<div class=draft-scrubber-connector>`), _tmpl$26 = /* @__PURE__ */ template(`<div class="draft-scrubber-token draft-scrubber-token--baseline"><div class=draft-scrubber-line></div><div class=draft-scrubber-edge title="Drag to move the diff baseline"></div><div class=draft-scrubber-baseline title="Drag to move the diff baseline">`), _tmpl$27 = /* @__PURE__ */ template(`<div class=draft-changes-body><div class=draft-scrubber></div><div class=draft-changes-rows>`), _tmpl$28 = /* @__PURE__ */ template(`<div class=draft-card-changes>`), _tmpl$29 = /* @__PURE__ */ template(`<div class=draft-changes-empty>No changes yet.`), _tmpl$30 = /* @__PURE__ */ template(`<div class=draft-scrubber-sticker title="The version being viewed — Fork below to branch from here"><span class=draft-sticker-time></span><span class=draft-sticker-spacer>`), _tmpl$31 = /* @__PURE__ */ template(`<button type=button class=draft-group-row title="View the draft as of this group"><span class=draft-group-time></span><span class=draft-group-spacer>`), _tmpl$32 = /* @__PURE__ */ template(`<div class="draft-avatar draft-avatar--extra">+`), _tmpl$33 = /* @__PURE__ */ template(`<div class=draft-avatars>`), _tmpl$34 = /* @__PURE__ */ template(`<patchwork-view tool-id=contact-inline>`, true, false, false), _tmpl$35 = /* @__PURE__ */ template(`<div class=draft-avatar>`), _tmpl$36 = /* @__PURE__ */ template(`<span class="draft-count draft-count--add">+`), _tmpl$37 = /* @__PURE__ */ template(`<span class="draft-count draft-count--del">-`), _tmpl$38 = /* @__PURE__ */ template(`<span class=draft-counts>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div class=drafts-list>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=drafts-panel><div class=drafts-version>v0.0.45`), _tmpl$3 = /* @__PURE__ */ template(`<div class=drafts-empty>No document selected.`), _tmpl$4 = /* @__PURE__ */ template(`<button type=button class=draft-card-return title="Return to the latest version">Return to latest`), _tmpl$5 = /* @__PURE__ */ template(`<span class=draft-card-tools>`), _tmpl$6 = /* @__PURE__ */ template(`<div class=draft-card><div class=draft-card-header title="Main version (host document)"><div class=draft-card-title>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=draft-card><div class=draft-card-header title="Open draft"><div class=draft-card-title>`), _tmpl$8 = /* @__PURE__ */ template(`<div class=draft-menu-backdrop>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=draft-menu-list><button type=button class=draft-menu-item>Fork`), _tmpl$0 = /* @__PURE__ */ template(`<span class=draft-menu><button type=button class=draft-card-action title="Draft actions">`), _tmpl$1 = /* @__PURE__ */ template(`<button type=button class=draft-menu-item title="Fork a new draft from the version you're viewing">`), _tmpl$10 = /* @__PURE__ */ template(`<div class=draft-menu-separator>`), _tmpl$11 = /* @__PURE__ */ template(`<button type=button class=draft-menu-item title="Merge this draft into the highlighted card and hide it">`), _tmpl$12 = /* @__PURE__ */ template(`<button type=button class="draft-menu-item draft-menu-item--danger"title="Deletes this draft and any drafts forked from it">Delete draft`), _tmpl$13 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=6 x2=6 y1=3 y2=15></line><circle cx=18 cy=6 r=3></circle><circle cx=6 cy=18 r=3></circle><path d="M18 9a9 9 0 0 1-9 9">`), _tmpl$14 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=18 cy=18 r=3></circle><circle cx=6 cy=6 r=3></circle><path d="M6 21V9a9 9 0 0 0 9 9">`), _tmpl$15 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><circle cx=12 cy=12 r=1></circle><circle cx=19 cy=12 r=1></circle><circle cx=5 cy=12 r=1>`), _tmpl$16 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path><line x1=10 x2=10 y1=11 y2=17></line><line x1=14 x2=14 y1=11 y2=17>`), _tmpl$17 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2">`), _tmpl$18 = /* @__PURE__ */ template(`<input class=draft-name-input>`), _tmpl$19 = /* @__PURE__ */ template(`<span class=draft-name title="Double-click to rename">`), _tmpl$20 = /* @__PURE__ */ template(`<button type=button class=draft-card-eye>`), _tmpl$21 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx=12 cy=12 r=3>`), _tmpl$22 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1=1 y1=1 x2=23 y2=23>`), _tmpl$23 = /* @__PURE__ */ template(`<div class=draft-changes-building><span class=draft-building-spinner></span>Building history…`), _tmpl$24 = /* @__PURE__ */ template(`<div class=draft-scrubber-token><div class=draft-scrubber-line></div><div class=draft-scrubber-edge title="Drag to scrub through history — drop at the top to return to the latest version"></div><div class=draft-scrubber-dot title="Drag to scrub through history — drop at the top to return to the latest version">`), _tmpl$25 = /* @__PURE__ */ template(`<div class=draft-scrubber-connector>`), _tmpl$26 = /* @__PURE__ */ template(`<div class="draft-scrubber-token draft-scrubber-token--baseline"><div class=draft-scrubber-line></div><div class=draft-scrubber-edge title="Drag to move the diff baseline"></div><div class=draft-scrubber-baseline title="Drag to move the diff baseline">`), _tmpl$27 = /* @__PURE__ */ template(`<div class=draft-changes-body><div class=draft-scrubber title="Click or drag anywhere in the gutter to scrub through history"></div><div class=draft-changes-rows>`), _tmpl$28 = /* @__PURE__ */ template(`<div class=draft-card-changes>`), _tmpl$29 = /* @__PURE__ */ template(`<div class=draft-changes-empty>No changes yet.`), _tmpl$30 = /* @__PURE__ */ template(`<div class=draft-scrubber-sticker title="The version being viewed — Fork below to branch from here"><span class=draft-sticker-time></span><span class=draft-sticker-spacer>`), _tmpl$31 = /* @__PURE__ */ template(`<button type=button class=draft-group-row title="View the draft as of this group"><span class=draft-group-time></span><span class=draft-group-spacer>`), _tmpl$32 = /* @__PURE__ */ template(`<div class="draft-avatar draft-avatar--extra">+`), _tmpl$33 = /* @__PURE__ */ template(`<div class=draft-avatars>`), _tmpl$34 = /* @__PURE__ */ template(`<patchwork-view tool-id=contact-inline>`, true, false, false), _tmpl$35 = /* @__PURE__ */ template(`<div class=draft-avatar>`), _tmpl$36 = /* @__PURE__ */ template(`<span class="draft-count draft-count--add">+`), _tmpl$37 = /* @__PURE__ */ template(`<span class="draft-count draft-count--del">-`), _tmpl$38 = /* @__PURE__ */ template(`<span class=draft-counts>`);
 const EMPTY_DRAFT_LIST = {
   main: {
     url: "",
@@ -2293,8 +2296,8 @@ function CardMenu(props) {
     return _el$13;
   })();
 }
-function formatVersionTime(ms2) {
-  const date = new Date(ms2);
+function formatVersionTime(timeSeconds) {
+  const date = new Date(timeSeconds * 1e3);
   const sameYear = date.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear();
   return date.toLocaleString(void 0, {
     month: "short",
@@ -2672,11 +2675,11 @@ function DraftChangesList(props) {
     const rect = trackEl.getBoundingClientRect();
     return ev.clientY - rect.top;
   };
-  const beginDrag = (ev) => {
+  const beginDrag = (ev, jumpToPointer = false) => {
     if (!trackEl || bands().length === 0) return;
     ev.preventDefault();
     ev.stopPropagation();
-    const grabOffset = yInTrack(ev) - (tokenGeometry()?.top ?? 0);
+    const grabOffset = jumpToPointer ? 0 : yInTrack(ev) - (tokenGeometry()?.top ?? 0);
     const s = props.scrubber();
     let last = s ? `${s.groupId}:${s.offset}` : null;
     const onMove = (e) => {
@@ -2692,6 +2695,7 @@ function DraftChangesList(props) {
         scrubTo(pos.group, pos.offset);
       }
     };
+    if (jumpToPointer) onMove(ev);
     const target = ev.currentTarget;
     target.setPointerCapture(ev.pointerId);
     const onUp = () => {
@@ -2789,6 +2793,7 @@ function DraftChangesList(props) {
       },
       get children() {
         var _el$36 = _tmpl$27(), _el$37 = _el$36.firstChild, _el$38 = _el$37.nextSibling;
+        _el$37.$$pointerdown = (ev) => beginDrag(ev, true);
         var _ref$ = trackEl;
         typeof _ref$ === "function" ? use(_ref$, _el$37) : trackEl = _el$37;
         use(setRowsEl, _el$38);
@@ -3102,4 +3107,4 @@ const renderDraftsSidebar = (_handle, element) => {
 export {
   renderDraftsSidebar
 };
-//# sourceMappingURL=main-BR_tW0sp.js.map
+//# sourceMappingURL=main-CCEftK7X.js.map