@aquera/nile-visualization 2.9.14 → 2.9.15

package/README.md

@@ -0,0 +1,166 @@
+# \<nile-visualization>
+
+This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
+
+## Installation
+
+```bash
+npm i @aquera/nile-visualization
+```
+
+## Usage
+
+```html
+<script type="module">
+  import '@aquera/nile-visualization/nile-bar-chart';
+</script>
+
+<nile-bar-chart></nile-bar-chart>
+```
+
+## Tooling configs
+
+For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.
+
+If you customize the configuration a lot, you can consider moving them to individual files.
+
+## Local Demo with `web-dev-server`
+
+```bash
+npm start
+```
+
+To run a local development server that serves the basic demo located in `demo/index.html`
+
+## Release Notes
+
+In this section, you can find the updates for each release of `nile-visualization`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
+
+#### Version 2.9.15 (June 02, 2026)
+- Nile Filter Chart: Filter chip fixes (UIF-1250)
+
+#### Version 2.9.14 (May 29, 2026)
+- Nile Chart: Fixes and improvements
+
+#### Version 2.9.13 (May 29, 2026)
+- Nile Chart: Fixes and improvements
+- Nile Filter Chart: Fixes and improvements
+
+#### Version 2.9.12 (May 26, 2026)
+- Nile Chart: Fixes and improvements
+
+#### Version 2.9.11 (May 21, 2026)
+- Nile Chart: Fixes and improvements
+- Nile KPI Chart: Fixes and improvements
+
+#### Version 2.9.10 (May 20, 2026)
+- Nile Chart: Fixes and improvements
+- Nile Filter Chart: Fixes and improvements
+
+#### Version 2.9.9 (May 19, 2026)
+- Nile Chart: Fixes and improvements
+- Nile Filter Chart: Fixes and improvements
+
+#### Version 2.9.7 (May 13, 2026)
+- Nile KPI Chart: Fixes and improvements
+
+#### Version 2.9.6 (May 12, 2026)
+- Nile Filter Chart: Fixes and improvements
+
+#### Version 2.9.5 (May 11, 2026)
+- Nile Chart: Fixes and improvements
+- Nile Filter Chart: Fixes and improvements
+
+#### Version 2.9.4 (May 11, 2026)
+- Nile KPI Chart: Fixes and improvements
+
+#### Version 2.9.3 (May 09, 2026)
+- Nile Chart: Fixes and improvements
+- Nile Filter Chart: Fixes and improvements
+
+#### Version 2.9.2 (May 07, 2026)
+- Nile Chart: Fixes and improvements
+- Nile KPI Chart: Fixes and improvements
+
+#### Version 2.8.0 (May 04, 2026)
+- Internal and type updates
+
+#### Version 2.7.0 (May 04, 2026)
+- Nile Filter Chart: Updates and improvements
+
+#### Version 2.6.0 (April 30, 2026)
+- Dependency and build updates
+
+#### Version 2.3.0 (April 28, 2026)
+- Nile Filter Chart: Added New Component
+- Nile Chart: Updates and improvements
+
+#### Version 2.2.0 (April 24, 2026)
+- Nile Chart: Updates and improvements
+
+#### Version 2.1.0 (April 23, 2026)
+- Updates across all chart components
+
+#### Version 1.9.0 (April 22, 2026)
+- Nile Chart: Updates and improvements
+- Nile KPI Chart: Updates and improvements
+- Internal and type updates
+
+#### Version 1.6.0 (April 21, 2026)
+- Updates across all chart components and internals
+
+#### Version 1.4.0 (April 20, 2026)
+- Nile Chart: Updates and improvements
+
+#### Version 1.3.0 (April 17, 2026)
+- Nile Chart: Updates and improvements
+- Internal updates
+
+#### Version 1.2.0 (April 17, 2026)
+- Nile Executive Summary: Updates and improvements
+
+#### Version 1.1.0 (April 17, 2026)
+- Nile Executive Summary: Updates and improvements
+
+#### Version 1.0.0 (April 17, 2026)
+- First stable release
+- Nile Chart: Updates and improvements
+
+#### Version 0.9.0 (April 16, 2026)
+- Nile AI Panel: Updates and improvements
+- Nile Dashboard Viewer: Updates and improvements
+
+#### Version 0.8.0 (April 16, 2026)
+- Nile Executive Summary: Added New Component
+- Nile Chart: Updates and improvements
+- Nile KPI Chart: Updates and improvements
+
+#### Version 0.7.0 (April 15, 2026)
+- Nile Chart: Updates and improvements
+- Nile KPI Chart: Updates and improvements
+
+#### Version 0.6.0 (April 15, 2026)
+- Nile Widget Viewer: Added New Component
+- Nile Dashboard Viewer: Added New Component
+
+#### Version 0.5.0 (April 14, 2026)
+- Nile KPI Chart: Added New Component with KPI configuration
+- Nile AI Panel: Updates and improvements
+- Nile Chart: Updates and improvements
+
+#### Version 0.4.0 (April 14, 2026)
+- Nile Heatmap Chart: Added New Component
+- Nile Line Column Chart: Added New Component
+- Nile Organization Chart: Added New Component
+- Nile Bellcurve Chart, Nile Donut Chart, Nile Histogram Chart: Updates and improvements
+
+#### Version 0.3.0 (April 13, 2026)
+- Added chart variants: Nile Area Negative Chart, Nile Area Range Chart, Nile Area Spline Chart, Nile Column Drilldown Chart, Nile Column Pyramid Chart, Nile Column Range Chart, Nile Dumbbell Lower Chart, Nile Dumbbell Upper Chart, Nile Euler Chart, Nile Inverted Area Chart, Nile Lollipop Chart, Nile Polygon Chart, Nile Radial Bar Chart, Nile Variable Pie Chart, Nile Vector Chart, Nile XRange Chart
+
+#### Version 0.2.0 (April 10, 2026)
+- Expanded the chart catalog: Nile Anomaly Chart, Nile Area Chart, Nile Bar Chart, Nile Bellcurve Chart, Nile Boxplot Chart, Nile Bubble Chart, Nile Cluster Chart, Nile Column Chart, Nile Donut Chart, Nile Dumbbell Chart, Nile Fan Chart, Nile Flame Chart, Nile Funnel Chart, Nile Gauge Chart, Nile Histogram Chart, and more
+- Nile AI Panel: Added New Component
+- Nile AI Sender: Added New Component
+
+#### Version 0.1.0 (April 09, 2026)
+- Initial release of the Nile Visualization package

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

