@aquera/nile-elements 1.5.7 → 1.5.9-patch-1

package/package.json

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

package/src/nile-button/nile-button.css.ts

@@ -233,7 +233,6 @@ export const styles = css`
 
   .button--standard.button--ghost:hover:not(.button--disabled) {
     background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));
-    border-color:  var(--nile-colors-neutral-500,  var(--ng-colors-bg-primary));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));
   }
 
@@ -523,9 +522,6 @@ export const styles = css`
     ::slotted(nile-icon:not([color])) {
     --nile-svg-fill: var(--nile-colors-dark-900) !important;
   }
-  .button--standard.button--ghost ::slotted(nile-icon:not([color])) {
-    --nile-svg-fill: var(--nile-colors-neutral-500) !important;
-  }
 
   /* Caution Variant */
   .button--standard.button--caution ::slotted(nile-icon:not([color])) {
@@ -592,13 +588,15 @@ export const styles = css`
 
   .button--outline.button--secondary:hover:not(.button--disabled),
   .button--outline.button--secondary.button--checked:not(.button--disabled) {
-    border-color: var(--nile-colors-primary-600);
-    color: var(--nile-colors-white-base);
+    border-color:var(--nile-colors-neutral-700);
+    background-color:var(--nile-colors-dark-200);
   }
 
   .button--outline.button--secondary:active:not(.button--disabled) {
     border-color: var(--nile-colors-neutral-700);
-    color: var(--nile-colors-white-base);
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
+    0px 0px 0px 4px rgba(152, 162, 179, 0.14);
+    background-color:var(--nile-colors-white-base);
   }
 
   /* Primary */
@@ -609,12 +607,13 @@ export const styles = css`
 
   .button--outline.button--primary:hover:not(.button--disabled),
   .button--outline.button--primary.button--checked:not(.button--disabled) {
-    color: var(--nile-colors-white-base);
+    background-color: var(--nile-colors-blue-100);
   }
 
   .button--outline.button--primary:active:not(.button--disabled) {
     border-color: var(--nile-colors-primary-700);
-    color: var(--nile-colors-white-base);
+    box-shadow:var(--nile-box-shadow-6);
+    background-color:var(--nile-colors-white-base);
   }
 
   /* Success */

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

@@ -39,7 +39,7 @@ import { autocompletion,acceptCompletion, closeCompletion,CompletionContext,Comp
 import NileElement from '../internal/nile-element';
 import { basicSetup } from './extensionSetup';
 import { classMap } from 'lit/directives/class-map.js';
-import { Theme as DefaultTheme, customisedThemeCss, fontFamily } from './theme';
+import { Theme as DefaultTheme, customisedThemeCss, fontFamily, readOnlyTheme } from './theme';
 import { keymap } from '@codemirror/view';
 
 // Choose the appropriate mode for your use case
@@ -109,6 +109,8 @@ export class NileCodeEditor extends NileElement {
 
   @property({ type: Object, attribute: false }) autoCompleteStyle: { width?: string; multiline?: boolean } | undefined = undefined;
 
+  @property({ type: Boolean, reflect: true, attribute: true }) hideReadOnlyCursor: boolean = false; 
+
   public view: EditorView;
   public viewState:EditorState;
   private timeOut: any = null;
@@ -586,13 +588,7 @@ export class NileCodeEditor extends NileElement {
   }
 
   getReadOnlyExtension() {
-    if(this.readonly || this.disabled) {
-      return [
-        EditorState.readOnly.of(true),
-        EditorView.editable.of(false),
-      ]
-    }
-    return [];
+    return (this.readonly || this.disabled) ? [EditorState.readOnly.of(true), this.hideReadOnlyCursor ? EditorView.theme(readOnlyTheme) : []] : [];
   }
 
   getSingleLineExtension() {

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

@@ -48,6 +48,12 @@ export const fontFamily = {
   }
 }
 
+export const readOnlyTheme = {
+  '.cm-cursor': { 
+    display: 'none !important' 
+  },
+};
+
 export const customisedThemeCss = {
   '.cm-content' : {
     fontFamily: 'inherit',
@@ -164,3 +170,4 @@ export const customisedThemeCss = {
     marginLeft: '18px',
   }
 };
+

package/src/nile-dropdown/nile-dropdown.ts

@@ -449,10 +449,12 @@ export class NileDropdown extends NileElement {
   }
   
   private updateTriggerDisabledState() {
-    const trigger = this.querySelector('[slot="trigger"]') as HTMLElement | null;
+    const trigger = this.querySelector('[slot="trigger"]') as any;
     if (!trigger) return;
-    if ('disabled' in trigger) {
-      (trigger as any).disabled = this.disabled;
+    const triggerAlreadyDisabled = trigger.hasAttribute('disabled');
+    if (this.disabled || triggerAlreadyDisabled) {
+      trigger.disabled = true;
+      this.disabled = true;
     }
   }
 

package/src/nile-grid/nile-grid.css.ts

@@ -23,7 +23,6 @@ export const styles = css`
     width: 100%;
     min-width: var(--min-width);
     box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));
-    overscroll-behavior: none;
   }
 
   ::slotted(nile-grid-head),

package/src/nile-grid/nile-grid.layout.ts

@@ -77,6 +77,11 @@ export const layout = (
     addVariablesValue(nileGrid);
     applyColumnsTemplate(nileGrid, nileGrid.columnWidths);
     nileGrid.needsWidthLayout = false;
+
+    if (!nileGrid.isGridReady) {
+      nileGrid.isGridReady = true;
+      nileGrid.emit('nile-grid-ready');
+    }
   }
 };
 

package/src/nile-grid/nile-grid.ts

@@ -54,6 +54,9 @@ export class NileGrid extends NileElement {
   /** To enable hoverable rows */
   @property({ type: Boolean, attribute: true, reflect: true }) hoverable: boolean = false;
 
+  /** Controls vertical overscroll behavior when the grid is scrollable. */
+  @property({ type: String, attribute: true, reflect: true }) overflowScrollBehaviour: string = "none";
+
   /** To store the mutation observer */
   private mo?: MutationObserver;
 
@@ -105,6 +108,8 @@ export class NileGrid extends NileElement {
 
   @state() public colCount = 0;
   
+  public isGridReady = false;
+
   public shadowLeftVisibleSticky?: boolean;
 
   public shadowRightVisibleSticky?: boolean;
@@ -141,6 +146,13 @@ export class NileGrid extends NileElement {
     });
   };
 
+  private updateOverscrollBehavior() {
+    const isVerticallyScrollable = this.scrollHeight > this.clientHeight;
+    this.style.overscrollBehavior = isVerticallyScrollable
+      ? this.overflowScrollBehaviour
+      : '';
+  }
+
 
   private scheduleLayout() {
     if (this.raf) cancelAnimationFrame(this.raf);
@@ -207,11 +219,20 @@ export class NileGrid extends NileElement {
       this._attachObserverAndLayout.bind(this)
     );
     this.addEventListener('scroll', this.syncStickyShadowsRaf);
-    this.resizeObserverStickyShadows = new ResizeObserver(() => syncStickyShadows(this));
+    this.resizeObserverStickyShadows = new ResizeObserver(() => {
+      syncStickyShadows(this);
+      this.updateOverscrollBehavior();
+    });
     this.resizeObserverStickyShadows.observe(this);
     this.syncStickyShadowsRaf();
   }
 
+  updated(changed: Map<string, unknown>) {
+    if (changed.has("overflowScrollBehaviour")) {
+      this.updateOverscrollBehavior();
+    }
+  }
+
   private _attachObserverAndLayout() {
     this.mo?.disconnect();
     this.mo = new MutationObserver(() => {

package/src/nile-icon/icons/svg/index.ts

@@ -308,9 +308,11 @@ export { default as ngbatterycharging } from './ng-battery-charging';
 export { default as ngbell01 } from './ng-bell-01';
 export { default as ngbellringing04 } from './ng-bell-ringing-04';
 export { default as ngbold01 } from './ng-bold-01';
+export { default as ngboolean } from './ng-boolean';
 export { default as ngbriefcase01 } from './ng-briefcase-01';
 export { default as ngbuilding01 } from './ng-building-01';
 export { default as ngbuilding05 } from './ng-building-05';
+export { default as ngbuilding07 } from './ng-building-07';
 export { default as ngbuttonloadingblueanimated } from './ng-button-loading-blue-animated';
 export { default as ngbuttonloadingblue } from './ng-button-loading-blue';
 export { default as ngcalendarplus02 } from './ng-calendar-plus-02';
@@ -328,8 +330,10 @@ export { default as ngchevronright } from './ng-chevron-right';
 export { default as ngchevronselectorvertical } from './ng-chevron-selector-vertical';
 export { default as ngchevronupdouble } from './ng-chevron-up-double';
 export { default as ngchevronup } from './ng-chevron-up';
+export { default as ngclockrefresh } from './ng-clock-refresh';
 export { default as ngcolumns02 } from './ng-columns-02';
 export { default as ngcopy03 } from './ng-copy-03';
+export { default as ngdataflow02 } from './ng-dataflow-02';
 export { default as ngdataflow04 } from './ng-dataflow-04';
 export { default as ngdotsgrid } from './ng-dots-grid';
 export { default as ngdotsvertical } from './ng-dots-vertical';
@@ -345,6 +349,7 @@ export { default as ngfile06 } from './ng-file-06';
 export { default as ngfilecheck02 } from './ng-file-check-02';
 export { default as ngfilequestion03 } from './ng-file-question-03';
 export { default as ngfilterlines } from './ng-filter-lines';
+export { default as ngfoldercode } from './ng-folder-code';
 export { default as nggrid01 } from './ng-grid-01';
 export { default as nghash } from './ng-hash';
 export { default as nghelpcircle } from './ng-help-circle';
@@ -356,6 +361,7 @@ export { default as ngitalic01 } from './ng-italic-01';
 export { default as ngkey01 } from './ng-key-01';
 export { default as nglayersthree01 } from './ng-layers-three-01';
 export { default as nglayersthree02 } from './ng-layers-three-02';
+export { default as nglightbulb05 } from './ng-lightbulb-05';
 export { default as nglist } from './ng-list';
 export { default as nglock03 } from './ng-lock-03';
 export { default as nglogout01 } from './ng-log-out-01';
@@ -367,6 +373,7 @@ export { default as ngmessagetextsquare01 } from './ng-message-text-square-01';
 export { default as ngminimize02 } from './ng-minimize-02';
 export { default as ngminus } from './ng-minus';
 export { default as ngmonitor } from './ng-monitor';
+export { default as ngnumber } from './ng-number';
 export { default as ngpiechart03 } from './ng-pie-chart-03';
 export { default as ngplus } from './ng-plus';
 export { default as ngpower01 } from './ng-power-01';
@@ -383,6 +390,7 @@ export { default as ngshare06 } from './ng-share-06';
 export { default as ngshieldtick } from './ng-shield-tick';
 export { default as ngshoppingbag01 } from './ng-shopping-bag-01';
 export { default as ngstars02 } from './ng-stars-02';
+export { default as ngstring } from './ng-string';
 export { default as ngswitchhorizontal01 } from './ng-switch-horizontal-01';
 export { default as ngtag } from './ng-tag';
 export { default as ngtrash01 } from './ng-trash-01';

package/src/nile-icon/icons/svg/ng-boolean.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuOCAzQzEyLjggMi41NTgxNyAxMi40NDE4IDIuMiAxMiAyLjJDMTEuNTU4MiAyLjIgMTEuMiAyLjU1ODE3IDExLjIgM0gxMkgxMi44Wk0xMS4yIDIxQzExLjIgMjEuNDQxOCAxMS41NTgyIDIxLjggMTIgMjEuOEMxMi40NDE4IDIxLjggMTIuOCAyMS40NDE4IDEyLjggMjFIMTJIMTEuMlpNMiA3LjJDMS41NTgxNyA3LjIgMS4yIDcuNTU4MTcgMS4yIDhDMS4yIDguNDQxODMgMS41NTgxNyA4LjggMiA4LjhWOFY3LjJaTTkgOC44QzkuNDQxODMgOC44IDkuOCA4LjQ0MTgzIDkuOCA4QzkuOCA3LjU1ODE3IDkuNDQxODMgNy4yIDkgNy4yVjhWOC44Wk00LjcgMTZDNC43IDE2LjQ0MTggNS4wNTgxNyAxNi44IDUuNSAxNi44QzUuOTQxODMgMTYuOCA2LjMgMTYuNDQxOCA2LjMgMTZINS41SDQuN1pNMTYgOFY3LjJDMTUuNTU4MiA3LjIgMTUuMiA3LjU1ODE3IDE1LjIgOEgxNlpNMTUuMiAxNkMxNS4yIDE2LjQ0MTggMTUuNTU4MiAxNi44IDE2IDE2LjhDMTYuNDQxOCAxNi44IDE2LjggMTYuNDQxOCAxNi44IDE2SDE2SDE1LjJaTTIyIDguOEMyMi40NDE4IDguOCAyMi44IDguNDQxODMgMjIuOCA4QzIyLjggNy41NTgxNyAyMi40NDE4IDcuMiAyMiA3LjJWOFY4LjhaTTE2IDExLjJDMTUuNTU4MiAxMS4yIDE1LjIgMTEuNTU4MiAxNS4yIDEyQzE1LjIgMTIuNDQxOCAxNS41NTgyIDEyLjggMTYgMTIuOFYxMlYxMS4yWk0yMiAxMi44QzIyLjQ0MTggMTIuOCAyMi44IDEyLjQ0MTggMjIuOCAxMkMyMi44IDExLjU1ODIgMjIuNDQxOCAxMS4yIDIyIDExLjJWMTJWMTIuOFpNMTIgM0gxMS4yVjIxSDEySDEyLjhWM0gxMlpNMiA4VjguOEg1LjVWOFY3LjJIMlY4Wk01LjUgOFY4LjhIOVY4VjcuMkg1LjVWOFpNNS41IDhINC43VjE2SDUuNUg2LjNWOEg1LjVaTTE2IDhIMTUuMlYxNkgxNkgxNi44VjhIMTZaTTE2IDhWOC44SDIyVjhWNy4ySDE2VjhaTTE2IDEyVjEyLjhIMjJWMTJWMTEuMkgxNlYxMloiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/ng-building-07.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy41IDExSDQuNkM0LjAzOTk1IDExIDMuNzU5OTIgMTEgMy41NDYwMSAxMS4xMDlDMy4zNTc4NSAxMS4yMDQ5IDMuMjA0ODcgMTEuMzU3OCAzLjEwODk5IDExLjU0NkMzIDExLjc1OTkgMyAxMi4wMzk5IDMgMTIuNlYyMU0xNi41IDExSDE5LjRDMTkuOTYwMSAxMSAyMC4yNDAxIDExIDIwLjQ1NCAxMS4xMDlDMjAuNjQyMiAxMS4yMDQ5IDIwLjc5NTEgMTEuMzU3OCAyMC44OTEgMTEuNTQ2QzIxIDExLjc1OTkgMjEgMTIuMDM5OSAyMSAxMi42VjIxTTE2LjUgMjFWNi4yQzE2LjUgNS4wNzk5IDE2LjUgNC41MTk4NCAxNi4yODIgNC4wOTIwMkMxNi4wOTAzIDMuNzE1NjkgMTUuNzg0MyAzLjQwOTczIDE1LjQwOCAzLjIxNzk5QzE0Ljk4MDIgMyAxNC40MjAxIDMgMTMuMyAzSDEwLjdDOS41Nzk4OSAzIDkuMDE5ODQgMyA4LjU5MjAyIDMuMjE3OTlDOC4yMTU2OSAzLjQwOTczIDcuOTA5NzMgMy43MTU2OSA3LjcxNzk5IDQuMDkyMDJDNy41IDQuNTE5ODQgNy41IDUuMDc5OSA3LjUgNi4yVjIxTTIyIDIxSDJNMTEgN0gxM00xMSAxMUgxM00xMSAxNUgxMyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/ng-clock-refresh.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAuNDUzMiAxMi44OTI4QzIwLjE3NTQgMTUuNTAyNyAxOC42OTY3IDE3Ljk0ODQgMTYuMjQ5NyAxOS4zNjEyQzEyLjE4NDIgMjEuNzA4NCA2Ljk4NTY2IDIwLjMxNTUgNC42Mzg0NSAxNi4yNUw0LjM4ODQ1IDE1LjgxN00zLjU0NjE3IDExLjEwNzFDMy44MjM5NyA4LjQ5NzIzIDUuMzAyNzYgNi4wNTE1MSA3Ljc0OTc0IDQuNjM4NzRDMTEuODE1MiAyLjI5MTUzIDE3LjAxMzggMy42ODQ0NyAxOS4zNjEgNy43NDk5NUwxOS42MTEgOC4xODI5N00zLjQ5MzE2IDE4LjA2NTlMNC4yMjUyMiAxNS4zMzM5TDYuOTU3MjcgMTYuMDY1OU0xNy4wNDIyIDcuOTMzOThMMTkuNzc0MyA4LjY2NjAzTDIwLjUwNjMgNS45MzM5OE0xMS45OTk3IDcuNDk5OTVWMTJMMTQuNDk5NyAxMy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/ng-dataflow-02.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgNFYxNS4yQzEyIDE2Ljg4MDIgMTIgMTcuNzIwMiAxMi4zMjcgMTguMzYyQzEyLjYxNDYgMTguOTI2NSAxMy4wNzM1IDE5LjM4NTQgMTMuNjM4IDE5LjY3M0MxNC4yNzk4IDIwIDE1LjExOTggMjAgMTYuOCAyMEgxN00xNyAyMEMxNyAyMS4xMDQ2IDE3Ljg5NTQgMjIgMTkgMjJDMjAuMTA0NiAyMiAyMSAyMS4xMDQ2IDIxIDIwQzIxIDE4Ljg5NTQgMjAuMTA0NiAxOCAxOSAxOEMxNy44OTU0IDE4IDE3IDE4Ljg5NTQgMTcgMjBaTTcgNEwxNyA0TTcgNEM3IDUuMTA0NTcgNi4xMDQ1NyA2IDUgNkMzLjg5NTQzIDYgMyA1LjEwNDU3IDMgNEMzIDIuODk1NDMgMy44OTU0MyAyIDUgMkM2LjEwNDU3IDIgNyAyLjg5NTQzIDcgNFpNMTcgNEMxNyA1LjEwNDU3IDE3Ljg5NTQgNiAxOSA2QzIwLjEwNDYgNiAyMSA1LjEwNDU3IDIxIDRDMjEgMi44OTU0MyAyMC4xMDQ2IDIgMTkgMkMxNy44OTU0IDIgMTcgMi44OTU0MyAxNyA0Wk0xMiAxMkgxN00xNyAxMkMxNyAxMy4xMDQ2IDE3Ljg5NTQgMTQgMTkgMTRDMjAuMTA0NiAxNCAyMSAxMy4xMDQ2IDIxIDEyQzIxIDEwLjg5NTQgMjAuMTA0NiAxMCAxOSAxMEMxNy44OTU0IDEwIDE3IDEwLjg5NTQgMTcgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/ng-folder-code.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMgN0wxMS44ODQ1IDQuNzY4OTJDMTEuNTYzNCA0LjEyNjggMTEuNDAyOSAzLjgwNTczIDExLjE2MzQgMy41NzExNkMxMC45NTE2IDMuMzYzNzMgMTAuNjk2MyAzLjIwNTk3IDEwLjQxNjEgMy4xMDkzMUMxMC4wOTkyIDMgOS43NDAyMSAzIDkuMDIyMjkgM0g1LjJDNC4wNzk5IDMgMy41MTk4NCAzIDMuMDkyMDIgMy4yMTc5OUMyLjcxNTY5IDMuNDA5NzMgMi40MDk3MyAzLjcxNTY5IDIuMjE3OTkgNC4wOTIwMkMyIDQuNTE5ODQgMiA1LjA3OTkgMiA2LjJWN00yIDdIMTcuMkMxOC44ODAyIDcgMTkuNzIwMiA3IDIwLjM2MiA3LjMyNjk4QzIwLjkyNjUgNy42MTQ2IDIxLjM4NTQgOC4wNzM1NCAyMS42NzMgOC42MzgwM0MyMiA5LjI3OTc2IDIyIDEwLjExOTggMjIgMTEuOFYxNi4yQzIyIDE3Ljg4MDIgMjIgMTguNzIwMiAyMS42NzMgMTkuMzYyQzIxLjM4NTQgMTkuOTI2NSAyMC45MjY1IDIwLjM4NTQgMjAuMzYyIDIwLjY3M0MxOS43MjAyIDIxIDE4Ljg4MDIgMjEgMTcuMiAyMUg2LjhDNS4xMTk4NCAyMSA0LjI3OTc2IDIxIDMuNjM4MDMgMjAuNjczQzMuMDczNTQgMjAuMzg1NCAyLjYxNDYgMTkuOTI2NSAyLjMyNjk4IDE5LjM2MkMyIDE4LjcyMDIgMiAxNy44ODAyIDIgMTYuMlY3Wk0xNCAxNi41TDE2LjUgMTRMMTQgMTEuNU0xMCAxMS41TDcuNSAxNEwxMCAxNi41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/ng-lightbulb-05.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMlYzTTMgMTJIMk01LjUgNS41TDQuODk5OSA0Ljg5OTlNMTguNSA1LjVMMTkuMTAwMiA0Ljg5OTlNMjIgMTJIMjFNMTAgMTMuNUgxNE0xMiAxMy41VjE4LjVNMTUuNSAxNi44NzRDMTcuMDE0MSAxNS43ODQ4IDE4IDE0LjAwNzUgMTggMTJDMTggOC42ODYyOSAxNS4zMTM3IDYgMTIgNkM4LjY4NjI5IDYgNiA4LjY4NjI5IDYgMTJDNiAxNC4wMDc1IDYuOTg1OTMgMTUuNzg0OCA4LjUgMTYuODc0VjE4LjhDOC41IDE5LjkyMDEgOC41IDIwLjQ4MDIgOC43MTc5OSAyMC45MDhDOC45MDk3MyAyMS4yODQzIDkuMjE1NjkgMjEuNTkwMyA5LjU5MjAyIDIxLjc4MkMxMC4wMTk4IDIyIDEwLjU3OTkgMjIgMTEuNyAyMkgxMi4zQzEzLjQyMDEgMjIgMTMuOTgwMiAyMiAxNC40MDggMjEuNzgyQzE0Ljc4NDMgMjEuNTkwMyAxNS4wOTAzIDIxLjI4NDMgMTUuMjgyIDIwLjkwOEMxNS41IDIwLjQ4MDIgMTUuNSAxOS45MjAxIDE1LjUgMTguOFYxNi44NzRaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/ng-number.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS40OTk5OSAzTDYuNDk5OTkgMjFNMTcuNSAzTDE0LjUgMjFNMjAuNSA4SDMuNU0xOS41IDE2SDIuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/ng-string.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy44OTU0MSAxOC44NTU0QzAuMTE2NjM5IDE0Ljk4NSAyLjE4ODcxIDUuNzE0MDggOC4zMjczIDRNMTUuOTI0MiAxOC44NTU0QzEyLjE0NTQgMTQuOTg1IDE0LjIxNzUgNS43MTQwOCAyMC4zNTYgNE02LjQ5MzIzIDIwQzQuNTcyMzcgMjAgMy4wMTUyIDE4LjM5NjMgMy4wMTUyIDE2LjQxOEMzLjAxNTIgMTQuNDM5NyA0LjU3MjM3IDEyLjgzNiA2LjQ5MzIzIDEyLjgzNkM4LjQxNDA5IDEyLjgzNiA5Ljk3MTI2IDE0LjQzOTcgOS45NzEyNiAxNi40MThDOS45NzEyNiAxOC4zOTYzIDguNDE0MDkgMjAgNi40OTMyMyAyMFpNMTguNTIyIDIwQzE2LjYwMTEgMjAgMTUuMDQzOSAxOC4zOTYzIDE1LjA0MzkgMTYuNDE4QzE1LjA0MzkgMTQuNDM5NyAxNi42MDExIDEyLjgzNiAxOC41MjIgMTIuODM2QzIwLjQ0MjggMTIuODM2IDIyIDE0LjQzOTcgMjIgMTYuNDE4QzIyIDE4LjM5NjMgMjAuNDQyOCAyMCAxOC41MjIgMjBaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+";

package/src/nile-loader/nile-loader.css.ts

@@ -41,7 +41,7 @@ export default css`
   .loader__label {
     font-size: var(--loader-label-font-size);
     line-height: var(--loader-label-line-height); 
-    font-family:var(--nile-font-family-sans-serif,--ng-font-family-body);
+    font-family:var(--nile-font-family-sans-serif, var(--ng-font-family-body));
     font-style: normal;
     font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-medium));
   }

package/vscode-html-custom-data.json

@@ -989,7 +989,7 @@
     },
     {
       "name": "nile-code-editor",
-      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-focus` {`Event`} - \n\n  * `nile-blur` {`Event`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\nProperties:\n\n  * `codeEditor` {`HTMLInputElement`} - \n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `disableSyntaxHighlighting` {`boolean`} - \n\n  * `customThemeCSS` {`object | null`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `autoCompleteStyle` {`{ width?: string | undefined; multiline?: boolean | undefined; } | undefined`} - \n\n  * `view` - \n\n  * `viewState` - \n\n  * `timeOut` - \n\n  * `resizeObserver` - \n\n  * `lineNumbersComp` - \n\n  * `restrictSingleLineComp` - \n\n  * `readOnlyComp` - \n\n  * `customCompletionComp` - \n\n  * `placeholderComp` - \n\n  * `defaultSyntaxHighlightingComp` - \n\n  * `themeComp` - \n\n  * `autoCompletionComp` - \n\n  * `autoCompleteStyleComp` - \n\n  * `isSpacePressed` {`boolean`} - \n\n  * `customAutocomplete` - Custom autocomplete handler for code editor suggestions\n\n  * `insertBetweenCode` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-focus` {`Event`} - \n\n  * `nile-blur` {`Event`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `hideReadOnlyCursor` {`boolean`} - \n\nProperties:\n\n  * `codeEditor` {`HTMLInputElement`} - \n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `disableSyntaxHighlighting` {`boolean`} - \n\n  * `customThemeCSS` {`object | null`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `autoCompleteStyle` {`{ width?: string | undefined; multiline?: boolean | undefined; } | undefined`} - \n\n  * `hideReadOnlyCursor` {`boolean`} - \n\n  * `view` - \n\n  * `viewState` - \n\n  * `timeOut` - \n\n  * `resizeObserver` - \n\n  * `lineNumbersComp` - \n\n  * `restrictSingleLineComp` - \n\n  * `readOnlyComp` - \n\n  * `customCompletionComp` - \n\n  * `placeholderComp` - \n\n  * `defaultSyntaxHighlightingComp` - \n\n  * `themeComp` - \n\n  * `autoCompletionComp` - \n\n  * `autoCompleteStyleComp` - \n\n  * `isSpacePressed` {`boolean`} - \n\n  * `customAutocomplete` - Custom autocomplete handler for code editor suggestions\n\n  * `insertBetweenCode` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
@@ -1117,6 +1117,11 @@
           "description": "`defaultFont` {`boolean`} - \n\nProperty: defaultFont\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "hideReadOnlyCursor",
+          "description": "`hideReadOnlyCursor` {`boolean`} - \n\nProperty: hideReadOnlyCursor\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "onnile-focus",
           "description": "`nile-focus` {`Event`} - "
@@ -2253,7 +2258,7 @@
     },
     {
       "name": "nile-grid",
-      "description": "Nile grid component.\n\nAttributes:\n\n  * `enableScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\n  * `hoverable` {`boolean`} - To enable hoverable rows\n\n  * `minColumnWidth` {`number`} - Minimum column width\n\nProperties:\n\n  * `columnWidths` {`number[]`} - To store the column widths in the beginning and after resizing\n\n  * `slotEl` {`HTMLSlotElement`} - To get the slot element\n\n  * `resizeStart` {`HTMLElement`} - To get the first resize line to show the resize handle\n\n  * `resizeEnd` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `shadowLeft` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `shadowRight` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `enableScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\n  * `hoverable` {`boolean`} - To enable hoverable rows\n\n  * `mo` {`MutationObserver | undefined`} - To store the mutation observer\n\n  * `resizeObserver` - To store the resize observer\n\n  * `resizeObserverStickyShadows` - \n\n  * `raf` {`number`} - To store the request animation frame\n\n  * `minColumnWidth` {`number`} - Minimum column width\n\n  * `stickyLeftIndexes` {`number[]`} - To store the sticky index's\n\n  * `stickyRightIndexes` {`number[]`} - To store the sticky index's\n\n  * `cellHeight` {`number | null`} - To calculate the rowspan height\n\n  * `headHeight` {`number | null`} - \n\n  * `widthsInitialized` {`boolean`} - To check if the widths are initialized\n\n  * `lockedWidthColumns` {`boolean[]`} - To check if the widths are initialized\n\n  * `prefixSumColumnsWidth` {`PrefixColumn[]`} - prefix columns width\n\n  * `stickyColumns` {`number[]`} - prefix columns width\n\n  * `bodyRows` {`HTMLElement[]`} - body rows\n\n  * `headRows` {`HTMLElement[]`} - head rows\n\n  * `needsStructureLayout` {`boolean`} - \n\n  * `needsWidthLayout` {`boolean`} - \n\n  * `needsSpanLayout` {`boolean`} - \n\n  * `colCount` {`number`} - \n\n  * `shadowLeftVisibleSticky` {`boolean | undefined`} - \n\n  * `shadowRightVisibleSticky` {`boolean | undefined`} - \n\n  * `stickyLeftHeadEls` {`HTMLElement[]`} - \n\n  * `stickyRightHeadEls` {`HTMLElement[]`} - \n\n  * `stickyLeftBodyEls` {`HTMLElement[]`} - \n\n  * `stickyRightBodyEls` {`HTMLElement[]`} - \n\n  * `resizeTimer` - \n\n  * `shadowRaf` {`number`} - To throttle sticky shadow updates\n\n  * `resizeBaseColumnWidths` {`number[]`} - \n\n  * `syncStickyShadowsRaf` - \n\n  * `onResize` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile grid component.\n\nAttributes:\n\n  * `enableScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\n  * `hoverable` {`boolean`} - To enable hoverable rows\n\n  * `overflowScrollBehaviour` {`string`} - Controls vertical overscroll behavior when the grid is scrollable.\n\n  * `minColumnWidth` {`number`} - Minimum column width\n\nProperties:\n\n  * `columnWidths` {`number[]`} - To store the column widths in the beginning and after resizing\n\n  * `slotEl` {`HTMLSlotElement`} - To get the slot element\n\n  * `resizeStart` {`HTMLElement`} - To get the first resize line to show the resize handle\n\n  * `resizeEnd` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `shadowLeft` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `shadowRight` {`HTMLElement`} - To get the last resize line to show the resize handle\n\n  * `enableScroll` {`boolean`} - To enable horizontal scrolling when user is resizing\n\n  * `hoverable` {`boolean`} - To enable hoverable rows\n\n  * `overflowScrollBehaviour` {`string`} - Controls vertical overscroll behavior when the grid is scrollable.\n\n  * `mo` {`MutationObserver | undefined`} - To store the mutation observer\n\n  * `resizeObserver` - To store the resize observer\n\n  * `resizeObserverStickyShadows` - \n\n  * `raf` {`number`} - To store the request animation frame\n\n  * `minColumnWidth` {`number`} - Minimum column width\n\n  * `stickyLeftIndexes` {`number[]`} - To store the sticky index's\n\n  * `stickyRightIndexes` {`number[]`} - To store the sticky index's\n\n  * `cellHeight` {`number | null`} - To calculate the rowspan height\n\n  * `headHeight` {`number | null`} - \n\n  * `widthsInitialized` {`boolean`} - To check if the widths are initialized\n\n  * `lockedWidthColumns` {`boolean[]`} - To check if the widths are initialized\n\n  * `prefixSumColumnsWidth` {`PrefixColumn[]`} - prefix columns width\n\n  * `stickyColumns` {`number[]`} - prefix columns width\n\n  * `bodyRows` {`HTMLElement[]`} - body rows\n\n  * `headRows` {`HTMLElement[]`} - head rows\n\n  * `needsStructureLayout` {`boolean`} - \n\n  * `needsWidthLayout` {`boolean`} - \n\n  * `needsSpanLayout` {`boolean`} - \n\n  * `colCount` {`number`} - \n\n  * `isGridReady` {`boolean`} - \n\n  * `shadowLeftVisibleSticky` {`boolean | undefined`} - \n\n  * `shadowRightVisibleSticky` {`boolean | undefined`} - \n\n  * `stickyLeftHeadEls` {`HTMLElement[]`} - \n\n  * `stickyRightHeadEls` {`HTMLElement[]`} - \n\n  * `stickyLeftBodyEls` {`HTMLElement[]`} - \n\n  * `stickyRightBodyEls` {`HTMLElement[]`} - \n\n  * `resizeTimer` - \n\n  * `shadowRaf` {`number`} - To throttle sticky shadow updates\n\n  * `resizeBaseColumnWidths` {`number[]`} - \n\n  * `syncStickyShadowsRaf` - \n\n  * `onResize` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "enableScroll",
@@ -2265,6 +2270,10 @@
           "description": "`hoverable` {`boolean`} - To enable hoverable rows\n\nProperty: hoverable\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "overflowScrollBehaviour",
+          "description": "`overflowScrollBehaviour` {`string`} - Controls vertical overscroll behavior when the grid is scrollable.\n\nProperty: overflowScrollBehaviour\n\nDefault: none"
+        },
         {
           "name": "minColumnWidth",
           "description": "`minColumnWidth` {`number`} - Minimum column width\n\nProperty: minColumnWidth\n\nDefault: 40"