@cocreate/selection 1.3.1 → 1.4.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# [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)
+
+
+### Bug Fixes
+
+* get-value attribute value now supports a selector added # to all values currently in get-value attributes ([c2e2f98](https://github.com/CoCreate-app/CoCreate-selection/commit/c2e2f98c7edc523f66d30e1f86cd6c3d512a6219))
+
+## [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)
 
 

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" />
         
@@ -85,7 +85,7 @@
 									<div class="svSplitter svHorizontal"> </div>
 	
 									<div class="svPanel">
-										<iframe get-value="demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
+										<iframe get-value="#demo" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
 									</div>
 	
 								</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/selection",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "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.61",
-    "@cocreate/hosting": "^1.2.57",
+    "@cocreate/docs": "^1.2.62",
+    "@cocreate/hosting": "^1.2.58",
     "@cocreate/utils": "^1.4.0"
   }
 }

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 {