@chayns-components/emoji-input 5.0.0-beta.112 → 5.0.0-beta.1122

package/lib/cjs/constants/externalServerUrl.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ITEM_STORAGE_BASE_URL = void 0;
+const ITEM_STORAGE_BASE_URL = exports.ITEM_STORAGE_BASE_URL = 'https://cube.tobit.cloud/item-storage/api/v1.0/schemes';
+//# sourceMappingURL=externalServerUrl.js.map

package/lib/cjs/constants/externalServerUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"externalServerUrl.js","names":["ITEM_STORAGE_BASE_URL","exports"],"sources":["../../../src/constants/externalServerUrl.ts"],"sourcesContent":["export const ITEM_STORAGE_BASE_URL = 'https://cube.tobit.cloud/item-storage/api/v1.0/schemes';\n"],"mappings":";;;;;;AAAO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,wDAAwD","ignoreList":[]}

package/lib/cjs/constants/regex.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HTML_NER_REPLACE_REGEX = exports.HTML_NER_IGNORE_REGEX = exports.HTML_LC_MENTION_REGEX = exports.HTML_BOLD_REGEX = exports.HTML_A_TAG_REGEX = exports.BB_NER_REPLACE_REGEX = exports.BB_NER_IGNORE_REGEX = exports.BB_LC_MENTION_REGEX = void 0;
+const BB_LC_MENTION_REGEX = exports.BB_LC_MENTION_REGEX = /\[lc_mention.+?id="([^"]+?)"](.+?)\[\/lc_mention]/g;
+const BB_NER_IGNORE_REGEX = exports.BB_NER_IGNORE_REGEX = /\[nerIgnore](.+?)\[\/nerIgnore]/g;
+const BB_NER_REPLACE_REGEX = exports.BB_NER_REPLACE_REGEX = /\[nerReplace\s*(?:prefix="(.*?)")?\s*type="(.*?)"\s*value="(.*?)"](.*?)\[\/nerReplace]/gi;
+const HTML_LC_MENTION_REGEX = exports.HTML_LC_MENTION_REGEX = /<lc_mention.+?id="([^"]+?)">(?:<span.*?<\/span>)*(.+?)<\/lc_mention>/g;
+const HTML_NER_IGNORE_REGEX = exports.HTML_NER_IGNORE_REGEX = /<nerIgnore>(.+?)<\/nerIgnore>/g;
+const HTML_NER_REPLACE_REGEX = exports.HTML_NER_REPLACE_REGEX = /<nerReplace\s*(?:prefix="(.*?)")?\s*type="(.*?)"\s*value="(.*?)">(.*?)<\/nerReplace>/gi;
+const HTML_BOLD_REGEX = exports.HTML_BOLD_REGEX = /<b>(.+?)<\/b>/g;
+const HTML_A_TAG_REGEX = exports.HTML_A_TAG_REGEX = /(?:<|&lt;)a\b[^>]*?(?:>|&gt;)(.*?)(?:<|&lt;)\/a(?:>|&gt;)/g;
+//# sourceMappingURL=regex.js.map

