testio-tailwind 3.3.0 → 3.5.0

package/src/static/app.bundled.js

@@ -6471,7 +6471,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var autosize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! autosize */ \"./node_modules/autosize/dist/autosize.esm.js\");\n/* harmony import */ var dropzone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dropzone */ \"./node_modules/dropzone/dist/dropzone.mjs\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var trix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! trix */ \"./node_modules/trix/dist/trix.esm.min.js\");\n/* harmony import */ var tom_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tom-select */ \"./node_modules/tom-select/dist/esm/tom-select.complete.js\");\n/* harmony import */ var select2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! select2 */ \"./node_modules/select2/dist/js/select2.js\");\n/* harmony import */ var select2__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(select2__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _modules_colors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modules/colors */ \"./src/assets/scripts/modules/colors.js\");\n/* harmony import */ var _modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modules/echarts_horizontal */ \"./src/assets/scripts/modules/echarts_horizontal.js\");\n/* harmony import */ var _modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modules/echarts_donut */ \"./src/assets/scripts/modules/echarts_donut.js\");\n/* harmony import */ var _modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modules/echarts_gauge */ \"./src/assets/scripts/modules/echarts_gauge.js\");\n/* harmony import */ var _modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./modules/echarts_area */ \"./src/assets/scripts/modules/echarts_area.js\");\n/* harmony import */ var _modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modules/echarts_vertical */ \"./src/assets/scripts/modules/echarts_vertical.js\");\n/* harmony import */ var _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modules/echarts_exampleseries */ \"./src/assets/scripts/modules/echarts_exampleseries.js\");\n/* harmony import */ var _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./modules/echarts_exampledata */ \"./src/assets/scripts/modules/echarts_exampledata.js\");\n\n\n\n\ntrix__WEBPACK_IMPORTED_MODULE_3__[\"default\"].config.lang.italic = \"Highlight\";\n\n// Close details/summary element by click\n\ndocument.querySelectorAll('.close-btn').forEach(el => {\n  el.addEventListener(\"click\", function closeDetails() {\n    this.closest(\"details\").removeAttribute(\"open\");\n  });\n});\n\n////// Tom-Select https://tom-select.js.org //////\n\n\ndocument.querySelectorAll('.tom-select').forEach(el => {\n  let settings = {};\n  new tom_select__WEBPACK_IMPORTED_MODULE_4__[\"default\"](el, settings);\n});\ndocument.querySelectorAll('.tom-select-multi').forEach(el => {\n  let settings = {\n    plugins: {\n      remove_button: {\n        label: \"\",\n        title: 'Remove this item'\n      }\n    },\n    persist: false\n  };\n  new tom_select__WEBPACK_IMPORTED_MODULE_4__[\"default\"](el, settings);\n});\n\n////// Select2 https://select2.org //////\n\n\njquery__WEBPACK_IMPORTED_MODULE_2___default()(\".select2\").select2({\n  theme: \"testio\",\n  placeholder: \"Please select\"\n});\n\n// Autosize textareas according to content https://www.jacklmoore.com/autosize/\n\n(0,autosize__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(document.querySelectorAll('textarea'));\n\n// Dropzone\n\ndocument.querySelectorAll('.dropzone').forEach(el => {\n  let dropzone = new dropzone__WEBPACK_IMPORTED_MODULE_1__[\"default\"](el, {\n    addRemoveLinks: true,\n    uploadMultiple: true,\n    autoQueue: false,\n    dictCancelUpload: \"\",\n    dictRemoveFile: \"\"\n  });\n});\n\n// Animation examples\n\ndocument.querySelectorAll('.anim-example-button-fadeout').forEach(el => {\n  el.addEventListener(\"click\", function startAnimation() {\n    this.closest(\"button\").classList.toggle(\"anim-fadeout\");\n  });\n});\ndocument.querySelectorAll('.anim-example-button-slideup').forEach(el => {\n  el.addEventListener(\"click\", function startAnimation() {\n    this.closest(\"button\").classList.toggle(\"anim-slideup\");\n  });\n});\ndocument.querySelectorAll('.anim-example-button-slidedown').forEach(el => {\n  el.addEventListener(\"click\", function startAnimation() {\n    this.closest(\"button\").classList.toggle(\"anim-slidedown\");\n  });\n});\n\n// Splitview demo\n\ndocument.querySelectorAll('#ds-splitview-demo-item').forEach(el => {\n  el.addEventListener(\"click\", function selectSplitviewItem() {\n    this.classList.toggle(\"selected\");\n    document.getElementById(\"ds-splitview-demo\").classList.toggle(\"item-selected\");\n  });\n});\ndocument.querySelectorAll('#ds-demo-close-splitview').forEach(el => {\n  el.addEventListener(\"click\", function selectSplitviewItem() {\n    document.getElementById(\"ds-splitview-demo-item\").classList.toggle(\"selected\");\n    document.getElementById(\"ds-splitview-demo\").classList.toggle(\"item-selected\");\n  });\n});\n\n// Initialize Trixeditor\n\ndocument.addEventListener(\"trix-before-initialize\", () => {\n  // Change Trix.config if you need\n});\n\n////// ECharts //////\n\n\n\n\n\n\n\n\n\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugsCategories);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugsFew, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugsCategoriesFew);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-3\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataFeaturesManyNumbers, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataFeaturesMany);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugsCategories, 10);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-2-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugsFew, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugsCategoriesFew, 10);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-3-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataFeaturesManyNumbers, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataFeaturesMany, 10);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataFeaturesFew, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_12__.echartsSeriesFew, false);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataFeaturesMany, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_12__.echartsSeriesMany, true);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugs, \"340\", \"Bugs\", false);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataBugs, \"9999\", \"label with a lot of text to show how things break\", true);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-testcases\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataTestCases, \"100\", \"Test Cases\", false);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataGaugeSuccess);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataGaugeDanger);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-3\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataGaugeInfo);\n(0,_modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__.createChartArea)(\"echarts-area-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBlueLight);\n(0,_modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__.createChartArea)(\"echarts-area-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_13__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorInfo);\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/app.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var autosize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! autosize */ \"./node_modules/autosize/dist/autosize.esm.js\");\n/* harmony import */ var dropzone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dropzone */ \"./node_modules/dropzone/dist/dropzone.mjs\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var trix__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! trix */ \"./node_modules/trix/dist/trix.esm.min.js\");\n/* harmony import */ var tom_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tom-select */ \"./node_modules/tom-select/dist/esm/tom-select.complete.js\");\n/* harmony import */ var select2__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! select2 */ \"./node_modules/select2/dist/js/select2.js\");\n/* harmony import */ var select2__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(select2__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _modules_colors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modules/colors */ \"./src/assets/scripts/modules/colors.js\");\n/* harmony import */ var _modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modules/echarts_horizontal */ \"./src/assets/scripts/modules/echarts_horizontal.js\");\n/* harmony import */ var _modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modules/echarts_donut */ \"./src/assets/scripts/modules/echarts_donut.js\");\n/* harmony import */ var _modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./modules/echarts_gauge */ \"./src/assets/scripts/modules/echarts_gauge.js\");\n/* harmony import */ var _modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./modules/echarts_area */ \"./src/assets/scripts/modules/echarts_area.js\");\n/* harmony import */ var _modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modules/echarts_vertical */ \"./src/assets/scripts/modules/echarts_vertical.js\");\n/* harmony import */ var _modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modules/echarts_line */ \"./src/assets/scripts/modules/echarts_line.js\");\n/* harmony import */ var _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./modules/echarts_exampleseries */ \"./src/assets/scripts/modules/echarts_exampleseries.js\");\n/* harmony import */ var _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./modules/echarts_exampledata */ \"./src/assets/scripts/modules/echarts_exampledata.js\");\n\n\n\n\ntrix__WEBPACK_IMPORTED_MODULE_3__[\"default\"].config.lang.italic = \"Highlight\";\n\n// Close details/summary element by click\n\ndocument.querySelectorAll('.close-btn').forEach(el => {\n  el.addEventListener(\"click\", function closeDetails() {\n    this.closest(\"details\").removeAttribute(\"open\");\n  });\n});\n\n////// Tom-Select https://tom-select.js.org //////\n\n\ndocument.querySelectorAll('.tom-select').forEach(el => {\n  let settings = {};\n  new tom_select__WEBPACK_IMPORTED_MODULE_4__[\"default\"](el, settings);\n});\ndocument.querySelectorAll('.tom-select-multi').forEach(el => {\n  let settings = {\n    plugins: {\n      remove_button: {\n        label: \"\",\n        title: 'Remove this item'\n      }\n    },\n    persist: false\n  };\n  new tom_select__WEBPACK_IMPORTED_MODULE_4__[\"default\"](el, settings);\n});\n\n////// Select2 https://select2.org //////\n\n\njquery__WEBPACK_IMPORTED_MODULE_2___default()(\".select2\").select2({\n  theme: \"testio\",\n  placeholder: \"Please select\"\n});\n\n// Autosize textareas according to content https://www.jacklmoore.com/autosize/\n\n(0,autosize__WEBPACK_IMPORTED_MODULE_0__[\"default\"])(document.querySelectorAll('textarea'));\n\n// Dropzone\n\ndocument.querySelectorAll('.dropzone').forEach(el => {\n  let dropzone = new dropzone__WEBPACK_IMPORTED_MODULE_1__[\"default\"](el, {\n    addRemoveLinks: true,\n    uploadMultiple: true,\n    autoQueue: false,\n    dictCancelUpload: \"\",\n    dictRemoveFile: \"\"\n  });\n});\n\n// Animation examples\n\ndocument.querySelectorAll('.anim-example-button-fadeout').forEach(el => {\n  el.addEventListener(\"click\", function startAnimation() {\n    this.closest(\"button\").classList.toggle(\"anim-fadeout\");\n  });\n});\ndocument.querySelectorAll('.anim-example-button-slideup').forEach(el => {\n  el.addEventListener(\"click\", function startAnimation() {\n    this.closest(\"button\").classList.toggle(\"anim-slideup\");\n  });\n});\ndocument.querySelectorAll('.anim-example-button-slidedown').forEach(el => {\n  el.addEventListener(\"click\", function startAnimation() {\n    this.closest(\"button\").classList.toggle(\"anim-slidedown\");\n  });\n});\n\n// Splitview demo\n\ndocument.querySelectorAll('#ds-splitview-demo-item').forEach(el => {\n  el.addEventListener(\"click\", function selectSplitviewItem() {\n    this.classList.toggle(\"selected\");\n    document.getElementById(\"ds-splitview-demo\").classList.toggle(\"item-selected\");\n  });\n});\ndocument.querySelectorAll('#ds-demo-close-splitview').forEach(el => {\n  el.addEventListener(\"click\", function selectSplitviewItem() {\n    document.getElementById(\"ds-splitview-demo-item\").classList.toggle(\"selected\");\n    document.getElementById(\"ds-splitview-demo\").classList.toggle(\"item-selected\");\n  });\n});\n\n// Initialize Trixeditor\n\ndocument.addEventListener(\"trix-before-initialize\", () => {\n  // Change Trix.config if you need\n});\n\n////// ECharts //////\n\n\n\n\n\n\n\n\n\n\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategories, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-1-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategories, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsFew, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategoriesFew, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-3\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesManyNumbers, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-2-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsFew, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugsCategoriesFew, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, 10);\n(0,_modules_echarts_vertical__WEBPACK_IMPORTED_MODULE_11__.createChartVertical)(\"echarts-bar-vertical-3-fixed\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesManyNumbers, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, 10);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesFew, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesFew, false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesMany, true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_horizontal__WEBPACK_IMPORTED_MODULE_7__.createChartHorizontal)(\"echarts-bar-horizontal-2-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataFeaturesMany, _modules_echarts_exampleseries__WEBPACK_IMPORTED_MODULE_13__.echartsSeriesMany, true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"340\", \"Bugs\", false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"9999\", \"label with a lot of text to show how things break\", true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-2-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataBugs, \"9999\", \"label with a lot of text to show how things break\", true, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark);\n(0,_modules_echarts_donut__WEBPACK_IMPORTED_MODULE_8__.createChartDonut)(\"echarts-donut-testcases\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataTestCases, \"100\", \"Test Cases\", false, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeSuccess, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-1-dark\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeSuccess, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralDark);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeDanger, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_gauge__WEBPACK_IMPORTED_MODULE_9__.createChartGauge)(\"echarts-gauge-3\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataGaugeInfo, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorNeutralBright);\n(0,_modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__.createChartArea)(\"echarts-area-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBlueLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderBright);\n(0,_modules_echarts_area__WEBPACK_IMPORTED_MODULE_10__.createChartArea)(\"echarts-area-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorTealLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderDark);\n(0,_modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__.createChartLine)(\"echarts-line-1\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBlueLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueBright, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderBright);\n(0,_modules_echarts_line__WEBPACK_IMPORTED_MODULE_12__.createChartLine)(\"echarts-line-2\", _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaMonths, _modules_echarts_exampledata__WEBPACK_IMPORTED_MODULE_14__.dataAreaValues, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorTealLight, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorLabelDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorValueDark, _modules_colors__WEBPACK_IMPORTED_MODULE_6__.colorBorderDark);\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/app.js?");
 
 /***/ }),
 
