@watermarkinsights/ripple 3.9.0-6 → 3.9.1

package/dist/types/global/interfaces.d.ts

@@ -1,44 +1,44 @@
-export declare type Notification = {
-  message: string;
-  id: string;
-  link: string;
-  newWindow: boolean;
-};
-export declare type label = string | undefined;
-export declare type CssClassMap = {
-  [className: string]: boolean;
-};
-interface IconLabels {
-  [index: string]: string;
-}
-export declare type Product = {
-  description?: string;
-  samlLinkUrl?: string;
-  iconUrl: string;
-  id: string;
-  linkUrl: string;
-  name: string;
-};
-export declare type NavigatorPayload = {
-  connection_name?: string;
-  current_product_id: string;
-  email: string;
-  logout_url: string;
-  products: Product[];
-};
-export declare const iconLabels: IconLabels;
-export declare function getIconCodeFromName(icon: string): string;
-export declare const defaultMode = "planning";
-export declare const getWmMode: (ref?: any) => any;
-export declare type TooltipPosition = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
-export declare type ChartData = {
-  size: number;
-  colors: Array<string>;
-  thickness?: number;
-  padding: number;
-  isBar: boolean;
-};
-export declare type ChartTypes = {
-  [index: string]: ChartData;
-};
-export {};
+export declare type Notification = {
+  message: string;
+  id: string;
+  link: string;
+  newWindow: boolean;
+};
+export declare type label = string | undefined;
+export declare type CssClassMap = {
+  [className: string]: boolean;
+};
+interface IconLabels {
+  [index: string]: string;
+}
+export declare type Product = {
+  description?: string;
+  samlLinkUrl?: string;
+  iconUrl: string;
+  id: string;
+  linkUrl: string;
+  name: string;
+};
+export declare type NavigatorPayload = {
+  connection_name?: string;
+  current_product_id: string;
+  email: string;
+  logout_url: string;
+  products: Product[];
+};
+export declare const iconLabels: IconLabels;
+export declare function getIconCodeFromName(icon: string): string;
+export declare const defaultMode = "planning";
+export declare const getWmMode: (ref?: any) => any;
+export declare type TooltipPosition = "top" | "bottom" | "left" | "right" | "bottom-left" | "bottom-right" | "top-right" | "top-left";
+export declare type ChartData = {
+  size: number;
+  colors: Array<string>;
+  thickness?: number;
+  padding: number;
+  isBar: boolean;
+};
+export declare type ChartTypes = {
+  [index: string]: ChartData;
+};
+export {};

package/dist/types/global/services/__mocks__/http-service.d.ts

@@ -1,6 +1,6 @@
-export declare const getRequest: (url: string) => Promise<any>;
-export declare const postRequest: (url: string, payload: any) => Promise<void | {
-  url: string;
-}>;
-export declare const deleteRequest: (url: string) => Promise<void>;
-export declare const putRequest: (_url: string, _file: any) => Promise<void>;
+export declare const getRequest: (url: string) => Promise<any>;
+export declare const postRequest: (url: string, payload: any) => Promise<void | {
+  url: string;
+}>;
+export declare const deleteRequest: (url: string) => Promise<void>;
+export declare const putRequest: (_url: string, _file: any) => Promise<void>;

package/dist/types/global/services/http-service.d.ts

@@ -1,4 +1,4 @@
-export declare const getRequest: (url: string) => Promise<any>;
-export declare const postRequest: (url: string, payload: Object) => Promise<any>;
-export declare const deleteRequest: (url: string) => Promise<any>;
-export declare const putRequest: (url: string, file: File, onProgress: Function) => Promise<unknown>;
+export declare const getRequest: (url: string) => Promise<any>;
+export declare const postRequest: (url: string, payload: Object) => Promise<any>;
+export declare const deleteRequest: (url: string) => Promise<any>;
+export declare const putRequest: (url: string, file: File, onProgress: Function) => Promise<unknown>;

package/dist/types/lang/lang.d.ts

@@ -1,5 +1,5 @@
-import en from "./compiled-lang/en.json";
-import fr from "./compiled-lang/fr.json";
-import es from "./compiled-lang/es.json";
-import pig from "./compiled-lang/pig.json";
-export { en, fr, es, pig };
+import en from "./compiled-lang/en.json";
+import fr from "./compiled-lang/fr.json";
+import es from "./compiled-lang/es.json";
+import pig from "./compiled-lang/pig.json";
+export { en, fr, es, pig };

package/dist/types/stencil-public-runtime.d.ts

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1427,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/package.json

@@ -1,47 +1,47 @@
-{
-  "name": "@watermarkinsights/ripple",
-  "version": "3.9.0-6",
-  "description": "Ripple Component Library",
-  "license": "MIT",
-  "module": "dist/index.js",
-  "main": "dist/index.cjs.js",
-  "unpkg": "dist/ripple/ripple.js",
-  "types": "dist/types/components.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
-  "files": [
-    "dist/"
-  ],
-  "es2017": "dist/esm/index.mjs",
-  "es2015": "dist/esm/index.mjs",
-  "scripts": {
-    "local.pss": "sh ./scripts/build-local-pss.sh",
-    "local.aqua": "sh ./scripts/build-local-aqf.sh",
-    "local.ripple": "sh ./scripts/build-local-ripple.sh",
-    "local.wrappers": "sh ./scripts/build-local-wrappers.sh",
-    "build": "stencil build",
-    "release": "sh ./scripts/release.sh",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.snapshot": "stencil test --spec --e2e -u",
-    "test.watch": "stencil test --spec --e2e --watch",
-    "test.watchAll": "stencil test --spec --e2e --watchAll",
-    "test.coverage": "stencil test --spec --coverage --collectCoverageFrom='src/**/*.{js,jsx,ts,tsx}'",
-    "extract": "formatjs extract './src/**/*.tsx' --out-file './src/lang/en.json' && node './src/lang/piglatin.js'",
-    "compile": "formatjs compile-folder ./src/lang src/lang/compiled-lang/ --ast",
-    "missing": "node './src/lang/missing.js'"
-  },
-  "devDependencies": {
-    "@axe-core/puppeteer": "^4.1.1",
-    "@formatjs/cli": "^4.2.11",
-    "@stencil/core": "^2.5.2",
-    "@stencil/react-output-target": "^0.0.9",
-    "@stencil/sass": "^1.4.1",
-    "@types/jest": "^26.0.23",
-    "@types/puppeteer": "^5.4.3",
-    "jest": "^26.6.3",
-    "jest-cli": "^26.6.3"
-  },
-  "dependencies": {
-    "@formatjs/intl": "^1.10.5"
-  }
-}
+{
+  "name": "@watermarkinsights/ripple",
+  "version": "3.9.1",
+  "description": "Ripple Component Library",
+  "license": "MIT",
+  "module": "dist/index.js",
+  "main": "dist/index.cjs.js",
+  "unpkg": "dist/ripple/ripple.js",
+  "types": "dist/types/components.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "files": [
+    "dist/"
+  ],
+  "es2017": "dist/esm/index.mjs",
+  "es2015": "dist/esm/index.mjs",
+  "scripts": {
+    "local.pss": "sh ./scripts/build-local-pss.sh",
+    "local.aqua": "sh ./scripts/build-local-aqf.sh",
+    "local.ripple": "sh ./scripts/build-local-ripple.sh",
+    "local.wrappers": "sh ./scripts/build-local-wrappers.sh",
+    "build": "stencil build",
+    "release": "sh ./scripts/release.sh",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.snapshot": "stencil test --spec --e2e -u",
+    "test.watch": "stencil test --spec --e2e --watch",
+    "test.watchAll": "stencil test --spec --e2e --watchAll",
+    "test.coverage": "stencil test --spec --coverage --collectCoverageFrom='src/**/*.{js,jsx,ts,tsx}'",
+    "extract": "formatjs extract './src/**/*.tsx' --out-file './src/lang/en.json' && node './src/lang/piglatin.js'",
+    "compile": "formatjs compile-folder ./src/lang src/lang/compiled-lang/ --ast",
+    "missing": "node './src/lang/missing.js'"
+  },
+  "devDependencies": {
+    "@axe-core/puppeteer": "^4.1.1",
+    "@formatjs/cli": "^4.2.11",
+    "@stencil/core": "^2.5.2",
+    "@stencil/react-output-target": "^0.0.9",
+    "@stencil/sass": "^1.4.1",
+    "@types/jest": "^26.0.23",
+    "@types/puppeteer": "^5.4.3",
+    "jest": "^26.6.3",
+    "jest-cli": "^26.6.3"
+  },
+  "dependencies": {
+    "@formatjs/intl": "^1.10.5"
+  }
+}

package/dist/cjs/wm-progress-monitor.cjs.entry.js

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-98c6524c.js');
-const functions = require('./functions-33825afb.js');
-
-const wmProgressMonitorCss = ":host,wm-progress-monitor{display:-ms-flexbox;display:flex}:host(.row){-ms-flex-direction:row;flex-direction:row}:host(.column){-ms-flex-direction:column;flex-direction:column}";
-
-const ProgressMonitor = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.wmProgressMonitorModeChange = index.createEvent(this, "wmProgressMonitorModeChange", 7);
-    this.doughnutWidth = 300;
-    this.modeInitialized = false;
-    this.debouncedUpdate = functions.debounce(() => index.forceUpdate(this.el), 50);
-  }
-  get parsedBreakpoint() {
-    const asNumber = this.parseToNum(this.breakpoint ? this.breakpoint : this.el.children.length);
-    // if number < 20, it is treated as width in terms of # of indicators. Otherwise it is a pixel value
-    // e.g. 4 -> 1200px, while 768 -> 768 px
-    const asPixels = asNumber >= 20 ? asNumber : asNumber * this.doughnutWidth;
-    return asPixels;
-  }
-  get mode() {
-    return this.el.clientWidth > this.parsedBreakpoint ? "doughnut" : "bar";
-  }
-  componentWillLoad() {
-    // rerender on resize in case layout needs to change
-    const resizeObserver = new ResizeObserver(() => this.debouncedUpdate());
-    resizeObserver.observe(this.el);
-  }
-  componentDidLoad() {
-    // emit initial mode for Indicators, must happen post-load as this.el measurement is needed
-    this.wmProgressMonitorModeChange.emit(this.mode);
-    this.modeInitialized = true;
-  }
-  componentWillUpdate() {
-    // store prevMode before every render except first to determine when it has changed
-    if (this.prevMode !== this.mode) {
-      this.wmProgressMonitorModeChange.emit(this.mode);
-    }
-    this.prevMode = this.mode;
-  }
-  parseToNum(num) {
-    const asString = num.toString();
-    const withoutPx = asString.replace("px", "");
-    return parseInt(withoutPx);
-  }
-  render() {
-    return (index.h(index.Host, { class: this.mode === "doughnut" ? "row" : "column" }, this.modeInitialized && index.h("slot", null)));
-  }
-  get el() { return index.getElement(this); }
-};
-ProgressMonitor.style = wmProgressMonitorCss;
-
-exports.wm_progress_monitor = ProgressMonitor;

package/dist/cjs/wm-progress-slice.cjs.entry.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-98c6524c.js');
-
-const ProgressSlice = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.wmProgressSliceUpdated = index.createEvent(this, "wmProgressSliceUpdated", 7);
-  }
-  componentDidUpdate() {
-    this.wmProgressSliceUpdated.emit();
-  }
-};
-
-exports.wm_progress_slice = ProgressSlice;

package/dist/esm/wm-progress-monitor.entry.js

@@ -1,53 +0,0 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-d649a861.js';
-import { d as debounce } from './functions-a326c899.js';
-
-const wmProgressMonitorCss = ":host,wm-progress-monitor{display:-ms-flexbox;display:flex}:host(.row){-ms-flex-direction:row;flex-direction:row}:host(.column){-ms-flex-direction:column;flex-direction:column}";
-
-const ProgressMonitor = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.wmProgressMonitorModeChange = createEvent(this, "wmProgressMonitorModeChange", 7);
-    this.doughnutWidth = 300;
-    this.modeInitialized = false;
-    this.debouncedUpdate = debounce(() => forceUpdate(this.el), 50);
-  }
-  get parsedBreakpoint() {
-    const asNumber = this.parseToNum(this.breakpoint ? this.breakpoint : this.el.children.length);
-    // if number < 20, it is treated as width in terms of # of indicators. Otherwise it is a pixel value
-    // e.g. 4 -> 1200px, while 768 -> 768 px
-    const asPixels = asNumber >= 20 ? asNumber : asNumber * this.doughnutWidth;
-    return asPixels;
-  }
-  get mode() {
-    return this.el.clientWidth > this.parsedBreakpoint ? "doughnut" : "bar";
-  }
-  componentWillLoad() {
-    // rerender on resize in case layout needs to change
-    const resizeObserver = new ResizeObserver(() => this.debouncedUpdate());
-    resizeObserver.observe(this.el);
-  }
-  componentDidLoad() {
-    // emit initial mode for Indicators, must happen post-load as this.el measurement is needed
-    this.wmProgressMonitorModeChange.emit(this.mode);
-    this.modeInitialized = true;
-  }
-  componentWillUpdate() {
-    // store prevMode before every render except first to determine when it has changed
-    if (this.prevMode !== this.mode) {
-      this.wmProgressMonitorModeChange.emit(this.mode);
-    }
-    this.prevMode = this.mode;
-  }
-  parseToNum(num) {
-    const asString = num.toString();
-    const withoutPx = asString.replace("px", "");
-    return parseInt(withoutPx);
-  }
-  render() {
-    return (h(Host, { class: this.mode === "doughnut" ? "row" : "column" }, this.modeInitialized && h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
-ProgressMonitor.style = wmProgressMonitorCss;
-
-export { ProgressMonitor as wm_progress_monitor };

package/dist/esm/wm-progress-slice.entry.js

@@ -1,13 +0,0 @@
-import { r as registerInstance, c as createEvent } from './index-d649a861.js';
-
-const ProgressSlice = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.wmProgressSliceUpdated = createEvent(this, "wmProgressSliceUpdated", 7);
-  }
-  componentDidUpdate() {
-    this.wmProgressSliceUpdated.emit();
-  }
-};
-
-export { ProgressSlice as wm_progress_slice };

package/dist/esm-es5/chartFunctions-4be35472.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,a){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function i(e){try{l(a.next(e))}catch(e){n(e)}}function s(e){try{l(a["throw"](e))}catch(e){n(e)}}function l(e){e.done?r(e.value):o(e.value).then(i,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,o,n,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(i){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,o&&(n=i[0]&2?o["return"]:i[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;if(o=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){r.label=i[1];break}if(i[0]===6&&r.label<n[1]){r.label=n[1];n=i;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(i);break}if(n[2])r.ops.pop();r.trys.pop();continue}i=t.call(e,r)}catch(e){i=[6,e];o=0}finally{a=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h}from"./index-d649a861.js";import{c as checkForActiveElInShadow,i as intl,b as getPosition,f as findParentWithScrollbar,d as debounce}from"./functions-a326c899.js";var colors={salmon:"#ff5f4e",cyan:"#19a1a9",forest:"#088000",sleet:"#7f97ad",midnight:"#2e1b46",lavender:"#8b86ca"};var types={doughnut:{size:155,colors:[colors.forest,"#bfbfbf"],thickness:.73,padding:25,isBar:false},doughnut0:{size:155,colors:[colors.forest,"#bfbfbf"],thickness:.73,padding:25,isBar:false},doughnut1:{size:130,colors:[colors.lavender,colors.midnight,"#d4d4d4"],thickness:.5,padding:90,isBar:false},doughnut2:{size:130,colors:[colors.cyan,colors.salmon,"#d4d4d4"],thickness:.5,padding:90,isBar:false},doughnut3:{size:130,colors:[colors.lavender,colors.midnight,"#919834","#c177cf","#c16e00","#029af2","#2a6993"],thickness:.5,padding:90,isBar:false},bar:{size:350,colors:[colors.forest,"#bfbfbf"],padding:0,isBar:true},bar1:{size:350,colors:[colors.forest,"#bfbfbf"],padding:0,isBar:true},bar2:{size:400,colors:["#d4d4d4",colors.sleet,colors.cyan,colors.salmon],padding:0,isBar:true},bar3:{size:300,colors:["#0d696e",colors.cyan,"#8e4129",colors.salmon],padding:0,isBar:true},bar4:{size:400,colors:["#d4d4d4",colors.sleet,"#33a919"],padding:0,isBar:true},bar5:{size:400,colors:["#d4d4d4",colors.lavender,colors.midnight,"#919834","#c177cf","#c16e00","#029af2","#2a6993"],padding:0,isBar:true}};function amountToPercent(e,t,r){return r?Math.round(e*100/t):Math.round(e*1e4/t)/100}function amountToDegree(e,t){return e*360/t}function toFixed(e){return parseFloat((Math.floor(e*100)/100).toFixed(2))}function polarToCartesian(e,t,r,a){var o=toFixed(e+e*t*Math.cos(Math.PI*r/180));var n=toFixed(e+e*t*Math.sin(Math.PI*r/180));if(a!==undefined){var i=toFixed(e+e*t*Math.cos(Math.PI*a/180));var s=toFixed(e+e*t*Math.sin(Math.PI*a/180));return{x1:o,y1:n,x2:i,y2:s}}return{x:o,y:n}}function getArc(e,t,r,a,o){var n=toFixed(o/2*e);return"A "+n+", "+n+" 0 "+t+" "+toFixed(r)+", "+toFixed(a)}function handleSliceKeyDown(e){if(this.popoverEl&&this.popoverEl.open&&e.key==="Enter"){var t=this.popoverEl.querySelector("button");t&&t.click()}}function handleSliceClick(e,t){if(this.popoverEl&&!this.isTabbing){t.coords={x:e.clientX,y:e.clientY};openPopover.call(this,t)}}function handleSliceFocus(e,t){if(this.popoverEl&&this.isTabbing){t.coords=getPosition(e.target);openPopover.call(this,t)}}function handleChartKeydown(e){switch(e.key){case"ArrowUp":case"ArrowLeft":e.preventDefault();this.isTabbing=true;focusPrevious.call(this);break;case"ArrowRight":case"ArrowDown":e.preventDefault();this.isTabbing=true;focusNext.call(this);break;case"Tab":exitChart.call(this);break;case"Escape":this.popoverEl.open=false;break}}function openPopover(e){var t=this;if(!!this.popoverEl&&!!e.title&&!!e.text){this.popoverEl.popoverTitle=e.title;this.popoverEl.popoverText=e.text;this.popoverEl.buttonText=e.buttonText;this.popoverEl.coords=e.coords;this.popoverEl.sliceRef=e.sliceRef;window.setTimeout((function(){if(t.popoverEl){t.popoverEl.open=true}}),30);var r=debounce((function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){this.popoverEl.open=false;return[2]}))}))}),10);document.addEventListener("scroll",(function(){r()}));var a=findParentWithScrollbar(this.el);if(!!a){a.addEventListener("scroll",(function(){r()}))}}}function focusNext(){var e=checkForActiveElInShadow(document.activeElement);var t=(this.sliceEls.indexOf(e)+1)%this.sliceEls.length;focusSlice.call(this,t)}function focusPrevious(){if(this.sliceEls){var e=checkForActiveElInShadow(document.activeElement);var t=this.sliceEls.indexOf(e);if(t===-1){t=0}else if(t===0){t=this.sliceEls.length-1}else{t-=1}focusSlice.call(this,t)}}function focusSlice(e){var t=this;if(this.sliceEls&&this.el){if(this.popoverEl){this.popoverEl.open=false}this.el.tabIndex=-1;this.el.focusable=false;this.sliceEls.map((function(e){e.tabIndex=-1;e.focusable=false}));this.sliceEls[e].tabIndex=0;this.sliceEls[e].focusable=true;this.sliceEls[e].focus();window.setTimeout((function(){if(t.popoverEl){t.popoverEl.open=true}}),10)}}function exitChart(){var e=this;this.sliceEls&&this.sliceEls.map((function(e){e.tabIndex=-1;e.focusable=false}));window.setTimeout((function(){if(e.el){e.el.tabIndex=0;e.el.focusable=true;if(e.popoverEl){e.popoverEl.open=false}}}),100)}function getData(e){return __awaiter(this,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(o){this.slicesData=[];t=0;r=Array.from(this.el.children);this.total=r.reduce((function(e,t){return e+=parseInt(t.getAttribute("amount")||"0")}),0);r.forEach((function(o,n){var i=parseInt(o.getAttribute("amount")||"0");var s=amountToPercent(i,a.total,true);var l=r[n===0?r.length-1:n-1];var c=amountToPercent(parseInt(l.getAttribute("amount")||"0"),a.total,true);var u=r[n===r.length-1?0:n+1];var h=amountToPercent(parseInt(u.getAttribute("amount")||"0"),a.total,true);var d=s<4;var f=c<5;var p=h<5;var v=d&&(f||p);var g=s===0&&i>0;if(g&&(h<8||c<8)){v=true}var m=e==="bar5"?a.notStartedColor?n:n+1:n;var b=types[e].colors[m];var x={amount:i,perc:s,legend:o.getAttribute("legend"),color:b||"#d4d4d4",offset:t,id:a.uid+"-"+(n+1),title:o.getAttribute("popover-title"),text:o.getAttribute("popover-text"),buttonText:o.getAttribute("popover-button-text"),sliceRef:o,inSmallCluster:v};t+=i;a.slicesData.push(x)}));return[2]}))}))}function getPathData(e,t,r){var a=amountToDegree(t,this.total)-90;var o=e/this.total*360;var n=a+o;var i=o>180?"1 1":"0 1";var s=o>180?"1 0":"0 0";var l=this.chartData.size/2;var c=this.chartData.thickness;var u=1;var h=r==="doughnut0"||r==="doughnut";var d=1.5;var f=h?2.25:3;if(o===360){n-=.01}var p=polarToCartesian(l,u,a+d,n);var v=polarToCartesian(l,c,a+f,n);var g="M "+p.x1+", "+p.y1+" ";var m=getArc(u,i,p.x2,p.y2,this.chartData.size);var b=" L "+v.x2+", "+v.y2+" ";var x=getArc(c,s,v.x1,v.y1,this.chartData.size);return g+m+b+x+" z"}function renderFilter(){return h("defs",null,h("filter",{id:"wmHoverDropShadow"},h("feGaussianBlur",{stdDeviation:"3"}),h("feOffset",{result:"offsetblur"}),h("feFlood",{"flood-color":"#333"}),h("feComposite",{operator:"in",in2:"offsetblur"}),h("feMerge",null,h("feMergeNode",null),h("feMergeNode",{in:"SourceGraphic"}))))}function renderDoughnut(e){var t=this;var r=this.chartData.size+this.chartData.padding;var a=e==="doughnut0"||e==="doughnut";return h("div",{class:"chart-wrapper doughnut-wrapper"},h("svg",{width:r+"px",height:r+"px",id:"graphic-"+this.uid,class:"doughnut-svg"},renderFilter(),this.slicesData.map((function(r){return renderPath.call(t,r,e)})),a?h("text",{class:"value",x:"50%",y:"50%","font-size":"1.5rem","font-weight":"500","text-anchor":"middle","dominant-baseline":"middle"},amountToPercent(this.slicesData[0].amount,this.total,true)+"%"):h("g",{transform:"translate("+this.chartData.padding/2+", "+this.chartData.padding/2+")","text-anchor":"middle","dominant-baseline":"middle"},this.slicesData.map((function(e){return e.amount>0?renderDoughnutText.call(t,e):""})))))}function renderPath(e,t){var r=this;return h("g",{transform:"translate("+this.chartData.padding/2+", "+this.chartData.padding/2+")"},h("path",{id:e.id,class:"doughnut-segment",fill:e.amount?e.color:"transparent",d:getPathData.call(this,e.amount,e.offset,t),onClick:function(t){return handleSliceClick.call(r,t,e)},onFocus:function(t){return handleSliceFocus.call(r,t,e)},onKeyDown:function(e){return handleSliceKeyDown.call(r,e)},role:"img","aria-label":e.legend}))}function renderDoughnutText(e){if(!e.inSmallCluster){var t=amountToDegree(e.offset+e.amount/2,this.total);var r=polarToCartesian(this.chartData.size/2,1.4,t-90),a=r.x,o=r.y;return h("text",{class:"value",x:a+"px",y:o+"px"},(e.perc>0?e.perc:"<1")+"%")}}function renderBar(e){var t=this;var r=e==="bar1"||e==="bar";return h("div",{class:"chart-wrapper bar-wrapper"},r?h("div",{class:"single-perc"},amountToPercent(this.slicesData[0].amount,this.total,true)+"%"):"",this.chartType==="bar3"&&this.drawAxis(),h("div",{class:{"inner-bar-wrapper":true,"show-values":this.tempValueFormat==="percentage"||this.tempValueFormat==="amount"}},!r?h("div",{class:"values"},this.slicesData.map((function(e,r){return e.perc>0?t.renderBarText(e,r):""}))):"",h("div",{class:"bar-segments-wrapper"},this.slicesData.map((function(e,r){return renderBarSegment.call(t,e,r)}))),r?renderCompletionMessage.call(this):""))}function renderBarSegment(e,t){var r=this;var a=t!==this.slicesData.length-1;var o="calc("+amountToPercent(e.amount,this.total,false)+"%"+(a?" - 2px":"")+")";return h("div",{class:"bar-segment "+(amountToPercent(e.amount,this.total,false)===0?"zero":""),style:{backgroundColor:e.color,width:o},onClick:function(t){return handleSliceClick.call(r,t,e)},onFocus:function(t){return handleSliceFocus.call(r,t,e)},onKeyDown:function(e){return handleSliceKeyDown.call(r,e)}},h("text",{class:"sr-only"},e.legend))}function renderLegend(){if(this.showLegend){var e=this.slicesData.reduce((function(e,t){return e=t.inSmallCluster?true:e}),false);return h("div",{class:"legend-wrapper"},h("div",{class:"legend "+(this.mode==="bar"?"--top":"--bottom"),"aria-hidden":"true"},this.total>0?this.slicesData.map((function(e){if(!!e.amount||!!e.legend){return h("div",{class:"legend-item"},h("div",{class:"legend-color",style:{"background-color":e.color}}),h("div",{class:"legend-text"},e.legend))}})):""),!this.chartData.isBar&&e?h("div",{class:"cluster-warning"},intl.formatMessage({id:"chart.hiddenPercentages",defaultMessage:"Percentages smaller than 5% are not shown when too close to each other."}),h("br",null),intl.formatMessage({id:"chart.clickToSeeDetails",defaultMessage:"Click or use arrow keys to see details."})):"")}}function renderCompletionMessage(){if(this.completionMessage){return h("div",{class:"completion-message"},this.completionMessage)}}export{renderBar as a,renderDoughnut as b,renderCompletionMessage as c,amountToPercent as d,getData as g,handleChartKeydown as h,renderLegend as r,types as t};