@redvars/peacock 3.8.0 → 3.8.2

package/dist/code-editor.js

@@ -1,11 +1,12 @@
-import { a as i, _ as __decorate, I as IndividualComponent, A, b } from './IndividualComponent-DUINtMGK.js';
-import { n } from './property-1psGvXOq.js';
-import { r } from './state-DwbEjqVk.js';
-import { e } from './query-QBcUV-L_.js';
-import { e as e$1 } from './class-map-YU7g0o3B.js';
-import { B as BaseInput } from './BaseInput-14YmcfK7.js';
+import { i, _ as __decorate, I as IndividualComponent, A, b } from './IndividualComponent-Bdwyrvd6.js';
+import { n } from './property-B49QQ8pS.js';
+import { r } from './state-DkTK9EGF.js';
+import { e } from './query-CHb9Ft_d.js';
+import { e as e$1 } from './class-map-DG7CA1et.js';
+import { B as BaseInput } from './BaseInput-CU1zZYKc.js';
 import { i as isDarkMode, o as observeThemeChange } from './is-dark-mode-DOcaw4Yq.js';
 import { r as redispatchEvent } from './dispatch-event-utils-CuEqjlPT.js';
+import './base-Cl6v8-BZ.js';
 import './directive-ZPhl09Yt.js';
 
 // src/util.ts
@@ -37327,6 +37328,10 @@ var css_248z = i`@charset "UTF-8";
   display: none !important;
 }
 
+[hidden] {
+  display: none !important;
+}
+
 .monaco-aria-container {
   position: absolute;
   left: -999em;
@@ -43708,14 +43713,19 @@ self.MonacoEnvironment = {
     getWorkerUrl(moduleId, label) {
         const workersDir = new URL('monaco/workers/', import.meta.url);
         switch (label) {
-            case 'json': return `${workersDir}json.worker.js`;
-            case 'css': return `${workersDir}css.worker.js`;
-            case 'html': return `${workersDir}html.worker.js`;
+            case 'json':
+                return `${workersDir}json.worker.js`;
+            case 'css':
+                return `${workersDir}css.worker.js`;
+            case 'html':
+                return `${workersDir}html.worker.js`;
             case 'typescript':
-            case 'javascript': return `${workersDir}ts.worker.js`;
-            default: return `${workersDir}editor.worker.js`;
+            case 'javascript':
+                return `${workersDir}ts.worker.js`;
+            default:
+                return `${workersDir}editor.worker.js`;
         }
-    }
+    },
 };
 /**
  * @label Code Editor
@@ -43743,7 +43753,7 @@ self.MonacoEnvironment = {
 let CodeEditor = class CodeEditor extends BaseInput {
     constructor() {
         super(...arguments);
-        this.name = "";
+        this.name = '';
         this.value = '';
         this.language = 'javascript';
         this.lineNumbers = 'on';
@@ -43769,13 +43779,15 @@ let CodeEditor = class CodeEditor extends BaseInput {
     updated(changedProperties) {
         if (changedProperties.has('libSource'))
             this.libSourceChanged();
-        if (changedProperties.has('disabled') || changedProperties.has('readonly')) {
+        if (changedProperties.has('disabled') ||
+            changedProperties.has('readonly')) {
             this.editorMonacoInstance?.updateOptions({
                 readOnly: this.disabled || this.readonly,
             });
         }
         if (changedProperties.has('value')) {
-            if (this.editorMonacoInstance && this.editorMonacoInstance.getValue() !== this.value) {
+            if (this.editorMonacoInstance &&
+                this.editorMonacoInstance.getValue() !== this.value) {
                 this.editorMonacoInstance.setValue(this.value || '');
             }
         }
@@ -43794,10 +43806,7 @@ let CodeEditor = class CodeEditor extends BaseInput {
     }
     async initializeMonaco() {
         this.monaco = await init({
-            themes: [
-                "github-light",
-                "github-dark",
-            ],
+            themes: ['github-light', 'github-dark'],
         });
         this.editorMonacoInstance = this.monaco.editor.create(this.editorElement, {
             value: this.value,
@@ -43805,7 +43814,7 @@ let CodeEditor = class CodeEditor extends BaseInput {
             language: this.language,
             minimap: { enabled: this.minimap },
             theme: this.getTheme(),
-            readOnly: this.disabled || this.readonly
+            readOnly: this.disabled || this.readonly,
         });
         if (this.libSource) {
             this.libSourceChanged();
@@ -43824,11 +43833,15 @@ let CodeEditor = class CodeEditor extends BaseInput {
             this.hasFocus = false;
         });
     }
-    async setFocus() { this.editorMonacoInstance?.focus(); }
-    async setBlur() { this.editorMonacoInstance?.trigger('keyboard', 'type', ''); /* Focus hack or use blur if available */ }
+    async setFocus() {
+        this.editorMonacoInstance?.focus();
+    }
+    async setBlur() {
+        this.editorMonacoInstance?.trigger('keyboard', 'type', ''); /* Focus hack or use blur if available */
+    }
     render() {
         return b `
-    <wc-field
+      <wc-field
         ?required=${this.required}
         ?disabled=${this.disabled}
         ?readonly=${this.readonly}
@@ -43837,18 +43850,20 @@ let CodeEditor = class CodeEditor extends BaseInput {
         .host=${this}
         class="${e$1({
             'code-editor-component': true,
-            'disabled': this.disabled,
+            disabled: this.disabled,
         })}"
       >
-        ${(this.disabled || this.readonly)
+        ${this.disabled || this.readonly
             ? b `<wc-tag class="read-only-tag" color="red">Read Only</wc-tag>`
             : A}
         <div class="editor"></div>
-        ${!this.editorMonacoInstance ? b `
-          <div class="code-editor-loader">
-            <wc-spinner></wc-spinner> Loading...
-          </div>
-        ` : A}
+        ${!this.editorMonacoInstance
+            ? b `
+              <div class="code-editor-loader">
+                <wc-spinner></wc-spinner> Loading...
+              </div>
+            `
+            : A}
       </wc-field>
     `;
     }