testio-tailwind 3.2.0 → 3.4.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-1-fixed\", _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, 10);\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?");
 
 /***/ })
 

package/index.html

@@ -1,405 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!--
-  Maintained with the excellent knowledge from https://htmlhead.dev
-  These comments will be removed in production
-
-  ========================
-
-  The following 2 meta tags *must* come first in the <head>
-  to consistently ensure proper document rendering.
-  Any other head element should come *after* these tags.
--->
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-
-<!-- Set the base URL for all relative URLs within the document -->
-<base href="/">
-
-<!-- 
-  Short description of the document (limit to 150 characters)
-  This content *may* be used as a part of search engine results. 
--->
-<meta name="description" content="Tailwind based design system for Test IO">
-
-<!-- Control the behavior of search engine crawling and indexing -->
-<meta name="robots" content="index,follow"><!-- All Search Engines -->
-<meta name="googlebot" content="index,follow"><!-- Google Specific -->
-
-<!-- Tells Google not to show the sitelinks search box -->
-<meta name="google" content="nositelinkssearchbox">
-<!-- Tells Google not to provide a translation for this document -->
-<meta name="google" content="notranslate">
-
-<!-- Identify the software used to build the document, Eleventy ftw! -->
-<meta name="generator" content="eleventy">
-
-<!-- Disable automatic detection and formatting of possible phone numbers -->
-<meta name="format-detection" content="telephone=no">
-
-<!-- Helps prevent duplicate content issues -->
-<link rel="canonical" href="https://test.io/">
-
-<title>Test IO - TailWind - Test IO TailWind</title>
-
-<!-- Links to information about the author(s) of the document -->
-<link rel="author" href="humans.txt">
-
-<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-touch-icon.png">
-<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
-<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
-<link rel="manifest" href="/site.webmanifest">
-<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-<meta name="msapplication-TileColor" content="#000000">
-<meta name="theme-color" content="#ffffff">
-
-<!-- Facebook Open Graph meta -->
-<meta property="og:url" content="https://test.io/">
-<meta property="og:type" content="website">
-<meta property="og:title" content="Test IO - TailWind">
-
-<meta property="og:description" content="Tailwind based design system for Test IO" />
-<meta property="og:site_name" content="Test IO TailWind">
-<meta property="og:locale" content="en_US">
-<meta property="article:author" content="test IO">
-
-<!-- Twitter Open Graph meta -->
-<meta name="twitter:card" content="summary_large_image">
-<meta name="twitter:site" content="">
-<meta name="twitter:creator" content="">
-
-<!-- disallow Twitter from using your site's info for personalization purposes -->
-<meta name="twitter:dnt" content="on">
-
-    
-    <link rel="stylesheet" href="/static/app.compiled.css" id="testio-tailwind" title="Test IO TailWind">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.13.0/beautify-html.js"></script>
-    <script>
-      window.onload = () => {
-        const previews = document.getElementsByClassName("html-preview");
-        for (i = 0; i < previews.length; i++) {
-          previews[i].innerText = html_beautify(previews[i].textContent)
-        }
-      }
-    </script>
-
-  </head>
-  
-  <body class="app-body">
-    <header class="header manager">
-      <div class="navlinks logo-wrapper">
-        <a class="navlink header-logo" href="/"></a>
-      </div>
-      <div class="navlinks">
-        
-          <a href="/ci/"
-              
-              class="navlink
-              ">
-            CI
-          </a>
-        
-          <a href="/colors/"
-              
-              class="navlink
-              ">
-            Colors
-          </a>
-        
-          <a href="/buttons/"
-              
-              class="navlink
-              ">
-            Buttons
-          </a>
-        
-          <a href="/components/"
-              
-              class="navlink
-              ">
-            Components
-          </a>
-        
-          <a href="/forms/"
-              
-              class="navlink
-              ">
-            Forms
-          </a>
-        
-          <a href="/charts/"
-              
-              class="navlink
-              ">
-            Charts
-          </a>
-        
-          <a href="/icons/"
-              
-              class="navlink
-              ">
-            Icons
-          </a>
-        
-          <a href="/layout/"
-              
-              class="navlink
-              ">
-            Layout
-          </a>
-        
-          <a href="/navigation/"
-              
-              class="navlink
-              ">
-            Navigation
-          </a>
-        
-          <a href="/typography/"
-              
-              class="navlink
-              ">
-            Typography
-          </a>
-        
-        <details class="header-dropdown">
-          <summary class="navlink">Spaces</summary>
-          <div class="dropdown-menu">
-            <a href="/issuing" class="dropdown-link">Issuing</a>
-          </div>
-        </details>
-        <details class="header-dropdown">
-          <summary class="navlink">Examples</summary>
-          <div class="dropdown-menu">
-            
-              <a href="/pages/examples/layout-actionbar/"
-                  class="dropdown-link">
-                Layout with actionbar
-              </a>
-            
-              <a href="/pages/examples/layout-basic/"
-                  class="dropdown-link">
-                Layout basic
-              </a>
-            
-              <a href="/pages/examples/layout-chat/"
-                  class="dropdown-link">
-                Layout chat page
-              </a>
-            
-              <a href="/pages/examples/layout-customer/"
-                  class="dropdown-link">
-                Layout Customer UI
-              </a>
-            
-              <a href="/pages/examples/layout-form-sidebar-actionbar-metasidebar/"
-                  class="dropdown-link">
-                Form layout with sidebar, metasidebar and actionbar
-              </a>
-            
-              <a href="/pages/examples/layout-manager/"
-                  class="dropdown-link">
-                Layout Team Leader UI
-              </a>
-            
-              <a href="/pages/examples/layout-metasidebar/"
-                  class="dropdown-link">
-                Layout with metasidebar
-              </a>
-            
-              <a href="/pages/examples/layout-sidebar-actionbar-metasidebar/"
-                  class="dropdown-link">
-                Layout with sidebar, metasidebar and actionbar
-              </a>
-            
-              <a href="/pages/examples/layout-sidebar-actionbar/"
-                  class="dropdown-link">
-                Layout with sidebar and actionbar
-              </a>
-            
-              <a href="/pages/examples/layout-sidebar/"
-                  class="dropdown-link">
-                Layout with sidebar
-              </a>
-            
-              <a href="/pages/examples/layout-tester/"
-                  class="dropdown-link">
-                Layout Tester UI
-              </a>
-            
-              <a href="/pages/examples/splitview-testcases/"
-                  class="dropdown-link">
-                Splitview Test Case Executions
-              </a>
-            
-              <a href="/pages/examples/splitview/"
-                  class="dropdown-link">
-                Splitview Layout
-              </a>
-            
-          </div>
-        </details>
-
-      </div>
-
-
-      <!-- Mobile menu button-->
-      <div class="mobile-links">
-        <details>
-            <summary class="mobile-menu-btn"><div class="navlink"><span class="sr-only">Open main menu</span><!-- Icon when menu is closed.--><span class="text-xl icon icon-menu" aria-hidden="true"></span></div></summary>
-            <div class="mobile-menu sidebar">
-            
-              
-                <a href="/ci/"
-                    
-                    class="navlink
-                    ">
-                  CI
-                </a>
-              
-                <a href="/colors/"
-                    
-                    class="navlink
-                    ">
-                  Colors
-                </a>
-              
-                <a href="/buttons/"
-                    
-                    class="navlink
-                    ">
-                  Buttons
-                </a>
-              
-                <a href="/components/"
-                    
-                    class="navlink
-                    ">
-                  Components
-                </a>
-              
-                <a href="/forms/"
-                    
-                    class="navlink
-                    ">
-                  Forms
-                </a>
-              
-                <a href="/charts/"
-                    
-                    class="navlink
-                    ">
-                  Charts
-                </a>
-              
-                <a href="/icons/"
-                    
-                    class="navlink
-                    ">
-                  Icons
-                </a>
-              
-                <a href="/layout/"
-                    
-                    class="navlink
-                    ">
-                  Layout
-                </a>
-              
-                <a href="/navigation/"
-                    
-                    class="navlink
-                    ">
-                  Navigation
-                </a>
-              
-                <a href="/typography/"
-                    
-                    class="navlink
-                    ">
-                  Typography
-                </a>
-              
-
-              <details>
-                <summary class="navlink-container"><div class="navlink">Examples</div></summary>
-                
-                  <a href="/pages/examples/layout-actionbar/"
-                      class="navlink">
-                    Layout with actionbar
-                  </a>
-                
-                  <a href="/pages/examples/layout-basic/"
-                      class="navlink">
-                    Layout basic
-                  </a>
-                
-                  <a href="/pages/examples/layout-chat/"
-                      class="navlink">
-                    Layout chat page
-                  </a>
-                
-                  <a href="/pages/examples/layout-customer/"
-                      class="navlink">
-                    Layout Customer UI
-                  </a>
-                
-                  <a href="/pages/examples/layout-form-sidebar-actionbar-metasidebar/"
-                      class="navlink">
-                    Form layout with sidebar, metasidebar and actionbar
-                  </a>
-                
-                  <a href="/pages/examples/layout-manager/"
-                      class="navlink">
-                    Layout Team Leader UI
-                  </a>
-                
-                  <a href="/pages/examples/layout-metasidebar/"
-                      class="navlink">
-                    Layout with metasidebar
-                  </a>
-                
-                  <a href="/pages/examples/layout-sidebar-actionbar-metasidebar/"
-                      class="navlink">
-                    Layout with sidebar, metasidebar and actionbar
-                  </a>
-                
-                  <a href="/pages/examples/layout-sidebar-actionbar/"
-                      class="navlink">
-                    Layout with sidebar and actionbar
-                  </a>
-                
-                  <a href="/pages/examples/layout-sidebar/"
-                      class="navlink">
-                    Layout with sidebar
-                  </a>
-                
-                  <a href="/pages/examples/layout-tester/"
-                      class="navlink">
-                    Layout Tester UI
-                  </a>
-                
-                  <a href="/pages/examples/splitview-testcases/"
-                      class="navlink">
-                    Splitview Test Case Executions
-                  </a>
-                
-                  <a href="/pages/examples/splitview/"
-                      class="navlink">
-                    Splitview Layout
-                  </a>
-                
-              </details>
-            </div>
-        </details>
-
-      </div>
-    </header>
-
-  
-    <main class="main-content main-content-padding flex flex-col justify-start items-center"><div class="w-spacing-8xl flex flex-col justify-center items-center"><img class="w-spacing-3xl h-spacing-3xl mb-8 mt-5" src="/assets/images/logo-testio/testio_vertical_purpleteal_black.svg"/><p class="max-w-paragraph mb-8">This design system provides Test IO themed components based on TailWindCSS. It helps designers and developers build products and services more easily. Component classes, and HTML snippets offer a starting point for development.</p><a class="mb-8" href="https://badge.fury.io/js/testio-tailwind"><img src="https://badge.fury.io/js/testio-tailwind.svg" alt="npm version" height="40"/></a></div><div class="w-spacing-8xl"><div class="section-header"><h3 class="section-title">Technology</h3></div><div class="trix-content"><ul class="max-w-paragraph mb-8"><li>TailWindCSS V4 for compiling CSS</li><li>Eleventy V2 for building this website</li></ul></div><div class="section-header"><h3 class="section-title">Integration</h3></div><div class="trix-content max-w-paragraph"><ol><li>Import <code>app.css</code>to get all relevant modules and files.</li><li> Run TailWindCSS V4 CLI to compile everything.<br/>Example TailWind configuration:<br/><code>npx @tailwindcss/cli -i input/app.css -o output/app.compiled.css</code></li></ol></div></div></main>
-  
-  </body>
-  <script src="/static/app.bundled.js"></script>
-</html>