@@ -6482,7 +6482,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var auto
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   colorBlueLight: () => (/* binding */ colorBlueLight),\n/* harmony export */   colorContent: () => (/* binding */ colorContent),\n/* harmony export */   colorCritical: () => (/* binding */ colorCritical),\n/* harmony export */   colorDanger: () => (/* binding */ colorDanger),\n/* harmony export */   colorHigh: () => (/* binding */ colorHigh),\n/* harmony export */   colorInfo: () => (/* binding */ colorInfo),\n/* harmony export */   colorLow: () => (/* binding */ colorLow),\n/* harmony export */   colorNeutral: () => (/* binding */ colorNeutral),\n/* harmony export */   colorSuccess: () => (/* binding */ colorSuccess),\n/* harmony export */   colorUX: () => (/* binding */ colorUX),\n/* harmony export */   colorVisual: () => (/* binding */ colorVisual)\n/* harmony export */ });\nconst colorCritical = '#FF3131';\nconst colorHigh = '#d8ce0d';\nconst colorLow = '#9fa2a8';\nconst colorVisual = '#f48d21';\nconst colorContent = '#326dd1';\nconst colorUX = '#263340';\nconst colorSuccess = '#8cbd24';\nconst colorDanger = '#FF3131';\nconst colorNeutral = '#e6e6e6';\nconst colorInfo = '#326dd1';\nconst colorBlueLight = '#21bef4';\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/colors.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   colorBlueLight: () => (/* binding */ colorBlueLight),\n/* harmony export */   colorBorderBright: () => (/* binding */ colorBorderBright),\n/* harmony export */   colorBorderDark: () => (/* binding */ colorBorderDark),\n/* harmony export */   colorContent: () => (/* binding */ colorContent),\n/* harmony export */   colorCritical: () => (/* binding */ colorCritical),\n/* harmony export */   colorDanger: () => (/* binding */ colorDanger),\n/* harmony export */   colorHigh: () => (/* binding */ colorHigh),\n/* harmony export */   colorInfo: () => (/* binding */ colorInfo),\n/* harmony export */   colorLabelBright: () => (/* binding */ colorLabelBright),\n/* harmony export */   colorLabelDark: () => (/* binding */ colorLabelDark),\n/* harmony export */   colorLow: () => (/* binding */ colorLow),\n/* harmony export */   colorNeutralBright: () => (/* binding */ colorNeutralBright),\n/* harmony export */   colorNeutralDark: () => (/* binding */ colorNeutralDark),\n/* harmony export */   colorSuccess: () => (/* binding */ colorSuccess),\n/* harmony export */   colorTealLight: () => (/* binding */ colorTealLight),\n/* harmony export */   colorUX: () => (/* binding */ colorUX),\n/* harmony export */   colorValueBright: () => (/* binding */ colorValueBright),\n/* harmony export */   colorValueDark: () => (/* binding */ colorValueDark),\n/* harmony export */   colorVisual: () => (/* binding */ colorVisual)\n/* harmony export */ });\nconst colorCritical = '#FF3131';\nconst colorHigh = '#d8ce0d';\nconst colorLow = '#9fa2a8';\nconst colorVisual = '#f48d21';\nconst colorContent = '#326dd1';\nconst colorUX = '#263340';\nconst colorSuccess = '#8cbd24';\nconst colorDanger = '#FF3131';\nconst colorNeutralBright = '#bfc1c5';\nconst colorNeutralDark = '#343A40';\nconst colorInfo = '#326dd1';\nconst colorBlueLight = '#21bef4';\nconst colorBorderBright = '#e6e6e6';\nconst colorBorderDark = '#262626';\nconst colorLabelBright = '#5f656d';\nconst colorLabelDark = '#bfc1c5';\nconst colorValueBright = '#1d1d1d';\nconst colorValueDark = '#ffffff';\nconst colorTealLight = '#6ddeba';\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/colors.js?");
 
 /***/ }),
 
