@watermarkinsights/ripple 3.1.0-6 → 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.
Files changed (53) hide show
  1. package/dist/cjs/global-be9cb110.js +68 -0
  2. package/dist/cjs/global-dc783c16.js +68 -0
  3. package/dist/cjs/global-fcb5814d.js +68 -0
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/ripple.cjs.js +2 -2
  6. package/dist/cjs/wm-button.cjs.entry.js +14 -4
  7. package/dist/cjs/wm-chart.cjs.entry.js +1 -1
  8. package/dist/cjs/wm-input.cjs.entry.js +2 -1
  9. package/dist/cjs/wm-modal-footer.cjs.entry.js +1 -1
  10. package/dist/cjs/wm-modal.cjs.entry.js +1 -1
  11. package/dist/collection/components/wm-button/wm-button.js +32 -4
  12. package/dist/collection/components/wm-chart/wm-chart.js +1 -1
  13. package/dist/collection/components/wm-input/wm-input.js +8 -6
  14. package/dist/collection/components/wm-modal/wm-modal-footer.js +1 -1
  15. package/dist/collection/components/wm-modal/wm-modal.js +1 -1
  16. package/dist/esm/global-207fc377.js +66 -0
  17. package/dist/esm/global-23478303.js +66 -0
  18. package/dist/esm/global-b8b02372.js +66 -0
  19. package/dist/esm/loader.js +2 -2
  20. package/dist/esm/ripple.js +2 -2
  21. package/dist/esm/wm-button.entry.js +14 -4
  22. package/dist/esm/wm-chart.entry.js +1 -1
  23. package/dist/esm/wm-input.entry.js +2 -1
  24. package/dist/esm/wm-modal-footer.entry.js +1 -1
  25. package/dist/esm/wm-modal.entry.js +1 -1
  26. package/dist/ripple/app-globals-167710c1.js +138 -0
  27. package/dist/ripple/app-globals-65b140b9.js +138 -0
  28. package/dist/ripple/app-globals-8e307c50.js +138 -0
  29. package/dist/ripple/app-globals-d4a3b2c9.js +138 -0
  30. package/dist/ripple/p-16638cd3.entry.js +1 -0
  31. package/dist/ripple/p-1b1371d5.entry.js +1 -0
  32. package/dist/ripple/p-2ce20bff.js +1 -0
  33. package/dist/ripple/p-55c83fa7.js +1 -0
  34. package/dist/ripple/p-607ea2d9.entry.js +1 -0
  35. package/dist/ripple/p-6fbe34ea.js +1 -0
  36. package/dist/ripple/p-ba0c8d6c.entry.js +1 -0
  37. package/dist/ripple/p-bb0e20ab.entry.js +1 -0
  38. package/dist/ripple/p-bc9ca97b.entry.js +1 -0
  39. package/dist/ripple/ripple.esm.js +1 -1
  40. package/dist/ripple/wm-button.entry.js +15 -5
  41. package/dist/ripple/wm-chart.entry.js +1 -1
  42. package/dist/ripple/wm-input.entry.js +2 -1
  43. package/dist/ripple/wm-modal-footer.entry.js +1 -1
  44. package/dist/ripple/wm-modal-header.entry.js +1 -1
  45. package/dist/ripple/wm-modal.entry.js +1 -1
  46. package/dist/ripple/wm-network-uploader.entry.js +1 -1
  47. package/dist/ripple/wm-search.entry.js +2 -2
  48. package/dist/ripple/wm-tag-input.entry.js +3 -2
  49. package/dist/types/components/wm-button/wm-button.d.ts +1 -1
  50. package/dist/types/components/wm-chart/wm-chart.d.ts +1 -1
  51. package/dist/types/components/wm-input/wm-input.d.ts +1 -1
  52. package/dist/types/components.d.ts +4 -2
  53. package/package.json +1 -1
