@k2b/ui 0.20.0 → 0.22.0

package/dist/browser/inputs/tag-messages.js

@@ -0,0 +1,44 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const tagMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      addTag: "Add tag",
+      noTagsYet: "No tags yet",
+      removeTag: "Remove tag",
+      tagName: "Tag name",
+      tagCouldNotBeSaved: "The tag could not be saved.",
+      tagActionFailed: "The tag action failed.",
+      tagsPlaceholder: "Tags (e.g. Tag 1, Tag 2,...)",
+      tagsAdded: ({
+        tags
+      }) => `Tags added: ${tags}.`,
+      tagsRemoved: ({
+        tags
+      }) => `Tags removed: ${tags}.`
+    },
+    de: {
+      addTag: "Tag hinzufügen",
+      noTagsYet: "Noch keine Tags",
+      removeTag: "Tag entfernen",
+      tagName: "Tag-Name",
+      tagCouldNotBeSaved: "Der Tag konnte nicht gespeichert werden.",
+      tagActionFailed: "Die Tag-Aktion ist fehlgeschlagen.",
+      tagsPlaceholder: "Tags (z. B. Tag 1, Tag 2, …)",
+      tagsAdded: ({
+        tags
+      }) => `Tags hinzugefügt: ${tags}.`,
+      tagsRemoved: ({
+        tags
+      }) => `Tags entfernt: ${tags}.`
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useTagMessages = () => {
+  const locale = useLocale();
+  return () => tagMessages.resolve([locale()]).t;
+};
+export const checkTagMessages = () => tagMessages.check();
+//# sourceMappingURL=tag-messages.js.map

package/dist/browser/inputs/tag-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/tag-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst tagMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      addTag: \"Add tag\",\n      noTagsYet: \"No tags yet\",\n      removeTag: \"Remove tag\",\n      tagName: \"Tag name\",\n      tagCouldNotBeSaved: \"The tag could not be saved.\",\n      tagActionFailed: \"The tag action failed.\",\n      tagsPlaceholder: \"Tags (e.g. Tag 1, Tag 2,...)\",\n      tagsAdded: ({ tags }: { tags: string }) => `Tags added: ${tags}.`,\n      tagsRemoved: ({ tags }: { tags: string }) => `Tags removed: ${tags}.`,\n    },\n    de: {\n      addTag: \"Tag hinzufügen\",\n      noTagsYet: \"Noch keine Tags\",\n      removeTag: \"Tag entfernen\",\n      tagName: \"Tag-Name\",\n      tagCouldNotBeSaved: \"Der Tag konnte nicht gespeichert werden.\",\n      tagActionFailed: \"Die Tag-Aktion ist fehlgeschlagen.\",\n      tagsPlaceholder: \"Tags (z. B. Tag 1, Tag 2, …)\",\n      tagsAdded: ({ tags }) => `Tags hinzugefügt: ${tags}.`,\n      tagsRemoved: ({ tags }) => `Tags entfernt: ${tags}.`,\n    },\n  },\n});\n\nexport type TagMessages = ReturnType<(typeof tagMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useTagMessages = (): (() => TagMessages) => {\n  const locale = useLocale();\n  return () => tagMessages.resolve([locale()]).t;\n};\n\nexport const checkTagMessages = () => tagMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;EAC9B,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,MAAM,EAAE,SAAS;MACjB,SAAS,EAAE,aAAa;MACxB,SAAS,EAAE,YAAY;MACvB,OAAO,EAAE,UAAU;MACnB,kBAAkB,EAAE,6BAA6B;MACjD,eAAe,EAAE,wBAAwB;MACzC,eAAe,EAAE,8BAA8B;MAC/C,SAAS,EAAE,CAAC;QAAE;MAAuB,CAAC,KAAK,eAAe,IAAI,GAAG;MACjE,WAAW,EAAE,CAAC;QAAE;MAAuB,CAAC,KAAK,iBAAiB,IAAI;IACpE,CAAC;IACD,EAAE,EAAE;MACF,MAAM,EAAE,gBAAgB;MACxB,SAAS,EAAE,iBAAiB;MAC5B,SAAS,EAAE,eAAe;MAC1B,OAAO,EAAE,UAAU;MACnB,kBAAkB,EAAE,0CAA0C;MAC9D,eAAe,EAAE,oCAAoC;MACrD,eAAe,EAAE,8BAA8B;MAC/C,SAAS,EAAE,CAAC;QAAE;MAAK,CAAC,KAAK,qBAAqB,IAAI,GAAG;MACrD,WAAW,EAAE,CAAC;QAAE;MAAK,CAAC,KAAK,kBAAkB,IAAI;IACnD;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,cAAc,GAAG,MAA2B;EACvD,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC;AAED,OAAO,MAAM,gBAAgB,GAAG,MAAM,WAAW,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/inputs/template-messages.js

@@ -0,0 +1,22 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const templateMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      templateEditorPlaceholder: "Write HTML with Liquid values like {{ APP_NAME }}...",
+      templatePreview: "Template preview"
+    },
+    de: {
+      templateEditorPlaceholder: "HTML mit Liquid-Werten wie {{ APP_NAME }} schreiben...",
+      templatePreview: "Vorlagenvorschau"
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useTemplateMessages = () => {
+  const locale = useLocale();
+  return () => templateMessages.resolve([locale()]).t;
+};
+export const checkTemplateMessages = () => templateMessages.check();
+//# sourceMappingURL=template-messages.js.map

package/dist/browser/inputs/template-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/template-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst templateMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      templateEditorPlaceholder: \"Write HTML with Liquid values like {{ APP_NAME }}...\",\n      templatePreview: \"Template preview\",\n    },\n    de: {\n      templateEditorPlaceholder: \"HTML mit Liquid-Werten wie {{ APP_NAME }} schreiben...\",\n      templatePreview: \"Vorlagenvorschau\",\n    },\n  },\n});\n\nexport type TemplateMessages = ReturnType<(typeof templateMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useTemplateMessages = (): (() => TemplateMessages) => {\n  const locale = useLocale();\n  return () => templateMessages.resolve([locale()]).t;\n};\n\nexport const checkTemplateMessages = () => templateMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC;EACnC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,yBAAyB,EAAE,sDAAsD;MACjF,eAAe,EAAE;IACnB,CAAC;IACD,EAAE,EAAE;MACF,yBAAyB,EAAE,wDAAwD;MACnF,eAAe,EAAE;IACnB;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,mBAAmB,GAAG,MAAgC;EACjE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,OAAO,MAAM,qBAAqB,GAAG,MAAM,gBAAgB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/internal/render-error-messages.js

@@ -0,0 +1,20 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../intl/locale";
+const renderErrorMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      couldNotDisplayContent: "This content could not be displayed."
+    },
+    de: {
+      couldNotDisplayContent: "Dieser Inhalt konnte nicht angezeigt werden."
+    }
+  }
+});
+/** Resolved from the inherited render locale. */
+export const useRenderErrorMessages = () => {
+  const locale = useLocale();
+  return () => renderErrorMessages.resolve([locale()]).t;
+};
+export const checkRenderErrorMessages = () => renderErrorMessages.check();
+//# sourceMappingURL=render-error-messages.js.map

