@k2b/ui 0.50.0 → 0.51.0

package/dist/browser/inputs/markdown/SlashCommands.js

@@ -0,0 +1,402 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div popover=manual class=k2b-autocomplete__options data-commands role=presentation>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<label class=k2b-dropdown__search><i class="ti ti-search"aria-hidden=true></i><input type=search role=combobox aria-expanded=true aria-autocomplete=list autocomplete=off enterkeyhint=go>`);
+import { createEffect, createMemo, createSignal, onCleanup, onMount, Show } from "solid-js";
+import { CommandList, commandListKey, commandOptionId, createCommandNavigator } from "../../actions/CommandList";
+import { dockCommandList, followComposer } from "../../actions/command-dock";
+import { commandPlace } from "../../actions/command-items";
+import { useCommandMessages } from "../../actions/command-messages";
+import { detectQuery } from "../completion";
+import { isInCodeZone } from "./code-zone";
+/** Replaces a range of the text the way typing would, so undo keeps working; an empty text deletes. */
+const replace = (textarea, start, end, text) => {
+  textarea.focus();
+  textarea.setSelectionRange(start, end);
+  if (start === end && text === "") return;
+  try {
+    if (document.execCommand?.(text === "" ? "delete" : "insertText", false, text)) return;
+  } catch {
+    // Fall through to the standards-based replacement.
+  }
+  textarea.setRangeText(text, start, end, "end");
+  textarea.dispatchEvent(new Event("input", {
+    bubbles: true
+  }));
+};
+const trigger = {
+  trigger: "/",
+  suggest: () => []
+};
+
+/**
+ * Slash commands for a `MarkdownEditor`: `/` at the start of a line or after a space opens the entries docked above the
+ * composer, as wide as it is. Place it beside the editor and pass the editor's textarea. It listens to the textarea itself, so editors without
+ * commands carry none of it: native listeners run before the editor's own, and a key it uses is marked handled with
+ * `preventDefault`, which the editor respects.
+ */
+export function SlashCommands(props) {
+  return _$createComponent(Show, {
+    get when() {
+      return props.textarea;
+    },
+    children: textarea => _$createComponent(AttachedCommands, {
+      get textarea() {
+        return textarea();
+      },
+      get items() {
+        return props.items;
+      },
+      get composer() {
+        return props.composer;
+      }
+    })
+  });
+}
+function AttachedCommands(props) {
+  const messages = useCommandMessages();
+  const textarea = props.textarea;
+  const id = `${textarea.id || "k2b-markdown"}-commands`;
+  const composer = () => props.composer ?? textarea.closest(".k2b-markdown-editor") ?? textarea;
+  const [context, setContext] = createSignal(null);
+  /**
+   * The list as a command left it: the `/query` is gone from the text, but the list stays at its slash while the
+   * command runs or after it failed, until the person types, leaves, or presses Escape.
+   */
+  const [held, setHeld] = createSignal();
+  /** Where Escape closed the commands; they stay closed while the caret stays in that `/query`. */
+  let dismissedAt = null;
+  /**
+   * How deep the list is. A further list has its own search field: the `/query` leaves the text, the focus moves into
+   * the field, and the composer's text stays as it is while the person searches.
+   */
+  const [depth, setDepth] = createSignal(0);
+  const [search, setSearch] = createSignal("");
+  let searchField;
+  /** Set while this part moves the focus between the text and the search field itself. */
+  let moving = false;
+  /** Puts the focus back in the text at `at`, where the slash stood. */
+  const focusText = at => {
+    moving = true;
+    try {
+      textarea.focus();
+      textarea.setSelectionRange(at, at);
+    } finally {
+      moving = false;
+    }
+  };
+  /** Set while this part edits the text itself, so its own edit does not count as the person typing. */
+  let editing = false;
+  let popover;
+  const edit = (start, end, text) => {
+    editing = true;
+    try {
+      replace(textarea, start, end, text);
+    } finally {
+      editing = false;
+    }
+  };
+  const nav = createCommandNavigator({
+    items: () => props.items,
+    query: () => depth() > 0 ? search() : context()?.query ?? held()?.query ?? "",
+    onText: item => {
+      // After a command failed, the held list has no `/query` left; a snippet goes where it stood.
+      const current = context();
+      const start = current?.start ?? held()?.start;
+      if (start === undefined) return;
+      close();
+      edit(start, current?.end ?? start, item.text ?? "");
+    },
+    beforeRun: () => {
+      const current = context();
+      if (!current) return;
+      // The list stays where it was while the `/query` leaves the text.
+      setHeld({
+        start: current.start,
+        query: current.query
+      });
+      setContext(null);
+      edit(current.start, current.end, "");
+    },
+    // While the `/query` is in the text, the context leaves it out; once a command removed it, the text is as it is.
+    context: () => {
+      const current = context();
+      const start = current?.start ?? held()?.start ?? textarea.selectionStart;
+      const place = commandPlace(textarea.value, start, current?.end ?? start);
+      return {
+        ...place,
+        selection: current ? {
+          start,
+          end: start
+        } : {
+          start: textarea.selectionStart,
+          end: textarea.selectionEnd
+        },
+        insert: text => edit(textarea.selectionStart, textarea.selectionEnd, text)
+      };
+    },
+    // A finished command leaves the focus in the text where the slash stood; its outcome, if any, shows in the list's place.
+    afterRun: () => {
+      const at = held()?.start;
+      close();
+      if (at !== undefined && document.activeElement !== textarea) focusText(at);
+    },
+    active: () => context() !== null || held() !== undefined,
+    onStep: next => {
+      const previous = depth();
+      if (next === 0) {
+        // Back to the first list: the typed `/query` comes back, and the text has the focus again. The list keeps its
+        // place throughout: the context returns before the held state goes, and the focus is in the text before the
+        // search field leaves, since a browser blurs a focused field that is removed, which would close the list.
+        const at = held();
+        if (at) {
+          const text = `/${at.query}`;
+          setContext({
+            start: at.start,
+            end: at.start + text.length,
+            text,
+            query: at.query,
+            completion: trigger
+          });
+          setHeld(undefined);
+          moving = true;
+          try {
+            edit(at.start, at.start, text);
+          } finally {
+            moving = false;
+          }
+        }
+        setDepth(0);
+        setSearch("");
+        return;
+      }
+      setDepth(next);
+      setSearch("");
+      if (previous === 0) {
+        // Into a further list: the `/query` leaves the text, and the list stays where it was.
+        const current = context();
+        if (current) {
+          setHeld({
+            start: current.start,
+            query: current.query
+          });
+          setContext(null);
+          edit(current.start, current.end, "");
+        }
+      }
+      queueMicrotask(() => {
+        moving = true;
+        try {
+          searchField?.focus({
+            preventScroll: true
+          });
+        } finally {
+          moving = false;
+        }
+      });
+    }
+  });
+  // Entries on their way, or a list that could not load, show too, so the person sees what happens.
+  const open = createMemo(() => nav.outcome() !== undefined || held() !== undefined || context() !== null && (nav.step() !== undefined || nav.entries().length > 0 || nav.load().state !== "ready"));
+  const close = () => {
+    setContext(null);
+    setHeld(undefined);
+    setDepth(0);
+    setSearch("");
+    nav.reset();
+  };
+  const detect = () => {
+    if (editing) return;
+    // Typing after a command ran or failed moves on: the held list closes, the command keeps running.
+    if (held()) close();
+    const found = document.activeElement === textarea ? detectQuery(textarea, [trigger], {
+      isExcluded: isInCodeZone
+    }) : null;
+    // Commands start at the line start or after a space, never inside `https://` or after a bracket.
+    const usable = found && (found.start === 0 || /\s/.test(textarea.value[found.start - 1] ?? "")) ? found : null;
+    if (usable?.start !== context()?.start) {
+      if (usable?.start !== dismissedAt) dismissedAt = null;
+      close();
+    }
+    if (usable && usable.start !== dismissedAt) {
+      // A new `/` takes the place at once, even from an outcome still in its least time.
+      if (usable.start !== context()?.start) nav.clearOutcome();
+      setContext(usable);
+    }
+  };
+  /** The person typed: an outcome clears once it showed long enough, and a new `/` opens the list. */
+  const typed = () => {
+    if (!editing) nav.typedOn();
+    detect();
+  };
+  /** An outcome's button leaves the focus in the text, where the person goes on writing. */
+  const backToText = () => {
+    if (document.activeElement === textarea) return;
+    moving = true;
+    try {
+      textarea.focus({
+        preventScroll: true
+      });
+    } finally {
+      moving = false;
+    }
+  };
+  const position = () => {
+    if (!popover?.isConnected) return;
+    if (!popover.matches(":popover-open")) popover.showPopover?.();
+    dockCommandList(popover, composer());
+  };
+
+  // The textarea points at the list while it shows, as a combobox does.
+  createEffect(() => {
+    const marked = nav.entries()[nav.active()];
+    // In a further list the search field points at it instead.
+    const pointing = open() && depth() === 0 && !nav.outcome();
+    const active = pointing && marked && !marked.disabled ? commandOptionId(id, nav.active()) : undefined;
+    if (pointing) textarea.setAttribute("aria-controls", id);else if (textarea.getAttribute("aria-controls") === id) textarea.removeAttribute("aria-controls");
+    if (active) textarea.setAttribute("aria-activedescendant", active);else if (textarea.getAttribute("aria-activedescendant")?.startsWith(`${id}-`)) textarea.removeAttribute("aria-activedescendant");
+  });
+  // Opening, and entries that arrive while the `/` waits, such as from a reactive source, show the list.
+  createEffect(() => {
+    if (!open()) return;
+    queueMicrotask(position);
+    // The composer grows with its text, and a phone's keyboard moves the visible viewport.
+    onCleanup(followComposer(composer(), position));
+  });
+  onMount(() => {
+    const key = event => {
+      if (!open() || event.defaultPrevented) return;
+      const current = context();
+      if (event.key === "Escape" && !current) {
+        // Escape stops a running command and closes the list it held, or clears an outcome at once.
+        event.preventDefault();
+        nav.abort();
+        nav.clearOutcome();
+        close();
+        return;
+      }
+      // An outcome is no list: other keys are the person writing on.
+      if (!current && nav.outcome()) return;
+      if (commandListKey(nav, event, current?.query ?? "")) event.preventDefault();else if (event.key === "Escape" && current) {
+        event.preventDefault();
+        dismissedAt = current.start;
+        close();
+      }
+    };
+    const selection = () => {
+      if (document.activeElement === textarea && !held()) detect();
+    };
+    const blur = event => {
+      if (moving || event.relatedTarget instanceof Node && popover?.contains(event.relatedTarget)) return;
+      close();
+      dismissedAt = null;
+    };
+    textarea.addEventListener("keydown", key);
+    textarea.addEventListener("input", typed);
+    textarea.addEventListener("blur", blur);
+    document.addEventListener("selectionchange", selection);
+    // A `/` typed while this module loaded opens the list now.
+    detect();
+    onCleanup(() => {
+      textarea.removeEventListener("keydown", key);
+      textarea.removeEventListener("input", typed);
+      textarea.removeEventListener("blur", blur);
+      document.removeEventListener("selectionchange", selection);
+      popover?.hidePopover?.();
+    });
+  });
+  return _$createComponent(Show, {
+    get when() {
+      return open();
+    },
+    get children() {
+      var _el$ = _$getNextElement(_tmpl$);
+      _el$.$$keydown = event => {
+        if (event.key !== "Escape" || !nav.outcome() || event.target === searchField) return;
+        event.preventDefault();
+        nav.clearOutcome();
+        backToText();
+      };
+      var _ref$ = popover;
+      typeof _ref$ === "function" ? _$use(_ref$, _el$) : popover = _el$;
+      _$insert(_el$, _$createComponent(CommandList, {
+        onOutcomeAction: backToText,
+        navigator: nav,
+        id: id,
+        get label() {
+          return messages().commands;
+        },
+        get query() {
+          return nav.query;
+        },
+        get header() {
+          return _$createComponent(Show, {
+            get when() {
+              return depth() > 0;
+            },
+            get children() {
+              var _el$2 = _$getNextElement(_tmpl$2),
+                _el$3 = _el$2.firstChild,
+                _el$4 = _el$3.nextSibling;
+              _el$4.addEventListener("blur", event => {
+                // Leaving the list, other than to the text by this part itself, closes it. An outcome that took the
+                // list's place removed this field; the finished command puts the focus back in the text.
+                if (moving || nav.outcome() || event.relatedTarget instanceof Node && popover?.contains(event.relatedTarget)) return;
+                close();
+              });
+              _el$4.$$keydown = event => {
+                if (event.key === "Escape" && nav.busy()) {
+                  // Escape stops a running command and closes the list.
+                  event.preventDefault();
+                  const at = held()?.start;
+                  nav.abort();
+                  close();
+                  if (at !== undefined) focusText(at);
+                  return;
+                }
+                if (commandListKey(nav, event, search())) event.preventDefault();
+              };
+              _el$4.$$input = event => setSearch(event.currentTarget.value);
+              var _ref$2 = searchField;
+              typeof _ref$2 === "function" ? _$use(_ref$2, _el$4) : searchField = _el$4;
+              _$setAttribute(_el$4, "aria-controls", id);
+              _$setAttribute(_el$4, "spellcheck", false);
+              _$effect(_p$ => {
+                var _v$ = nav.step()?.next?.label,
+                  _v$2 = nav.entries()[nav.active()] && !nav.entries()[nav.active()].disabled ? commandOptionId(id, nav.active()) : undefined,
+                  _v$3 = nav.step()?.next?.label,
+                  _v$4 = nav.busy();
+                _v$ !== _p$.e && _$setAttribute(_el$4, "aria-label", _p$.e = _v$);
+                _v$2 !== _p$.t && _$setAttribute(_el$4, "aria-activedescendant", _p$.t = _v$2);
+                _v$3 !== _p$.a && _$setAttribute(_el$4, "placeholder", _p$.a = _v$3);
+                _v$4 !== _p$.o && _$setProperty(_el$4, "readOnly", _p$.o = _v$4);
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined,
+                a: undefined,
+                o: undefined
+              });
+              _$effect(() => _$setProperty(_el$4, "value", search()));
+              _$runHydrationEvents();
+              return _el$2;
+            }
+          });
+        }
+      }));
+      _$effect(() => _$setAttribute(_el$, "data-outcome", nav.outcome()?.state));
+      _$runHydrationEvents();
+      return _el$;
+    }
+  });
+}
+_$delegateEvents(["keydown", "input"]);
+//# sourceMappingURL=SlashCommands.js.map