@@ -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-9";
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,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,138 @@
1
+ import { s as setMode } from './index-e8e17b5f.js';
2
+
3
+ const name = "@watermarkinsights/ripple";
4
+ const version = "3.1.0-8";
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,138 @@
1
+ import { s as setMode } from './index-e8e17b5f.js';
2
+
3
+ const name = "@watermarkinsights/ripple";
4
+ const version = "3.1.0-6";
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
+ import{r as t,c as e,h as o,H as i,g as s}from"./p-9baa3039.js";import{g as a,j as n,c as d}from"./p-40d3e94f.js";const m=class{constructor(o){t(this,o),this.focusLastElement=e(this,"focusLastElement",7),this.focusFirstElement=e(this,"focusFirstElement",7),this.wmModalCloseTriggered=e(this,"wmModalCloseTriggered",7),this.wmCloseTriggered=e(this,"wmCloseTriggered",7),this.wmModalPrimaryTriggered=e(this,"wmModalPrimaryTriggered",7),this.wmPrimaryTriggered=e(this,"wmPrimaryTriggered",7),this.wmModalSecondaryTriggered=e(this,"wmModalSecondaryTriggered",7),this.wmSecondaryTriggered=e(this,"wmSecondaryTriggered",7),this.open=!1,this.isOpen=!1,this.elementToFocus="",this.modalType=null,this.isTypeDialog=null,this.bodyFocusListener=()=>this.redirectFocusOnBody()}get tempOpen(){return this.open||this.isOpen}get tempModalType(){return this.modalType?this.modalType:this.isTypeDialog?"dialog":"modal"}toggleModal(){this.tempOpen?this.showModal():this.hideModal()}showModal(){this.setElToFocusOnClose(),document.body.style.overflow="hidden",document.body.tabIndex=0,document.body.removeEventListener("focus",this.bodyFocusListener,!0),document.body.addEventListener("focus",this.bodyFocusListener,!0),window.requestAnimationFrame((()=>{this.setElToFocusOnOpen(),window.requestAnimationFrame((()=>this.focusOnOpen.focus()))}))}handleClick(t){this.tempOpen&&t.target===this.overlayEl&&this.focusOnOpen.focus()}closeModalOnEscape(t){"Escape"===t.key&&(this.wmModalCloseTriggered.emit(),this.wmCloseTriggered.emit(),this.open=!1)}hideModal(){document.body.style.overflow="visible",document.body.tabIndex=-1,document.body.removeEventListener("focus",this.bodyFocusListener,!0),window.requestAnimationFrame((()=>this.focusOnClose.focus()))}componentWillLoad(){if(this.isOpen&&console.warn("wm-modal: is-open has been deprecated as of v3.1.0. Please use open instead."),this.isTypeDialog&&console.warn("wm-modal: is-type-dialog has been deprecated as of v3.1.0. Please use modal-type instead."),("primary"===this.elementToFocus||"secondary"===this.elementToFocus)&&!this.el.id)throw new Error("You are telling the modal to focus an element in the footer when it opens. That's fine! But when you do that, you also need to give the wm-modal-wrapper an ID and set the ID of the modal body to 'content-[id of wm-modal-wrapper]. This is for accessibility purposes.");this.uid=this.el.id?this.el.id:a()}componentDidLoad(){this.tempOpen&&this.showModal()}async emitCloseEvent(){this.wmModalCloseTriggered.emit(),this.wmCloseTriggered.emit()}async emitPrimaryEvent(){this.wmModalPrimaryTriggered.emit(),this.wmPrimaryTriggered.emit()}async emitSecondaryEvent(){this.wmModalSecondaryTriggered.emit(),this.wmSecondaryTriggered.emit()}setElToFocusOnOpen(){const t=n(this.el.querySelector(`#wm-modal-close-${this.uid}`));if(this.elementToFocus){"primary"!==this.elementToFocus&&"secondary"!==this.elementToFocus||(this.setAriaDescribedbyOnModal(),this.elementToFocus=`wm-${this.elementToFocus}-${this.uid}`);const e=this.el.querySelector(`#${this.elementToFocus}`);if(e){const o=n(e);o?this.focusOnOpen=o:(console.warn("Ripple Component Library: The modal component couldn't find an element matching the value you passed for 'elementToFocus'. It will fall back to the default and focus the close button when the modal opens."),this.focusOnOpen=t)}else console.warn("Ripple Component Library: The modal component couldn't find an element matching the value you passed for 'elementToFocus'. It will fall back to the default and focus the close button when the modal opens."),this.focusOnOpen=t}else this.focusOnOpen=t}setAriaDescribedbyOnModal(){document.getElementById(`content-${this.uid}`)?this.el.setAttribute("aria-describedby",`wm-modal-heading-text-${this.uid} content-${this.uid}`):console.warn("Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.")}setElToFocusOnClose(){const t=document.activeElement;this.focusOnClose="WM-MENUITEM"===t.tagName?t.parentElement:d(t)}redirectFocusOnBody(){"BODY"===document.activeElement.tagName&&(this.setElToFocusOnOpen(),this.focusOnOpen.focus())}render(){return o(i,{class:`${this.tempOpen?"":"hide "}${"wm-"+this.tempModalType}`,role:"dialog","aria-describedby":`wm-modal-heading-text-${this.uid}`,"aria-modal":"true",tabindex:this.tempOpen?0:null,onFocus:()=>{this.focusLastElement.emit()}},o("div",{class:"overlay",ref:t=>this.overlayEl=t}),o("div",{class:"sr-only",tabIndex:0,onFocus:()=>{this.focusFirstElement.emit()}}))}get el(){return s(this)}static get watchers(){return{open:["toggleModal"],isOpen:["toggleModal"]}}};m.style="wm-modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2001;width:80vw;max-width:750px;max-height:80vh;-webkit-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);-moz-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14)}wm-modal *{box-sizing:border-box}wm-modal>*{width:80vw;max-width:750px;background:#fff}wm-modal>*:focus{outline:none}wm-modal wm-modal-header,wm-modal wm-modal-footer{padding:1.25rem 1.875rem}wm-modal wm-modal-header{z-index:2003}wm-modal wm-modal-footer{z-index:2003}wm-modal>:not(wm-modal-header):not(wm-modal-footer){max-height:calc(80vh - 166px);z-index:2002}wm-modal.wm-modal wm-modal-header{border-bottom:1px solid #f4f3f6}wm-modal.wm-modal wm-modal-footer{border-top:1px solid #f4f3f6}@media only screen and (max-width: 768px){wm-modal.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal.wm-modal>*{max-width:none;width:100vw}wm-modal.wm-modal>*:not(wm-modal-header):not(wm-modal-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal.wm-dialog>:not(wm-modal-header):not(wm-modal-footer){padding:0 1.875rem 1.25rem 1.875rem;font-size:0.875rem;border:none}wm-modal .overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:-1;bottom:1;left:-1;right:1;transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;z-index:2000}wm-modal.hide{visibility:hidden}wm-modal .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;top:0;left:0}";export{m as wm_modal}
@@ -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.buttonStyle||"navigational"===this.buttonStyle||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");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}
@@ -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);