@watermarkinsights/ripple 3.1.0-9 → 3.1.0
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/global-be9cb110.js +68 -0
- package/dist/cjs/global-dc783c16.js +68 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ripple.cjs.js +1 -1
- package/dist/cjs/wm-button.cjs.entry.js +3 -3
- package/dist/collection/components/wm-button/wm-button.js +3 -3
- package/dist/esm/global-23478303.js +66 -0
- package/dist/esm/global-b8b02372.js +66 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ripple.js +1 -1
- package/dist/esm/wm-button.entry.js +3 -3
- package/dist/ripple/app-globals-65b140b9.js +138 -0
- package/dist/ripple/p-2ce20bff.js +1 -0
- package/dist/ripple/p-55c83fa7.js +1 -0
- package/dist/ripple/p-bb0e20ab.entry.js +1 -0
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/wm-button.entry.js +4 -4
- package/package.json +1 -1
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const version = "3.1.0-10";
|
|
4
|
+
|
|
5
|
+
// PRINT RIPPLE VERSION IN CONSOLE
|
|
6
|
+
// test envs return 0 for plugin.length
|
|
7
|
+
// do not print version number there as it causes issues
|
|
8
|
+
if (window.navigator.plugins.length > 0) {
|
|
9
|
+
console.log("Ripple component library", version);
|
|
10
|
+
}
|
|
11
|
+
// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
|
|
12
|
+
// Dispatching events to track whether user is navigating with keyboard or mouse
|
|
13
|
+
function wmComponentKeys(ev) {
|
|
14
|
+
var key = ev.key || ev.keyCode;
|
|
15
|
+
if (key == "Tab" || key === 9) {
|
|
16
|
+
var event = new Event("wmUserIsTabbing");
|
|
17
|
+
window.dispatchEvent(event);
|
|
18
|
+
document.querySelector("body").classList.add("wmcl-user-is-tabbing");
|
|
19
|
+
}
|
|
20
|
+
if (key == "ArrowLeft" ||
|
|
21
|
+
key === 37 ||
|
|
22
|
+
key == "ArrowUp" ||
|
|
23
|
+
key === 38 ||
|
|
24
|
+
key == "ArrowRight" ||
|
|
25
|
+
key === 39 ||
|
|
26
|
+
key == "ArrowDown" ||
|
|
27
|
+
key === 40) {
|
|
28
|
+
var event = new Event("wmUserIsKeying");
|
|
29
|
+
window.dispatchEvent(event);
|
|
30
|
+
document.querySelector("body").classList.add("wmcl-user-is-keying");
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
function wmComponentMouseDownOnce() {
|
|
34
|
+
var event = new Event("wmUserIsNotTabbing");
|
|
35
|
+
window.dispatchEvent(event);
|
|
36
|
+
document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
|
|
37
|
+
document.querySelector("body").classList.remove("wmcl-user-is-keying");
|
|
38
|
+
}
|
|
39
|
+
window.addEventListener("keydown", wmComponentKeys);
|
|
40
|
+
window.addEventListener("mousedown", wmComponentMouseDownOnce);
|
|
41
|
+
// TOOLTIP
|
|
42
|
+
// Add a tooltip element
|
|
43
|
+
// This allows tooltips to be always at the highest stacking context (always on top)
|
|
44
|
+
// Element is added withing a container to avoid performance impact
|
|
45
|
+
const tooltipContainer = document.createElement("div");
|
|
46
|
+
tooltipContainer.id = "wm-tooltip-container";
|
|
47
|
+
const tooltipEl = document.createElement("div");
|
|
48
|
+
tooltipEl.id = "wm-tooltip";
|
|
49
|
+
tooltipEl.setAttribute("aria-hidden", "true");
|
|
50
|
+
tooltipEl.style.position = "fixed";
|
|
51
|
+
tooltipEl.style.overflow = "hidden";
|
|
52
|
+
tooltipEl.style.pointerEvents = "none";
|
|
53
|
+
tooltipEl.style.lineHeight = "normal";
|
|
54
|
+
tooltipEl.style.fontFamily = "inherit";
|
|
55
|
+
tooltipEl.style.fontSize = "0.875rem";
|
|
56
|
+
tooltipEl.style.textTransform = "none";
|
|
57
|
+
tooltipEl.style.fontWeight = "normal";
|
|
58
|
+
tooltipEl.style.background = "black";
|
|
59
|
+
tooltipEl.style.color = "#fff";
|
|
60
|
+
tooltipEl.style.zIndex = "999999";
|
|
61
|
+
tooltipEl.style.whiteSpace = "nowrap";
|
|
62
|
+
tooltipEl.style.padding = "0.375rem";
|
|
63
|
+
tooltipEl.style.transitionProperty = "opacity";
|
|
64
|
+
tooltipEl.style.transitionDelay = "opacity";
|
|
65
|
+
tooltipEl.style.opacity = "0";
|
|
66
|
+
tooltipContainer.appendChild(tooltipEl);
|
|
67
|
+
const body = document.querySelector("body");
|
|
68
|
+
body.appendChild(tooltipContainer);
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const version = "3.1.0";
|
|
4
|
+
|
|
5
|
+
// PRINT RIPPLE VERSION IN CONSOLE
|
|
6
|
+
// test envs return 0 for plugin.length
|
|
7
|
+
// do not print version number there as it causes issues
|
|
8
|
+
if (window.navigator.plugins.length > 0) {
|
|
9
|
+
console.log("Ripple component library", version);
|
|
10
|
+
}
|
|
11
|
+
// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
|
|
12
|
+
// Dispatching events to track whether user is navigating with keyboard or mouse
|
|
13
|
+
function wmComponentKeys(ev) {
|
|
14
|
+
var key = ev.key || ev.keyCode;
|
|
15
|
+
if (key == "Tab" || key === 9) {
|
|
16
|
+
var event = new Event("wmUserIsTabbing");
|
|
17
|
+
window.dispatchEvent(event);
|
|
18
|
+
document.querySelector("body").classList.add("wmcl-user-is-tabbing");
|
|
19
|
+
}
|
|
20
|
+
if (key == "ArrowLeft" ||
|
|
21
|
+
key === 37 ||
|
|
22
|
+
key == "ArrowUp" ||
|
|
23
|
+
key === 38 ||
|
|
24
|
+
key == "ArrowRight" ||
|
|
25
|
+
key === 39 ||
|
|
26
|
+
key == "ArrowDown" ||
|
|
27
|
+
key === 40) {
|
|
28
|
+
var event = new Event("wmUserIsKeying");
|
|
29
|
+
window.dispatchEvent(event);
|
|
30
|
+
document.querySelector("body").classList.add("wmcl-user-is-keying");
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
function wmComponentMouseDownOnce() {
|
|
34
|
+
var event = new Event("wmUserIsNotTabbing");
|
|
35
|
+
window.dispatchEvent(event);
|
|
36
|
+
document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
|
|
37
|
+
document.querySelector("body").classList.remove("wmcl-user-is-keying");
|
|
38
|
+
}
|
|
39
|
+
window.addEventListener("keydown", wmComponentKeys);
|
|
40
|
+
window.addEventListener("mousedown", wmComponentMouseDownOnce);
|
|
41
|
+
// TOOLTIP
|
|
42
|
+
// Add a tooltip element
|
|
43
|
+
// This allows tooltips to be always at the highest stacking context (always on top)
|
|
44
|
+
// Element is added withing a container to avoid performance impact
|
|
45
|
+
const tooltipContainer = document.createElement("div");
|
|
46
|
+
tooltipContainer.id = "wm-tooltip-container";
|
|
47
|
+
const tooltipEl = document.createElement("div");
|
|
48
|
+
tooltipEl.id = "wm-tooltip";
|
|
49
|
+
tooltipEl.setAttribute("aria-hidden", "true");
|
|
50
|
+
tooltipEl.style.position = "fixed";
|
|
51
|
+
tooltipEl.style.overflow = "hidden";
|
|
52
|
+
tooltipEl.style.pointerEvents = "none";
|
|
53
|
+
tooltipEl.style.lineHeight = "normal";
|
|
54
|
+
tooltipEl.style.fontFamily = "inherit";
|
|
55
|
+
tooltipEl.style.fontSize = "0.875rem";
|
|
56
|
+
tooltipEl.style.textTransform = "none";
|
|
57
|
+
tooltipEl.style.fontWeight = "normal";
|
|
58
|
+
tooltipEl.style.background = "black";
|
|
59
|
+
tooltipEl.style.color = "#fff";
|
|
60
|
+
tooltipEl.style.zIndex = "999999";
|
|
61
|
+
tooltipEl.style.whiteSpace = "nowrap";
|
|
62
|
+
tooltipEl.style.padding = "0.375rem";
|
|
63
|
+
tooltipEl.style.transitionProperty = "opacity";
|
|
64
|
+
tooltipEl.style.transitionDelay = "opacity";
|
|
65
|
+
tooltipEl.style.opacity = "0";
|
|
66
|
+
tooltipContainer.appendChild(tooltipEl);
|
|
67
|
+
const body = document.querySelector("body");
|
|
68
|
+
body.appendChild(tooltipContainer);
|
package/dist/cjs/loader.cjs.js
CHANGED
package/dist/cjs/ripple.cjs.js
CHANGED
|
@@ -36,7 +36,7 @@ const Button = class {
|
|
|
36
36
|
}
|
|
37
37
|
get hasTooltip() {
|
|
38
38
|
// tooltip is only rendered for icononly and navigational types, or if the button text is truncated
|
|
39
|
-
return this.
|
|
39
|
+
return this.tempButtonType === "icononly" || this.tempButtonType === "navigational" || this.isTruncated;
|
|
40
40
|
}
|
|
41
41
|
toggleTabbingOn() {
|
|
42
42
|
this.isTabbing = true;
|
|
@@ -134,7 +134,7 @@ const Button = class {
|
|
|
134
134
|
}
|
|
135
135
|
showTooltip() {
|
|
136
136
|
if (this.hasTooltip) {
|
|
137
|
-
const tooltipEl = document.querySelector(
|
|
137
|
+
const tooltipEl = document.querySelector("#wm-tooltip");
|
|
138
138
|
if (!!tooltipEl) {
|
|
139
139
|
// set tooltip text
|
|
140
140
|
tooltipEl.textContent = this.isTruncated ? this.el.textContent : this.tooltip;
|
|
@@ -174,7 +174,7 @@ const Button = class {
|
|
|
174
174
|
}
|
|
175
175
|
hideTooltip() {
|
|
176
176
|
const tooltipEl = document.querySelector("#wm-tooltip");
|
|
177
|
-
if (!!tooltipEl) {
|
|
177
|
+
if (this.hasTooltip && !!tooltipEl) {
|
|
178
178
|
tooltipEl.style.transitionDelay = "0s";
|
|
179
179
|
tooltipEl.style.opacity = "0";
|
|
180
180
|
this.tooltipVisible = false;
|
|
@@ -29,7 +29,7 @@ export class Button {
|
|
|
29
29
|
}
|
|
30
30
|
get hasTooltip() {
|
|
31
31
|
// tooltip is only rendered for icononly and navigational types, or if the button text is truncated
|
|
32
|
-
return this.
|
|
32
|
+
return this.tempButtonType === "icononly" || this.tempButtonType === "navigational" || this.isTruncated;
|
|
33
33
|
}
|
|
34
34
|
toggleTabbingOn() {
|
|
35
35
|
this.isTabbing = true;
|
|
@@ -127,7 +127,7 @@ export class Button {
|
|
|
127
127
|
}
|
|
128
128
|
showTooltip() {
|
|
129
129
|
if (this.hasTooltip) {
|
|
130
|
-
const tooltipEl = document.querySelector(
|
|
130
|
+
const tooltipEl = document.querySelector("#wm-tooltip");
|
|
131
131
|
if (!!tooltipEl) {
|
|
132
132
|
// set tooltip text
|
|
133
133
|
tooltipEl.textContent = this.isTruncated ? this.el.textContent : this.tooltip;
|
|
@@ -167,7 +167,7 @@ export class Button {
|
|
|
167
167
|
}
|
|
168
168
|
hideTooltip() {
|
|
169
169
|
const tooltipEl = document.querySelector("#wm-tooltip");
|
|
170
|
-
if (!!tooltipEl) {
|
|
170
|
+
if (this.hasTooltip && !!tooltipEl) {
|
|
171
171
|
tooltipEl.style.transitionDelay = "0s";
|
|
172
172
|
tooltipEl.style.opacity = "0";
|
|
173
173
|
this.tooltipVisible = false;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
const version = "3.1.0";
|
|
2
|
+
|
|
3
|
+
// PRINT RIPPLE VERSION IN CONSOLE
|
|
4
|
+
// test envs return 0 for plugin.length
|
|
5
|
+
// do not print version number there as it causes issues
|
|
6
|
+
if (window.navigator.plugins.length > 0) {
|
|
7
|
+
console.log("Ripple component library", version);
|
|
8
|
+
}
|
|
9
|
+
// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
|
|
10
|
+
// Dispatching events to track whether user is navigating with keyboard or mouse
|
|
11
|
+
function wmComponentKeys(ev) {
|
|
12
|
+
var key = ev.key || ev.keyCode;
|
|
13
|
+
if (key == "Tab" || key === 9) {
|
|
14
|
+
var event = new Event("wmUserIsTabbing");
|
|
15
|
+
window.dispatchEvent(event);
|
|
16
|
+
document.querySelector("body").classList.add("wmcl-user-is-tabbing");
|
|
17
|
+
}
|
|
18
|
+
if (key == "ArrowLeft" ||
|
|
19
|
+
key === 37 ||
|
|
20
|
+
key == "ArrowUp" ||
|
|
21
|
+
key === 38 ||
|
|
22
|
+
key == "ArrowRight" ||
|
|
23
|
+
key === 39 ||
|
|
24
|
+
key == "ArrowDown" ||
|
|
25
|
+
key === 40) {
|
|
26
|
+
var event = new Event("wmUserIsKeying");
|
|
27
|
+
window.dispatchEvent(event);
|
|
28
|
+
document.querySelector("body").classList.add("wmcl-user-is-keying");
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
function wmComponentMouseDownOnce() {
|
|
32
|
+
var event = new Event("wmUserIsNotTabbing");
|
|
33
|
+
window.dispatchEvent(event);
|
|
34
|
+
document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
|
|
35
|
+
document.querySelector("body").classList.remove("wmcl-user-is-keying");
|
|
36
|
+
}
|
|
37
|
+
window.addEventListener("keydown", wmComponentKeys);
|
|
38
|
+
window.addEventListener("mousedown", wmComponentMouseDownOnce);
|
|
39
|
+
// TOOLTIP
|
|
40
|
+
// Add a tooltip element
|
|
41
|
+
// This allows tooltips to be always at the highest stacking context (always on top)
|
|
42
|
+
// Element is added withing a container to avoid performance impact
|
|
43
|
+
const tooltipContainer = document.createElement("div");
|
|
44
|
+
tooltipContainer.id = "wm-tooltip-container";
|
|
45
|
+
const tooltipEl = document.createElement("div");
|
|
46
|
+
tooltipEl.id = "wm-tooltip";
|
|
47
|
+
tooltipEl.setAttribute("aria-hidden", "true");
|
|
48
|
+
tooltipEl.style.position = "fixed";
|
|
49
|
+
tooltipEl.style.overflow = "hidden";
|
|
50
|
+
tooltipEl.style.pointerEvents = "none";
|
|
51
|
+
tooltipEl.style.lineHeight = "normal";
|
|
52
|
+
tooltipEl.style.fontFamily = "inherit";
|
|
53
|
+
tooltipEl.style.fontSize = "0.875rem";
|
|
54
|
+
tooltipEl.style.textTransform = "none";
|
|
55
|
+
tooltipEl.style.fontWeight = "normal";
|
|
56
|
+
tooltipEl.style.background = "black";
|
|
57
|
+
tooltipEl.style.color = "#fff";
|
|
58
|
+
tooltipEl.style.zIndex = "999999";
|
|
59
|
+
tooltipEl.style.whiteSpace = "nowrap";
|
|
60
|
+
tooltipEl.style.padding = "0.375rem";
|
|
61
|
+
tooltipEl.style.transitionProperty = "opacity";
|
|
62
|
+
tooltipEl.style.transitionDelay = "opacity";
|
|
63
|
+
tooltipEl.style.opacity = "0";
|
|
64
|
+
tooltipContainer.appendChild(tooltipEl);
|
|
65
|
+
const body = document.querySelector("body");
|
|
66
|
+
body.appendChild(tooltipContainer);
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
const version = "3.1.0-10";
|
|
2
|
+
|
|
3
|
+
// PRINT RIPPLE VERSION IN CONSOLE
|
|
4
|
+
// test envs return 0 for plugin.length
|
|
5
|
+
// do not print version number there as it causes issues
|
|
6
|
+
if (window.navigator.plugins.length > 0) {
|
|
7
|
+
console.log("Ripple component library", version);
|
|
8
|
+
}
|
|
9
|
+
// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
|
|
10
|
+
// Dispatching events to track whether user is navigating with keyboard or mouse
|
|
11
|
+
function wmComponentKeys(ev) {
|
|
12
|
+
var key = ev.key || ev.keyCode;
|
|
13
|
+
if (key == "Tab" || key === 9) {
|
|
14
|
+
var event = new Event("wmUserIsTabbing");
|
|
15
|
+
window.dispatchEvent(event);
|
|
16
|
+
document.querySelector("body").classList.add("wmcl-user-is-tabbing");
|
|
17
|
+
}
|
|
18
|
+
if (key == "ArrowLeft" ||
|
|
19
|
+
key === 37 ||
|
|
20
|
+
key == "ArrowUp" ||
|
|
21
|
+
key === 38 ||
|
|
22
|
+
key == "ArrowRight" ||
|
|
23
|
+
key === 39 ||
|
|
24
|
+
key == "ArrowDown" ||
|
|
25
|
+
key === 40) {
|
|
26
|
+
var event = new Event("wmUserIsKeying");
|
|
27
|
+
window.dispatchEvent(event);
|
|
28
|
+
document.querySelector("body").classList.add("wmcl-user-is-keying");
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
function wmComponentMouseDownOnce() {
|
|
32
|
+
var event = new Event("wmUserIsNotTabbing");
|
|
33
|
+
window.dispatchEvent(event);
|
|
34
|
+
document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
|
|
35
|
+
document.querySelector("body").classList.remove("wmcl-user-is-keying");
|
|
36
|
+
}
|
|
37
|
+
window.addEventListener("keydown", wmComponentKeys);
|
|
38
|
+
window.addEventListener("mousedown", wmComponentMouseDownOnce);
|
|
39
|
+
// TOOLTIP
|
|
40
|
+
// Add a tooltip element
|
|
41
|
+
// This allows tooltips to be always at the highest stacking context (always on top)
|
|
42
|
+
// Element is added withing a container to avoid performance impact
|
|
43
|
+
const tooltipContainer = document.createElement("div");
|
|
44
|
+
tooltipContainer.id = "wm-tooltip-container";
|
|
45
|
+
const tooltipEl = document.createElement("div");
|
|
46
|
+
tooltipEl.id = "wm-tooltip";
|
|
47
|
+
tooltipEl.setAttribute("aria-hidden", "true");
|
|
48
|
+
tooltipEl.style.position = "fixed";
|
|
49
|
+
tooltipEl.style.overflow = "hidden";
|
|
50
|
+
tooltipEl.style.pointerEvents = "none";
|
|
51
|
+
tooltipEl.style.lineHeight = "normal";
|
|
52
|
+
tooltipEl.style.fontFamily = "inherit";
|
|
53
|
+
tooltipEl.style.fontSize = "0.875rem";
|
|
54
|
+
tooltipEl.style.textTransform = "none";
|
|
55
|
+
tooltipEl.style.fontWeight = "normal";
|
|
56
|
+
tooltipEl.style.background = "black";
|
|
57
|
+
tooltipEl.style.color = "#fff";
|
|
58
|
+
tooltipEl.style.zIndex = "999999";
|
|
59
|
+
tooltipEl.style.whiteSpace = "nowrap";
|
|
60
|
+
tooltipEl.style.padding = "0.375rem";
|
|
61
|
+
tooltipEl.style.transitionProperty = "opacity";
|
|
62
|
+
tooltipEl.style.transitionDelay = "opacity";
|
|
63
|
+
tooltipEl.style.opacity = "0";
|
|
64
|
+
tooltipContainer.appendChild(tooltipEl);
|
|
65
|
+
const body = document.querySelector("body");
|
|
66
|
+
body.appendChild(tooltipContainer);
|
package/dist/esm/loader.js
CHANGED
package/dist/esm/ripple.js
CHANGED
|
@@ -32,7 +32,7 @@ const Button = class {
|
|
|
32
32
|
}
|
|
33
33
|
get hasTooltip() {
|
|
34
34
|
// tooltip is only rendered for icononly and navigational types, or if the button text is truncated
|
|
35
|
-
return this.
|
|
35
|
+
return this.tempButtonType === "icononly" || this.tempButtonType === "navigational" || this.isTruncated;
|
|
36
36
|
}
|
|
37
37
|
toggleTabbingOn() {
|
|
38
38
|
this.isTabbing = true;
|
|
@@ -130,7 +130,7 @@ const Button = class {
|
|
|
130
130
|
}
|
|
131
131
|
showTooltip() {
|
|
132
132
|
if (this.hasTooltip) {
|
|
133
|
-
const tooltipEl = document.querySelector(
|
|
133
|
+
const tooltipEl = document.querySelector("#wm-tooltip");
|
|
134
134
|
if (!!tooltipEl) {
|
|
135
135
|
// set tooltip text
|
|
136
136
|
tooltipEl.textContent = this.isTruncated ? this.el.textContent : this.tooltip;
|
|
@@ -170,7 +170,7 @@ const Button = class {
|
|
|
170
170
|
}
|
|
171
171
|
hideTooltip() {
|
|
172
172
|
const tooltipEl = document.querySelector("#wm-tooltip");
|
|
173
|
-
if (!!tooltipEl) {
|
|
173
|
+
if (this.hasTooltip && !!tooltipEl) {
|
|
174
174
|
tooltipEl.style.transitionDelay = "0s";
|
|
175
175
|
tooltipEl.style.opacity = "0";
|
|
176
176
|
this.tooltipVisible = false;
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
import { s as setMode } from './index-e8e17b5f.js';
|
|
2
|
+
|
|
3
|
+
const name = "@watermarkinsights/ripple";
|
|
4
|
+
const version = "3.1.0-10";
|
|
5
|
+
const description = "Ripple Component Library";
|
|
6
|
+
const license = "MIT";
|
|
7
|
+
const module = "dist/index.js";
|
|
8
|
+
const main = "dist/index.cjs.js";
|
|
9
|
+
const unpkg = "dist/ripple/ripple.js";
|
|
10
|
+
const types = "dist/types/components.d.ts";
|
|
11
|
+
const collection = "dist/collection/collection-manifest.json";
|
|
12
|
+
const files = [
|
|
13
|
+
"dist/"
|
|
14
|
+
];
|
|
15
|
+
const es2017 = "dist/esm/index.mjs";
|
|
16
|
+
const es2015 = "dist/esm/index.mjs";
|
|
17
|
+
const scripts = {
|
|
18
|
+
"local.pss": "sh ./scripts/build-local-pss.sh",
|
|
19
|
+
"local.aqua": "sh ./scripts/build-local-aqf.sh",
|
|
20
|
+
"local.ripple": "sh ./scripts/build-local-ripple.sh",
|
|
21
|
+
"local.wrappers": "sh ./scripts/build-local-wrappers.sh",
|
|
22
|
+
build: "stencil build",
|
|
23
|
+
release: "sh ./scripts/release.sh",
|
|
24
|
+
start: "stencil build --dev --watch --serve",
|
|
25
|
+
test: "stencil test --spec --e2e",
|
|
26
|
+
"test.snapshot": "stencil test --spec --e2e -u",
|
|
27
|
+
"test.watch": "stencil test --spec --e2e --watch",
|
|
28
|
+
"test.watchAll": "stencil test --spec --e2e --watchAll",
|
|
29
|
+
"test.coverage": "stencil test --spec --coverage --collectCoverageFrom='src/**/*.{js,jsx,ts,tsx}'",
|
|
30
|
+
extract: "formatjs extract ./src/**/*.tsx --out-file ./src/lang/en.json && node ./src/lang/piglatin.js",
|
|
31
|
+
compile: "formatjs compile-folder ./src/lang src/lang/compiled-lang/ --ast"
|
|
32
|
+
};
|
|
33
|
+
const devDependencies = {
|
|
34
|
+
"@axe-core/puppeteer": "^4.1.1",
|
|
35
|
+
"@formatjs/cli": "^4.2.11",
|
|
36
|
+
"@stencil/core": "^2.5.2",
|
|
37
|
+
"@stencil/react-output-target": "^0.0.9",
|
|
38
|
+
"@stencil/sass": "^1.4.1",
|
|
39
|
+
"@types/jest": "^26.0.23",
|
|
40
|
+
"@types/puppeteer": "^5.4.3",
|
|
41
|
+
jest: "^26.6.3",
|
|
42
|
+
"jest-cli": "^26.6.3"
|
|
43
|
+
};
|
|
44
|
+
const dependencies = {
|
|
45
|
+
"@formatjs/intl": "^1.10.5"
|
|
46
|
+
};
|
|
47
|
+
const _package = {
|
|
48
|
+
name: name,
|
|
49
|
+
version: version,
|
|
50
|
+
description: description,
|
|
51
|
+
license: license,
|
|
52
|
+
module: module,
|
|
53
|
+
main: main,
|
|
54
|
+
unpkg: unpkg,
|
|
55
|
+
types: types,
|
|
56
|
+
collection: collection,
|
|
57
|
+
files: files,
|
|
58
|
+
es2017: es2017,
|
|
59
|
+
es2015: es2015,
|
|
60
|
+
scripts: scripts,
|
|
61
|
+
devDependencies: devDependencies,
|
|
62
|
+
dependencies: dependencies
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
// PRINT RIPPLE VERSION IN CONSOLE
|
|
66
|
+
// test envs return 0 for plugin.length
|
|
67
|
+
// do not print version number there as it causes issues
|
|
68
|
+
if (window.navigator.plugins.length > 0) {
|
|
69
|
+
console.log("Ripple component library", version);
|
|
70
|
+
}
|
|
71
|
+
// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
|
|
72
|
+
// Dispatching events to track whether user is navigating with keyboard or mouse
|
|
73
|
+
function wmComponentKeys(ev) {
|
|
74
|
+
var key = ev.key || ev.keyCode;
|
|
75
|
+
if (key == "Tab" || key === 9) {
|
|
76
|
+
var event = new Event("wmUserIsTabbing");
|
|
77
|
+
window.dispatchEvent(event);
|
|
78
|
+
document.querySelector("body").classList.add("wmcl-user-is-tabbing");
|
|
79
|
+
}
|
|
80
|
+
if (key == "ArrowLeft" ||
|
|
81
|
+
key === 37 ||
|
|
82
|
+
key == "ArrowUp" ||
|
|
83
|
+
key === 38 ||
|
|
84
|
+
key == "ArrowRight" ||
|
|
85
|
+
key === 39 ||
|
|
86
|
+
key == "ArrowDown" ||
|
|
87
|
+
key === 40) {
|
|
88
|
+
var event = new Event("wmUserIsKeying");
|
|
89
|
+
window.dispatchEvent(event);
|
|
90
|
+
document.querySelector("body").classList.add("wmcl-user-is-keying");
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
function wmComponentMouseDownOnce() {
|
|
94
|
+
var event = new Event("wmUserIsNotTabbing");
|
|
95
|
+
window.dispatchEvent(event);
|
|
96
|
+
document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
|
|
97
|
+
document.querySelector("body").classList.remove("wmcl-user-is-keying");
|
|
98
|
+
}
|
|
99
|
+
window.addEventListener("keydown", wmComponentKeys);
|
|
100
|
+
window.addEventListener("mousedown", wmComponentMouseDownOnce);
|
|
101
|
+
// MODES (FOR PRODUCT-SPECIFIC STYLING)
|
|
102
|
+
//Checks for mode attribute explicitly set on the document. If "mode" is set on component, it will override the global mode. Falls back to default (Planning styles)
|
|
103
|
+
setMode((elm) => {
|
|
104
|
+
return elm.getAttribute("mode") || document.documentElement.getAttribute("mode") || "planning";
|
|
105
|
+
});
|
|
106
|
+
// TOOLTIP
|
|
107
|
+
// Add a tooltip element
|
|
108
|
+
// This allows tooltips to be always at the highest stacking context (always on top)
|
|
109
|
+
// Element is added withing a container to avoid performance impact
|
|
110
|
+
const tooltipContainer = document.createElement("div");
|
|
111
|
+
tooltipContainer.id = "wm-tooltip-container";
|
|
112
|
+
const tooltipEl = document.createElement("div");
|
|
113
|
+
tooltipEl.id = "wm-tooltip";
|
|
114
|
+
tooltipEl.setAttribute("aria-hidden", "true");
|
|
115
|
+
tooltipEl.style.position = "fixed";
|
|
116
|
+
tooltipEl.style.overflow = "hidden";
|
|
117
|
+
tooltipEl.style.pointerEvents = "none";
|
|
118
|
+
tooltipEl.style.lineHeight = "normal";
|
|
119
|
+
tooltipEl.style.fontFamily = "inherit";
|
|
120
|
+
tooltipEl.style.fontSize = "0.875rem";
|
|
121
|
+
tooltipEl.style.textTransform = "none";
|
|
122
|
+
tooltipEl.style.fontWeight = "normal";
|
|
123
|
+
tooltipEl.style.background = "black";
|
|
124
|
+
tooltipEl.style.color = "#fff";
|
|
125
|
+
tooltipEl.style.zIndex = "999999";
|
|
126
|
+
tooltipEl.style.whiteSpace = "nowrap";
|
|
127
|
+
tooltipEl.style.padding = "0.375rem";
|
|
128
|
+
tooltipEl.style.transitionProperty = "opacity";
|
|
129
|
+
tooltipEl.style.transitionDelay = "opacity";
|
|
130
|
+
tooltipEl.style.opacity = "0";
|
|
131
|
+
tooltipContainer.appendChild(tooltipEl);
|
|
132
|
+
const body = document.querySelector("body");
|
|
133
|
+
body.appendChild(tooltipContainer);
|
|
134
|
+
const globalFn = () => { };
|
|
135
|
+
|
|
136
|
+
const globalScripts = globalFn;
|
|
137
|
+
|
|
138
|
+
export { globalScripts as g };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
window.navigator.plugins.length>0&&console.log("Ripple component library","3.1.0-10"),window.addEventListener("keydown",(function(n){var o=n.key||n.keyCode;if("Tab"==o||9===o){var e=new Event("wmUserIsTabbing");window.dispatchEvent(e),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=o&&37!==o&&"ArrowUp"!=o&&38!==o&&"ArrowRight"!=o&&39!==o&&"ArrowDown"!=o&&40!==o||(e=new Event("wmUserIsKeying"),window.dispatchEvent(e),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.setAttribute("aria-hidden","true"),o.style.position="fixed",o.style.overflow="hidden",o.style.pointerEvents="none",o.style.lineHeight="normal",o.style.fontFamily="inherit",o.style.fontSize="0.875rem",o.style.textTransform="none",o.style.fontWeight="normal",o.style.background="black",o.style.color="#fff",o.style.zIndex="999999",o.style.whiteSpace="nowrap",o.style.padding="0.375rem",o.style.transitionProperty="opacity",o.style.transitionDelay="opacity",o.style.opacity="0",n.appendChild(o),document.querySelector("body").appendChild(n);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
window.navigator.plugins.length>0&&console.log("Ripple component library","3.1.0"),window.addEventListener("keydown",(function(n){var o=n.key||n.keyCode;if("Tab"==o||9===o){var e=new Event("wmUserIsTabbing");window.dispatchEvent(e),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=o&&37!==o&&"ArrowUp"!=o&&38!==o&&"ArrowRight"!=o&&39!==o&&"ArrowDown"!=o&&40!==o||(e=new Event("wmUserIsKeying"),window.dispatchEvent(e),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.setAttribute("aria-hidden","true"),o.style.position="fixed",o.style.overflow="hidden",o.style.pointerEvents="none",o.style.lineHeight="normal",o.style.fontFamily="inherit",o.style.fontSize="0.875rem",o.style.textTransform="none",o.style.fontWeight="normal",o.style.background="black",o.style.color="#fff",o.style.zIndex="999999",o.style.whiteSpace="nowrap",o.style.padding="0.375rem",o.style.transitionProperty="opacity",o.style.transitionDelay="opacity",o.style.opacity="0",n.appendChild(o),document.querySelector("body").appendChild(n);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,f as o,h as n,H as e,g as i}from"./p-9baa3039.js";import{g as a}from"./p-888bec42.js";import{g as s,a as r}from"./p-40d3e94f.js";const b=class{constructor(o){t(this,o),this.disabled=!1,this.buttonType=null,this.buttonStyle=null,this.tooltipPosition="bottom-right",this.adjustedTooltipPosition=this.tooltipPosition,this.permanentlyDelete=!1,this.textWrap=!0,this.tooltipVisible=!1,this.isTabbing=!1,this.id=s(),this.clickFunc=null,this.ariaPopup=!1}get tempButtonType(){return this.buttonType||this.buttonStyle||"secondary"}get isTruncated(){return!!this.buttonEl&&this.buttonEl.offsetWidth<this.buttonEl.scrollWidth}get hasTooltip(){return"icononly"===this.tempButtonType||"navigational"===this.tempButtonType||this.isTruncated}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleScroll(){this.tooltipVisible&&this.hideTooltip()}handleOnClick(){this.el.onclick=this.disabled?null:this.clickFunc}validateType(t){["primary","secondary","textonly","icononly","navigational","selectoronly"].includes(t)||(this.buttonType="secondary"),this.validateIcon()}validateDeprecatedType(t){["primary","secondary","textonly","icononly","navigational","selectoronly"].includes(t)||(this.buttonStyle="secondary"),this.validateIcon()}updateIcon(){this.icon=a(this.icon)}validateIcon(){"icononly"!==this.tempButtonType&&"navigational"!==this.tempButtonType||(this.icon||console.error("wm-button should have a valid 'icon' property when button-type is set to 'icononly' or 'navigational'."),this.tooltip||console.error("wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'."))}handleKeydown(t){switch(t.key){case"Enter":t.preventDefault(),this.disabled||this.el.click()}}componentWillLoad(){this.buttonStyle&&console.warn("wm-button: button-style has been deprecated as of v3.1.0. Please use button-type instead."),this.validateType(this.tempButtonType),this.el.focus=function(){this.disabled||(this.shadowRoot.querySelector("button").focus(),requestAnimationFrame((()=>{this.tooltipVisible=!1})))},this.icon&&(this.icon=this.icon=a(this.icon))}componentDidLoad(){this.el.onclick&&(this.clickFunc=this.el.onclick),document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn(),this.ariaPopup=!!this.el.getAttribute("aria-haspopup"),o(this.el)}showTooltip(){if(this.hasTooltip){const t=document.querySelector("#wm-tooltip");if(t){t.textContent=this.isTruncated?this.el.textContent:this.tooltip,this.adjustedTooltipPosition=r(this.tooltipPosition,this.buttonEl,t);const o=(this.buttonEl.getBoundingClientRect().height-t.getBoundingClientRect().height)/2,n=(this.buttonEl.getBoundingClientRect().width-t.getBoundingClientRect().width)/2;let e=this.buttonEl.getBoundingClientRect().top+o,i=this.buttonEl.getBoundingClientRect().left+n;this.adjustedTooltipPosition.includes("top")&&(e=this.buttonEl.getBoundingClientRect().top-t.getBoundingClientRect().height-8),this.adjustedTooltipPosition.includes("bottom")&&(e=this.buttonEl.getBoundingClientRect().bottom+8),this.adjustedTooltipPosition.includes("left")&&(i=this.buttonEl.getBoundingClientRect().left-t.getBoundingClientRect().width-8),this.adjustedTooltipPosition.includes("right")&&(i=this.buttonEl.getBoundingClientRect().right+8),t.style.top=(e/16).toString()+"rem",t.style.left=(i/16).toString()+"rem",t.style.transitionDelay="500ms",t.style.opacity="1",setTimeout((()=>{this.tooltipVisible=!0}),500)}}}hideTooltip(){const t=document.querySelector("#wm-tooltip");this.hasTooltip&&t&&(t.style.transitionDelay="0s",t.style.opacity="0",this.tooltipVisible=!1)}getClasses(){let t="wm-button";return t+=this.permanentlyDelete?" -permanentlydelete":"",t+=this.tempButtonType?" -"+this.tempButtonType:" -secondary",t+=this.textWrap?"":" nowrap",t+=this.isTabbing?" user-is-tabbing":"",t+=this.isTruncated?" -truncated":"",t+="dark"===this.customBackground?" dark":"",t}getAriaLabel(){return"icononly"===this.tempButtonType||"navigational"===this.tempButtonType?this.labelForIdenticalButtons||this.tooltip:this.labelForIdenticalButtons?this.labelForIdenticalButtons:void 0}render(){return n(e,{class:this.disabled?"button-disabled":""},n("button",{id:this.id,class:`${this.getClasses()}`,disabled:this.disabled,ref:t=>this.buttonEl=t,"aria-label":this.getAriaLabel(),"aria-hasPopup":this.ariaPopup?"menu":null,onMouseEnter:()=>this.showTooltip(),onMouseLeave:()=>this.hideTooltip(),onFocus:()=>this.showTooltip(),onBlur:()=>this.hideTooltip(),onClick:()=>this.hideTooltip()},this.icon&&n("span",{class:"mdi",style:this.iconSize?{fontSize:this.iconSize}:{}},String.fromCodePoint(parseInt(`0x${this.icon}`))),n("span",{class:"button-text"},n("slot",null))))}get el(){return i(this)}static get watchers(){return{disabled:["handleOnClick"],buttonType:["validateType"],buttonStyle:["validateDeprecatedType"],icon:["updateIcon"]}}};b.style='@charset "UTF-8";:host .wm-button,wm-button .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:inherit;border:2px solid #575195;color:#575195;font-size:0.75rem;font-weight:700;height:2.75rem;padding:0 1.3333333333em;cursor:pointer;position:relative;background:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button,wm-button .wm-button{height:3.3333333333em}}:host .wm-button.nowrap,wm-button .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus,wm-button .wm-button:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner,wm-button .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text,wm-button .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled):not(.-primary):not(.-secondary):not(.-secondary):not(.-selectoronly) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled),wm-button .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark),wm-button .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner,wm-button .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled),wm-button .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled){background:transparent;border:2px solid #fff;color:#fff}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover,wm-button .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark,wm-button .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption),wm-button .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button:hover,wm-button .wm-button:hover{background:#464177;color:#fff}:host .wm-button .mdi,wm-button .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi,wm-button .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi,wm-button .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly),wm-button .wm-button.-primary:not(.-textonly){background:#575195;color:#fff}:host .wm-button.-primary:not(.-textonly):not(:focus),wm-button .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover,wm-button .wm-button.-primary:not(.-textonly):hover{background:#464177}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),wm-button .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:#575195;background:#fff;border:2px solid #fff}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover,wm-button .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.-textonly,wm-button .wm-button.-textonly{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1}:host .wm-button.-textonly+.-textonly,wm-button .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus,wm-button .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner,wm-button .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text,wm-button .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text,wm-button .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:linear-gradient(90deg, #fff 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small,wm-button .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),wm-button .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline;color:#454077}:host .wm-button.-textonly.-permanentlydelete,wm-button .wm-button.-textonly.-permanentlydelete{color:#c0392b}:host .wm-button.-textonly.-permanentlydelete:hover,wm-button .wm-button.-textonly.-permanentlydelete:hover{text-decoration:underline;color:#c0392b !important}:host .wm-button.-textonly.dark,wm-button .wm-button.-textonly.dark{color:#fff}:host .wm-button.-textonly.dark:hover,wm-button .wm-button.-textonly.dark:hover{text-decoration:underline;color:#fff !important}:host .wm-button.-icononly,wm-button .wm-button.-icononly,:host .wm-button.-navigational,wm-button .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),wm-button .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus),wm-button .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,wm-button .wm-button.-icononly,:host .wm-button.-navigational,wm-button .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly,wm-button .wm-button.-icononly{border-width:1px !important}:host .wm-button.-icononly:before,wm-button .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational,wm-button .wm-button.-navigational{border:none !important;background-color:transparent}:host .wm-button.-navigational:not(.dark):not(:disabled),wm-button .wm-button.-navigational:not(.dark):not(:disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):hover,wm-button .wm-button.-navigational:not(.dark):not(:disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled).selected,wm-button .wm-button.-navigational:not(.dark):not(:disabled).selected{background-color:#d7d6d9}:host .wm-button.-navigational:before,wm-button .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-permanentlydelete:not(.-textonly),wm-button .wm-button.-permanentlydelete:not(.-textonly){background:#c0392b;border-color:#c0392b;color:#fff}:host .wm-button.-selectoronly,wm-button .wm-button.-selectoronly{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;background:transparent;border:1px solid #575195;border-radius:3px 3px 3px 3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;color:#575195;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selectoronly,wm-button .wm-button.-selectoronly{height:2.5rem}}:host .wm-button.-selectoronly:before,wm-button .wm-button.-selectoronly:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";position:absolute;right:0.5625rem;top:50%;transform:translateY(-50%);pointer-events:none}:host .wm-button.-selectoronly:hover:not(:disabled):not(.disabled),wm-button .wm-button.-selectoronly:hover:not(:disabled):not(.disabled){background:transparent;text-decoration:none}:host .wm-button.-selectoronly:active,wm-button .wm-button.-selectoronly:active{-ms-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selectoronly::-moz-focus-inner,wm-button .wm-button.-selectoronly::-moz-focus-inner{border:0}:host .wm-button.-selectoronly .overflowcontrol,wm-button .wm-button.-selectoronly .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button:disabled,wm-button .wm-button:disabled,:host .wm-button.disabled,wm-button .wm-button.disabled{background:inherit;border-color:#737373;color:#737373;cursor:default;pointer-events:none}:host .wm-button:disabled.dark,wm-button .wm-button:disabled.dark,:host .wm-button.disabled.dark,wm-button .wm-button.disabled.dark{color:#a6a6a6;border-color:#a6a6a6}:host .wm-button:disabled.-primary,wm-button .wm-button:disabled.-primary,:host .wm-button:disabled.-permanentlydelete,wm-button .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-primary,wm-button .wm-button.disabled.-primary,:host .wm-button.disabled.-permanentlydelete,wm-button .wm-button.disabled.-permanentlydelete{background:#737373;color:#fff;border-color:#737373}:host .wm-button:disabled.-primary.dark,wm-button .wm-button:disabled.-primary.dark,:host .wm-button.disabled.-primary.dark,wm-button .wm-button.disabled.-primary.dark{background:#a6a6a6;border-color:#a6a6a6;color:#353b48}:host .wm-button:disabled.-secondary,wm-button .wm-button:disabled.-secondary,:host .wm-button.disabled.-secondary,wm-button .wm-button.disabled.-secondary{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button:disabled.-selectoronly,wm-button .wm-button:disabled.-selectoronly,:host .wm-button.disabled.-selectoronly,wm-button .wm-button.disabled.-selectoronly{color:#737373}:host .wm-button:disabled.-textonly,wm-button .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly,wm-button .wm-button.disabled.-textonly{color:#6b6b6b;background:transparent}:host a.wm-button,wm-button a.wm-button,:host label.wm-button,wm-button label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host([disabled]),:host(.button-disabled){pointer-events:none}:host,wm-button{display:inline-block;position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .sr-only,wm-button .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{b as wm_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-9baa3039.js";import"./p-6fbe34ea.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-b842c563",[[1,"wm-tab-list",{"customBackground":[1,"custom-background"],"customPadding":[1,"custom-padding"],"selectedTab":[1,"selected-tab"],"controllerEnabled":[4,"controller-enabled"]},[[0,"tabItemLoaded","tabItemLoaded"],[0,"wmTabSelected","handleTabSelected"],[0,"keydownOnTabItem","handleKeydown"],[9,"resize","setLayout"]]],[1,"wm-tab-item",{"selected":[4],"show":[4],"tabId":[1,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]],[0,"wm-tab-panel",{"active":[1028],"tabId":[1025,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]]]],["p-ee1994f9",[[1,"wm-navigator",{"userName":[1,"user-name"],"email":[1],"authType":[2,"auth-type"],"connectionName":[1,"connection-name"],"logoutUrl":[1,"logout-url"],"products":[1],"loadFromUserinfo":[4,"load-from-userinfo"],"isOpen":[32],"isTabbing":[32],"itemIndexToFocus":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeys"],[0,"keydownOnNavItem","handleKeydown"],[4,"click","handleClick"],[0,"buttonActivated","handleButtonClick"]]]]],["p-f8f0d9eb",[[1,"wm-network-uploader",{"getPath":[1,"get-path"],"requestUploadPath":[1,"request-upload-path"],"uploadPath":[1,"upload-path"],"requestDownloadPath":[1,"request-download-path"],"deletePath":[1,"delete-path"],"associatedData":[1,"associated-data"],"buttonText":[1,"button-text"],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[2,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"isTabbing":[32],"fileList":[32],"inProgressList":[32],"errorList":[32],"notif":[32],"snackbar":[32],"numFilesInProgress":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"userFinishedSnack","handleFinishedSnack"]]]]],["p-7e6e862e",[[1,"wm-action-menu",{"tooltipPosition":[1,"tooltip-position"],"actionMenuType":[1,"action-menu-type"],"buttonType":[1,"button-type"],"buttonText":[1,"button-text"],"disabled":[516],"tooltip":[1],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"isExpanded":[32]},[[0,"wmMenuitemClicked","handleClickedItem"],[0,"wmKeyUpPressed","handleKeyUp"],[0,"wmKeyDownPressed","handleKeyDown"],[0,"wmHomeKeyPressed","handleHomeKey"],[0,"wmEndKeyPressed","handleEndKey"],[0,"wmTabKeyPressed","handleTabKey"],[0,"wmEscKeyPressed","handleEscKey"],[4,"click","blurHandler"],[0,"keydown","handleKey"],[0,"wmLetterPressed","findAndFocusItem"]]],[1,"wm-menuitem",{"disabled":[4],"focused":[4],"icon":[1025],"description":[1],"isKeying":[32]},[[8,"wmUserIsKeying","toggleKeyingOn"],[8,"wmUserIsTabbing","toggleKeyingOn"],[8,"wmUserIsNotKeying","toggleKeyingOff"],[8,"wmUserIsNotTabbing","toggleKeyingOff"],[0,"keydown","handleKeydown"],[0,"click","handleClick"]]]]],["p-607ea2d9",[[1,"wm-chart",{"chartType":[1,"chart-type"],"label":[1],"subinfo":[1],"completionMessage":[1,"completion-message"],"valueFormat":[1,"value-format"],"showValues":[1,"show-values"],"showLegend":[4,"show-legend"],"notStartedColor":[4,"not-started-color"],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[9,"resize","handleResize"],[0,"wmChartSliceUpdated","handleSliceUpdate"]]]]],["p-5447b418",[[1,"wm-datepicker",{"value":[1025],"disabled":[4],"dateFormat":[1025,"date-format"],"errorMessage":[513,"error-message"],"labelPosition":[1025,"label-position"],"label":[1025],"requiredField":[4,"required-field"],"preventValidation":[1,"prevent-validation"],"displayError":[32]},[[0,"keydown","handleTabbingOn"],[0,"click","handleTabbingOff"],[0,"popupClosed","generateBlurAndFocusButton"],[0,"cellTriggered","handleCellTriggered"]]]]],["p-bc9ca97b",[[0,"wm-modal-footer",{"secondaryText":[513,"secondary-text"],"primaryText":[513,"primary-text"],"infoText":[513,"info-text"],"primaryActionDisabled":[1540,"primary-action-disabled"],"deleteStyle":[1540,"delete-style"],"uid":[1025]},[[4,"focusLastElement","focusLastEl"]]]]],["p-e1e49b97",[[0,"wm-modal-header",{"uid":[1025],"heading":[513],"subheading":[513]},[[4,"focusFirstElement","focusFirstEl"]]]]],["p-bcd2f223",[[1,"wm-search",{"searchType":[1025,"search-type"],"disabled":[516],"placeholder":[1],"label":[1],"numResults":[1026,"num-results"],"value":[1537],"highlightedId":[1,"highlighted-id"],"highlightedName":[1,"highlighted-name"],"isTabbing":[32],"highlightedNum":[32],"previousBlurredValue":[32],"parentModal":[32],"updateValue":[64]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-7451a58d",[[1,"wm-uploader",{"uploaderType":[1025,"uploader-type"],"type":[1],"buttonText":[1,"button-text"],"info":[1],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[2,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"files":[1],"filesToUpload":[16],"rejectedFiles":[1,"rejected-files"],"isTabbing":[32],"errorList":[32],"notif":[32],"numFilesInProgress":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"]]]]],["p-8b0eb05e",[[0,"wm-chart-slice",{"legend":[1],"amount":[1]}]]],["p-ba0c8d6c",[[1,"wm-input",{"label":[1],"labelPosition":[1,"label-position"],"value":[1537],"disabled":[516],"info":[1],"placeholder":[1],"requiredField":[4,"required-field"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"preventValidation":[1,"prevent-validation"],"type":[1],"step":[2],"min":[2],"max":[2],"charCount":[32],"announcement":[32],"previousBlurredValue":[32],"displayedErrorMessage":[32]}]]],["p-16638cd3",[[0,"wm-modal",{"open":[1540],"isOpen":[1540,"is-open"],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"isTypeDialog":[516,"is-type-dialog"],"uid":[1537],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},[[0,"click","handleClick"],[0,"keydown","closeModalOnEscape"]]]]],["p-f16c6490",[[1,"wm-pagination",{"currentPage":[2,"current-page"],"totalItems":[2,"total-items"],"itemsPerPage":[2,"items-per-page"],"value":[2],"isLargeViewport":[4,"is-large-viewport"],"isTabbing":[32],"srAnnouncement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[9,"resize","handleResize"]]]]],["p-677d2cfa",[[1,"wm-tag-input",{"label":[1],"labelPosition":[1,"label-position"],"options":[1025],"selectedTags":[1537,"selected-tags"],"info":[1],"addNew":[4,"add-new"],"placeholder":[1025],"characterLimit":[2,"character-limit"],"maxTags":[2,"max-tags"],"focusedListItem":[32],"focusedTag":[32],"isExpanded":[32],"tagsList":[32],"optionsList":[32],"charCount":[32],"liveRegionMessage":[32]},[[4,"click","closeIfNotElOrChild"]]]]],["p-97951a02",[[1,"wm-timepicker",{"disabled":[4],"value":[1537],"errorMessage":[1,"error-message"],"label":[1],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"preventValidation":[1,"prevent-validation"],"selectedOption":[32],"isExpanded":[32],"isTabbing":[32],"displayedErrorMessage":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"click","blurHandler"],[0,"keydown","handleKey"]]]]],["p-050fae52",[[1,"wm-toggletip",{"label":[1],"tooltip":[1025],"tooltipText":[1,"tooltip-text"],"tooltipPosition":[1537,"tooltip-position"],"isOpen":[32],"isTabbing":[32]},[[0,"keydown","handleKeydown"],[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"click","handleClick"]]]]],["p-0c58f50d",[[0,"wm-wrapper"]]],["p-6fd95ef4",[[0,"priv-chart-popover",{"sliceRef":[16],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"buttonText":[1,"button-text"],"open":[1028],"coords":[16]},[[4,"click","handleClickOnDocument"],[0,"click","handleClick"]]]]],["p-9dd40482",[[0,"priv-datepicker",{"disabled":[4],"isExpanded":[1540,"is-expanded"],"view":[1537],"date":[1040],"selectedYear":[1026,"selected-year"],"selectedMonth":[1026,"selected-month"],"selectedDay":[1026,"selected-day"],"monthInFocus":[1026,"month-in-focus"],"yearInFocus":[1026,"year-in-focus"],"dayInFocus":[1026,"day-in-focus"],"parentId":[1537,"parent-id"],"monthNumInFocus":[32]},[[0,"keydown","handleKey"],[0,"keydown","toggleTabbingOn"],[9,"mousedown","toggleTabbingOff"],[4,"click","blurHandler"]]]]],["p-11c09317",[[1,"priv-navigator-button",{"expanded":[1028],"altText":[1,"alt-text"],"isTabbing":[1028,"is-tabbing"]}]]],["p-99db8501",[[1,"priv-navigator-item",{"selected":[1028],"focused":[1028],"link":[1025]},[[0,"keydown","handleKeyDown"]]]]],["p-e6959c3a",[[1,"wm-snackbar",{"notifications":[1537]},[[4,"keydown","checkForTabbing"],[5,"mouseover","handleMouse"]]]]],["p-4553c8ef",[[1,"wm-option",{"value":[1],"subinfo":[1025],"disabled":[516],"selected":[516],"focused":[4]},[[0,"keydown","handleKeydown"],[0,"click","handleSelection"]]],[1,"wm-select",{"disabled":[516],"invalid":[1028],"maxHeight":[1,"max-height"],"label":[1025],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"errorMessage":[1025,"error-message"],"multiple":[4],"placeholder":[1],"allSelectedMessage":[1,"all-selected-message"],"isTabbing":[32],"isExpanded":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handeChildEnter"],[0,"wmKeyUpPressed","handleChildUp"],[0,"wmKeyDownPressed","handleChildDown"],[0,"wmHomeKeyPressed","moveToFirstItem"],[0,"wmEndKeyPressed","moveToLastItem"],[0,"wmTabKeyPressed","handleTabKey"],[0,"wmEscKeyPressed","closePopupOnEscape"],[6,"click","blurHandler"],[0,"keydown","handleKey"],[0,"wmLetterPressed","findAndFocusItem"]]]]],["p-1b1371d5",[[1,"wm-button",{"disabled":[516],"buttonType":[1025,"button-type"],"buttonStyle":[1025,"button-style"],"icon":[1537],"iconSize":[1,"icon-size"],"tooltip":[1537],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"tooltipPosition":[1,"tooltip-position"],"permanentlyDelete":[4,"permanently-delete"],"textWrap":[4,"text-wrap"],"customBackground":[1,"custom-background"],"tooltipVisible":[1028,"tooltip-visible"],"adjustedTooltipPosition":[32],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[9,"scroll","handleScroll"],[0,"keydown","handleKeydown"]]]]]]'),e)));
|
|
1
|
+
import{p as e,b as t}from"./p-9baa3039.js";import"./p-55c83fa7.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-b842c563",[[1,"wm-tab-list",{"customBackground":[1,"custom-background"],"customPadding":[1,"custom-padding"],"selectedTab":[1,"selected-tab"],"controllerEnabled":[4,"controller-enabled"]},[[0,"tabItemLoaded","tabItemLoaded"],[0,"wmTabSelected","handleTabSelected"],[0,"keydownOnTabItem","handleKeydown"],[9,"resize","setLayout"]]],[1,"wm-tab-item",{"selected":[4],"show":[4],"tabId":[1,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]],[0,"wm-tab-panel",{"active":[1028],"tabId":[1025,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]]]],["p-ee1994f9",[[1,"wm-navigator",{"userName":[1,"user-name"],"email":[1],"authType":[2,"auth-type"],"connectionName":[1,"connection-name"],"logoutUrl":[1,"logout-url"],"products":[1],"loadFromUserinfo":[4,"load-from-userinfo"],"isOpen":[32],"isTabbing":[32],"itemIndexToFocus":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeys"],[0,"keydownOnNavItem","handleKeydown"],[4,"click","handleClick"],[0,"buttonActivated","handleButtonClick"]]]]],["p-f8f0d9eb",[[1,"wm-network-uploader",{"getPath":[1,"get-path"],"requestUploadPath":[1,"request-upload-path"],"uploadPath":[1,"upload-path"],"requestDownloadPath":[1,"request-download-path"],"deletePath":[1,"delete-path"],"associatedData":[1,"associated-data"],"buttonText":[1,"button-text"],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[2,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"isTabbing":[32],"fileList":[32],"inProgressList":[32],"errorList":[32],"notif":[32],"snackbar":[32],"numFilesInProgress":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"userFinishedSnack","handleFinishedSnack"]]]]],["p-7e6e862e",[[1,"wm-action-menu",{"tooltipPosition":[1,"tooltip-position"],"actionMenuType":[1,"action-menu-type"],"buttonType":[1,"button-type"],"buttonText":[1,"button-text"],"disabled":[516],"tooltip":[1],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"isExpanded":[32]},[[0,"wmMenuitemClicked","handleClickedItem"],[0,"wmKeyUpPressed","handleKeyUp"],[0,"wmKeyDownPressed","handleKeyDown"],[0,"wmHomeKeyPressed","handleHomeKey"],[0,"wmEndKeyPressed","handleEndKey"],[0,"wmTabKeyPressed","handleTabKey"],[0,"wmEscKeyPressed","handleEscKey"],[4,"click","blurHandler"],[0,"keydown","handleKey"],[0,"wmLetterPressed","findAndFocusItem"]]],[1,"wm-menuitem",{"disabled":[4],"focused":[4],"icon":[1025],"description":[1],"isKeying":[32]},[[8,"wmUserIsKeying","toggleKeyingOn"],[8,"wmUserIsTabbing","toggleKeyingOn"],[8,"wmUserIsNotKeying","toggleKeyingOff"],[8,"wmUserIsNotTabbing","toggleKeyingOff"],[0,"keydown","handleKeydown"],[0,"click","handleClick"]]]]],["p-607ea2d9",[[1,"wm-chart",{"chartType":[1,"chart-type"],"label":[1],"subinfo":[1],"completionMessage":[1,"completion-message"],"valueFormat":[1,"value-format"],"showValues":[1,"show-values"],"showLegend":[4,"show-legend"],"notStartedColor":[4,"not-started-color"],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[9,"resize","handleResize"],[0,"wmChartSliceUpdated","handleSliceUpdate"]]]]],["p-5447b418",[[1,"wm-datepicker",{"value":[1025],"disabled":[4],"dateFormat":[1025,"date-format"],"errorMessage":[513,"error-message"],"labelPosition":[1025,"label-position"],"label":[1025],"requiredField":[4,"required-field"],"preventValidation":[1,"prevent-validation"],"displayError":[32]},[[0,"keydown","handleTabbingOn"],[0,"click","handleTabbingOff"],[0,"popupClosed","generateBlurAndFocusButton"],[0,"cellTriggered","handleCellTriggered"]]]]],["p-bc9ca97b",[[0,"wm-modal-footer",{"secondaryText":[513,"secondary-text"],"primaryText":[513,"primary-text"],"infoText":[513,"info-text"],"primaryActionDisabled":[1540,"primary-action-disabled"],"deleteStyle":[1540,"delete-style"],"uid":[1025]},[[4,"focusLastElement","focusLastEl"]]]]],["p-e1e49b97",[[0,"wm-modal-header",{"uid":[1025],"heading":[513],"subheading":[513]},[[4,"focusFirstElement","focusFirstEl"]]]]],["p-bcd2f223",[[1,"wm-search",{"searchType":[1025,"search-type"],"disabled":[516],"placeholder":[1],"label":[1],"numResults":[1026,"num-results"],"value":[1537],"highlightedId":[1,"highlighted-id"],"highlightedName":[1,"highlighted-name"],"isTabbing":[32],"highlightedNum":[32],"previousBlurredValue":[32],"parentModal":[32],"updateValue":[64]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-7451a58d",[[1,"wm-uploader",{"uploaderType":[1025,"uploader-type"],"type":[1],"buttonText":[1,"button-text"],"info":[1],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[2,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"files":[1],"filesToUpload":[16],"rejectedFiles":[1,"rejected-files"],"isTabbing":[32],"errorList":[32],"notif":[32],"numFilesInProgress":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"]]]]],["p-8b0eb05e",[[0,"wm-chart-slice",{"legend":[1],"amount":[1]}]]],["p-ba0c8d6c",[[1,"wm-input",{"label":[1],"labelPosition":[1,"label-position"],"value":[1537],"disabled":[516],"info":[1],"placeholder":[1],"requiredField":[4,"required-field"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"preventValidation":[1,"prevent-validation"],"type":[1],"step":[2],"min":[2],"max":[2],"charCount":[32],"announcement":[32],"previousBlurredValue":[32],"displayedErrorMessage":[32]}]]],["p-16638cd3",[[0,"wm-modal",{"open":[1540],"isOpen":[1540,"is-open"],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"isTypeDialog":[516,"is-type-dialog"],"uid":[1537],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},[[0,"click","handleClick"],[0,"keydown","closeModalOnEscape"]]]]],["p-f16c6490",[[1,"wm-pagination",{"currentPage":[2,"current-page"],"totalItems":[2,"total-items"],"itemsPerPage":[2,"items-per-page"],"value":[2],"isLargeViewport":[4,"is-large-viewport"],"isTabbing":[32],"srAnnouncement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[9,"resize","handleResize"]]]]],["p-677d2cfa",[[1,"wm-tag-input",{"label":[1],"labelPosition":[1,"label-position"],"options":[1025],"selectedTags":[1537,"selected-tags"],"info":[1],"addNew":[4,"add-new"],"placeholder":[1025],"characterLimit":[2,"character-limit"],"maxTags":[2,"max-tags"],"focusedListItem":[32],"focusedTag":[32],"isExpanded":[32],"tagsList":[32],"optionsList":[32],"charCount":[32],"liveRegionMessage":[32]},[[4,"click","closeIfNotElOrChild"]]]]],["p-97951a02",[[1,"wm-timepicker",{"disabled":[4],"value":[1537],"errorMessage":[1,"error-message"],"label":[1],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"preventValidation":[1,"prevent-validation"],"selectedOption":[32],"isExpanded":[32],"isTabbing":[32],"displayedErrorMessage":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"click","blurHandler"],[0,"keydown","handleKey"]]]]],["p-050fae52",[[1,"wm-toggletip",{"label":[1],"tooltip":[1025],"tooltipText":[1,"tooltip-text"],"tooltipPosition":[1537,"tooltip-position"],"isOpen":[32],"isTabbing":[32]},[[0,"keydown","handleKeydown"],[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"click","handleClick"]]]]],["p-0c58f50d",[[0,"wm-wrapper"]]],["p-6fd95ef4",[[0,"priv-chart-popover",{"sliceRef":[16],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"buttonText":[1,"button-text"],"open":[1028],"coords":[16]},[[4,"click","handleClickOnDocument"],[0,"click","handleClick"]]]]],["p-9dd40482",[[0,"priv-datepicker",{"disabled":[4],"isExpanded":[1540,"is-expanded"],"view":[1537],"date":[1040],"selectedYear":[1026,"selected-year"],"selectedMonth":[1026,"selected-month"],"selectedDay":[1026,"selected-day"],"monthInFocus":[1026,"month-in-focus"],"yearInFocus":[1026,"year-in-focus"],"dayInFocus":[1026,"day-in-focus"],"parentId":[1537,"parent-id"],"monthNumInFocus":[32]},[[0,"keydown","handleKey"],[0,"keydown","toggleTabbingOn"],[9,"mousedown","toggleTabbingOff"],[4,"click","blurHandler"]]]]],["p-11c09317",[[1,"priv-navigator-button",{"expanded":[1028],"altText":[1,"alt-text"],"isTabbing":[1028,"is-tabbing"]}]]],["p-99db8501",[[1,"priv-navigator-item",{"selected":[1028],"focused":[1028],"link":[1025]},[[0,"keydown","handleKeyDown"]]]]],["p-e6959c3a",[[1,"wm-snackbar",{"notifications":[1537]},[[4,"keydown","checkForTabbing"],[5,"mouseover","handleMouse"]]]]],["p-4553c8ef",[[1,"wm-option",{"value":[1],"subinfo":[1025],"disabled":[516],"selected":[516],"focused":[4]},[[0,"keydown","handleKeydown"],[0,"click","handleSelection"]]],[1,"wm-select",{"disabled":[516],"invalid":[1028],"maxHeight":[1,"max-height"],"label":[1025],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"errorMessage":[1025,"error-message"],"multiple":[4],"placeholder":[1],"allSelectedMessage":[1,"all-selected-message"],"isTabbing":[32],"isExpanded":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handeChildEnter"],[0,"wmKeyUpPressed","handleChildUp"],[0,"wmKeyDownPressed","handleChildDown"],[0,"wmHomeKeyPressed","moveToFirstItem"],[0,"wmEndKeyPressed","moveToLastItem"],[0,"wmTabKeyPressed","handleTabKey"],[0,"wmEscKeyPressed","closePopupOnEscape"],[6,"click","blurHandler"],[0,"keydown","handleKey"],[0,"wmLetterPressed","findAndFocusItem"]]]]],["p-bb0e20ab",[[1,"wm-button",{"disabled":[516],"buttonType":[1025,"button-type"],"buttonStyle":[1025,"button-style"],"icon":[1537],"iconSize":[1,"icon-size"],"tooltip":[1537],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"tooltipPosition":[1,"tooltip-position"],"permanentlyDelete":[4,"permanently-delete"],"textWrap":[4,"text-wrap"],"customBackground":[1,"custom-background"],"tooltipVisible":[1028,"tooltip-visible"],"adjustedTooltipPosition":[32],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[9,"scroll","handleScroll"],[0,"keydown","handleKeydown"]]]]]]'),e)));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, i as forceUpdate, h, f as Host, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, i as forceUpdate, h, f as Host, g as getElement } from './index-e8e17b5f.js';
|
|
2
2
|
import { g as getIconCodeFromName } from './interfaces-50753346.js';
|
|
3
3
|
import { g as generateId, r as adjustTooltipPosition } from './functions-3afff05c.js';
|
|
4
4
|
|
|
@@ -32,7 +32,7 @@ const Button = class {
|
|
|
32
32
|
}
|
|
33
33
|
get hasTooltip() {
|
|
34
34
|
// tooltip is only rendered for icononly and navigational types, or if the button text is truncated
|
|
35
|
-
return this.
|
|
35
|
+
return this.tempButtonType === "icononly" || this.tempButtonType === "navigational" || this.isTruncated;
|
|
36
36
|
}
|
|
37
37
|
toggleTabbingOn() {
|
|
38
38
|
this.isTabbing = true;
|
|
@@ -130,7 +130,7 @@ const Button = class {
|
|
|
130
130
|
}
|
|
131
131
|
showTooltip() {
|
|
132
132
|
if (this.hasTooltip) {
|
|
133
|
-
const tooltipEl = document.querySelector(
|
|
133
|
+
const tooltipEl = document.querySelector("#wm-tooltip");
|
|
134
134
|
if (!!tooltipEl) {
|
|
135
135
|
// set tooltip text
|
|
136
136
|
tooltipEl.textContent = this.isTruncated ? this.el.textContent : this.tooltip;
|
|
@@ -170,7 +170,7 @@ const Button = class {
|
|
|
170
170
|
}
|
|
171
171
|
hideTooltip() {
|
|
172
172
|
const tooltipEl = document.querySelector("#wm-tooltip");
|
|
173
|
-
if (!!tooltipEl) {
|
|
173
|
+
if (this.hasTooltip && !!tooltipEl) {
|
|
174
174
|
tooltipEl.style.transitionDelay = "0s";
|
|
175
175
|
tooltipEl.style.opacity = "0";
|
|
176
176
|
this.tooltipVisible = false;
|