@@ -6493,7 +6493,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartArea: () => (/* binding */ createChartArea)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n////// Area chart\n\n\nfunction createChartArea(target, targetDataX, targetDataY, chartColor) {\n  var chartHeight = 190;\n  var dom = document.getElementById(target);\n  var myChartArea = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartHeight\n  });\n  var optionArea;\n  var optionArea = {\n    grid: {\n      show: false,\n      zlevel: 0,\n      top: 30,\n      right: 20,\n      left: 20,\n      bottom: 30\n    },\n    xAxis: {\n      boundaryGap: false,\n      zlevel: 2,\n      data: targetDataX,\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: true,\n        margin: 15\n      },\n      axisTick: {\n        show: false\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          type: 'dashed'\n        }\n      }\n    },\n    yAxis: {\n      show: false,\n      min: 0,\n      max: targetDataY\n    },\n    series: [{\n      data: targetDataY,\n      type: 'line',\n      lineStyle: {\n        width: 1,\n        color: chartColor\n      },\n      areaStyle: {\n        opacity: 1,\n        color: chartColor\n      },\n      zlevel: 1\n    }, {\n      data: targetDataY,\n      type: 'line',\n      lineStyle: {\n        width: 0\n      },\n      symbol: 'circle',\n      symbolSize: 10,\n      itemStyle: {\n        borderWidth: 2,\n        color: chartColor,\n        borderColor: '#ffffff'\n      },\n      label: {\n        show: true\n      },\n      areaStyle: {\n        opacity: 0\n      },\n      zlevel: 3\n    }]\n  };\n  if (optionArea && typeof optionArea === 'object') {\n    myChartArea.setOption(optionArea);\n  }\n  window.addEventListener('resize', myChartArea.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_area.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartArea: () => (/* binding */ createChartArea)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n////// Area chart\n\n\nfunction createChartArea(target, targetDataX, targetDataY, chartColor, labelColor, valueColor, borderColor) {\n  var chartHeight = 190;\n  var dom = document.getElementById(target);\n  var myChartArea = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartHeight\n  });\n  var optionArea;\n  var optionArea = {\n    grid: {\n      show: false,\n      zlevel: 0,\n      top: 30,\n      right: 20,\n      left: 20,\n      bottom: 30\n    },\n    xAxis: {\n      boundaryGap: false,\n      zlevel: 2,\n      data: targetDataX,\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: true,\n        margin: 15,\n        color: labelColor\n      },\n      axisTick: {\n        show: false\n      },\n      splitLine: {\n        show: true,\n        lineStyle: {\n          type: 'dashed',\n          color: borderColor\n        }\n      }\n    },\n    yAxis: {\n      show: false,\n      min: 0,\n      max: targetDataY\n    },\n    series: [{\n      data: targetDataY,\n      type: 'line',\n      lineStyle: {\n        width: 1,\n        color: chartColor,\n        borderColor: borderColor\n      },\n      areaStyle: {\n        opacity: 1,\n        color: chartColor\n      },\n      zlevel: 1\n    }, {\n      data: targetDataY,\n      type: 'line',\n      lineStyle: {\n        width: 0\n      },\n      symbol: 'circle',\n      symbolSize: 10,\n      itemStyle: {\n        borderWidth: 2,\n        color: chartColor,\n        borderColor: borderColor\n      },\n      label: {\n        show: true,\n        color: valueColor\n      },\n      areaStyle: {\n        opacity: 0\n      },\n      zlevel: 3\n    }]\n  };\n  if (optionArea && typeof optionArea === 'object') {\n    myChartArea.setOption(optionArea);\n  }\n  window.addEventListener('resize', myChartArea.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_area.js?");
 
 /***/ }),
 
