@aquera/nile-visualization 1.9.0 → 2.0.0

package/dist/src/nile-chart/nile-chart.js

@@ -162,9 +162,19 @@ let NileChart = class NileChart extends NileElement {
         /** True when elements are projected into `header-actions` (used to show the header row). */
         this.hasHeaderActionsSlot = false;
         this.handleOutsideClick = (e) => {
-            if (!e.composedPath().includes(this)) {
+            const path = e.composedPath();
+            if (!path.includes(this)) {
                 this.menuOpen = false;
                 this.chatOpen = false;
+                return;
+            }
+            if (this.chatOpen) {
+                const root = this.renderRoot;
+                const panel = root.querySelector('.nile-ai-panel-overlay');
+                const trigger = root.querySelector('.nile-ai-trigger');
+                if (!path.some((n) => n === panel || n === trigger)) {
+                    this.chatOpen = false;
+                }
             }
         };
         this.handleChartReady = (e) => {
@@ -447,6 +457,7 @@ let NileChart = class NileChart extends NileElement {
         aria-label="Ask AI about this chart"
         aria-expanded=${this.chatOpen ? 'true' : 'false'}
         @click=${this.toggleChat}
+        part="ai-trigger"
       >
         <nile-glyph name="smart-code" size="16"></nile-glyph>
       </button>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aquera/nile-visualization",
-  "version": "1.9.0",
+  "version": "2.0.0",
   "description": "A visualization Library for the Nile Design System",
   "license": "MIT",
   "author": "Aquera Inc",
@@ -64,7 +64,7 @@
   },
   "peerDependenciesMeta": {
     "@aquera/nile-data-grid": {
-      "optional": true
+    "optional": true
     }
   },
   "devDependencies": {