@cocreate/selection 1.2.21 → 1.3.3

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [1.3.3](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.3.2...v1.3.3) (2022-01-01)
+
+
+### Bug Fixes
+
+* removed data- from attributes ([eeb5317](https://github.com/CoCreate-app/CoCreate-selection/commit/eeb5317308f8edaafac66fe5e39e427cd2c7234f))
+
+## [1.3.2](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.3.1...v1.3.2) (2021-12-15)
+
+
+### Bug Fixes
+
+* update dependencies ([4204d0b](https://github.com/CoCreate-app/CoCreate-selection/commit/4204d0b9d2848c11b832b556fd184bf1da1610d4))
+
+## [1.3.1](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.3.0...v1.3.1) (2021-12-14)
+
+
+### Bug Fixes
+
+* update dependencies ([584a23c](https://github.com/CoCreate-app/CoCreate-selection/commit/584a23c2fafbc2410356f7ac5bff3f9149f5152f))
+
+# [1.3.0](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.2.21...v1.3.0) (2021-12-14)
+
+
+### Bug Fixes
+
+* update dependencies ([4fa877a](https://github.com/CoCreate-app/CoCreate-selection/commit/4fa877ad1df7ec4a58f050a7132aa3f071ccfd5d))
+
+
+### Features
+
+* support nested contenteditable and selections for cursor positions ([8efc22d](https://github.com/CoCreate-app/CoCreate-selection/commit/8efc22d303ba88dbb6fdbf4d65cb2988afec73ca))
+
 ## [1.2.21](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.2.20...v1.2.21) (2021-12-08)
 
 

package/docs/index.html

@@ -6,7 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>CoCreate-selection Documentation | CoCreateJS </title>
         <link rel="icon" type="image/png" sizes="32x32" href="https://cocreate.app/images/favicon.ico">
-        <meta name="description" content="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable." />
+        <meta name="description" content="A headless javascript micro component. Easy configuration using HTML5 attributes or JavaScript api." />
         <meta name="keywords" content="helper classes, utility classes, css framework, css library, inline style classes" />
         <meta name="robots" content="index,follow" />
         

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/selection",
-  "version": "1.2.21",
+  "version": "1.3.3",
   "description": "A simple selection component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "selection",
@@ -61,8 +61,8 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/docs": "^1.2.60",
-    "@cocreate/hosting": "^1.2.56",
-    "@cocreate/utils": "^1.3.16"
+    "@cocreate/docs": "^1.2.62",
+    "@cocreate/hosting": "^1.2.58",
+    "@cocreate/utils": "^1.4.0"
   }
 }

package/src/index.js

@@ -62,6 +62,7 @@ export function getSelection(element) {
 
         let rangeObj = {
             element: contenteditable,
+            // domTextEditor,
         	startOffset: range.startOffset, 
         	endOffset: range.endOffset, 
         	startContainer, 
@@ -288,9 +289,17 @@ function getInsertPosition(element){
 
 export function getStringPosition({string, target, position, attribute, property, value}) {
     try {
+        let element;
         let selector = cssPath(target, '[contenteditable]');
         let dom = domParser(string);
-        let element = dom.querySelector(selector);
+        if (!selector.includes('[eid=') && dom.tagName == "DOM-PARSER"){
+            let containerEl = document.createElement('div');
+            containerEl.appendChild(dom)
+            selector = `dom-parser > ${selector}`
+            element = containerEl.querySelector(selector);
+        }
+        else
+            element = dom.querySelector(selector);
         if (!element){
             console.log('element could not be found using selector:', selector);
             return;