@@ -6504,7 +6504,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartDonut: () => (/* binding */ createChartDonut)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n/* harmony import */ var _echarts_legend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./echarts_legend */ \"./src/assets/scripts/modules/echarts_legend.js\");\n////// Donut chart\n\n\n\nvar legendOptions;\nfunction createChartDonut(target, targetData, valueText, labelText, showLegend) {\n  var chartHeight = 190;\n  var chartPlusLegendHeight;\n  if (showLegend) {\n    chartPlusLegendHeight = chartHeight + _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.legendHeight, legendOptions = _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend;\n  } else {\n    chartPlusLegendHeight = chartHeight, legendOptions = null;\n  }\n  var dom = document.getElementById(target);\n  var myChartDonut = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartPlusLegendHeight\n  });\n  var optionDonut;\n  var optionDonut = {\n    tooltip: {\n      trigger: 'item'\n    },\n    layout: {},\n    title: {\n      text: valueText,\n      subtext: labelText,\n      left: \"center\",\n      top: 60,\n      textVerticalAlign: \"top\",\n      itemGap: 0,\n      textStyle: {\n        fontSize: 60,\n        lineHeight: 60,\n        fontWeight: \"lighter\"\n      },\n      subtextStyle: {\n        overflow: \"break\",\n        width: 100,\n        top: 50,\n        fontSize: 11,\n        lineHeight: 12\n      }\n    },\n    tooltips: {\n      enabled: false\n    },\n    aspectRatio: 1,\n    legend: legendOptions,\n    series: [{\n      type: 'pie',\n      radius: ['80', '90'],\n      avoidLabelOverlap: false,\n      height: chartHeight,\n      top: 0,\n      center: ['50%', '50%'],\n      label: {\n        show: false,\n        position: 'center'\n      },\n      emphasis: {\n        label: {\n          show: false\n        }\n      },\n      labelLine: {\n        show: false\n      },\n      data: targetData\n    }]\n  };\n  if (optionDonut && typeof optionDonut === 'object') {\n    myChartDonut.setOption(optionDonut);\n  }\n  window.addEventListener('resize', myChartDonut.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_donut.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartDonut: () => (/* binding */ createChartDonut)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n/* harmony import */ var _echarts_legend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./echarts_legend */ \"./src/assets/scripts/modules/echarts_legend.js\");\n////// Donut chart\n\n\n\nvar legendOptions;\nfunction createChartDonut(target, targetData, valueText, labelText, showLegend, labelColor, valueColor) {\n  var chartHeight = 190;\n  var chartPlusLegendHeight;\n  if (showLegend) {\n    chartPlusLegendHeight = chartHeight + _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.legendHeight, legendOptions = {\n      type: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.type,\n      orient: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.orient,\n      padding: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.padding,\n      icon: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.icon,\n      itemGap: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.itemGap,\n      itemHeight: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.itemHeight,\n      itemWidth: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.itemWidth,\n      height: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.height,\n      left: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.left,\n      bottom: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.bottom,\n      textStyle: {\n        color: labelColor\n      }\n    };\n  } else {\n    chartPlusLegendHeight = chartHeight, legendOptions = null;\n  }\n  var dom = document.getElementById(target);\n  var myChartDonut = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartPlusLegendHeight\n  });\n  var optionDonut;\n  var optionDonut = {\n    tooltip: {\n      trigger: 'item'\n    },\n    layout: {},\n    title: {\n      text: valueText,\n      subtext: labelText,\n      left: \"center\",\n      top: 60,\n      textVerticalAlign: \"top\",\n      itemGap: 0,\n      textStyle: {\n        fontSize: 60,\n        lineHeight: 60,\n        fontWeight: \"lighter\",\n        color: valueColor\n      },\n      subtextStyle: {\n        overflow: \"break\",\n        width: 100,\n        top: 50,\n        fontSize: 11,\n        lineHeight: 12,\n        color: labelColor\n      }\n    },\n    tooltips: {\n      enabled: false\n    },\n    aspectRatio: 1,\n    legend: legendOptions,\n    series: [{\n      type: 'pie',\n      radius: ['80', '90'],\n      avoidLabelOverlap: false,\n      height: chartHeight,\n      top: 0,\n      center: ['50%', '50%'],\n      label: {\n        show: false,\n        position: 'center'\n      },\n      emphasis: {\n        label: {\n          show: false\n        }\n      },\n      labelLine: {\n        show: false\n      },\n      data: targetData\n    }]\n  };\n  if (optionDonut && typeof optionDonut === 'object') {\n    myChartDonut.setOption(optionDonut);\n  }\n  window.addEventListener('resize', myChartDonut.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_donut.js?");
 
 /***/ }),
 
