@k2b/ui 0.17.0 → 0.19.0

package/dist/browser/inputs/emoji/emoji-index.js

@@ -0,0 +1,209 @@
+/**
+ * The emoji dataset behind `EmojiPicker` and the composer's `:shortcode` completion. The data (about 80 kB compressed)
+ * loads on first use, so a page that never opens either does not download it.
+ */
+
+import { isInCodeZone } from "../markdown/code-zone";
+
+/** `0` is the default yellow; `1` (light) to `5` (dark) are the Fitzpatrick modifiers. */
+
+export const EMOJI_SKIN_TONES = [0, 1, 2, 3, 4, 5];
+
+/** The groups in their order. Emojibase numbers them 0 to 9; 2 holds skin-tone parts and never appears. */
+export const EMOJI_GROUPS = [{
+  id: 0,
+  key: "smileys",
+  icon: "ti ti-mood-smile"
+}, {
+  id: 1,
+  key: "people",
+  icon: "ti ti-hand-stop"
+}, {
+  id: 3,
+  key: "animals",
+  icon: "ti ti-paw"
+}, {
+  id: 4,
+  key: "food",
+  icon: "ti ti-tools-kitchen-2"
+}, {
+  id: 5,
+  key: "travel",
+  icon: "ti ti-plane"
+}, {
+  id: 6,
+  key: "activities",
+  icon: "ti ti-ball-football"
+}, {
+  id: 7,
+  key: "objects",
+  icon: "ti ti-bulb"
+}, {
+  id: 8,
+  key: "symbols",
+  icon: "ti ti-heart"
+}, {
+  id: 9,
+  key: "flags",
+  icon: "ti ti-flag"
+}];
+const LIGHT_TONE = "\u{1F3FB}";
+const PRESENTATION_SELECTOR = /️/g;
+
+/** Lower case without accents, so "lacheln", "laecheln" and "Lächeln" meet; `_` and `-` separate words. */
+export const normalizeEmojiQuery = value => value.toLowerCase().normalize("NFD").replace(/\p{M}/gu, "").replace(/ß/g, "ss").replace(/[_\-\s]+/g, " ").trim();
+
+/** German also gets its spelling without umlauts: "Lächeln" is found as "laecheln". */
+const germanForms = value => {
+  const plain = normalizeEmojiQuery(value);
+  const spelled = normalizeEmojiQuery(value.toLowerCase().replace(/ä/g, "ae").replace(/ö/g, "oe").replace(/ü/g, "ue"));
+  return spelled === plain ? [plain] : [plain, spelled];
+};
+const list = value => value ? value.split("|") : [];
+export const parseEmojiData = data => {
+  const entries = [];
+  const byEmoji = new Map();
+  const byShortcode = new Map();
+  for (const line of data.split("\n")) {
+    const [emoji, group, light, en, enKeywords, de, deKeywords, codes] = line.split("\t");
+    if (!emoji || !en || !de) continue;
+    const shortcodes = list(codes);
+    const names = [normalizeEmojiQuery(en), ...germanForms(de)];
+    const keywords = [...list(enKeywords).map(normalizeEmojiQuery), ...list(deKeywords).flatMap(germanForms)];
+    const normalizedCodes = shortcodes.map(normalizeEmojiQuery);
+    const entry = {
+      emoji,
+      group: Number(group),
+      light: light || undefined,
+      name: {
+        en,
+        de
+      },
+      shortcodes,
+      search: {
+        names,
+        keywords,
+        shortcodes: normalizedCodes,
+        words: [...new Set([...names, ...keywords, ...normalizedCodes].flatMap(term => term.split(" ")))]
+      }
+    };
+    entries.push(entry);
+    for (const variant of [emoji, ...EMOJI_SKIN_TONES.slice(1).map(tone => emojiInTone(entry, tone))]) {
+      byEmoji.set(variant.replace(PRESENTATION_SELECTOR, ""), entry);
+    }
+    for (const code of shortcodes) byShortcode.set(code.toLowerCase(), entry);
+  }
+  return {
+    entries,
+    byEmoji,
+    byShortcode
+  };
+};
+let loading;
+
+/** Loads and indexes the dataset once. A failed load is retried on the next call. */
+export const loadEmojiIndex = () => {
+  loading ??= import("./emoji-data").then(module => parseEmojiData(module.default), error => {
+    loading = undefined;
+    throw error;
+  });
+  return loading;
+};
+
+/** The entry of an emoji in any skin tone, with or without presentation selectors. */
+export const findEmoji = (index, emoji) => index.byEmoji.get(emoji.replace(PRESENTATION_SELECTOR, ""));
+
+/** The emoji in `tone`; emoji without skin tones stay as they are. */
+export const emojiInTone = (entry, tone) => tone === 0 || !entry.light ? entry.emoji : entry.light.replaceAll(LIGHT_TONE, String.fromCodePoint(0x1f3fb + tone - 1));
+
+/** The name in the render language: German for `de` locales, English otherwise. */
+export const emojiName = (entry, locale) => /^de\b/i.test(locale) ? entry.name.de : entry.name.en;
+
+/**
+ * Lower is better; `undefined` does not match. A shortcode's prefix beats a name's, so `:tad` finds 🎉 first. `infix`
+ * also matches letters inside a name, as the picker's search does.
+ */
+const rank = (entry, query, infix) => {
+  const {
+    names,
+    keywords,
+    shortcodes,
+    words
+  } = entry.search;
+  if (shortcodes.includes(query)) return 0;
+  if (names.includes(query)) return 1;
+  if (shortcodes.some(code => code.startsWith(query))) return 2;
+  if (names.some(name => name.startsWith(query))) return 3;
+  if (names.some(name => name.includes(` ${query}`))) return 4;
+  if (keywords.includes(query)) return 5;
+  if (keywords.some(keyword => keyword.startsWith(query))) return 6;
+  if (infix && names.some(name => name.includes(query))) return 7;
+  // Several words match when each starts a word of the entry: "hand up" finds "raising hand".
+  const terms = query.split(" ");
+  if (terms.length > 1 && terms.every(term => words.some(word => word.startsWith(term)))) return 8;
+  return undefined;
+};
+const ranked = (index, query, infix, limit) => {
+  if (!query) return [];
+  const matches = [];
+  index.entries.forEach((entry, position) => {
+    const value = rank(entry, query, infix);
+    if (value !== undefined) matches.push({
+      entry,
+      rank: value,
+      position
+    });
+  });
+  matches.sort((left, right) => left.rank - right.rank || left.position - right.position);
+  return matches.slice(0, limit).map(match => match.entry);
+};
+
+/** Matches in English and German names, keywords and shortcodes, best first and otherwise in Unicode order. */
+export const searchEmoji = (index, query, limit = Number.POSITIVE_INFINITY) => ranked(index, normalizeEmojiQuery(query.replace(/^:+|:+$/g, "")), true, limit);
+
+/**
+ * The suggestions for a `:shortcode` being typed. Only the start of a shortcode, name, word or keyword counts, and a
+ * leading sign must start a shortcode, as in `:+1` and `:-1`: emoticons such as `:DD`, `:-D` or `:-P` find nothing,
+ * so Enter still sends them.
+ */
+export const suggestEmoji = (index, query, limit) => {
+  if (/^[+-]/.test(query)) {
+    const code = query.toLowerCase();
+    return index.entries.filter(entry => entry.shortcodes.some(shortcode => shortcode.startsWith(code))).slice(0, limit);
+  }
+  const normalized = normalizeEmojiQuery(query);
+  return normalized.length < 2 ? [] : ranked(index, normalized, false, limit);
+};
+
+/** As many recent emoji as the picker shows: three rows. */
+export const RECENT_EMOJI_LIMIT = 24;
+
+/** The recent list after `emoji` was used: it moves to the front, once, and the oldest drop off. */
+export const rememberEmoji = (recent, emoji) => [emoji, ...recent.filter(item => item !== emoji)].slice(0, RECENT_EMOJI_LIMIT);
+/**
+ * The `:shortcode` being typed at the caret: a colon at the start or after a space or "(", then at least two letters,
+ * digits, "_", "+" or "-". Code, URLs ("https://") and times ("10:30") are no queries.
+ */
+export const emojiShortcodeQuery = (text, caret, selectionEnd = caret) => {
+  if (caret !== selectionEnd || isInCodeZone(text, caret)) return null;
+  const match = /(?:^|[\s(]):([\p{L}\p{N}_+-]{2,})$/u.exec(text.slice(0, caret));
+  if (!match) return null;
+  return {
+    start: caret - match[1].length - 1,
+    end: caret,
+    query: match[1]
+  };
+};
+
+/** A complete `:shortcode:` just typed at the caret, such as `:thumbsup:`, with its range. */
+export const completedEmojiShortcode = (text, caret) => {
+  if (isInCodeZone(text, caret)) return null;
+  const match = /(?:^|[\s(]):([\p{L}\p{N}_+-]+):$/u.exec(text.slice(0, caret));
+  if (!match) return null;
+  return {
+    start: caret - match[1].length - 2,
+    end: caret,
+    shortcode: match[1]
+  };
+};
+//# sourceMappingURL=emoji-index.js.map

package/dist/browser/inputs/emoji/emoji-index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/emoji/emoji-index.ts"],"sourcesContent":["/**\n * The emoji dataset behind `EmojiPicker` and the composer's `:shortcode` completion. The data (about 80 kB compressed)\n * loads on first use, so a page that never opens either does not download it.\n */\n\nimport { isInCodeZone } from \"../markdown/code-zone\";\n\n/** `0` is the default yellow; `1` (light) to `5` (dark) are the Fitzpatrick modifiers. */\nexport type EmojiSkinTone = 0 | 1 | 2 | 3 | 4 | 5;\n\nexport const EMOJI_SKIN_TONES: readonly EmojiSkinTone[] = [0, 1, 2, 3, 4, 5];\n\n/** The groups in their order. Emojibase numbers them 0 to 9; 2 holds skin-tone parts and never appears. */\nexport const EMOJI_GROUPS = [\n  { id: 0, key: \"smileys\", icon: \"ti ti-mood-smile\" },\n  { id: 1, key: \"people\", icon: \"ti ti-hand-stop\" },\n  { id: 3, key: \"animals\", icon: \"ti ti-paw\" },\n  { id: 4, key: \"food\", icon: \"ti ti-tools-kitchen-2\" },\n  { id: 5, key: \"travel\", icon: \"ti ti-plane\" },\n  { id: 6, key: \"activities\", icon: \"ti ti-ball-football\" },\n  { id: 7, key: \"objects\", icon: \"ti ti-bulb\" },\n  { id: 8, key: \"symbols\", icon: \"ti ti-heart\" },\n  { id: 9, key: \"flags\", icon: \"ti ti-flag\" },\n] as const;\n\nexport type EmojiGroupKey = (typeof EMOJI_GROUPS)[number][\"key\"];\n\nexport type EmojiEntry = {\n  emoji: string;\n  group: number;\n  /** The light variant; the other tones swap its modifier. Absent for emoji without skin tones. */\n  light?: string;\n  name: { en: string; de: string };\n  shortcodes: readonly string[];\n  /** Normalized names, keywords and shortcodes for search. */\n  search: { names: readonly string[]; keywords: readonly string[]; shortcodes: readonly string[]; words: readonly string[] };\n};\n\nexport type EmojiIndex = {\n  entries: readonly EmojiEntry[];\n  /** Every emoji and skin-tone variant, without presentation selectors, to its entry. Look up with `findEmoji`. */\n  byEmoji: ReadonlyMap<string, EmojiEntry>;\n  byShortcode: ReadonlyMap<string, EmojiEntry>;\n};\n\nconst LIGHT_TONE = \"\\u{1F3FB}\";\nconst PRESENTATION_SELECTOR = /️/g;\n\n/** Lower case without accents, so \"lacheln\", \"laecheln\" and \"Lächeln\" meet; `_` and `-` separate words. */\nexport const normalizeEmojiQuery = (value: string): string =>\n  value\n    .toLowerCase()\n    .normalize(\"NFD\")\n    .replace(/\\p{M}/gu, \"\")\n    .replace(/ß/g, \"ss\")\n    .replace(/[_\\-\\s]+/g, \" \")\n    .trim();\n\n/** German also gets its spelling without umlauts: \"Lächeln\" is found as \"laecheln\". */\nconst germanForms = (value: string): string[] => {\n  const plain = normalizeEmojiQuery(value);\n  const spelled = normalizeEmojiQuery(value.toLowerCase().replace(/ä/g, \"ae\").replace(/ö/g, \"oe\").replace(/ü/g, \"ue\"));\n  return spelled === plain ? [plain] : [plain, spelled];\n};\n\nconst list = (value: string | undefined): string[] => (value ? value.split(\"|\") : []);\n\nexport const parseEmojiData = (data: string): EmojiIndex => {\n  const entries: EmojiEntry[] = [];\n  const byEmoji = new Map<string, EmojiEntry>();\n  const byShortcode = new Map<string, EmojiEntry>();\n  for (const line of data.split(\"\\n\")) {\n    const [emoji, group, light, en, enKeywords, de, deKeywords, codes] = line.split(\"\\t\");\n    if (!emoji || !en || !de) continue;\n    const shortcodes = list(codes);\n    const names = [normalizeEmojiQuery(en), ...germanForms(de)];\n    const keywords = [...list(enKeywords).map(normalizeEmojiQuery), ...list(deKeywords).flatMap(germanForms)];\n    const normalizedCodes = shortcodes.map(normalizeEmojiQuery);\n    const entry: EmojiEntry = {\n      emoji,\n      group: Number(group),\n      light: light || undefined,\n      name: { en, de },\n      shortcodes,\n      search: {\n        names,\n        keywords,\n        shortcodes: normalizedCodes,\n        words: [...new Set([...names, ...keywords, ...normalizedCodes].flatMap((term) => term.split(\" \")))],\n      },\n    };\n    entries.push(entry);\n    for (const variant of [emoji, ...EMOJI_SKIN_TONES.slice(1).map((tone) => emojiInTone(entry, tone))]) {\n      byEmoji.set(variant.replace(PRESENTATION_SELECTOR, \"\"), entry);\n    }\n    for (const code of shortcodes) byShortcode.set(code.toLowerCase(), entry);\n  }\n  return { entries, byEmoji, byShortcode };\n};\n\nlet loading: Promise<EmojiIndex> | undefined;\n\n/** Loads and indexes the dataset once. A failed load is retried on the next call. */\nexport const loadEmojiIndex = (): Promise<EmojiIndex> => {\n  loading ??= import(\"./emoji-data\").then(\n    (module) => parseEmojiData(module.default),\n    (error: unknown) => {\n      loading = undefined;\n      throw error;\n    },\n  );\n  return loading;\n};\n\n/** The entry of an emoji in any skin tone, with or without presentation selectors. */\nexport const findEmoji = (index: EmojiIndex, emoji: string): EmojiEntry | undefined =>\n  index.byEmoji.get(emoji.replace(PRESENTATION_SELECTOR, \"\"));\n\n/** The emoji in `tone`; emoji without skin tones stay as they are. */\nexport const emojiInTone = (entry: EmojiEntry, tone: EmojiSkinTone): string =>\n  tone === 0 || !entry.light ? entry.emoji : entry.light.replaceAll(LIGHT_TONE, String.fromCodePoint(0x1f3fb + tone - 1));\n\n/** The name in the render language: German for `de` locales, English otherwise. */\nexport const emojiName = (entry: EmojiEntry, locale: string): string => (/^de\\b/i.test(locale) ? entry.name.de : entry.name.en);\n\n/**\n * Lower is better; `undefined` does not match. A shortcode's prefix beats a name's, so `:tad` finds 🎉 first. `infix`\n * also matches letters inside a name, as the picker's search does.\n */\nconst rank = (entry: EmojiEntry, query: string, infix: boolean): number | undefined => {\n  const { names, keywords, shortcodes, words } = entry.search;\n  if (shortcodes.includes(query)) return 0;\n  if (names.includes(query)) return 1;\n  if (shortcodes.some((code) => code.startsWith(query))) return 2;\n  if (names.some((name) => name.startsWith(query))) return 3;\n  if (names.some((name) => name.includes(` ${query}`))) return 4;\n  if (keywords.includes(query)) return 5;\n  if (keywords.some((keyword) => keyword.startsWith(query))) return 6;\n  if (infix && names.some((name) => name.includes(query))) return 7;\n  // Several words match when each starts a word of the entry: \"hand up\" finds \"raising hand\".\n  const terms = query.split(\" \");\n  if (terms.length > 1 && terms.every((term) => words.some((word) => word.startsWith(term)))) return 8;\n  return undefined;\n};\n\nconst ranked = (index: EmojiIndex, query: string, infix: boolean, limit: number): EmojiEntry[] => {\n  if (!query) return [];\n  const matches: { entry: EmojiEntry; rank: number; position: number }[] = [];\n  index.entries.forEach((entry, position) => {\n    const value = rank(entry, query, infix);\n    if (value !== undefined) matches.push({ entry, rank: value, position });\n  });\n  matches.sort((left, right) => left.rank - right.rank || left.position - right.position);\n  return matches.slice(0, limit).map((match) => match.entry);\n};\n\n/** Matches in English and German names, keywords and shortcodes, best first and otherwise in Unicode order. */\nexport const searchEmoji = (index: EmojiIndex, query: string, limit = Number.POSITIVE_INFINITY): EmojiEntry[] =>\n  ranked(index, normalizeEmojiQuery(query.replace(/^:+|:+$/g, \"\")), true, limit);\n\n/**\n * The suggestions for a `:shortcode` being typed. Only the start of a shortcode, name, word or keyword counts, and a\n * leading sign must start a shortcode, as in `:+1` and `:-1`: emoticons such as `:DD`, `:-D` or `:-P` find nothing,\n * so Enter still sends them.\n */\nexport const suggestEmoji = (index: EmojiIndex, query: string, limit: number): EmojiEntry[] => {\n  if (/^[+-]/.test(query)) {\n    const code = query.toLowerCase();\n    return index.entries.filter((entry) => entry.shortcodes.some((shortcode) => shortcode.startsWith(code))).slice(0, limit);\n  }\n  const normalized = normalizeEmojiQuery(query);\n  return normalized.length < 2 ? [] : ranked(index, normalized, false, limit);\n};\n\n/** As many recent emoji as the picker shows: three rows. */\nexport const RECENT_EMOJI_LIMIT = 24;\n\n/** The recent list after `emoji` was used: it moves to the front, once, and the oldest drop off. */\nexport const rememberEmoji = (recent: readonly string[], emoji: string): string[] =>\n  [emoji, ...recent.filter((item) => item !== emoji)].slice(0, RECENT_EMOJI_LIMIT);\n\nexport type EmojiShortcodeQuery = { start: number; end: number; query: string };\n\n/**\n * The `:shortcode` being typed at the caret: a colon at the start or after a space or \"(\", then at least two letters,\n * digits, \"_\", \"+\" or \"-\". Code, URLs (\"https://\") and times (\"10:30\") are no queries.\n */\nexport const emojiShortcodeQuery = (text: string, caret: number, selectionEnd = caret): EmojiShortcodeQuery | null => {\n  if (caret !== selectionEnd || isInCodeZone(text, caret)) return null;\n  const match = /(?:^|[\\s(]):([\\p{L}\\p{N}_+-]{2,})$/u.exec(text.slice(0, caret));\n  if (!match) return null;\n  return { start: caret - match[1]!.length - 1, end: caret, query: match[1]! };\n};\n\n/** A complete `:shortcode:` just typed at the caret, such as `:thumbsup:`, with its range. */\nexport const completedEmojiShortcode = (text: string, caret: number): { start: number; end: number; shortcode: string } | null => {\n  if (isInCodeZone(text, caret)) return null;\n  const match = /(?:^|[\\s(]):([\\p{L}\\p{N}_+-]+):$/u.exec(text.slice(0, caret));\n  if (!match) return null;\n  return { start: caret - match[1]!.length - 2, end: caret, shortcode: match[1]! };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,64 @@
+import { i18n } from "@k2b/stdlib";
+import { useLocale } from "../../intl/locale";
+
+/** The picker's own strings. They live with the picker, so pages without it do not carry them. */
+const emojiMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      emojiPicker: "Emoji",
+      emojiSearch: "Search emoji",
+      emojiGroups: "Emoji groups",
+      emojiRecent: "Recently used",
+      emojiSmileys: "Smileys & emotion",
+      emojiPeople: "People & body",
+      emojiAnimals: "Animals & nature",
+      emojiFood: "Food & drink",
+      emojiTravel: "Travel & places",
+      emojiActivities: "Activities",
+      emojiObjects: "Objects",
+      emojiSymbols: "Symbols",
+      emojiFlags: "Flags",
+      emojiSkinTone: "Skin tone",
+      emojiToneDefault: "Default",
+      emojiToneLight: "Light",
+      emojiToneMediumLight: "Medium-light",
+      emojiToneMedium: "Medium",
+      emojiToneMediumDark: "Medium-dark",
+      emojiToneDark: "Dark",
+      emojiNoResults: "No emoji found",
+      emojiLoadFailed: "Emoji could not be loaded."
+    },
+    de: {
+      emojiPicker: "Emoji",
+      emojiSearch: "Emoji suchen",
+      emojiGroups: "Emoji-Gruppen",
+      emojiRecent: "Zuletzt verwendet",
+      emojiSmileys: "Smileys & Emotionen",
+      emojiPeople: "Menschen & Körper",
+      emojiAnimals: "Tiere & Natur",
+      emojiFood: "Essen & Trinken",
+      emojiTravel: "Reisen & Orte",
+      emojiActivities: "Aktivitäten",
+      emojiObjects: "Gegenstände",
+      emojiSymbols: "Symbole",
+      emojiFlags: "Flaggen",
+      emojiSkinTone: "Hautfarbe",
+      emojiToneDefault: "Standard",
+      emojiToneLight: "Hell",
+      emojiToneMediumLight: "Mittelhell",
+      emojiToneMedium: "Mittel",
+      emojiToneMediumDark: "Mitteldunkel",
+      emojiToneDark: "Dunkel",
+      emojiNoResults: "Kein Emoji gefunden",
+      emojiLoadFailed: "Emoji konnten nicht geladen werden."
+    }
+  }
+});
+/** Resolved from the inherited render locale, like the rest of @k2b/ui. */
+export const useEmojiMessages = () => {
+  const locale = useLocale();
+  return () => emojiMessages.resolve([locale()]).t;
+};
+export const checkEmojiMessages = () => emojiMessages.check();
+//# sourceMappingURL=emoji-messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/emoji/emoji-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"../../intl/locale\";\n\n/** The picker's own strings. They live with the picker, so pages without it do not carry them. */\nconst emojiMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      emojiPicker: \"Emoji\",\n      emojiSearch: \"Search emoji\",\n      emojiGroups: \"Emoji groups\",\n      emojiRecent: \"Recently used\",\n      emojiSmileys: \"Smileys & emotion\",\n      emojiPeople: \"People & body\",\n      emojiAnimals: \"Animals & nature\",\n      emojiFood: \"Food & drink\",\n      emojiTravel: \"Travel & places\",\n      emojiActivities: \"Activities\",\n      emojiObjects: \"Objects\",\n      emojiSymbols: \"Symbols\",\n      emojiFlags: \"Flags\",\n      emojiSkinTone: \"Skin tone\",\n      emojiToneDefault: \"Default\",\n      emojiToneLight: \"Light\",\n      emojiToneMediumLight: \"Medium-light\",\n      emojiToneMedium: \"Medium\",\n      emojiToneMediumDark: \"Medium-dark\",\n      emojiToneDark: \"Dark\",\n      emojiNoResults: \"No emoji found\",\n      emojiLoadFailed: \"Emoji could not be loaded.\",\n    },\n    de: {\n      emojiPicker: \"Emoji\",\n      emojiSearch: \"Emoji suchen\",\n      emojiGroups: \"Emoji-Gruppen\",\n      emojiRecent: \"Zuletzt verwendet\",\n      emojiSmileys: \"Smileys & Emotionen\",\n      emojiPeople: \"Menschen & Körper\",\n      emojiAnimals: \"Tiere & Natur\",\n      emojiFood: \"Essen & Trinken\",\n      emojiTravel: \"Reisen & Orte\",\n      emojiActivities: \"Aktivitäten\",\n      emojiObjects: \"Gegenstände\",\n      emojiSymbols: \"Symbole\",\n      emojiFlags: \"Flaggen\",\n      emojiSkinTone: \"Hautfarbe\",\n      emojiToneDefault: \"Standard\",\n      emojiToneLight: \"Hell\",\n      emojiToneMediumLight: \"Mittelhell\",\n      emojiToneMedium: \"Mittel\",\n      emojiToneMediumDark: \"Mitteldunkel\",\n      emojiToneDark: \"Dunkel\",\n      emojiNoResults: \"Kein Emoji gefunden\",\n      emojiLoadFailed: \"Emoji konnten nicht geladen werden.\",\n    },\n  },\n});\n\nexport type EmojiMessages = ReturnType<(typeof emojiMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale, like the rest of @k2b/ui. */\nexport const useEmojiMessages = (): (() => EmojiMessages) => {\n  const locale = useLocale();\n  return () => emojiMessages.resolve([locale()]).t;\n};\n\nexport const checkEmojiMessages = () => emojiMessages.check();\n"],"mappings":"AAAA,SAAS,IAAI,QAAQ,aAAa;AAClC,SAAS,SAAS,QAAQ,mBAAmB;;AAE7C;AACA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;EAChC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE;IACR,EAAE,EAAE;MACF,WAAW,EAAE,OAAO;MACpB,WAAW,EAAE,cAAc;MAC3B,WAAW,EAAE,cAAc;MAC3B,WAAW,EAAE,eAAe;MAC5B,YAAY,EAAE,mBAAmB;MACjC,WAAW,EAAE,eAAe;MAC5B,YAAY,EAAE,kBAAkB;MAChC,SAAS,EAAE,cAAc;MACzB,WAAW,EAAE,iBAAiB;MAC9B,eAAe,EAAE,YAAY;MAC7B,YAAY,EAAE,SAAS;MACvB,YAAY,EAAE,SAAS;MACvB,UAAU,EAAE,OAAO;MACnB,aAAa,EAAE,WAAW;MAC1B,gBAAgB,EAAE,SAAS;MAC3B,cAAc,EAAE,OAAO;MACvB,oBAAoB,EAAE,cAAc;MACpC,eAAe,EAAE,QAAQ;MACzB,mBAAmB,EAAE,aAAa;MAClC,aAAa,EAAE,MAAM;MACrB,cAAc,EAAE,gBAAgB;MAChC,eAAe,EAAE;IACnB,CAAC;IACD,EAAE,EAAE;MACF,WAAW,EAAE,OAAO;MACpB,WAAW,EAAE,cAAc;MAC3B,WAAW,EAAE,eAAe;MAC5B,WAAW,EAAE,mBAAmB;MAChC,YAAY,EAAE,qBAAqB;MACnC,WAAW,EAAE,mBAAmB;MAChC,YAAY,EAAE,eAAe;MAC7B,SAAS,EAAE,iBAAiB;MAC5B,WAAW,EAAE,eAAe;MAC5B,eAAe,EAAE,aAAa;MAC9B,YAAY,EAAE,aAAa;MAC3B,YAAY,EAAE,SAAS;MACvB,UAAU,EAAE,SAAS;MACrB,aAAa,EAAE,WAAW;MAC1B,gBAAgB,EAAE,UAAU;MAC5B,cAAc,EAAE,MAAM;MACtB,oBAAoB,EAAE,YAAY;MAClC,eAAe,EAAE,QAAQ;MACzB,mBAAmB,EAAE,cAAc;MACnC,aAAa,EAAE,QAAQ;MACvB,cAAc,EAAE,qBAAqB;MACrC,eAAe,EAAE;IACnB;EACF;AACF,CAAC,CAAC;AAIF;AACA,OAAO,MAAM,gBAAgB,GAAG,MAA6B;EAC3D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,OAAO,MAAM,aAAa,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,OAAO,MAAM,kBAAkB,GAAG,MAAM,aAAa,CAAC,KAAK,CAAC,CAAC","ignoreList":[]}

