@aquera/nile-elements 0.0.106 → 0.0.107

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.106",
+  "version": "0.0.107",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",
@@ -115,6 +115,7 @@
     "composed-offset-position": "^0.0.4",
     "@codemirror/lang-javascript": "6.2.1",
     "@codemirror/lang-sql": "6.7.0",
+    "@codemirror/lang-json": "^6.0.1",
     "codemirror": "6.0.1",
     "chalk": "5.3.0",
     "figlet": "1.7.0"

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

@@ -30,6 +30,7 @@ import {
   scopeCompletionSource,
 } from '@codemirror/lang-javascript';
 import { sql } from '@codemirror/lang-sql';
+import { json } from '@codemirror/lang-json';
 import { autocompletion } from '@codemirror/autocomplete';
 import NileElement from '../internal/nile-element';
 import { basicSetup } from './extensionSetup';
@@ -54,7 +55,7 @@ export class NileCodeEditor extends NileElement {
 
   @property({ type: Object, reflect: true , attribute: true }) customAutoCompletions: object = {};
 
-  @property({ type: String, reflect: true , attribute: true}) language: 'javascript' | 'sql' = 'javascript'
+  @property({ type: String, reflect: true , attribute: true}) language: 'javascript' | 'sql' | 'json' = 'javascript';
 
   @property({ type: String, reflect: true , attribute: 'error-message' }) errorMessage: string = '';
 
@@ -194,7 +195,7 @@ export class NileCodeEditor extends NileElement {
     const customAutoCompletions = this.customCompletionComp.of(javascriptLanguage.data.of({
       autocomplete: scopeCompletionSource(this.customAutoCompletions),
     }));
-    const language = this.language == "sql" ? sql() : javascript()
+    const language = this.getLanguageExtension()
     let startState = EditorState.create({
       doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,
       extensions: [
@@ -265,6 +266,17 @@ export class NileCodeEditor extends NileElement {
   getLineNumbersExension() {
     return  this.lineNumbers || this.multiline ? lineNumbers() : [];
   }
+  
+  getLanguageExtension(){
+    switch(this.language){
+      case 'sql':
+        return sql();
+      case 'json':
+        return json();
+      default:
+        return javascript();   
+    }
+  }
 
   getReadOnlyExtension() {
     return EditorState.readOnly.of(this.readonly);

package/src/nile-input/nile-input.ts

@@ -203,6 +203,8 @@ export class NileInput extends NileElement implements NileFormControl {
   })
   spellcheck = true;
 
+  @property({ type: Boolean, reflect: true }) canSavePassword = false;
+
   /**
    * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
    * keyboard on supportive devices.
@@ -576,7 +578,7 @@ export class NileInput extends NileElement implements NileFormControl {
                   ? 'input__password'
                   : ''
               }"
-              type=${this.type === 'password' ? 'text' : this.type}
+              type=${this.type === 'password' && !this.canSavePassword  ? 'text' : this.type}
               title=${
                 this
                   .title /* An empty title prevents browser validation tooltips from appearing on hover */

package/src/nile-tab/nile-tab.ts

@@ -64,12 +64,12 @@ export class NileTab extends NileElement {
 
   private handleCloseClick(event: Event) {
     event.stopPropagation();
-    this.emit('nile-close');
+    this.emit('nile-close',undefined,false);
   }
 
   @watch('active')
   handleActiveChange() {
-    if(this.active) this.emit('nile-toggle-change',{ value: this.panel })
+    if(this.active) this.emit('nile-toggle-change',{ value: this.panel },false)
     this.setAttribute('aria-selected', this.active ? 'true' : 'false');
   }
 

package/src/nile-tab-group/nile-tab-group.ts

@@ -113,11 +113,11 @@ export class NileTabGroup extends NileElement {
 
     // After the first update...
     this.updateComplete.then(() => {
+      this.syncTabsAndPanels();
       if(this.activeTabProp) this.activeTabName=this.activeTabProp;
       else this.activeTabName=this.getActiveTab().panel;
       this.syncIndicator();
 
-      this.syncTabsAndPanels();
       this.mutationObserver.observe(this, { attributes: true, childList: true, subtree: true });
       this.resizeObserver.observe(this.nav);
       // Wait for tabs and tab panels to be registered
@@ -387,10 +387,10 @@ export class NileTabGroup extends NileElement {
       // Emit events
       if (options.emitEvents) {
         if (previousTab) {
-          this.emit('nile-tab-hide', { value: previousTab.panel });
+          this.emit('nile-tab-hide', { value: previousTab.panel },false);
         }
 
-        this.emit('nile-tab-show', { value: this.activeTab.panel });
+        this.emit('nile-tab-show', { value: this.activeTab.panel },false);
       }
     }
   }

package/web-dev-server.config.mjs

@@ -9,7 +9,7 @@ export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
   watch: !hmr,
   /** Resolve bare module imports */
   nodeResolve: {
-    exportConditions: ['browser', 'development'],
+    exportConditions: ['browser', 'production'],
   },
 
   /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */