@aquera/nile-elements 0.0.87 → 0.0.88

package/dist/nile-code-editor/theme.cjs.js

@@ -1,2 +1,2 @@
-System.register([],function(_export,_context){"use strict";var o;return{setters:[],execute:function execute(){_export("T",o={"&":{fontSize:"14px",fontFamily:"Colfax-regular",fontWeight:"400"},".cm-content":{},".cm-scroller":{}});}};});
+System.register([],function(_export,_context){"use strict";var o;return{setters:[],execute:function execute(){_export("T",o={"&":{width:"100%",fontSize:"14px",fontFamily:"Colfax-regular",fontWeight:"400"},".cm-content":{},".cm-scroller":{overflow:"hidden"}});}};});
 //# sourceMappingURL=theme.cjs.js.map

package/dist/nile-code-editor/theme.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.cjs.js","sources":["../../../src/nile-code-editor/theme.ts"],"sourcesContent":["export const Theme = {\n  '&': {\n    fontSize: '14px',\n    fontFamily: 'Colfax-regular',\n    fontWeight: '400',\n  },\n  '.cm-content': {},\n  '.cm-scroller': {},\n};\n"],"names":["Theme","fontSize","fontFamily","fontWeight"],"mappings":"0HAAaA,CAAQ,CAAA,CACnB,GAAK,CAAA,CACHC,SAAU,MACVC,CAAAA,UAAAA,CAAY,gBACZC,CAAAA,UAAAA,CAAY,OAEd,aAAe,CAAA,CAAE,CACjB,CAAA,cAAA,CAAgB,CAAE"}
+{"version":3,"file":"theme.cjs.js","sources":["../../../src/nile-code-editor/theme.ts"],"sourcesContent":["export const Theme = {\n  '&': {\n    width:\"100%\",\n    fontSize: '14px',\n    fontFamily: 'Colfax-regular',\n    fontWeight: '400',\n  },\n  '.cm-content': {},\n  \".cm-scroller\": {overflow: \"hidden\"},\n};"],"names":["Theme","width","fontSize","fontFamily","fontWeight","overflow"],"mappings":"0HAAaA,EAAQ,CACnB,GAAA,CAAK,CACHC,KAAM,CAAA,MAAA,CACNC,SAAU,MACVC,CAAAA,UAAAA,CAAY,gBACZC,CAAAA,UAAAA,CAAY,OAEd,aAAe,CAAA,CAAE,EACjB,cAAgB,CAAA,CAACC,SAAU"}

package/dist/nile-code-editor/theme.esm.js

@@ -1 +1 @@
-const o={"&":{fontSize:"14px",fontFamily:"Colfax-regular",fontWeight:"400"},".cm-content":{},".cm-scroller":{}};export{o as T};
+const o={"&":{width:"100%",fontSize:"14px",fontFamily:"Colfax-regular",fontWeight:"400"},".cm-content":{},".cm-scroller":{overflow:"hidden"}};export{o as T};

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

