@node-projects/web-component-designer 0.0.193 → 0.0.194

package/README.md

@@ -72,12 +72,11 @@ We have 2 tree components. One independent and one feature rich which uses Fancy
 
 ## DragDrop
 
-If you'd like to use the designer on mobile, you need the mobile-drag-drop npm library and include our polyfill.
+If you'd like to use the designer on mobile, you need the mobile-drag-drop npm library.
 Your index.html should be extended as follows:
 
     <link rel="stylesheet" href="/node_modules/mobile-drag-drop/default.css">
     <script src="/node_modules/mobile-drag-drop/index.js"></script>
-    <script src="/node_modules/@node-projects/web-component-designer/dist/polyfill/mobileDragDrop.js"></script>
 
 ## Copyright notice
 

package/dist/elements/helper/CssUnitConverter.js

@@ -24,7 +24,7 @@ export function convertCssUnitToPixel(cssValue, target, percentTarget) {
         'rlh': value => value * parseFloat(getComputedStyle(document.documentElement).lineHeight),
         '%': value => value / 100 * (percentTarget == 'height' ? target.getBoundingClientRect().height : target.getBoundingClientRect().width),
         /* todo
-        //find parent with computed style where contaner-type is inline-size or size (regarding to query type)
+        //find parent with computed style where container-type is inline-size or size (regarding to query type)
         //use this size for calculation
         'cqw':
         'cqh':

package/dist/elements/widgets/designerView/designerCanvas.js

@@ -1017,15 +1017,17 @@ export class DesignerCanvas extends BaseCustomWebComponentLazyAppend {
             }
             if (rule instanceof CSSStyleRule) {
                 let parts = rule.selectorText.split(',');
+                let sel = "";
                 for (let p of parts) {
                     if (p.includes(this.cssprefixConstant)) {
-                        t += p;
+                        sel += p;
                         continue;
                     }
-                    if (t)
-                        t += ',';
-                    t += this.cssprefixConstant + p;
+                    if (sel)
+                        sel += ',';
+                    sel += this.cssprefixConstant + p.trimStart();
                 }
+                t += sel;
                 let cssText = rule.style.cssText;
                 //bugfix for chrome issue: https://bugs.chromium.org/p/chromium/issues/detail?id=1394353 
                 if (rule.styleMap && rule.styleMap.get('grid-template') && rule.styleMap.get('grid-template').toString().includes('repeat(')) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.193",
+  "version": "0.0.194",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",