package/dist/browser/internal/render-error-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["internal/render-error-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../intl/locale\";\n\nconst renderErrorMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      couldNotDisplayContent: \"This content could not be displayed.\",\n    },\n    de: {\n      couldNotDisplayContent: \"Dieser Inhalt konnte nicht angezeigt werden.\",\n    },\n  },\n});\n\nexport type RenderErrorMessages = ReturnType<(typeof renderErrorMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useRenderErrorMessages = (): (() => RenderErrorMessages) => {\n  const locale = useLocale();\n  return () => renderErrorMessages.resolve([locale()]).t;\n};\n\nexport const checkRenderErrorMessages = () => renderErrorMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,gBAAgB;AAE1C,MAAM,mBAAmB,GAAG,IAAI,CAAC,MAAM,CAAC;EACtC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,sBAAsB,EAAE;IAC1B,CAAC;IACD,EAAE,EAAE;MACF,sBAAsB,EAAE;IAC1B;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,sBAAsB,GAAG,MAAmC;EACvE,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,mBAAmB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,CAAC;AAED,OAAO,MAAM,wBAAwB,GAAG,MAAM,mBAAmB,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/internal/render-error.js

@@ -4,6 +4,7 @@ import { ErrorBoundary, untrack } from "solid-js";
 import { Button } from "../actions/Button";
 import { useUiMessages } from "../intl/messages";
 import Placeholder from "../surfaces/Placeholder";
+import { useRenderErrorMessages } from "./render-error-messages";
 
 /**
  * Guards a Solid root that @k2b/ui creates itself, such as a dialog or a floating window. These roots are mostly
@@ -30,10 +31,11 @@ export function RenderErrorBoundary(props) {
 }
 function RenderErrorNotice(props) {
   const messages = useUiMessages();
+  const renderErrorMessages = useRenderErrorMessages();
   return _$createComponent(Placeholder, {
     state: "error",
     get title() {
-      return messages().couldNotDisplayContent;
+      return renderErrorMessages().couldNotDisplayContent;
     },
     get action() {
       return _$memo(() => !!props.onClose)() ? _$createComponent(Button, {

package/dist/browser/internal/render-error.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["internal/render-error.tsx"],"sourcesContent":["import { ErrorBoundary, type JSX, untrack } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\n\n/**\n * Guards a Solid root that @k2b/ui creates itself, such as a dialog or a floating window. These roots are mostly\n * opened from a click handler, outside any owner and any island boundary. Without a boundary of their own, content\n * that throws on an update throws into the code that wrote the signal and leaves other parts of the page stale.\n * The content is created untracked, as `render()` and components create it, so a signal it reads directly does not\n * rebuild it. `onClose` adds a Close button for a root whose content draws its own close control.\n */\nexport function RenderErrorBoundary(props: { content: () => JSX.Element; onClose?: () => void; onError?: () => void }): JSX.Element {\n  return (\n    <ErrorBoundary\n      fallback={(error: unknown) => {\n        globalThis.reportError(error);\n        props.onError?.();\n        return <RenderErrorNotice onClose={props.onClose} />;\n      }}\n    >\n      {untrack(props.content)}\n    </ErrorBoundary>\n  );\n}\n\nfunction RenderErrorNotice(props: { onClose?: () => void }): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <Placeholder\n      state=\"error\"\n      title={messages().couldNotDisplayContent}\n      action={\n        props.onClose ? (\n          <Button variant=\"secondary\" onClick={() => props.onClose?.()}>\n            {messages().close}\n          </Button>\n        ) : undefined\n      }\n    />\n  );\n}\n"],"mappings":";;AAAA,SAAS,aAAa,EAAY,OAAO,QAAQ,UAAU;AAC3D,SAAS,MAAM,QAAQ,mBAAmB;AAC1C,SAAS,aAAa,QAAQ,kBAAkB;AAChD,OAAO,WAAW,MAAM,yBAAyB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,mBAAmB,CAAC,KAAiF,EAAe;EAClI,yBACG,aAAa;IACZ,QAAQ,EAAG,KAAc,IAAK;MAC5B,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC;MAC7B,KAAK,CAAC,OAAO,GAAG,CAAC;MACjB,yBAAQ,iBAAiB;QAAA,IAAC,OAAO;UAAA,OAAE,KAAK,CAAC,OAAO;QAAA;MAAA;IAClD,CAAC;IAAA;MAAA,OAEA,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;IAAA;EAAA;AAG7B;AAEA,SAAS,iBAAiB,CAAC,KAA+B,EAAe;EACvE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,yBACG,WAAW;IACV,KAAK;IAAA,IACL,KAAK;MAAA,OAAE,QAAQ,CAAC,CAAC,CAAC,sBAAsB;IAAA;IAAA,IACxC,MAAM;MAAA,OACJ,oBAAK,CAAC,OAAO,wBACV,MAAM;QAAC,OAAO;QAAa,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,GAAG,CAAC;QAAA;UAAA,OACzD,QAAQ,CAAC,CAAC,CAAC,KAAK;QAAA;MAAA,KAEjB,SAAS;IAAA;EAAA;AAIrB","ignoreList":[]}
+{"version":3,"names":[],"sources":["internal/render-error.tsx"],"sourcesContent":["import { ErrorBoundary, type JSX, untrack } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport { useRenderErrorMessages } from \"./render-error-messages\";\n\n/**\n * Guards a Solid root that @k2b/ui creates itself, such as a dialog or a floating window. These roots are mostly\n * opened from a click handler, outside any owner and any island boundary. Without a boundary of their own, content\n * that throws on an update throws into the code that wrote the signal and leaves other parts of the page stale.\n * The content is created untracked, as `render()` and components create it, so a signal it reads directly does not\n * rebuild it. `onClose` adds a Close button for a root whose content draws its own close control.\n */\nexport function RenderErrorBoundary(props: { content: () => JSX.Element; onClose?: () => void; onError?: () => void }): JSX.Element {\n  return (\n    <ErrorBoundary\n      fallback={(error: unknown) => {\n        globalThis.reportError(error);\n        props.onError?.();\n        return <RenderErrorNotice onClose={props.onClose} />;\n      }}\n    >\n      {untrack(props.content)}\n    </ErrorBoundary>\n  );\n}\n\nfunction RenderErrorNotice(props: { onClose?: () => void }): JSX.Element {\n  const messages = useUiMessages();\n  const renderErrorMessages = useRenderErrorMessages();\n  return (\n    <Placeholder\n      state=\"error\"\n      title={renderErrorMessages().couldNotDisplayContent}\n      action={\n        props.onClose ? (\n          <Button variant=\"secondary\" onClick={() => props.onClose?.()}>\n            {messages().close}\n          </Button>\n        ) : undefined\n      }\n    />\n  );\n}\n"],"mappings":";;AAAA,SAAS,aAAa,EAAY,OAAO,QAAQ,UAAU;AAC3D,SAAS,MAAM,QAAQ,mBAAmB;AAC1C,SAAS,aAAa,QAAQ,kBAAkB;AAChD,OAAO,WAAW,MAAM,yBAAyB;AACjD,SAAS,sBAAsB,QAAQ,yBAAyB;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,mBAAmB,CAAC,KAAiF,EAAe;EAClI,yBACG,aAAa;IACZ,QAAQ,EAAG,KAAc,IAAK;MAC5B,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC;MAC7B,KAAK,CAAC,OAAO,GAAG,CAAC;MACjB,yBAAQ,iBAAiB;QAAA,IAAC,OAAO;UAAA,OAAE,KAAK,CAAC,OAAO;QAAA;MAAA;IAClD,CAAC;IAAA;MAAA,OAEA,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;IAAA;EAAA;AAG7B;AAEA,SAAS,iBAAiB,CAAC,KAA+B,EAAe;EACvE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,CAAC;EACpD,yBACG,WAAW;IACV,KAAK;IAAA,IACL,KAAK;MAAA,OAAE,mBAAmB,CAAC,CAAC,CAAC,sBAAsB;IAAA;IAAA,IACnD,MAAM;MAAA,OACJ,oBAAK,CAAC,OAAO,wBACV,MAAM;QAAC,OAAO;QAAa,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,GAAG,CAAC;QAAA;UAAA,OACzD,QAAQ,CAAC,CAAC,CAAC,KAAK;QAAA;MAAA,KAEjB,SAAS;IAAA;EAAA;AAIrB","ignoreList":[]}

