@watermarkinsights/ripple 3.24.0 → 3.24.1

package/dist/cjs/{global-d20d5267.js → global-a563c2d1.js}

@@ -1,68 +1,68 @@
 'use strict';
 
-const version = "3.24.0";
+const version = "3.24.1";
 
-// PRINT RIPPLE VERSION IN CONSOLE
-// test envs return 0 for plugin.length
-// do not print version number there as it causes issues
-if (window.navigator.plugins.length > 0) {
-  console.log("Ripple component library", version);
-}
-// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
-// Dispatching events to track whether user is navigating with keyboard or mouse
-function wmComponentKeys(ev) {
-  if (ev.key == "Tab") {
-    var event = new Event("wmUserIsTabbing");
-    window.dispatchEvent(event);
-    document.querySelector("body").classList.add("wmcl-user-is-tabbing");
-  }
-  if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
-    var event = new Event("wmUserIsKeying");
-    window.dispatchEvent(event);
-    document.querySelector("body").classList.add("wmcl-user-is-keying");
-  }
-}
-function wmComponentMouseDownOnce() {
-  var event = new Event("wmUserIsNotTabbing");
-  window.dispatchEvent(event);
-  document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
-  document.querySelector("body").classList.remove("wmcl-user-is-keying");
-}
-window.addEventListener("keydown", wmComponentKeys);
-window.addEventListener("mousedown", wmComponentMouseDownOnce);
-// TOOLTIP
-// Add a tooltip element
-// This allows tooltips to be always at the highest stacking context (always on top)
-// Element is added withing a container to avoid performance impact
-const tooltipContainer = document.createElement("div");
-tooltipContainer.id = "wm-tooltip-container";
-const tooltipEl = document.createElement("div");
-tooltipEl.id = "wm-tooltip";
-tooltipEl.setAttribute("aria-hidden", "true");
-tooltipEl.style.position = "fixed";
-tooltipEl.style.overflow = "hidden";
-tooltipEl.style.pointerEvents = "none";
-tooltipEl.style.lineHeight = "normal";
-tooltipEl.style.fontFamily = "inherit";
-tooltipEl.style.fontSize = "0.875rem";
-tooltipEl.style.textTransform = "none";
-tooltipEl.style.fontWeight = "normal";
-tooltipEl.style.background = "black";
-tooltipEl.style.color = "#fff";
-tooltipEl.style.zIndex = "999999";
-tooltipEl.style.maxWidth = "var(--wmTooltipMaxWidth, 13.75rem)";
-tooltipEl.style.marginRight = "1.5rem";
-tooltipEl.style.padding = "0.375rem";
-tooltipEl.style.transitionProperty = "opacity";
-tooltipEl.style.transitionDelay = "opacity";
-tooltipEl.style.opacity = "0";
-tooltipEl.style.top = "0";
-tooltipEl.style.left = "0";
-tooltipEl.style.transform = "translateZ(0)";
-tooltipEl.style.willChange = "transform";
-tooltipEl.style.transform = "translate(var(--wmTooltipLeft), var(--wmTooltipTop))";
-tooltipContainer.appendChild(tooltipEl);
-const body = document.querySelector("body");
+// PRINT RIPPLE VERSION IN CONSOLE
+// test envs return 0 for plugin.length
+// do not print version number there as it causes issues
+if (window.navigator.plugins.length > 0) {
+  console.log("Ripple component library", version);
+}
+// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
+// Dispatching events to track whether user is navigating with keyboard or mouse
+function wmComponentKeys(ev) {
+  if (ev.key == "Tab") {
+    var event = new Event("wmUserIsTabbing");
+    window.dispatchEvent(event);
+    document.querySelector("body").classList.add("wmcl-user-is-tabbing");
+  }
+  if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
+    var event = new Event("wmUserIsKeying");
+    window.dispatchEvent(event);
+    document.querySelector("body").classList.add("wmcl-user-is-keying");
+  }
+}
+function wmComponentMouseDownOnce() {
+  var event = new Event("wmUserIsNotTabbing");
+  window.dispatchEvent(event);
+  document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
+  document.querySelector("body").classList.remove("wmcl-user-is-keying");
+}
+window.addEventListener("keydown", wmComponentKeys);
+window.addEventListener("mousedown", wmComponentMouseDownOnce);
+// TOOLTIP
+// Add a tooltip element
+// This allows tooltips to be always at the highest stacking context (always on top)
+// Element is added withing a container to avoid performance impact
+const tooltipContainer = document.createElement("div");
+tooltipContainer.id = "wm-tooltip-container";
+const tooltipEl = document.createElement("div");
+tooltipEl.id = "wm-tooltip";
+tooltipEl.setAttribute("aria-hidden", "true");
+tooltipEl.style.position = "fixed";
+tooltipEl.style.overflow = "hidden";
+tooltipEl.style.pointerEvents = "none";
+tooltipEl.style.lineHeight = "normal";
+tooltipEl.style.fontFamily = "inherit";
+tooltipEl.style.fontSize = "0.875rem";
+tooltipEl.style.textTransform = "none";
+tooltipEl.style.fontWeight = "normal";
+tooltipEl.style.background = "black";
+tooltipEl.style.color = "#fff";
+tooltipEl.style.zIndex = "999999";
+tooltipEl.style.maxWidth = "var(--wmTooltipMaxWidth, 13.75rem)";
+tooltipEl.style.marginRight = "1.5rem";
+tooltipEl.style.padding = "0.375rem";
+tooltipEl.style.transitionProperty = "opacity";
+tooltipEl.style.transitionDelay = "opacity";
+tooltipEl.style.opacity = "0";
+tooltipEl.style.top = "0";
+tooltipEl.style.left = "0";
+tooltipEl.style.transform = "translateZ(0)";
+tooltipEl.style.willChange = "transform";
+tooltipEl.style.transform = "translate(var(--wmTooltipLeft), var(--wmTooltipTop))";
+tooltipContainer.appendChild(tooltipEl);
+const body = document.querySelector("body");
 body.appendChild(tooltipContainer);
 
-//# sourceMappingURL=global-d20d5267.js.map
+//# sourceMappingURL=global-a563c2d1.js.map

package/dist/cjs/global-a563c2d1.js.map

