{"remainingRequest":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/index.js??vue-loader-options!/Applications/MAMP/htdocs/vue-funnel-graph-js/src/lib-components/vue-funnel-graph.vue?vue&type=template&id=5dd8f15e&scoped=true&","dependencies":[{"path":"/Applications/MAMP/htdocs/vue-funnel-graph-js/src/lib-components/vue-funnel-graph.vue","mtime":1580653633982},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/loaders/templateLoader.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/lib/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"funnel svg-funnel-js\" :class=\"{'svg-funnel-js--vertical': direction === 'vertical'}\">\n    <div class=\"svg-funnel-js__container\">\n        <svg :width=\"width\" :height=\"height\">\n            <defs>\n                <linearGradient :id=\"`funnelGradient-${(index+1)}`\"\n                                v-for=\"(colors, index) in gradientSet\"\n                                :key=\"index\"\n                                :gradientTransform=\"gradientAngle\"\n                >\n                    <stop :stop-color=\"color\"\n                          :offset=\"offsetColor(index, colors.values.length)\"\n                          v-for=\"(color, index) in colors.values\"\n                          :key=\"index\"\n                    ></stop>\n                </linearGradient>\n            </defs>\n            <path :fill=\"colorSet[index].fill\" :stroke=\"colorSet[index].fill\"\n                  :d=\"path\" v-for=\"(path, index) in paths\" :key=\"index\"\n            ></path>\n        </svg>\n    </div>\n    <transition-group class=\"svg-funnel-js__labels\" name=\"appear\" tag=\"div\"\n                      v-on:enter=\"enterTransition\" v-on:leave=\"leaveTransition\"\n    >\n        <div class=\"svg-funnel-js__label\" :class=\"`label-${(index+1)}`\"\n             v-for=\"(value, index) in valuesFormatted\" :key=\"labels[index].toLowerCase().split(' ').join('-')\"\n        >\n            <div class=\"label__value\">{{ value }}</div>\n            <div class=\"label__title\" v-if=\"labels\">{{ labels[index] }}</div>\n            <div class=\"label__percentage\" v-if=\"displayPercentage && percentages()[index] !== 100\">\n                {{ percentages()[index] }}%\n            </div>\n            <div class=\"label__segment-percentages\" v-if=\"is2d()\">\n                <ul class=\"segment-percentage__list\">\n                    <li v-for=\"(subLabel, j) in subLabels\" :key=\"j\">\n                        {{ subLabel }}:\n                        <span class=\"percentage__list-label\" v-if=\"subLabelValue === 'percent'\">{{ twoDimPercentages()[index][j] }}%</span>\n                        <span class=\"percentage__list-label\" v-else>{{ values[index][j] | format }}</span>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </transition-group>\n    <transition name=\"fade\" v-on:enter=\"enterTransition\" v-on:leave=\"leaveTransition\">\n        <div class=\"svg-funnel-js__subLabels\" v-if=\"is2d()\">\n            <div :class=\"`svg-funnel-js__subLabel svg-funnel-js__subLabel-${(index + 1)}`\"\n                 v-for=\"(subLabel, index) in subLabels\"\n                 :key=\"index\"\n            >\n                <div class=\"svg-funnel-js__subLabel--color\"\n                     :style=\"subLabelBackgrounds(index)\"></div>\n                <div class=\"svg-funnel-js__subLabel--title\">{{ subLabel }}</div>\n            </div>\n        </div>\n    </transition>\n</div>\n",null]}