@@ -25,7 +25,7 @@ export declare class NileCodeEditor extends NileElement {
     error: boolean;
     noborder: boolean;
     expandable: any;
-    readonly: any;
+    readonly: boolean;
     /**
      * The styles for CodeEditor
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
@@ -38,17 +38,12 @@ export declare class NileCodeEditor extends NileElement {
     lineNumbersComp: Compartment;
     restrictSingleLineComp: Compartment;
     readOnlyComp: Compartment;
-    handleValueChange(): void;
     getLineNumbersExension(): import("@codemirror/state").Extension;
     getReadOnlyExtension(): import("@codemirror/state").Extension;
     getSingleLineExtension(): import("@codemirror/state").Extension;
     firstUpdated(): void;
-    addOpenListeners(): void;
     singleLineMultiLineToggle(): void;
     updated(changedProperties: PropertyValues): void;
-    toggleFocusAndBlur(action: 'blur' | 'focus'): void;
-    setTheme(): import("@codemirror/state").Extension;
-    emitValues(value: string): void;
     expandCodeEditor(): void;
     restrictSingleLine(): import("@codemirror/state").Extension;
     render(): TemplateResult;

package/dist/src/nile-code-editor/nile-code-editor.js

@@ -15,7 +15,6 @@ import { javascript, javascriptLanguage, scopeCompletionSource, } from '@codemir
 import { autocompletion } from '@codemirror/autocomplete';
 import NileElement from '../internal/nile-element';
 import { basicSetup } from './extensionSetup';
-import { watch } from '../internal/watch';
 import { classMap } from 'lit/directives/class-map.js';
 import { Theme } from './theme';
 // Choose the appropriate mode for your use case
@@ -55,13 +54,13 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
     }
     disconnectedCallback() {
         super.disconnectedCallback();
+        this.view.destroy();
         this.emit('nile-destroy');
     }
     convertToSingleLine(code) {
         // Remove line breaks and unnecessary whitespace
         return code.replace(/\s+/g, ' ').trim();
     }
-    handleValueChange() { }
     getLineNumbersExension() {
         return this.multiline ? lineNumbers() : [];
     }
@@ -84,9 +83,8 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
                 : this.value,
             extensions: [
                 basicSetup({
-                    lineNumbers: false,
                     highlightActiveLine: false,
-                    foldGutter: false,
+                    foldGutter: !!this.multiline,
                 }),
                 lineNumbersExtension,
                 readOnlyExtension,
@@ -94,23 +92,22 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
                 customAutoCompletions,
                 autocompletion(),
                 javascript(),
-                this.setTheme(),
+                EditorView.theme(Theme),
                 EditorView.updateListener.of((v) => {
                     if (v.docChanged) {
-                        this.emitValues(this.view.state.doc.toString());
+                        this.emit('nile-change', { value: this.view.state.doc.toString() });
                     }
                 }),
+                EditorView.domEventHandlers({
+                    focus: () => this.dispatchEvent(new Event('nile-focus')),
+                    blur: () => this.dispatchEvent(new Event('nile-blur')),
+                }),
             ],
         });
         this.view = new EditorView({
             state: startState,
             parent: this.codeEditor,
         });
-        this.addOpenListeners();
-    }
-    addOpenListeners() {
-        this.view.contentDOM.addEventListener('blur', () => this.toggleFocusAndBlur('blur'));
-        this.view.contentDOM.addEventListener('focus', () => this.toggleFocusAndBlur('focus'));
     }
     singleLineMultiLineToggle() {
         this.view.dispatch({
@@ -140,20 +137,6 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
             this.view.dispatch({ effects: this.readOnlyComp.reconfigure(this.getReadOnlyExtension()) });
         }
     }
-    toggleFocusAndBlur(action) {
-        if (action === 'blur') {
-            this.emit('nile-blur', { onBlur: true });
-        }
-        if (action === 'focus') {
-            this.emit('nile-focus', { onFocus: true });
-        }
-    }
-    setTheme() {
-        return EditorView.theme(Theme);
-    }
-    emitValues(value) {
-        this.emit('nile-change', { value: value });
-    }
     expandCodeEditor() {
         this.emit('nile-expand', { expand: true });
     }
@@ -211,20 +194,17 @@ __decorate([
     property({ attribute: 'error-message' })
 ], NileCodeEditor.prototype, "errorMessage", void 0);
 __decorate([
-    property({ attribute: 'error' })
+    property({ attribute: 'error', type: Boolean })
 ], NileCodeEditor.prototype, "error", void 0);
 __decorate([
-    property({ attribute: 'noborder' })
+    property({ attribute: 'noborder', type: Boolean })
 ], NileCodeEditor.prototype, "noborder", void 0);
 __decorate([
     property({ type: Boolean })
 ], NileCodeEditor.prototype, "expandable", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean, reflect: true })
 ], NileCodeEditor.prototype, "readonly", void 0);
-__decorate([
-    watch(['value'], { waitUntilFirstUpdate: true })
-], NileCodeEditor.prototype, "handleValueChange", null);
 NileCodeEditor = __decorate([
     customElement('nile-code-editor')
 ], NileCodeEditor);

package/dist/src/nile-code-editor/nile-code-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-code-editor.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValueMap,\n} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-code-editor.css';\nimport { EditorView } from 'codemirror';\nimport { ViewUpdate } from '@codemirror/view';\nimport { EditorState, Compartment } from '@codemirror/state';\nimport {lineNumbers} from '@codemirror/view';\nimport {\n  javascript,\n  javascriptLanguage,\n  scopeCompletionSource,\n  completionPath,\n} from '@codemirror/lang-javascript';\nimport { autocompletion } from '@codemirror/autocomplete';\nimport { CompletionContext, Completion } from '@codemirror/autocomplete';\nimport NileElement from '../internal/nile-element';\nimport { basicSetup } from './extensionSetup';\nimport { watch } from '../internal/watch';\nimport { PropertyValues } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { Theme } from './theme';\n\n// Choose the appropriate mode for your use case\n\n/**\n * Nile icon component.\n *\n * @tag nile-code-editor\n *\n */\n@customElement('nile-code-editor')\nexport class NileCodeEditor extends NileElement {\n  @query('.code-mirror') codeEditor: HTMLInputElement;\n  @property({ type: Boolean, reflect: true }) multiline = false;\n  @property({ type: String }) value = '';\n  @property({ type: String }) customAutoCompletions: any = {};\n  @property({ type: Boolean }) updateValue: any = false;\n  @property({ attribute: 'error-message' }) errorMessage = '';\n  @property({ attribute: 'error' }) error = false;\n  @property({ attribute: 'noborder' }) noborder = false;\n\n  @property({ type: Boolean }) expandable: any = false;\n  @property({ type: Boolean }) readonly: any = false;\n\n  /**\n   * The styles for CodeEditor\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  view: EditorView;\n\n  convertToSingleLine(code: any) {\n    // Remove line breaks and unnecessary whitespace\n    return code.replace(/\\s+/g, ' ').trim();\n  }\n  lineNumbersComp = new Compartment();\n  restrictSingleLineComp = new Compartment();\n  readOnlyComp = new Compartment();\n\n\n  @watch(['value'], { waitUntilFirstUpdate: true })\n  handleValueChange() { }\n\n  getLineNumbersExension() {\n    return this.multiline ? lineNumbers() : [];\n  }\n\n  getReadOnlyExtension() {\n    return EditorState.readOnly.of(this.readonly);\n  }\n\n  getSingleLineExtension(){\n     return !this.multiline ? EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    ) : [];\n  }\n\n  firstUpdated() {\n    const lineNumbersExtension = this.lineNumbersComp.of(this.getLineNumbersExension());\n    const readOnlyExtension = this.readOnlyComp.of(this.getReadOnlyExtension());\n    const restrictSingleLineExtension = this.restrictSingleLineComp.of(this.getSingleLineExtension())\n    const customAutoCompletions = javascriptLanguage.data.of({\n      autocomplete: scopeCompletionSource(this.customAutoCompletions),\n    });\n    let startState = EditorState.create({\n      doc: !this.multiline\n        ? this.convertToSingleLine(this.value)\n        : this.value,\n      extensions: [\n          basicSetup({\n              lineNumbers: false,\n              highlightActiveLine: false,\n              foldGutter: false,\n            }),\n        lineNumbersExtension,\n        readOnlyExtension,\n        restrictSingleLineExtension,\n        customAutoCompletions,\n        autocompletion(),\n        javascript(),\n        this.setTheme(),\n        EditorView.updateListener.of((v: ViewUpdate) => {\n          if (v.docChanged) {\n            this.emitValues(this.view.state.doc.toString());\n          }\n        }),\n           \n      ],\n    });\n\n    this.view = new EditorView({\n      state: startState,\n      parent: this.codeEditor,\n    });\n    this.addOpenListeners();\n  }\n  \n\n  addOpenListeners() {\n    this.view.contentDOM.addEventListener('blur', () => this.toggleFocusAndBlur('blur'));\n    this.view.contentDOM.addEventListener('focus', () => this.toggleFocusAndBlur('focus'));\n  }\n  \n\n  singleLineMultiLineToggle() {\n     this.view.dispatch({\n            changes: {\n              from: 0,\n              to: this.view.state.doc.length,\n              insert: !this.multiline\n                ? this.convertToSingleLine(this.value)\n                : this.value,\n            },\n          });\n  }\n  \n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    if (changedProperties.has('value') && this.updateValue) {\n          // Editor has already been initialized, update its state\n          this.singleLineMultiLineToggle();\n        }\n    if (changedProperties.has('multiline')) {\n      this.view.dispatch({\n        effects: [this.lineNumbersComp.reconfigure(this.getLineNumbersExension()),\n          this.restrictSingleLineComp.reconfigure(this.getSingleLineExtension())],\n      })\n      this.singleLineMultiLineToggle();\n    }\n    if (changedProperties.has('readonly')) {\n      this.view.dispatch({ effects: this.readOnlyComp.reconfigure(this.getReadOnlyExtension()) })      \n    }\n  }\n\n  toggleFocusAndBlur(action: 'blur' | 'focus') {\n    if(action === 'blur'){\n      this.emit('nile-blur', { onBlur : true });\n     }\n    if (action === 'focus') {\n      this.emit('nile-focus', { onFocus : true });\n    }\n }\n\n  setTheme() {\n    return EditorView.theme(Theme);\n  }\n\n  emitValues(value: string) {\n    this.emit('nile-change', { value: value });\n  }\n\n  expandCodeEditor() {\n    this.emit('nile-expand', { expand: true });\n  }\n\n  restrictSingleLine() {\n    return EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    );\n  }\n  public render(): TemplateResult {\n    const hasErrorMessage = !!this.errorMessage;\n    const hasError = !!this.error;\n    const noborder = !!this.noborder;\n    return html`<div\n        part=\"code-editor-base\"\n        class=${classMap({\n          'code-mirror': true,\n          noborder: noborder,\n          error: hasError || hasErrorMessage,\n          'code-mirror__singleline': !this.multiline,\n        })}\n      >\n        ${this.expandable\n          ? html` <nile-icon\n              name=\"expand-2\"\n              class=\"code-editor__icon__container\"\n              size=\"16\"\n              color=\"black\"\n              @click=\"${(e: CustomEvent) => this.expandCodeEditor()}\"\n            ></nile-icon>`\n          : ''}\n      </div>\n      ${hasErrorMessage\n        ? html`\n            <nile-form-error-message\n              >${this.errorMessage}</nile-form-error-message\n            >\n          `\n        : ``}`;\n  }\n\n  /* #endregion */\n}\n\nexport default NileCodeEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-code-editor': NileCodeEditor;\n  }\n}\n"]}
+{"version":3,"file":"nile-code-editor.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAIT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,qBAAqB,GAEtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,gDAAgD;AAEhD;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAAxC;;QAEuC,cAAS,GAAG,KAAK,CAAC;QAClC,UAAK,GAAG,EAAE,CAAC;QACX,0BAAqB,GAAQ,EAAE,CAAC;QAC/B,gBAAW,GAAQ,KAAK,CAAC;QACZ,iBAAY,GAAG,EAAE,CAAC;QACX,UAAK,GAAG,KAAK,CAAC;QACZ,aAAQ,GAAG,KAAK,CAAC;QAEvC,eAAU,GAAQ,KAAK,CAAC;QACV,aAAQ,GAAY,KAAK,CAAC;QA2BrE,oBAAe,GAAG,IAAI,WAAW,EAAE,CAAC;QACpC,2BAAsB,GAAG,IAAI,WAAW,EAAE,CAAC;QAC3C,iBAAY,GAAG,IAAI,WAAW,EAAE,CAAC;QAgIjC,gBAAgB;IAClB,CAAC;IA5JC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAA;QACnB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC5B,CAAC;IAID,mBAAmB,CAAC,IAAS;QAC3B,gDAAgD;QAChD,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC;IAKD,sBAAsB;QACpB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,CAAC;IAED,oBAAoB;QAClB,OAAO,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAED,sBAAsB;QACnB,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAC9D,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAC9B,CAAC,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAED,YAAY;QACV,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;QACpF,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QAC5E,MAAM,2BAA2B,GAAG,IAAI,CAAC,sBAAsB,CAAC,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAA;QACjG,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;YACvD,YAAY,EAAE,qBAAqB,CAAC,IAAI,CAAC,qBAAqB,CAAC;SAChE,CAAC,CAAC;QACH,IAAI,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;YAClC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS;gBAClB,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC;gBACtC,CAAC,CAAC,IAAI,CAAC,KAAK;YACd,UAAU,EAAE;gBACV,UAAU,CAAC;oBACT,mBAAmB,EAAE,KAAK;oBAC1B,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS;iBAC7B,CAAC;gBACF,oBAAoB;gBACpB,iBAAiB;gBACjB,2BAA2B;gBAC3B,qBAAqB;gBACrB,cAAc,EAAE;gBAChB,UAAU,EAAE;gBACZ,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;gBACvB,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAa,EAAE,EAAE;oBAC7C,IAAI,CAAC,CAAC,UAAU,EAAE;wBAChB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;qBACpE;gBACH,CAAC,CAAC;gBACF,UAAU,CAAC,gBAAgB,CAAC;oBAC1B,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;oBACxD,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC;iBACvD,CAAC;aACH;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,GAAG,IAAI,UAAU,CAAC;YACzB,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,IAAI,CAAC,UAAU;SACxB,CAAC,CAAC;IACL,CAAC;IAED,yBAAyB;QACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;YAClB,OAAO,EAAE;gBACP,IAAI,EAAE,CAAC;gBACP,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM;gBAC9B,MAAM,EAAE,CAAC,IAAI,CAAC,SAAS;oBACrB,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC;oBACtC,CAAC,CAAC,IAAI,CAAC,KAAK;aACf;SACF,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CAAC,iBAAiC;QACvC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE;YAClD,wDAAwD;YACxD,IAAI,CAAC,yBAAyB,EAAE,CAAC;SAClC;QACL,IAAI,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YACtC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACjB,OAAO,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;oBACvE,IAAI,CAAC,sBAAsB,CAAC,WAAW,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;aAC1E,CAAC,CAAA;YACF,IAAI,CAAC,yBAAyB,EAAE,CAAC;SAClC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,EAAE,CAAC,CAAA;SAC5F;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,kBAAkB;QAChB,OAAO,WAAW,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAC3C,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAC9B,CAAC;IACJ,CAAC;IACM,MAAM;QACX,MAAM,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAC5C,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9B,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QACjC,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,aAAa,EAAE,IAAI;YACnB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,QAAQ,IAAI,eAAe;YAClC,yBAAyB,EAAE,CAAC,IAAI,CAAC,SAAS;SAC3C,CAAC;;UAEA,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;;;wBAKQ,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE;0BACzC;YAChB,CAAC,CAAC,EAAE;;QAEN,eAAe;YACf,CAAC,CAAC,IAAI,CAAA;;iBAEG,IAAI,CAAC,YAAY;;WAEvB;YACH,CAAC,CAAC,EAAE,EAAE,CAAC;IACb,CAAC;CAGF,CAAA;AAxKwB;IAAtB,KAAK,CAAC,cAAc,CAAC;kDAA8B;AACR;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAmB;AAClC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAAiC;AAC/B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAA0B;AACZ;IAAzC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;oDAAmB;AACX;IAAhD,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAe;AACZ;IAAlD,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAC,OAAO,EAAE,CAAC;gDAAkB;AAEvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAyB;AACV;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAC,IAAI,EAAE,CAAC;gDAA2B;AAX1D,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAyK1B;SAzKY,cAAc;AA2K3B,eAAe,cAAc,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValueMap,\n} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-code-editor.css';\nimport { EditorView } from 'codemirror';\nimport { ViewUpdate } from '@codemirror/view';\nimport { EditorState, Compartment } from '@codemirror/state';\nimport {lineNumbers} from '@codemirror/view';\nimport {\n  javascript,\n  javascriptLanguage,\n  scopeCompletionSource,\n  completionPath,\n} from '@codemirror/lang-javascript';\nimport { autocompletion } from '@codemirror/autocomplete';\nimport { CompletionContext, Completion } from '@codemirror/autocomplete';\nimport NileElement from '../internal/nile-element';\nimport { basicSetup } from './extensionSetup';\nimport { watch } from '../internal/watch';\nimport { PropertyValues } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { Theme } from './theme';\n\n// Choose the appropriate mode for your use case\n\n/**\n * Nile icon component.\n *\n * @tag nile-code-editor\n *\n */\n@customElement('nile-code-editor')\nexport class NileCodeEditor extends NileElement {\n  @query('.code-mirror') codeEditor: HTMLInputElement;\n  @property({ type: Boolean, reflect: true }) multiline = false;\n  @property({ type: String }) value = '';\n  @property({ type: String }) customAutoCompletions: any = {};\n  @property({ type: Boolean }) updateValue: any = false;\n  @property({ attribute: 'error-message' }) errorMessage = '';\n  @property({ attribute: 'error', type: Boolean }) error = false;\n  @property({ attribute: 'noborder', type:Boolean }) noborder = false;\n\n  @property({ type: Boolean }) expandable: any = false;\n  @property({ type: Boolean, reflect:true }) readonly: boolean = false;\n\n  /**\n   * The styles for CodeEditor\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.view.destroy()\n    this.emit('nile-destroy');\n  }\n\n  public view: EditorView;\n\n  convertToSingleLine(code: any) {\n    // Remove line breaks and unnecessary whitespace\n    return code.replace(/\\s+/g, ' ').trim();\n  }\n  lineNumbersComp = new Compartment();\n  restrictSingleLineComp = new Compartment();\n  readOnlyComp = new Compartment();\n\n  getLineNumbersExension() {\n    return this.multiline ? lineNumbers() : [];\n  }\n\n  getReadOnlyExtension() {\n    return EditorState.readOnly.of(this.readonly);\n  }\n\n  getSingleLineExtension(){\n     return !this.multiline ? EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    ) : [];\n  }\n\n  firstUpdated() {\n    const lineNumbersExtension = this.lineNumbersComp.of(this.getLineNumbersExension());\n    const readOnlyExtension = this.readOnlyComp.of(this.getReadOnlyExtension());\n    const restrictSingleLineExtension = this.restrictSingleLineComp.of(this.getSingleLineExtension())\n    const customAutoCompletions = javascriptLanguage.data.of({\n      autocomplete: scopeCompletionSource(this.customAutoCompletions),\n    });\n    let startState = EditorState.create({\n      doc: !this.multiline\n        ? this.convertToSingleLine(this.value)\n        : this.value,\n      extensions: [\n        basicSetup({\n          highlightActiveLine: false,\n          foldGutter: !!this.multiline,\n        }),\n        lineNumbersExtension,\n        readOnlyExtension,\n        restrictSingleLineExtension,\n        customAutoCompletions,\n        autocompletion(),\n        javascript(),\n        EditorView.theme(Theme),\n        EditorView.updateListener.of((v: ViewUpdate) => {\n          if (v.docChanged) {\n            this.emit('nile-change', { value: this.view.state.doc.toString() })\n          }\n        }),\n        EditorView.domEventHandlers({\n          focus: () => this.dispatchEvent(new Event('nile-focus')),\n          blur: () => this.dispatchEvent(new Event('nile-blur')),\n        }),\n      ],\n    });\n\n    this.view = new EditorView({\n      state: startState,\n      parent: this.codeEditor,\n    });\n  }\n\n  singleLineMultiLineToggle() {\n     this.view.dispatch({\n      changes: {\n        from: 0,\n        to: this.view.state.doc.length,\n        insert: !this.multiline\n          ? this.convertToSingleLine(this.value)\n          : this.value,\n      },\n    });\n  }\n  \n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    if (changedProperties.has('value') && this.updateValue) {\n          // Editor has already been initialized, update its state\n          this.singleLineMultiLineToggle();\n        }\n    if (changedProperties.has('multiline')) {\n      this.view.dispatch({\n        effects: [this.lineNumbersComp.reconfigure(this.getLineNumbersExension()),\n          this.restrictSingleLineComp.reconfigure(this.getSingleLineExtension())],\n      })\n      this.singleLineMultiLineToggle();\n    }\n    if (changedProperties.has('readonly')) {\n      this.view.dispatch({ effects: this.readOnlyComp.reconfigure(this.getReadOnlyExtension()) })      \n    }\n  }\n\n  expandCodeEditor() {\n    this.emit('nile-expand', { expand: true });\n  }\n\n  restrictSingleLine() {\n    return EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    );\n  }\n  public render(): TemplateResult {\n    const hasErrorMessage = !!this.errorMessage;\n    const hasError = !!this.error;\n    const noborder = !!this.noborder;\n    return html`<div\n        part=\"code-editor-base\"\n        class=${classMap({\n          'code-mirror': true,\n          noborder: noborder,\n          error: hasError || hasErrorMessage,\n          'code-mirror__singleline': !this.multiline,\n        })}\n      >\n        ${this.expandable\n          ? html` <nile-icon\n              name=\"expand-2\"\n              class=\"code-editor__icon__container\"\n              size=\"16\"\n              color=\"black\"\n              @click=\"${(e: CustomEvent) => this.expandCodeEditor()}\"\n            ></nile-icon>`\n          : ''}\n      </div>\n      ${hasErrorMessage\n        ? html`\n            <nile-form-error-message\n              >${this.errorMessage}</nile-form-error-message\n            >\n          `\n        : ``}`;\n  }\n\n  /* #endregion */\n}\n\nexport default NileCodeEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-code-editor': NileCodeEditor;\n  }\n}\n"]}