@@ -0,0 +1 @@
+{"file":"global-a563c2d1.js","mappings":"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","names":[],"sources":["./src/global/global.ts"],"sourcesContent":["import { setMode } from \"@stencil/core\";\r\nimport { version } from \"../../package.json\";\r\n\r\n// PRINT RIPPLE VERSION IN CONSOLE\r\n// test envs return 0 for plugin.length\r\n// do not print version number there as it causes issues\r\nif (window.navigator.plugins.length > 0) {\r\n  console.log(\"Ripple component library\", version);\r\n}\r\n\r\n// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)\r\n// Dispatching events to track whether user is navigating with keyboard or mouse\r\nfunction wmComponentKeys(ev: KeyboardEvent) {\r\n  if (ev.key == \"Tab\") {\r\n    var event: Event = new Event(\"wmUserIsTabbing\");\r\n    window.dispatchEvent(event);\r\n    document.querySelector(\"body\")!.classList.add(\"wmcl-user-is-tabbing\");\r\n  }\r\n  if (ev.key == \"ArrowLeft\" || ev.key == \"ArrowUp\" || ev.key == \"ArrowRight\" || ev.key == \"ArrowDown\") {\r\n    var event: Event = new Event(\"wmUserIsKeying\");\r\n    window.dispatchEvent(event);\r\n    document.querySelector(\"body\")!.classList.add(\"wmcl-user-is-keying\");\r\n  }\r\n}\r\n\r\nfunction wmComponentMouseDownOnce() {\r\n  var event = new Event(\"wmUserIsNotTabbing\");\r\n  window.dispatchEvent(event);\r\n  document.querySelector(\"body\")!.classList.remove(\"wmcl-user-is-tabbing\");\r\n  document.querySelector(\"body\")!.classList.remove(\"wmcl-user-is-keying\");\r\n}\r\n\r\nwindow.addEventListener(\"keydown\", wmComponentKeys);\r\nwindow.addEventListener(\"mousedown\", wmComponentMouseDownOnce);\r\n\r\n// MODES (FOR PRODUCT-SPECIFIC STYLING)\r\n//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)\r\nsetMode((elm) => {\r\n  return elm.getAttribute(\"mode\") || document.documentElement.getAttribute(\"mode\") || \"planning\";\r\n});\r\n\r\n// TOOLTIP\r\n// Add a tooltip element\r\n// This allows tooltips to be always at the highest stacking context (always on top)\r\n// Element is added withing a container to avoid performance impact\r\nconst tooltipContainer = document.createElement(\"div\");\r\ntooltipContainer.id = \"wm-tooltip-container\";\r\nconst tooltipEl = document.createElement(\"div\");\r\ntooltipEl.id = \"wm-tooltip\";\r\ntooltipEl.setAttribute(\"aria-hidden\", \"true\");\r\ntooltipEl.style.position = \"fixed\";\r\ntooltipEl.style.overflow = \"hidden\";\r\ntooltipEl.style.pointerEvents = \"none\";\r\ntooltipEl.style.lineHeight = \"normal\";\r\ntooltipEl.style.fontFamily = \"inherit\";\r\ntooltipEl.style.fontSize = \"0.875rem\";\r\ntooltipEl.style.textTransform = \"none\";\r\ntooltipEl.style.fontWeight = \"normal\";\r\ntooltipEl.style.background = \"black\";\r\ntooltipEl.style.color = \"#fff\";\r\ntooltipEl.style.zIndex = \"999999\";\r\ntooltipEl.style.maxWidth = \"var(--wmTooltipMaxWidth, 13.75rem)\";\r\ntooltipEl.style.marginRight = \"1.5rem\";\r\ntooltipEl.style.padding = \"0.375rem\";\r\ntooltipEl.style.transitionProperty = \"opacity\";\r\ntooltipEl.style.transitionDelay = \"opacity\";\r\ntooltipEl.style.opacity = \"0\";\r\ntooltipEl.style.top = \"0\";\r\ntooltipEl.style.left = \"0\";\r\ntooltipEl.style.transform = \"translateZ(0)\";\r\ntooltipEl.style.willChange = \"transform\";\r\ntooltipEl.style.transform = \"translate(var(--wmTooltipLeft), var(--wmTooltipTop))\";\r\n\r\ntooltipContainer.appendChild(tooltipEl);\r\nconst body = document.querySelector(\"body\");\r\nbody!.appendChild(tooltipContainer);\r\n"],"version":3}

package/dist/cjs/{http-service-9e8c4dd5.js → http-service-494d81de.js}

@@ -1,54 +1,54 @@
 'use strict';
 
