File size: 25,961 Bytes
76a7a50 | 1 2 3 4 5 6 7 8 | (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 n(o){if(t[o])return t[o].exports;var l=t[o]={i:o,l:!1,exports:{}};return e[o].call(l.exports,l,l.exports,n),l.l=!0,l.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)n.d(o,l,function(t){return e[t]}.bind(null,l));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="plugins/CoreVisualizations/vue/dist/",n(n.s="fae3")}({"19dc":function(t,n){t.exports=e},"8bbf":function(e,n){e.exports=t},fae3:function(e,t,n){"use strict";if(n.r(t),n.d(t,"EvolutionBadge",(function(){return S})),n.d(t,"MetricValue",(function(){return P})),n.d(t,"SeriesPicker",(function(){return J})),n.d(t,"MetricsPicker",(function(){return be})),n.d(t,"SingleMetricView",(function(){return Se})),n.d(t,"SparklinesGrid",(function(){return Re})),"undefined"!==typeof window){var o=window.document.currentScript,l=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);l&&(n.p=l[1])}var r=n("8bbf");const c=["title"],a={class:"evolutionBadge__icon","aria-hidden":"true"},i={class:"evolutionBadge__value"};function s(e,t,n,o,l,s){const u=Object(r["resolveComponent"])("EvolutionTrendIcon");return Object(r["openBlock"])(),Object(r["createElementBlock"])("span",{class:Object(r["normalizeClass"])(["evolutionBadge",e.directionClass]),title:e.tooltip||void 0},[Object(r["createElementVNode"])("span",a,[Object(r["createVNode"])(u,{class:"evolutionTrendIcon",direction:e.direction},null,8,["direction"])]),Object(r["createElementVNode"])("span",i,Object(r["toDisplayString"])(e.formattedPercent),1)],10,c)}const u={key:0,viewBox:"0 0 16 16"},d=Object(r["createElementVNode"])("path",{d:"M3.77344 11L8.27344 5L12.7734 11H3.77344Z",fill:"currentColor"},null,-1),p=[d],m={key:1,viewBox:"0 0 16 16"},b=Object(r["createElementVNode"])("path",{d:"M3.77344 6L8.27344 12L12.7734 6H3.77344Z",fill:"currentColor"},null,-1),v=[b],O={key:2,viewBox:"0 0 16 16"},j=Object(r["createElementVNode"])("rect",{x:"3",y:"7",width:"10",height:"2",fill:"currentColor"},null,-1),f=[j];function k(e,t,n,o,l,c){return"up"===e.direction?(Object(r["openBlock"])(),Object(r["createElementBlock"])("svg",u,p)):"down"===e.direction?(Object(r["openBlock"])(),Object(r["createElementBlock"])("svg",m,v)):(Object(r["openBlock"])(),Object(r["createElementBlock"])("svg",O,f))}var g=Object(r["defineComponent"])({name:"EvolutionTrendIcon",props:{direction:{type:String,required:!0,validator:e=>-1!==["up","down","neutral"].indexOf(e)}}});g.render=k;var y=g,h=Object(r["defineComponent"])({name:"EvolutionBadge",components:{EvolutionTrendIcon:y},props:{percent:{type:[Number,String],required:!0},isLowerValueBetter:{type:Boolean,default:!1},trend:{type:Number,default:void 0},tooltip:{type:String,default:""}},setup(e){const t=Object(r["computed"])(()=>{if("number"===typeof e.trend&&!Number.isNaN(e.trend))return e.trend;const t=parseFloat(String(e.percent).replace("−","-").replace(",",".").replace(/[^0-9.+-]/g,""));return Number.isNaN(t)?0:t}),n=Object(r["computed"])(()=>t.value>0?"up":t.value<0?"down":"neutral"),o=Object(r["computed"])(()=>{if("neutral"===n.value)return"evolutionBadge--neutral";const t="up"===n.value,o=e.isLowerValueBetter?!t:t;return o?"evolutionBadge--positive":"evolutionBadge--negative"}),l=Object(r["computed"])(()=>{const n="number"===typeof e.percent?e.percent+"%":String(e.percent).trim(),o=n.charAt(0);return t.value>0&&"+"!==o&&"-"!==o?"+"+n:n});return{direction:n,directionClass:o,formattedPercent:l}}});h.render=s;var S=h;const C={class:"metricValue"},w=["title"],V={class:"metricValue__primary"},B={class:"metricValue__number"},E={key:0,class:"metricValue__secondary"},N={class:"metricValue__secondaryValue"},_={key:0,class:"metricValue__secondaryLabel"};function M(e,t,n,o,l,c){const a=Object(r["resolveDirective"])("tooltips");return Object(r["openBlock"])(),Object(r["createElementBlock"])("div",C,[Object(r["withDirectives"])((Object(r["openBlock"])(),Object(r["createElementBlock"])("div",{class:Object(r["normalizeClass"])(["metricValue__title",{"metricValue__title--documented":!!e.documentation}]),title:e.documentation||e.title},[Object(r["createTextVNode"])(Object(r["toDisplayString"])(e.title),1)],10,w)),[[a,{duration:200,delay:200}]]),Object(r["createElementVNode"])("div",V,[Object(r["createElementVNode"])("span",B,Object(r["toDisplayString"])(e.value),1),Object(r["renderSlot"])(e.$slots,"evolution")]),e.hasSecondary?(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",E,[Object(r["createElementVNode"])("span",N,Object(r["toDisplayString"])(e.secondaryValue),1),e.secondaryLabel?(Object(r["openBlock"])(),Object(r["createElementBlock"])("span",_,Object(r["toDisplayString"])(e.secondaryLabel),1)):Object(r["createCommentVNode"])("",!0)])):Object(r["createCommentVNode"])("",!0)])}var D=n("19dc"),x=Object(r["defineComponent"])({name:"MetricValue",directives:{Tooltips:D["Tooltips"]},props:{title:{type:String,required:!0},value:{type:[String,Number],required:!0},secondaryValue:[String,Number],secondaryLabel:String,documentation:String},computed:{hasSecondary(){return void 0!==this.secondaryValue&&null!==this.secondaryValue&&""!==this.secondaryValue}}});x.render=M;var P=x;const L={key:0,class:"jqplot-seriespicker-popover"},A={class:"headline"},R=["onClick"],T=["type","checked"],$={key:0,class:"headline recordsToPlot"},G=["onClick"],q=["type","checked"];function I(e,t,n,o,l,c){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",L,[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:n=>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,T),Object(r["createElementVNode"])("span",null,Object(r["toDisplayString"])(t.translation),1)])],8,R))),128)),e.selectableRows.length?(Object(r["openBlock"])(),Object(r["createElementBlock"])("p",$,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:n=>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,q),Object(r["createElementVNode"])("span",null,Object(r["toDisplayString"])(t.label),1)])],8,G))),128))])):Object(r["createCommentVNode"])("",!0)],34)}function z(e,t){const n={};return e.forEach(e=>{const t=e.column||e.matcher;n[t]=!1}),t.forEach(e=>{n[e]=!0}),n}function F(e,t){return e.length===t.length&&0===e.filter(e=>-1===t.indexOf(e)).length}function H(e){Object.keys(e).forEach(t=>{e[t]=!1})}function K(e){return Object.keys(e).filter(t=>!!e[t])}var U=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:z(this.selectableColumns,this.selectedColumns),rowStates:z(this.selectableRows,this.selectedRows)}},emits:["select"],created(){this.optionSelected=Object(D["debounce"])(this.optionSelected,0)},methods:{optionSelected(e,t){this.multiselect||(H(this.columnStates),H(this.rowStates)),t[e]=!t[e],this.triggerOnSelectAndClose()},onLeavePopup(){this.isPopupVisible=!1,this.optionsChanged()&&this.triggerOnSelectAndClose()},triggerOnSelectAndClose(){this.isPopupVisible=!1,this.$emit("select",{columns:K(this.columnStates),rows:K(this.rowStates)})},optionsChanged(){return!F(K(this.columnStates),this.selectedColumns)||!F(K(this.rowStates),this.selectedRows)}}});U.render=I;var J=U;const W={ref:"root",class:"metrics-picker"},Z={ref:"expander",type:"button",class:"metrics-picker__toggle"},Q={class:"metrics-picker__toggle-label"},X=Object(r["createElementVNode"])("span",{class:"icon-chevron-down metrics-picker__chevron"},null,-1),Y={class:"metrics-picker__dropdown"};function ee(e,t,n,o,l,c){const a=Object(r["resolveComponent"])("MetricsPickerOptions"),i=Object(r["resolveDirective"])("expand-on-click");return Object(r["withDirectives"])((Object(r["openBlock"])(),Object(r["createElementBlock"])("div",W,[Object(r["createElementVNode"])("button",Z,[Object(r["createElementVNode"])("span",Q,Object(r["toDisplayString"])(e.translate("General_ChooseMetrics")),1),X],512),Object(r["createElementVNode"])("div",Y,[Object(r["createVNode"])(a,{multiselect:e.multiselect,"selectable-columns":e.selectableColumns,"selectable-rows":e.selectableRows,"selected-columns":e.selectedColumns,"selected-rows":e.selectedRows,onSelect:t[0]||(t[0]=t=>e.onSelect(t))},null,8,["multiselect","selectable-columns","selectable-rows","selected-columns","selected-rows"])])])),[[i,{expander:"expander"}]])}const te=["role","aria-label"],ne=["type","checked","onChange","onKeydown"],oe=Object(r["createElementVNode"])("span",{"aria-hidden":"true"},null,-1),le={class:"metrics-picker__title"},re={key:0,class:"metrics-picker__headline"},ce=["type","checked","onChange","onKeydown"],ae=Object(r["createElementVNode"])("span",{"aria-hidden":"true"},null,-1),ie={class:"metrics-picker__title"};function se(e,t,n,o,l,c){return Object(r["openBlock"])(),Object(r["createElementBlock"])("div",{class:"metrics-picker__options",role:e.multiselect?"group":"radiogroup","aria-label":e.translate("General_ChooseMetrics")},[(Object(r["openBlock"])(!0),Object(r["createElementBlock"])(r["Fragment"],null,Object(r["renderList"])(e.selectableColumns,t=>(Object(r["openBlock"])(),Object(r["createElementBlock"])("label",{class:"metrics-picker__column metrics-picker__label",key:t.column},[Object(r["createElementVNode"])("input",{class:"filled-in",type:e.multiselect?"checkbox":"radio",checked:!!e.columnStates[t.column],onChange:n=>e.optionSelected(t.column,e.columnStates),onKeydown:Object(r["withKeys"])(Object(r["withModifiers"])(n=>e.optionSelected(t.column,e.columnStates),["prevent"]),["enter"])},null,40,ne),oe,Object(r["createElementVNode"])("span",le,Object(r["toDisplayString"])(t.translation),1)]))),128)),e.selectableRows.length?(Object(r["openBlock"])(),Object(r["createElementBlock"])("p",re,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"])("label",{class:"metrics-picker__row metrics-picker__label",key:t.matcher},[Object(r["createElementVNode"])("input",{class:"filled-in",type:e.multiselect?"checkbox":"radio",checked:!!e.rowStates[t.matcher],onChange:n=>e.optionSelected(t.matcher,e.rowStates),onKeydown:Object(r["withKeys"])(Object(r["withModifiers"])(n=>e.optionSelected(t.matcher,e.rowStates),["prevent"]),["enter"])},null,40,ce),ae,Object(r["createElementVNode"])("span",ie,Object(r["toDisplayString"])(t.label),1)]))),128))],8,te)}function ue(e,t){const n={};return e.forEach(e=>{const t=e.column||e.matcher;n[t]=!1}),t.forEach(e=>{n[e]=!0}),n}var de=Object(r["defineComponent"])({props:{multiselect:Boolean,selectableColumns:{type:Array,default:()=>[]},selectableRows:{type:Array,default:()=>[]},selectedColumns:{type:Array,default:()=>[]},selectedRows:{type:Array,default:()=>[]}},data(){return{columnStates:ue(this.selectableColumns,this.selectedColumns),rowStates:ue(this.selectableRows,this.selectedRows)}},emits:["select"],methods:{unselectOptions(e){Object.keys(e).forEach(t=>{e[t]=!1})},getSelected(e){return Object.keys(e).filter(t=>!!e[t])},optionSelected(e,t){this.multiselect||(this.unselectOptions(this.columnStates),this.unselectOptions(this.rowStates)),t[e]=!t[e],this.$emit("select",{columns:this.getSelected(this.columnStates),rows:this.getSelected(this.rowStates)})}}});de.render=se;var pe=de,me=Object(r["defineComponent"])({props:{multiselect:Boolean,selectableColumns:{type:Array,default:()=>[]},selectableRows:{type:Array,default:()=>[]},selectedColumns:{type:Array,default:()=>[]},selectedRows:{type:Array,default:()=>[]}},components:{MetricsPickerOptions:pe},directives:{ExpandOnClick:D["ExpandOnClick"]},emits:["select"],methods:{onSelect(e){this.$emit("select",e),this.$refs.root.classList.remove("expanded")}}});me.render=ee;var be=me;const ve={class:"metric-sparkline"},Oe={class:"metric-value"},je=["title"],fe=["title"];function ke(e,t,n,o,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",ve,[Object(r["createVNode"])(a,{params:e.sparklineParams},null,8,["params"])]),Object(r["createElementVNode"])("div",Oe,[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,je),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"])(e.evolutionClass)},Object(r["toDisplayString"])(e.metricChangePercent),3)],8,fe)):Object(r["createCommentVNode"])("",!0)])],2)}function ge(){const{startDate:e}=D["Range"].getLastNRange(D["Matomo"].period,2,D["Matomo"].currentDateString),t=D["Periods"].get(D["Matomo"].period).parse(e).getDateRange();return`${Object(D["format"])(t[0])},${Object(D["format"])(t[1])}`}const{$:ye}=window;var he=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,lowerIsBetterMetrics:{type:Array,default:()=>[]}},components:{Sparkline:D["Sparkline"]},setup(e){const t=Object(r["ref"])(null),n=Object(r["ref"])(!1),o=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=o.value)&&void 0!==e&&e[1]?o.value[1][l.value]||0:null}),s=Object(r["computed"])(()=>{var e;return null!==(e=o.value)&&void 0!==e&&e[2]?o.value[2][l.value]||0:null}),u=Object(r["computed"])(()=>-1!==e.lowerIsBetterMetrics.indexOf(l.value)),d=Object(r["computed"])(()=>{if(null===i.value||null===s.value||i.value===s.value)return[];const e=i.value>s.value,t=u.value?!e:e;return[e?"evolution-up":"evolution-down",t?"positive-evolution":"negative-evolution"]}),p=Object(r["computed"])(()=>{if(null===i.value||void 0===i.value||null===s.value||void 0===s.value)return null;const e="string"===typeof i.value?parseFloat(i.value):i.value,t="string"===typeof s.value?parseFloat(s.value):s.value,n=D["Matomo"].helper.calculateEvolution(e,t);return(100*n).toFixed(2)+" %"}),m=Object(r["computed"])(()=>{var e;if(null===(e=o.value)||void 0===e||!e[3])return null;const t=o.value[3];return t[l.value]||0}),b=Object(r["computed"])(()=>{var e;if(null===(e=o.value)||void 0===e||!e[0])return null;const t=o.value[0];return t[l.value]||0}),v=Object(r["computed"])(()=>{var t;return null!==(t=e.metricTranslations)&&void 0!==t&&t[l.value]?e.metricTranslations[l.value]:""}),O=Object(r["computed"])(()=>{var t;return null!==(t=e.metricDocumentations)&&void 0!==t&&t[l.value]?e.metricDocumentations[l.value]:""}),j=Object(r["computed"])(()=>D["Matomo"].startDateString===D["Matomo"].endDateString?D["Matomo"].endDateString:`${D["Matomo"].startDateString}, ${D["Matomo"].endDateString}`);function f(){return c.value||0===c.value}const k=Object(r["computed"])(()=>{const e={module:"API",action:"get",columns:l.value};return f()&&(e.idGoal=c.value,e.module="Goals"),e}),g=Object(r["computed"])(()=>{if("range"!==D["Matomo"].period)return ge()}),y=Object(r["computed"])(()=>{const t=[];return Object.keys(e.metricTranslations).forEach(n=>{t.push({column:n,translation:e.metricTranslations[n]})}),Object.values(e.goals||{}).forEach(n=>{e.goalMetrics.forEach(o=>{t.push({column:`goal${n.idgoal}_${o}`,translation:`${n.name} - ${e.metricTranslations[o]}`})})}),t});function h(){let n=v.value;if(f()){var o;const t=(null===(o=e.goals[c.value])||void 0===o?void 0:o.name)||Object(D["translate"])("General_Unknown");n=`${t} - ${n}`}ye(t.value).closest("div.widget").find(".widgetTop > .widgetName > span").text(n)}function S(){const e=D["Range"].getLastNRange(D["Matomo"].period,2,D["Matomo"].currentDateString);return Object(D["format"])(e.startDate)}function C(){n.value=!0;const e=[];let t="API",l="get";const r={};f()&&(r.idGoal=c.value,r.filter_add_columns_when_show_all_columns=0,t="Goals",l="get");const a=`${t}.${l}`;return e.push(D["AjaxHelper"].fetch(Object.assign({method:a,format_metrics:"all"},r))),"range"!==D["Matomo"].period&&(e.push(D["AjaxHelper"].fetch(Object.assign({method:a,format_metrics:"0"},r))),e.push(D["AjaxHelper"].fetch(Object.assign({method:a,date:S(),format_metrics:"0"},r))),e.push(D["AjaxHelper"].fetch(Object.assign({method:a,date:S(),format_metrics:"all"},r)))),Promise.all(e).then(e=>{o.value=e,n.value=!1})}function w(e){l.value=e,C().then(h),ye(t.value).closest("[widgetId]").trigger("setParameters",{column:l.value,idGoal:c.value})}function V(e){let t=void 0,n=e;const o=e.match(/^goal([0-9]+)_(.*)/);o&&(t=+o[1],[,,n]=o),l.value===n&&t===c.value||(l.value=n,c.value=t,w(n))}function B(){const e=ye(t.value),n=e.closest("div.widget").find(".widgetTop > .widgetName"),o=ye('<div class="single-metric-view-picker"><div></div></div>'),l=Object(D["createVueApp"])({render:()=>Object(r["createVNode"])(J,{multiselect:!1,selectableColumns:y.value,selectableRows:[],selectedColumns:a.value,selectedRows:[],onSelect:({columns:e})=>{V(e[0])}})});return n.append(o),l.mount(o.children()[0]),l}let E;return Object(r["onMounted"])(()=>{E=B()}),Object(r["onBeforeUnmount"])(()=>{ye(t.value).closest(".widgetContent").off("widget:destroy").off("widget:reload"),ye(t.value).closest("div.widget").find(".single-metric-view-picker").remove(),E.unmount()}),Object(r["watch"])(()=>e.metric,()=>{w(e.metric)}),w(e.metric),{root:t,metricValue:b,isLoading:n,selectedColumns:a,responses:o,metricValueUnformatted:i,pastValueUnformatted:s,evolutionClass:d,metricChangePercent:p,pastValue:m,metricTranslation:v,metricDocumentation:O,sparklineParams:k,pastPeriod:g,selectableColumns:y,currentPeriod:j}}});he.render=ke;var Se=he;const Ce={class:"row sparklinesGrid"};function we(e,t,n,o,l,c){const a=Object(r["resolveComponent"])("SparklineCard");return Object(r["openBlock"])(),Object(r["createElementBlock"])("div",Ce,[(Object(r["openBlock"])(!0),Object(r["createElementBlock"])(r["Fragment"],null,Object(r["renderList"])(e.flatSparklines,(t,n)=>(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",{key:n,class:Object(r["normalizeClass"])(e.columnClasses)},[Object(r["createVNode"])(a,{sparkline:t,"are-sparklines-linkable":e.areSparklinesLinkable,"all-metrics-documentation":e.allMetricsDocumentation},null,8,["sparkline","are-sparklines-linkable","all-metrics-documentation"])],2))),128))])}const Ve=["data-graph-params","data-series-indices"],Be={key:0,class:"sparklineCard__title"};function Ee(e,t,n,o,l,c){const a=Object(r["resolveComponent"])("NoComparison");return Object(r["openBlock"])(),Object(r["createElementBlock"])("div",{class:Object(r["normalizeClass"])(["sparkline sparklineCard",{notLinkable:!e.areSparklinesLinkable}]),"data-graph-params":e.graphParamsAttr,"data-series-indices":e.seriesIndicesAttr},[e.sparkline.title?(Object(r["openBlock"])(),Object(r["createElementBlock"])("div",Be,Object(r["toDisplayString"])(e.sparkline.title),1)):Object(r["createCommentVNode"])("",!0),Object(r["createVNode"])(a,{sparkline:e.sparkline,"all-metrics-documentation":e.allMetricsDocumentation},null,8,["sparkline","all-metrics-documentation"])],10,Ve)}const Ne={class:"noComparison"},_e={class:"sparklineSlot"};function Me(e,t,n,o,l,c){const a=Object(r["resolveComponent"])("EvolutionBadge"),i=Object(r["resolveComponent"])("MetricValue"),s=Object(r["resolveComponent"])("Sparkline");return Object(r["openBlock"])(),Object(r["createElementBlock"])("div",Ne,[Object(r["createVNode"])(i,{title:e.title,value:e.primaryValue,"secondary-value":e.secondaryValue,"secondary-label":e.secondaryLabel,documentation:e.documentation},Object(r["createSlots"])({_:2},[e.sparkline.evolution?{name:"evolution",fn:Object(r["withCtx"])(()=>[Object(r["createVNode"])(a,{percent:e.sparkline.evolution.percent,trend:e.sparkline.evolution.trend,"is-lower-value-better":e.sparkline.evolution.isLowerValueBetter,tooltip:e.sparkline.evolution.tooltip||""},null,8,["percent","trend","is-lower-value-better","tooltip"])]),key:"0"}:void 0]),1032,["title","value","secondary-value","secondary-label","documentation"]),Object(r["createElementVNode"])("div",_e,[Object(r["createVNode"])(s,{width:380,height:40,params:e.sparkline.url,"series-indices":e.sparkline.seriesIndices},null,8,["params","series-indices"])])])}var De=Object(r["defineComponent"])({name:"NoComparison",components:{MetricValue:P,EvolutionBadge:S,Sparkline:D["Sparkline"]},props:{sparkline:{type:Object,required:!0},allMetricsDocumentation:{type:Object,default:()=>({})}},setup(e){const t=Object(r["computed"])(()=>{var t;return null===(t=e.sparkline.metrics)||void 0===t||null===(t=t[""])||void 0===t?void 0:t[0]}),n=Object(r["computed"])(()=>{var t;return null===(t=e.sparkline.metrics)||void 0===t||null===(t=t[""])||void 0===t?void 0:t[1]}),o=Object(r["computed"])(()=>{var e,n;return(null===(e=t.value)||void 0===e?void 0:e.title)||(null===(n=t.value)||void 0===n?void 0:n.description)||""}),l=Object(r["computed"])(()=>{var n,o;return e.allMetricsDocumentation[null!==(n=null===(o=t.value)||void 0===o?void 0:o.column)&&void 0!==n?n:""]||void 0}),c=e=>"number"===typeof e?D["NumberFormatter"].formatNumber(e,2):e,a=Object(r["computed"])(()=>{var e,n;return null!==(e=c(null===(n=t.value)||void 0===n?void 0:n.value))&&void 0!==e?e:""}),i=Object(r["computed"])(()=>{var e;return c(null===(e=n.value)||void 0===e?void 0:e.value)}),s=Object(r["computed"])(()=>{var e;return null===(e=n.value)||void 0===e?void 0:e.description});return{title:o,documentation:l,primaryValue:a,secondaryValue:i,secondaryLabel:s}}});De.render=Me;var xe=De,Pe=Object(r["defineComponent"])({name:"SparklineCard",components:{NoComparison:xe},props:{sparkline:{type:Object,required:!0},areSparklinesLinkable:{type:Boolean,default:!0},allMetricsDocumentation:{type:Object,default:()=>({})}},setup(e){const t=Object(r["computed"])(()=>{const{graphParams:t,url:n}=e.sparkline;if(t&&Object.keys(t).length)return JSON.stringify(t);if(n){const e=D["MatomoUrl"].parse(n.substring(n.indexOf("?")+1)),t={};if(["columns","rows","idGoal"].forEach(n=>{e[n]&&(t[n]=e[n])}),Object.keys(t).length)return JSON.stringify(t)}return null}),n=Object(r["computed"])(()=>{const{seriesIndices:t}=e.sparkline;return t&&t.length?JSON.stringify(t):null});return{graphParamsAttr:t,seriesIndicesAttr:n}}});Pe.render=Ee;var Le=Pe,Ae=Object(r["defineComponent"])({name:"SparklinesGrid",components:{SparklineCard:Le},props:{sparklines:{type:Object,required:!0},areSparklinesLinkable:{type:Boolean,default:!0},allMetricsDocumentation:{type:Object,default:()=>({})},isWidget:{type:Boolean,default:!1}},setup(e){const t=Object(r["computed"])(()=>[].concat(...Object.values(e.sparklines||{})).filter(e=>!!e.url).sort((e,t)=>e.order-t.order)),n=Object(r["computed"])(()=>e.isWidget?"col s6":"col s6 m6 l4 xl3");return Object(r["onMounted"])(()=>{Object(r["nextTick"])(()=>{window.initializeSparklines()})}),{flatSparklines:t,columnClasses:n}}});Ae.render=we;var Re=Ae;
/*!
* 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 |