@@ -6515,7 +6515,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   dataAreaMonths: () => (/* binding */ dataAreaMonths),\n/* harmony export */   dataAreaValues: () => (/* binding */ dataAreaValues),\n/* harmony export */   dataBugs: () => (/* binding */ dataBugs),\n/* harmony export */   dataBugsCategories: () => (/* binding */ dataBugsCategories),\n/* harmony export */   dataBugsCategoriesFew: () => (/* binding */ dataBugsCategoriesFew),\n/* harmony export */   dataBugsFew: () => (/* binding */ dataBugsFew),\n/* harmony export */   dataFeaturesFew: () => (/* binding */ dataFeaturesFew),\n/* harmony export */   dataFeaturesMany: () => (/* binding */ dataFeaturesMany),\n/* harmony export */   dataFeaturesManyNumbers: () => (/* binding */ dataFeaturesManyNumbers),\n/* harmony export */   dataGaugeDanger: () => (/* binding */ dataGaugeDanger),\n/* harmony export */   dataGaugeInfo: () => (/* binding */ dataGaugeInfo),\n/* harmony export */   dataGaugeSuccess: () => (/* binding */ dataGaugeSuccess),\n/* harmony export */   dataTestCases: () => (/* binding */ dataTestCases)\n/* harmony export */ });\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./colors */ \"./src/assets/scripts/modules/colors.js\");\n\nlet dataAreaValues = [{\n  value: 79,\n  name: 'Critical'\n}, {\n  value: 37,\n  name: 'High'\n}, {\n  value: 19,\n  name: 'Low'\n}, {\n  value: 99,\n  name: 'Visual'\n}, {\n  value: 53,\n  name: 'Content'\n}, {\n  value: 66,\n  name: 'UX'\n}];\nlet dataAreaMonths = [{\n  value: 'Jun'\n}, {\n  value: 'Jul'\n}, {\n  value: 'Aug'\n}, {\n  value: 'Sep'\n}, {\n  value: 'Oct'\n}, {\n  value: 'Nov'\n}];\nlet dataBugs = [{\n  value: 79,\n  name: 'Critical',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorCritical\n  }\n}, {\n  value: 37,\n  name: 'High',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorHigh\n  }\n}, {\n  value: 19,\n  name: 'Low',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorLow\n  }\n}, {\n  value: 99,\n  name: 'Visual',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorVisual\n  }\n}, {\n  value: 53,\n  name: 'Content',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorContent\n  }\n}, {\n  value: 53,\n  name: 'UX',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorUX\n  }\n}];\nlet dataBugsFew = [{\n  value: 79,\n  name: 'Critical',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorCritical\n  }\n}, {\n  value: 37,\n  name: 'High',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorHigh\n  }\n}, {\n  value: 19,\n  name: 'Low',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorLow\n  }\n}];\nlet dataBugsCategories = [{\n  value: 'Critical'\n}, {\n  value: 'High'\n}, {\n  value: 'Low'\n}, {\n  value: 'Visual'\n}, {\n  value: 'Content'\n}, {\n  value: 'UX'\n}];\nlet dataBugsCategoriesFew = [{\n  value: 'Critical'\n}, {\n  value: 'High'\n}, {\n  value: 'Low'\n}];\nlet dataFeaturesFew = ['Feature A', 'Feature B', 'ABC'];\nlet dataFeaturesManyNumbers = [8, 33, 64, 23, 55, 77, 39, 57];\nlet dataFeaturesMany = ['Feature A', 'Feature B', 'Feature with a very long name', 'Feature with an even longer name', 'ABC', 'ZDF', 'WWW', 'Just another feature name'];\nlet dataGaugeSuccess = [{\n  value: 89,\n  name: 'Success',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorSuccess\n  }\n}];\nlet dataGaugeDanger = [{\n  value: 23,\n  name: 'Danger',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorDanger\n  }\n}];\nlet dataGaugeInfo = [{\n  value: 50,\n  name: 'Info',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorInfo\n  }\n}];\nlet dataTestCases = [{\n  value: 50,\n  name: 'Passed',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorSuccess\n  }\n}, {\n  value: 23,\n  name: 'Failed',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorDanger\n  }\n}, {\n  value: 27,\n  name: 'Open',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorNeutral\n  }\n}];\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_exampledata.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   dataAreaMonths: () => (/* binding */ dataAreaMonths),\n/* harmony export */   dataAreaValues: () => (/* binding */ dataAreaValues),\n/* harmony export */   dataBugs: () => (/* binding */ dataBugs),\n/* harmony export */   dataBugsCategories: () => (/* binding */ dataBugsCategories),\n/* harmony export */   dataBugsCategoriesFew: () => (/* binding */ dataBugsCategoriesFew),\n/* harmony export */   dataBugsFew: () => (/* binding */ dataBugsFew),\n/* harmony export */   dataFeaturesFew: () => (/* binding */ dataFeaturesFew),\n/* harmony export */   dataFeaturesMany: () => (/* binding */ dataFeaturesMany),\n/* harmony export */   dataFeaturesManyNumbers: () => (/* binding */ dataFeaturesManyNumbers),\n/* harmony export */   dataGaugeDanger: () => (/* binding */ dataGaugeDanger),\n/* harmony export */   dataGaugeInfo: () => (/* binding */ dataGaugeInfo),\n/* harmony export */   dataGaugeSuccess: () => (/* binding */ dataGaugeSuccess),\n/* harmony export */   dataTestCases: () => (/* binding */ dataTestCases)\n/* harmony export */ });\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./colors */ \"./src/assets/scripts/modules/colors.js\");\n\nlet dataAreaValues = [{\n  value: 79,\n  name: 'Critical'\n}, {\n  value: 37,\n  name: 'High'\n}, {\n  value: 19,\n  name: 'Low'\n}, {\n  value: 99,\n  name: 'Visual'\n}, {\n  value: 53,\n  name: 'Content'\n}, {\n  value: 66,\n  name: 'UX'\n}];\nlet dataAreaMonths = [{\n  value: 'Jun'\n}, {\n  value: 'Jul'\n}, {\n  value: 'Aug'\n}, {\n  value: 'Sep'\n}, {\n  value: 'Oct'\n}, {\n  value: 'Nov'\n}];\nlet dataBugs = [{\n  value: 79,\n  name: 'Critical',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorCritical\n  }\n}, {\n  value: 37,\n  name: 'High',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorHigh\n  }\n}, {\n  value: 19,\n  name: 'Low',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorLow\n  }\n}, {\n  value: 99,\n  name: 'Visual',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorVisual\n  }\n}, {\n  value: 53,\n  name: 'Content',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorContent\n  }\n}, {\n  value: 53,\n  name: 'UX',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorUX\n  }\n}];\nlet dataBugsFew = [{\n  value: 79,\n  name: 'Critical',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorCritical\n  }\n}, {\n  value: 37,\n  name: 'High',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorHigh\n  }\n}, {\n  value: 19,\n  name: 'Low',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorLow\n  }\n}];\nlet dataBugsCategories = [{\n  value: 'Critical'\n}, {\n  value: 'High'\n}, {\n  value: 'Low'\n}, {\n  value: 'Visual'\n}, {\n  value: 'Content'\n}, {\n  value: 'UX'\n}];\nlet dataBugsCategoriesFew = [{\n  value: 'Critical'\n}, {\n  value: 'High'\n}, {\n  value: 'Low'\n}];\nlet dataFeaturesFew = ['Feature A', 'Feature B', 'ABC'];\nlet dataFeaturesManyNumbers = [8, 33, 64, 23, 55, 77, 39, 57];\nlet dataFeaturesMany = ['Feature A', 'Feature B', 'Feature with a very long name', 'Feature with an even longer name', 'ABC', 'ZDF', 'WWW', 'Just another feature name'];\nlet dataGaugeSuccess = [{\n  value: 89,\n  name: 'Success',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorSuccess\n  }\n}];\nlet dataGaugeDanger = [{\n  value: 23,\n  name: 'Danger',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorDanger\n  }\n}];\nlet dataGaugeInfo = [{\n  value: 50,\n  name: 'Info',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorInfo\n  }\n}];\nlet dataTestCases = [{\n  value: 50,\n  name: 'Passed',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorSuccess\n  }\n}, {\n  value: 23,\n  name: 'Failed',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorDanger\n  }\n}, {\n  value: 27,\n  name: 'Open',\n  itemStyle: {\n    color: _colors__WEBPACK_IMPORTED_MODULE_0__.colorNeutralBright\n  }\n}];\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_exampledata.js?");
 
 /***/ }),
 
@@ -6537,7 +6537,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartGauge: () => (/* binding */ createChartGauge)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n/* harmony import */ var _colors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./colors */ \"./src/assets/scripts/modules/colors.js\");\n////// Gauge chart\n\n\n\nfunction createChartGauge(target, targetData) {\n  var chartHeight = 190;\n  var dom = document.getElementById(target);\n  var myChartGauge = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartHeight\n  });\n  var optionGauge;\n  var optionGauge = {\n    series: [{\n      type: 'gauge',\n      radius: ['90'],\n      startAngle: 90,\n      endAngle: -270,\n      pointer: {\n        show: false\n      },\n      progress: {\n        show: true,\n        overlap: false,\n        clip: false\n      },\n      axisLine: {\n        show: true,\n        lineStyle: {\n          width: 10,\n          color: [[1, _colors__WEBPACK_IMPORTED_MODULE_1__.colorNeutral]]\n        }\n      },\n      splitLine: {\n        show: false\n      },\n      axisTick: {\n        show: false\n      },\n      axisLabel: {\n        show: false,\n        distance: 50\n      },\n      data: targetData,\n      title: {\n        top: 0,\n        offsetCenter: [0, 35],\n        fontSize: 11,\n        lineHeight: 12\n      },\n      detail: {\n        top: 10,\n        offsetCenter: [0, 0],\n        formatter: '{value}%',\n        fontSize: 60,\n        lineHeight: 60,\n        fontWeight: \"lighter\"\n      }\n    }]\n  };\n  if (optionGauge && typeof optionGauge === 'object') {\n    myChartGauge.setOption(optionGauge);\n  }\n  window.addEventListener('resize', myChartGauge.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_gauge.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartGauge: () => (/* binding */ createChartGauge)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n////// Gauge chart\n\n\nfunction createChartGauge(target, targetData, labelColor, valueColor, neutralColor) {\n  var chartHeight = 190;\n  var dom = document.getElementById(target);\n  var myChartGauge = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartHeight\n  });\n  var optionGauge;\n  var optionGauge = {\n    series: [{\n      type: 'gauge',\n      radius: ['90'],\n      startAngle: 90,\n      endAngle: -270,\n      pointer: {\n        show: false\n      },\n      progress: {\n        show: true,\n        overlap: false,\n        clip: false\n      },\n      axisLine: {\n        show: true,\n        lineStyle: {\n          width: 10,\n          color: [[1, neutralColor]]\n        }\n      },\n      splitLine: {\n        show: false\n      },\n      axisTick: {\n        show: false\n      },\n      axisLabel: {\n        show: false,\n        distance: 50\n      },\n      data: targetData,\n      title: {\n        top: 0,\n        offsetCenter: [0, 35],\n        fontSize: 11,\n        lineHeight: 12,\n        color: labelColor\n      },\n      detail: {\n        top: 10,\n        offsetCenter: [0, 0],\n        formatter: '{value}%',\n        fontSize: 60,\n        lineHeight: 60,\n        fontWeight: \"lighter\",\n        color: valueColor\n      }\n    }]\n  };\n  if (optionGauge && typeof optionGauge === 'object') {\n    myChartGauge.setOption(optionGauge);\n  }\n  window.addEventListener('resize', myChartGauge.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_gauge.js?");
 
 /***/ }),
 
