@aquera/nile-elements 0.0.33 → 0.0.34

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",
@@ -34,7 +34,9 @@
     "element-internals-polyfill": "^1.1.20",
     "lit": "^2.0.2",
     "@floating-ui/dom": "^1.2.1",
-    "composed-offset-position": "^0.0.4"
+    "composed-offset-position": "^0.0.4",
+    "@codemirror/lang-javascript": "6.2.1",
+    "codemirror": "6.0.1"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.4.17",

package/src/nile-code-editor/nile-code-editor.ts

@@ -17,9 +17,14 @@ import { styles } from './nile-code-editor.css';
 import { EditorView } from 'codemirror';
 import { ViewUpdate } from '@codemirror/view';
 import { EditorState, Compartment } from '@codemirror/state';
-import { javascript, javascriptLanguage } from '@codemirror/lang-javascript';
+import {
+  javascript,
+  javascriptLanguage,
+  scopeCompletionSource,
+  completionPath,
+} from '@codemirror/lang-javascript';
 import { autocompletion } from '@codemirror/autocomplete';
-import { CompletionContext } from '@codemirror/autocomplete';
+import { CompletionContext, Completion } from '@codemirror/autocomplete';
 import NileElement from '../internal/nile-element';
 import { basicSetup } from './extensionSetup';
 
@@ -61,7 +66,7 @@ export class NileCodeEditor extends NileElement {
 
   updated() {
     const customAutoCompletions = javascriptLanguage.data.of({
-      autocomplete: this.customOptions,
+      autocomplete: scopeCompletionSource(this.customOptions),
     });
     let startState = EditorState.create({
       doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,

package/src/nile-switcher/nile-switcher.ts

@@ -59,6 +59,7 @@ export interface switchInputType {
   error?: boolean;
   errorMessage?: string;
   options?: Array<any>;
+  customAutoCompletions?: any;
   helperText?: string;
   multiple?: boolean;
   noborder?: boolean;
@@ -101,14 +102,12 @@ export class NileSwitcher extends NileElement {
   static styles: CSSResultGroup = styles;
 
   @property({ type: Object }) nileSwitchConfig: switchconfig;
-
   @property({ type: Number }) current: Number = 0;
 
   @property({ type: Object }) currentInput: switchInputType;
 
   connectedCallback() {
     super.connectedCallback();
-    this.setCurrentInput();
     this.emit('nile-init');
   }
 
@@ -300,7 +299,7 @@ export class NileSwitcher extends NileElement {
     const {
       value,
       multiLine,
-      options,
+      customAutoCompletions,
       disabled,
       readonly,
       errorMessage,
@@ -319,7 +318,7 @@ export class NileSwitcher extends NileElement {
         this.handleChange(e, INPUT_TYPE_NAMES.CODE_EDITOR)}"
       .multiline="${multiLine}"
       .value="${value}"
-      .customOptions="${options}"
+      .customOptions="${customAutoCompletions}"
       .showLineNumbers="false"
     ></nile-code-editor> `;
   }
@@ -390,6 +389,9 @@ export class NileSwitcher extends NileElement {
   }
 
   singleFieldSwitcher() {
+    if (!this.currentInput) {
+      this.setCurrentInput();
+    }
     return html`
       ${choose(
         this.currentInput.inputType,