package/dist/browser/inputs/markdown/SlashCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/markdown/SlashCommands.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { CommandList, commandListKey, commandOptionId, createCommandNavigator } from \"../../actions/CommandList\";\nimport { dockCommandList, followComposer } from \"../../actions/command-dock\";\nimport { type CommandSource, commandPlace } from \"../../actions/command-items\";\nimport { useCommandMessages } from \"../../actions/command-messages\";\nimport { type Completion, detectQuery, type QueryContext } from \"../completion\";\nimport { isInCodeZone } from \"./code-zone\";\n\nexport type SlashCommandsProps = {\n  /** The editor's textarea, from `MarkdownEditor`'s `textareaRef`. The commands attach once it is there. */\n  textarea: HTMLTextAreaElement | undefined;\n  /** The same entries as `CommandMenu`'s `items`. */\n  items: CommandSource;\n  /**\n   * The composer box the list docks to, such as the frame around the editor and its \"+\" row. Defaults to the editor\n   * itself.\n   */\n  composer?: HTMLElement;\n};\n\n/** Replaces a range of the text the way typing would, so undo keeps working; an empty text deletes. */\nconst replace = (textarea: HTMLTextAreaElement, start: number, end: number, text: string) => {\n  textarea.focus();\n  textarea.setSelectionRange(start, end);\n  if (start === end && text === \"\") return;\n  try {\n    if (document.execCommand?.(text === \"\" ? \"delete\" : \"insertText\", false, text)) return;\n  } catch {\n    // Fall through to the standards-based replacement.\n  }\n  textarea.setRangeText(text, start, end, \"end\");\n  textarea.dispatchEvent(new Event(\"input\", { bubbles: true }));\n};\n\nconst trigger: Completion = { trigger: \"/\", suggest: () => [] };\n\n/**\n * Slash commands for a `MarkdownEditor`: `/` at the start of a line or after a space opens the entries docked above the\n * composer, as wide as it is. Place it beside the editor and pass the editor's textarea. It listens to the textarea itself, so editors without\n * commands carry none of it: native listeners run before the editor's own, and a key it uses is marked handled with\n * `preventDefault`, which the editor respects.\n */\nexport function SlashCommands(props: SlashCommandsProps): JSX.Element {\n  return (\n    <Show when={props.textarea}>\n      {(textarea) => <AttachedCommands textarea={textarea()} items={props.items} composer={props.composer} />}\n    </Show>\n  );\n}\n\nfunction AttachedCommands(props: { textarea: HTMLTextAreaElement; items: CommandSource; composer?: HTMLElement }): JSX.Element {\n  const messages = useCommandMessages();\n  const textarea = props.textarea;\n  const id = `${textarea.id || \"k2b-markdown\"}-commands`;\n  const composer = (): Element => props.composer ?? textarea.closest(\".k2b-markdown-editor\") ?? textarea;\n  const [context, setContext] = createSignal<QueryContext | null>(null);\n  /**\n   * The list as a command left it: the `/query` is gone from the text, but the list stays at its slash while the\n   * command runs or after it failed, until the person types, leaves, or presses Escape.\n   */\n  const [held, setHeld] = createSignal<{ start: number; query: string }>();\n  /** Where Escape closed the commands; they stay closed while the caret stays in that `/query`. */\n  let dismissedAt: number | null = null;\n  /**\n   * How deep the list is. A further list has its own search field: the `/query` leaves the text, the focus moves into\n   * the field, and the composer's text stays as it is while the person searches.\n   */\n  const [depth, setDepth] = createSignal(0);\n  const [search, setSearch] = createSignal(\"\");\n  let searchField: HTMLInputElement | undefined;\n  /** Set while this part moves the focus between the text and the search field itself. */\n  let moving = false;\n  /** Puts the focus back in the text at `at`, where the slash stood. */\n  const focusText = (at: number) => {\n    moving = true;\n    try {\n      textarea.focus();\n      textarea.setSelectionRange(at, at);\n    } finally {\n      moving = false;\n    }\n  };\n  /** Set while this part edits the text itself, so its own edit does not count as the person typing. */\n  let editing = false;\n  let popover: HTMLDivElement | undefined;\n  const edit = (start: number, end: number, text: string) => {\n    editing = true;\n    try {\n      replace(textarea, start, end, text);\n    } finally {\n      editing = false;\n    }\n  };\n  const nav = createCommandNavigator({\n    items: () => props.items,\n    query: () => (depth() > 0 ? search() : (context()?.query ?? held()?.query ?? \"\")),\n    onText: (item) => {\n      // After a command failed, the held list has no `/query` left; a snippet goes where it stood.\n      const current = context();\n      const start = current?.start ?? held()?.start;\n      if (start === undefined) return;\n      close();\n      edit(start, current?.end ?? start, item.text ?? \"\");\n    },\n    beforeRun: () => {\n      const current = context();\n      if (!current) return;\n      // The list stays where it was while the `/query` leaves the text.\n      setHeld({ start: current.start, query: current.query });\n      setContext(null);\n      edit(current.start, current.end, \"\");\n    },\n    // While the `/query` is in the text, the context leaves it out; once a command removed it, the text is as it is.\n    context: () => {\n      const current = context();\n      const start = current?.start ?? held()?.start ?? textarea.selectionStart;\n      const place = commandPlace(textarea.value, start, current?.end ?? start);\n      return {\n        ...place,\n        selection: current ? { start, end: start } : { start: textarea.selectionStart, end: textarea.selectionEnd },\n        insert: (text: string) => edit(textarea.selectionStart, textarea.selectionEnd, text),\n      };\n    },\n    // A finished command leaves the focus in the text where the slash stood; its outcome, if any, shows in the list's place.\n    afterRun: () => {\n      const at = held()?.start;\n      close();\n      if (at !== undefined && document.activeElement !== textarea) focusText(at);\n    },\n    active: () => context() !== null || held() !== undefined,\n    onStep: (next) => {\n      const previous = depth();\n      if (next === 0) {\n        // Back to the first list: the typed `/query` comes back, and the text has the focus again. The list keeps its\n        // place throughout: the context returns before the held state goes, and the focus is in the text before the\n        // search field leaves, since a browser blurs a focused field that is removed, which would close the list.\n        const at = held();\n        if (at) {\n          const text = `/${at.query}`;\n          setContext({ start: at.start, end: at.start + text.length, text, query: at.query, completion: trigger });\n          setHeld(undefined);\n          moving = true;\n          try {\n            edit(at.start, at.start, text);\n          } finally {\n            moving = false;\n          }\n        }\n        setDepth(0);\n        setSearch(\"\");\n        return;\n      }\n      setDepth(next);\n      setSearch(\"\");\n      if (previous === 0) {\n        // Into a further list: the `/query` leaves the text, and the list stays where it was.\n        const current = context();\n        if (current) {\n          setHeld({ start: current.start, query: current.query });\n          setContext(null);\n          edit(current.start, current.end, \"\");\n        }\n      }\n      queueMicrotask(() => {\n        moving = true;\n        try {\n          searchField?.focus({ preventScroll: true });\n        } finally {\n          moving = false;\n        }\n      });\n    },\n  });\n  // Entries on their way, or a list that could not load, show too, so the person sees what happens.\n  const open = createMemo(\n    () =>\n      nav.outcome() !== undefined ||\n      held() !== undefined ||\n      (context() !== null && (nav.step() !== undefined || nav.entries().length > 0 || nav.load().state !== \"ready\")),\n  );\n  const close = () => {\n    setContext(null);\n    setHeld(undefined);\n    setDepth(0);\n    setSearch(\"\");\n    nav.reset();\n  };\n\n  const detect = () => {\n    if (editing) return;\n    // Typing after a command ran or failed moves on: the held list closes, the command keeps running.\n    if (held()) close();\n    const found = document.activeElement === textarea ? detectQuery(textarea, [trigger], { isExcluded: isInCodeZone }) : null;\n    // Commands start at the line start or after a space, never inside `https://` or after a bracket.\n    const usable = found && (found.start === 0 || /\\s/.test(textarea.value[found.start - 1] ?? \"\")) ? found : null;\n    if (usable?.start !== context()?.start) {\n      if (usable?.start !== dismissedAt) dismissedAt = null;\n      close();\n    }\n    if (usable && usable.start !== dismissedAt) {\n      // A new `/` takes the place at once, even from an outcome still in its least time.\n      if (usable.start !== context()?.start) nav.clearOutcome();\n      setContext(usable);\n    }\n  };\n  /** The person typed: an outcome clears once it showed long enough, and a new `/` opens the list. */\n  const typed = () => {\n    if (!editing) nav.typedOn();\n    detect();\n  };\n  /** An outcome's button leaves the focus in the text, where the person goes on writing. */\n  const backToText = () => {\n    if (document.activeElement === textarea) return;\n    moving = true;\n    try {\n      textarea.focus({ preventScroll: true });\n    } finally {\n      moving = false;\n    }\n  };\n\n  const position = () => {\n    if (!popover?.isConnected) return;\n    if (!popover.matches(\":popover-open\")) popover.showPopover?.();\n    dockCommandList(popover, composer());\n  };\n\n  // The textarea points at the list while it shows, as a combobox does.\n  createEffect(() => {\n    const marked = nav.entries()[nav.active()];\n    // In a further list the search field points at it instead.\n    const pointing = open() && depth() === 0 && !nav.outcome();\n    const active = pointing && marked && !marked.disabled ? commandOptionId(id, nav.active()) : undefined;\n    if (pointing) textarea.setAttribute(\"aria-controls\", id);\n    else if (textarea.getAttribute(\"aria-controls\") === id) textarea.removeAttribute(\"aria-controls\");\n    if (active) textarea.setAttribute(\"aria-activedescendant\", active);\n    else if (textarea.getAttribute(\"aria-activedescendant\")?.startsWith(`${id}-`)) textarea.removeAttribute(\"aria-activedescendant\");\n  });\n  // Opening, and entries that arrive while the `/` waits, such as from a reactive source, show the list.\n  createEffect(() => {\n    if (!open()) return;\n    queueMicrotask(position);\n    // The composer grows with its text, and a phone's keyboard moves the visible viewport.\n    onCleanup(followComposer(composer(), position));\n  });\n\n  onMount(() => {\n    const key = (event: KeyboardEvent) => {\n      if (!open() || event.defaultPrevented) return;\n      const current = context();\n      if (event.key === \"Escape\" && !current) {\n        // Escape stops a running command and closes the list it held, or clears an outcome at once.\n        event.preventDefault();\n        nav.abort();\n        nav.clearOutcome();\n        close();\n        return;\n      }\n      // An outcome is no list: other keys are the person writing on.\n      if (!current && nav.outcome()) return;\n      if (commandListKey(nav, event, current?.query ?? \"\")) event.preventDefault();\n      else if (event.key === \"Escape\" && current) {\n        event.preventDefault();\n        dismissedAt = current.start;\n        close();\n      }\n    };\n    const selection = () => {\n      if (document.activeElement === textarea && !held()) detect();\n    };\n    const blur = (event: FocusEvent) => {\n      if (moving || (event.relatedTarget instanceof Node && popover?.contains(event.relatedTarget))) return;\n      close();\n      dismissedAt = null;\n    };\n    textarea.addEventListener(\"keydown\", key);\n    textarea.addEventListener(\"input\", typed);\n    textarea.addEventListener(\"blur\", blur);\n    document.addEventListener(\"selectionchange\", selection);\n    // A `/` typed while this module loaded opens the list now.\n    detect();\n    onCleanup(() => {\n      textarea.removeEventListener(\"keydown\", key);\n      textarea.removeEventListener(\"input\", typed);\n      textarea.removeEventListener(\"blur\", blur);\n      document.removeEventListener(\"selectionchange\", selection);\n      popover?.hidePopover?.();\n    });\n  });\n\n  return (\n    <Show when={open()}>\n      {/* biome-ignore lint/a11y/noStaticElementInteractions: Escape from an outcome's own buttons; the text owns every other key. */}\n      <div\n        ref={popover}\n        popover=\"manual\"\n        class=\"k2b-autocomplete__options\"\n        data-commands=\"\"\n        data-outcome={nav.outcome()?.state}\n        role=\"presentation\"\n        // Escape on an outcome's button clears it, as it does in the text.\n        onKeyDown={(event) => {\n          if (event.key !== \"Escape\" || !nav.outcome() || event.target === searchField) return;\n          event.preventDefault();\n          nav.clearOutcome();\n          backToText();\n        }}\n      >\n        <CommandList\n          onOutcomeAction={backToText}\n          navigator={nav}\n          id={id}\n          label={messages().commands}\n          query={nav.query}\n          header={\n            <Show when={depth() > 0}>\n              <label class=\"k2b-dropdown__search\">\n                <i class=\"ti ti-search\" aria-hidden=\"true\" />\n                <input\n                  ref={searchField}\n                  type=\"search\"\n                  role=\"combobox\"\n                  aria-label={nav.step()?.next?.label}\n                  aria-expanded=\"true\"\n                  aria-controls={id}\n                  aria-autocomplete=\"list\"\n                  aria-activedescendant={\n                    nav.entries()[nav.active()] && !nav.entries()[nav.active()]!.disabled ? commandOptionId(id, nav.active()) : undefined\n                  }\n                  autocomplete=\"off\"\n                  spellcheck={false}\n                  enterkeyhint=\"go\"\n                  placeholder={nav.step()?.next?.label}\n                  value={search()}\n                  // While a command runs, the list waits for it.\n                  readOnly={nav.busy()}\n                  onInput={(event) => setSearch(event.currentTarget.value)}\n                  onKeyDown={(event) => {\n                    if (event.key === \"Escape\" && nav.busy()) {\n                      // Escape stops a running command and closes the list.\n                      event.preventDefault();\n                      const at = held()?.start;\n                      nav.abort();\n                      close();\n                      if (at !== undefined) focusText(at);\n                      return;\n                    }\n                    if (commandListKey(nav, event, search())) event.preventDefault();\n                  }}\n                  onBlur={(event) => {\n                    // Leaving the list, other than to the text by this part itself, closes it. An outcome that took the\n                    // list's place removed this field; the finished command puts the focus back in the text.\n                    if (moving || nav.outcome() || (event.relatedTarget instanceof Node && popover?.contains(event.relatedTarget))) return;\n                    close();\n                  }}\n                />\n              </label>\n            </Show>\n          }\n        />\n      </div>\n    </Show>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/period-picker-messages.js

