@node-projects/web-component-designer 0.0.190 → 0.0.192

package/dist/elements/helper/ClipboardHelper.js

@@ -1,6 +1,8 @@
 export async function copyTextToClipboard(text) {
     copyToClipboard(['text/plain', text]);
 }
+//used, so you could copy internal if you have no clipboard access
+let internalClipboard = null;
 export async function copyToClipboard(items) {
     if (navigator.clipboard) {
         try {
@@ -12,10 +14,12 @@ export async function copyToClipboard(items) {
         }
         catch (err) {
             await navigator.clipboard.writeText(items[0][1]);
+            internalClipboard = items[0][1];
         }
         console.info('Copy to clipboard successful');
     }
     else {
+        internalClipboard = items[0][1];
         const textArea = document.createElement('textarea');
         textArea.style.position = 'fixed';
         textArea.style.top = '0';
@@ -69,6 +73,8 @@ export async function getTextFromClipboard() {
             textArea.select();
             document.execCommand('paste');
             let value = textArea.value;
+            if (!value)
+                value = internalClipboard;
             document.body.removeChild(textArea);
             resolve(value);
         });

package/dist/elements/services/manifestParsers/WebcomponentManifestParserService.js

@@ -21,7 +21,15 @@ export class WebcomponentManifestParserService extends AbstractPropertiesService
         this._importPrefix = importPrefix;
         if (typeof fileOrObject === 'string') {
             this._importPrefix = this._importPrefix ?? fileOrObject.split('/').slice(0, -1).join('/');
-            import(fileOrObject, { assert: { type: 'json' } }).then(module => {
+            let importOfFile;
+            //@ts-ignore
+            if (window.importShim)
+                //@ts-ignore
+                importOfFile = importShim(fileOrObject, { assert: { type: 'json' } });
+            else
+                //@ts-ignore
+                importOfFile = import(fileOrObject, { assert: { type: 'json' } });
+            importOfFile.then(module => {
                 this._packageData = module.default;
                 this._parseManifest();
             }).catch(err => {

package/dist/elements/services/propertiesService/services/CssCurrentPropertiesService.js

@@ -1,9 +1,18 @@
 import { PropertyType } from '../PropertyType.js';
 import { RefreshMode } from '../IPropertiesService.js';
 import { CommonPropertiesService } from './CommonPropertiesService.js';
-import cssProperties from './CssProperties.json' assert { type: 'json' };
 import { ValueType } from '../ValueType.js';
 import { NodeType } from '../../../item/NodeType.js';
+let cssProperties;
+//@ts-ignore
+if (window.importShim) {
+    const cssPropertiesUrl = import.meta.resolve('./CssProperties.json');
+    //@ts-ignore
+    cssProperties = await importShim(cssPropertiesUrl, { assert: { type: 'json' } });
+}
+else
+    //@ts-ignore
+    cssProperties = await import("./CssProperties.json", { assert: { type: 'json' } });
 const localName = '<local>';
 export class CssCurrentPropertiesService extends CommonPropertiesService {
     getRefreshMode(designItem) {

package/dist/elements/services/propertiesService/services/CssPropertiesService.js

@@ -2,8 +2,17 @@ import { BindingTarget } from '../../../item/BindingTarget.js';
 import { PropertyType } from '../PropertyType.js';
 import { CommonPropertiesService } from './CommonPropertiesService.js';
 import { RefreshMode } from '../IPropertiesService.js';
-import cssProperties from './CssProperties.json' assert { type: 'json' };
 import { PropertiesHelper } from './PropertiesHelper.js';
+let cssProperties;
+//@ts-ignore
+if (window.importShim) {
+    const cssPropertiesUrl = import.meta.resolve('./CssProperties.json');
+    //@ts-ignore
+    cssProperties = await importShim(cssPropertiesUrl, { assert: { type: 'json' } });
+}
+else
+    //@ts-ignore
+    cssProperties = await import("./CssProperties.json", { assert: { type: 'json' } });
 export class CssPropertiesService extends CommonPropertiesService {
     getRefreshMode(designItem) {
         return RefreshMode.none;

package/dist/elements/widgets/codeView/code-view-monaco.js

@@ -18,9 +18,13 @@ export class CodeViewMonaco extends BaseCustomWebComponentLazyAppend {
       height: 100%;
       width: 100%;
     }
+
+    .monaco-editor .overflow-guard { 
+      overflow: visible;
+    }
     `;
     static template = html `
-      <div id="container" style="width: 100%; height: 100%; position: absolute;"></div>
+      <div id="container" style="overflow: hidden; width: 100%; height: 100%; position: absolute;"></div>
   `;
     executeCommand(command) {
         switch (command.type) {
@@ -161,7 +165,7 @@ export class CodeViewMonaco extends BaseCustomWebComponentLazyAppend {
             let point2 = model.getPositionAt(position.start + position.length);
             this._monacoEditor.setSelection({ startLineNumber: point1.lineNumber, startColumn: point1.column, endLineNumber: point2.lineNumber, endColumn: point2.column });
             //@ts-ignore
-            setTimeout(() => this._monacoEditor.revealRangeInCenter(new monaco.Range(point1.lineNumber, point1.column, point2.lineNumber, point2.column), 1));
+            this._monacoEditor.revealRangeInCenterIfOutsideViewport(new monaco.Range(point1.lineNumber, point1.column, point2.lineNumber, point2.column), 1);
         }
     }
 }

package/package.json

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