@aquera/nile-elements 0.1.13 → 0.1.15

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-checkbox/nile-checkbox.ts

@@ -216,7 +216,7 @@ export class NileCheckbox extends NileElement {
           @blur=${this.handleBlur}
           @focus=${this.handleFocus}
         />
- 
+
         <span
           part="control${this.checked ? ' control--checked' : ''}${this
             .indeterminate
@@ -249,24 +249,17 @@ export class NileCheckbox extends NileElement {
               `
             : ''}
         </span>
- 
+
         <div part="label" class="checkbox__label">
           ${typeof this.label === 'boolean' ? '' : this.label}
           <slot></slot>
         </div>
       </label>
- 
+
       ${hasHelpText
-        ? html`
-            <nile-tooltip content="${this.helpText}" placement="bottom">
-              <nile-icon
-                name="question"
-                class="checkbox__helptext-icon"
-              ></nile-icon>
-            </nile-tooltip>
-          `
+        ? html` <nile-form-help-text>${this.helpText}</nile-form-help-text> `
         : ``}
- 
+        
       ${hasErrorMessage
         ? html`
             <nile-form-error-message

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

@@ -381,6 +381,15 @@ export class NileCodeEditor extends NileElement {
     if(this.timeOut) clearTimeout(this.timeOut);
     this.timeOut=setTimeout(()=> this.emit('nile-change', value, false), this.debounceTimeout)
   }
+  
+  public focusAtPosition(pos: number=this.view.state.doc.toString().length): void {
+    if (this.view) {
+      this.view.dispatch({
+        selection: { anchor: pos },
+      });
+      this.view.focus();
+    }
+  }
 
   public insertBetweenCode=(text: string) => {
     const transaction = this.view.state.changeByRange(range => {

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

@@ -19,8 +19,21 @@ export const CustomTheme = {
     lineHeight:'inherit',
     letterSpacing:'inherit'
   },
-  '.cm-content': {},
-  ".cm-scroller": {
-    scrollbarWidth:'thin',
+  
+  '.cm-content': {
+    fontSize: 'inherit',
+    fontStyle: 'inherit',
+    fontFamily: 'inherit',
+    fontWeight: 'inherit',
+    lineHeight:'inherit',
+    letterSpacing:'inherit'
+  },
+
+  ".cm-scroller":{
+    fontFamily: 'inherit'
+  },
+
+  ".cm-gutters": {
+    fontFamily: 'inherit', // Ensure the gutter font matches
   },
 };