@watermarkinsights/ripple 5.32.1-alpha.2 → 5.32.1-alpha.4
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-4ac5459c.js → app-globals-3cbbb426.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ripple.cjs.js +1 -1
- package/dist/cjs/wm-navigation_3.cjs.entry.js +4 -4
- package/dist/cjs/wm-tag-input.cjs.entry.js +2 -3
- package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +5 -1
- package/dist/collection/components/wm-navigation/wm-navigation-item.js +22 -3
- package/dist/collection/components/wm-navigation/wm-navigation.js +41 -20
- package/dist/collection/components/wm-tag-input/wm-tag-input.js +2 -3
- package/dist/docs/docs.json +16 -8
- package/dist/docs/skill/index.md +1 -0
- package/dist/docs/skill/wm-navigation-hamburger.md +4 -0
- package/dist/docs/skill/wm-navigation-item.md +17 -5
- package/dist/docs/skill/wm-navigation.md +39 -18
- package/dist/esm/{app-globals-10d4c715.js → app-globals-567c91a4.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ripple.js +1 -1
- package/dist/esm/wm-navigation_3.entry.js +4 -4
- package/dist/esm/wm-tag-input.entry.js +2 -3
- package/dist/ripple/{p-5cf61da4.js → p-0cede210.js} +1 -1
- package/dist/ripple/{p-a4ce3157.entry.js → p-5f132a77.entry.js} +1 -1
- package/dist/ripple/{p-729314c0.entry.js → p-fe0345dd.entry.js} +1 -1
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/types/components/wm-navigation/wm-navigation-hamburger.d.ts +4 -0
- package/dist/types/components/wm-navigation/wm-navigation-item.d.ts +21 -2
- package/dist/types/components/wm-navigation/wm-navigation.d.ts +39 -18
- package/dist/types/components.d.ts +244 -80
- package/package.json +2 -2
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-567c91a4.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-567c91a4.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
6
|
Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -102,9 +102,9 @@ const Navigation = class {
|
|
|
102
102
|
} }));
|
|
103
103
|
}
|
|
104
104
|
render() {
|
|
105
|
-
return (h(Host, { key: '
|
|
105
|
+
return (h(Host, { key: 'a15b95ca5769e6a996542f3fb0f1edf8928ed4ea', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: 'add1bb58939e3d076c7890aa1cb3efd932f977dc', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '98491d3d97807417a13b677894ee452e89e9cea8', class: "tray" }, h("div", { key: 'cf058b8b33a07598f19318977e26e652304faf4f', class: "toggle-wrapper" }, h("wm-button", { key: '7e8d936e3fdc9c718bf9442b6840464a6caddcab', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
|
|
106
106
|
this.open = !this.open;
|
|
107
|
-
} })), h("ul", { key: '
|
|
107
|
+
} })), h("ul", { key: 'e90219ba02e6a2330095e12ee4793ac82100fc5d', class: "navlist" }, h("slot", { key: '83e672cf048480abbef358f8249cb1622e2fad3c' }))), this.isCollapsible && (h("div", { key: '3c16362bebb241d693aa6aa8fd7226a34039901d', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
|
|
108
108
|
}
|
|
109
109
|
static get delegatesFocus() { return true; }
|
|
110
110
|
get el() { return getElement(this); }
|
|
@@ -153,7 +153,7 @@ const NavigationHamburger = class {
|
|
|
153
153
|
this.wmNavigationHamburgerClicked.emit();
|
|
154
154
|
}
|
|
155
155
|
render() {
|
|
156
|
-
return (h(Host, { key: '
|
|
156
|
+
return (h(Host, { key: '6f135919a43b55f7c4fca79d79e9a5c201d84fdd', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: '8d930f77ea878a4f7757084fe45178004cc8a74e', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing && showTooltip("right", this.el, this.showNavMessage), onBlur: () => hideTooltip(), onClick: () => this.handleClick() }, h("span", { key: '798de550cd68d4d3b2ce78036206175e3901e1c0', class: "svg-icon svg-menu" }))));
|
|
157
157
|
}
|
|
158
158
|
static get delegatesFocus() { return true; }
|
|
159
159
|
get el() { return getElement(this); }
|
|
@@ -172,7 +172,7 @@ const NavigationItem = class {
|
|
|
172
172
|
this.active = undefined;
|
|
173
173
|
}
|
|
174
174
|
render() {
|
|
175
|
-
return (h(Host, { key: '
|
|
175
|
+
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))));
|
|
176
176
|
}
|
|
177
177
|
static get delegatesFocus() { return true; }
|
|
178
178
|
get el() { return getElement(this); }
|
|
@@ -323,7 +323,6 @@ const TagInput = class {
|
|
|
323
323
|
const addedNodes = Array.from(record.addedNodes);
|
|
324
324
|
if (addedNodes.length > 0) {
|
|
325
325
|
this.assignOptionIds();
|
|
326
|
-
// reassign rather than push: Stencil only re-renders on a state reference change
|
|
327
326
|
const newNodes = addedNodes.filter((n) => !this.tagsList.includes(n));
|
|
328
327
|
if (newNodes.length > 0) {
|
|
329
328
|
this.tagsList = [...this.tagsList, ...newNodes];
|
|
@@ -966,10 +965,10 @@ const TagInput = class {
|
|
|
966
965
|
}
|
|
967
966
|
}
|
|
968
967
|
render() {
|
|
969
|
-
return (h("div", { key: '
|
|
968
|
+
return (h("div", { key: 'dea9ac53c8001429751e759746085ebb7f9bcc98', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'd3956d7ac5042bf4e0629173cebe2e46ea7e9a3b', class: "label-wrapper" }, h("label", { key: '83e407057a18e0e6d21af52a35e7c57af40bf147', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '70d92671c54ad690834de1f6873aec20e5f4fd80', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '79dba949ca7f4e73d8275e6e8c07e7737c4cef43', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '24179f798549b936c2e2a90b43c377d5c7df155b', class: "upper-row" }, h("div", { key: '799d830b6ff63dec947f776cdcebce017f83f9bb', class: "svg-icon svg-search" }), h("div", { key: 'eb31ec918a327e87176db9bdda33e160eb40cf29', class: `tags-and-input-wrapper` }, h("ul", { key: 'cb5a56da3f08bac148853ec9e6bbf0f755cc8643', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-labelledby": "sr-instructions", tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
|
|
970
969
|
this.focusedTagIndex = undefined;
|
|
971
970
|
this.handleBlur(ev);
|
|
972
|
-
}, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("div", { key: '
|
|
971
|
+
}, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("div", { key: 'eb39838bb6fa30ed96864d605e58d8d28291bb09', class: "sr-only", id: "sr-instructions" }, this.label, ". ", this.tagAreaInstructions), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: '988f231710b140862bf4ff637611b3e7172e7e80', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '6826b1f0620e14e7e921314085523cf1c3623164', id: "info", class: "info-text" }, this.info)), h("div", { key: '28632b831feb09801e7036f7b458303a5daee980', id: "error" }, this.errorMessage), h("div", { key: '339b33e97121b8abb5115e516e61a2fa56e4a34e', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
|
|
973
972
|
}
|
|
974
973
|
static get delegatesFocus() { return true; }
|
|
975
974
|
get el() { return getElement(this); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./p-83c3db60.js";window.navigator.plugins.length>0&&console.log("%cRipple component library %c%s","color: #575195; font-weight: bold","font-weight: bold","5.32.1-alpha.
|
|
1
|
+
import"./p-83c3db60.js";window.navigator.plugins.length>0&&console.log("%cRipple component library %c%s","color: #575195; font-weight: bold","font-weight: bold","5.32.1-alpha.4"),window.addEventListener("keydown",(function(n){if("Tab"==n.key){var o=new Event("wmUserIsTabbing");window.dispatchEvent(o),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=n.key&&"ArrowUp"!=n.key&&"ArrowRight"!=n.key&&"ArrowDown"!=n.key||(o=new Event("wmUserIsKeying"),window.dispatchEvent(o),document.querySelector("body").classList.add("wmcl-user-is-keying"))})),window.addEventListener("mousedown",(function(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n),document.querySelector("body").classList.remove("wmcl-user-is-tabbing"),document.querySelector("body").classList.remove("wmcl-user-is-keying")}));const n=document.createElement("div");n.id="wm-tooltip-container";const o=document.createElement("div");o.id="wm-tooltip",o.classList.add("wm-tooltip"),o.setAttribute("popover","manual"),o.setAttribute("aria-hidden","true");const t=document.createElement("style");t.textContent="\n.wm-tooltip {\n position: fixed;\n overflow: hidden;\n pointer-events: none;\n line-height: normal;\n font-family: inherit;\n font-size: 0.875rem;\n text-transform: none;\n font-weight: normal;\n background: var(--wmcolor-tooltip-background);\n color: var(--wmcolor-tooltip-text);\n z-index: 999999;\n max-width: var(--wmTooltipMaxWidth, 13.75rem);\n margin-right: 1.5rem;\n padding: 0.375rem;\n transition-property: opacity;\n transition-delay: 0s;\n opacity: 0;\n inset: unset;\n top: 0;\n left: 0;\n transform: translateZ(0);\n will-change: transform;\n transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));\n border: none;\n}\n\n.wm-tooltip:popover-open {\n opacity: 0;\n}\n\n.wm-tooltip.show {\n transition-delay: 500ms;\n opacity: 1;\n}\n";const e=document.querySelector("body");e?(document.head.appendChild(t),n.appendChild(o),e.appendChild(n)):document.addEventListener("DOMContentLoaded",(()=>{const e=document.querySelector("body");document.head.appendChild(t),n.appendChild(o),e.appendChild(n)}));const i=()=>{};export{i as g}
|