package/dist/src/nile-code-editor/theme.d.ts

@@ -1,9 +1,12 @@
 export declare const Theme: {
     '&': {
+        width: string;
         fontSize: string;
         fontFamily: string;
         fontWeight: string;
     };
     '.cm-content': {};
-    '.cm-scroller': {};
+    ".cm-scroller": {
+        overflow: string;
+    };
 };

package/dist/src/nile-code-editor/theme.js

@@ -1,10 +1,11 @@
 export const Theme = {
     '&': {
+        width: "100%",
         fontSize: '14px',
         fontFamily: 'Colfax-regular',
         fontWeight: '400',
     },
     '.cm-content': {},
-    '.cm-scroller': {},
+    ".cm-scroller": { overflow: "hidden" },
 };
 //# sourceMappingURL=theme.js.map

package/dist/src/nile-code-editor/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/nile-code-editor/theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE;QACH,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE,KAAK;KAClB;IACD,aAAa,EAAE,EAAE;IACjB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export const Theme = {\n  '&': {\n    fontSize: '14px',\n    fontFamily: 'Colfax-regular',\n    fontWeight: '400',\n  },\n  '.cm-content': {},\n  '.cm-scroller': {},\n};\n"]}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/nile-code-editor/theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE;QACH,KAAK,EAAC,MAAM;QACZ,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE,KAAK;KAClB;IACD,aAAa,EAAE,EAAE;IACjB,cAAc,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC;CACrC,CAAC","sourcesContent":["export const Theme = {\n  '&': {\n    width:\"100%\",\n    fontSize: '14px',\n    fontFamily: 'Colfax-regular',\n    fontWeight: '400',\n  },\n  '.cm-content': {},\n  \".cm-scroller\": {overflow: \"hidden\"},\n};"]}