@chayns-components/emoji-input 5.0.0-beta.183 → 5.0.0-beta.185

package/lib/utils/selection.js

@@ -109,6 +109,10 @@ const restoreSelection = element => {
     }
   }
   const range = document.createRange();
+  if (childNode.nodeValue) {
+    startOffset = Math.min(childNode.nodeValue.length, startOffset);
+    endOffset = Math.min(childNode.nodeValue.length, endOffset);
+  }
   range.setStart(childNode, startOffset);
   range.setEnd(childNode, endOffset);
   selection.removeAllRanges();

package/lib/utils/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","names":["_text","require","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","arguments","length","undefined","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","_ref","nodeType","nodeValue","Node","TEXT_NODE","indexOf","exports","restoreSelection","childNode","elementTextLength","getElementTextLength","nextSibling","charCodeAt","_childNode$parentNode","textNode","document","createTextNode","parentNode","insertBefore","_childNode$parentNode2","_childNode$parentNode3","_childNode$parentNode4","createRange","setStart","setEnd","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","_window$getSelection","_nodeValue$length","_nextSibling$nodeValu","key","_previousSibling$node","previousSibling","startContainer","endContainer"],"sources":["../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport { getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n    shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n    element: HTMLDivElement,\n    { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {}\n) => {\n    const selection = window.getSelection();\n\n    if (!selection) {\n        return;\n    }\n\n    const { anchorNode } = selection;\n\n    if (!anchorNode) {\n        return;\n    }\n\n    const range = selection.getRangeAt(0);\n\n    let childNodesArray = Array.from(element.childNodes);\n\n    if (shouldIgnoreEmptyTextNodes) {\n        childNodesArray = childNodesArray.filter(\n            ({ nodeType, nodeValue }) =>\n                nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B')\n        );\n    }\n\n    childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n    endOffset = range.endOffset;\n    startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n    let childNode = element.childNodes[childIndex];\n\n    const selection = window.getSelection();\n\n    if (!childNode || !element || !selection) {\n        return;\n    }\n\n    if (typeof childNode.nodeValue !== 'string') {\n        const elementTextLength = getElementTextLength(childNode as Element);\n\n        if (childNode.nextSibling) {\n            childNode = childNode.nextSibling;\n\n            if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n                endOffset -= elementTextLength;\n                startOffset -= elementTextLength;\n\n                if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n                    endOffset += 1;\n                    startOffset += 1;\n                }\n            } else {\n                const textNode = document.createTextNode('\\u200B');\n\n                childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                childNode = textNode;\n\n                endOffset = textNode.length;\n                startOffset = textNode.length;\n            }\n        } else {\n            const textNode = document.createTextNode('\\u200B');\n\n            childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n            childNode = textNode;\n\n            endOffset = textNode.length;\n            startOffset = textNode.length;\n        }\n    } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n        if (childNode.nextSibling) {\n            let elementTextLength = childNode.nodeValue.length;\n\n            childNode = childNode.nextSibling;\n\n            if (typeof childNode.nodeValue !== 'string') {\n                elementTextLength += getElementTextLength(childNode as Element);\n\n                if (childNode.nextSibling) {\n                    childNode = childNode.nextSibling;\n\n                    if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n                        endOffset -= elementTextLength;\n                        startOffset -= elementTextLength;\n\n                        if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n                            endOffset += 1;\n                            startOffset += 1;\n                        }\n                    } else {\n                        const textNode = document.createTextNode('\\u200B');\n\n                        childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                        childNode = textNode;\n\n                        endOffset = textNode.length;\n                        startOffset = textNode.length;\n                    }\n                } else {\n                    const textNode = document.createTextNode('\\u200B');\n\n                    childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                    childNode = textNode;\n\n                    endOffset = textNode.length;\n                    startOffset = textNode.length;\n                }\n            }\n        } else {\n            endOffset = childNode.nodeValue.length;\n            startOffset = childNode.nodeValue.length;\n        }\n    }\n\n    const range = document.createRange();\n\n    range.setStart(childNode, startOffset);\n    range.setEnd(childNode, endOffset);\n\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    range.collapse(true);\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n    endOffset += distance;\n    startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n    childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n    const range = window.getSelection()?.getRangeAt(0);\n\n    /**\n     * At this point the function is aborted if there is no selection range, several characters have\n     * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n     * \"Delete\" key has been pressed.\n     */\n    if (\n        !range ||\n        range.endOffset !== range.startOffset ||\n        (event.key !== 'Backspace' && event.key !== 'Delete')\n    ) {\n        return null;\n    }\n\n    if (event.key === 'Backspace') {\n        const { nodeValue, previousSibling } = range.startContainer;\n\n        if (range.startOffset > 0) {\n            return nodeValue?.charCodeAt(range.startOffset - 1);\n        }\n\n        return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n    }\n\n    const { nextSibling, nodeValue } = range.endContainer;\n\n    if (range.endOffset < (nodeValue?.length ?? 0)) {\n        return nodeValue?.charCodeAt(range.endOffset);\n    }\n\n    return nextSibling?.nodeValue?.charCodeAt(0);\n};\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAIC,UAAU,GAAG,CAAC,CAAC;AACnB,IAAIC,SAAS,GAAG,CAAC,CAAC;AAClB,IAAIC,WAAW,GAAG,CAAC,CAAC;AAMb,MAAMC,aAAa,GAAG,SAAAA,CACzBC,OAAuB,EAEtB;EAAA,IADD;IAAEC;EAAiD,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEzD,MAAMG,SAAS,GAAGC,MAAM,CAACC,YAAY,CAAC,CAAC;EAEvC,IAAI,CAACF,SAAS,EAAE;IACZ;EACJ;EAEA,MAAM;IAAEG;EAAW,CAAC,GAAGH,SAAS;EAEhC,IAAI,CAACG,UAAU,EAAE;IACb;EACJ;EAEA,MAAMC,KAAK,GAAGJ,SAAS,CAACK,UAAU,CAAC,CAAC,CAAC;EAErC,IAAIC,eAAe,GAAGC,KAAK,CAACC,IAAI,CAACb,OAAO,CAACc,UAAU,CAAC;EAEpD,IAAIb,0BAA0B,EAAE;IAC5BU,eAAe,GAAGA,eAAe,CAACI,MAAM,CACpCC,IAAA;MAAA,IAAC;QAAEC,QAAQ;QAAEC;MAAU,CAAC,GAAAF,IAAA;MAAA,OACpBC,QAAQ,KAAKE,IAAI,CAACC,SAAS,IAAKF,SAAS,KAAK,EAAE,IAAIA,SAAS,KAAK,QAAS;IAAA,CACnF,CAAC;EACL;EAEAtB,UAAU,GAAGe,eAAe,CAACU,OAAO,CAACb,UAAuB,CAAC;EAE7DX,SAAS,GAAGY,KAAK,CAACZ,SAAS;EAC3BC,WAAW,GAAGW,KAAK,CAACX,WAAW;AACnC,CAAC;AAACwB,OAAA,CAAAvB,aAAA,GAAAA,aAAA;AAEK,MAAMwB,gBAAgB,GAAIvB,OAAuB,IAAK;EACzD,IAAIwB,SAAS,GAAGxB,OAAO,CAACc,UAAU,CAAClB,UAAU,CAAC;EAE9C,MAAMS,SAAS,GAAGC,MAAM,CAACC,YAAY,CAAC,CAAC;EAEvC,IAAI,CAACiB,SAAS,IAAI,CAACxB,OAAO,IAAI,CAACK,SAAS,EAAE;IACtC;EACJ;EAEA,IAAI,OAAOmB,SAAS,CAACN,SAAS,KAAK,QAAQ,EAAE;IACzC,MAAMO,iBAAiB,GAAG,IAAAC,0BAAoB,EAACF,SAAoB,CAAC;IAEpE,IAAIA,SAAS,CAACG,WAAW,EAAE;MACvBH,SAAS,GAAGA,SAAS,CAACG,WAAW;MAEjC,IAAIH,SAAS,CAACP,QAAQ,KAAKE,IAAI,CAACC,SAAS,IAAII,SAAS,CAACN,SAAS,EAAE;QAC9DrB,SAAS,IAAI4B,iBAAiB;QAC9B3B,WAAW,IAAI2B,iBAAiB;QAEhC,IAAID,SAAS,CAACN,SAAS,CAACU,UAAU,CAAC/B,SAAS,CAAC,KAAK,IAAI,EAAE;UACpDA,SAAS,IAAI,CAAC;UACdC,WAAW,IAAI,CAAC;QACpB;MACJ,CAAC,MAAM;QAAA,IAAA+B,qBAAA;QACH,MAAMC,QAAQ,GAAGC,QAAQ,CAACC,cAAc,CAAC,QAAQ,CAAC;QAElD,CAAAH,qBAAA,GAAAL,SAAS,CAACS,UAAU,cAAAJ,qBAAA,uBAApBA,qBAAA,CAAsBK,YAAY,CAACJ,QAAQ,EAAEN,SAAS,CAACG,WAAW,CAAC;QAEnEH,SAAS,GAAGM,QAAQ;QAEpBjC,SAAS,GAAGiC,QAAQ,CAAC3B,MAAM;QAC3BL,WAAW,GAAGgC,QAAQ,CAAC3B,MAAM;MACjC;IACJ,CAAC,MAAM;MAAA,IAAAgC,sBAAA;MACH,MAAML,QAAQ,GAAGC,QAAQ,CAACC,cAAc,CAAC,QAAQ,CAAC;MAElD,CAAAG,sBAAA,GAAAX,SAAS,CAACS,UAAU,cAAAE,sBAAA,uBAApBA,sBAAA,CAAsBD,YAAY,CAACJ,QAAQ,EAAEN,SAAS,CAACG,WAAW,CAAC;MAEnEH,SAAS,GAAGM,QAAQ;MAEpBjC,SAAS,GAAGiC,QAAQ,CAAC3B,MAAM;MAC3BL,WAAW,GAAGgC,QAAQ,CAAC3B,MAAM;IACjC;EACJ,CAAC,MAAM,IAAIqB,SAAS,CAACN,SAAS,IAAIrB,SAAS,GAAG2B,SAAS,CAACN,SAAS,CAACf,MAAM,EAAE;IACtE,IAAIqB,SAAS,CAACG,WAAW,EAAE;MACvB,IAAIF,iBAAiB,GAAGD,SAAS,CAACN,SAAS,CAACf,MAAM;MAElDqB,SAAS,GAAGA,SAAS,CAACG,WAAW;MAEjC,IAAI,OAAOH,SAAS,CAACN,SAAS,KAAK,QAAQ,EAAE;QACzCO,iBAAiB,IAAI,IAAAC,0BAAoB,EAACF,SAAoB,CAAC;QAE/D,IAAIA,SAAS,CAACG,WAAW,EAAE;UACvBH,SAAS,GAAGA,SAAS,CAACG,WAAW;UAEjC,IAAIH,SAAS,CAACP,QAAQ,KAAKE,IAAI,CAACC,SAAS,IAAII,SAAS,CAACN,SAAS,EAAE;YAC9DrB,SAAS,IAAI4B,iBAAiB;YAC9B3B,WAAW,IAAI2B,iBAAiB;YAEhC,IAAID,SAAS,CAACN,SAAS,CAACU,UAAU,CAAC/B,SAAS,CAAC,KAAK,IAAI,EAAE;cACpDA,SAAS,IAAI,CAAC;cACdC,WAAW,IAAI,CAAC;YACpB;UACJ,CAAC,MAAM;YAAA,IAAAsC,sBAAA;YACH,MAAMN,QAAQ,GAAGC,QAAQ,CAACC,cAAc,CAAC,QAAQ,CAAC;YAElD,CAAAI,sBAAA,GAAAZ,SAAS,CAACS,UAAU,cAAAG,sBAAA,uBAApBA,sBAAA,CAAsBF,YAAY,CAACJ,QAAQ,EAAEN,SAAS,CAACG,WAAW,CAAC;YAEnEH,SAAS,GAAGM,QAAQ;YAEpBjC,SAAS,GAAGiC,QAAQ,CAAC3B,MAAM;YAC3BL,WAAW,GAAGgC,QAAQ,CAAC3B,MAAM;UACjC;QACJ,CAAC,MAAM;UAAA,IAAAkC,sBAAA;UACH,MAAMP,QAAQ,GAAGC,QAAQ,CAACC,cAAc,CAAC,QAAQ,CAAC;UAElD,CAAAK,sBAAA,GAAAb,SAAS,CAACS,UAAU,cAAAI,sBAAA,uBAApBA,sBAAA,CAAsBH,YAAY,CAACJ,QAAQ,EAAEN,SAAS,CAACG,WAAW,CAAC;UAEnEH,SAAS,GAAGM,QAAQ;UAEpBjC,SAAS,GAAGiC,QAAQ,CAAC3B,MAAM;UAC3BL,WAAW,GAAGgC,QAAQ,CAAC3B,MAAM;QACjC;MACJ;IACJ,CAAC,MAAM;MACHN,SAAS,GAAG2B,SAAS,CAACN,SAAS,CAACf,MAAM;MACtCL,WAAW,GAAG0B,SAAS,CAACN,SAAS,CAACf,MAAM;IAC5C;EACJ;EAEA,MAAMM,KAAK,GAAGsB,QAAQ,CAACO,WAAW,CAAC,CAAC;EAEpC7B,KAAK,CAAC8B,QAAQ,CAACf,SAAS,EAAE1B,WAAW,CAAC;EACtCW,KAAK,CAAC+B,MAAM,CAAChB,SAAS,EAAE3B,SAAS,CAAC;EAElCQ,SAAS,CAACoC,eAAe,CAAC,CAAC;EAC3BpC,SAAS,CAACqC,QAAQ,CAACjC,KAAK,CAAC;EAEzBA,KAAK,CAACkC,QAAQ,CAAC,IAAI,CAAC;AACxB,CAAC;AAACrB,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEK,MAAMqB,mBAAmB,GAAIC,QAAgB,IAAK;EACrDhD,SAAS,IAAIgD,QAAQ;EACrB/C,WAAW,IAAI+C,QAAQ;AAC3B,CAAC;AAACvB,OAAA,CAAAsB,mBAAA,GAAAA,mBAAA;AAEK,MAAME,aAAa,GAAIC,KAAa,IAAK;EAC5CnD,UAAU,GAAGmD,KAAK;AACtB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AANAzB,OAAA,CAAAwB,aAAA,GAAAA,aAAA;AAOO,MAAME,4BAA4B,GAAIC,KAAoC,IAAK;EAAA,IAAAC,oBAAA,EAAAC,iBAAA,EAAAC,qBAAA;EAClF,MAAM3C,KAAK,IAAAyC,oBAAA,GAAG5C,MAAM,CAACC,YAAY,CAAC,CAAC,cAAA2C,oBAAA,uBAArBA,oBAAA,CAAuBxC,UAAU,CAAC,CAAC,CAAC;;EAElD;AACJ;AACA;AACA;AACA;EACI,IACI,CAACD,KAAK,IACNA,KAAK,CAACZ,SAAS,KAAKY,KAAK,CAACX,WAAW,IACpCmD,KAAK,CAACI,GAAG,KAAK,WAAW,IAAIJ,KAAK,CAACI,GAAG,KAAK,QAAS,EACvD;IACE,OAAO,IAAI;EACf;EAEA,IAAIJ,KAAK,CAACI,GAAG,KAAK,WAAW,EAAE;IAAA,IAAAC,qBAAA;IAC3B,MAAM;MAAEpC,SAAS;MAAEqC;IAAgB,CAAC,GAAG9C,KAAK,CAAC+C,cAAc;IAE3D,IAAI/C,KAAK,CAACX,WAAW,GAAG,CAAC,EAAE;MACvB,OAAOoB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEU,UAAU,CAACnB,KAAK,CAACX,WAAW,GAAG,CAAC,CAAC;IACvD;IAEA,OAAOyD,eAAe,aAAfA,eAAe,wBAAAD,qBAAA,GAAfC,eAAe,CAAErC,SAAS,cAAAoC,qBAAA,uBAA1BA,qBAAA,CAA4B1B,UAAU,CAAC2B,eAAe,CAACrC,SAAS,CAACf,MAAM,GAAG,CAAC,CAAC;EACvF;EAEA,MAAM;IAAEwB,WAAW;IAAET;EAAU,CAAC,GAAGT,KAAK,CAACgD,YAAY;EAErD,IAAIhD,KAAK,CAACZ,SAAS,KAAAsD,iBAAA,GAAIjC,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEf,MAAM,cAAAgD,iBAAA,cAAAA,iBAAA,GAAI,CAAC,CAAC,EAAE;IAC5C,OAAOjC,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEU,UAAU,CAACnB,KAAK,CAACZ,SAAS,CAAC;EACjD;EAEA,OAAO8B,WAAW,aAAXA,WAAW,wBAAAyB,qBAAA,GAAXzB,WAAW,CAAET,SAAS,cAAAkC,qBAAA,uBAAtBA,qBAAA,CAAwBxB,UAAU,CAAC,CAAC,CAAC;AAChD,CAAC;AAACN,OAAA,CAAA0B,4BAAA,GAAAA,4BAAA"}
+{"version":3,"file":"selection.js","names":["_text","require","childIndex","endOffset","startOffset","saveSelection","element","shouldIgnoreEmptyTextNodes","arguments","length","undefined","selection","window","getSelection","anchorNode","range","getRangeAt","childNodesArray","Array","from","childNodes","filter","_ref","nodeType","nodeValue","Node","TEXT_NODE","indexOf","exports","restoreSelection","childNode","elementTextLength","getElementTextLength","nextSibling","charCodeAt","_childNode$parentNode","textNode","document","createTextNode","parentNode","insertBefore","_childNode$parentNode2","_childNode$parentNode3","_childNode$parentNode4","createRange","Math","min","setStart","setEnd","removeAllRanges","addRange","collapse","moveSelectionOffset","distance","setChildIndex","index","getCharCodeThatWillBeDeleted","event","_window$getSelection","_nodeValue$length","_nextSibling$nodeValu","key","_previousSibling$node","previousSibling","startContainer","endContainer"],"sources":["../../src/utils/selection.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\nimport { getElementTextLength } from './text';\n\nlet childIndex = -1;\nlet endOffset = -1;\nlet startOffset = -1;\n\ninterface SaveSelectionOptions {\n    shouldIgnoreEmptyTextNodes?: boolean;\n}\n\nexport const saveSelection = (\n    element: HTMLDivElement,\n    { shouldIgnoreEmptyTextNodes }: SaveSelectionOptions = {}\n) => {\n    const selection = window.getSelection();\n\n    if (!selection) {\n        return;\n    }\n\n    const { anchorNode } = selection;\n\n    if (!anchorNode) {\n        return;\n    }\n\n    const range = selection.getRangeAt(0);\n\n    let childNodesArray = Array.from(element.childNodes);\n\n    if (shouldIgnoreEmptyTextNodes) {\n        childNodesArray = childNodesArray.filter(\n            ({ nodeType, nodeValue }) =>\n                nodeType !== Node.TEXT_NODE || (nodeValue !== '' && nodeValue !== '\\u200B')\n        );\n    }\n\n    childIndex = childNodesArray.indexOf(anchorNode as ChildNode);\n\n    endOffset = range.endOffset;\n    startOffset = range.startOffset;\n};\n\nexport const restoreSelection = (element: HTMLDivElement) => {\n    let childNode = element.childNodes[childIndex];\n\n    const selection = window.getSelection();\n\n    if (!childNode || !element || !selection) {\n        return;\n    }\n\n    if (typeof childNode.nodeValue !== 'string') {\n        const elementTextLength = getElementTextLength(childNode as Element);\n\n        if (childNode.nextSibling) {\n            childNode = childNode.nextSibling;\n\n            if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n                endOffset -= elementTextLength;\n                startOffset -= elementTextLength;\n\n                if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n                    endOffset += 1;\n                    startOffset += 1;\n                }\n            } else {\n                const textNode = document.createTextNode('\\u200B');\n\n                childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                childNode = textNode;\n\n                endOffset = textNode.length;\n                startOffset = textNode.length;\n            }\n        } else {\n            const textNode = document.createTextNode('\\u200B');\n\n            childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n            childNode = textNode;\n\n            endOffset = textNode.length;\n            startOffset = textNode.length;\n        }\n    } else if (childNode.nodeValue && endOffset > childNode.nodeValue.length) {\n        if (childNode.nextSibling) {\n            let elementTextLength = childNode.nodeValue.length;\n\n            childNode = childNode.nextSibling;\n\n            if (typeof childNode.nodeValue !== 'string') {\n                elementTextLength += getElementTextLength(childNode as Element);\n\n                if (childNode.nextSibling) {\n                    childNode = childNode.nextSibling;\n\n                    if (childNode.nodeType === Node.TEXT_NODE && childNode.nodeValue) {\n                        endOffset -= elementTextLength;\n                        startOffset -= elementTextLength;\n\n                        if (childNode.nodeValue.charCodeAt(endOffset) === 8203) {\n                            endOffset += 1;\n                            startOffset += 1;\n                        }\n                    } else {\n                        const textNode = document.createTextNode('\\u200B');\n\n                        childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                        childNode = textNode;\n\n                        endOffset = textNode.length;\n                        startOffset = textNode.length;\n                    }\n                } else {\n                    const textNode = document.createTextNode('\\u200B');\n\n                    childNode.parentNode?.insertBefore(textNode, childNode.nextSibling);\n\n                    childNode = textNode;\n\n                    endOffset = textNode.length;\n                    startOffset = textNode.length;\n                }\n            }\n        } else {\n            endOffset = childNode.nodeValue.length;\n            startOffset = childNode.nodeValue.length;\n        }\n    }\n\n    const range = document.createRange();\n\n    if (childNode.nodeValue) {\n        startOffset = Math.min(childNode.nodeValue.length, startOffset);\n        endOffset = Math.min(childNode.nodeValue.length, endOffset);\n    }\n\n    range.setStart(childNode, startOffset);\n    range.setEnd(childNode, endOffset);\n\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    range.collapse(true);\n};\n\nexport const moveSelectionOffset = (distance: number) => {\n    endOffset += distance;\n    startOffset += distance;\n};\n\nexport const setChildIndex = (index: number) => {\n    childIndex = index;\n};\n\n/**\n * This function returns the code of the character that will be removed by the KeyDown event in the\n * next step, if the \"Backspace\" or \"Delete\" key was pressed and there is no selection of multiple\n * characters.\n *\n * @param event - Keyboard event from \"onKeyDown\"\n */\nexport const getCharCodeThatWillBeDeleted = (event: KeyboardEvent<HTMLDivElement>) => {\n    const range = window.getSelection()?.getRangeAt(0);\n\n    /**\n     * At this point the function is aborted if there is no selection range, several characters have\n     * been selected and therefore no single letter is removed or neither the \"Backspace\" nor the\n     * \"Delete\" key has been pressed.\n     */\n    if (\n        !range ||\n        range.endOffset !== range.startOffset ||\n        (event.key !== 'Backspace' && event.key !== 'Delete')\n    ) {\n        return null;\n    }\n\n    if (event.key === 'Backspace') {\n        const { nodeValue, previousSibling } = range.startContainer;\n\n        if (range.startOffset > 0) {\n            return nodeValue?.charCodeAt(range.startOffset - 1);\n        }\n\n        return previousSibling?.nodeValue?.charCodeAt(previousSibling.nodeValue.length - 1);\n    }\n\n    const { nextSibling, nodeValue } = range.endContainer;\n\n    if (range.endOffset < (nodeValue?.length ?? 0)) {\n        return nodeValue?.charCodeAt(range.endOffset);\n    }\n\n    return nextSibling?.nodeValue?.charCodeAt(0);\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/emoji-input",
-    "version": "5.0.0-beta.183",
+    "version": "5.0.0-beta.185",
     "description": "Input field that supports HTML elements and emojis",
     "keywords": [
         "chayns",
@@ -53,7 +53,7 @@
         "typescript": "^4.9.5"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.183",
+        "@chayns-components/core": "^5.0.0-beta.185",
         "@chayns/colors": "^2.0.0",
         "clsx": "^1.2.1",
         "emojilib": "^3.0.10",
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2487d7e956cf68c3270a7ab1adcc2e5a63705a83"
+    "gitHead": "ba998283ad0208a3c1f8a5b77188c435a80f5bcd"
 }