@watermarkinsights/ripple 5.32.0-alpha.8 → 5.32.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{app-globals-646e78bf.js → app-globals-b72b9127.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ripple.cjs.js +1 -1
- package/dist/cjs/wm-action-menu_2.cjs.entry.js +4 -3
- package/dist/collection/components/wm-action-menu/wm-action-menu.js +4 -3
- package/dist/docs/docs.json +1 -1
- package/dist/esm/{app-globals-7697f951.js → app-globals-11e2d8e5.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ripple.js +1 -1
- package/dist/esm/wm-action-menu_2.entry.js +4 -3
- package/dist/ripple/p-27b90777.entry.js +1 -0
- package/dist/ripple/{p-82c94653.js → p-d43d7f88.js} +1 -1
- package/dist/ripple/ripple.esm.js +1 -1
- package/package.json +2 -2
- package/dist/ripple/p-afee4371.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-bb947bd5.js');
|
|
6
|
-
const appGlobals = require('./app-globals-
|
|
6
|
+
const appGlobals = require('./app-globals-b72b9127.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
package/dist/cjs/ripple.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-bb947bd5.js');
|
|
6
|
-
const appGlobals = require('./app-globals-
|
|
6
|
+
const appGlobals = require('./app-globals-b72b9127.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
9
|
Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -363,6 +363,7 @@ const ActionMenu = class {
|
|
|
363
363
|
break;
|
|
364
364
|
case "selector":
|
|
365
365
|
case "selector-primary":
|
|
366
|
+
case "text":
|
|
366
367
|
defaultIconSize = "18px";
|
|
367
368
|
break;
|
|
368
369
|
}
|
|
@@ -383,7 +384,7 @@ const ActionMenu = class {
|
|
|
383
384
|
}
|
|
384
385
|
}
|
|
385
386
|
render() {
|
|
386
|
-
return (index.h(index.Host, { key: '
|
|
387
|
+
return (index.h(index.Host, { key: 'eb20a161bd962f795c01aee20cbb6cfb38aa1298', onBlur: () => this.close(false) }, index.h("div", { key: '64e1cae1f801c02a3a1511daf48ed8742dd07549', class: functions.getTextDir() }, index.h("button", { key: 'c13f164b91f79b04bad6ed6d600411f9403beba3', ref: (el) => (this.menubtnEl = el), id: "menubtn", class: `wm-button -${this.internalButtonType}${this.darkMode ? " dark" : ""}${this.isTabbing ? " user-is-tabbing" : ""}`, disabled: this.disabled, "aria-label": this.internalButtonType === "icononly"
|
|
387
388
|
? this.labelForIdenticalButtons || this.tooltip
|
|
388
389
|
: this.labelForIdenticalButtons || undefined, "aria-expanded": this.isExpanded ? "true" : "false", "aria-haspopup": "menu", popoverTarget: "menu", popoverTargetAction: "toggle", onMouseEnter: () => this.actionMenuType === "icon" &&
|
|
389
390
|
functions.showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onMouseLeave: () => functions.hideTooltip(), onFocus: () => this.isTabbing &&
|
|
@@ -391,9 +392,9 @@ const ActionMenu = class {
|
|
|
391
392
|
functions.showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onBlur: (ev) => {
|
|
392
393
|
functions.hideTooltip();
|
|
393
394
|
this.handleButtonBlur(ev);
|
|
394
|
-
} }, this.resolvedIcon && this.renderIcon(), this.actionMenuType !== "icon" && index.h("span", { key: '
|
|
395
|
+
} }, this.resolvedIcon && this.renderIcon(), this.actionMenuType !== "icon" && index.h("span", { key: 'd8a78e82fe0b79a8451a291072dcbf0decfc116e', class: "button-text" }, this.buttonText), (this.actionMenuType === "selector" || this.actionMenuType === "selector-primary") && (index.h("div", { key: '61b47819884f55840189e002278303b64e17ec51', class: "selector-icon svg-icon svg-expand-more" }))), index.h("div", { key: '546fdc27f7e0243d7ceb958aed363dc390f66a2f', class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "open-up" : ""} ${this.horizontalPosition}`, id: "menu", popover: "auto", tabindex: -1, role: "menu", style: { "--dropdown-max-width": this.maxWidth }, ref: (el) => (this.dropdownEl = el),
|
|
395
396
|
// @ts-ignore -- don't tell typescript but we're in the future
|
|
396
|
-
onToggle: (ev) => this.handleToggle(ev) }, index.h("slot", { key: '
|
|
397
|
+
onToggle: (ev) => this.handleToggle(ev) }, index.h("slot", { key: 'c6c8ca6e6f3d81083dc3514f9362e4f0288da22e' })))));
|
|
397
398
|
}
|
|
398
399
|
static get delegatesFocus() { return true; }
|
|
399
400
|
get el() { return index.getElement(this); }
|
|
@@ -481,6 +481,7 @@ export class ActionMenu {
|
|
|
481
481
|
break;
|
|
482
482
|
case "selector":
|
|
483
483
|
case "selector-primary":
|
|
484
|
+
case "text":
|
|
484
485
|
defaultIconSize = "18px";
|
|
485
486
|
break;
|
|
486
487
|
}
|
|
@@ -501,7 +502,7 @@ export class ActionMenu {
|
|
|
501
502
|
}
|
|
502
503
|
}
|
|
503
504
|
render() {
|
|
504
|
-
return (h(Host, { key: '
|
|
505
|
+
return (h(Host, { key: 'eb20a161bd962f795c01aee20cbb6cfb38aa1298', onBlur: () => this.close(false) }, h("div", { key: '64e1cae1f801c02a3a1511daf48ed8742dd07549', class: getTextDir() }, h("button", { key: 'c13f164b91f79b04bad6ed6d600411f9403beba3', ref: (el) => (this.menubtnEl = el), id: "menubtn", class: `wm-button -${this.internalButtonType}${this.darkMode ? " dark" : ""}${this.isTabbing ? " user-is-tabbing" : ""}`, disabled: this.disabled, "aria-label": this.internalButtonType === "icononly"
|
|
505
506
|
? this.labelForIdenticalButtons || this.tooltip
|
|
506
507
|
: this.labelForIdenticalButtons || undefined, "aria-expanded": this.isExpanded ? "true" : "false", "aria-haspopup": "menu", popoverTarget: "menu", popoverTargetAction: "toggle", onMouseEnter: () => this.actionMenuType === "icon" &&
|
|
507
508
|
showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing &&
|
|
@@ -509,9 +510,9 @@ export class ActionMenu {
|
|
|
509
510
|
showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onBlur: (ev) => {
|
|
510
511
|
hideTooltip();
|
|
511
512
|
this.handleButtonBlur(ev);
|
|
512
|
-
} }, this.resolvedIcon && this.renderIcon(), this.actionMenuType !== "icon" && h("span", { key: '
|
|
513
|
+
} }, this.resolvedIcon && this.renderIcon(), this.actionMenuType !== "icon" && h("span", { key: 'd8a78e82fe0b79a8451a291072dcbf0decfc116e', class: "button-text" }, this.buttonText), (this.actionMenuType === "selector" || this.actionMenuType === "selector-primary") && (h("div", { key: '61b47819884f55840189e002278303b64e17ec51', class: "selector-icon svg-icon svg-expand-more" }))), h("div", { key: '546fdc27f7e0243d7ceb958aed363dc390f66a2f', class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "open-up" : ""} ${this.horizontalPosition}`, id: "menu", popover: "auto", tabindex: -1, role: "menu", style: { "--dropdown-max-width": this.maxWidth }, ref: (el) => (this.dropdownEl = el),
|
|
513
514
|
// @ts-ignore -- don't tell typescript but we're in the future
|
|
514
|
-
onToggle: (ev) => this.handleToggle(ev) }, h("slot", { key: '
|
|
515
|
+
onToggle: (ev) => this.handleToggle(ev) }, h("slot", { key: 'c6c8ca6e6f3d81083dc3514f9362e4f0288da22e' })))));
|
|
515
516
|
}
|
|
516
517
|
static get is() { return "wm-action-menu"; }
|
|
517
518
|
static get encapsulation() { return "shadow"; }
|
package/dist/docs/docs.json
CHANGED
package/dist/esm/loader.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { b as bootstrapLazy } from './index-3425d80d.js';
|
|
2
2
|
export { s as setNonce } from './index-3425d80d.js';
|
|
3
|
-
import { g as globalScripts } from './app-globals-
|
|
3
|
+
import { g as globalScripts } from './app-globals-11e2d8e5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
package/dist/esm/ripple.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-3425d80d.js';
|
|
2
2
|
export { s as setNonce } from './index-3425d80d.js';
|
|
3
|
-
import { g as globalScripts } from './app-globals-
|
|
3
|
+
import { g as globalScripts } from './app-globals-11e2d8e5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
6
|
Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -359,6 +359,7 @@ const ActionMenu = class {
|
|
|
359
359
|
break;
|
|
360
360
|
case "selector":
|
|
361
361
|
case "selector-primary":
|
|
362
|
+
case "text":
|
|
362
363
|
defaultIconSize = "18px";
|
|
363
364
|
break;
|
|
364
365
|
}
|
|
@@ -379,7 +380,7 @@ const ActionMenu = class {
|
|
|
379
380
|
}
|
|
380
381
|
}
|
|
381
382
|
render() {
|
|
382
|
-
return (h(Host, { key: '
|
|
383
|
+
return (h(Host, { key: 'eb20a161bd962f795c01aee20cbb6cfb38aa1298', onBlur: () => this.close(false) }, h("div", { key: '64e1cae1f801c02a3a1511daf48ed8742dd07549', class: getTextDir() }, h("button", { key: 'c13f164b91f79b04bad6ed6d600411f9403beba3', ref: (el) => (this.menubtnEl = el), id: "menubtn", class: `wm-button -${this.internalButtonType}${this.darkMode ? " dark" : ""}${this.isTabbing ? " user-is-tabbing" : ""}`, disabled: this.disabled, "aria-label": this.internalButtonType === "icononly"
|
|
383
384
|
? this.labelForIdenticalButtons || this.tooltip
|
|
384
385
|
: this.labelForIdenticalButtons || undefined, "aria-expanded": this.isExpanded ? "true" : "false", "aria-haspopup": "menu", popoverTarget: "menu", popoverTargetAction: "toggle", onMouseEnter: () => this.actionMenuType === "icon" &&
|
|
385
386
|
showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing &&
|
|
@@ -387,9 +388,9 @@ const ActionMenu = class {
|
|
|
387
388
|
showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onBlur: (ev) => {
|
|
388
389
|
hideTooltip();
|
|
389
390
|
this.handleButtonBlur(ev);
|
|
390
|
-
} }, this.resolvedIcon && this.renderIcon(), this.actionMenuType !== "icon" && h("span", { key: '
|
|
391
|
+
} }, this.resolvedIcon && this.renderIcon(), this.actionMenuType !== "icon" && h("span", { key: 'd8a78e82fe0b79a8451a291072dcbf0decfc116e', class: "button-text" }, this.buttonText), (this.actionMenuType === "selector" || this.actionMenuType === "selector-primary") && (h("div", { key: '61b47819884f55840189e002278303b64e17ec51', class: "selector-icon svg-icon svg-expand-more" }))), h("div", { key: '546fdc27f7e0243d7ceb958aed363dc390f66a2f', class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "open-up" : ""} ${this.horizontalPosition}`, id: "menu", popover: "auto", tabindex: -1, role: "menu", style: { "--dropdown-max-width": this.maxWidth }, ref: (el) => (this.dropdownEl = el),
|
|
391
392
|
// @ts-ignore -- don't tell typescript but we're in the future
|
|
392
|
-
onToggle: (ev) => this.handleToggle(ev) }, h("slot", { key: '
|
|
393
|
+
onToggle: (ev) => this.handleToggle(ev) }, h("slot", { key: 'c6c8ca6e6f3d81083dc3514f9362e4f0288da22e' })))));
|
|
393
394
|
}
|
|
394
395
|
static get delegatesFocus() { return true; }
|
|
395
396
|
get el() { return getElement(this); }
|