package/lib/cjs/constants/regex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regex.js","names":["BB_LC_MENTION_REGEX","exports","BB_NER_IGNORE_REGEX","BB_NER_REPLACE_REGEX","HTML_LC_MENTION_REGEX","HTML_NER_IGNORE_REGEX","HTML_NER_REPLACE_REGEX","HTML_BOLD_REGEX","HTML_A_TAG_REGEX"],"sources":["../../../src/constants/regex.ts"],"sourcesContent":["export const BB_LC_MENTION_REGEX = /\\[lc_mention.+?id=\"([^\"]+?)\"](.+?)\\[\\/lc_mention]/g;\nexport const BB_NER_IGNORE_REGEX = /\\[nerIgnore](.+?)\\[\\/nerIgnore]/g;\nexport const BB_NER_REPLACE_REGEX =\n    /\\[nerReplace\\s*(?:prefix=\"(.*?)\")?\\s*type=\"(.*?)\"\\s*value=\"(.*?)\"](.*?)\\[\\/nerReplace]/gi;\n\nexport const HTML_LC_MENTION_REGEX =\n    /<lc_mention.+?id=\"([^\"]+?)\">(?:<span.*?<\\/span>)*(.+?)<\\/lc_mention>/g;\nexport const HTML_NER_IGNORE_REGEX = /<nerIgnore>(.+?)<\\/nerIgnore>/g;\nexport const HTML_NER_REPLACE_REGEX =\n    /<nerReplace\\s*(?:prefix=\"(.*?)\")?\\s*type=\"(.*?)\"\\s*value=\"(.*?)\">(.*?)<\\/nerReplace>/gi;\nexport const HTML_BOLD_REGEX = /<b>(.+?)<\\/b>/g;\nexport const HTML_A_TAG_REGEX = /(?:<|&lt;)a\\b[^>]*?(?:>|&gt;)(.*?)(?:<|&lt;)\\/a(?:>|&gt;)/g;\n"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,oDAAoD;AAChF,MAAME,mBAAmB,GAAAD,OAAA,CAAAC,mBAAA,GAAG,kCAAkC;AAC9D,MAAMC,oBAAoB,GAAAF,OAAA,CAAAE,oBAAA,GAC7B,0FAA0F;AAEvF,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAC9B,uEAAuE;AACpE,MAAMC,qBAAqB,GAAAJ,OAAA,CAAAI,qBAAA,GAAG,gCAAgC;AAC9D,MAAMC,sBAAsB,GAAAL,OAAA,CAAAK,sBAAA,GAC/B,wFAAwF;AACrF,MAAMC,eAAe,GAAAN,OAAA,CAAAM,eAAA,GAAG,gBAAgB;AACxC,MAAMC,gBAAgB,GAAAP,OAAA,CAAAO,gBAAA,GAAG,4DAA4D","ignoreList":[]}

package/lib/{hooks → cjs/hooks}/emojiHistory.js

@@ -7,32 +7,30 @@ exports.useEmojiHistory = void 0;
 var _react = require("react");
 var _get = require("../api/item-storage/get");
 var _put = require("../api/item-storage/put");
-const useEmojiHistory = _ref => {
-  let {
-    accessToken,
-    personId,
-    selectedCategory
-  } = _ref;
+const useEmojiHistory = ({
+  accessToken,
+  personId,
+  selectedCategory
+}) => {
   const [historyEmojis, setHistoryEmojis] = (0, _react.useState)([]);
   const tempHistoryEmojis = (0, _react.useRef)(null);
-  const addOrUpdateEmojiInHistory = (0, _react.useCallback)(async _ref2 => {
-    var _tempHistoryEmojis$cu, _historyItem$count, _historyItem;
-    let {
-      emoji,
-      name,
-      skin_tone_support
-    } = _ref2;
+  const addOrUpdateEmojiInHistory = (0, _react.useCallback)(async ({
+    emoji,
+    name,
+    skin_tone_support
+  }) => {
+    var _historyItem;
     if (typeof accessToken !== 'string' || typeof personId !== 'string') {
       return;
     }
-    const newHistoryEmojis = Array.from((_tempHistoryEmojis$cu = tempHistoryEmojis.current) !== null && _tempHistoryEmojis$cu !== void 0 ? _tempHistoryEmojis$cu : historyEmojis);
+    const newHistoryEmojis = Array.from(tempHistoryEmojis.current ?? historyEmojis);
     const historyItemIndex = newHistoryEmojis.findIndex(item => item.emoji === emoji);
     let historyItem;
     if (historyItemIndex > -1) {
       [historyItem] = newHistoryEmojis.splice(historyItemIndex, 1);
     }
     newHistoryEmojis.push({
-      count: ((_historyItem$count = (_historyItem = historyItem) === null || _historyItem === void 0 ? void 0 : _historyItem.count) !== null && _historyItem$count !== void 0 ? _historyItem$count : 0) + 1,
+      count: (((_historyItem = historyItem) === null || _historyItem === void 0 ? void 0 : _historyItem.count) ?? 0) + 1,
       emoji,
       modifiedTime: new Date().toISOString(),
       name,

package/lib/cjs/hooks/emojiHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiHistory.js","names":["_react","require","_get","_put","useEmojiHistory","accessToken","personId","selectedCategory","historyEmojis","setHistoryEmojis","useState","tempHistoryEmojis","useRef","addOrUpdateEmojiInHistory","useCallback","emoji","name","skin_tone_support","_historyItem","newHistoryEmojis","Array","from","current","historyItemIndex","findIndex","item","historyItem","splice","push","count","modifiedTime","Date","toISOString","sort","a","b","getTime","data","putEmojiHistory","value","slice","loadHistoryEmojis","getEmojiHistory","useEffect","exports"],"sources":["../../../src/hooks/emojiHistory.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { getEmojiHistory } from '../api/item-storage/get';\nimport { putEmojiHistory } from '../api/item-storage/put';\nimport type { Category } from '../types/category';\n\nexport interface HistoryItem {\n    count: number;\n    emoji: string;\n    modifiedTime: string;\n    name: string;\n    skin_tone_support: boolean;\n}\n\ninterface UseEmojiHistoryOptions {\n    accessToken?: string;\n    personId?: string;\n    selectedCategory: Category;\n}\n\nexport const useEmojiHistory = ({\n    accessToken,\n    personId,\n    selectedCategory,\n}: UseEmojiHistoryOptions) => {\n    const [historyEmojis, setHistoryEmojis] = useState<HistoryItem[]>([]);\n\n    const tempHistoryEmojis = useRef<HistoryItem[] | null>(null);\n\n    const addOrUpdateEmojiInHistory = useCallback(\n        async ({\n            emoji,\n            name,\n            skin_tone_support,\n        }: {\n            emoji: string;\n            name: string;\n            skin_tone_support: boolean;\n        }) => {\n            if (typeof accessToken !== 'string' || typeof personId !== 'string') {\n                return;\n            }\n\n            const newHistoryEmojis = Array.from(tempHistoryEmojis.current ?? historyEmojis);\n\n            const historyItemIndex = newHistoryEmojis.findIndex((item) => item.emoji === emoji);\n\n            let historyItem;\n\n            if (historyItemIndex > -1) {\n                [historyItem] = newHistoryEmojis.splice(historyItemIndex, 1);\n            }\n\n            newHistoryEmojis.push({\n                count: (historyItem?.count ?? 0) + 1,\n                emoji,\n                modifiedTime: new Date().toISOString(),\n                name,\n                skin_tone_support,\n            });\n\n            newHistoryEmojis.sort((a, b) => {\n                if (a.count === b.count) {\n                    return new Date(b.modifiedTime).getTime() - new Date(a.modifiedTime).getTime();\n                }\n\n                return b.count - a.count;\n            });\n\n            const { data } = await putEmojiHistory({\n                accessToken,\n                personId,\n                value: newHistoryEmojis.slice(0, 50),\n            });\n\n            if (data) {\n                if (selectedCategory === 'history') {\n                    tempHistoryEmojis.current = data;\n                } else {\n                    tempHistoryEmojis.current = null;\n\n                    setHistoryEmojis(data);\n                }\n            }\n        },\n        [accessToken, historyEmojis, personId, selectedCategory],\n    );\n\n    const loadHistoryEmojis = useCallback(async () => {\n        if (typeof accessToken !== 'string' || typeof personId !== 'string') {\n            return;\n        }\n\n        const { data } = await getEmojiHistory({ accessToken, personId });\n\n        if (data) {\n            setHistoryEmojis(data);\n        }\n    }, [accessToken, personId]);\n\n    useEffect(() => {\n        void loadHistoryEmojis();\n    }, [loadHistoryEmojis]);\n\n    useEffect(() => {\n        if (selectedCategory !== 'history' && tempHistoryEmojis.current) {\n            setHistoryEmojis(tempHistoryEmojis.current);\n        }\n    }, [selectedCategory]);\n\n    return { addOrUpdateEmojiInHistory, historyEmojis: historyEmojis.slice(0, 25) };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/{index.js → cjs/index.js}

@@ -38,5 +38,5 @@ var _EmojiPickerPopup = _interopRequireDefault(require("./components/emoji-picke
 var _EmojiPicker = _interopRequireDefault(require("./components/emoji-picker/EmojiPicker"));
 var _alignment = require("./constants/alignment");
 var _emoji = require("./utils/emoji");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_EmojiInput","_interopRequireDefault","require","_EmojiPickerPopup","_EmojiPicker","_alignment","_emoji","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as EmojiInput } from './components/emoji-input/EmojiInput';\nexport type { EmojiInputRef } from './components/emoji-input/EmojiInput';\nexport { default as EmojiPickerPopup } from './components/emoji-picker-popup/EmojiPickerPopup';\nexport { default as EmojiPicker } from './components/emoji-picker/EmojiPicker';\nexport { PopupAlignment } from './constants/alignment';\nexport { convertEmojisToUnicode } from './utils/emoji';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAuD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/cjs/types/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":[],"sources":["../../../src/types/api.ts"],"sourcesContent":["export interface ApiFunctionResult<T = null> {\n    data?: T;\n    status?: number;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/types/category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"category.js","names":[],"sources":["../../../src/types/category.ts"],"sourcesContent":["export type Category =\n    | 'history'\n    | 'smileys_emotion'\n    | 'people_body'\n    | 'animals_nature'\n    | 'food_drink'\n    | 'travel_places'\n    | 'activities'\n    | 'objects'\n    | 'symbols'\n    | 'flags';\n"],"mappings":"","ignoreList":[]}

package/lib/{utils → cjs/utils}/emoji.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.convertEmojisToUnicode = exports.addSkinToneToEmoji = void 0;
+exports.unescapeHTML = exports.escapeHTML = exports.convertEmojisToUnicode = exports.addSkinToneToEmoji = void 0;
 var _dataByEmoji = _interopRequireDefault(require("unicode-emoji-json/data-by-emoji.json"));
 var _emoji = require("../constants/emoji");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const convert = unicode => {
   if (unicode.indexOf('-') > -1) {
     const parts = [];
@@ -51,11 +51,19 @@ const unescapeHTML = text => {
     ''': "'",
     ''': "'"
   };
-  return text.replace(/&(?:amp|#38|#x26|lt|#60|#x3C|gt|#62|#x3E|apos|#39|#x27|quot|#34|#x22);/gi, match => {
-    var _unescaped$match;
-    return (_unescaped$match = unescaped[match]) !== null && _unescaped$match !== void 0 ? _unescaped$match : match;
-  });
+  return text.replace(/&(?:amp|#38|#x26|lt|#60|#x3C|gt|#62|#x3E|apos|#39|#x27|quot|#34|#x22);/gi, match => unescaped[match] ?? match);
+};
+exports.unescapeHTML = unescapeHTML;
+const escapeHTML = text => {
+  const escaped = {
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&apos;'
+  };
+  return text.replace(/[&<>"']/g, match => escaped[match] ?? match);
 };
+exports.escapeHTML = escapeHTML;
 const convertEmojisToUnicode = text => {
   let result = text;
   result = result.replace(/https?:\/\/.*?(?=$|\s)/gi, fullMatch => fullMatch.replace(/:/g, '%3A'));

package/lib/cjs/utils/emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.js","names":["_dataByEmoji","_interopRequireDefault","require","_emoji","e","__esModule","default","convert","unicode","indexOf","parts","s","split","i","length","part","parseInt","hi","Math","floor","lo","String","fromCharCode","push","join","unescapeHTML","text","unescaped","replace","match","exports","escapeHTML","escaped","convertEmojisToUnicode","result","fullMatch","regShortnames","shortname","shortNameList","toUpperCase","regAscii","m1","m2","m3","asciiList","addSkinToneToEmoji","emoji","skinTone","map","rawEmoji","_emojiList$rawEmoji","emojiList","skin_tone_support"],"sources":["../../../src/utils/emoji.ts"],"sourcesContent":["import emojiList from 'unicode-emoji-json/data-by-emoji.json';\nimport { asciiList, regAscii, regShortnames, shortNameList } from '../constants/emoji';\n\nconst convert = (unicode: string) => {\n    if (unicode.indexOf('-') > -1) {\n        const parts = [];\n\n        const s = unicode.split('-');\n\n        for (let i = 0; i < s.length; i++) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            let part: number | string = parseInt(s[i]!, 16);\n\n            if (part >= 0x10000 && part <= 0x10ffff) {\n                const hi = Math.floor((part - 0x10000) / 0x400) + 0xd800;\n                const lo = ((part - 0x10000) % 0x400) + 0xdc00;\n\n                part = String.fromCharCode(hi) + String.fromCharCode(lo);\n            } else {\n                part = String.fromCharCode(part);\n            }\n\n            parts.push(part);\n        }\n\n        return parts.join('');\n    }\n\n    const s = parseInt(unicode, 16);\n\n    if (s >= 0x10000 && s <= 0x10ffff) {\n        const hi = Math.floor((s - 0x10000) / 0x400) + 0xd800;\n        const lo = ((s - 0x10000) % 0x400) + 0xdc00;\n\n        return String.fromCharCode(hi) + String.fromCharCode(lo);\n    }\n\n    return String.fromCharCode(s);\n};\n\nexport const unescapeHTML = (text: string) => {\n    const unescaped: { [key: string]: string } = {\n        '&amp;': '&',\n        '&#38;': '&',\n        '&#x26;': '&',\n        '&lt;': '<',\n        '&#60;': '<',\n        '&#x3C;': '<',\n        '&gt;': '>',\n        '&#62;': '>',\n        '&#x3E;': '>',\n        '&quot;': '\"',\n        '&#34;': '\"',\n        '&#x22;': '\"',\n        '&apos;': \"'\",\n        '&#39;': \"'\",\n        '&#x27;': \"'\",\n    };\n\n    return text.replace(\n        /&(?:amp|#38|#x26|lt|#60|#x3C|gt|#62|#x3E|apos|#39|#x27|quot|#34|#x22);/gi,\n        (match) => unescaped[match] ?? match,\n    );\n};\n\nexport const escapeHTML = (text: string) => {\n    const escaped: { [key: string]: string } = {\n        '<': '&lt;',\n        '>': '&gt;',\n        '\"': '&quot;',\n        \"'\": '&apos;',\n    };\n\n    return text.replace(/[&<>\"']/g, (match) => escaped[match] ?? match);\n};\n\nexport const convertEmojisToUnicode = (text: string): string => {\n    let result = text;\n\n    result = result.replace(/https?:\\/\\/.*?(?=$|\\s)/gi, (fullMatch) =>\n        fullMatch.replace(/:/g, '%3A'),\n    );\n\n    result = result.replace(regShortnames, (shortname) => {\n        if (shortname) {\n            const unicode = shortNameList[shortname];\n\n            if (unicode) {\n                return convert(unicode.toUpperCase());\n            }\n        }\n\n        return shortname;\n    });\n\n    result = result.replace(/https?%3A\\/\\/.*?(?=$|\\s)/gi, (fullMatch) =>\n        fullMatch.replace(/%3A/g, ':'),\n    );\n\n    result = result.replace(regAscii, (fullMatch, m1, m2, m3) => {\n        if (typeof m3 === 'string' && m3 !== '') {\n            const unicode = asciiList[unescapeHTML(m3)];\n\n            if (unicode) {\n                return (m2 as string) + convert(unicode.toUpperCase());\n            }\n        }\n\n        return fullMatch;\n    });\n\n    return result;\n};\n\nexport const addSkinToneToEmoji = (emoji: string, skinTone: string): string =>\n    emoji\n        .split('\\u{200D}')\n        .map((rawEmoji) => {\n            const parts = [rawEmoji.replace(/\\ufe0f/, '')];\n\n            // @ts-expect-error: Difficult to type external json file\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (emojiList[rawEmoji]?.skin_tone_support) {\n                parts.push(skinTone);\n            }\n\n            return parts.join('');\n        })\n        .join('\\u{200D}');\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/environment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment.js","names":["DeviceType","getDeviceType","userAgent","navigator","test","Smartphone","Tablet","Desktop","exports","getIsMacOS","getIsMobile","deviceType"],"sources":["../../../src/utils/environment.ts"],"sourcesContent":["enum DeviceType {\n    Desktop,\n    Smartphone,\n    Tablet,\n}\n\nexport const getDeviceType = (): DeviceType => {\n    const { userAgent } = navigator;\n\n    if (\n        /Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(\n            userAgent,\n        )\n    ) {\n        return DeviceType.Smartphone;\n    }\n\n    if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(userAgent)) {\n        return DeviceType.Tablet;\n    }\n\n    return DeviceType.Desktop;\n};\n\nexport const getIsMacOS = () => /Mac OS X/i.test(navigator.userAgent);\n\nexport const getIsMobile = (): boolean => {\n    const deviceType = getDeviceType();\n\n    return deviceType === DeviceType.Smartphone || deviceType === DeviceType.Tablet;\n};\n"],"mappings":";;;;;;IAAKA,UAAU,0BAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA,EAAVA,UAAU;AAMR,MAAMC,aAAa,GAAGA,CAAA,KAAkB;EAC3C,MAAM;IAAEC;EAAU,CAAC,GAAGC,SAAS;EAE/B,IACI,qGAAqG,CAACC,IAAI,CACtGF,SACJ,CAAC,EACH;IACE,OAAOF,UAAU,CAACK,UAAU;EAChC;EAEA,IAAI,kDAAkD,CAACD,IAAI,CAACF,SAAS,CAAC,EAAE;IACpE,OAAOF,UAAU,CAACM,MAAM;EAC5B;EAEA,OAAON,UAAU,CAACO,OAAO;AAC7B,CAAC;AAACC,OAAA,CAAAP,aAAA,GAAAA,aAAA;AAEK,MAAMQ,UAAU,GAAGA,CAAA,KAAM,WAAW,CAACL,IAAI,CAACD,SAAS,CAACD,SAAS,CAAC;AAACM,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAE/D,MAAMC,WAAW,GAAGA,CAAA,KAAe;EACtC,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;EAElC,OAAOU,UAAU,KAAKX,UAAU,CAACK,UAAU,IAAIM,UAAU,KAAKX,UAAU,CAACM,MAAM;AACnF,CAAC;AAACE,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/cjs/utils/font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.js","names":["_environment","require","getRootFontFamily","rootElement","document","querySelector","window","getComputedStyle","getPropertyValue","getFontFamily","getIsMobile","getIsMacOS","exports"],"sources":["../../../src/utils/font.ts"],"sourcesContent":["import { getIsMacOS, getIsMobile } from './environment';\n\nconst getRootFontFamily = () => {\n    const rootElement = document.querySelector(':root');\n\n    if (!rootElement) {\n        return '';\n    }\n\n    return window.getComputedStyle(rootElement).getPropertyValue('font-family');\n};\n\nexport const getFontFamily = () =>\n    `${getRootFontFamily()}${getIsMobile() || getIsMacOS() ? '' : ', Noto Color Emoji'}, serif`;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC5B,MAAMC,WAAW,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAEnD,IAAI,CAACF,WAAW,EAAE;IACd,OAAO,EAAE;EACb;EAEA,OAAOG,MAAM,CAACC,gBAAgB,CAACJ,WAAW,CAAC,CAACK,gBAAgB,CAAC,aAAa,CAAC;AAC/E,CAAC;AAEM,MAAMC,aAAa,GAAGA,CAAA,KACzB,GAAGP,iBAAiB,CAAC,CAAC,GAAG,IAAAQ,wBAAW,EAAC,CAAC,IAAI,IAAAC,uBAAU,EAAC,CAAC,GAAG,EAAE,GAAG,oBAAoB,SAAS;AAACC,OAAA,CAAAH,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/cjs/utils/insert.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replaceText = exports.insertTextAtCursorPosition = void 0;
+var _selection = require("./selection");
+/**
+ * This function inserts the passed text at the correct position in the editor element. If the
+ * element has the focus, the new emoji is inserted at the cursor position. If not, the emoji
+ * will be appended to the back of the input field content.
+ *
+ * In addition, this function also sets the cursor to the correct position when the input field
+ * has the focus. For this purpose, the current position of the cursor or a selection is read to
+ * calculate the cursor position after inserting the text.
+ *
+ * @param {Object} options - Object with element and text to insert
+ * @param {HTMLDivElement} options.editorElement - Element to insert text into
+ * @param {string} options.text - Text to insert into element
+ */
+const insertTextAtCursorPosition = ({
+  editorElement,
+  text,
+  shouldUseSavedSelection = false
+}) => {
+  if (shouldUseSavedSelection) {
+    (0, _selection.restoreSelection)(editorElement);
+  }
+  const selection = window.getSelection();
+  (0, _selection.saveSelection)(editorElement);
+  if (selection !== null && selection !== void 0 && selection.anchorNode && editorElement.contains(selection.anchorNode)) {
+    let range = selection.getRangeAt(0);
+    const parts = text.split(/\r\n|\r|\n/);
+    const firstPart = parts.shift();
+    const textNodes = parts.map(part => document.createTextNode(part));
+    range.deleteContents();
+    if (firstPart) {
+      if (selection.anchorNode.nodeType === Node.TEXT_NODE) {
+        const {
+          nodeValue
+        } = selection.anchorNode;
+        if (typeof nodeValue === 'string') {
+          selection.anchorNode.nodeValue = nodeValue.slice(0, range.startOffset) + firstPart + nodeValue.slice(range.startOffset);
+          (0, _selection.moveSelectionOffset)(firstPart.length);
+        }
+      } else if (selection.anchorNode === editorElement) {
+        const textNode = document.createTextNode(firstPart);
+
+        // Inserts the text node before the node at the anchor offset.
+        // If that node doesn't exist, the text node is appended to the editor, as a fallback. I'm not sure if there is any case where this would happen.
+        const insertBefore = editorElement.childNodes[selection.anchorOffset];
+        if (insertBefore) {
+          insertBefore.before(textNode);
+        } else {
+          editorElement.appendChild(textNode);
+        }
+        const textNodeIndex = Array.from(editorElement.childNodes).indexOf(textNode);
+        (0, _selection.moveSelectionOffset)(firstPart.length);
+        (0, _selection.setChildIndex)(textNodeIndex);
+      }
+    }
+    (0, _selection.restoreSelection)(editorElement);
+    if (textNodes.length > 0) {
+      range = selection.getRangeAt(0);
+      let brElement = document.createElement('br');
+      range.insertNode(brElement);
+      range.setEndAfter(brElement);
+      range.setStartAfter(brElement);
+      textNodes.forEach((textNode, index) => {
+        range.insertNode(textNode);
+        range.setEndAfter(textNode);
+        range.setStartAfter(textNode);
+        if (index !== textNodes.length - 1) {
+          brElement = document.createElement('br');
+          range.insertNode(brElement);
+          range.setEndAfter(brElement);
+          range.setStartAfter(brElement);
+        }
+      });
+      range.collapse(false);
+      selection.removeAllRanges();
+      selection.addRange(range);
+    }
+  } else {
+    // eslint-disable-next-line no-param-reassign
+    editorElement.innerText += text;
+  }
+};
+exports.insertTextAtCursorPosition = insertTextAtCursorPosition;
+const replaceText = ({
+  editorElement,
+  searchText,
+  pasteText
+}) => {
+  const selection = window.getSelection();
+  const rangeToReplace = (0, _selection.findAndSelectText)({
+    editorElement,
+    searchText
+  });
+  if (rangeToReplace && selection) {
+    selection.removeAllRanges();
+    selection.addRange(rangeToReplace);
+    insertTextAtCursorPosition({
+      editorElement,
+      text: pasteText
+    });
+  }
+};
+exports.replaceText = replaceText;
+//# sourceMappingURL=insert.js.map

package/lib/cjs/utils/insert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert.js","names":["_selection","require","insertTextAtCursorPosition","editorElement","text","shouldUseSavedSelection","restoreSelection","selection","window","getSelection","saveSelection","anchorNode","contains","range","getRangeAt","parts","split","firstPart","shift","textNodes","map","part","document","createTextNode","deleteContents","nodeType","Node","TEXT_NODE","nodeValue","slice","startOffset","moveSelectionOffset","length","textNode","insertBefore","childNodes","anchorOffset","before","appendChild","textNodeIndex","Array","from","indexOf","setChildIndex","brElement","createElement","insertNode","setEndAfter","setStartAfter","forEach","index","collapse","removeAllRanges","addRange","innerText","exports","replaceText","searchText","pasteText","rangeToReplace","findAndSelectText"],"sources":["../../../src/utils/insert.ts"],"sourcesContent":["import {\n    findAndSelectText,\n    moveSelectionOffset,\n    restoreSelection,\n    saveSelection,\n    setChildIndex,\n} from './selection';\n\ninterface InsertTextAtCursorPositionOptions {\n    editorElement: HTMLDivElement;\n    text: string;\n    shouldUseSavedSelection?: boolean;\n}\n\n/**\n * This function inserts the passed text at the correct position in the editor element. If the\n * element has the focus, the new emoji is inserted at the cursor position. If not, the emoji\n * will be appended to the back of the input field content.\n *\n * In addition, this function also sets the cursor to the correct position when the input field\n * has the focus. For this purpose, the current position of the cursor or a selection is read to\n * calculate the cursor position after inserting the text.\n *\n * @param {Object} options - Object with element and text to insert\n * @param {HTMLDivElement} options.editorElement - Element to insert text into\n * @param {string} options.text - Text to insert into element\n */\nexport const insertTextAtCursorPosition = ({\n    editorElement,\n    text,\n    shouldUseSavedSelection = false,\n}: InsertTextAtCursorPositionOptions) => {\n    if (shouldUseSavedSelection) {\n        restoreSelection(editorElement);\n    }\n\n    const selection = window.getSelection();\n\n    saveSelection(editorElement);\n\n    if (selection?.anchorNode && editorElement.contains(selection.anchorNode)) {\n        let range = selection.getRangeAt(0);\n\n        const parts = text.split(/\\r\\n|\\r|\\n/);\n\n        const firstPart = parts.shift();\n\n        const textNodes = parts.map((part) => document.createTextNode(part));\n\n        range.deleteContents();\n\n        if (firstPart) {\n            if (selection.anchorNode.nodeType === Node.TEXT_NODE) {\n                const { nodeValue } = selection.anchorNode;\n\n                if (typeof nodeValue === 'string') {\n                    selection.anchorNode.nodeValue =\n                        nodeValue.slice(0, range.startOffset) +\n                        firstPart +\n                        nodeValue.slice(range.startOffset);\n\n                    moveSelectionOffset(firstPart.length);\n                }\n            } else if (selection.anchorNode === editorElement) {\n                const textNode = document.createTextNode(firstPart);\n\n                // Inserts the text node before the node at the anchor offset.\n                // If that node doesn't exist, the text node is appended to the editor, as a fallback. I'm not sure if there is any case where this would happen.\n                const insertBefore = editorElement.childNodes[selection.anchorOffset];\n                if (insertBefore) {\n                    insertBefore.before(textNode);\n                } else {\n                    editorElement.appendChild(textNode);\n                }\n\n                const textNodeIndex = Array.from(editorElement.childNodes).indexOf(textNode);\n\n                moveSelectionOffset(firstPart.length);\n                setChildIndex(textNodeIndex);\n            }\n        }\n\n        restoreSelection(editorElement);\n\n        if (textNodes.length > 0) {\n            range = selection.getRangeAt(0);\n\n            let brElement = document.createElement('br');\n\n            range.insertNode(brElement);\n            range.setEndAfter(brElement);\n            range.setStartAfter(brElement);\n\n            textNodes.forEach((textNode, index) => {\n                range.insertNode(textNode);\n                range.setEndAfter(textNode);\n                range.setStartAfter(textNode);\n\n                if (index !== textNodes.length - 1) {\n                    brElement = document.createElement('br');\n\n                    range.insertNode(brElement);\n                    range.setEndAfter(brElement);\n                    range.setStartAfter(brElement);\n                }\n            });\n\n            range.collapse(false);\n\n            selection.removeAllRanges();\n            selection.addRange(range);\n        }\n    } else {\n        // eslint-disable-next-line no-param-reassign\n        editorElement.innerText += text;\n    }\n};\n\nexport interface ReplaceTextOptions {\n    editorElement: HTMLDivElement;\n    searchText: string;\n    pasteText: string;\n}\n\nexport const replaceText = ({ editorElement, searchText, pasteText }: ReplaceTextOptions) => {\n    const selection = window.getSelection();\n\n    const rangeToReplace = findAndSelectText({ editorElement, searchText });\n\n    if (rangeToReplace && selection) {\n        selection.removeAllRanges();\n        selection.addRange(rangeToReplace);\n\n        insertTextAtCursorPosition({ editorElement, text: pasteText });\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/number.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clamp = void 0;
+const clamp = (value, min, max) => {
+  if (value < min) {
+    return min;
+  }
+  if (value > max) {
+    return max;
+  }
+  return value;
+};
+exports.clamp = clamp;
+//# sourceMappingURL=number.js.map

package/lib/cjs/utils/number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.js","names":["clamp","value","min","max","exports"],"sources":["../../../src/utils/number.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) => {\n    if (value < min) {\n        return min;\n    }\n\n    if (value > max) {\n        return max;\n    }\n\n    return value;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,KAAK,GAAGA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,KAAK;EAC9D,IAAIF,KAAK,GAAGC,GAAG,EAAE;IACb,OAAOA,GAAG;EACd;EAEA,IAAID,KAAK,GAAGE,GAAG,EAAE;IACb,OAAOA,GAAG;EACd;EAEA,OAAOF,KAAK;AAChB,CAAC;AAACG,OAAA,CAAAJ,KAAA,GAAAA,KAAA","ignoreList":[]}

package/lib/cjs/utils/selection.js

@@ -0,0 +1,281 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setChildIndex = exports.saveSelection = exports.restoreSelection = exports.moveSelectionOffset = exports.insertInvisibleCursorMarker = exports.getCharCodeThatWillBeDeleted = exports.findAndSelectText = void 0;
+var _number = require("./number");
+var _text = require("./text");
+let childIndex = -1;
+let endOffset = -1;
+let startOffset = -1;
+const saveSelection = (element, {
+  shouldIgnoreEmptyTextNodes
+} = {}) => {
+  const selection = window.getSelection();
+  if (!selection) {
+    return;
+  }
+  const {
+    anchorNode
+  } = selection;
+  if (!anchorNode) {
+    return;
+  }
+  const range = selection.getRangeAt(0);
+  let childNodesArray = Array.from(element.childNodes);
+  if (shouldIgnoreEmptyTextNodes) {
+    childNodesArray = childNodesArray.filter(({
+      nodeType,
+      nodeValue
+    }) => nodeType !== Node.TEXT_NODE || nodeValue !== '' && nodeValue !== '\u200B');
+  }
+  childIndex = childNodesArray.indexOf(anchorNode);
+  endOffset = range.endOffset;
+  startOffset = range.startOffset;
+};
+exports.saveSelection = saveSelection;
+const restoreSelection = element => {
+  // Search for \u200C in child nodes. If found, set the childIndex, startOffset, and endOffset to the
+  // position of the \u200C character. Also remove the \u200C character from the child node. If not found,
+  // the childIndex, startOffset, and endOffset will be like before.
+  const childNodesArray = Array.from(element.childNodes);
+  let hasFoundNoJoiner = false;
+  childNodesArray.forEach(node => {
+    if (!hasFoundNoJoiner && node.nodeType === Node.TEXT_NODE && typeof node.nodeValue === 'string') {
+      const noJoinerIndex = node.nodeValue.indexOf('\u200C');
+      if (noJoinerIndex !== -1) {
+        hasFoundNoJoiner = true;
+        childIndex = childNodesArray.indexOf(node);
+        startOffset = noJoinerIndex;
+        endOffset = noJoinerIndex;
+      }
+    }
+  });
+
+  // Remove all no joiner characters from the child nodes if no joiner was found
+  if (hasFoundNoJoiner) {
+    childNodesArray.forEach(node => {
+      if (node.nodeType === Node.TEXT_NODE && typeof node.nodeValue === 'string') {
+        // eslint-disable-next-line no-param-reassign
+        node.nodeValue = node.nodeValue.replace(/\u200C/g, '');
+      }
+    });
+  }
+  let childNode = element.childNodes[childIndex];
+  const selection = window.getSelection();
+  if (!childNode || !element || !selection) {
+    return;
+  }
+
+  // noinspection SuspiciousTypeOfGuard
+  if (typeof childNode.nodeValue !== 'string') {
+    const elementTextLength = (0, _text.getElementTextLength)(childNode);
+    if (childNode.nextSibling) {
+      childNode = childNode.nextSibling;
+      if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {
+        endOffset -= elementTextLength;
+        startOffset -= elementTextLength;
+        if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {
+          endOffset += 1;
+          startOffset += 1;
+        }
+      } else {
+        var _childNode$parentNode;
+        const textNode = document.createTextNode('\u200B');
+        (_childNode$parentNode = childNode.parentNode) === null || _childNode$parentNode === void 0 || _childNode$parentNode.insertBefore(textNode, childNode.nextSibling);
+        childNode = textNode;
+        endOffset = textNode.length;
+        startOffset = textNode.length;
+      }
+    } else {
+      var _childNode$parentNode2;
+      const textNode = document.createTextNode('\u200B');
+      (_childNode$parentNode2 = childNode.parentNode) === null || _childNode$parentNode2 === void 0 || _childNode$parentNode2.insertBefore(textNode, childNode.nextSibling);
+      childNode = textNode;
+      endOffset = textNode.length;
+      startOffset = textNode.length;
+    }
+  } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {
+    var _childNode$nextSiblin;
+    if ((_childNode$nextSiblin = childNode.nextSibling) !== null && _childNode$nextSiblin !== void 0 && _childNode$nextSiblin.nodeValue) {
+      let elementTextLength = childNode.nodeValue.length;
+      childNode = childNode.nextSibling;
+
+      // noinspection SuspiciousTypeOfGuard
+      if (typeof childNode.nodeValue !== 'string') {
+        var _childNode$nextSiblin2;
+        elementTextLength += (0, _text.getElementTextLength)(childNode);
+        if ((_childNode$nextSiblin2 = childNode.nextSibling) !== null && _childNode$nextSiblin2 !== void 0 && _childNode$nextSiblin2.nodeValue) {
+          childNode = childNode.nextSibling;
+          if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {
+            endOffset -= elementTextLength;
+            startOffset -= elementTextLength;
+            if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {
+              endOffset += 1;
+              startOffset += 1;
+            }
+          } else {
+            var _childNode$parentNode3;
+            const textNode = document.createTextNode('\u200B');
+            (_childNode$parentNode3 = childNode.parentNode) === null || _childNode$parentNode3 === void 0 || _childNode$parentNode3.insertBefore(textNode, childNode.nextSibling);
+            childNode = textNode;
+            endOffset = textNode.length;
+            startOffset = textNode.length;
+          }
+        } else {
+          var _childNode$parentNode4;
+          const textNode = document.createTextNode('\u200B');
+          (_childNode$parentNode4 = childNode.parentNode) === null || _childNode$parentNode4 === void 0 || _childNode$parentNode4.insertBefore(textNode, childNode.nextSibling);
+          childNode = textNode;
+          endOffset = textNode.length;
+          startOffset = textNode.length;
+        }
+      }
+    } else {
+      endOffset = childNode.nodeValue.length;
+      startOffset = childNode.nodeValue.length;
+    }
+  }
+  const range = document.createRange();
+
+  // noinspection SuspiciousTypeOfGuard
+  if (typeof childNode.nodeValue === 'string') {
+    startOffset = (0, _number.clamp)(startOffset, 0, childNode.nodeValue.length);
+    endOffset = (0, _number.clamp)(endOffset, 0, childNode.nodeValue.length);
+  }
+  try {
+    range.setStart(childNode, startOffset);
+    range.setEnd(childNode, endOffset);
+  } catch (error) {
+    // Do nothing
+  }
+  selection.removeAllRanges();
+  selection.addRange(range);
+  range.collapse(true);
+};
+exports.restoreSelection = restoreSelection;
+const insertInvisibleCursorMarker = () => {
+  const selection = window.getSelection();
+  if (!selection || selection.rangeCount === 0) {
+    return;
+  }
+  const range = selection.getRangeAt(0);
+  const textNode = range.startContainer;
+  const offset = range.startOffset;
+
+  // noinspection JSDeprecatedSymbols
+  document.execCommand('delete', false);
+  const span = document.createElement('span');
+  span.style.display = 'inline-block';
+  span.style.width = '0';
+  span.style.height = '0';
+  span.className = 'invisible-cursor-marker';
+  const parent = textNode.parentNode;
+  if (parent) {
+    if (textNode.nodeType === Node.TEXT_NODE) {
+      const textContent = textNode.textContent || '';
+      const beforeText = textContent.slice(0, offset);
+      const afterText = textContent.slice(offset);
+      textNode.textContent = beforeText;
+      parent.insertBefore(span, textNode.nextSibling);
+      const afterTextNode = document.createTextNode(afterText);
+      parent.insertBefore(afterTextNode, span.nextSibling);
+      setTimeout(() => {
+        // Set cursor to cursor element
+        const newRange = document.createRange();
+        newRange.setStartAfter(span);
+        newRange.setEndAfter(span);
+        selection.removeAllRanges();
+        selection.addRange(newRange);
+
+        // Remove cursor element
+        span.remove();
+      }, 10);
+    }
+  }
+};
+exports.insertInvisibleCursorMarker = insertInvisibleCursorMarker;
+const moveSelectionOffset = distance => {
+  endOffset += distance;
+  startOffset += distance;
+};
+exports.moveSelectionOffset = moveSelectionOffset;
+const setChildIndex = index => {
+  childIndex = index;
+};
+
+/**
+ * This function returns the code of the character that will be removed by the KeyDown event in the
+ * next step, if the "Backspace" or "Delete" key was pressed and there is no selection of multiple
+ * characters.
+ *
+ * @param event - Keyboard event from "onKeyDown"
+ */
+exports.setChildIndex = setChildIndex;
+const getCharCodeThatWillBeDeleted = event => {
+  var _window$getSelection, _nextSibling$nodeValu;
+  const range = (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.getRangeAt(0);
+
+  /**
+   * At this point the function is aborted if there is no selection range, several characters have
+   * been selected and therefore no single letter is removed or neither the "Backspace" nor the
+   * "Delete" key has been pressed.
+   */
+  if (!range || range.endOffset !== range.startOffset || event.key !== 'Backspace' && event.key !== 'Delete' && event.key !== 'Unidentified') {
+    return null;
+  }
+  if (event.key === 'Backspace' || event.key === 'Unidentified') {
+    var _previousSibling$node;
+    const {
+      nodeValue,
+      previousSibling
+    } = range.startContainer;
+    if (range.startOffset > 0) {
+      return nodeValue === null || nodeValue === void 0 ? void 0 : nodeValue.charCodeAt(range.startOffset - 1);
+    }
+    return previousSibling === null || previousSibling === void 0 || (_previousSibling$node = previousSibling.nodeValue) === null || _previousSibling$node === void 0 ? void 0 : _previousSibling$node.charCodeAt(previousSibling.nodeValue.length - 1);
+  }
+  const {
+    nextSibling,
+    nodeValue
+  } = range.endContainer;
+  if (range.endOffset < ((nodeValue === null || nodeValue === void 0 ? void 0 : nodeValue.length) ?? 0)) {
+    return nodeValue === null || nodeValue === void 0 ? void 0 : nodeValue.charCodeAt(range.endOffset);
+  }
+  return nextSibling === null || nextSibling === void 0 || (_nextSibling$nodeValu = nextSibling.nodeValue) === null || _nextSibling$nodeValu === void 0 ? void 0 : _nextSibling$nodeValu.charCodeAt(0);
+};
+exports.getCharCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted;
+const findAndSelectText = ({
+  editorElement,
+  searchText
+}) => {
+  var _editorElement$textCo;
+  if (!((_editorElement$textCo = editorElement.textContent) !== null && _editorElement$textCo !== void 0 && _editorElement$textCo.includes(searchText))) {
+    return null;
+  }
+  const range = document.createRange();
+  let startNode = null;
+  let offset = -1;
+  const searchNodesForText = node => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      var _node$textContent;
+      const index = (_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : _node$textContent.indexOf(searchText);
+      if (typeof index === 'number' && index !== -1) {
+        startNode = node;
+        offset = index;
+        range.setStart(node, index);
+        range.setEnd(node, index + searchText.length);
+        return true;
+      }
+    } else if (node.nodeName !== 'LC_MENTION') {
+      return Array.from(node.childNodes).some(searchNodesForText);
+    }
+    return false;
+  };
+  searchNodesForText(editorElement);
+  if (startNode && offset !== -1) return range;
+  return null;
+};
+exports.findAndSelectText = findAndSelectText;
+//# sourceMappingURL=selection.js.map