@@ -6548,7 +6548,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartHorizontal: () => (/* binding */ createChartHorizontal)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n/* harmony import */ var _echarts_legend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./echarts_legend */ \"./src/assets/scripts/modules/echarts_legend.js\");\n////// Horizontal chart\n\n\n\nvar legendOptions;\nfunction createChartHorizontal(target, targetData, targetSeries, showLegend) {\n  var chartHeight = targetData.length * 20;\n  var chartPlusLegendHeight;\n  if (showLegend) {\n    chartPlusLegendHeight = chartHeight + _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.legendHeight, legendOptions = _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend;\n  } else {\n    chartPlusLegendHeight = chartHeight + 0, legendOptions = null;\n  }\n  var dom = document.getElementById(target);\n  var myChartHorizontal = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartPlusLegendHeight\n  });\n  var optionHorizontal;\n  var optionHorizontal = {\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'shadow'\n      }\n    },\n    legend: legendOptions,\n    grid: {\n      height: chartHeight,\n      top: 0,\n      left: '12',\n      right: '10',\n      bottom: 0,\n      containLabel: true,\n      align: 'top'\n    },\n    xAxis: {\n      type: 'value',\n      axisTick: {\n        show: false\n      },\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: false\n      },\n      splitLine: {\n        show: false\n      }\n    },\n    yAxis: {\n      data: targetData,\n      scale: false,\n      axisTick: {\n        show: false\n      },\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: true,\n        overflow: \"truncate\",\n        ellipsis: '…',\n        hideOverlap: false,\n        interval: 0\n      }\n    },\n    series: targetSeries\n  };\n  if (optionHorizontal && typeof optionHorizontal === 'object') {\n    myChartHorizontal.setOption(optionHorizontal);\n  }\n  window.addEventListener('resize', myChartHorizontal.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_horizontal.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartHorizontal: () => (/* binding */ createChartHorizontal)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n/* harmony import */ var _echarts_legend__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./echarts_legend */ \"./src/assets/scripts/modules/echarts_legend.js\");\n////// Horizontal chart\n\n\n\nvar legendOptions;\nfunction createChartHorizontal(target, targetData, targetSeries, showLegend, labelColor, valueColor) {\n  var chartHeight = targetData.length * 20;\n  var chartPlusLegendHeight;\n  if (showLegend) {\n    chartPlusLegendHeight = chartHeight + _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.legendHeight, legendOptions = {\n      type: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.type,\n      orient: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.orient,\n      padding: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.padding,\n      icon: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.icon,\n      itemGap: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.itemGap,\n      itemHeight: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.itemHeight,\n      itemWidth: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.itemWidth,\n      height: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.height,\n      left: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.left,\n      bottom: _echarts_legend__WEBPACK_IMPORTED_MODULE_1__.echartsLegend.bottom,\n      textStyle: {\n        color: labelColor\n      }\n    };\n  } else {\n    chartPlusLegendHeight = chartHeight + 0, legendOptions = null;\n  }\n  var dom = document.getElementById(target);\n  var myChartHorizontal = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartPlusLegendHeight\n  });\n  var optionHorizontal;\n  var optionHorizontal = {\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'shadow'\n      }\n    },\n    legend: legendOptions,\n    grid: {\n      height: chartHeight,\n      top: 0,\n      left: '12',\n      right: '10',\n      bottom: 0,\n      containLabel: true,\n      align: 'top'\n    },\n    xAxis: {\n      type: 'value',\n      axisTick: {\n        show: false\n      },\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: false\n      },\n      splitLine: {\n        show: false\n      }\n    },\n    yAxis: {\n      data: targetData,\n      scale: false,\n      axisTick: {\n        show: false\n      },\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: true,\n        overflow: \"truncate\",\n        ellipsis: '…',\n        hideOverlap: false,\n        interval: 0,\n        color: labelColor\n      }\n    },\n    series: targetSeries\n  };\n  if (optionHorizontal && typeof optionHorizontal === 'object') {\n    myChartHorizontal.setOption(optionHorizontal);\n  }\n  window.addEventListener('resize', myChartHorizontal.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_horizontal.js?");
 
 /***/ }),
 