package/dist/browser/internal/text-selection.js

@@ -0,0 +1,101 @@
+/**
+ * A pointer drag sweeps across page text. No engine may turn that sweep into a
+ * text selection: iPadOS starts a mouse or trackpad selection through the
+ * system's text interaction, which a prevented `pointerdown` does not stop and
+ * which reads only the prefixed `-webkit-user-select`. Every engine gets both
+ * properties, a cancelled `selectstart`, and a selection the press or the drag
+ * made anyway is cleared. Outside a drag, text selection is untouched.
+ */
+
+const properties = ["user-select", "-webkit-user-select", "-webkit-touch-callout"];
+const markSelection = () => {
+  const selection = document.getSelection();
+  if (!selection || selection.isCollapsed) return null;
+  const {
+    anchorNode,
+    anchorOffset,
+    focusNode,
+    focusOffset
+  } = selection;
+  return {
+    anchorNode,
+    anchorOffset,
+    focusNode,
+    focusOffset
+  };
+};
+
+/**
+ * The selection as the last press found it. A drag may start only after a
+ * threshold, when the press has already begun a selection of its own; that one
+ * goes, a selection from before the press stays.
+ */
+let selectionAtPress = null;
+if (typeof window !== "undefined") window.addEventListener("pointerdown", () => selectionAtPress = markSelection(), true);
+
+/** One release per active drag; the page selects text again once all are released. */
+const holds = new Set();
+let restore = null;
+const preventSelectStart = event => event.preventDefault();
+const releaseAll = () => {
+  for (const release of [...holds]) release();
+};
+const engage = () => {
+  const style = document.documentElement.style;
+  const previous = properties.map(property => [property, style.getPropertyValue(property), style.getPropertyPriority(property)]);
+  for (const property of properties) style.setProperty(property, "none");
+  const kept = selectionAtPress;
+  const clearDragSelection = () => {
+    const current = markSelection();
+    if (!current) return;
+    if (kept && current.anchorNode === kept.anchorNode && current.anchorOffset === kept.anchorOffset && current.focusNode === kept.focusNode && current.focusOffset === kept.focusOffset) return;
+    document.getSelection()?.removeAllRanges();
+  };
+  clearDragSelection();
+  document.addEventListener("selectstart", preventSelectStart, true);
+  // WebKit reports no `selectionchange` for a selection in content that has
+  // just become unselectable, so every move of the drag looks as well.
+  document.addEventListener("selectionchange", clearDragSelection);
+  window.addEventListener("pointermove", clearDragSelection, true);
+  window.addEventListener("blur", releaseAll);
+  return () => {
+    clearDragSelection();
+    document.removeEventListener("selectstart", preventSelectStart, true);
+    document.removeEventListener("selectionchange", clearDragSelection);
+    window.removeEventListener("pointermove", clearDragSelection, true);
+    window.removeEventListener("blur", releaseAll);
+    for (const [property, value, priority] of previous) {
+      if (value) style.setProperty(property, value, priority);else style.removeProperty(property);
+    }
+  };
+};
+
+/**
+ * Keeps the page from selecting text while the pointer `pointerId` drags.
+ * Call it when the drag starts and the returned function when it ends; the
+ * function is safe to call more than once. The pointer's `pointerup` or
+ * `pointercancel` and a window `blur` end the hold as well, so a drag that
+ * misses its own cleanup cannot leave the page unselectable. Overlapping drags
+ * share one hold, and the last release restores the page's inline styles
+ * exactly.
+ */
+export const suppressTextSelection = pointerId => {
+  if (typeof document === "undefined") return () => {};
+  const end = event => {
+    if (event.pointerId === pointerId) release();
+  };
+  const release = () => {
+    if (!holds.delete(release)) return;
+    window.removeEventListener("pointerup", end, true);
+    window.removeEventListener("pointercancel", end, true);
+    if (holds.size > 0) return;
+    restore?.();
+    restore = null;
+  };
+  restore ??= engage();
+  holds.add(release);
+  window.addEventListener("pointerup", end, true);
+  window.addEventListener("pointercancel", end, true);
+  return release;
+};
+//# sourceMappingURL=text-selection.js.map