package/dist/browser/inputs/file-drop.js

@@ -0,0 +1,338 @@
+import { text } from "@k2b/stdlib";
+import { checkMimeType } from "@k2b/stdlib/browser";
+import { createSignal } from "solid-js";
+import { announce } from "../feedback/announce";
+import { toast } from "../feedback/toast";
+/** The marker a hovered specific target carries for its ring; regions show their own overlay instead. */
+export const FILE_DROP_ATTRIBUTE = "data-file-drop";
+
+/** Where a region without `for` looks for its area: the nearest dialog, workspace detail, or workspace main area. */
+export const FILE_DROP_DEFAULT_REGION = "dialog, .k2b-app-workspace__detail, .k2b-app-workspace__main";
+
+/**
+ * The type every drag that starts in a page carries. Such a drag holds page content, never files from outside, even
+ * an image that carries one. Marking the drag itself leaves nothing behind when it never reports its end, as when its
+ * start is cancelled or its source is removed.
+ */
+const PAGE_DRAG_TYPE = "application/x-k2b-page-drag";
+
+/** How long after the last drag event a pointer move means the drag ended; a drag over the page repeats them sooner. */
+const DRAG_SILENCE_MS = 600;
+const engines = new WeakMap();
+const isFileDrag = event => {
+  const types = Array.from(event.dataTransfer?.types ?? []);
+  return types.includes("Files") && !types.includes(PAGE_DRAG_TYPE);
+};
+const elementOf = target => target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
+const isModal = dialog => {
+  try {
+    return dialog.matches(":modal");
+  } catch {
+    // An engine without `:modal` has no modal dialogs to defer to.
+    return false;
+  }
+};
+
+/**
+ * The topmost modal dialog. Everything outside of it is inert, so a drag over the page lands inside it; only a drag
+ * over other top-layer content falls back to the last modal dialog in the document.
+ */
+const topModal = (doc, target) => {
+  for (let dialog = elementOf(target)?.closest("dialog"); dialog; dialog = dialog.parentElement?.closest("dialog")) if (isModal(dialog)) return dialog;
+  return Array.from(doc.querySelectorAll("dialog[open]")).filter(isModal).at(-1) ?? null;
+};
+
+/** Sorts dropped files into the ones a target takes and the ones it leaves out, in drop order. */
+export const partitionDroppedFiles = (files, options) => {
+  const limit = options.multiple === false ? 1 : options.maxFiles ?? Number.POSITIVE_INFINITY;
+  const accepted = [];
+  const rejected = [];
+  for (const file of files) {
+    if (options.accept && !checkMimeType(file, options.accept)) rejected.push({
+      file,
+      reason: "type"
+    });else if (options.maxSize !== undefined && file.size > options.maxSize) rejected.push({
+      file,
+      reason: "size"
+    });else if (accepted.length >= limit) rejected.push({
+      file,
+      reason: "count"
+    });else accepted.push(file);
+  }
+  return {
+    accepted,
+    rejected
+  };
+};
+
+/**
+ * During a drag only the types are readable, and only in some engines. A drag is refused when none of them can fit.
+ * An extension in `accept` matches by file name, and systems report differing types for one extension (a `.csv` may be
+ * `application/vnd.ms-excel`), so with one the drop decides.
+ */
+export const refusesDraggedTypes = (types, accept) => {
+  if (!accept || accept.split(",").some(entry => entry.trim().startsWith("."))) return false;
+  return types.length > 0 && types.every(type => type !== "" && !checkMimeType(type, accept));
+};
+const invalidDrag = (event, options) => refusesDraggedTypes(Array.from(event.dataTransfer?.items ?? []).filter(item => item.kind === "file").map(item => item.type), options.accept);
+const MAX_NAMES = 3;
+const nameList = (files, messages) => {
+  const names = files.slice(0, MAX_NAMES).map(file => file.name);
+  return files.length > MAX_NAMES ? `${names.join(", ")} ${messages.fileDropMore({
+    count: files.length - MAX_NAMES
+  })}` : names.join(", ");
+};
+export const fileDropRejectionMessage = (rejected, options, messages, locale) => {
+  const lines = [];
+  const of = reason => rejected.filter(entry => entry.reason === reason).map(entry => entry.file);
+  const type = of("type");
+  const size = of("size");
+  const count = of("count");
+  if (type.length) lines.push(messages.fileDropRejectedType({
+    names: nameList(type, messages)
+  }));
+  if (size.length) lines.push(messages.fileDropRejectedSize({
+    names: nameList(size, messages),
+    limit: text.pprintBytes(options.maxSize ?? 0, {
+      locale
+    })
+  }));
+  if (count.length) lines.push(messages.fileDropRejectedCount({
+    names: nameList(count, messages),
+    max: options.multiple === false ? 1 : options.maxFiles ?? 1
+  }));
+  return lines.join("\n");
+};
+const createEngine = doc => {
+  const view = doc.defaultView;
+  const regions = new Set();
+  const targets = new WeakMap();
+  const [session, setSession] = createSignal(null);
+  const [frame, setFrame] = createSignal(0);
+  /** Elements the drag has entered and not yet left; the drag is over the window while any remains. */
+  const entered = new Set();
+  let lastDragEvent = 0;
+  let marked = null;
+  let frameRequest = 0;
+  const mark = hover => {
+    if (marked && marked !== hover?.element) marked.removeAttribute(FILE_DROP_ATTRIBUTE);
+    marked = null;
+    if (!hover || hover.entry.region) return;
+    marked = hover.element;
+    marked.setAttribute(FILE_DROP_ATTRIBUTE, hover.invalid ? "invalid" : "over");
+  };
+  const regionElement = entry => {
+    const element = entry.region?.();
+    return element?.isConnected ? element : undefined;
+  };
+
+  /** Whether nothing between the target's host and its area hides it, as a dialog stack hides its lower levels. */
+  const displayed = (host, area) => {
+    for (let element = host; element && element !== area; element = element.parentElement) if (view?.getComputedStyle(element).display === "none") return false;
+    return true;
+  };
+
+  /** A region takes part when it is enabled, displayed, and not behind a modal dialog it is not inside of. */
+  const eligible = (entry, modal) => {
+    const element = regionElement(entry);
+    if (!element || entry.options.disabled) return false;
+    return (!modal || modal.contains(element)) && displayed(entry.host?.(), element);
+  };
+  const rendered = element => element === doc.documentElement || element.getClientRects().length > 0;
+  const begin = target => {
+    const modal = topModal(doc, target);
+    const candidates = [...regions].filter(entry => eligible(entry, modal) && rendered(regionElement(entry)));
+    // The latest region on an element replaces earlier ones; a region inside another shown one acts as a specific target.
+    const byElement = new Map();
+    for (const entry of candidates) byElement.set(regionElement(entry), entry);
+    const shown = [...byElement].filter(([element]) => ![...byElement.keys()].some(other => other !== element && other.contains(element)));
+    setSession({
+      shown: shown.map(([, entry]) => entry),
+      hover: null
+    });
+    const first = shown[0]?.[1];
+    if (first) announce(first.options.label);
+  };
+  const end = () => {
+    entered.clear();
+    mark(null);
+    if (session()) setSession(null);
+  };
+  const resolve = target => {
+    const modal = topModal(doc, target);
+    for (let element = elementOf(target); element; element = element.parentElement) {
+      const specific = targets.get(element);
+      if (specific && !specific.options.disabled) return {
+        entry: specific,
+        element
+      };
+      let region;
+      for (const entry of regions) if (regionElement(entry) === element && eligible(entry, modal)) region = entry;
+      if (region) return {
+        entry: region,
+        element
+      };
+    }
+    return null;
+  };
+  const hoverFrom = event => {
+    const current = session();
+    if (!current) return null;
+    const found = resolve(event.target);
+    const hover = found ? {
+      ...found,
+      invalid: invalidDrag(event, found.entry.options)
+    } : null;
+    const previous = current.hover;
+    if (previous?.entry !== hover?.entry || previous?.element !== hover?.element || previous?.invalid !== hover?.invalid) {
+      mark(hover);
+      setSession({
+        ...current,
+        hover
+      });
+    }
+    return hover;
+  };
+
+  /** Over a page with a region, a file never falls through to the browser, which would open it and leave the page. */
+  const guarding = () => [...regions].some(entry => regionElement(entry));
+  const accept = (event, hover) => {
+    if (!hover && !guarding()) return;
+    event.preventDefault();
+    if (event.dataTransfer) event.dataTransfer.dropEffect = hover && !hover.invalid ? "copy" : "none";
+  };
+  const requestFrame = () => {
+    if (frameRequest || !view) return;
+    frameRequest = view.requestAnimationFrame(() => {
+      frameRequest = 0;
+      setFrame(value => value + 1);
+    });
+  };
+  const deliver = (entry, dataTransfer) => {
+    const {
+      options
+    } = entry;
+    const files = Array.from(dataTransfer.files);
+    const {
+      accepted,
+      rejected
+    } = partitionDroppedFiles(files, options);
+    const messages = entry.messages();
+    if (rejected.length) toast.error(fileDropRejectionMessage(rejected, options, messages, entry.locale()));
+    if (!accepted.length && files.length) return;
+    if (accepted.length) announce(accepted.length === 1 ? messages.fileDropDroppedOne({
+      name: accepted[0].name
+    }) : messages.fileDropDropped({
+      count: accepted.length
+    }));
+    void options.onDrop(accepted, {
+      dataTransfer,
+      rejected
+    });
+  };
+  const listeners = {
+    dragstart: event => {
+      event.dataTransfer?.setData(PAGE_DRAG_TYPE, "");
+    },
+    dragenter: event => {
+      const drag = event;
+      if (!isFileDrag(drag)) return;
+      lastDragEvent = event.timeStamp;
+      if (event.target) entered.add(event.target);
+      if (!session()) begin(event.target);
+      accept(drag, hoverFrom(drag));
+    },
+    dragover: event => {
+      const drag = event;
+      if (!isFileDrag(drag)) return;
+      lastDragEvent = event.timeStamp;
+      // An engine may skip the first dragenter; the drag still counts as over the window.
+      if (!session()) {
+        if (event.target) entered.add(event.target);
+        begin(event.target);
+      }
+      accept(drag, hoverFrom(drag));
+      requestFrame();
+    },
+    dragleave: event => {
+      if (!session()) return;
+      if (event.target) entered.delete(event.target);
+      // An element removed during the drag never reports leaving.
+      for (const target of entered) if (target instanceof Node && !target.isConnected) entered.delete(target);
+      if (entered.size === 0) end();
+    },
+    drop: event => {
+      const drag = event;
+      if (!isFileDrag(drag)) return;
+      const found = resolve(event.target);
+      end();
+      if (!found) {
+        if (guarding()) event.preventDefault();
+        return;
+      }
+      // The most specific target owns the drop; editors and other handlers below it never see the files.
+      event.preventDefault();
+      event.stopPropagation();
+      if (drag.dataTransfer) deliver(found.entry, drag.dataTransfer);
+    },
+    keydown: event => {
+      if (event.key === "Escape" && session()) end();
+    },
+    // Engines send no pointer moves during a drag: one long after the last drag event means the drag ended somewhere the
+    // page did not see. One right after it belongs to another pointer, such as a second finger on a touch screen.
+    pointermove: event => {
+      if (session() && event.timeStamp - lastDragEvent > DRAG_SILENCE_MS) end();
+    },
+    visibilitychange: () => {
+      if (doc.visibilityState === "hidden") end();
+    }
+  };
+  let installed = false;
+  const install = () => {
+    if (installed || !view) return;
+    installed = true;
+    for (const [type, listener] of Object.entries(listeners)) (type === "visibilitychange" ? doc : view).addEventListener(type, listener, {
+      capture: true
+    });
+  };
+  return {
+    session,
+    frame,
+    addRegion: entry => {
+      install();
+      regions.add(entry);
+      return () => {
+        regions.delete(entry);
+        const current = session();
+        if (current?.hover?.entry === entry) {
+          mark(null);
+          setSession({
+            ...current,
+            hover: null
+          });
+        }
+      };
+    },
+    setTarget: (element, entry) => {
+      install();
+      targets.set(element, entry);
+    }
+  };
+};
+
+/**
+ * The document an element lives in. A freshly rendered element still belongs to the inert document of the template it
+ * was cloned from; until it is inserted, that is the page's document.
+ */
+export const liveDocument = element => element.ownerDocument.defaultView ? element.ownerDocument : document;
+
+/** The one drag tracker of a document, shared by every drop target in it. */
+export const fileDropEngine = doc => {
+  let engine = engines.get(doc);
+  if (!engine) {
+    engine = createEngine(doc);
+    engines.set(doc, engine);
+  }
+  return engine;
+};
+//# sourceMappingURL=file-drop.js.map