@@ -0,0 +1,71 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+
+/** Labels of the built-in period presets and the picker's own words. */
+const periodPickerMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      period: "Period",
+      choosePeriod: "Choose a period",
+      custom: "Custom range",
+      from: "From",
+      to: "To",
+      backToPresets: "Back to presets",
+      since: ({
+        date
+      }) => `since ${date}`,
+      days: ({
+        count
+      }) => count === 1 ? "1 day" : `${count} days`,
+      today: "Today",
+      yesterday: "Yesterday",
+      "this-week": "This week",
+      "last-week": "Last week",
+      "this-month": "This month",
+      "last-month": "Last month",
+      "this-quarter": "This quarter",
+      "last-quarter": "Last quarter",
+      "this-year": "This year",
+      "last-year": "Last year",
+      all: "All time"
+    },
+    de: {
+      period: "Zeitraum",
+      choosePeriod: "Zeitraum wählen",
+      custom: "Frei wählen",
+      from: "Von",
+      to: "Bis",
+      backToPresets: "Zurück zu den Vorgaben",
+      since: ({
+        date
+      }) => `seit ${date}`,
+      days: ({
+        count
+      }) => count === 1 ? "1 Tag" : `${count} Tage`,
+      today: "Heute",
+      yesterday: "Gestern",
+      "this-week": "Diese Woche",
+      "last-week": "Letzte Woche",
+      "this-month": "Dieser Monat",
+      "last-month": "Letzter Monat",
+      "this-quarter": "Dieses Quartal",
+      "last-quarter": "Letztes Quartal",
+      "this-year": "Dieses Jahr",
+      "last-year": "Letztes Jahr",
+      all: "Gesamt"
+    }
+  }
+});
+const builtInKeys = new Set(["today", "yesterday", "this-week", "last-week", "this-month", "last-month", "this-quarter", "last-quarter", "this-year", "last-year", "all"]);
+/** The translated label of a built-in preset key, if it is one. */
+export const builtInPresetLabel = (t, key) => builtInKeys.has(key) ? t[key] : undefined;
+
+/** Resolved from the inherited render locale. */
+export const usePeriodPickerMessages = () => {
+  const locale = useLocale();
+  return () => periodPickerMessages.resolve([locale()]).t;
+};
+export const resolvePeriodPickerMessages = locale => periodPickerMessages.resolve([locale ?? "en"]).t;
+export const checkPeriodPickerMessages = () => periodPickerMessages.check();
+//# sourceMappingURL=period-picker-messages.js.map

