@dotglitch/ngx-common 1.0.42 → 1.0.44

package/fesm2020/dotglitch-ngx-common.mjs

@@ -10372,7 +10372,7 @@ class VscodeComponent {
         this.resize = () => {
             this.editor?.layout();
         };
-        this.installMonaco();
+        InstallMonacoUMD(this.installationLocation);
         this._sub = this.typeDebounce.subscribe(t => {
             this.codeChange.next(this._code = this.editor.getValue());
         });
@@ -10389,21 +10389,7 @@ class VscodeComponent {
             Monaco?.editor.setTheme(this.theme);
     }
     async ngAfterViewInit() {
-        await new Promise((res, rej) => {
-            let count = 0;
-            let i = window.setInterval(() => {
-                count++;
-                if (window['monaco'] != undefined) {
-                    window.clearInterval(i);
-                    Monaco = window['monaco'];
-                    res(true);
-                }
-                if (count >= 100) {
-                    window.clearInterval(i);
-                    res(false);
-                }
-            }, 100);
-        });
+        await InstallMonacoUMD();
         this.createEditor();
     }
     ngOnDestroy() {
@@ -10427,35 +10413,6 @@ class VscodeComponent {
     }
     configureLanguageSupport() {
     }
-    installMonaco() {
-        if (VscodeComponent.isMonacoInstalled)
-            return;
-        if (window['monaco']) {
-            VscodeComponent.isMonacoInstalled = true;
-            return;
-        }
-        // Monaco has a UMD loader that requires this
-        // Merge with any pre-existing global require objects.
-        if (!window['require'])
-            window['require'] = {};
-        if (!window['require']['paths'])
-            window['require']['paths'] = {};
-        if (this.installationLocation.endsWith('/'))
-            this.installationLocation = this.installationLocation.slice(0, -1);
-        window['require']['paths'].vs = this.installationLocation;
-        const monacoFiles = [
-            'loader.js',
-            'editor/editor.main.nls.js',
-            'editor/editor.main.js',
-        ];
-        for (let i = 0; i < monacoFiles.length; i++) {
-            const script = document.createElement("script");
-            script.setAttribute("defer", "");
-            script.setAttribute("src", this.installationLocation + '/' + monacoFiles[i]);
-            document.body.append(script);
-        }
-        VscodeComponent.isMonacoInstalled = true;
-    }
     download() {
         const code = this.editor.getValue();
         let blob = new Blob([code], { type: 'text/log' });
@@ -10471,10 +10428,6 @@ class VscodeComponent {
         URL.revokeObjectURL(blobURL);
     }
 }
-/**
- * true if the monaco UMD files are injected into the webpage
- */
-VscodeComponent.isMonacoInstalled = false;
 VscodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: VscodeComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
 VscodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: VscodeComponent, isStandalone: true, selector: "app-vscode", inputs: { code: "code", customLanguage: "customLanguage", language: "language", installationLocation: "installationLocation", tabSize: "tabSize", readOnly: "readOnly", theme: "theme", fontFamily: "fontFamily", fontSize: "fontSize", automaticLayout: "automaticLayout", colorDecorators: "colorDecorators", folding: "folding", minimapEnabled: "minimapEnabled", minimap: "minimap", scrollbar: "scrollbar", smoothScrolling: "smoothScrolling", mouseWheelScrollSensitivity: "mouseWheelScrollSensitivity", scrollBeyondLastLine: "scrollBeyondLastLine", scrollBeyondLastColumn: "scrollBeyondLastColumn", lineNumbers: "lineNumbers", restSettings: "restSettings" }, outputs: { codeChange: "codeChange" }, host: { listeners: { "window:resize": "resize($event)" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;height:100%;max-height:100vh;max-width:100vw}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: VscodeComponent, decorators: [{
@@ -10528,6 +10481,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: HostListener,
                 args: ['window:resize', ['$event']]
             }] } });
+const InstallMonacoUMD = async (path) => {
+    if (window['monaco'])
+        return window['monaco'];
+    // Prevent duplicate injection
+    const scriptEls = document.querySelectorAll('body>script[monaco][defer][src]');
+    // Only perform installation if a path is specified.
+    if (path && scriptEls.length == 0) {
+        // Monaco has a UMD loader that requires this
+        // Merge with any pre-existing global require objects.
+        if (!window['require'])
+            window['require'] = {};
+        if (!window['require']['paths'])
+            window['require']['paths'] = {};
+        if (path.endsWith('/'))
+            path = path.slice(0, -1);
+        window['require']['paths'].vs = path;
+        const monacoFiles = [
+            'loader.js',
+            'editor/editor.main.nls.js',
+            'editor/editor.main.js',
+        ];
+        for (let i = 0; i < monacoFiles.length; i++) {
+            const script = document.createElement("script");
+            script.setAttribute("monaco", "");
+            script.setAttribute("defer", "");
+            script.setAttribute("src", path + '/' + monacoFiles[i]);
+            document.body.append(script);
+        }
+    }
+    // Return a promise that will resolve when monaco finishes loading
+    return await new Promise((res, rej) => {
+        let count = 0;
+        let i = window.setInterval(() => {
+            count++;
+            if (window['monaco'] != undefined) {
+                window.clearInterval(i);
+                Monaco = window['monaco'];
+                res(true);
+            }
+            else if (count >= 100) {
+                window.clearInterval(i);
+                res(false);
+            }
+        }, 100);
+    });
+};
 
 /**
  * Extend this component to automatically generate
@@ -10608,5 +10607,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, FilemanagerComponent, HtmlBypass, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NGX_WEB_COMPONENTS_CONFIG, NavigationService, NgxDynamicHTMLModule, OnMount, ReactMagicWrapperComponent, ResourceBypass, ScriptBypass, StyleBypass, TabulatorComponent, ThemeService, TooltipDirective, UrlBypass, VscodeComponent, openMenu, openTooltip };
+export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, FilemanagerComponent, HtmlBypass, InstallMonacoUMD, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NGX_WEB_COMPONENTS_CONFIG, NavigationService, NgxDynamicHTMLModule, OnMount, ReactMagicWrapperComponent, ResourceBypass, ScriptBypass, StyleBypass, TabulatorComponent, ThemeService, TooltipDirective, UrlBypass, VscodeComponent, openMenu, openTooltip };
 //# sourceMappingURL=dotglitch-ngx-common.mjs.map