@watermarkinsights/ripple 5.32.1-alpha.3 → 5.32.1-alpha.6

package/dist/cjs/{app-globals-2a95ac29.js → app-globals-6e82a601.js}

@@ -2,7 +2,7 @@
 
 require('./index-bb947bd5.js');
 
-const version = "5.32.1-alpha.3";
+const version = "5.32.1-alpha.6";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/cjs/loader.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-bb947bd5.js');
-const appGlobals = require('./app-globals-2a95ac29.js');
+const appGlobals = require('./app-globals-6e82a601.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/ripple.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-bb947bd5.js');
-const appGlobals = require('./app-globals-2a95ac29.js');
+const appGlobals = require('./app-globals-6e82a601.js');
 
 /*
  Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com

package/dist/cjs/wm-navigation_3.cjs.entry.js

@@ -176,7 +176,7 @@ const NavigationItem = class {
         this.active = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'bbe3c0a165b8d7d4bf036e5a80b23eb11446b90e', role: "listitem" }, index.h("a", { key: '7f4ef86559f368dca39bd7a72ed05daafb539648', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, index.h("div", { key: '8ae1aae920abe64829e87f2a107f1bf3eb752e50', class: "icon", "aria-hidden": "true" }, index.h("slot", { key: '1da830a8aae16100d5c99b5bfe7e80086f8a7baa' })), index.h("div", { key: '876286ffd8f555d840538a088051faeede3882ae', class: "text" }, this.text))));
+        return (index.h(index.Host, { key: 'a2c17059914ed4b1cd0d16e6606b6f8b6c454859', role: "listitem" }, index.h("a", { key: '13160395a00d19bb4f3ee7594ec07b96fcae8d30', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, index.h("div", { key: 'c59d91d587889392d9e6ae606f9e65c5b23a1a36', class: "icon", "aria-hidden": "true" }, index.h("slot", { key: '285f7f5ff313d06d7d54e4b8a00f2032cf19b277' })), index.h("div", { key: 'fc018d86863191d6f72dea99a5b8addbb9c596f7', class: "text" }, this.text))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/collection/components/wm-navigation/wm-navigation-item.js

@@ -17,16 +17,13 @@ import { h, Host } from "@stencil/core";
  * - Set `active` on the item that corresponds to the current route.
  * - Clicking an item emits `wmNavigationItemClicked`, which the parent wm-navigation listens
  *   to in order to close the collapsible menu on narrow viewports.
- * - Preferred, for an icon not already in Ripple's own set: an inline SVG referencing a shared
- *   sprite — `<svg width="1.5rem" height="1.5rem"><use href="...#icon-id"
- *   fill="currentColor"></use></svg>`. 24px (`1.5rem`) is the standard icon size for this slot.
- *   `fill="currentColor"` must be set explicitly — omitting it renders a fixed black icon
- *   instead of the active/hover color, since SVG's own default fill is black, not the
- *   inherited text color.
- * - Ripple's bundled icon set is also available for icons it already includes (the
- *   `svg-icon svg-<name>` classes in Ripple's global styles). Avoid an icon font (e.g.
- *   Material Design Icons) or an `<img>` — neither can pick up the active/hover recoloring
- *   the way an SVG using `fill="currentColor"` can.
+ * - Preferred: an inline SVG referencing a shared sprite — `<svg width="1.5rem" height="1.5rem">
+ *   <use href="...#icon-id" fill="currentColor"></use></svg>`. 24px (`1.5rem`) is the standard
+ *   icon size for this slot. `fill="currentColor"` must be set explicitly — omitting it
+ *   renders a fixed black icon instead of the active/hover color, since SVG's own default fill
+ *   is black, not the inherited text color.
+ * - Avoid an icon font (e.g. Material Design Icons) or an `<img>` — neither can pick up the
+ *   active/hover recoloring the way an SVG using `fill="currentColor"` can.
  *
  * @example {html} Basic navigation item
  * <wm-navigation-item href="/dashboard" text="Dashboard" active></wm-navigation-item>
@@ -55,7 +52,7 @@ export class NavigationItem {
         this.active = undefined;
     }
     render() {
-        return (h(Host, { key: 'bbe3c0a165b8d7d4bf036e5a80b23eb11446b90e', role: "listitem" }, h("a", { key: '7f4ef86559f368dca39bd7a72ed05daafb539648', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '8ae1aae920abe64829e87f2a107f1bf3eb752e50', class: "icon", "aria-hidden": "true" }, h("slot", { key: '1da830a8aae16100d5c99b5bfe7e80086f8a7baa' })), h("div", { key: '876286ffd8f555d840538a088051faeede3882ae', class: "text" }, this.text))));
+        return (h(Host, { key: 'a2c17059914ed4b1cd0d16e6606b6f8b6c454859', role: "listitem" }, h("a", { key: '13160395a00d19bb4f3ee7594ec07b96fcae8d30', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: 'c59d91d587889392d9e6ae606f9e65c5b23a1a36', class: "icon", "aria-hidden": "true" }, h("slot", { key: '285f7f5ff313d06d7d54e4b8a00f2032cf19b277' })), h("div", { key: 'fc018d86863191d6f72dea99a5b8addbb9c596f7', class: "text" }, this.text))));
     }
     static get is() { return "wm-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-15T19:20:00",
+  "timestamp": "2026-09-16T22:13:33",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",
@@ -7935,7 +7935,7 @@
         },
         {
           "name": "usageNotes",
-          "text": "- Set `active` on the item that corresponds to the current route.\n- Clicking an item emits `wmNavigationItemClicked`, which the parent wm-navigation listens\n  to in order to close the collapsible menu on narrow viewports.\n- Preferred, for an icon not already in Ripple's own set: an inline SVG referencing a shared\n  sprite — `<svg width=\"1.5rem\" height=\"1.5rem\"><use href=\"...#icon-id\"\n  fill=\"currentColor\"></use></svg>`. 24px (`1.5rem`) is the standard icon size for this slot.\n  `fill=\"currentColor\"` must be set explicitly — omitting it renders a fixed black icon\n  instead of the active/hover color, since SVG's own default fill is black, not the\n  inherited text color.\n- Ripple's bundled icon set is also available for icons it already includes (the\n  `svg-icon svg-<name>` classes in Ripple's global styles). Avoid an icon font (e.g.\n  Material Design Icons) or an `<img>` — neither can pick up the active/hover recoloring\n  the way an SVG using `fill=\"currentColor\"` can."
+          "text": "- Set `active` on the item that corresponds to the current route.\n- Clicking an item emits `wmNavigationItemClicked`, which the parent wm-navigation listens\n  to in order to close the collapsible menu on narrow viewports.\n- Preferred: an inline SVG referencing a shared sprite — `<svg width=\"1.5rem\" height=\"1.5rem\">\n  <use href=\"...#icon-id\" fill=\"currentColor\"></use></svg>`. 24px (`1.5rem`) is the standard\n  icon size for this slot. `fill=\"currentColor\"` must be set explicitly — omitting it\n  renders a fixed black icon instead of the active/hover color, since SVG's own default fill\n  is black, not the inherited text color.\n- Avoid an icon font (e.g. Material Design Icons) or an `<img>` — neither can pick up the\n  active/hover recoloring the way an SVG using `fill=\"currentColor\"` can."
         },
         {
           "name": "example",

package/dist/docs/skill/wm-navigation-item.md

@@ -22,16 +22,13 @@ _None documented_
 - Set `active` on the item that corresponds to the current route.
 - Clicking an item emits `wmNavigationItemClicked`, which the parent wm-navigation listens
   to in order to close the collapsible menu on narrow viewports.
-- Preferred, for an icon not already in Ripple's own set: an inline SVG referencing a shared
-  sprite -- `<svg width="1.5rem" height="1.5rem"><use href="...#icon-id"
-  fill="currentColor"></use></svg>`. 24px (`1.5rem`) is the standard icon size for this slot.
-  `fill="currentColor"` must be set explicitly -- omitting it renders a fixed black icon
-  instead of the active/hover color, since SVG's own default fill is black, not the
-  inherited text color.
-- Ripple's bundled icon set is also available for icons it already includes (the
-  `svg-icon svg-<name>` classes in Ripple's global styles). Avoid an icon font (e.g.
-  Material Design Icons) or an `<img>` -- neither can pick up the active/hover recoloring
-  the way an SVG using `fill="currentColor"` can.
+- Preferred: an inline SVG referencing a shared sprite -- `<svg width="1.5rem" height="1.5rem">
+  <use href="...#icon-id" fill="currentColor"></use></svg>`. 24px (`1.5rem`) is the standard
+  icon size for this slot. `fill="currentColor"` must be set explicitly -- omitting it
+  renders a fixed black icon instead of the active/hover color, since SVG's own default fill
+  is black, not the inherited text color.
+- Avoid an icon font (e.g. Material Design Icons) or an `<img>` -- neither can pick up the
+  active/hover recoloring the way an SVG using `fill="currentColor"` can.
 
 **Props:**
 - `active` -- Marks this item as the currently active route, applying active styling.

package/dist/esm/{app-globals-ef6f887a.js → app-globals-3e9a08ce.js}

@@ -1,6 +1,6 @@
 import './index-3425d80d.js';
 
-const version = "5.32.1-alpha.3";
+const version = "5.32.1-alpha.6";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { b as bootstrapLazy } from './index-3425d80d.js';
 export { s as setNonce } from './index-3425d80d.js';
-import { g as globalScripts } from './app-globals-ef6f887a.js';
+import { g as globalScripts } from './app-globals-3e9a08ce.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/ripple.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-3425d80d.js';
 export { s as setNonce } from './index-3425d80d.js';
-import { g as globalScripts } from './app-globals-ef6f887a.js';
+import { g as globalScripts } from './app-globals-3e9a08ce.js';
 
 /*
  Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com

package/dist/esm/wm-navigation_3.entry.js

@@ -172,7 +172,7 @@ const NavigationItem = class {
         this.active = undefined;
     }
     render() {
-        return (h(Host, { key: 'bbe3c0a165b8d7d4bf036e5a80b23eb11446b90e', role: "listitem" }, h("a", { key: '7f4ef86559f368dca39bd7a72ed05daafb539648', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '8ae1aae920abe64829e87f2a107f1bf3eb752e50', class: "icon", "aria-hidden": "true" }, h("slot", { key: '1da830a8aae16100d5c99b5bfe7e80086f8a7baa' })), h("div", { key: '876286ffd8f555d840538a088051faeede3882ae', class: "text" }, this.text))));
+        return (h(Host, { key: 'a2c17059914ed4b1cd0d16e6606b6f8b6c454859', role: "listitem" }, h("a", { key: '13160395a00d19bb4f3ee7594ec07b96fcae8d30', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: 'c59d91d587889392d9e6ae606f9e65c5b23a1a36', class: "icon", "aria-hidden": "true" }, h("slot", { key: '285f7f5ff313d06d7d54e4b8a00f2032cf19b277' })), h("div", { key: 'fc018d86863191d6f72dea99a5b8addbb9c596f7', class: "text" }, this.text))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }