@watermarkinsights/ripple 3.36.0 → 3.37.0

package/dist/esm/wm-wrapper.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement } from './index-294d486f.js';
+import { r as registerInstance, c as createEvent, g as getElement } from './index-7e11ea42.js';
 
 const Wrapper = class {
   constructor(hostRef) {

package/dist/esm-es5/{chartFunctions-e539d991.js → chartFunctions-f4f3252e.js}

@@ -1 +1 @@
-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 s(e){try{l(a.next(e))}catch(e){n(e)}}function i(e){try{l(a["throw"](e))}catch(e){n(e)}}function l(e){e.done?r(e.value):o(e.value).then(s,i)}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,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(i){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(r=0)),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}}};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var a=0,o=t.length,n;a<o;a++){if(n||!(a in t)){if(!n)n=Array.prototype.slice.call(t,0,a);n[a]=t[a]}}return e.concat(n||Array.prototype.slice.call(t))};import{h}from"./index-294d486f.js";import{i as intl,c as checkForActiveElInShadow,e as getPosition,f as findParentWithScrollbar,d as debounce}from"./functions-7fc7cf30.js";var colors={salmon:"#ff5f4e",cyan:"#19a1a9",forest:"#088000",sleet:"#7f97ad",midnight:"#2e1b46",lavender:"#8b86ca",periwinkle:"#575195",gray:"#6b6b6b"};var allChartsDetails={doughnut:{size:155,colors:[colors.forest,colors.gray],thickness:.73,padding:25,category:"doughnut"},doughnut0:{size:155,colors:[colors.forest,colors.gray],thickness:.73,padding:25,category:"doughnut"},doughnut1:{size:130,colors:[colors.lavender,colors.midnight,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2:{size:130,colors:[colors.cyan,colors.salmon,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2b:{size:130,colors:[colors.periwinkle,colors.cyan,colors.salmon,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut3:{size:130,colors:[colors.lavender,colors.midnight,"#0089e4",colors.forest,"#ea8500","#d54f41","#146ca9"],thickness:.5,padding:90,category:"doughnut"},bar:{size:350,colors:[colors.forest,colors.gray],padding:0,category:"stackedBar"},bar1:{size:350,colors:[colors.forest,colors.gray],padding:0,category:"stackedBar"},bar2:{size:400,colors:[colors.gray,colors.periwinkle,colors.cyan,colors.salmon],padding:0,category:"stackedBar"},bar2b:{size:400,colors:[colors.gray,colors.periwinkle,colors.midnight,colors.cyan,colors.salmon],padding:0,category:"stackedBar"},bar3:{size:300,colors:["#0d696e",colors.cyan,"#8e4129",colors.salmon],padding:0,category:"stackedBar"},bar4:{size:400,colors:[colors.salmon,colors.cyan,colors.periwinkle],padding:0,category:"stackedBar"},bar5:{size:400,colors:[colors.gray,colors.lavender,colors.midnight,"#0089e4",colors.forest,"#ea8500","#d54f41","#146ca9"],padding:0,category:"stackedBar"},bar6:{size:400,colors:[colors.lavender],padding:0,category:"simpleBar"},bar7:{size:400,colors:[colors.periwinkle,colors.cyan,colors.salmon,colors.gray],padding:0,category:"simpleBar"}};function showValue(e){return e==="percentage"||e==="amount"?"show-values":""}var textHiddenMessage=intl.formatMessage({id:"chart.hiddenValues",defaultMessage:"Values are not shown when too close to each other.",description:"Text displayed when a chart has some values hidden"});var seeDetailsMessage=intl.formatMessage({id:"chart.clickToSeeDetails",defaultMessage:"Click or use arrow keys to see details.",description:"Text displayed, guiding user to interact to see more details."});function abbrNumber(e){return e>999||e<-999?Math.round(e/100)/10+"K":e}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 s=toFixed(e+e*t*Math.cos(Math.PI*a/180));var i=toFixed(e+e*t*Math.sin(Math.PI*a/180));return{x1:o,y1:n,x2:s,y2:i}}return{x:o,y:n}}function getArc(e,t,r,a,o){var n=toFixed(o/2*e);return"A ".concat(n,", ").concat(n," 0 ").concat(t," ").concat(toFixed(r),", ").concat(toFixed(a))}function scale(e,t,r,a,o){var n=(e-t)*(o-a)/(r-t)+a;return n<a?a:n>o?o:n}function minSpacing(e){return scale(e,300,900,70,150)}function getMaxTicks(e){return Math.round(e/minSpacing(e))}function getInterval(e,t){var r=e/t;var a=Math.pow(10,Math.floor(Math.log10(r)));var o=r/a;var n;if(o>5){n=10*a}else if(o>3){n=5*a}else if(o>2){n=3*a}else if(o>1.5){n=2*a}else if(o>1){n=1.5*a}else{n=a}return n}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;this.userIsNavigating=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){this.userIsNavigating=true;if(this.popoverEl){this.popoverEl.open=false}this.componentWrapperEl.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}));this.userIsNavigating=false;window.setTimeout((function(){e.componentWrapperEl.tabIndex=0;e.el.focusable=true;if(e.popoverEl){e.popoverEl.open=false}}),100)}function getDetails(e){return __awaiter(this,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(o){this.slicesDetails=[];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(r,o){var n=parseInt(r.getAttribute("amount")||"0");var s=amountToPercent(n,a.total,true);var i=o;if(e==="bar5"){i=a.notStartedColor?o:o+1}if(e==="bar6"){i=0}var l=allChartsDetails[e].colors[i];var c={amount:n,perc:s,legend:r.getAttribute("legend"),color:l||colors.gray,offset:t,id:"".concat(a.uid,"-").concat(o+1),title:r.getAttribute("popover-title"),text:r.getAttribute("popover-text"),buttonText:r.getAttribute("popover-button-text"),sliceRef:r,inSmallCluster:false};t+=n;a.slicesDetails.push(c)}));return[2]}))}))}function sortSlicesDetails(e,t){var r=__spreadArray([],e,true).sort((function(e,t){return e.amount===t.amount?0:e.amount>t.amount?-1:1}));var a=0;r.forEach((function(e,o){var n=r[o===0?r.length-1:o-1];var s=r[o===r.length-1?0:o+1];var i=amountToPercent(n.amount,t,true);var l=amountToPercent(s.amount,t,true);e.offset=a;a+=e.amount;e.inSmallCluster=isInSmallCluster(i,e.perc,e.amount,l)}));return r}function isInSmallCluster(e,t,r,a){var o=t<4;var n=e<5;var s=a<5;var i=o&&(n||s);var l=t===0&&r>0;if(l&&(a<8||e<8)){i=true}return i}function getPathData(e,t,r){var a=amountToDegree(t,this.total)-90;var o=e/this.total*360;var n=a+o;var s=o>180?"1 1":"0 1";var i=o>180?"1 0":"0 0";var l=this.chartDetails.size/2;var c=this.chartDetails.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 g=polarToCartesian(l,c,a+f,n);var v="M ".concat(p.x1,", ").concat(p.y1," ");var m=getArc(u,s,p.x2,p.y2,this.chartDetails.size);var b=" L ".concat(g.x2,", ").concat(g.y2," ");var y=getArc(c,i,g.x1,g.y1,this.chartDetails.size);return v+m+b+y+" z"}function renderInstructionsText(){var e=intl.formatMessage({id:"chart.instructions",defaultMessage:"Use arrow keys to browse elements, press Tab to exit.",description:"For screen readers only, instructions on how to interact with the chart component"});return h("div",{id:"chart-instructions"},e)}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.chartDetails.size+this.chartDetails.padding;var a=e==="doughnut0"||e==="doughnut";var o=a?this.slicesDetails:sortSlicesDetails(this.slicesDetails,this.total);return h("div",{class:"chart-wrapper doughnut-wrapper"},h("svg",{width:r+"px",height:r+"px",id:"graphic-".concat(this.uid),class:"doughnut-svg"},renderFilter(),o.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(o[0].amount,this.total,true)+"%"):h("g",{transform:"translate(".concat(this.chartDetails.padding/2,", ").concat(this.chartDetails.padding/2,")"),"text-anchor":"middle","dominant-baseline":"middle"},o.map((function(e){return e.amount>0&&!e.inSmallCluster?renderDoughnutText.call(t,e):""})))))}function renderPath(e,t){var r=this;return h("g",{transform:"translate(".concat(this.chartDetails.padding/2,", ").concat(this.chartDetails.padding/2,")")},h("path",{id:e.id,class:"segment 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){var t=amountToDegree(e.offset+e.amount/2,this.total);var r=polarToCartesian(this.chartDetails.size/2,1.4,t-90),a=r.x,o=r.y;return h("text",{class:"value",x:a+"px",y:o+"px"},"".concat(e.perc>0?e.perc:"<1","%"))}function renderStackedBar(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.slicesDetails[0].amount,this.total,true)+"%"):"",this.chartType==="bar3"&&this.drawAxis(),h("div",{class:"inner-stacked-bar-wrapper ".concat(showValue(this.tempValueFormat))},!r?h("div",{class:"values"},this.slicesDetails.map((function(e,r){return t.renderBarText(e,r)}))):"",h("div",{class:"stacked-bar-segments-wrapper"},this.slicesDetails.map((function(e,r){return renderStackedBarSegment.call(t,e,r)}))),r?renderCompletionMessage.call(this):""))}function renderStackedBarSegment(e,t){var r=this;var a=t!==this.slicesDetails.length-1;var o="calc(".concat(amountToPercent(e.amount,this.total,false),"%").concat(a?" - 2px":"",")");return h("div",{class:"segment stacked-bar-segment ".concat(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("span",{class:"sr-only"},e.legend))}function renderSimpleBar(e){var t=this;var r=this.slicesDetails.map((function(e){return e.amount})).reduce((function(e,t){return e>t?e:t}));var a=parseInt(getComputedStyle(this.el).getPropertyValue("--labelWidth"),10);var o=48;var n=this.el.getBoundingClientRect().width;var s=n-a-o;var i=getMaxTicks(s);var l=getInterval(r,i);var c=i*l;var u=Math.floor((c-r)/l);i-=u;this.el.style.setProperty("--backgroundSize",100/i+"%");this.el.style.setProperty("--labelWidth",this.labelWidth);if(e==="bar7"&&!this.showBarLegend){this.el.style.setProperty("--labelWidth","0px")}var d=[];this.slicesDetails.forEach((function(a){a.legend&&d.push(renderSimpleBarLegend(a.legend,t.showBarLegend,e));d.push(renderSimpleBarItem.call(t,a,l,i,r))}));var f=[];for(var p=1;p<=i;p++){var g=abbrNumber(p*l);f.push(h("div",{class:"tick"},h("span",null,g)))}var v=e==="bar6"&&this.showGrid&&this.el.getBoundingClientRect().width>300;return h("div",{class:"chart-wrapper simple-bar-wrapper"},h("div",{class:"chart ".concat(showValue(this.tempValueFormat))},v&&h("div",{class:"gridlines"}),h("div",{class:"rows"},d)),v&&h("div",{class:"x-axis","aria-hidden":"true"},h("div",{class:"zero"},h("span",null,"0")),f))}function renderSimpleBarLegend(e,t,r){var a=r==="bar7"&&!t?" hidden":"";return h("label",{class:"label".concat(a)},e)}function renderSimpleBarItem(e,t,r,a){var o=this;var n=this.currentChartType==="bar6"?t*r:a;var s=amountToPercent(e.amount,n,false);var i=s?s+"%":"1px";var l=abbrNumber(e.amount);var c=this.tempValueFormat==="amount"?l:"";if(this.currentChartType==="bar6"&&this.tempValueFormat==="percentage"){c=e.amount+"%"}else if(this.currentChartType==="bar7"&&this.tempValueFormat==="percentage"){c=(this.total===0?"0":amountToPercent(e.amount,this.total,true))+"%"}return h("div",{class:"bar segment",style:{backgroundColor:e.color,width:i},onClick:function(t){return handleSliceClick.call(o,t,e)},onFocus:function(t){return handleSliceFocus.call(o,t,e)},onKeyDown:function(e){return handleSliceKeyDown.call(o,e)}},h("div",{class:"value"},c))}function renderLegend(e){if(this.showLegend){var t=!this.chartDetails.isBar&&this.slicesDetails.reduce((function(e,t){return e=t.inSmallCluster?true:e}),false);return h("div",{class:"legend-wrapper"},h("div",{class:"legend ".concat(e," ").concat(this.mode==="bar"?"--top":"--bottom"),"aria-hidden":"true"},this.slicesDetails.map((function(e){if(!!e.amount||!!e.legend){return renderLegendItem({key:e.legend,color:e.color})}}))),t&&renderHiddenValuesMessage())}}function renderLegendItem(e){return h("div",{class:"legend-item"},h("div",{class:"legend-color",style:{backgroundColor:e.color}}),h("div",{class:"legend-text"},e.key))}function renderCompletionMessage(){if(this.completionMessage){return h("div",{class:"completion-message"},this.completionMessage)}}function renderHiddenValuesMessage(){return h("div",{class:"hidden-values-warning"},textHiddenMessage,h("br",null),seeDetailsMessage)}export{allChartsDetails as a,amountToPercent as b,renderStackedBar as c,renderDoughnut as d,renderInstructionsText as e,renderLegend as f,getDetails as g,handleChartKeydown as h,renderCompletionMessage as i,renderHiddenValuesMessage as j,exitChart as k,renderLegendItem as l,abbrNumber as m,getInterval as n,renderSimpleBar as r};
+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 s(e){try{l(a.next(e))}catch(e){n(e)}}function i(e){try{l(a["throw"](e))}catch(e){n(e)}}function l(e){e.done?r(e.value):o(e.value).then(s,i)}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,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(i){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(r=0)),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}}};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var a=0,o=t.length,n;a<o;a++){if(n||!(a in t)){if(!n)n=Array.prototype.slice.call(t,0,a);n[a]=t[a]}}return e.concat(n||Array.prototype.slice.call(t))};import{h}from"./index-7e11ea42.js";import{i as intl,c as getPosition,f as findParentWithScrollbar,e as checkForActiveElInShadow,d as debounce}from"./functions-d52b728c.js";var colors={salmon:"#ff5f4e",cyan:"#19a1a9",forest:"#088000",sleet:"#7f97ad",midnight:"#2e1b46",lavender:"#8b86ca",periwinkle:"#575195",gray:"#6b6b6b"};var allChartsDetails={doughnut:{size:155,colors:[colors.forest,colors.gray],thickness:.73,padding:25,category:"doughnut"},doughnut0:{size:155,colors:[colors.forest,colors.gray],thickness:.73,padding:25,category:"doughnut"},doughnut1:{size:130,colors:[colors.lavender,colors.midnight,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2:{size:130,colors:[colors.cyan,colors.salmon,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2b:{size:130,colors:[colors.periwinkle,colors.cyan,colors.salmon,colors.gray],thickness:.5,padding:90,category:"doughnut"},doughnut3:{size:130,colors:[colors.lavender,colors.midnight,"#0089e4",colors.forest,"#ea8500","#d54f41","#146ca9"],thickness:.5,padding:90,category:"doughnut"},bar:{size:350,colors:[colors.forest,colors.gray],padding:0,category:"stackedBar"},bar1:{size:350,colors:[colors.forest,colors.gray],padding:0,category:"stackedBar"},bar2:{size:400,colors:[colors.gray,colors.periwinkle,colors.cyan,colors.salmon],padding:0,category:"stackedBar"},bar2b:{size:400,colors:[colors.gray,colors.periwinkle,colors.midnight,colors.cyan,colors.salmon],padding:0,category:"stackedBar"},bar3:{size:300,colors:["#0d696e",colors.cyan,"#8e4129",colors.salmon],padding:0,category:"stackedBar"},bar4:{size:400,colors:[colors.salmon,colors.cyan,colors.periwinkle],padding:0,category:"stackedBar"},bar5:{size:400,colors:[colors.gray,colors.lavender,colors.midnight,"#0089e4",colors.forest,"#ea8500","#d54f41","#146ca9"],padding:0,category:"stackedBar"},bar6:{size:400,colors:[colors.lavender],padding:0,category:"simpleBar"},bar7:{size:400,colors:[colors.periwinkle,colors.cyan,colors.salmon,colors.gray],padding:0,category:"simpleBar"}};function showValue(e){return e==="percentage"||e==="amount"?"show-values":""}var textHiddenMessage=intl.formatMessage({id:"chart.hiddenValues",defaultMessage:"Values are not shown when too close to each other.",description:"Text displayed when a chart has some values hidden"});var seeDetailsMessage=intl.formatMessage({id:"chart.clickToSeeDetails",defaultMessage:"Click or use arrow keys to see details.",description:"Text displayed, guiding user to interact to see more details."});function abbrNumber(e){return e>999||e<-999?Math.round(e/100)/10+"K":e}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 s=toFixed(e+e*t*Math.cos(Math.PI*a/180));var i=toFixed(e+e*t*Math.sin(Math.PI*a/180));return{x1:o,y1:n,x2:s,y2:i}}return{x:o,y:n}}function getArc(e,t,r,a,o){var n=toFixed(o/2*e);return"A ".concat(n,", ").concat(n," 0 ").concat(t," ").concat(toFixed(r),", ").concat(toFixed(a))}function scale(e,t,r,a,o){var n=(e-t)*(o-a)/(r-t)+a;return n<a?a:n>o?o:n}function minSpacing(e){return scale(e,300,900,70,150)}function getMaxTicks(e){return Math.round(e/minSpacing(e))}function getInterval(e,t){var r=e/t;var a=Math.pow(10,Math.floor(Math.log10(r)));var o=r/a;var n;if(o>5){n=10*a}else if(o>3){n=5*a}else if(o>2){n=3*a}else if(o>1.5){n=2*a}else if(o>1){n=1.5*a}else{n=a}return n}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;this.userIsNavigating=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){this.userIsNavigating=true;if(this.popoverEl){this.popoverEl.open=false}this.componentWrapperEl.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}));this.userIsNavigating=false;window.setTimeout((function(){e.componentWrapperEl.tabIndex=0;e.el.focusable=true;if(e.popoverEl){e.popoverEl.open=false}}),100)}function getDetails(e){return __awaiter(this,void 0,void 0,(function(){var t,r;var a=this;return __generator(this,(function(o){this.slicesDetails=[];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(r,o){var n=parseInt(r.getAttribute("amount")||"0");var s=amountToPercent(n,a.total,true);var i=o;if(e==="bar5"){i=a.notStartedColor?o:o+1}if(e==="bar6"){i=0}var l=allChartsDetails[e].colors[i];var c={amount:n,perc:s,legend:r.getAttribute("legend"),color:l||colors.gray,offset:t,id:"".concat(a.uid,"-").concat(o+1),title:r.getAttribute("popover-title"),text:r.getAttribute("popover-text"),buttonText:r.getAttribute("popover-button-text"),sliceRef:r,inSmallCluster:false};t+=n;a.slicesDetails.push(c)}));return[2]}))}))}function sortSlicesDetails(e,t){var r=__spreadArray([],e,true).sort((function(e,t){return e.amount===t.amount?0:e.amount>t.amount?-1:1}));var a=0;r.forEach((function(e,o){var n=r[o===0?r.length-1:o-1];var s=r[o===r.length-1?0:o+1];var i=amountToPercent(n.amount,t,true);var l=amountToPercent(s.amount,t,true);e.offset=a;a+=e.amount;e.inSmallCluster=isInSmallCluster(i,e.perc,e.amount,l)}));return r}function isInSmallCluster(e,t,r,a){var o=t<4;var n=e<5;var s=a<5;var i=o&&(n||s);var l=t===0&&r>0;if(l&&(a<8||e<8)){i=true}return i}function getPathData(e,t,r){var a=amountToDegree(t,this.total)-90;var o=e/this.total*360;var n=a+o;var s=o>180?"1 1":"0 1";var i=o>180?"1 0":"0 0";var l=this.chartDetails.size/2;var c=this.chartDetails.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 g=polarToCartesian(l,c,a+f,n);var v="M ".concat(p.x1,", ").concat(p.y1," ");var m=getArc(u,s,p.x2,p.y2,this.chartDetails.size);var b=" L ".concat(g.x2,", ").concat(g.y2," ");var y=getArc(c,i,g.x1,g.y1,this.chartDetails.size);return v+m+b+y+" z"}function renderInstructionsText(){var e=intl.formatMessage({id:"chart.instructions",defaultMessage:"Use arrow keys to browse elements, press Tab to exit.",description:"For screen readers only, instructions on how to interact with the chart component"});return h("div",{id:"chart-instructions"},e)}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.chartDetails.size+this.chartDetails.padding;var a=e==="doughnut0"||e==="doughnut";var o=a?this.slicesDetails:sortSlicesDetails(this.slicesDetails,this.total);return h("div",{class:"chart-wrapper doughnut-wrapper"},h("svg",{width:r+"px",height:r+"px",id:"graphic-".concat(this.uid),class:"doughnut-svg"},renderFilter(),o.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(o[0].amount,this.total,true)+"%"):h("g",{transform:"translate(".concat(this.chartDetails.padding/2,", ").concat(this.chartDetails.padding/2,")"),"text-anchor":"middle","dominant-baseline":"middle"},o.map((function(e){return e.amount>0&&!e.inSmallCluster?renderDoughnutText.call(t,e):""})))))}function renderPath(e,t){var r=this;return h("g",{transform:"translate(".concat(this.chartDetails.padding/2,", ").concat(this.chartDetails.padding/2,")")},h("path",{id:e.id,class:"segment 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){var t=amountToDegree(e.offset+e.amount/2,this.total);var r=polarToCartesian(this.chartDetails.size/2,1.4,t-90),a=r.x,o=r.y;return h("text",{class:"value",x:a+"px",y:o+"px"},"".concat(e.perc>0?e.perc:"<1","%"))}function renderStackedBar(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.slicesDetails[0].amount,this.total,true)+"%"):"",this.chartType==="bar3"&&this.drawAxis(),h("div",{class:"inner-stacked-bar-wrapper ".concat(showValue(this.tempValueFormat))},!r?h("div",{class:"values"},this.slicesDetails.map((function(e,r){return t.renderBarText(e,r)}))):"",h("div",{class:"stacked-bar-segments-wrapper"},this.slicesDetails.map((function(e,r){return renderStackedBarSegment.call(t,e,r)}))),r?renderCompletionMessage.call(this):""))}function renderStackedBarSegment(e,t){var r=this;var a=t!==this.slicesDetails.length-1;var o="calc(".concat(amountToPercent(e.amount,this.total,false),"%").concat(a?" - 2px":"",")");return h("div",{class:"segment stacked-bar-segment ".concat(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("span",{class:"sr-only"},e.legend))}function renderSimpleBar(e){var t=this;var r=this.slicesDetails.map((function(e){return e.amount})).reduce((function(e,t){return e>t?e:t}));var a=parseInt(getComputedStyle(this.el).getPropertyValue("--labelWidth"),10);var o=48;var n=this.el.getBoundingClientRect().width;var s=n-a-o;var i=getMaxTicks(s);var l=getInterval(r,i);var c=i*l;var u=Math.floor((c-r)/l);i-=u;this.el.style.setProperty("--backgroundSize",100/i+"%");this.el.style.setProperty("--labelWidth",this.labelWidth);if(e==="bar7"&&!this.showBarLegend){this.el.style.setProperty("--labelWidth","0px")}var d=[];this.slicesDetails.forEach((function(a){a.legend&&d.push(renderSimpleBarLegend(a.legend,t.showBarLegend,e));d.push(renderSimpleBarItem.call(t,a,l,i,r))}));var f=[];for(var p=1;p<=i;p++){var g=abbrNumber(p*l);f.push(h("div",{class:"tick"},h("span",null,g)))}var v=e==="bar6"&&this.showGrid&&this.el.getBoundingClientRect().width>300;return h("div",{class:"chart-wrapper simple-bar-wrapper"},h("div",{class:"chart ".concat(showValue(this.tempValueFormat))},v&&h("div",{class:"gridlines"}),h("div",{class:"rows"},d)),v&&h("div",{class:"x-axis","aria-hidden":"true"},h("div",{class:"zero"},h("span",null,"0")),f))}function renderSimpleBarLegend(e,t,r){var a=r==="bar7"&&!t?" hidden":"";return h("label",{class:"label".concat(a)},e)}function renderSimpleBarItem(e,t,r,a){var o=this;var n=this.currentChartType==="bar6"?t*r:a;var s=amountToPercent(e.amount,n,false);var i=s?s+"%":"1px";var l=abbrNumber(e.amount);var c=this.tempValueFormat==="amount"?l:"";if(this.currentChartType==="bar6"&&this.tempValueFormat==="percentage"){c=e.amount+"%"}else if(this.currentChartType==="bar7"&&this.tempValueFormat==="percentage"){c=(this.total===0?"0":amountToPercent(e.amount,this.total,true))+"%"}return h("div",{class:"bar segment",style:{backgroundColor:e.color,width:i},onClick:function(t){return handleSliceClick.call(o,t,e)},onFocus:function(t){return handleSliceFocus.call(o,t,e)},onKeyDown:function(e){return handleSliceKeyDown.call(o,e)}},h("div",{class:"value"},c))}function renderLegend(e){if(this.showLegend){var t=!this.chartDetails.isBar&&this.slicesDetails.reduce((function(e,t){return e=t.inSmallCluster?true:e}),false);return h("div",{class:"legend-wrapper"},h("div",{class:"legend ".concat(e," ").concat(this.mode==="bar"?"--top":"--bottom"),"aria-hidden":"true"},this.slicesDetails.map((function(e){if(!!e.amount||!!e.legend){return renderLegendItem({key:e.legend,color:e.color})}}))),t&&renderHiddenValuesMessage())}}function renderLegendItem(e){return h("div",{class:"legend-item"},h("div",{class:"legend-color",style:{backgroundColor:e.color}}),h("div",{class:"legend-text"},e.key))}function renderCompletionMessage(){if(this.completionMessage){return h("div",{class:"completion-message"},this.completionMessage)}}function renderHiddenValuesMessage(){return h("div",{class:"hidden-values-warning"},textHiddenMessage,h("br",null),seeDetailsMessage)}export{allChartsDetails as a,amountToPercent as b,renderStackedBar as c,renderDoughnut as d,renderInstructionsText as e,renderLegend as f,getDetails as g,handleChartKeydown as h,renderCompletionMessage as i,renderHiddenValuesMessage as j,exitChart as k,renderLegendItem as l,abbrNumber as m,getInterval as n,renderSimpleBar as r};