@@ -6563,6 +6563,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/assets/scripts/modules/echarts_line.js":
+/*!****************************************************!*\
+  !*** ./src/assets/scripts/modules/echarts_line.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartLine: () => (/* binding */ createChartLine)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n////// Line chart\n\n\nfunction createChartLine(target, targetDataX, targetDataY, chartColor, labelColor, valueColor, borderColor) {\n  var chartHeight = 190;\n  var dom = document.getElementById(target);\n  var myChartLine = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartHeight\n  });\n  var optionLine;\n  var optionLine = {\n    grid: {\n      show: false,\n      zlevel: 0,\n      top: 30,\n      right: 20,\n      left: 20,\n      bottom: 30\n    },\n    xAxis: {\n      boundaryGap: false,\n      zlevel: 2,\n      data: targetDataX,\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: true,\n        margin: 15,\n        color: labelColor\n      },\n      axisTick: {\n        show: false\n      }\n    },\n    yAxis: {\n      show: false,\n      min: 0,\n      max: targetDataY\n    },\n    series: [{\n      data: targetDataY,\n      type: 'line',\n      lineStyle: {\n        width: 1,\n        color: chartColor,\n        borderColor: borderColor\n      },\n      zlevel: 1\n    }, {\n      data: targetDataY,\n      type: 'line',\n      lineStyle: {\n        width: 1\n      },\n      symbol: 'circle',\n      symbolSize: 10,\n      itemStyle: {\n        borderWidth: 2,\n        color: chartColor,\n        borderColor: borderColor\n      },\n      label: {\n        show: true,\n        color: valueColor\n      },\n      zlevel: 3\n    }]\n  };\n  if (optionLine && typeof optionLine === 'object') {\n    myChartLine.setOption(optionLine);\n  }\n  window.addEventListener('resize', myChartLine.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_line.js?");
+
+/***/ }),
+
 /***/ "./src/assets/scripts/modules/echarts_vertical.js":
 /*!********************************************************!*\
   !*** ./src/assets/scripts/modules/echarts_vertical.js ***!
@@ -6570,7 +6581,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartVertical: () => (/* binding */ createChartVertical)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n////// Vertical bar chart\n\n\nfunction createChartVertical(target, targetDataY, targetDataX, itemWidth) {\n  var chartHeight = 200;\n  var labelHeight = 20;\n  var dom = document.getElementById(target);\n  var myChartVertical = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartHeight + labelHeight\n  });\n  var itemWidthUser;\n  if (itemWidth) {\n    var itemWidthUser = itemWidth;\n  } else {\n    itemWidthUser = targetDataX.length - 1;\n  }\n  ;\n  var optionVertical;\n  var optionVertical = {\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'shadow'\n      }\n    },\n    grid: {\n      height: chartHeight,\n      top: '15',\n      left: '0',\n      right: '10',\n      bottom: '0',\n      containLabel: true\n    },\n    xAxis: {\n      show: true,\n      type: 'category',\n      max: itemWidthUser,\n      data: targetDataX,\n      axisTick: {\n        show: false\n      },\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: true,\n        width: 100,\n        overflow: \"truncate\",\n        ellipsis: '…',\n        hideOverlap: true,\n        interval: 0\n      }\n    },\n    yAxis: {\n      show: false,\n      type: 'value'\n    },\n    series: [{\n      data: targetDataY,\n      type: 'bar',\n      barWidth: 15,\n      label: {\n        show: true,\n        position: 'center',\n        verticalAlign: 'top',\n        offset: [0, -15]\n      }\n    }]\n  };\n  if (optionVertical && typeof optionVertical === 'object') {\n    myChartVertical.setOption(optionVertical);\n  }\n  window.addEventListener('resize', myChartVertical.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_vertical.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   createChartVertical: () => (/* binding */ createChartVertical)\n/* harmony export */ });\n/* harmony import */ var echarts__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! echarts */ \"./node_modules/echarts/index.js\");\n////// Vertical bar chart\n\n\nfunction createChartVertical(target, targetDataY, targetDataX, labelColor, valueColor, itemWidth) {\n  var chartHeight = 200;\n  var labelHeight = 20;\n  var dom = document.getElementById(target);\n  var myChartVertical = echarts__WEBPACK_IMPORTED_MODULE_0__.init(dom, null, {\n    renderer: 'canvas',\n    useDirtyRect: false,\n    height: chartHeight + labelHeight\n  });\n  var itemWidthUser;\n  if (itemWidth) {\n    var itemWidthUser = itemWidth;\n  } else {\n    itemWidthUser = targetDataX.length - 1;\n  }\n  ;\n  var optionVertical;\n  var optionVertical = {\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'shadow'\n      }\n    },\n    grid: {\n      height: chartHeight,\n      top: '15',\n      left: '0',\n      right: '10',\n      bottom: '0',\n      containLabel: true\n    },\n    xAxis: {\n      show: true,\n      type: 'category',\n      max: itemWidthUser,\n      data: targetDataX,\n      axisTick: {\n        show: false\n      },\n      axisLine: {\n        show: false\n      },\n      axisLabel: {\n        show: true,\n        width: 100,\n        overflow: \"truncate\",\n        ellipsis: '…',\n        hideOverlap: true,\n        interval: 0,\n        color: labelColor\n      }\n    },\n    yAxis: {\n      show: false,\n      type: 'value'\n    },\n    series: [{\n      data: targetDataY,\n      type: 'bar',\n      barWidth: 15,\n      label: {\n        show: true,\n        position: 'center',\n        verticalAlign: 'top',\n        offset: [0, -15],\n        color: valueColor\n      }\n    }]\n  };\n  if (optionVertical && typeof optionVertical === 'object') {\n    myChartVertical.setOption(optionVertical);\n  }\n  window.addEventListener('resize', myChartVertical.resize);\n}\n\n//# sourceURL=webpack://testio-tailwind/./src/assets/scripts/modules/echarts_vertical.js?");
 
 /***/ })