-const getRequest = async (url) => {
-  const response = await fetch(url);
-  if (!!response && !!response.ok) {
-    return await response.json();
-  }
-  else {
-    throw new Error(response.statusText);
-  }
-};
-const postRequest = async (url, payload) => {
-  const response = await fetch(url, {
-    method: "POST",
-    headers: { "Content-Type": "application/json; charset=utf-8" },
-    body: JSON.stringify(payload),
-  });
-  if (!!response && !!response.ok) {
-    return await response.json();
-  }
-  else {
-    throw new Error(response.statusText);
-  }
-};
-const deleteRequest = async (url) => {
-  const response = await fetch(url, { method: "DELETE" });
-  if (!!response && !!response.ok) {
-    return await response.json();
-  }
-  else {
-    throw new Error(response.statusText);
-  }
-};
-const putRequest = (url, file, onProgress) => {
-  return new Promise((resolve, reject) => {
-    // there's no way to track progress with the fetch API, so using XHR
-    const req = new XMLHttpRequest();
-    req.upload.addEventListener("progress", (ev) => onProgress(ev));
-    req.addEventListener("readystatechange", function () {
-      if (this.readyState === 4 && this.status === 200) {
-        resolve(this);
-      }
-      else if (this.readyState === 4 && this.status !== 200) {
-        reject();
-      }
-    });
-    req.onerror = () => reject();
-    req.open("PUT", url, true);
-    req.setRequestHeader("Content-Disposition", `attachment;filename="${file.name}"`);
-    req.send(file);
-  });
+const getRequest = async (url) => {
+  const response = await fetch(url);
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+const postRequest = async (url, payload) => {
+  const response = await fetch(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json; charset=utf-8" },
+    body: JSON.stringify(payload),
+  });
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+const deleteRequest = async (url) => {
+  const response = await fetch(url, { method: "DELETE" });
+  if (!!response && !!response.ok) {
+    return await response.json();
+  }
+  else {
+    throw new Error(response.statusText);
+  }
+};
+const putRequest = (url, file, onProgress) => {
+  return new Promise((resolve, reject) => {
+    // there's no way to track progress with the fetch API, so using XHR
+    const req = new XMLHttpRequest();
+    req.upload.addEventListener("progress", (ev) => onProgress(ev));
+    req.addEventListener("readystatechange", function () {
+      if (this.readyState === 4 && this.status === 200) {
+        resolve(this);
+      }
+      else if (this.readyState === 4 && this.status !== 200) {
+        reject();
+      }
+    });
+    req.onerror = () => reject();
+    req.open("PUT", url, true);
+    req.setRequestHeader("Content-Disposition", `attachment;filename="${file.name}"`);
+    req.send(file);
+  });
 };
 
 exports.deleteRequest = deleteRequest;
@@ -56,4 +56,4 @@ exports.getRequest = getRequest;
 exports.postRequest = postRequest;
 exports.putRequest = putRequest;
 
-//# sourceMappingURL=http-service-9e8c4dd5.js.map
+//# sourceMappingURL=http-service-494d81de.js.map

package/dist/cjs/http-service-494d81de.js.map

@@ -0,0 +1 @@
+{"file":"http-service-494d81de.js","mappings":";;MAAa,UAAU,GAAG,OAAO,GAAW;EAC1C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;EAClC,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC/B,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;GAC9B;OAAM;IACL,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;GACtC;AACH,EAAE;MAEW,WAAW,GAAG,OAAO,GAAW,EAAE,OAAe;EAC5D,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;IAChC,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,EAAE,cAAc,EAAE,iCAAiC,EAAE;IAC9D,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;GAC9B,CAAC,CAAC;EACH,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC/B,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;GAC9B;OAAM;IACL,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;GACtC;AACH,EAAE;MAEW,aAAa,GAAG,OAAO,GAAW;EAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;EACxD,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE;IAC/B,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;GAC9B;OAAM;IACL,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;GACtC;AACH,EAAE;MAEW,UAAU,GAAG,CAAC,GAAW,EAAE,IAAU,EAAE,UAAoB;EACtE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM;;IAEjC,MAAM,GAAG,GAAG,IAAI,cAAc,EAAE,CAAC;IAEjC,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhE,GAAG,CAAC,gBAAgB,CAAC,kBAAkB,EAAE;MACvC,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,GAAG,EAAE;QAChD,OAAO,CAAC,IAAI,CAAC,CAAC;OACf;WAAM,IAAI,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,GAAG,EAAE;QACvD,MAAM,EAAE,CAAC;OACV;KACF,CAAC,CAAC;IAEH,GAAG,CAAC,OAAO,GAAG,MAAM,MAAM,EAAE,CAAC;IAC7B,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAC3B,GAAG,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,wBAAwB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;IAClF,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAChB,CAAC,CAAC;AACL;;;;;;;","names":[],"sources":["./src/global/services/http-service.tsx"],"sourcesContent":["export const getRequest = async (url: string) => {\r\n  const response = await fetch(url);\r\n  if (!!response && !!response.ok) {\r\n    return await response.json();\r\n  } else {\r\n    throw new Error(response.statusText);\r\n  }\r\n};\r\n\r\nexport const postRequest = async (url: string, payload: Object) => {\r\n  const response = await fetch(url, {\r\n    method: \"POST\",\r\n    headers: { \"Content-Type\": \"application/json; charset=utf-8\" },\r\n    body: JSON.stringify(payload),\r\n  });\r\n  if (!!response && !!response.ok) {\r\n    return await response.json();\r\n  } else {\r\n    throw new Error(response.statusText);\r\n  }\r\n};\r\n\r\nexport const deleteRequest = async (url: string) => {\r\n  const response = await fetch(url, { method: \"DELETE\" });\r\n  if (!!response && !!response.ok) {\r\n    return await response.json();\r\n  } else {\r\n    throw new Error(response.statusText);\r\n  }\r\n};\r\n\r\nexport const putRequest = (url: string, file: File, onProgress: Function) => {\r\n  return new Promise((resolve, reject) => {\r\n    // there's no way to track progress with the fetch API, so using XHR\r\n    const req = new XMLHttpRequest();\r\n\r\n    req.upload.addEventListener(\"progress\", (ev) => onProgress(ev));\r\n\r\n    req.addEventListener(\"readystatechange\", function () {\r\n      if (this.readyState === 4 && this.status === 200) {\r\n        resolve(this);\r\n      } else if (this.readyState === 4 && this.status !== 200) {\r\n        reject();\r\n      }\r\n    });\r\n\r\n    req.onerror = () => reject();\r\n    req.open(\"PUT\", url, true);\r\n    req.setRequestHeader(\"Content-Disposition\", `attachment;filename=\"${file.name}\"`);\r\n    req.send(file);\r\n  });\r\n};\r\n"],"version":3}

package/dist/cjs/{interfaces-30a74c1f.js → interfaces-a3338581.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-//List of icon codes with more indicative descriptors to create labels for icon-only buttons
-function getIconCodeFromName(icon) {
-  return iconCodes[icon] || icon;
-}
-const iconCodes = {
-  close: "f156",
-  pencil: "f3eb",
-  cancel: "f739",
-  check: "f12c",
-  delete: "f1c0",
-  magnify: "f349",
-  export: "f207",
-  "dots-vertical": "f1d9",
-  "arrow-left": "f04d",
-  "arrow-right": "f054",
-  "chevron-left": "f141",
-  "chevron-right": "f142",
-  "menu-left": "f35e",
-  "menu-down": "f35d",
-  "keyboard-backspace": "f30d",
-  "file-tree": "f645",
-  "sort-alphabetical": "f4bb",
-  "checkbox-marked-circle": "f133",
-  "account-settings": "f630",
-  "backup-restore": "f06f",
-};
-const defaultMode = "planning";
-const getWmMode = (ref) => {
-  return ref.getAttribute("mode") || document.documentElement.getAttribute("mode") || defaultMode;
+//List of icon codes with more indicative descriptors to create labels for icon-only buttons
+function getIconCodeFromName(icon) {
+  return iconCodes[icon] || icon;
+}
+const iconCodes = {
+  close: "f156",
+  pencil: "f3eb",
+  cancel: "f739",
+  check: "f12c",
+  delete: "f1c0",
+  magnify: "f349",
+  export: "f207",
+  "dots-vertical": "f1d9",
+  "arrow-left": "f04d",
+  "arrow-right": "f054",
+  "chevron-left": "f141",
+  "chevron-right": "f142",
+  "menu-left": "f35e",
+  "menu-down": "f35d",
+  "keyboard-backspace": "f30d",
+  "file-tree": "f645",
+  "sort-alphabetical": "f4bb",
+  "checkbox-marked-circle": "f133",
+  "account-settings": "f630",
+  "backup-restore": "f06f",
+};
+const defaultMode = "planning";
+const getWmMode = (ref) => {
+  return ref.getAttribute("mode") || document.documentElement.getAttribute("mode") || defaultMode;
 };
 
 exports.getIconCodeFromName = getIconCodeFromName;
 exports.getWmMode = getWmMode;
 
-//# sourceMappingURL=interfaces-30a74c1f.js.map
+//# sourceMappingURL=interfaces-a3338581.js.map

package/dist/cjs/interfaces-a3338581.js.map

@@ -0,0 +1 @@
+{"file":"interfaces-a3338581.js","mappings":";;AA6CA;SA0BgB,mBAAmB,CAAC,IAAY;EAC9C,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;AACjC,CAAC;AAED,MAAM,SAAS,GAAc;EAC3B,KAAK,EAAE,MAAM;EACb,MAAM,EAAE,MAAM;EACd,MAAM,EAAE,MAAM;EACd,KAAK,EAAE,MAAM;EACb,MAAM,EAAE,MAAM;EACd,OAAO,EAAE,MAAM;EACf,MAAM,EAAE,MAAM;EACd,eAAe,EAAE,MAAM;EACvB,YAAY,EAAE,MAAM;EACpB,aAAa,EAAE,MAAM;EACrB,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;EACnB,WAAW,EAAE,MAAM;EACnB,oBAAoB,EAAE,MAAM;EAC5B,WAAW,EAAE,MAAM;EACnB,mBAAmB,EAAE,MAAM;EAC3B,wBAAwB,EAAE,MAAM;EAChC,kBAAkB,EAAE,MAAM;EAC1B,gBAAgB,EAAE,MAAM;CACzB,CAAC;AAEK,MAAM,WAAW,GAAG,UAAU,CAAC;MAEzB,SAAS,GAAG,CAAC,GAAS;EACjC,OAAO,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,WAAW,CAAC;AAClG;;;;;","names":[],"sources":["./src/global/interfaces.ts"],"sourcesContent":["export type Notification = {\r\n  message: string;\r\n  id: string;\r\n  link: string;\r\n  newWindow: boolean;\r\n};\r\n\r\n// Create label for icon-only buttons\r\nexport type label = string | undefined;\r\n\r\nexport type CssClassMap = { [className: string]: boolean };\r\n\r\ninterface IconLabels {\r\n  [index: string]: string;\r\n}\r\n\r\nexport type Product = {\r\n  description?: string;\r\n  samlLinkUrl?: string;\r\n  iconUrl: string;\r\n  id: string;\r\n  linkUrl: string;\r\n  name: string;\r\n};\r\n\r\n// products retrieved from endpoint:\r\nexport type NavigatorPayload = {\r\n  connection_name?: string;\r\n  current_product_id: string;\r\n  email: string;\r\n  logout_url: string;\r\n  products: Product[];\r\n};\r\n\r\nexport type validButtonTypes =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"textonly\"\r\n  | \"icononly\"\r\n  | \"navigational\"\r\n  | \"selector\"\r\n  | \"selector-primary\"\r\n  | \"pairpositive\"\r\n  | \"pairnegative\";\r\n\r\n//List of icon codes with more indicative descriptors to create labels for icon-only buttons\r\nexport const iconLabels: IconLabels = {\r\n  f156: \"Close\",\r\n  f3eb: \"Edit\",\r\n  f739: \"Cancel\",\r\n  f12c: \"Save\",\r\n  f1c0: \"Delete\",\r\n  f349: \"Search\",\r\n  f207: \"Export info\",\r\n  f1d9: \"Open dropdown\",\r\n  f04d: \"Go back\",\r\n  f054: \"Go forward\",\r\n  f141: \"Left\",\r\n  f142: \"Right\",\r\n  f35e: \"Menu left\",\r\n  f35d: \"Toggle menu down\",\r\n  f30d: \"Backspace\",\r\n  f645: \"Sort hierarchically\",\r\n  f4bb: \"Sort alphabetically\",\r\n};\r\n\r\n// For backwards compatibility, the icon prop accepts the icon name minus mdi- prefix, e.g. \"icon\"\r\n// this function converts the name to the corresponding code or returns what it was passed\r\ninterface IconCodes {\r\n  [index: string]: string;\r\n}\r\nexport function getIconCodeFromName(icon: string): string {\r\n  return iconCodes[icon] || icon;\r\n}\r\n\r\nconst iconCodes: IconCodes = {\r\n  close: \"f156\",\r\n  pencil: \"f3eb\",\r\n  cancel: \"f739\",\r\n  check: \"f12c\",\r\n  delete: \"f1c0\",\r\n  magnify: \"f349\",\r\n  export: \"f207\",\r\n  \"dots-vertical\": \"f1d9\",\r\n  \"arrow-left\": \"f04d\",\r\n  \"arrow-right\": \"f054\",\r\n  \"chevron-left\": \"f141\",\r\n  \"chevron-right\": \"f142\",\r\n  \"menu-left\": \"f35e\",\r\n  \"menu-down\": \"f35d\",\r\n  \"keyboard-backspace\": \"f30d\",\r\n  \"file-tree\": \"f645\",\r\n  \"sort-alphabetical\": \"f4bb\",\r\n  \"checkbox-marked-circle\": \"f133\",\r\n  \"account-settings\": \"f630\",\r\n  \"backup-restore\": \"f06f\",\r\n};\r\n\r\nexport const defaultMode = \"planning\";\r\n\r\nexport const getWmMode = (ref?: any) => {\r\n  return ref.getAttribute(\"mode\") || document.documentElement.getAttribute(\"mode\") || defaultMode;\r\n};\r\n\r\nexport type TooltipPlacement =\r\n  | \"top\"\r\n  | \"bottom\"\r\n  | \"left\"\r\n  | \"right\"\r\n  | \"bottom-left\"\r\n  | \"bottom-right\"\r\n  | \"top-right\"\r\n  | \"top-left\";\r\n\r\nexport type SliceElement = (SVGElement | HTMLElement);\r\n\r\nexport type SliceDetails = {\r\n  amount: number;\r\n  perc: number;\r\n  legend: string | null;\r\n  color: string;\r\n  offset: number;\r\n  id: string;\r\n  title: string | null;\r\n  text: string | null;\r\n  buttonText: string | null;\r\n  sliceRef: Element;\r\n  inSmallCluster: boolean;\r\n  coords?: {x: number, y: number};\r\n};\r\n\r\nexport type ChartDetails = {\r\n  size: number;\r\n  colors: Array<string>;\r\n  thickness?: number;\r\n  padding: number;\r\n  category: \"doughnut\" | \"stackedBar\" | \"simpleBar\";\r\n};\r\n\r\nexport type ChartType =\r\n  // progress monitor types\r\n  | \"doughnut\"\r\n  | \"bar\"\r\n  // chart types\r\n  | \"doughnut1\"\r\n  | \"doughnut2\"\r\n  | \"doughnut2plus\"\r\n  | \"doughnut3\"\r\n  | \"bar2\"\r\n  | \"bar3\"\r\n  | \"bar4\"\r\n  | \"bar5\"\r\n  | \"bar6\"\r\n  | \"bar7\"\r\n  // deprecated\r\n  | \"doughnut0\"\r\n  | \"bar1\";\r\n\r\nexport type LegendItem = { key: string; color: string };\r\n\r\nexport type UploadedFile = {\r\n  name: string;\r\n  id: string;\r\n  type: string;\r\n  lastUpdated: string; // in display format\r\n  progress?: number;\r\n  fileActions?: string;\r\n  size?: string; // in display format\r\n};\r\n"],"version":3}

package/dist/cjs/loader.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1f84c034.js');
-require('./global-d20d5267.js');
+require('./global-a563c2d1.js');
 
 /*
  Stencil Client Patch Esm v3.0.0 | MIT Licensed | https://stenciljs.com

package/dist/cjs/priv-chart-popover.cjs.entry.js

@@ -3,100 +3,100 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1f84c034.js');
-const functions = require('./functions-6d2a5824.js');
+const functions = require('./functions-9ddaeb33.js');
 
 const privChartPopoverCss = "priv-chart-popover{position:fixed;z-index:10;border-radius:0.1875rem;-webkit-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);background-color:#fff;font-size:0.875rem;text-align:left}priv-chart-popover.user-is-tabbing .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}.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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.popover{width:10.5rem;padding:0.625rem 0.9375rem;-webkit-box-sizing:border-box;box-sizing:border-box}.popover .title{font-size:1em;font-weight:500;margin:0;padding-top:0;padding-left:0;padding-bottom:0.25rem}.popover .title.positive{color:#088000}.popover .title.negative{color:#c0392b}.popover .text{margin:0;margin-bottom:0.5rem}.popover .popover-button{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;display:inline-block;margin-left:1rem;padding-left:0;padding-right:0;height:auto;border:none;background:transparent;cursor:pointer;text-decoration:none;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;font-weight:700;color:#575195;line-height:normal}.popover .popover-button .btn-icon{position:absolute;top:0.1875rem;left:-1rem}.popover .popover-button:focus{outline:none}.popover .popover-button::-moz-focus-inner{border:0;outline:none}.popover .popover-button:hover{text-decoration:none;background:none;color:#454077}.popover .popover-button:hover span{text-decoration:underline}";
 
-const ChartPopover = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.wmChartPopoverButtonTriggered = index.createEvent(this, "wmChartPopoverButtonTriggered", 7);
-    this.wmProgressIndicatorButtonTriggered = index.createEvent(this, "wmProgressIndicatorButtonTriggered", 7);
-    this.chartEl = this.el.parentElement.getRootNode().host;
-    this.popoverWidth = 168;
-    this.popoverClicked = false;
-    this.sliceRef = undefined;
-    this.popoverTitle = undefined;
-    this.popoverText = undefined;
-    this.buttonText = undefined;
-    this.open = false;
-    this.coords = {};
-  }
-  get eventToEmit() {
-    return this.chartEl.nodeName === "WM-CHART"
-      ? this.wmChartPopoverButtonTriggered
-      : this.wmProgressIndicatorButtonTriggered;
-  }
-  handleClickOnDocument() {
-    // because this listener is set document-wide, whenever something inside it is clicked
-    // the event target returned will always be the host (wm-chart)
-    // the element within wm-chart is determined by the other listener and saved as var popoverClicked for use here
-    // capture = false in @Listen ensures order of execution
-    this.open = this.popoverClicked;
-    this.popoverClicked = false;
-  }
-  handleClick(ev) {
-    let popoverBtnClicked = false;
-    if (this.btnEl) {
-      popoverBtnClicked = ev.target === this.btnEl || this.btnEl.contains(ev.target);
-    }
-    // if the click is on the popover (except the popover button),
-    // set popoverClicked to true. It will be used by the other listener above
-    this.popoverClicked = !popoverBtnClicked && (ev.target === this.el || this.el.contains(ev.target));
-  }
-  handleButtonClick() {
-    if (this.sliceRef) {
-      this.sliceRef.click();
-      this.eventToEmit.emit(this.sliceRef);
-    }
-    this.open = false;
-  }
-  renderLiveRegion() {
-    if (this.liveRegion) {
-      this.liveRegion.innerHTML = "";
-      const wrapper = document.createElement("div");
-      const titleEl = document.createElement("span");
-      titleEl.innerHTML = this.popoverTitle + " " || "";
-      wrapper.appendChild(titleEl);
-      const textEl = document.createElement("span");
-      textEl.innerHTML = this.popoverText + " " || "";
-      wrapper.appendChild(textEl);
-      if (this.buttonText) {
-        const buttonEl = document.createElement("span");
-        buttonEl.innerHTML =
-          this.buttonText +
-            " " +
-            functions.intl.formatMessage({
-              id: "chart.infoButton",
-              defaultMessage: "Button. Click for more information.",
-            });
-        wrapper.appendChild(buttonEl);
-      }
-      this.liveRegion.appendChild(wrapper);
-    }
-  }
-  positionPopover() {
-    this.el.style.top = this.coords.y + "px";
-    if (window.innerWidth - this.coords.x >= this.popoverWidth + 10) {
-      this.el.style.left = this.coords.x + "px"; // opens on the right
-    }
-    else {
-      this.el.style.left = this.coords.x - this.popoverWidth + "px"; // opens on the left
-    }
-  }
-  render() {
-    const titleAffordance = this.popoverTitle && (this.popoverTitle[0] === "-" ? "negative" : this.popoverTitle[0] === "+" ? "positive" : "");
-    return (index.h(index.Host, null, !!this.open ? (index.h("div", { "aria-hidden": "true", class: "popover" }, index.h("h1", { class: `title ${titleAffordance}` }, this.popoverTitle), index.h("p", { class: "text" }, this.popoverText), this.buttonText ? (
-    // @ts-ignore
-    index.h("button", { tabindex: "-1",
-      // @ts-ignore
-      focusable: "false", ref: (el) => (this.btnEl = el), class: "popover-button", onClick: () => this.handleButtonClick() }, index.h("svg", { class: "btn-icon", height: "9", width: "9" }, index.h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), index.h("span", { class: "button-text" }, this.buttonText))) : (""))) : (""), index.h("div", { ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "coords": ["positionPopover"]
-  }; }
-};
+const ChartPopover = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.wmChartPopoverButtonTriggered = index.createEvent(this, "wmChartPopoverButtonTriggered", 7);
+    this.wmProgressIndicatorButtonTriggered = index.createEvent(this, "wmProgressIndicatorButtonTriggered", 7);
+    this.chartEl = this.el.parentElement.getRootNode().host;
+    this.popoverWidth = 168;
+    this.popoverClicked = false;
+    this.sliceRef = undefined;
+    this.popoverTitle = undefined;
+    this.popoverText = undefined;
+    this.buttonText = undefined;
+    this.open = false;
+    this.coords = {};
+  }
+  get eventToEmit() {
+    return this.chartEl.nodeName === "WM-CHART"
+      ? this.wmChartPopoverButtonTriggered
+      : this.wmProgressIndicatorButtonTriggered;
+  }
+  handleClickOnDocument() {
+    // because this listener is set document-wide, whenever something inside it is clicked
+    // the event target returned will always be the host (wm-chart)
+    // the element within wm-chart is determined by the other listener and saved as var popoverClicked for use here
+    // capture = false in @Listen ensures order of execution
+    this.open = this.popoverClicked;
+    this.popoverClicked = false;
+  }
+  handleClick(ev) {
+    let popoverBtnClicked = false;
+    if (this.btnEl) {
+      popoverBtnClicked = ev.target === this.btnEl || this.btnEl.contains(ev.target);
+    }
+    // if the click is on the popover (except the popover button),
+    // set popoverClicked to true. It will be used by the other listener above
+    this.popoverClicked = !popoverBtnClicked && (ev.target === this.el || this.el.contains(ev.target));
+  }
+  handleButtonClick() {
+    if (this.sliceRef) {
+      this.sliceRef.click();
+      this.eventToEmit.emit(this.sliceRef);
+    }
+    this.open = false;
+  }
+  renderLiveRegion() {
+    if (this.liveRegion) {
+      this.liveRegion.innerHTML = "";
+      const wrapper = document.createElement("div");
+      const titleEl = document.createElement("span");
+      titleEl.innerHTML = this.popoverTitle + " " || "";
+      wrapper.appendChild(titleEl);
+      const textEl = document.createElement("span");
+      textEl.innerHTML = this.popoverText + " " || "";
+      wrapper.appendChild(textEl);
+      if (this.buttonText) {
+        const buttonEl = document.createElement("span");
+        buttonEl.innerHTML =
+          this.buttonText +
+            " " +
+            functions.intl.formatMessage({
+              id: "chart.infoButton",
+              defaultMessage: "Button. Click for more information.",
+            });
+        wrapper.appendChild(buttonEl);
+      }
+      this.liveRegion.appendChild(wrapper);
+    }
+  }
+  positionPopover() {
+    this.el.style.top = this.coords.y + "px";
+    if (window.innerWidth - this.coords.x >= this.popoverWidth + 10) {
+      this.el.style.left = this.coords.x + "px"; // opens on the right
+    }
+    else {
+      this.el.style.left = this.coords.x - this.popoverWidth + "px"; // opens on the left
+    }
+  }
+  render() {
+    const titleAffordance = this.popoverTitle && (this.popoverTitle[0] === "-" ? "negative" : this.popoverTitle[0] === "+" ? "positive" : "");
+    return (index.h(index.Host, null, !!this.open ? (index.h("div", { "aria-hidden": "true", class: "popover" }, index.h("h1", { class: `title ${titleAffordance}` }, this.popoverTitle), index.h("p", { class: "text" }, this.popoverText), this.buttonText ? (
+    // @ts-ignore
+    index.h("button", { tabindex: "-1",
+      // @ts-ignore
+      focusable: "false", ref: (el) => (this.btnEl = el), class: "popover-button", onClick: () => this.handleButtonClick() }, index.h("svg", { class: "btn-icon", height: "9", width: "9" }, index.h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), index.h("span", { class: "button-text" }, this.buttonText))) : (""))) : (""), index.h("div", { ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "coords": ["positionPopover"]
+  }; }
+};
 ChartPopover.style = privChartPopoverCss;
 
 exports.priv_chart_popover = ChartPopover;

package/dist/cjs/priv-chart-popover.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"priv-chart-popover.entry.cjs.js","mappings":"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","names":["intl","h","Host"],"sources":["./src/components/charts/priv-chart-popover/priv-chart-popover.scss?tag=priv-chart-popover","./src/components/charts/priv-chart-popover/priv-chart-popover.tsx"],"sourcesContent":["priv-chart-popover {\n  position: fixed;\n\n  z-index: 10;\n  border-radius: rem-calc(3);\n  @include box-shadow(0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12));\n  background-color: $light-background;\n  font-size: 0.875rem;\n  text-align: left;\n\n  &.user-is-tabbing {\n    .button-text {\n      background: linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;\n      background-size: 6px 3px;\n      background-position: 0 1em;\n      border-radius: 0;\n      line-height: normal;\n    }\n  }\n}\n\n.sr-only {\n  @include srOnly;\n}\n\n.popover {\n  width: rem-calc(168);\n  padding: rem-calc(10 15);\n  box-sizing: border-box;\n\n  & .title {\n    font-size: 1em;\n    font-weight: 500;\n    margin: 0;\n    padding-top: 0;\n    padding-left: 0;\n    padding-bottom: rem-calc(4);\n\n    &.positive {\n      color: $success;\n    }\n\n    &.negative {\n      color: $error;\n    }\n  }\n\n  & .text {\n    margin: 0;\n    margin-bottom: rem-calc(8);\n  }\n\n  & .popover-button {\n    @include box-shadow(none);\n    position: relative;\n    display: inline-block;\n    margin-left: rem-calc(16);\n    padding-left: 0;\n    padding-right: 0;\n    height: auto;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n\n    text-decoration: none;\n    letter-spacing: 0;\n    text-transform: none;\n    text-align: initial;\n    font-size: rem-calc(14);\n    font-weight: 700;\n    color: $button-default-text;\n    line-height: normal;\n\n    & .btn-icon {\n      position: absolute;\n      top: rem-calc(3);\n      left: rem-calc(-16);\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n      outline: none;\n    }\n\n    &:hover {\n      text-decoration: none;\n      background: none;\n      color: #454077;\n      span {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n","import { h, Component, Prop, Host, Element, Watch, Listen, Event, EventEmitter } from \"@stencil/core\";\nimport { intl } from \"../../../global/functions\";\n\n@Component({\n  tag: \"priv-chart-popover\",\n  styleUrl: \"priv-chart-popover.scss\",\n})\nexport class ChartPopover {\n  @Element() el!: HTMLPrivChartPopoverElement;\n  private chartEl: Element = (this.el.parentElement!.getRootNode() as ShadowRoot).host;\n  private btnEl?: HTMLButtonElement;\n  private liveRegion?: HTMLDivElement;\n\n  @Event()\n  wmChartPopoverButtonTriggered!: EventEmitter<HTMLWmChartSliceElement>;\n  @Event()\n  wmProgressIndicatorButtonTriggered!: EventEmitter<HTMLWmProgressSliceElement>;\n  get eventToEmit() {\n    return this.chartEl.nodeName === \"WM-CHART\"\n      ? this.wmChartPopoverButtonTriggered\n      : this.wmProgressIndicatorButtonTriggered;\n  }\n\n  @Prop() sliceRef?: HTMLWmChartSliceElement;\n  @Prop() popoverTitle?: string;\n  @Prop() popoverText?: string;\n  @Prop() buttonText?: string;\n  @Prop({ mutable: true }) open: boolean = false;\n  @Prop() coords: { x?: number; y?: number } = {};\n  private popoverWidth: number = 168;\n\n  private popoverClicked = false;\n\n  @Listen(\"click\", { capture: false, target: \"document\" })\n  handleClickOnDocument() {\n    // because this listener is set document-wide, whenever something inside it is clicked\n    // the event target returned will always be the host (wm-chart)\n    // the element within wm-chart is determined by the other listener and saved as var popoverClicked for use here\n    // capture = false in @Listen ensures order of execution\n    this.open = this.popoverClicked;\n    this.popoverClicked = false;\n  }\n\n  @Listen(\"click\", { capture: false })\n  handleClick(ev: MouseEvent) {\n    let popoverBtnClicked = false;\n    if (this.btnEl) {\n      popoverBtnClicked = ev.target === this.btnEl || this.btnEl.contains(ev.target as HTMLElement);\n    }\n    // if the click is on the popover (except the popover button),\n    // set popoverClicked to true. It will be used by the other listener above\n    this.popoverClicked = !popoverBtnClicked && (ev.target === this.el || this.el.contains(ev.target as HTMLElement));\n  }\n\n  handleButtonClick() {\n    if (this.sliceRef) {\n      this.sliceRef.click();\n      this.eventToEmit.emit(this.sliceRef);\n    }\n    this.open = false;\n  }\n\n  renderLiveRegion() {\n    if (this.liveRegion) {\n      this.liveRegion.innerHTML = \"\";\n\n      const wrapper = document.createElement(\"div\");\n\n      const titleEl = document.createElement(\"span\");\n      titleEl.innerHTML = this.popoverTitle + \" \" || \"\";\n      wrapper.appendChild(titleEl);\n\n      const textEl = document.createElement(\"span\");\n      textEl.innerHTML = this.popoverText + \" \" || \"\";\n      wrapper.appendChild(textEl);\n\n      if (this.buttonText) {\n        const buttonEl = document.createElement(\"span\");\n        buttonEl.innerHTML =\n          this.buttonText +\n          \" \" +\n          intl.formatMessage({\n            id: \"chart.infoButton\",\n            defaultMessage: \"Button. Click for more information.\",\n          });\n        wrapper.appendChild(buttonEl);\n      }\n      this.liveRegion.appendChild(wrapper);\n    }\n  }\n\n  @Watch(\"coords\")\n  positionPopover() {\n    this.el!.style.top = this.coords.y + \"px\";\n    if (window.innerWidth - this.coords.x! >= this.popoverWidth + 10) {\n      this.el!.style.left = this.coords.x + \"px\"; // opens on the right\n    } else {\n      this.el!.style.left = this.coords.x! - this.popoverWidth + \"px\"; // opens on the left\n    }\n  }\n\n  render() {\n    const titleAffordance = this.popoverTitle && (this.popoverTitle[0] === \"-\" ? \"negative\" : this.popoverTitle[0] === \"+\" ? \"positive\" : \"\"); \n    return (\n      <Host>\n        {!!this.open ? (\n          <div aria-hidden=\"true\" class=\"popover\">\n            <h1 class={`title ${titleAffordance}`}>{this.popoverTitle}</h1>\n            <p class=\"text\">{this.popoverText}</p>\n            {this.buttonText ? (\n              // @ts-ignore\n              <button\n                tabindex=\"-1\"\n                // @ts-ignore\n                focusable=\"false\"\n                ref={(el) => (this.btnEl = el as HTMLButtonElement)}\n                class=\"popover-button\"\n                onClick={() => this.handleButtonClick()}\n              >\n                <svg class=\"btn-icon\" height=\"9\" width=\"9\">\n                  <path fill=\"#575195\" d=\"M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z\" />\n                </svg>\n                <span class=\"button-text\">{this.buttonText}</span>\n              </button>\n            ) : (\n              \"\"\n            )}\n          </div>\n        ) : (\n          \"\"\n        )}\n        <div\n          ref={(el) => (this.liveRegion = el as HTMLDivElement)}\n          class=\"live-region sr-only\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n        >\n          {this.open && this.renderLiveRegion()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"priv-chart-popover.entry.cjs.js","mappings":"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","names":["intl","h","Host"],"sources":["./src/components/charts/priv-chart-popover/priv-chart-popover.scss?tag=priv-chart-popover","./src/components/charts/priv-chart-popover/priv-chart-popover.tsx"],"sourcesContent":["priv-chart-popover {\r\n  position: fixed;\r\n\r\n  z-index: 10;\r\n  border-radius: rem-calc(3);\r\n  @include box-shadow(0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12));\r\n  background-color: $light-background;\r\n  font-size: 0.875rem;\r\n  text-align: left;\r\n\r\n  &.user-is-tabbing {\r\n    .button-text {\r\n      background: linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;\r\n      background-size: 6px 3px;\r\n      background-position: 0 1em;\r\n      border-radius: 0;\r\n      line-height: normal;\r\n    }\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  @include srOnly;\r\n}\r\n\r\n.popover {\r\n  width: rem-calc(168);\r\n  padding: rem-calc(10 15);\r\n  box-sizing: border-box;\r\n\r\n  & .title {\r\n    font-size: 1em;\r\n    font-weight: 500;\r\n    margin: 0;\r\n    padding-top: 0;\r\n    padding-left: 0;\r\n    padding-bottom: rem-calc(4);\r\n\r\n    &.positive {\r\n      color: $success;\r\n    }\r\n\r\n    &.negative {\r\n      color: $error;\r\n    }\r\n  }\r\n\r\n  & .text {\r\n    margin: 0;\r\n    margin-bottom: rem-calc(8);\r\n  }\r\n\r\n  & .popover-button {\r\n    @include box-shadow(none);\r\n    position: relative;\r\n    display: inline-block;\r\n    margin-left: rem-calc(16);\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n    height: auto;\r\n    border: none;\r\n    background: transparent;\r\n    cursor: pointer;\r\n\r\n    text-decoration: none;\r\n    letter-spacing: 0;\r\n    text-transform: none;\r\n    text-align: initial;\r\n    font-size: rem-calc(14);\r\n    font-weight: 700;\r\n    color: $button-default-text;\r\n    line-height: normal;\r\n\r\n    & .btn-icon {\r\n      position: absolute;\r\n      top: rem-calc(3);\r\n      left: rem-calc(-16);\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &::-moz-focus-inner {\r\n      border: 0;\r\n      outline: none;\r\n    }\r\n\r\n    &:hover {\r\n      text-decoration: none;\r\n      background: none;\r\n      color: #454077;\r\n      span {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { h, Component, Prop, Host, Element, Watch, Listen, Event, EventEmitter } from \"@stencil/core\";\r\nimport { intl } from \"../../../global/functions\";\r\n\r\n@Component({\r\n  tag: \"priv-chart-popover\",\r\n  styleUrl: \"priv-chart-popover.scss\",\r\n})\r\nexport class ChartPopover {\r\n  @Element() el!: HTMLPrivChartPopoverElement;\r\n  private chartEl: Element = (this.el.parentElement!.getRootNode() as ShadowRoot).host;\r\n  private btnEl?: HTMLButtonElement;\r\n  private liveRegion?: HTMLDivElement;\r\n\r\n  @Event()\r\n  wmChartPopoverButtonTriggered!: EventEmitter<HTMLWmChartSliceElement>;\r\n  @Event()\r\n  wmProgressIndicatorButtonTriggered!: EventEmitter<HTMLWmProgressSliceElement>;\r\n  get eventToEmit() {\r\n    return this.chartEl.nodeName === \"WM-CHART\"\r\n      ? this.wmChartPopoverButtonTriggered\r\n      : this.wmProgressIndicatorButtonTriggered;\r\n  }\r\n\r\n  @Prop() sliceRef?: HTMLWmChartSliceElement;\r\n  @Prop() popoverTitle?: string;\r\n  @Prop() popoverText?: string;\r\n  @Prop() buttonText?: string;\r\n  @Prop({ mutable: true }) open: boolean = false;\r\n  @Prop() coords: { x?: number; y?: number } = {};\r\n  private popoverWidth: number = 168;\r\n\r\n  private popoverClicked = false;\r\n\r\n  @Listen(\"click\", { capture: false, target: \"document\" })\r\n  handleClickOnDocument() {\r\n    // because this listener is set document-wide, whenever something inside it is clicked\r\n    // the event target returned will always be the host (wm-chart)\r\n    // the element within wm-chart is determined by the other listener and saved as var popoverClicked for use here\r\n    // capture = false in @Listen ensures order of execution\r\n    this.open = this.popoverClicked;\r\n    this.popoverClicked = false;\r\n  }\r\n\r\n  @Listen(\"click\", { capture: false })\r\n  handleClick(ev: MouseEvent) {\r\n    let popoverBtnClicked = false;\r\n    if (this.btnEl) {\r\n      popoverBtnClicked = ev.target === this.btnEl || this.btnEl.contains(ev.target as HTMLElement);\r\n    }\r\n    // if the click is on the popover (except the popover button),\r\n    // set popoverClicked to true. It will be used by the other listener above\r\n    this.popoverClicked = !popoverBtnClicked && (ev.target === this.el || this.el.contains(ev.target as HTMLElement));\r\n  }\r\n\r\n  handleButtonClick() {\r\n    if (this.sliceRef) {\r\n      this.sliceRef.click();\r\n      this.eventToEmit.emit(this.sliceRef);\r\n    }\r\n    this.open = false;\r\n  }\r\n\r\n  renderLiveRegion() {\r\n    if (this.liveRegion) {\r\n      this.liveRegion.innerHTML = \"\";\r\n\r\n      const wrapper = document.createElement(\"div\");\r\n\r\n      const titleEl = document.createElement(\"span\");\r\n      titleEl.innerHTML = this.popoverTitle + \" \" || \"\";\r\n      wrapper.appendChild(titleEl);\r\n\r\n      const textEl = document.createElement(\"span\");\r\n      textEl.innerHTML = this.popoverText + \" \" || \"\";\r\n      wrapper.appendChild(textEl);\r\n\r\n      if (this.buttonText) {\r\n        const buttonEl = document.createElement(\"span\");\r\n        buttonEl.innerHTML =\r\n          this.buttonText +\r\n          \" \" +\r\n          intl.formatMessage({\r\n            id: \"chart.infoButton\",\r\n            defaultMessage: \"Button. Click for more information.\",\r\n          });\r\n        wrapper.appendChild(buttonEl);\r\n      }\r\n      this.liveRegion.appendChild(wrapper);\r\n    }\r\n  }\r\n\r\n  @Watch(\"coords\")\r\n  positionPopover() {\r\n    this.el!.style.top = this.coords.y + \"px\";\r\n    if (window.innerWidth - this.coords.x! >= this.popoverWidth + 10) {\r\n      this.el!.style.left = this.coords.x + \"px\"; // opens on the right\r\n    } else {\r\n      this.el!.style.left = this.coords.x! - this.popoverWidth + \"px\"; // opens on the left\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const titleAffordance = this.popoverTitle && (this.popoverTitle[0] === \"-\" ? \"negative\" : this.popoverTitle[0] === \"+\" ? \"positive\" : \"\"); \r\n    return (\r\n      <Host>\r\n        {!!this.open ? (\r\n          <div aria-hidden=\"true\" class=\"popover\">\r\n            <h1 class={`title ${titleAffordance}`}>{this.popoverTitle}</h1>\r\n            <p class=\"text\">{this.popoverText}</p>\r\n            {this.buttonText ? (\r\n              // @ts-ignore\r\n              <button\r\n                tabindex=\"-1\"\r\n                // @ts-ignore\r\n                focusable=\"false\"\r\n                ref={(el) => (this.btnEl = el as HTMLButtonElement)}\r\n                class=\"popover-button\"\r\n                onClick={() => this.handleButtonClick()}\r\n              >\r\n                <svg class=\"btn-icon\" height=\"9\" width=\"9\">\r\n                  <path fill=\"#575195\" d=\"M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z\" />\r\n                </svg>\r\n                <span class=\"button-text\">{this.buttonText}</span>\r\n              </button>\r\n            ) : (\r\n              \"\"\r\n            )}\r\n          </div>\r\n        ) : (\r\n          \"\"\r\n        )}\r\n        <div\r\n          ref={(el) => (this.liveRegion = el as HTMLDivElement)}\r\n          class=\"live-region sr-only\"\r\n          aria-live=\"polite\"\r\n          aria-atomic=\"true\"\r\n        >\r\n          {this.open && this.renderLiveRegion()}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"version":3}