(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("CoreHome"),require("vue")):"function"===typeof define&&define.amd?define(["CoreHome"],t):"object"===typeof exports?exports["CoreVisualizations"]=t(require("CoreHome"),require("vue")):e["CoreVisualizations"]=t(e["CoreHome"],e["Vue"])})("undefined"!==typeof self?self:this,(function(e,t){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var l=t[n]={i:n,l:!1,exports:{}};return e[n].call(l.exports,l,l.exports,o),l.l=!0,l.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)o.d(n,l,function(t){return e[t]}.bind(null,l));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="plugins/CoreVisualizations/vue/dist/",o(o.s="fae3")}({"19dc":function(t,o){t.exports=e},"8bbf":function(e,o){e.exports=t},fae3:function(e,t,o){"use strict";if(o.r(t),o.d(t,"SeriesPicker",(function(){return h})),o.d(t,"SingleMetricView",(function(){return M})),"undefined"!==typeof window){var n=window.document.currentScript,l=n&&n.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);l&&(o.p=l[1])}var r=o("8bbf");const c={key:0,class:"jqplot-seriespicker-popover"},a={class:"headline"},i=["onClick"],s=["type","checked"],u={key:0,class:"headline recordsToPlot"},m=["onClick"],d=["type","checked"];function p(e,t,o,n,l,p){return Object(r["openBlock"])(),Object(r["createElementBlock"])("div",{class:Object(r["normalizeClass"])(["jqplot-seriespicker",{open:e.isPopupVisible}]),onMouseenter:t[1]||(t[1]=t=>e.isPopupVisible=!0),onMouseleave:t[2]||(t[2]=t=>e.onLeavePopup())},[Object(r["createElementVNode"])("a",{href:"#",onClick:t[0]||(t[0]=Object(r["withModifiers"])(()=>{},["prevent","stop"]))}," + "),e.isPopupVisible?(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",c,[Object(r["createElementVNode"])("p",a,Object(r["toDisplayString"])(e.translate(e.multiselect?"General_MetricsToPlot":"General_MetricToPlot")),1),(Object(r["openBlock"])(!0),Object(r["createElementBlock"])(r["Fragment"],null,Object(r["renderList"])(e.selectableColumns,t=>(Object(r["openBlock"])(),Object(r["createElementBlock"])("p",{class:"pickColumn",onClick:o=>e.optionSelected(t.column,e.columnStates),key:t.column},[Object(r["createElementVNode"])("label",null,[Object(r["createElementVNode"])("input",{class:"select",type:e.multiselect?"checkbox":"radio",checked:!!e.columnStates[t.column]},null,8,s),Object(r["createElementVNode"])("span",null,Object(r["toDisplayString"])(t.translation),1)])],8,i))),128)),e.selectableRows.length?(Object(r["openBlock"])(),Object(r["createElementBlock"])("p",u,Object(r["toDisplayString"])(e.translate("General_RecordsToPlot")),1)):Object(r["createCommentVNode"])("",!0),(Object(r["openBlock"])(!0),Object(r["createElementBlock"])(r["Fragment"],null,Object(r["renderList"])(e.selectableRows,t=>(Object(r["openBlock"])(),Object(r["createElementBlock"])("p",{class:"pickRow",onClick:o=>e.optionSelected(t.matcher,e.rowStates),key:t.matcher},[Object(r["createElementVNode"])("label",null,[Object(r["createElementVNode"])("input",{class:"select",type:e.multiselect?"checkbox":"radio",checked:!!e.rowStates[t.matcher]},null,8,d),Object(r["createElementVNode"])("span",null,Object(r["toDisplayString"])(t.label),1)])],8,m))),128))])):Object(r["createCommentVNode"])("",!0)],34)}var b=o("19dc");function f(e,t){const o={};return e.forEach(e=>{const t=e.column||e.matcher;o[t]=!1}),t.forEach(e=>{o[e]=!0}),o}function v(e,t){return e.length===t.length&&0===e.filter(e=>-1===t.indexOf(e)).length}function j(e){Object.keys(e).forEach(t=>{e[t]=!1})}function O(e){return Object.keys(e).filter(t=>!!e[t])}var g=Object(r["defineComponent"])({props:{multiselect:Boolean,selectableColumns:{type:Array,default:()=>[]},selectableRows:{type:Array,default:()=>[]},selectedColumns:{type:Array,default:()=>[]},selectedRows:{type:Array,default:()=>[]}},data(){return{isPopupVisible:!1,columnStates:f(this.selectableColumns,this.selectedColumns),rowStates:f(this.selectableRows,this.selectedRows)}},emits:["select"],created(){this.optionSelected=Object(b["debounce"])(this.optionSelected,0)},methods:{optionSelected(e,t){this.multiselect||(j(this.columnStates),j(this.rowStates)),t[e]=!t[e],this.triggerOnSelectAndClose()},onLeavePopup(){this.isPopupVisible=!1,this.optionsChanged()&&this.triggerOnSelectAndClose()},triggerOnSelectAndClose(){this.isPopupVisible=!1,this.$emit("select",{columns:O(this.columnStates),rows:O(this.rowStates)})},optionsChanged(){return!v(O(this.columnStates),this.selectedColumns)||!v(O(this.rowStates),this.selectedRows)}}});g.render=p;var h=g;const y={class:"metric-sparkline"},k={class:"metric-value"},S=["title"],w=["title"];function V(e,t,o,n,l,c){const a=Object(r["resolveComponent"])("Sparkline");return Object(r["openBlock"])(),Object(r["createElementBlock"])("div",{class:Object(r["normalizeClass"])(["singleMetricView",{loading:e.isLoading}]),ref:"root"},[Object(r["createElementVNode"])("div",y,[Object(r["createVNode"])(a,{params:e.sparklineParams},null,8,["params"])]),Object(r["createElementVNode"])("div",k,[Object(r["createElementVNode"])("span",{title:e.metricDocumentation},[Object(r["createElementVNode"])("strong",null,Object(r["toDisplayString"])(e.metricValue),1),Object(r["createTextVNode"])(" "+Object(r["toDisplayString"])((e.metricTranslation||"").toLowerCase()),1)],8,S),null!==e.pastValue?(Object(r["openBlock"])(),Object(r["createElementBlock"])("span",{key:0,class:"metricEvolution",title:e.translate("General_EvolutionSummaryGeneric",e.metricValue,e.currentPeriod,e.pastValue,e.pastPeriod,e.metricChangePercent)},[Object(r["createElementVNode"])("span",{class:Object(r["normalizeClass"])({"positive-evolution":e.metricValueUnformatted>e.pastValueUnformatted,"negative-evolution":e.metricValueUnformatted<e.pastValueUnformatted})},Object(r["toDisplayString"])(e.metricChangePercent),3)],8,w)):Object(r["createCommentVNode"])("",!0)])],2)}function C(){const{startDate:e}=b["Range"].getLastNRange(b["Matomo"].period,2,b["Matomo"].currentDateString),t=b["Periods"].get(b["Matomo"].period).parse(e).getDateRange();return`${Object(b["format"])(t[0])},${Object(b["format"])(t[1])}`}const{$:P}=window;var E=Object(r["defineComponent"])({props:{metric:{type:String,required:!0},idGoal:[String,Number],metricTranslations:{type:Object,required:!0},metricDocumentations:Object,goals:{type:Object,required:!0},goalMetrics:Array},components:{Sparkline:b["Sparkline"]},setup(e){const t=Object(r["ref"])(null),o=Object(r["ref"])(!1),n=Object(r["ref"])(null),l=Object(r["ref"])(e.metric),c=Object(r["ref"])(e.idGoal),a=Object(r["computed"])(()=>[c.value?`goal${c.value}_${l.value}`:l.value]),i=Object(r["computed"])(()=>{var e;return null!==(e=n.value)&&void 0!==e&&e[1]?n.value[1][l.value]:null}),s=Object(r["computed"])(()=>{var e;return null!==(e=n.value)&&void 0!==e&&e[2]?n.value[2][l.value]||0:null}),u=Object(r["computed"])(()=>{if(!i.value)return null;const e="string"===typeof i.value?parseInt(i.value,10):i.value,t="string"===typeof s.value?parseInt(s.value,10):s.value,o=b["Matomo"].helper.calculateEvolution(e,t);return(100*o).toFixed(2)+" %"}),m=Object(r["computed"])(()=>{var e;if(null===(e=n.value)||void 0===e||!e[3])return null;const t=n.value[3];return t[l.value]||0}),d=Object(r["computed"])(()=>{var e;if(null===(e=n.value)||void 0===e||!e[0])return null;const t=n.value[0];return t[l.value]||0}),p=Object(r["computed"])(()=>{var t;return null!==(t=e.metricTranslations)&&void 0!==t&&t[l.value]?e.metricTranslations[l.value]:""}),f=Object(r["computed"])(()=>{var t;return null!==(t=e.metricDocumentations)&&void 0!==t&&t[l.value]?e.metricDocumentations[l.value]:""}),v=Object(r["computed"])(()=>b["Matomo"].startDateString===b["Matomo"].endDateString?b["Matomo"].endDateString:`${b["Matomo"].startDateString}, ${b["Matomo"].endDateString}`);function j(){return c.value||0===c.value}const O=Object(r["computed"])(()=>{const e={module:"API",action:"get",columns:l.value};return j()&&(e.idGoal=c.value,e.module="Goals"),e}),g=Object(r["computed"])(()=>{if("range"!==b["Matomo"].period)return C()}),y=Object(r["computed"])(()=>{const t=[];return Object.keys(e.metricTranslations).forEach(o=>{t.push({column:o,translation:e.metricTranslations[o]})}),Object.values(e.goals||{}).forEach(o=>{e.goalMetrics.forEach(n=>{t.push({column:`goal${o.idgoal}_${n}`,translation:`${o.name} - ${e.metricTranslations[n]}`})})}),t});function k(){let o=p.value;if(j()){var n;const t=(null===(n=e.goals[c.value])||void 0===n?void 0:n.name)||Object(b["translate"])("General_Unknown");o=`${t} - ${o}`}P(t.value).closest("div.widget").find(".widgetTop > .widgetName > span").text(o)}function S(){const e=b["Range"].getLastNRange(b["Matomo"].period,2,b["Matomo"].currentDateString);return Object(b["format"])(e.startDate)}function w(){o.value=!0;const e=[];let t="API",l="get";const r={};j()&&(r.idGoal=c.value,r.filter_add_columns_when_show_all_columns=0,t="Goals",l="get");const a=`${t}.${l}`;return e.push(b["AjaxHelper"].fetch(Object.assign({method:a,format_metrics:"all"},r))),"range"!==b["Matomo"].period&&(e.push(b["AjaxHelper"].fetch(Object.assign({method:a,format_metrics:"0"},r))),e.push(b["AjaxHelper"].fetch(Object.assign({method:a,date:S(),format_metrics:"0"},r))),e.push(b["AjaxHelper"].fetch(Object.assign({method:a,date:S(),format_metrics:"all"},r)))),Promise.all(e).then(e=>{n.value=e,o.value=!1})}function V(e){l.value=e,w().then(k),P(t.value).closest("[widgetId]").trigger("setParameters",{column:l.value,idGoal:c.value})}function E(e){let t=void 0,o=e;const n=e.match(/^goal([0-9]+)_(.*)/);n&&(t=+n[1],[,,o]=n),l.value===o&&t===c.value||(l.value=o,c.value=t,V(o))}function M(){const e=P(t.value),o=e.closest("div.widget").find(".widgetTop > .widgetName"),n=P('<div class="single-metric-view-picker"><div></div></div>'),l=Object(b["createVueApp"])({render:()=>Object(r["createVNode"])(h,{multiselect:!1,selectableColumns:y.value,selectableRows:[],selectedColumns:a.value,selectedRows:[],onSelect:({columns:e})=>{E(e[0])}})});return o.append(n),l.mount(n.children()[0]),l}let N;return Object(r["onMounted"])(()=>{N=M()}),Object(r["onBeforeUnmount"])(()=>{P(t.value).closest(".widgetContent").off("widget:destroy").off("widget:reload"),P(t.value).closest("div.widget").find(".single-metric-view-picker").remove(),N.unmount()}),Object(r["watch"])(()=>e.metric,()=>{V(e.metric)}),V(e.metric),{root:t,metricValue:d,isLoading:o,selectedColumns:a,responses:n,metricValueUnformatted:i,pastValueUnformatted:s,metricChangePercent:u,pastValue:m,metricTranslation:p,metricDocumentation:f,sparklineParams:O,pastPeriod:g,selectableColumns:y,currentPeriod:v}}});E.render=V;var M=E;
/*!
 * Matomo - free/libre analytics platform
 *
 * @link    https://matomo.org
 * @license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
 */}})}));
//# sourceMappingURL=CoreVisualizations.umd.min.js.map