@@ -180,15 +180,6 @@ let NileFilterChart = NileFilterChart_1 = class NileFilterChart extends NileElem
         if (this.promptFieldWidth.get(id) === rounded)
             return;
         this.promptFieldWidth = new Map(this.promptFieldWidth).set(id, rounded);
-        // Tippy popups are portaled to document.body so component-scoped styles
-        // can't reach them, and nile-lite-tooltip's `maxWidth` only takes effect
-        // at attach time (its updated() hook doesn't re-attach for maxWidth
-        // changes). Mirror the live width onto a document-level CSS variable
-        // the global .tippy-box rule reads — wrapping then always reflects
-        // the current input width.
-        if (typeof document !== 'undefined') {
-            document.documentElement.style.setProperty('--fc-prompt-tooltip-max-width', `${rounded}px`);
-        }
     }
     _validateOrClear(ctrl, value, opts = {}) {
         const isNql = this.promptModes.get(ctrl.id) === 'expression';

package/dist/src/nile-filter-chart/utils/prompt.js

@@ -276,70 +276,35 @@ function renderModeToggle(host, ctrl, mode) {
     </nile-button-toggle-group>
   `;
 }
-const SUGGESTION_LAYOUT_STYLE_ID = 'fc-prompt-suggestion-layout-v4';
-function ensureSuggestionLayoutStyles() {
+const PROMPT_TIPPY_STYLE_ID = 'fc-prompt-tippy-styles-v1';
+function ensurePromptTippyStyles() {
     if (typeof document === 'undefined')
         return;
-    if (document.getElementById(SUGGESTION_LAYOUT_STYLE_ID))
+    if (document.getElementById(PROMPT_TIPPY_STYLE_ID))
         return;
     const el = document.createElement('style');
-    el.id = SUGGESTION_LAYOUT_STYLE_ID;
+    el.id = PROMPT_TIPPY_STYLE_ID;
     el.textContent = `
-    .fc-prompt__menu nile-menu-item::part(label) {
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-    }
-
-    .fc-prompt__suggestion-label {
-      display: block;
-      max-width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-   
-    .fc-prompt__suggestion-tooltip {
-      display: block;
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-    }
- 
-   
-   
-    [data-tippy-root] {
+    [data-tippy-root].fc-prompt-tippy {
       max-width: var(--fc-prompt-tooltip-max-width, 320px);
     }
-    [data-tippy-root] > .tippy-box,
-    .tippy-box[data-theme~='lite'] {
+    [data-tippy-root].fc-prompt-tippy > .tippy-box {
       max-width: var(--fc-prompt-tooltip-max-width, 320px);
       white-space: normal;
       overflow-wrap: anywhere;
       word-break: break-word;
     }
-    [data-tippy-root] > .tippy-box > .tippy-content {
+    [data-tippy-root].fc-prompt-tippy > .tippy-box > .tippy-content {
       white-space: normal;
       overflow-wrap: anywhere;
       word-break: break-word;
       max-width: 100%;
     }
-    .fc-prompt__suggestion-tag {
-      flex-shrink: 0;
-      padding: 1px 8px;
-      border-radius: 999px;
-      background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
-      color: var(--nile-colors-neutral-700, var(--ng-colors-text-quaternary-500));
-      font-size: 10px;
-      font-weight: 600;
-      text-transform: uppercase;
-      letter-spacing: 0.04em;
-    }
   `;
     document.head.appendChild(el);
 }
 export function renderPrompt(host, ctrl) {
-    ensureSuggestionLayoutStyles();
+    ensurePromptTippyStyles();
     const value = String(host.selectedValues.get(ctrl.id) ?? '');
     const animated = host.promptPlaceholder.get(ctrl.id) ?? '';
     const error = host.promptErrors.get(ctrl.id);
@@ -859,6 +824,13 @@ export function renderPrompt(host, ctrl) {
                           content="${item.label}"
                           class="fc-prompt__suggestion-tooltip"
                           .maxWidth=${fieldWidth}
+                          @nile-show="${(e) => {
+                const popper = e.detail?.instance?.popper;
+                if (!popper)
+                    return;
+                popper.classList.add('fc-prompt-tippy');
+                popper.style.setProperty('--fc-prompt-tooltip-max-width', `${host.promptFieldWidth.get(ctrl.id) ?? 320}px`);
+            }}"
                         >
                           <span class="fc-prompt__suggestion-label">${item.label}</span>
                         </nile-lite-tooltip>`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aquera/nile-visualization",
-  "version": "2.9.14",
+  "version": "2.9.15",
   "description": "A visualization Library for the Nile Design System",
   "license": "MIT",
   "author": "Aquera Inc",