@cocreate/selection 1.3.4 → 1.4.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.4.0](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.3.4...v1.4.0) (2022-01-22)
+
+
+### Features
+
+* removeClass and removeStyle to remove the className or property from CRDT string ([a610075](https://github.com/CoCreate-app/CoCreate-selection/commit/a6100751ec02da5cb3c592f9a1854376d52d55fc))
+
 ## [1.3.4](https://github.com/CoCreate-app/CoCreate-selection/compare/v1.3.3...v1.3.4) (2022-01-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/selection",
-  "version": "1.3.4",
+  "version": "1.4.0",
   "description": "A simple selection component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "selection",

package/src/index.js

@@ -287,7 +287,7 @@ function getInsertPosition(element){
     return {target, position};
 }
 
-export function getStringPosition({string, target, position, attribute, property, value}) {
+export function getStringPosition({string, target, position, attribute, property, value, remove}) {
     try {
         let element;
         let selector = cssPath(target, '[contenteditable]');
@@ -325,7 +325,10 @@ export function getStringPosition({string, target, position, attribute, property
                 let attrStart = elString.indexOf(` ${attribute}=`);
                 start = start + attrStart;
                 if (attribute == 'style') {
-                    element.style[property] = value;
+                    if (remove)
+                        element.style.removeProperty(property);
+                    else
+                        element.style[property] = value;
                     value = element.getAttribute(attribute);
                 }
                 else if (attribute == 'class') {
@@ -340,7 +343,8 @@ export function getStringPosition({string, target, position, attribute, property
                             element.classList.remove(propString);
                         }
                     }
-                    element.classList.add(value);
+                    if (!remove)
+                        element.classList.add(value);
                     value = element.getAttribute(attribute); 
                 }
                 else {