package/dist/browser/internal/text-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["internal/text-selection.ts"],"sourcesContent":["/**\n * A pointer drag sweeps across page text. No engine may turn that sweep into a\n * text selection: iPadOS starts a mouse or trackpad selection through the\n * system's text interaction, which a prevented `pointerdown` does not stop and\n * which reads only the prefixed `-webkit-user-select`. Every engine gets both\n * properties, a cancelled `selectstart`, and a selection the press or the drag\n * made anyway is cleared. Outside a drag, text selection is untouched.\n */\n\nconst properties = [\"user-select\", \"-webkit-user-select\", \"-webkit-touch-callout\"] as const;\n\ntype SelectionMark = { anchorNode: Node | null; anchorOffset: number; focusNode: Node | null; focusOffset: number };\n\nconst markSelection = (): SelectionMark | null => {\n  const selection = document.getSelection();\n  if (!selection || selection.isCollapsed) return null;\n  const { anchorNode, anchorOffset, focusNode, focusOffset } = selection;\n  return { anchorNode, anchorOffset, focusNode, focusOffset };\n};\n\n/**\n * The selection as the last press found it. A drag may start only after a\n * threshold, when the press has already begun a selection of its own; that one\n * goes, a selection from before the press stays.\n */\nlet selectionAtPress: SelectionMark | null = null;\nif (typeof window !== \"undefined\") window.addEventListener(\"pointerdown\", () => (selectionAtPress = markSelection()), true);\n\n/** One release per active drag; the page selects text again once all are released. */\nconst holds = new Set<() => void>();\nlet restore: (() => void) | null = null;\n\nconst preventSelectStart = (event: Event) => event.preventDefault();\n\nconst releaseAll = () => {\n  for (const release of [...holds]) release();\n};\n\nconst engage = (): (() => void) => {\n  const style = document.documentElement.style;\n  const previous = properties.map((property) => [property, style.getPropertyValue(property), style.getPropertyPriority(property)] as const);\n  for (const property of properties) style.setProperty(property, \"none\");\n  const kept = selectionAtPress;\n  const clearDragSelection = () => {\n    const current = markSelection();\n    if (!current) return;\n    if (\n      kept &&\n      current.anchorNode === kept.anchorNode &&\n      current.anchorOffset === kept.anchorOffset &&\n      current.focusNode === kept.focusNode &&\n      current.focusOffset === kept.focusOffset\n    )\n      return;\n    document.getSelection()?.removeAllRanges();\n  };\n  clearDragSelection();\n  document.addEventListener(\"selectstart\", preventSelectStart, true);\n  // WebKit reports no `selectionchange` for a selection in content that has\n  // just become unselectable, so every move of the drag looks as well.\n  document.addEventListener(\"selectionchange\", clearDragSelection);\n  window.addEventListener(\"pointermove\", clearDragSelection, true);\n  window.addEventListener(\"blur\", releaseAll);\n  return () => {\n    clearDragSelection();\n    document.removeEventListener(\"selectstart\", preventSelectStart, true);\n    document.removeEventListener(\"selectionchange\", clearDragSelection);\n    window.removeEventListener(\"pointermove\", clearDragSelection, true);\n    window.removeEventListener(\"blur\", releaseAll);\n    for (const [property, value, priority] of previous) {\n      if (value) style.setProperty(property, value, priority);\n      else style.removeProperty(property);\n    }\n  };\n};\n\n/**\n * Keeps the page from selecting text while the pointer `pointerId` drags.\n * Call it when the drag starts and the returned function when it ends; the\n * function is safe to call more than once. The pointer's `pointerup` or\n * `pointercancel` and a window `blur` end the hold as well, so a drag that\n * misses its own cleanup cannot leave the page unselectable. Overlapping drags\n * share one hold, and the last release restores the page's inline styles\n * exactly.\n */\nexport const suppressTextSelection = (pointerId: number): (() => void) => {\n  if (typeof document === \"undefined\") return () => {};\n  const end = (event: PointerEvent) => {\n    if (event.pointerId === pointerId) release();\n  };\n  const release = () => {\n    if (!holds.delete(release)) return;\n    window.removeEventListener(\"pointerup\", end, true);\n    window.removeEventListener(\"pointercancel\", end, true);\n    if (holds.size > 0) return;\n    restore?.();\n    restore = null;\n  };\n  restore ??= engage();\n  holds.add(release);\n  window.addEventListener(\"pointerup\", end, true);\n  window.addEventListener(\"pointercancel\", end, true);\n  return release;\n};\n"],"mappings":"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","ignoreList":[]}