{"version":3,"sources":["webpack:///./node_modules/bootstrap-vue/esm/components/spinner/spinner.js","webpack:///./src/views/reports/production/ProductionChart.vue?fad4","webpack:///./node_modules/bootstrap-vue/esm/components/layout/container.js","webpack:///./src/views/reports/production/main.vue?269f","webpack:///./src/views/reports/production/ChartjsBarChart.vue?14ed","webpack:///src/views/reports/production/ChartjsBarChart.vue","webpack:///./src/views/reports/production/ChartjsBarChart.vue?38a2","webpack:///./src/views/reports/production/ChartjsBarChart.vue","webpack:///./src/views/reports/production/ProductionChart.vue?f9a2","webpack:///src/views/reports/production/ProductionChart.vue","webpack:///./src/views/reports/production/ProductionChart.vue?9799","webpack:///./src/views/reports/production/ProductionChart.vue","webpack:///./src/views/reports/production/ChartjsHorizontalBarChart.vue?43ca","webpack:///src/views/reports/production/ChartjsHorizontalBarChart.vue","webpack:///./src/views/reports/production/ChartjsHorizontalBarChart.vue?48a9","webpack:///./src/views/reports/production/ChartjsHorizontalBarChart.vue","webpack:///src/views/reports/production/main.vue","webpack:///./src/views/reports/production/main.vue?9010","webpack:///./src/views/reports/production/main.vue","webpack:///./node_modules/bootstrap-vue/esm/components/image/img.js","webpack:///./src/views/reports/production/ChartjsHorizontalBarChart.vue?2592"],"names":["_defineProperty","obj","key","value","Object","defineProperty","enumerable","configurable","writable","props","label","role","small","tag","type","variant","BSpinner","extend","name","functional","render","h","_ref","_class","data","slots","scopedSlots","$slots","$scopedSlots","$label","staticClass","attrs","class","concat","fluid","BContainer","children","container","_vm","this","_h","$createElement","_c","_self","staticStyle","_e","loading","jobcardList","staticRenderFns","_v","chartOptions","chartData","cost","components","apexcharts","BCard","BCardHeader","BCardTitle","computed","xaxis","categories","labels","offsetY","style","colors","fontSize","title","text","color","fontFamily","fontWeight","cssClass","yaxis","component","ref","jobCards","default","responsive","breakpoint","options","chart","width","legend","position","statusCounts","plotOptions","bar","borderRadius","horizontal","dataLabels","enabled","completedJobCardNames","filter","map","BRow","ChartjsHorizontalBarChart","ProductionChart","BCol","ChartjsBarChart","mapGetters","methods","mapActions","mounted","then","console","catch","BLANK_TEMPLATE","makeBlankImgSrc","height","src","encodeURIComponent","replace","alt","blank","blankColor","block","center","fluidGrow","left","right","rounded","sizes","srcset","thumbnail","BImg","align","join"],"mappings":"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","file":"js/chunk-8d68f21e.b4ab5736.js","sourcesContent":["function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { Vue, mergeData } from '../../vue';\nimport { NAME_SPINNER } from '../../constants/components';\nimport { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props';\nimport { SLOT_NAME_LABEL } from '../../constants/slots';\nimport { normalizeSlot } from '../../utils/normalize-slot';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  label: makeProp(PROP_TYPE_STRING),\n  role: makeProp(PROP_TYPE_STRING, 'status'),\n  small: makeProp(PROP_TYPE_BOOLEAN, false),\n  tag: makeProp(PROP_TYPE_STRING, 'span'),\n  type: makeProp(PROP_TYPE_STRING, 'border'),\n  variant: makeProp(PROP_TYPE_STRING)\n}, NAME_SPINNER); // --- Main component ---\n// @vue/component\n\nexport var BSpinner = /*#__PURE__*/Vue.extend({\n  name: NAME_SPINNER,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var _class;\n\n    var props = _ref.props,\n        data = _ref.data,\n        slots = _ref.slots,\n        scopedSlots = _ref.scopedSlots;\n    var $slots = slots();\n    var $scopedSlots = scopedSlots || {};\n    var $label = normalizeSlot(SLOT_NAME_LABEL, {}, $scopedSlots, $slots) || props.label;\n\n    if ($label) {\n      $label = h('span', {\n        staticClass: 'sr-only'\n      }, $label);\n    }\n\n    return h(props.tag, mergeData(data, {\n      attrs: {\n        role: $label ? props.role || 'status' : null,\n        'aria-hidden': $label ? null : 'true'\n      },\n      class: (_class = {}, _defineProperty(_class, \"spinner-\".concat(props.type), props.type), _defineProperty(_class, \"spinner-\".concat(props.type, \"-sm\"), props.small), _defineProperty(_class, \"text-\".concat(props.variant), props.variant), _class)\n    }), [$label || h()]);\n  }\n});","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductionChart.vue?vue&type=style&index=0&id=1406b23f&prod&scoped=true&lang=css&\"","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { Vue, mergeData } from '../../vue';\nimport { NAME_CONTAINER } from '../../constants/components';\nimport { PROP_TYPE_BOOLEAN_STRING, PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  // String breakpoint name new in Bootstrap v4.4.x\n  fluid: makeProp(PROP_TYPE_BOOLEAN_STRING, false),\n  tag: makeProp(PROP_TYPE_STRING, 'div')\n}, NAME_CONTAINER); // --- Main component ---\n// @vue/component\n\nexport var BContainer = /*#__PURE__*/Vue.extend({\n  name: NAME_CONTAINER,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    var fluid = props.fluid;\n    return h(props.tag, mergeData(data, {\n      class: _defineProperty({\n        container: !(fluid || fluid === ''),\n        'container-fluid': fluid === true || fluid === ''\n      }, \"container-\".concat(fluid), fluid && fluid !== true)\n    }), children);\n  }\n});","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',[_c('div',{staticClass:\"d-flex justify-content-center mb-1\"},[(_vm.loading)?_c('b-spinner',{staticStyle:{\"width\":\"3rem\",\"height\":\"3rem\"},attrs:{\"variant\":\"success\",\"label\":\"Spinning\",\"block\":\"\"}}):_vm._e()],1),_c('b-row',[_c('b-col',{attrs:{\"md\":\"12\"}},[(!_vm.loading)?_c('ProductionChart',{attrs:{\"jobCards\":_vm.jobcardList}}):_vm._e()],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',[(!_vm.loading)?_c('ChartjsHorizontalBarChart',{attrs:{\"jobCards\":_vm.jobcardList}}):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example\"},[_c('b-card',[_c('b-card-header',[_c('b-card-title',[_vm._v(\"Cost Analysis\")])],1),_c('apexcharts',{attrs:{\"height\":\"350\",\"type\":\"bar\",\"options\":_vm.chartOptions,\"series\":_vm.chartData}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"example\">\r\n    <b-card>\r\n      <b-card-header>\r\n        <b-card-title>Cost Analysis</b-card-title>\r\n        <!-- datepicker -->\r\n\r\n        <!-- datepicker -->\r\n      </b-card-header>\r\n      <apexcharts\r\n        height=\"350\"\r\n        type=\"bar\"\r\n        :options=\"chartOptions\"\r\n        :series=\"chartData\"\r\n      ></apexcharts>\r\n    </b-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from \"vue-apexcharts\";\r\nimport { BCard, BCardTitle, BCardHeader } from \"bootstrap-vue\";\r\n\r\nexport default {\r\n  name: \"Chart\",\r\n  props: {\r\n    cost: {\r\n      type: Array,\r\n    },\r\n  },\r\n  components: {\r\n    apexcharts: VueApexCharts,\r\n    BCard,\r\n    BCardHeader,\r\n    BCardTitle,\r\n  },\r\n\r\n  computed: {\r\n    chartOptions() {\r\n      const simplifyDate = (dateStr) => {\r\n        const date = new Date(dateStr);\r\n        const day = date.getDate();\r\n        const month = date.getMonth() + 1; // months are 0-indexed in JavaScript\r\n        const year = date.getFullYear();\r\n        return `${day}/${month}/${year}`;\r\n      };\r\n      return {\r\n        xaxis: {\r\n          categories: this.cost.map((entry) => simplifyDate(entry.date)),\r\n          labels: {\r\n            offsetY: 5,\r\n            style: {\r\n              colors: \"#b9b9c3\",\r\n              fontSize: \"0.857rem\",\r\n            },\r\n          },\r\n          title:{\r\n            text: \"Date\",\r\n            style: {\r\n            color:\" #f8f8f8\",\r\n            fontSize: '14px',\r\n            fontFamily: 'Helvetica, Arial, sans-serif',\r\n            fontWeight: 600,\r\n            cssClass: 'apexcharts-xaxis-title ',\r\n          },\r\n        },\r\n        },\r\n        yaxis:{\r\n          title:{\r\n            text: \"Amount (Rs)\",\r\n            style: {\r\n            color:\" #f8f8f8\",\r\n            fontSize: '14px',\r\n            fontFamily: 'Helvetica, Arial, sans-serif',\r\n            fontWeight: 600,\r\n            cssClass: 'apexcharts-xaxis-title ',\r\n          },\r\n        },\r\n        }\r\n      };\r\n    },\r\n    chartData() {\r\n      return [\r\n        {\r\n          name: \"Total Cost\",\r\n          data: this.cost.map((entry) => entry.totalCost),\r\n        },\r\n      ];\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsBarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsBarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsBarChart.vue?vue&type=template&id=2ad2f28e&\"\nimport script from \"./ChartjsBarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsBarChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chart-container\"},[_c('b-card',{staticClass:\"job-card-status\"},[_c('b-card-header',[_c('b-card-title',[_vm._v(\"Job Card Status Distribution\")])],1),_c('apexcharts',{ref:\"chart\",attrs:{\"height\":\"350\",\"type\":\"pie\",\"options\":_vm.chartOptions,\"series\":_vm.chartData}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"chart-container\">\r\n    <b-card class=\"job-card-status\">\r\n      <b-card-header>\r\n        <b-card-title>Job Card Status Distribution</b-card-title>\r\n      </b-card-header>\r\n      <apexcharts ref=\"chart\" height=\"350\" type=\"pie\" :options=\"chartOptions\" :series=\"chartData\"></apexcharts>\r\n    </b-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from \"vue-apexcharts\";\r\nimport { BCard, BCardTitle, BCardHeader } from \"bootstrap-vue\";\r\n\r\nexport default {\r\n  name: \"JobCardStatusChart\",\r\n  props: {\r\n    jobCards: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  components: {\r\n    apexcharts: VueApexCharts,\r\n    BCard,\r\n    BCardHeader,\r\n    BCardTitle,\r\n  },\r\n  computed: {\r\n    chartOptions() {\r\n      return {\r\n        labels: [\"Not Started\", \"Started\", \"Completed\", \"Cancelled\", \"Blocked\"],\r\n        responsive: [{\r\n          breakpoint: 480,\r\n          options: {\r\n            chart: {\r\n              width: 200\r\n            },\r\n            legend: {\r\n              position: 'bottom'\r\n            }\r\n          }\r\n        }]\r\n      };\r\n    },\r\n    chartData() {\r\n      const statusCounts = [0, 0, 0, 0, 0]; // Corresponding to the enum values\r\n\r\n      this.jobCards.forEach(jobCard => {\r\n        const status = jobCard.status;\r\n        if (status >= 0 && status <= 4) {\r\n          statusCounts[status]++;\r\n        }\r\n      });\r\n\r\n      return statusCounts;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* Add the custom styles from the previous example */\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductionChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductionChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductionChart.vue?vue&type=template&id=1406b23f&scoped=true&\"\nimport script from \"./ProductionChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductionChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductionChart.vue?vue&type=style&index=0&id=1406b23f&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1406b23f\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chart-container\"},[_c('b-card',{staticClass:\"lead-time-card\"},[_c('b-card-header',[_c('b-card-title',[_vm._v(\"Lead Time Analysis for Completed Job Cards\")])],1),_c('apexcharts',{ref:\"chart\",attrs:{\"height\":\"350\",\"type\":\"bar\",\"options\":_vm.chartOptions,\"series\":_vm.chartData}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"chart-container\">\r\n    <b-card class=\"lead-time-card\">\r\n      <b-card-header>\r\n        <b-card-title>Lead Time Analysis for Completed Job Cards</b-card-title>\r\n      </b-card-header>\r\n      <apexcharts ref=\"chart\" height=\"350\" type=\"bar\" :options=\"chartOptions\" :series=\"chartData\"></apexcharts>\r\n    </b-card>\r\n  </div>\r\n</template>\r\n<script>\r\nimport VueApexCharts from \"vue-apexcharts\";\r\nimport { BCard, BCardTitle, BCardHeader } from \"bootstrap-vue\";\r\n\r\nexport default {\r\n  name: \"LeadTimeChart\",\r\n  props: {\r\n    jobCards: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n  },\r\n  components: {\r\n    apexcharts: VueApexCharts,\r\n    BCard,\r\n    BCardHeader,\r\n    BCardTitle,\r\n  },\r\n  computed: {\r\n    chartOptions() {\r\n      return {\r\n        plotOptions: {\r\n          bar: {\r\n            borderRadius: 4,\r\n            horizontal: false,\r\n          },\r\n        },\r\n        dataLabels: {\r\n          enabled: false,\r\n        },\r\n        yaxis: {\r\n          title: {\r\n            text: \"Lead Time (hours)\",\r\n          },\r\n        },\r\n        xaxis: {\r\n          categories: this.completedJobCardNames,\r\n          title: {\r\n            text: \"Job Cards\",\r\n          },\r\n        },\r\n      };\r\n    },\r\n    completedJobCardNames() {\r\n      return this.jobCards\r\n        .filter((jobCard) => jobCard.status === 2)\r\n        .map((jobCard) => jobCard.name);\r\n    },\r\n    chartData() {\r\n      const completedJobCards = this.jobCards.filter((jobCard) => jobCard.status === 2);\r\n      const leadTimes = completedJobCards.map((jobCard) => {\r\n        const leadTimeHours = (new Date(jobCard.lastModifiedOn) - new Date(jobCard.createdOn)) / (1000 * 60 * 60); // in hours\r\n        return parseFloat(leadTimeHours.toFixed(2)); // round to 2 decimal places and convert back to a float\r\n      });\r\n\r\n      return [\r\n        {\r\n          name: \"Lead Time\",\r\n          data: leadTimes,\r\n        },\r\n      ];\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.lead-time-card {\r\n  border: none;\r\n  border-radius: 10px;\r\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsHorizontalBarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsHorizontalBarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartjsHorizontalBarChart.vue?vue&type=template&id=97edaeb6&scoped=true&\"\nimport script from \"./ChartjsHorizontalBarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartjsHorizontalBarChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChartjsHorizontalBarChart.vue?vue&type=style&index=0&id=97edaeb6&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"97edaeb6\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <b-container>\r\n    <div class=\"d-flex justify-content-center mb-1\">\r\n      <b-spinner variant=\"success\" label=\"Spinning\" block v-if=\"loading\" style=\"width: 3rem; height: 3rem\"></b-spinner>\r\n    </div>\r\n    <b-row>\r\n      <b-col md=\"12\">\r\n        <ProductionChart :jobCards=\"jobcardList\" v-if=\"!loading\" />\r\n      </b-col>\r\n    </b-row>\r\n    <b-row class=\"match-height\">\r\n      <b-col>\r\n        <ChartjsHorizontalBarChart :jobCards=\"jobcardList\" v-if=\"!loading\" />\r\n      </b-col>\r\n    </b-row>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport ChartjsBarChart from \"./ChartjsBarChart.vue\";\r\nimport ProductionChart from \"./ProductionChart.vue\";\r\nimport ChartjsHorizontalBarChart from \"./ChartjsHorizontalBarChart\";\r\nimport { BContainer, BRow, BCol, BSpinner } from \"bootstrap-vue\";\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nexport default {\r\n  components: {\r\n    BContainer,\r\n    BRow,\r\n    ChartjsHorizontalBarChart,\r\n    ProductionChart,\r\n    BCol,\r\n    ChartjsBarChart,\r\n    BSpinner,\r\n  },\r\n  computed: {\r\n    ...mapGetters(\"jobcardModule\", {\r\n      jobcardList: \"jobcards\",\r\n      loading: \"loading\",\r\n    }),\r\n  },\r\n  methods: {\r\n    ...mapActions(\"jobcardModule\", [\"getJobcardListAction\"]),\r\n  },\r\n  async mounted() {\r\n    await this.getJobcardListAction()\r\n      .then(() => {\r\n        console.log(\"Jobcard List\", this.jobcardList);\r\n      })\r\n      .catch((response) => {\r\n        console.log(response);\r\n      });\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./main.vue?vue&type=template&id=0f011490&\"\nimport script from \"./main.vue?vue&type=script&lang=js&\"\nexport * from \"./main.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport { Vue, mergeData } from '../../vue';\nimport { NAME_IMG } from '../../constants/components';\nimport { PROP_TYPE_ARRAY_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_BOOLEAN_STRING, PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props';\nimport { concat } from '../../utils/array';\nimport { identity } from '../../utils/identity';\nimport { isString } from '../../utils/inspect';\nimport { toInteger } from '../../utils/number';\nimport { makeProp, makePropsConfigurable } from '../../utils/props';\nimport { toString } from '../../utils/string'; // --- Constants --\n// Blank image with fill template\n\nvar BLANK_TEMPLATE = '<svg width=\"%{w}\" height=\"%{h}\" ' + 'xmlns=\"http://www.w3.org/2000/svg\" ' + 'viewBox=\"0 0 %{w} %{h}\" preserveAspectRatio=\"none\">' + '<rect width=\"100%\" height=\"100%\" style=\"fill:%{f};\"></rect>' + '</svg>'; // --- Helper methods ---\n\nvar makeBlankImgSrc = function makeBlankImgSrc(width, height, color) {\n  var src = encodeURIComponent(BLANK_TEMPLATE.replace('%{w}', toString(width)).replace('%{h}', toString(height)).replace('%{f}', color));\n  return \"data:image/svg+xml;charset=UTF-8,\".concat(src);\n}; // --- Props ---\n\n\nexport var props = makePropsConfigurable({\n  alt: makeProp(PROP_TYPE_STRING),\n  blank: makeProp(PROP_TYPE_BOOLEAN, false),\n  blankColor: makeProp(PROP_TYPE_STRING, 'transparent'),\n  block: makeProp(PROP_TYPE_BOOLEAN, false),\n  center: makeProp(PROP_TYPE_BOOLEAN, false),\n  fluid: makeProp(PROP_TYPE_BOOLEAN, false),\n  // Gives fluid images class `w-100` to make them grow to fit container\n  fluidGrow: makeProp(PROP_TYPE_BOOLEAN, false),\n  height: makeProp(PROP_TYPE_NUMBER_STRING),\n  left: makeProp(PROP_TYPE_BOOLEAN, false),\n  right: makeProp(PROP_TYPE_BOOLEAN, false),\n  // Possible values:\n  //   `false`: no rounding of corners\n  //   `true`: slightly rounded corners\n  //   'top': top corners rounded\n  //   'right': right corners rounded\n  //   'bottom': bottom corners rounded\n  //   'left': left corners rounded\n  //   'circle': circle/oval\n  //   '0': force rounding off\n  rounded: makeProp(PROP_TYPE_BOOLEAN_STRING, false),\n  sizes: makeProp(PROP_TYPE_ARRAY_STRING),\n  src: makeProp(PROP_TYPE_STRING),\n  srcset: makeProp(PROP_TYPE_ARRAY_STRING),\n  thumbnail: makeProp(PROP_TYPE_BOOLEAN, false),\n  width: makeProp(PROP_TYPE_NUMBER_STRING)\n}, NAME_IMG); // --- Main component ---\n// @vue/component\n\nexport var BImg = /*#__PURE__*/Vue.extend({\n  name: NAME_IMG,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var _class;\n\n    var props = _ref.props,\n        data = _ref.data;\n    var alt = props.alt,\n        src = props.src,\n        block = props.block,\n        fluidGrow = props.fluidGrow,\n        rounded = props.rounded;\n    var width = toInteger(props.width) || null;\n    var height = toInteger(props.height) || null;\n    var align = null;\n    var srcset = concat(props.srcset).filter(identity).join(',');\n    var sizes = concat(props.sizes).filter(identity).join(',');\n\n    if (props.blank) {\n      if (!height && width) {\n        height = width;\n      } else if (!width && height) {\n        width = height;\n      }\n\n      if (!width && !height) {\n        width = 1;\n        height = 1;\n      } // Make a blank SVG image\n\n\n      src = makeBlankImgSrc(width, height, props.blankColor || 'transparent'); // Disable srcset and sizes\n\n      srcset = null;\n      sizes = null;\n    }\n\n    if (props.left) {\n      align = 'float-left';\n    } else if (props.right) {\n      align = 'float-right';\n    } else if (props.center) {\n      align = 'mx-auto';\n      block = true;\n    }\n\n    return h('img', mergeData(data, {\n      attrs: {\n        src: src,\n        alt: alt,\n        width: width ? toString(width) : null,\n        height: height ? toString(height) : null,\n        srcset: srcset || null,\n        sizes: sizes || null\n      },\n      class: (_class = {\n        'img-thumbnail': props.thumbnail,\n        'img-fluid': props.fluid || fluidGrow,\n        'w-100': fluidGrow,\n        rounded: rounded === '' || rounded === true\n      }, _defineProperty(_class, \"rounded-\".concat(rounded), isString(rounded) && rounded !== ''), _defineProperty(_class, align, align), _defineProperty(_class, 'd-block', block), _class)\n    }));\n  }\n});","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartjsHorizontalBarChart.vue?vue&type=style&index=0&id=97edaeb6&prod&scoped=true&lang=css&\""],"sourceRoot":""}