package/dist/browser/inputs/period-picker-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/period-picker-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\n/** Labels of the built-in period presets and the picker's own words. */\nconst periodPickerMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      period: \"Period\",\n      choosePeriod: \"Choose a period\",\n      custom: \"Custom range\",\n      from: \"From\",\n      to: \"To\",\n      backToPresets: \"Back to presets\",\n      since: ({ date }: { date: string }) => `since ${date}`,\n      days: ({ count }: { count: number }) => (count === 1 ? \"1 day\" : `${count} days`),\n      today: \"Today\",\n      yesterday: \"Yesterday\",\n      \"this-week\": \"This week\",\n      \"last-week\": \"Last week\",\n      \"this-month\": \"This month\",\n      \"last-month\": \"Last month\",\n      \"this-quarter\": \"This quarter\",\n      \"last-quarter\": \"Last quarter\",\n      \"this-year\": \"This year\",\n      \"last-year\": \"Last year\",\n      all: \"All time\",\n    },\n    de: {\n      period: \"Zeitraum\",\n      choosePeriod: \"Zeitraum wählen\",\n      custom: \"Frei wählen\",\n      from: \"Von\",\n      to: \"Bis\",\n      backToPresets: \"Zurück zu den Vorgaben\",\n      since: ({ date }) => `seit ${date}`,\n      days: ({ count }) => (count === 1 ? \"1 Tag\" : `${count} Tage`),\n      today: \"Heute\",\n      yesterday: \"Gestern\",\n      \"this-week\": \"Diese Woche\",\n      \"last-week\": \"Letzte Woche\",\n      \"this-month\": \"Dieser Monat\",\n      \"last-month\": \"Letzter Monat\",\n      \"this-quarter\": \"Dieses Quartal\",\n      \"last-quarter\": \"Letztes Quartal\",\n      \"this-year\": \"Dieses Jahr\",\n      \"last-year\": \"Letztes Jahr\",\n      all: \"Gesamt\",\n    },\n  },\n});\n\nexport type PeriodPickerMessages = ReturnType<(typeof periodPickerMessages)[\"resolve\"]>[\"t\"];\n\nconst builtInKeys = new Set([\n  \"today\",\n  \"yesterday\",\n  \"this-week\",\n  \"last-week\",\n  \"this-month\",\n  \"last-month\",\n  \"this-quarter\",\n  \"last-quarter\",\n  \"this-year\",\n  \"last-year\",\n  \"all\",\n] as const);\ntype BuiltInKey = typeof builtInKeys extends Set<infer K> ? K : never;\n\n/** The translated label of a built-in preset key, if it is one. */\nexport const builtInPresetLabel = (t: PeriodPickerMessages, key: string): string | undefined =>\n  builtInKeys.has(key as BuiltInKey) ? t[key as BuiltInKey] : undefined;\n\n/** Resolved from the inherited render locale. */\nexport const usePeriodPickerMessages = (): (() => PeriodPickerMessages) => {\n  const locale = useLocale();\n  return () => periodPickerMessages.resolve([locale()]).t;\n};\n\nexport const resolvePeriodPickerMessages = (locale?: string): PeriodPickerMessages => periodPickerMessages.resolve([locale ?? \"en\"]).t;\n\nexport const checkPeriodPickerMessages = () => periodPickerMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;;AAE1C;AACA,MAAM,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC;EACvC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,MAAM,EAAE,QAAQ;MAChB,YAAY,EAAE,iBAAiB;MAC/B,MAAM,EAAE,cAAc;MACtB,IAAI,EAAE,MAAM;MACZ,EAAE,EAAE,IAAI;MACR,aAAa,EAAE,iBAAiB;MAChC,KAAK,EAAE,CAAC;QAAE;MAAuB,CAAC,KAAK,SAAS,IAAI,EAAE;MACtD,IAAI,EAAE,CAAC;QAAE;MAAyB,CAAC,KAAM,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,GAAG,KAAK,OAAQ;MACjF,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,WAAW;MACtB,WAAW,EAAE,WAAW;MACxB,WAAW,EAAE,WAAW;MACxB,YAAY,EAAE,YAAY;MAC1B,YAAY,EAAE,YAAY;MAC1B,cAAc,EAAE,cAAc;MAC9B,cAAc,EAAE,cAAc;MAC9B,WAAW,EAAE,WAAW;MACxB,WAAW,EAAE,WAAW;MACxB,GAAG,EAAE;IACP,CAAC;IACD,EAAE,EAAE;MACF,MAAM,EAAE,UAAU;MAClB,YAAY,EAAE,iBAAiB;MAC/B,MAAM,EAAE,aAAa;MACrB,IAAI,EAAE,KAAK;MACX,EAAE,EAAE,KAAK;MACT,aAAa,EAAE,wBAAwB;MACvC,KAAK,EAAE,CAAC;QAAE;MAAK,CAAC,KAAK,QAAQ,IAAI,EAAE;MACnC,IAAI,EAAE,CAAC;QAAE;MAAM,CAAC,KAAM,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,GAAG,KAAK,OAAQ;MAC9D,KAAK,EAAE,OAAO;MACd,SAAS,EAAE,SAAS;MACpB,WAAW,EAAE,aAAa;MAC1B,WAAW,EAAE,cAAc;MAC3B,YAAY,EAAE,cAAc;MAC5B,YAAY,EAAE,eAAe;MAC7B,cAAc,EAAE,gBAAgB;MAChC,cAAc,EAAE,iBAAiB;MACjC,WAAW,EAAE,aAAa;MAC1B,WAAW,EAAE,cAAc;MAC3B,GAAG,EAAE;IACP;EACF;AACF,CAAC,CAAC;AAIF,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAC1B,OAAO,EACP,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,WAAW,EACX,WAAW,EACX,KAAK,CACG,CAAC;AAGX;AACA,OAAO,MAAM,kBAAkB,GAAG,CAAC,CAAuB,EAAE,GAAW,KACrE,WAAW,CAAC,GAAG,CAAC,GAAiB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAe,GAAG,SAAS;;AAEvE;AACA,OAAO,MAAM,uBAAuB,GAAG,MAAoC;EACzE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,oBAAoB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,OAAO,MAAM,2BAA2B,GAAI,MAAe,IAA2B,oBAAoB,CAAC,OAAO,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;AAEtI,OAAO,MAAM,yBAAyB,GAAG,MAAM,oBAAoB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}