mario-education 2.4.153-level → 2.4.155-level

package/dist/index.js

@@ -28494,7 +28494,7 @@ var gradeOptions = function gradeOptions(grades, studentUserId) {
     };
   });
 };
-var learningStrategyChartOptions = function learningStrategyChartOptions(labelNames, usageCountList, isDonutChart) {
+var learningStrategyChartOptions = function learningStrategyChartOptions(labelNames, usageCountList, isMobileScreen) {
   return {
     legend: {
       show: false,
@@ -28502,6 +28502,7 @@ var learningStrategyChartOptions = function learningStrategyChartOptions(labelNa
     },
     chart: {
       type: "bar",
+      offsetX: !isMobileScreen ? 0 : -275,
       toolbar: {
         show: false
       }
@@ -28563,30 +28564,26 @@ var learningStrategyChartOptions = function learningStrategyChartOptions(labelNa
         show: true,
         align: "left",
         minWidth: 0,
-        maxWidth: 250,
+        maxWidth: 400,
         style: {
-          fontSize: "14px",
+          fontSize: !isMobileScreen ? "14px" : "12px",
           fontFamily: 'Poppins-Regular !important',
-          fontWeight: 400,
+          fontWeight: !isMobileScreen ? 400 : 600,
           cssClass: "apexcharts-yaxis-label"
         },
-        offsetX: 0,
-        offsetY: 0,
+        offsetX: !isMobileScreen ? 0 : 280,
+        offsetY: !isMobileScreen ? 0 : -10,
         rotate: 0
       }
     },
     dataLabels: {
       enabled: true,
-      formatter: function formatter(val, opts) {
+      formatter: function formatter(val) {
         if (!val) {
           return "";
         }
 
-        if (!isDonutChart) {
-          return typeof val === "number" ? val.toFixed(2) + "%" : "" + val;
-        } else {
-          return usageCountList[opts.seriesIndex];
-        }
+        return typeof val === "number" ? val.toFixed(2) + "%" : "" + val;
       },
       style: {
         colors: ["#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#242424"]
@@ -30891,6 +30888,8 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
 
   var data = _ref2.data;
   if (!data) return React__default.createElement(Loading, null);
+  var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+  var isMobileScreen = screenWidth < 576;
   var learningStrategies = (data === null || data === void 0 ? void 0 : (_data$learningStrateg = data.learningStrategies) === null || _data$learningStrateg === void 0 ? void 0 : _data$learningStrateg.sort(function (a, b) {
     return average(b.usagePoint) - average(a.usagePoint);
   })) || [];
@@ -30910,6 +30909,15 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
       return average(i.usagePoint);
     })
   }];
+  var seriesLearningStrategyMobile = [{
+    name: "",
+    data: [0]
+  }, {
+    name: "Perceived Usefulness",
+    data: learningStrategies === null || learningStrategies === void 0 ? void 0 : learningStrategies.map(function (i) {
+      return average(i.usagePoint);
+    })
+  }];
   var top5LearningItems = (learningStrategies === null || learningStrategies === void 0 ? void 0 : (_learningStrategies$f = learningStrategies.filter(function (r) {
     return r.usageCount > 0;
   })) === null || _learningStrategies$f === void 0 ? void 0 : (_learningStrategies$f2 = _learningStrategies$f.sort(function (a, b) {
@@ -30986,11 +30994,11 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
   }, "The Effectiveness of Learning Strategies by Student's feedback"))), seriesLearningStrategy.some(function (i) {
     return i.data;
   }) ? React__default.createElement("div", null, React__default.createElement(Chart, {
-    options: learningStrategyChartOptions(wrapLabel, usageCount),
-    series: seriesLearningStrategy,
+    options: learningStrategyChartOptions(!isMobileScreen ? wrapLabel : labelNames, usageCount, isMobileScreen),
+    series: !isMobileScreen ? seriesLearningStrategy : seriesLearningStrategyMobile,
     type: "bar",
-    width: "100%",
-    height: 500
+    width: !isMobileScreen ? "100%" : screenWidth + 220,
+    height: !isMobileScreen ? 500 : 600
   }), React__default.createElement("p", {
     className: "" + styles$1["name-chart"]
   }, "Perceived Usefulness")) : React__default.createElement("img", {
@@ -31030,196 +31038,568 @@ var propsAreEqual = function propsAreEqual(preProps, nextProps) {
 
 var TopLearningStrategy$1 = React__default.memo(TopLearningStrategy, propsAreEqual);
 
-var headerLogo = "../images/main-logo-blue.png";
-
-var DashboardToPDF = function DashboardToPDF(props) {
-  var startTime = props.startTime,
-      endTime = props.endTime,
-      selectedToPDF = props.selectedToPDF,
-      activeColumnPreparedness = props.activeColumnPreparedness,
-      activeColumnSuccessIndicators = props.activeColumnSuccessIndicators,
-      avgQuestionLastMonth = props.avgQuestionLastMonth,
-      dayOfWeekOneToOne = props.dayOfWeekOneToOne,
-      monthsOneToOne = props.monthsOneToOne,
-      preparednessData = props.preparednessData,
-      safetyData = props.safetyData,
-      stressData = props.stressData,
-      successIndicatorsData = props.successIndicatorsData,
-      topLearningStrategiesData = props.topLearningStrategiesData,
-      timeOfDay = props.timeOfDay,
-      seriesConference = props.seriesConference,
-      monthsConference = props.monthsConference,
-      activeColumnConference = props.activeColumnConference,
-      dayOfWeekConference = props.dayOfWeekConference,
-      avgConferenceLastMonth = props.avgConferenceLastMonth;
+var BubbleChartCustom = function BubbleChartCustom(_ref) {
+  var data = _ref.data;
 
   var _useTranslation = marioCore.useTranslation(),
       t = _useTranslation.t;
 
-  var dispatch = reactRedux.useDispatch();
-
-  var generatePDF = function generatePDF() {
-    try {
-      var _temp30 = function _temp30() {
-        dispatch(marioCore.setLoading(false));
-      };
-
-      dispatch(marioCore.setLoading(true));
-
-      var _temp31 = _catch(function () {
-        function _temp27() {
-          function _temp25() {
-            function _temp23() {
-              function _temp21() {
-                function _temp19() {
-                  function _temp17() {
-                    doc.save("DashBoard.pdf");
-                  }
-
-                  var _temp16 = function () {
-                    if (selectedToPDF.includes(topLearningStrategyName)) {
-                      var chart = document.getElementById("learning_strategy");
-                      return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                        doc.setFontSize(8);
-                        left = 20;
-                        doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 450, 150);
-                        doc.setFontSize(8);
-                      });
-                    }
-                  }();
-
-                  return _temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16);
-                }
+  if (!data) return React__default.createElement("div", {
+    className: "flex justify-content-center align-items-center",
+    style: {
+      height: 450
+    }
+  }, React__default.createElement("div", null, "No Data"));
+  var seriesName = seriesNameBubbleChartCustom(data);
+  return React__default.createElement("div", {
+    className: "" + styles$1["size-100"]
+  }, React__default.createElement("div", {
+    className: "" + styles$1["block-header-chart"]
+  }, React__default.createElement("p", {
+    className: styles$1["title-chart"] + " " + styles$1["ml-10"]
+  }, t(studentDistribution))), React__default.createElement("div", {
+    className: "" + styles$1["bubble-chart-custom"]
+  }, React__default.createElement("div", {
+    className: styles$1["chart-custom"]
+  }, React__default.createElement("div", {
+    className: styles$1["chart-buddle"]
+  }, React__default.createElement("div", null, React__default.createElement("div", {
+    className: styles$1["legend-wrap"]
+  }, seriesName.map(function (i, index) {
+    return React__default.createElement("div", {
+      className: "" + styles$1["item"],
+      key: index
+    }, React__default.createElement("div", {
+      className: "" + styles$1["mark-custom"],
+      style: {
+        backgroundColor: COLOR_CHART_BUBBLE[index]
+      }
+    }), React__default.createElement("label", {
+      className: "" + styles$1["label-legend-custom"]
+    }, i));
+  })), React__default.createElement(Chart, {
+    options: readinesToLearnoptions(seriesName, data),
+    type: "scatter",
+    series: convertDataToSeriesBullderChart(data),
+    width: "100%",
+    height: 250
+  }))))));
+};
 
-                var _temp18 = function () {
-                  if (selectedToPDF.includes(learningProcessName)) {
-                    return Promise.resolve(createImageHeader()).then(function () {
-                      doc.setFontSize(14);
-                      doc.setFont("Helvetica", "normal", "bold");
-                      doc.text(t(learningProcessName), left, line);
-                      line += 20;
-                      var chart = document.getElementById("learning_progress");
-                      return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                        function _temp15() {
-                          left = 20;
-                          doc.addImage(canvas.toDataURL("image/png"), 10, line + 70, 420, heightChart);
-                          doc.setFontSize(8);
-                          doc.addPage();
-                          line = 80;
-                          left = 20;
-                        }
+function propsAreEqual$1(prevProps, nextProps) {
+  return JSON.stringify(prevProps === null || prevProps === void 0 ? void 0 : prevProps.data) === JSON.stringify(nextProps === null || nextProps === void 0 ? void 0 : nextProps.data);
+}
 
-                        var lineOptionPrecess = line;
-                        doc.setFontSize(8);
-                        var questions = seriesConference.map(function (r) {
-                          return r.name;
-                        });
+var BubbleChartCustom$1 = React__default.memo(BubbleChartCustom, propsAreEqual$1);
 
-                        var _temp14 = _forTo(monthsConference, function (index) {
-                          var _line = line;
-                          doc.setFontSize(12);
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(monthsConference[index], left, _line);
-                          doc.setFontSize(8);
-
-                          for (var indexResult = 0; indexResult < (seriesConference === null || seriesConference === void 0 ? void 0 : seriesConference.length); indexResult++) {
-                            var avg = seriesConference[indexResult].data[index];
-
-                            if (avg != 0) {
-                              var questionText = questions[indexResult];
-
-                              if (questionText != "") {
-                                doc.setDrawColor(0);
-                                doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
-                                doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
-                                doc.setFont("Helvetica", "normal", "bold");
-                                doc.text(questionText + ":", left + 8, _line + 10);
-                                doc.setFont("Helvetica", "normal", "normal");
-                                doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
-                              }
+var backgroundPressure = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxMSIgaGVpZ2h0PSIzNDIiIHZpZXdCb3g9IjAgMCAxMDExIDM0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8zOTAxXzM4NDkxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIxOCIgd2lkdGg9IjEwMTEiIGhlaWdodD0iMzI0Ij4NCjxwYXRoIGQ9Ik0xMDExIDM0MkM3MTMuODEzIDM0MiA4NDIuMzY0IDE4IDU0Ni41NiAxOEMyNTAuNzU1IDE4IDM3OCAzNDIgMCAzNDJIMTAxMVoiIGZpbGw9IiNEOUQ5RDkiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMzkwMV8zODQ5MSkiPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjIyMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDAgMzQyKSIgZmlsbD0iI0M0NDE0MCIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeD0iODA5IiB5PSIzNDIiIHdpZHRoPSIzMjQiIGhlaWdodD0iMjAyIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgODA5IDM0MikiIGZpbGw9IiNDNDQxNDAiLz4NCjxyZWN0IG9wYWNpdHk9IjAuMDgiIHg9IjY0NSIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjE2NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDY0NSAzNDIpIiBmaWxsPSIjRkZCMDRGIi8+DQo8cmVjdCBvcGFjaXR5PSIwLjA4IiB4PSI0NjIiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIxODMiIHRyYW5zZm9ybT0icm90YXRlKC05MCA0NjIgMzQyKSIgZmlsbD0iIzBGOTY1NSIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4xIiB4PSIyMjEiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIyNDEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMjEgMzQyKSIgZmlsbD0iIzgxQzkzNSIvPg0KPC9nPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTQ4NS44MTQgNDcuMDg0QzQ4NS4wMjIgNDcuMDg0IDQ4NC4yOTQgNDYuOSA0ODMuNjMgNDYuNTMyQzQ4Mi45NzQgNDYuMTY0IDQ4Mi40NSA0NS42NTIgNDgyLjA1OCA0NC45OTZDNDgxLjY3NCA0NC4zMzIgNDgxLjQ4MiA0My41ODggNDgxLjQ4MiA0Mi43NjRDNDgxLjQ4MiA0MS45NCA0ODEuNjc0IDQxLjIgNDgyLjA1OCA0MC41NDRDNDgyLjQ1IDM5Ljg4OCA0ODIuOTc0IDM5LjM3NiA0ODMuNjMgMzkuMDA4QzQ4NC4yOTQgMzguNjQgNDg1LjAyMiAzOC40NTYgNDg1LjgxNCAzOC40NTZDNDg2LjYwNiAzOC40NTYgNDg3LjMzIDM4LjY0IDQ4Ny45ODYgMzkuMDA4QzQ4OC42NSAzOS4zNzYgNDg5LjE3IDM5Ljg4OCA0ODkuNTQ2IDQwLjU0NEM0ODkuOTMgNDEuMiA0OTAuMTIyIDQxLjk0IDQ5MC4xMjIgNDIuNzY0QzQ5MC4xMjIgNDMuNTg4IDQ4OS45MyA0NC4zMzIgNDg5LjU0NiA0NC45OTZDNDg5LjE2MiA0NS42NTIgNDg4LjY0MiA0Ni4xNjQgNDg3Ljk4NiA0Ni41MzJDNDg3LjMzIDQ2LjkgNDg2LjYwNiA0Ny4wODQgNDg1LjgxNCA0Ny4wODRaTTQ4NS44MTQgNDUuMjEyQzQ4Ni40ODYgNDUuMjEyIDQ4Ny4wMjIgNDQuOTg4IDQ4Ny40MjIgNDQuNTRDNDg3LjgzIDQ0LjA5MiA0ODguMDM0IDQzLjUgNDg4LjAzNCA0Mi43NjRDNDg4LjAzNCA0Mi4wMiA0ODcuODMgNDEuNDI4IDQ4Ny40MjIgNDAuOTg4QzQ4Ny4wMjIgNDAuNTQgNDg2LjQ4NiA0MC4zMTYgNDg1LjgxNCA0MC4zMTZDNDg1LjEzNCA0MC4zMTYgNDg0LjU5IDQwLjUzNiA0ODQuMTgyIDQwLjk3NkM0ODMuNzgyIDQxLjQxNiA0ODMuNTgyIDQyLjAxMiA0ODMuNTgyIDQyLjc2NEM0ODMuNTgyIDQzLjUwOCA0ODMuNzgyIDQ0LjEwNCA0ODQuMTgyIDQ0LjU1MkM0ODQuNTkgNDQuOTkyIDQ4NS4xMzQgNDUuMjEyIDQ4NS44MTQgNDUuMjEyWk00OTcuNjg0IDQxLjI4OEM0OTcuNjg0IDQxLjc3NiA0OTcuNTcyIDQyLjIyNCA0OTcuMzQ4IDQyLjYzMkM0OTcuMTI0IDQzLjAzMiA0OTYuNzggNDMuMzU2IDQ5Ni4zMTYgNDMuNjA0QzQ5NS44NTIgNDMuODUyIDQ5NS4yNzYgNDMuOTc2IDQ5NC41ODggNDMuOTc2SDQ5My4zMTZWNDdINDkxLjI2NFYzOC41NzZINDk0LjU4OEM0OTUuMjYgMzguNTc2IDQ5NS44MjggMzguNjkyIDQ5Ni4yOTIgMzguOTI0QzQ5Ni43NTYgMzkuMTU2IDQ5Ny4xMDQgMzkuNDc2IDQ5Ny4zMzYgMzkuODg0QzQ5Ny41NjggNDAuMjkyIDQ5Ny42ODQgNDAuNzYgNDk3LjY4NCA0MS4yODhaTTQ5NC40MzIgNDIuMzQ0QzQ5NC44MjQgNDIuMzQ0IDQ5NS4xMTYgNDIuMjUyIDQ5NS4zMDggNDIuMDY4QzQ5NS41IDQxLjg4NCA0OTUuNTk2IDQxLjYyNCA0OTUuNTk2IDQxLjI4OEM0OTUuNTk2IDQwLjk1MiA0OTUuNSA0MC42OTIgNDk1LjMwOCA0MC41MDhDNDk1LjExNiA0MC4zMjQgNDk0LjgyNCA0MC4yMzIgNDk0LjQzMiA0MC4yMzJINDkzLjMxNlY0Mi4zNDRINDk0LjQzMlpNNTA0LjgxMiAzOC41NzZWNDAuMjJINTAyLjU4VjQ3SDUwMC41MjhWNDAuMjJINDk4LjI5NlYzOC41NzZINTA0LjgxMlpNNTA3Ljg5NCAzOC41NzZWNDdINTA1Ljg0MlYzOC41NzZINTA3Ljg5NFpNNTE4LjkyMSAzOC41NzZWNDdINTE2Ljg2OVY0MS45NDhMNTE0Ljk4NSA0N0g1MTMuMzI5TDUxMS40MzMgNDEuOTM2VjQ3SDUwOS4zODFWMzguNTc2SDUxMS44MDVMNTE0LjE2OSA0NC40MDhMNTE2LjUwOSAzOC41NzZINTE4LjkyMVpNNTI1LjY0IDQ1LjUxMkg1MjIuNDk2TDUyMS45OTIgNDdINTE5Ljg0NEw1MjIuODkyIDM4LjU3Nkg1MjUuMjY4TDUyOC4zMTYgNDdINTI2LjE0NEw1MjUuNjQgNDUuNTEyWk01MjUuMTEyIDQzLjkyOEw1MjQuMDY4IDQwLjg0NEw1MjMuMDM2IDQzLjkyOEg1MjUuMTEyWk01MzEuMjk2IDQ1LjQxNkg1MzMuOTg0VjQ3SDUyOS4yNDRWMzguNTc2SDUzMS4yOTZWNDUuNDE2Wk01NDMuOTI2IDQxLjI4OEM1NDMuOTI2IDQxLjc3NiA1NDMuODE0IDQyLjIyNCA1NDMuNTkgNDIuNjMyQzU0My4zNjYgNDMuMDMyIDU0My4wMjIgNDMuMzU2IDU0Mi41NTggNDMuNjA0QzU0Mi4wOTQgNDMuODUyIDU0MS41MTggNDMuOTc2IDU0MC44MyA0My45NzZINTM5LjU1OFY0N0g1MzcuNTA2VjM4LjU3Nkg1NDAuODNDNTQxLjUwMiAzOC41NzYgNTQyLjA3IDM4LjY5MiA1NDIuNTM0IDM4LjkyNEM1NDIuOTk4IDM5LjE1NiA1NDMuMzQ2IDM5LjQ3NiA1NDMuNTc4IDM5Ljg4NEM1NDMuODEgNDAuMjkyIDU0My45MjYgNDAuNzYgNTQzLjkyNiA0MS4yODhaTTU0MC42NzQgNDIuMzQ0QzU0MS4wNjYgNDIuMzQ0IDU0MS4zNTggNDIuMjUyIDU0MS41NSA0Mi4wNjhDNTQxLjc0MiA0MS44ODQgNTQxLjgzOCA0MS42MjQgNTQxLjgzOCA0MS4yODhDNTQxLjgzOCA0MC45NTIgNTQxLjc0MiA0MC42OTIgNTQxLjU1IDQwLjUwOEM1NDEuMzU4IDQwLjMyNCA1NDEuMDY2IDQwLjIzMiA1NDAuNjc0IDQwLjIzMkg1MzkuNTU4VjQyLjM0NEg1NDAuNjc0Wk01NDcuMDQ2IDQwLjIyVjQxLjkyNEg1NDkuNzk0VjQzLjUwOEg1NDcuMDQ2VjQ1LjM1Nkg1NTAuMTU0VjQ3SDU0NC45OTRWMzguNTc2SDU1MC4xNTRWNDAuMjJINTQ3LjA0NlpNNTU1Ljc4MiA0N0w1NTQuMDMgNDMuODJINTUzLjUzOFY0N0g1NTEuNDg2VjM4LjU3Nkg1NTQuOTNDNTU1LjU5NCAzOC41NzYgNTU2LjE1OCAzOC42OTIgNTU2LjYyMiAzOC45MjRDNTU3LjA5NCAzOS4xNTYgNTU3LjQ0NiAzOS40NzYgNTU3LjY3OCAzOS44ODRDNTU3LjkxIDQwLjI4NCA1NTguMDI2IDQwLjczMiA1NTguMDI2IDQxLjIyOEM1NTguMDI2IDQxLjc4OCA1NTcuODY2IDQyLjI4OCA1NTcuNTQ2IDQyLjcyOEM1NTcuMjM0IDQzLjE2OCA1NTYuNzcgNDMuNDggNTU2LjE1NCA0My42NjRMNTU4LjA5OCA0N0g1NTUuNzgyWk01NTMuNTM4IDQyLjM2OEg1NTQuODFDNTU1LjE4NiA0Mi4zNjggNTU1LjQ2NiA0Mi4yNzYgNTU1LjY1IDQyLjA5MkM1NTUuODQyIDQxLjkwOCA1NTUuOTM4IDQxLjY0OCA1NTUuOTM4IDQxLjMxMkM1NTUuOTM4IDQwLjk5MiA1NTUuODQyIDQwLjc0IDU1NS42NSA0MC41NTZDNTU1LjQ2NiA0MC4zNzIgNTU1LjE4NiA0MC4yOCA1NTQuODEgNDAuMjhINTUzLjUzOFY0Mi4zNjhaTTU2NC43OTggMzguNTc2VjQwLjIySDU2MS4zNjZWNDEuOTk2SDU2My45MzRWNDMuNTkySDU2MS4zNjZWNDdINTU5LjMxNFYzOC41NzZINTY0Ljc5OFpNNTY5Ljg2MSA0Ny4wODRDNTY5LjA2OSA0Ny4wODQgNTY4LjM0MSA0Ni45IDU2Ny42NzcgNDYuNTMyQzU2Ny4wMjEgNDYuMTY0IDU2Ni40OTcgNDUuNjUyIDU2Ni4xMDUgNDQuOTk2QzU2NS43MjEgNDQuMzMyIDU2NS41MjkgNDMuNTg4IDU2NS41MjkgNDIuNzY0QzU2NS41MjkgNDEuOTQgNTY1LjcyMSA0MS4yIDU2Ni4xMDUgNDAuNTQ0QzU2Ni40OTcgMzkuODg4IDU2Ny4wMjEgMzkuMzc2IDU2Ny42NzcgMzkuMDA4QzU2OC4zNDEgMzguNjQgNTY5LjA2OSAzOC40NTYgNTY5Ljg2MSAzOC40NTZDNTcwLjY1MyAzOC40NTYgNTcxLjM3NyAzOC42NCA1NzIuMDMzIDM5LjAwOEM1NzIuNjk3IDM5LjM3NiA1NzMuMjE3IDM5Ljg4OCA1NzMuNTkzIDQwLjU0NEM1NzMuOTc3IDQxLjIgNTc0LjE2OSA0MS45NCA1NzQuMTY5IDQyLjc2NEM1NzQuMTY5IDQzLjU4OCA1NzMuOTc3IDQ0LjMzMiA1NzMuNTkzIDQ0Ljk5NkM1NzMuMjA5IDQ1LjY1MiA1NzIuNjg5IDQ2LjE2NCA1NzIuMDMzIDQ2LjUzMkM1NzEuMzc3IDQ2LjkgNTcwLjY1MyA0Ny4wODQgNTY5Ljg2MSA0Ny4wODRaTTU2OS44NjEgNDUuMjEyQzU3MC41MzMgNDUuMjEyIDU3MS4wNjkgNDQuOTg4IDU3MS40NjkgNDQuNTRDNTcxLjg3NyA0NC4wOTIgNTcyLjA4MSA0My41IDU3Mi4wODEgNDIuNzY0QzU3Mi4wODEgNDIuMDIgNTcxLjg3NyA0MS40MjggNTcxLjQ2OSA0MC45ODhDNTcxLjA2OSA0MC41NCA1NzAuNTMzIDQwLjMxNiA1NjkuODYxIDQwLjMxNkM1NjkuMTgxIDQwLjMxNiA1NjguNjM3IDQwLjUzNiA1NjguMjI5IDQwLjk3NkM1NjcuODI5IDQxLjQxNiA1NjcuNjI5IDQyLjAxMiA1NjcuNjI5IDQyLjc2NEM1NjcuNjI5IDQzLjUwOCA1NjcuODI5IDQ0LjEwNCA1NjguMjI5IDQ0LjU1MkM1NjguNjM3IDQ0Ljk5MiA1NjkuMTgxIDQ1LjIxMiA1NjkuODYxIDQ1LjIxMlpNNTc5LjYwNiA0N0w1NzcuODU0IDQzLjgySDU3Ny4zNjJWNDdINTc1LjMxVjM4LjU3Nkg1NzguNzU0QzU3OS40MTggMzguNTc2IDU3OS45ODIgMzguNjkyIDU4MC40NDYgMzguOTI0QzU4MC45MTggMzkuMTU2IDU4MS4yNyAzOS40NzYgNTgxLjUwMiAzOS44ODRDNTgxLjczNCA0MC4yODQgNTgxLjg1IDQwLjczMiA1ODEuODUgNDEuMjI4QzU4MS44NSA0MS43ODggNTgxLjY5IDQyLjI4OCA1ODEuMzcgNDIuNzI4QzU4MS4wNTggNDMuMTY4IDU4MC41OTQgNDMuNDggNTc5Ljk3OCA0My42NjRMNTgxLjkyMiA0N0g1NzkuNjA2Wk01NzcuMzYyIDQyLjM2OEg1NzguNjM0QzU3OS4wMSA0Mi4zNjggNTc5LjI5IDQyLjI3NiA1NzkuNDc0IDQyLjA5MkM1NzkuNjY2IDQxLjkwOCA1NzkuNzYyIDQxLjY0OCA1NzkuNzYyIDQxLjMxMkM1NzkuNzYyIDQwLjk5MiA1NzkuNjY2IDQwLjc0IDU3OS40NzQgNDAuNTU2QzU3OS4yOSA0MC4zNzIgNTc5LjAxIDQwLjI4IDU3OC42MzQgNDAuMjhINTc3LjM2MlY0Mi4zNjhaTTU5Mi42NzkgMzguNTc2VjQ3SDU5MC42MjdWNDEuOTQ4TDU4OC43NDMgNDdINTg3LjA4N0w1ODUuMTkxIDQxLjkzNlY0N0g1ODMuMTM5VjM4LjU3Nkg1ODUuNTYzTDU4Ny45MjcgNDQuNDA4TDU5MC4yNjcgMzguNTc2SDU5Mi42NzlaTTU5OS4zOTggNDUuNTEySDU5Ni4yNTRMNTk1Ljc1IDQ3SDU5My42MDJMNTk2LjY1IDM4LjU3Nkg1OTkuMDI2TDYwMi4wNzQgNDdINTk5LjkwMkw1OTkuMzk4IDQ1LjUxMlpNNTk4Ljg3IDQzLjkyOEw1OTcuODI2IDQwLjg0NEw1OTYuNzk0IDQzLjkyOEg1OTguODdaTTYxMC41MzggNDdINjA4LjQ4Nkw2MDUuMDU0IDQxLjgwNFY0N0g2MDMuMDAyVjM4LjU3Nkg2MDUuMDU0TDYwOC40ODYgNDMuNzk2VjM4LjU3Nkg2MTAuNTM4VjQ3Wk02MTEuNjc3IDQyLjc3NkM2MTEuNjc3IDQxLjk0NCA2MTEuODU3IDQxLjIwNCA2MTIuMjE3IDQwLjU1NkM2MTIuNTc3IDM5LjkgNjEzLjA3NyAzOS4zOTIgNjEzLjcxNyAzOS4wMzJDNjE0LjM2NSAzOC42NjQgNjE1LjA5NyAzOC40OCA2MTUuOTEzIDM4LjQ4QzYxNi45MTMgMzguNDggNjE3Ljc2OSAzOC43NDQgNjE4LjQ4MSAzOS4yNzJDNjE5LjE5MyAzOS44IDYxOS42NjkgNDAuNTIgNjE5LjkwOSA0MS40MzJINjE3LjY1M0M2MTcuNDg1IDQxLjA4IDYxNy4yNDUgNDAuODEyIDYxNi45MzMgNDAuNjI4QzYxNi42MjkgNDAuNDQ0IDYxNi4yODEgNDAuMzUyIDYxNS44ODkgNDAuMzUyQzYxNS4yNTcgNDAuMzUyIDYxNC43NDUgNDAuNTcyIDYxNC4zNTMgNDEuMDEyQzYxMy45NjEgNDEuNDUyIDYxMy43NjUgNDIuMDQgNjEzLjc2NSA0Mi43NzZDNjEzLjc2NSA0My41MTIgNjEzLjk2MSA0NC4xIDYxNC4zNTMgNDQuNTRDNjE0Ljc0NSA0NC45OCA2MTUuMjU3IDQ1LjIgNjE1Ljg4OSA0NS4yQzYxNi4yODEgNDUuMiA2MTYuNjI5IDQ1LjEwOCA2MTYuOTMzIDQ0LjkyNEM2MTcuMjQ1IDQ0Ljc0IDYxNy40ODUgNDQuNDcyIDYxNy42NTMgNDQuMTJINjE5LjkwOUM2MTkuNjY5IDQ1LjAzMiA2MTkuMTkzIDQ1Ljc1MiA2MTguNDgxIDQ2LjI4QzYxNy43NjkgNDYuOCA2MTYuOTEzIDQ3LjA2IDYxNS45MTMgNDcuMDZDNjE1LjA5NyA0Ny4wNiA2MTQuMzY1IDQ2Ljg4IDYxMy43MTcgNDYuNTJDNjEzLjA3NyA0Ni4xNTIgNjEyLjU3NyA0NS42NDQgNjEyLjIxNyA0NC45OTZDNjExLjg1NyA0NC4zNDggNjExLjY3NyA0My42MDggNjExLjY3NyA0Mi43NzZaTTYyMy4yMTggNDAuMjJWNDEuOTI0SDYyNS45NjZWNDMuNTA4SDYyMy4yMThWNDUuMzU2SDYyNi4zMjZWNDdINjIxLjE2NlYzOC41NzZINjI2LjMyNlY0MC4yMkg2MjMuMjE4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTc3NC45NTMgNDUuMzJINzc4LjU3N1Y0N0g3NzIuNjI1VjQ1LjQ0TDc3Ni4yMjUgNDAuMjU2SDc3Mi42MjVWMzguNTc2SDc3OC41NzdWNDAuMTM2TDc3NC45NTMgNDUuMzJaTTc4My45MDIgNDcuMDg0Qzc4My4xMSA0Ny4wODQgNzgyLjM4MiA0Ni45IDc4MS43MTggNDYuNTMyQzc4MS4wNjIgNDYuMTY0IDc4MC41MzggNDUuNjUyIDc4MC4xNDYgNDQuOTk2Qzc3OS43NjIgNDQuMzMyIDc3OS41NyA0My41ODggNzc5LjU3IDQyLjc2NEM3NzkuNTcgNDEuOTQgNzc5Ljc2MiA0MS4yIDc4MC4xNDYgNDAuNTQ0Qzc4MC41MzggMzkuODg4IDc4MS4wNjIgMzkuMzc2IDc4MS43MTggMzkuMDA4Qzc4Mi4zODIgMzguNjQgNzgzLjExIDM4LjQ1NiA3ODMuOTAyIDM4LjQ1NkM3ODQuNjk0IDM4LjQ1NiA3ODUuNDE4IDM4LjY0IDc4Ni4wNzQgMzkuMDA4Qzc4Ni43MzggMzkuMzc2IDc4Ny4yNTggMzkuODg4IDc4Ny42MzQgNDAuNTQ0Qzc4OC4wMTggNDEuMiA3ODguMjEgNDEuOTQgNzg4LjIxIDQyLjc2NEM3ODguMjEgNDMuNTg4IDc4OC4wMTggNDQuMzMyIDc4Ny42MzQgNDQuOTk2Qzc4Ny4yNSA0NS42NTIgNzg2LjczIDQ2LjE2NCA3ODYuMDc0IDQ2LjUzMkM3ODUuNDE4IDQ2LjkgNzg0LjY5NCA0Ny4wODQgNzgzLjkwMiA0Ny4wODRaTTc4My45MDIgNDUuMjEyQzc4NC41NzQgNDUuMjEyIDc4NS4xMSA0NC45ODggNzg1LjUxIDQ0LjU0Qzc4NS45MTggNDQuMDkyIDc4Ni4xMjIgNDMuNSA3ODYuMTIyIDQyLjc2NEM3ODYuMTIyIDQyLjAyIDc4NS45MTggNDEuNDI4IDc4NS41MSA0MC45ODhDNzg1LjExIDQwLjU0IDc4NC41NzQgNDAuMzE2IDc4My45MDIgNDAuMzE2Qzc4My4yMjIgNDAuMzE2IDc4Mi42NzggNDAuNTM2IDc4Mi4yNyA0MC45NzZDNzgxLjg3IDQxLjQxNiA3ODEuNjcgNDIuMDEyIDc4MS42NyA0Mi43NjRDNzgxLjY3IDQzLjUwOCA3ODEuODcgNDQuMTA0IDc4Mi4yNyA0NC41NTJDNzgyLjY3OCA0NC45OTIgNzgzLjIyMiA0NS4yMTIgNzgzLjkwMiA0NS4yMTJaTTc5Ni44ODcgNDdINzk0LjgzNUw3OTEuNDAzIDQxLjgwNFY0N0g3ODkuMzUxVjM4LjU3Nkg3OTEuNDAzTDc5NC44MzUgNDMuNzk2VjM4LjU3Nkg3OTYuODg3VjQ3Wk04MDAuNDI3IDQwLjIyVjQxLjkyNEg4MDMuMTc1VjQzLjUwOEg4MDAuNDI3VjQ1LjM1Nkg4MDMuNTM1VjQ3SDc5OC4zNzVWMzguNTc2SDgwMy41MzVWNDAuMjJIODAwLjQyN1pNODExLjM5NCA0Ny4wODRDODEwLjYwMiA0Ny4wODQgODA5Ljg3NCA0Ni45IDgwOS4yMSA0Ni41MzJDODA4LjU1NCA0Ni4xNjQgODA4LjAzIDQ1LjY1MiA4MDcuNjM4IDQ0Ljk5NkM4MDcuMjU0IDQ0LjMzMiA4MDcuMDYyIDQzLjU4OCA4MDcuMDYyIDQyLjc2NEM4MDcuMDYyIDQxLjk0IDgwNy4yNTQgNDEuMiA4MDcuNjM4IDQwLjU0NEM4MDguMDMgMzkuODg4IDgwOC41NTQgMzkuMzc2IDgwOS4yMSAzOS4wMDhDODA5Ljg3NCAzOC42NCA4MTAuNjAyIDM4LjQ1NiA4MTEuMzk0IDM4LjQ1NkM4MTIuMTg2IDM4LjQ1NiA4MTIuOTEgMzguNjQgODEzLjU2NiAzOS4wMDhDODE0LjIzIDM5LjM3NiA4MTQuNzUgMzkuODg4IDgxNS4xMjYgNDAuNTQ0QzgxNS41MSA0MS4yIDgxNS43MDIgNDEuOTQgODE1LjcwMiA0Mi43NjRDODE1LjcwMiA0My41ODggODE1LjUxIDQ0LjMzMiA4MTUuMTI2IDQ0Ljk5NkM4MTQuNzQyIDQ1LjY1MiA4MTQuMjIyIDQ2LjE2NCA4MTMuNTY2IDQ2LjUzMkM4MTIuOTEgNDYuOSA4MTIuMTg2IDQ3LjA4NCA4MTEuMzk0IDQ3LjA4NFpNODExLjM5NCA0NS4yMTJDODEyLjA2NiA0NS4yMTIgODEyLjYwMiA0NC45ODggODEzLjAwMiA0NC41NEM4MTMuNDEgNDQuMDkyIDgxMy42MTQgNDMuNSA4MTMuNjE0IDQyLjc2NEM4MTMuNjE0IDQyLjAyIDgxMy40MSA0MS40MjggODEzLjAwMiA0MC45ODhDODEyLjYwMiA0MC41NCA4MTIuMDY2IDQwLjMxNiA4MTEuMzk0IDQwLjMxNkM4MTAuNzE0IDQwLjMxNiA4MTAuMTcgNDAuNTM2IDgwOS43NjIgNDAuOTc2QzgwOS4zNjIgNDEuNDE2IDgwOS4xNjIgNDIuMDEyIDgwOS4xNjIgNDIuNzY0QzgwOS4xNjIgNDMuNTA4IDgwOS4zNjIgNDQuMTA0IDgwOS43NjIgNDQuNTUyQzgxMC4xNyA0NC45OTIgODEwLjcxNCA0NS4yMTIgODExLjM5NCA0NS4yMTJaTTgyMi4zMjggMzguNTc2VjQwLjIySDgxOC44OTZWNDEuOTk2SDgyMS40NjRWNDMuNTkySDgxOC44OTZWNDdIODE2Ljg0NFYzOC41NzZIODIyLjMyOFpNODI5LjEwNSAzOC41NzZDODI5Ljk5MyAzOC41NzYgODMwLjc2OSAzOC43NTIgODMxLjQzMyAzOS4xMDRDODMyLjA5NyAzOS40NTYgODMyLjYwOSAzOS45NTIgODMyLjk2OSA0MC41OTJDODMzLjMzNyA0MS4yMjQgODMzLjUyMSA0MS45NTYgODMzLjUyMSA0Mi43ODhDODMzLjUyMSA0My42MTIgODMzLjMzNyA0NC4zNDQgODMyLjk2OSA0NC45ODRDODMyLjYwOSA0NS42MjQgODMyLjA5MyA0Ni4xMiA4MzEuNDIxIDQ2LjQ3MkM4MzAuNzU3IDQ2LjgyNCA4MjkuOTg1IDQ3IDgyOS4xMDUgNDdIODI1Ljk0OVYzOC41NzZIODI5LjEwNVpNODI4Ljk3MyA0NS4yMjRDODI5Ljc0OSA0NS4yMjQgODMwLjM1MyA0NS4wMTIgODMwLjc4NSA0NC41ODhDODMxLjIxNyA0NC4xNjQgODMxLjQzMyA0My41NjQgODMxLjQzMyA0Mi43ODhDODMxLjQzMyA0Mi4wMTIgODMxLjIxNyA0MS40MDggODMwLjc4NSA0MC45NzZDODMwLjM1MyA0MC41NDQgODI5Ljc0OSA0MC4zMjggODI4Ljk3MyA0MC4zMjhIODI4LjAwMVY0NS4yMjRIODI4Ljk3M1pNODM2LjcyIDQwLjIyVjQxLjkyNEg4MzkuNDY4VjQzLjUwOEg4MzYuNzJWNDUuMzU2SDgzOS44MjhWNDdIODM0LjY2OFYzOC41NzZIODM5LjgyOFY0MC4yMkg4MzYuNzJaTTg0My4yMTIgNDUuNDE2SDg0NS45VjQ3SDg0MS4xNlYzOC41NzZIODQzLjIxMlY0NS40MTZaTTg0OC44OTUgMzguNTc2VjQzLjYxNkM4NDguODk1IDQ0LjEyIDg0OS4wMTkgNDQuNTA4IDg0OS4yNjcgNDQuNzhDODQ5LjUxNSA0NS4wNTIgODQ5Ljg3OSA0NS4xODggODUwLjM1OSA0NS4xODhDODUwLjgzOSA0NS4xODggODUxLjIwNyA0NS4wNTIgODUxLjQ2MyA0NC43OEM4NTEuNzE5IDQ0LjUwOCA4NTEuODQ3IDQ0LjEyIDg1MS44NDcgNDMuNjE2VjM4LjU3Nkg4NTMuODk5VjQzLjYwNEM4NTMuODk5IDQ0LjM1NiA4NTMuNzM5IDQ0Ljk5MiA4NTMuNDE5IDQ1LjUxMkM4NTMuMDk5IDQ2LjAzMiA4NTIuNjY3IDQ2LjQyNCA4NTIuMTIzIDQ2LjY4OEM4NTEuNTg3IDQ2Ljk1MiA4NTAuOTg3IDQ3LjA4NCA4NTAuMzIzIDQ3LjA4NEM4NDkuNjU5IDQ3LjA4NCA4NDkuMDYzIDQ2Ljk1NiA4NDguNTM1IDQ2LjdDODQ4LjAxNSA0Ni40MzYgODQ3LjYwMyA0Ni4wNDQgODQ3LjI5OSA0NS41MjRDODQ2Ljk5NSA0NC45OTYgODQ2Ljg0MyA0NC4zNTYgODQ2Ljg0MyA0My42MDRWMzguNTc2SDg0OC44OTVaTTg1OC4zODggNDcuMDg0Qzg1Ny43NzIgNDcuMDg0IDg1Ny4yMiA0Ni45ODQgODU2LjczMiA0Ni43ODRDODU2LjI0NCA0Ni41ODQgODU1Ljg1MiA0Ni4yODggODU1LjU1NiA0NS44OTZDODU1LjI2OCA0NS41MDQgODU1LjExNiA0NS4wMzIgODU1LjEgNDQuNDhIODU3LjI4NEM4NTcuMzE2IDQ0Ljc5MiA4NTcuNDI0IDQ1LjAzMiA4NTcuNjA4IDQ1LjJDODU3Ljc5MiA0NS4zNiA4NTguMDMyIDQ1LjQ0IDg1OC4zMjggNDUuNDRDODU4LjYzMiA0NS40NCA4NTguODcyIDQ1LjM3MiA4NTkuMDQ4IDQ1LjIzNkM4NTkuMjI0IDQ1LjA5MiA4NTkuMzEyIDQ0Ljg5NiA4NTkuMzEyIDQ0LjY0OEM4NTkuMzEyIDQ0LjQ0IDg1OS4yNCA0NC4yNjggODU5LjA5NiA0NC4xMzJDODU4Ljk2IDQzLjk5NiA4NTguNzg4IDQzLjg4NCA4NTguNTggNDMuNzk2Qzg1OC4zOCA0My43MDggODU4LjA5MiA0My42MDggODU3LjcxNiA0My40OTZDODU3LjE3MiA0My4zMjggODU2LjcyOCA0My4xNiA4NTYuMzg0IDQyLjk5MkM4NTYuMDQgNDIuODI0IDg1NS43NDQgNDIuNTc2IDg1NS40OTYgNDIuMjQ4Qzg1NS4yNDggNDEuOTIgODU1LjEyNCA0MS40OTIgODU1LjEyNCA0MC45NjRDODU1LjEyNCA0MC4xOCA4NTUuNDA4IDM5LjU2OCA4NTUuOTc2IDM5LjEyOEM4NTYuNTQ0IDM4LjY4IDg1Ny4yODQgMzguNDU2IDg1OC4xOTYgMzguNDU2Qzg1OS4xMjQgMzguNDU2IDg1OS44NzIgMzguNjggODYwLjQ0IDM5LjEyOEM4NjEuMDA4IDM5LjU2OCA4NjEuMzEyIDQwLjE4NCA4NjEuMzUyIDQwLjk3Nkg4NTkuMTMyQzg1OS4xMTYgNDAuNzA0IDg1OS4wMTYgNDAuNDkyIDg1OC44MzIgNDAuMzRDODU4LjY0OCA0MC4xOCA4NTguNDEyIDQwLjEgODU4LjEyNCA0MC4xQzg1Ny44NzYgNDAuMSA4NTcuNjc2IDQwLjE2OCA4NTcuNTI0IDQwLjMwNEM4NTcuMzcyIDQwLjQzMiA4NTcuMjk2IDQwLjYyIDg1Ny4yOTYgNDAuODY4Qzg1Ny4yOTYgNDEuMTQgODU3LjQyNCA0MS4zNTIgODU3LjY4IDQxLjUwNEM4NTcuOTM2IDQxLjY1NiA4NTguMzM2IDQxLjgyIDg1OC44OCA0MS45OTZDODU5LjQyNCA0Mi4xOCA4NTkuODY0IDQyLjM1NiA4NjAuMiA0Mi41MjRDODYwLjU0NCA0Mi42OTIgODYwLjg0IDQyLjkzNiA4NjEuMDg4IDQzLjI1NkM4NjEuMzM2IDQzLjU3NiA4NjEuNDYgNDMuOTg4IDg2MS40NiA0NC40OTJDODYxLjQ2IDQ0Ljk3MiA4NjEuMzM2IDQ1LjQwOCA4NjEuMDg4IDQ1LjhDODYwLjg0OCA0Ni4xOTIgODYwLjQ5NiA0Ni41MDQgODYwLjAzMiA0Ni43MzZDODU5LjU2OCA0Ni45NjggODU5LjAyIDQ3LjA4NCA4NTguMzg4IDQ3LjA4NFpNODY0Ljc3NSAzOC41NzZWNDdIODYyLjcyM1YzOC41NzZIODY0Ljc3NVpNODcwLjI0NiA0Ny4wODRDODY5LjQ1NCA0Ny4wODQgODY4LjcyNiA0Ni45IDg2OC4wNjIgNDYuNTMyQzg2Ny40MDYgNDYuMTY0IDg2Ni44ODIgNDUuNjUyIDg2Ni40OSA0NC45OTZDODY2LjEwNiA0NC4zMzIgODY1LjkxNCA0My41ODggODY1LjkxNCA0Mi43NjRDODY1LjkxNCA0MS45NCA4NjYuMTA2IDQxLjIgODY2LjQ5IDQwLjU0NEM4NjYuODgyIDM5Ljg4OCA4NjcuNDA2IDM5LjM3NiA4NjguMDYyIDM5LjAwOEM4NjguNzI2IDM4LjY0IDg2OS40NTQgMzguNDU2IDg3MC4yNDYgMzguNDU2Qzg3MS4wMzggMzguNDU2IDg3MS43NjIgMzguNjQgODcyLjQxOCAzOS4wMDhDODczLjA4MiAzOS4zNzYgODczLjYwMiAzOS44ODggODczLjk3OCA0MC41NDRDODc0LjM2MiA0MS4yIDg3NC41NTQgNDEuOTQgODc0LjU1NCA0Mi43NjRDODc0LjU1NCA0My41ODggODc0LjM2MiA0NC4zMzIgODczLjk3OCA0NC45OTZDODczLjU5NCA0NS42NTIgODczLjA3NCA0Ni4xNjQgODcyLjQxOCA0Ni41MzJDODcxLjc2MiA0Ni45IDg3MS4wMzggNDcuMDg0IDg3MC4yNDYgNDcuMDg0Wk04NzAuMjQ2IDQ1LjIxMkM4NzAuOTE4IDQ1LjIxMiA4NzEuNDU0IDQ0Ljk4OCA4NzEuODU0IDQ0LjU0Qzg3Mi4yNjIgNDQuMDkyIDg3Mi40NjYgNDMuNSA4NzIuNDY2IDQyLjc2NEM4NzIuNDY2IDQyLjAyIDg3Mi4yNjIgNDEuNDI4IDg3MS44NTQgNDAuOTg4Qzg3MS40NTQgNDAuNTQgODcwLjkxOCA0MC4zMTYgODcwLjI0NiA0MC4zMTZDODY5LjU2NiA0MC4zMTYgODY5LjAyMiA0MC41MzYgODY4LjYxNCA0MC45NzZDODY4LjIxNCA0MS40MTYgODY4LjAxNCA0Mi4wMTIgODY4LjAxNCA0Mi43NjRDODY4LjAxNCA0My41MDggODY4LjIxNCA0NC4xMDQgODY4LjYxNCA0NC41NTJDODY5LjAyMiA0NC45OTIgODY5LjU2NiA0NS4yMTIgODcwLjI0NiA0NS4yMTJaTTg4My4yMzEgNDdIODgxLjE3OUw4NzcuNzQ3IDQxLjgwNFY0N0g4NzUuNjk1VjM4LjU3Nkg4NzcuNzQ3TDg4MS4xNzkgNDMuNzk2VjM4LjU3Nkg4ODMuMjMxVjQ3WiIgZmlsbD0iIzI0MjQyNCIvPg0KPGcgb3BhY2l0eT0iMC41NiI+DQo8cGF0aCBkPSJNNDE2LjY4OCAyNy42NDM3TDQyMC42NjMgMzUuMDcwOEw0MTguODU0IDM2LjAzOTFMNDE0Ljg3OSAyOC42MTIxTDQxNi42ODggMjcuNjQzN1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00MjAuODUzIDI1LjQ4NDJDNDIxLjY0OSAyNS4wODk0IDQyMi40MjIgMjQuOTAyMSA0MjMuMTczIDI0LjkyMjJDNDIzLjkyNSAyNC45NDIzIDQyNC42MDQgMjUuMTU5IDQyNS4yMTEgMjUuNTcyM0M0MjUuODIxIDI1Ljk3NDggNDI2LjMxMiAyNi41NDg3IDQyNi42ODEgMjcuMjk0QzQyNy4wNDggMjguMDMyMSA0MjcuMjA4IDI4Ljc2OTYgNDI3LjE2MyAyOS41MDY0QzQyNy4xMjUgMzAuMjM5OCA0MjYuODg0IDMwLjkxMzQgNDI2LjQzOCAzMS41Mjc1QzQyNiAzMi4xMzggNDI1LjM4NiAzMi42Mzg4IDQyNC41OTggMzMuMDNMNDIxLjc3MSAzNC40MzNMNDE4LjAyNiAyNi44ODcxTDQyMC44NTMgMjUuNDg0MlpNNDIzLjY5IDMxLjQ5NzhDNDI0LjM4NiAzMS4xNTI5IDQyNC44MzIgMzAuNjk0NCA0MjUuMDMxIDMwLjEyMjZDNDI1LjIyOSAyOS41NTA4IDQyNS4xNTYgMjguOTE3MyA0MjQuODExIDI4LjIyMjJDNDI0LjQ2NiAyNy41MjcxIDQyNC4wMDQgMjcuMDgyMSA0MjMuNDI1IDI2Ljg4NzFDNDIyLjg0NiAyNi42OTIyIDQyMi4yMDkgMjYuNzY3MiA0MjEuNTE0IDI3LjExMjJMNDIwLjY0MyAyNy41NDQzTDQyMi44MiAzMS45Mjk5TDQyMy42OSAzMS40OTc4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggZD0iTTQyOS41NDcgMjMuMTYxN0w0MzAuMjQxIDI0LjcxNzlMNDMyLjc1IDIzLjU5ODZMNDMzLjM5NSAyNS4wNDUzTDQzMC44ODYgMjYuMTY0Nkw0MzEuNjM4IDI3Ljg1MjNMNDM0LjQ3NyAyNi41ODY0TDQzNS4xNDcgMjguMDg3OEw0MzAuNDM0IDMwLjE4OTZMNDI3LjAwMyAyMi40OTZMNDMxLjcxNSAyMC4zOTQzTDQzMi4zODUgMjEuODk1N0w0MjkuNTQ3IDIzLjE2MTdaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQwLjgwNCAyNC4xNDU3TDQzNy44ODcgMjUuMzE3M0w0MzcuOTc0IDI2Ljg4NTlMNDM1Ljk4IDI3LjY4NjRMNDM1LjY3IDE4LjczMzNMNDM3Ljg3NSAxNy44NDc5TDQ0My44NDIgMjQuNTI5M0w0NDEuODI3IDI1LjMzODdMNDQwLjgwNCAyNC4xNDU3Wk00MzkuNzI0IDIyLjg3MjVMNDM3LjYwNiAyMC4zOTk3TDQzNy43OTggMjMuNjQ2Mkw0MzkuNzI0IDIyLjg3MjVaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQ1LjggMjIuMTQ0N0w0NDguMzI3IDIxLjIyODNMNDQ4Ljg2NyAyMi43MTc0TDQ0NC40MTEgMjQuMzMzM0w0NDEuNTM5IDE2LjQxNEw0NDMuNDY4IDE1LjcxNDRMNDQ1LjggMjIuMTQ0N1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NTMuODU5IDE5LjI2MzhMNDU3LjMxNiAxOC4xNzhMNDU3LjgyIDE5Ljc4MDhMNDUyLjE0MSAyMS41NjQxTDQ1MS42NzQgMjAuMDc1OEw0NTMuNTU1IDE0LjA1MTNMNDUwLjEyMSAxNS4xMjk5TDQ0OS42MTcgMTMuNTI3MUw0NTUuMjk2IDExLjc0MzhMNDU1Ljc2MyAxMy4yMzIxTDQ1My44NTkgMTkuMjYzOFoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NjQuMTQgMTguMDQ1NEM0NjMuMzc2IDE4LjI1MjcgNDYyLjYyNSAxOC4yNjU2IDQ2MS44ODggMTguMDg0M0M0NjEuMTU4IDE3LjkwMDggNDYwLjUxOSAxNy41NDM4IDQ1OS45NjkgMTcuMDEzM0M0NTkuNDI0IDE2LjQ3MjkgNDU5LjA0NCAxNS44MDUxIDQ1OC44MjggMTUuMDA5OEM0NTguNjEzIDE0LjIxNDYgNDU4LjYwNCAxMy40NTAxIDQ1OC44MDMgMTIuNzE2NUM0NTkuMDEgMTEuOTgwNyA0NTkuMzgyIDExLjM0OTQgNDU5LjkxOCAxMC44MjI2QzQ2MC40NjMgMTAuMjkzNiA0NjEuMTE3IDkuOTI1NDYgNDYxLjg4MiA5LjcxODE2QzQ2Mi42NDYgOS41MTA4NiA0NjMuMzkzIDkuNDk4OTUgNDY0LjEyMyA5LjY4MjQyQzQ2NC44NiA5Ljg2Mzc5IDQ2NS40OTYgMTAuMjIxOCA0NjYuMDMgMTAuNzU2NUM0NjYuNTczIDExLjI4OTIgNDY2Ljk1MiAxMS45NTMxIDQ2Ny4xNjcgMTIuNzQ4NEM0NjcuMzgzIDEzLjU0MzcgNDY3LjM5MiAxNC4zMTIgNDY3LjE5NiAxNS4wNTMzQzQ2Ni45OTcgMTUuNzg3IDQ2Ni42MjkgMTYuNDE3MiA0NjYuMDkyIDE2Ljk0NDFDNDY1LjU1NSAxNy40NzEgNDY0LjkwNSAxNy44MzgxIDQ2NC4xNCAxOC4wNDU0Wk00NjMuNjUgMTYuMjM4NkM0NjQuMjk5IDE2LjA2MjcgNDY0Ljc1NyAxNS43MDYzIDQ2NS4wMjYgMTUuMTY5MkM0NjUuMzAzIDE0LjYzIDQ2NS4zNDUgMTQuMDA1MyA0NjUuMTUyIDEzLjI5NDlDNDY0Ljk1NyAxMi41NzY4IDQ2NC42MDUgMTIuMDU4OSA0NjQuMDk3IDExLjc0MUM0NjMuNTkzIDExLjQxMzMgNDYzLjAxNyAxMS4zMzc0IDQ2Mi4zNjkgMTEuNTEzM0M0NjEuNzEyIDExLjY5MTMgNDYxLjI0NSAxMi4wNDYgNDYwLjk2NiAxMi41Nzc1QzQ2MC42OTUgMTMuMTA2OCA0NjAuNjU4IDEzLjczNDQgNDYwLjg1NSAxNC40NjAyQzQ2MS4wNSAxNS4xNzgyIDQ2MS4zOTkgMTUuNzAxMSA0NjEuOTAyIDE2LjAyODhDNDYyLjQxMSAxNi4zNDY3IDQ2Mi45OTQgMTYuNDE2NiA0NjMuNjUgMTYuMjM4NloiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NzcuODIxIDE0LjYwOTVMNDc1LjgyIDE1LjA2MzdMNDcxLjMyMyAxMC43NTYxTDQ3Mi40NzMgMTUuODIzMkw0NzAuNDcyIDE2LjI3NzRMNDY4LjYwNyA4LjA2MjI3TDQ3MC42MDggNy42MDgxM0w0NzUuMTEgMTEuOTM5MUw0NzMuOTU1IDYuODQ4NTdMNDc1Ljk1NiA2LjM5NDQzTDQ3Ny44MjEgMTQuNjA5NVoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00ODAuMjg5IDcuMTk2NDNMNDgwLjYxNCA4Ljg2OTEyTDQ4My4zMTIgOC4zNDQ3M0w0ODMuNjE0IDkuODk5NjNMNDgwLjkxNyAxMC40MjRMNDgxLjI2OSAxMi4yMzgxTDQ4NC4zMiAxMS42NDVMNDg0LjYzNCAxMy4yNTg4TDQ3OS41NjkgMTQuMjQzNEw0NzcuOTYxIDUuOTc0MjFMNDgzLjAyNiA0Ljk4OTU2TDQ4My4zNCA2LjYwMzM1TDQ4MC4yODkgNy4xOTY0M1oiIGZpbGw9IiMyNDI0MjQiLz4NCjwvZz4NCjxwYXRoIGQ9Ik02NDUuMjE0IDE5LjQ3MjhDNjQ1LjQ2NCAxOS4zNTQzIDY0NS41NyAxOS4wNTYxIDY0NS40NTIgMTguODA2Nkw2NDMuNTIxIDE0Ljc0MTdDNjQzLjQwMyAxNC40OTIzIDY0My4xMDUgMTQuMzg2MSA2NDIuODU1IDE0LjUwNDZDNjQyLjYwNiAxNC42MjMgNjQyLjQ5OSAxNC45MjEzIDY0Mi42MTggMTUuMTcwN0w2NDQuMzM0IDE4Ljc4NEw2NDAuNzIxIDIwLjQ5OTlDNjQwLjQ3MSAyMC42MTg0IDY0MC4zNjUgMjAuOTE2NiA2NDAuNDgzIDIxLjE2NjFDNjQwLjYwMiAyMS40MTU1IDY0MC45IDIxLjUyMTcgNjQxLjE1IDIxLjQwMzJMNjQ1LjIxNCAxOS40NzI4Wk00OTIuNDI0IDcuMzc1MzFDNDkyLjE1MSA3LjQxNzU1IDQ5MS45NjQgNy42NzMwMSA0OTIuMDA2IDcuOTQ1OTFDNDkyLjA0OCA4LjIxODggNDkyLjMwNCA4LjQwNTc4IDQ5Mi41NzYgOC4zNjM1NUw0OTIuNDI0IDcuMzc1MzFaTTU0Ni4yOTkgNC41QzU4NS44OTkgNC41IDYxOC4xMDEgOS45NzUyNyA2NDQuODMyIDE5LjQ5MjJMNjQ1LjE2OCAxOC41NTAxQzYxOC4zMDkgOC45ODgwNiA1ODUuOTkxIDMuNSA1NDYuMjk5IDMuNVY0LjVaTTQ5Mi41NzYgOC4zNjM1NUM1MDguODQyIDUuODQ2MTEgNTI2LjY2MyA0LjUgNTQ2LjI5OSA0LjVWMy41QzUyNi42MTggMy41IDUwOC43NDQgNC44NDkyMyA0OTIuNDI0IDcuMzc1MzFMNDkyLjU3NiA4LjM2MzU1WiIgZmlsbD0iI0QzRDNEMyIvPg0KPHBhdGggZD0iTTIyMC41IDI2Mi45ODZDMjIwLjQ5MyAyNjMuMjYyIDIyMC43MTIgMjYzLjQ5MSAyMjAuOTg4IDI2My40OThMMjI1LjQ4NiAyNjMuNjA4QzIyNS43NjIgMjYzLjYxNSAyMjUuOTkyIDI2My4zOTcgMjI1Ljk5OCAyNjMuMTIxQzIyNi4wMDUgMjYyLjg0NSAyMjUuNzg3IDI2Mi42MTUgMjI1LjUxMSAyNjIuNjA5TDIyMS41MTIgMjYyLjUxTDIyMS42MSAyNTguNTEyQzIyMS42MTcgMjU4LjIzNiAyMjEuMzk5IDI1OC4wMDYgMjIxLjEyMyAyNThDMjIwLjg0NyAyNTcuOTkzIDIyMC42MTcgMjU4LjIxMSAyMjAuNjExIDI1OC40ODdMMjIwLjUgMjYyLjk4NlpNNDEwLjIyNiAzNy40NDYxQzQxMC40NzIgMzcuMzIxNSA0MTAuNTcxIDM3LjAyMDYgNDEwLjQ0NiAzNi43NzQzQzQxMC4zMjEgMzYuNTI3OSA0MTAuMDIxIDM2LjQyOTIgNDA5Ljc3NCAzNi41NTM5TDQxMC4yMjYgMzcuNDQ2MVpNMjIxLjM0NSAyNjMuMzZDMjYzLjE1IDIyMy41NTggMjg5LjY4NyAxNzcuNDkyIDMxNi4xMDkgMTM2LjIwNUMzNDIuNTQ2IDk0Ljg5MjggMzY4Ljg1OSA1OC4zNzc4IDQxMC4yMjYgMzcuNDQ2MUw0MDkuNzc0IDM2LjU1MzlDMzY4LjE0MSA1Ny42MjAzIDM0MS43MDQgOTQuMzU0MiAzMTUuMjY2IDEzNS42NjZDMjg4LjgxMyAxNzcuMDA0IDI2Mi4zNSAyMjIuOTM4IDIyMC42NTUgMjYyLjYzNkwyMjEuMzQ1IDI2My4zNloiIGZpbGw9IiNEM0QzRDMiLz4NCjwvc3ZnPg0K";
 
-                              _line += 10;
+var StudentPressureChart = function StudentPressureChart(_ref) {
+  var studentPressure = _ref.studentPressure,
+      width = _ref.width;
+  var openMenuBar = reactRedux.useSelector(function (state) {
+    return state.common.menuBar;
+  });
+  var svgRef = React.useRef(null);
+  var innerWidth = !openMenuBar ? window.innerWidth - 50 : window.innerWidth - 340;
 
-                              if (_line > lineOptionPrecess) {
-                                lineOptionPrecess = _line;
-                              }
-                            }
-                          }
+  if (width) {
+    innerWidth = width;
+  }
 
-                          left += 100;
+  var chartWidth = innerWidth < 700 ? 700 : innerWidth;
+  var chartHeight = chartWidth / 3.12;
+  var colors = ["#C44140", "#81C935", "#0F9655", "#FFB04F", "#C44140"];
+  var data = [{
+    label: "BOREOUT",
+    value: studentPressure.boreOutStudent
+  }, {
+    label: "COMFORT",
+    value: studentPressure.comfortStudent
+  }, {
+    label: "STRETCH",
+    value: studentPressure.stretchStudent
+  }, {
+    label: "STRAIN",
+    value: studentPressure.strainStudent
+  }, {
+    label: "BURNOUT",
+    value: studentPressure.burnoutStudent
+  }];
+  var xAxistLabels = ["Low", "Moderate", "High", "Very High"];
 
-                          if (left + 105 > WIDTH_PAPER) {
-                            left = 20;
-                            line = lineOptionPrecess + 25;
-                          }
+  var _useState = React.useState(""),
+      tooltipVisible = _useState[0],
+      setTooltipVisible = _useState[1];
 
-                          var _temp13 = function () {
-                            if (line + 150 > HEIGHT_PAPER) {
-                              doc.addPage();
-                              return Promise.resolve(createImageHeader()).then(function () {
-                                line = 80;
-                                left = 20;
-                              });
-                            }
-                          }();
+  var _useState2 = React.useState(0),
+      tooltipX = _useState2[0],
+      setTooltipX = _useState2[1];
 
-                          if (_temp13 && _temp13.then) return _temp13.then(function () {});
-                        });
+  var _useState3 = React.useState(0),
+      tooltipY = _useState3[0],
+      setTooltipY = _useState3[1];
 
-                        return _temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14);
-                      });
-                    });
-                  }
-                }();
+  var _useState4 = React.useState([]),
+      tooltipStudents = _useState4[0],
+      setTooltipStudents = _useState4[1];
 
-                return _temp18 && _temp18.then ? _temp18.then(_temp19) : _temp19(_temp18);
-              }
+  var _useState5 = React.useState(""),
+      colorTooltip = _useState5[0],
+      setColorTooltip = _useState5[1];
 
-              var _temp20 = function () {
-                if (selectedToPDF.includes(successIndicatorsName)) {
-                  return Promise.resolve(createImageHeader()).then(function () {
-                    doc.setFontSize(14);
-                    doc.setFont("Helvetica", "normal", "bold");
-                    doc.text(t(successIndicatorsName), left, line);
-                    line += 20;
-                    var chart = document.getElementById("success_indicators");
-                    return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                      function _temp12() {
-                        left = 20;
-                        line += questions.length * 10;
-                        doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
-                        doc.setFontSize(8);
-                        doc.addPage();
-                        line = 80;
-                        left = 20;
-                      }
+  var handleDotHover = function handleDotHover(students, x, y, label, color) {
+    setTooltipStudents(Array.from(new Set(students)));
+    setTooltipX(x);
+    setTooltipY(y);
+    setTooltipVisible(label);
+    setColorTooltip(color);
+  };
 
-                      var lineOptionCheckIn = line;
-                      doc.setFontSize(8);
-                      var questions = successIndicatorsData.map(function (r) {
-                        return r.name;
-                      });
-                      var indexCheckIn = 0;
+  var handleDotLeave = function handleDotLeave() {
+    setTooltipVisible("");
+  };
 
-                      var _temp11 = _for(function () {
-                        return indexCheckIn < monthsOneToOne.length;
-                      }, function () {
-                        return indexCheckIn++;
-                      }, function () {
-                        var _line = line;
-                        doc.setFontSize(12);
-                        doc.setFont("Helvetica", "normal", "bold");
-                        doc.text(monthsOneToOne[indexCheckIn], left, _line);
-                        doc.setFontSize(8);
+  React.useEffect(function () {
+    var svg = svgRef.current;
 
-                        for (var indexResult = 0; indexResult < (successIndicatorsData === null || successIndicatorsData === void 0 ? void 0 : successIndicatorsData.length); indexResult++) {
-                          var avg = successIndicatorsData[indexResult].data[indexCheckIn];
+    if (svg) {
+      var drawChart = function drawChart() {
+        try {
+          var _ret = function () {
+            var xAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
+            xAxis.setAttribute("x1", "50");
+            xAxis.setAttribute("y1", "" + chartHeight);
+            xAxis.setAttribute("x2", "" + (chartWidth - 30));
+            xAxis.setAttribute("y2", "" + chartHeight);
+            xAxis.setAttribute("stroke", "#D3D3D3");
+            svg.appendChild(xAxis);
+            var yAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
+            yAxis.setAttribute("x1", "50");
+            yAxis.setAttribute("y1", "50");
+            yAxis.setAttribute("x2", "50");
+            yAxis.setAttribute("y2", "" + chartHeight);
+            yAxis.setAttribute("stroke", "#D3D3D3");
+            svg.appendChild(yAxis);
+            var spacingLabel = (chartWidth - 60) / 3;
 
-                          if (avg != 0) {
-                            var questionText = questions[indexResult];
+            for (var index = 0; index < xAxistLabels.length; index++) {
+              var label = xAxistLabels[index];
+              var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
+              text.setAttribute("x", "" + (spacingLabel * index || 50));
+              text.setAttribute("y", "" + (chartHeight + 20));
+              text.setAttribute("fill", "#D3D3D3");
+              text.textContent = label;
+              svg.appendChild(text);
+            }
 
-                            if (questionText != "") {
-                              doc.setDrawColor(0);
+            var highText = document.createElementNS("http://www.w3.org/2000/svg", "text");
+            highText.setAttribute("x", "15");
+            highText.setAttribute("y", "60");
+            highText.setAttribute("fill", "#D3D3D3");
+            highText.textContent = "High";
+            svg.appendChild(highText);
+            var lowText = document.createElementNS("http://www.w3.org/2000/svg", "text");
+            lowText.setAttribute("x", "15");
+            lowText.setAttribute("y", "" + chartHeight);
+            lowText.setAttribute("fill", "#D3D3D3");
+            lowText.textContent = "Low";
+            svg.appendChild(lowText);
+            var performanceText = document.createElementNS("http://www.w3.org/2000/svg", "text");
+            performanceText.setAttribute("x", "40");
+            performanceText.setAttribute("y", "" + (chartHeight + 100) / 2);
+            performanceText.setAttribute("transform", "rotate(-90, 40, " + (chartHeight + 100) / 2 + ")");
+            performanceText.setAttribute("fill", "#242424");
+            performanceText.setAttribute("font-size", "12px");
+            performanceText.setAttribute("font-weight", "bold");
+            performanceText.textContent = "Performance";
+            svg.appendChild(performanceText);
+            var image = document.createElementNS("http://www.w3.org/2000/svg", "image");
+            image.setAttribute("x", "50");
+            image.setAttribute("y", "50");
+            image.setAttribute("width", "" + (chartWidth - 80));
+            image.setAttribute("height", "" + (chartHeight - 50));
+            image.setAttributeNS("http://www.w3.org/1999/xlink", "href", backgroundPressure);
+            svg.appendChild(image);
+            var circleCount = 5;
+            var circleSpacing = (chartWidth + 100) / (circleCount + 1);
+            var circleY = chartHeight - 30;
+
+            var _loop = function _loop(i) {
+              var _data3, _data3$value, _data3$value$length, _data6;
+
+              var circleX = circleSpacing * i;
+              var radius = 15;
+              var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+              circle.setAttribute("cx", "" + circleX);
+              circle.setAttribute("cy", "" + circleY);
+              circle.setAttribute("r", "" + radius);
+              circle.setAttribute("fill", colors[i - 1]);
+              circle.addEventListener("mouseenter", function () {
+                var _data, _data2;
+
+                handleDotHover((_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.value, circleX, circleY, (_data2 = data[i - 1]) === null || _data2 === void 0 ? void 0 : _data2.label, colors[i - 1]);
+              });
+              circle.addEventListener("mouseleave", handleDotLeave);
+              svg.appendChild(circle);
+              var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
+              text.setAttribute("x", "" + circleX);
+              text.setAttribute("y", "" + circleY);
+              text.setAttribute("fill", "white");
+              text.setAttribute("font-weight", "bold");
+              text.setAttribute("font-size", "12px");
+              text.setAttribute("text-anchor", "middle");
+              text.setAttribute("dominant-baseline", "middle");
+              text.setAttribute("style", "cursor: default");
+              text.textContent = (_data3 = data[i - 1]) === null || _data3 === void 0 ? void 0 : (_data3$value = _data3.value) === null || _data3$value === void 0 ? void 0 : (_data3$value$length = _data3$value.length) === null || _data3$value$length === void 0 ? void 0 : _data3$value$length.toString();
+              text.addEventListener("mouseenter", function () {
+                var _data4, _data5;
+
+                handleDotHover((_data4 = data[i - 1]) === null || _data4 === void 0 ? void 0 : _data4.value, circleX, circleY, (_data5 = data[i - 1]) === null || _data5 === void 0 ? void 0 : _data5.label, colors[i - 1]);
+              });
+              svg.appendChild(text);
+              var label = (_data6 = data[i - 1]) === null || _data6 === void 0 ? void 0 : _data6.label;
+              var labelText = document.createElementNS("http://www.w3.org/2000/svg", "text");
+              labelText.setAttribute("x", "" + circleX);
+              labelText.setAttribute("y", "" + (circleY - radius - 12));
+              labelText.setAttribute("fill", "#242424");
+              labelText.setAttribute("font-weight", "bold");
+              labelText.setAttribute("font-size", "12px");
+              labelText.setAttribute("text-anchor", "middle");
+              labelText.textContent = label;
+              svg.appendChild(labelText);
+            };
+
+            for (var i = 1; i <= data.length; i++) {
+              _loop(i);
+            }
+
+            return {
+              v: Promise.resolve()
+            };
+          }();
+
+          if (typeof _ret === "object") return _ret.v;
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      };
+
+      while (svg.firstChild) {
+        svg.firstChild.remove();
+      }
+
+      drawChart();
+    }
+  }, [chartWidth, studentPressure]);
+  var lineHeight = 20;
+  var tooltipHeight = tooltipStudents.length * lineHeight;
+  var maxHeightTooltip = tooltipHeight + 30 > chartHeight - 50 ? chartHeight - 50 : tooltipHeight + 30;
+  return React__default.createElement("svg", {
+    ref: svgRef,
+    width: chartWidth,
+    height: chartHeight + 50
+  }, !!tooltipVisible && React__default.createElement("g", {
+    transform: "translate(" + (tooltipX - 100) + "," + Math.max(0, tooltipY - tooltipHeight - 80) + ")"
+  }, React__default.createElement("rect", {
+    width: "200",
+    height: maxHeightTooltip + 10,
+    fill: "rgba(36, 36, 36, 0.8)",
+    rx: "5"
+  }), React__default.createElement("text", {
+    x: "20",
+    y: "20",
+    fill: "#fff",
+    fontSize: "12px",
+    textAnchor: "start"
+  }, tooltipStudents.length + " students are " + tooltipVisible), React__default.createElement("foreignObject", {
+    x: "0",
+    y: "30",
+    width: "200",
+    height: maxHeightTooltip
+  }, React__default.createElement("div", {
+    style: {
+      overflowY: "auto",
+      maxHeight: maxHeightTooltip - 20 + "px",
+      padding: "5px 5px 5px 10px",
+      color: "#fff",
+      fontSize: "12px"
+    }
+  }, tooltipStudents.map(function (label, index) {
+    return React__default.createElement("div", {
+      key: index
+    }, React__default.createElement("span", {
+      style: {
+        display: "inline-block",
+        width: "4px",
+        height: "14px",
+        backgroundColor: colorTooltip,
+        borderRadius: "10px",
+        marginRight: "10px"
+      }
+    }), React__default.createElement("span", null, label));
+  })))));
+};
+
+var headerLogo = "../images/main-logo-blue.png";
+
+var DashboardToPDF = function DashboardToPDF(props) {
+  var startTime = props.startTime,
+      endTime = props.endTime,
+      selectedToPDF = props.selectedToPDF,
+      activeColumnPreparedness = props.activeColumnPreparedness,
+      activeColumnSuccessIndicators = props.activeColumnSuccessIndicators,
+      avgQuestionLastMonth = props.avgQuestionLastMonth,
+      dayOfWeekOneToOne = props.dayOfWeekOneToOne,
+      monthsOneToOne = props.monthsOneToOne,
+      preparednessData = props.preparednessData,
+      safetyData = props.safetyData,
+      stressData = props.stressData,
+      successIndicatorsData = props.successIndicatorsData,
+      topLearningStrategiesData = props.topLearningStrategiesData,
+      timeOfDay = props.timeOfDay,
+      seriesConference = props.seriesConference,
+      monthsConference = props.monthsConference,
+      activeColumnConference = props.activeColumnConference,
+      dayOfWeekConference = props.dayOfWeekConference,
+      avgConferenceLastMonth = props.avgConferenceLastMonth,
+      readinessToLearning = props.readinessToLearning,
+      studentPressure = props.studentPressure;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  var dispatch = reactRedux.useDispatch();
+
+  var generatePDF = function generatePDF() {
+    try {
+      var _temp42 = function _temp42() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp43 = _catch(function () {
+        function _temp39() {
+          function _temp37() {
+            function _temp35() {
+              function _temp33() {
+                function _temp31() {
+                  function _temp29() {
+                    function _temp27() {
+                      function _temp25() {
+                        doc.save("DashBoard.pdf");
+                      }
+
+                      var _temp24 = function () {
+                        if (selectedToPDF.includes(topLearningStrategyName)) {
+                          var chart = document.getElementById("learning_strategy");
+                          return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                            doc.setFontSize(8);
+                            left = 20;
+                            doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 450, 150);
+                            doc.setFontSize(8);
+                          });
+                        }
+                      }();
+
+                      return _temp24 && _temp24.then ? _temp24.then(_temp25) : _temp25(_temp24);
+                    }
+
+                    var _temp26 = function () {
+                      if (selectedToPDF.includes(learningProcessName)) {
+                        var _temp44 = function _temp44() {
+                          doc.setFontSize(14);
+                          doc.setFont("Helvetica", "normal", "bold");
+                          doc.text(t(learningProcessName), left, line);
+                          line += 20;
+                          var chart = document.getElementById("learning_progress");
+                          return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                            function _temp21() {
+                              left = 20;
+                              doc.addImage(canvas.toDataURL("image/png"), 10, line + 70, 420, heightChart);
+                              doc.setFontSize(8);
+                              doc.addPage();
+                              line = 80;
+                              left = 20;
+                            }
+
+                            var lineOptionPrecess = line;
+                            doc.setFontSize(8);
+                            var questions = seriesConference.map(function (r) {
+                              return r.name;
+                            });
+
+                            var _temp20 = _forTo(monthsConference, function (index) {
+                              var _line = line;
+                              doc.setFontSize(12);
+                              doc.setFont("Helvetica", "normal", "bold");
+                              doc.text(monthsConference[index], left, _line);
+                              doc.setFontSize(8);
+
+                              for (var indexResult = 0; indexResult < (seriesConference === null || seriesConference === void 0 ? void 0 : seriesConference.length); indexResult++) {
+                                var avg = seriesConference[indexResult].data[index];
+
+                                if (avg != 0) {
+                                  var questionText = questions[indexResult];
+
+                                  if (questionText != "") {
+                                    doc.setDrawColor(0);
+                                    doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
+                                    doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                                    doc.setFont("Helvetica", "normal", "bold");
+                                    doc.text(questionText + ":", left + 8, _line + 10);
+                                    doc.setFont("Helvetica", "normal", "normal");
+                                    doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
+                                  }
+
+                                  _line += 10;
+
+                                  if (_line > lineOptionPrecess) {
+                                    lineOptionPrecess = _line;
+                                  }
+                                }
+                              }
+
+                              left += 100;
+
+                              if (left + 105 > WIDTH_PAPER) {
+                                left = 20;
+                                line = lineOptionPrecess + 25;
+                              }
+
+                              var _temp19 = function () {
+                                if (line + 150 > HEIGHT_PAPER) {
+                                  doc.addPage();
+                                  return Promise.resolve(createImageHeader()).then(function () {
+                                    line = 80;
+                                    left = 20;
+                                  });
+                                }
+                              }();
+
+                              if (_temp19 && _temp19.then) return _temp19.then(function () {});
+                            });
+
+                            return _temp20 && _temp20.then ? _temp20.then(_temp21) : _temp21(_temp20);
+                          });
+                        };
+
+                        var _temp45 = function () {
+                          if (line > HEIGHT_PAPER / 2) {
+                            line = 80;
+                            left = 20;
+                            doc.addPage();
+                            return Promise.resolve(createImageHeader()).then(function () {});
+                          }
+                        }();
+
+                        return _temp45 && _temp45.then ? _temp45.then(_temp44) : _temp44(_temp45);
+                      }
+                    }();
+
+                    return _temp26 && _temp26.then ? _temp26.then(_temp27) : _temp27(_temp26);
+                  }
+
+                  var _temp28 = function () {
+                    if (selectedToPDF.includes(studentStressByZone)) {
+                      var _temp46 = function _temp46() {
+                        doc.setFontSize(14);
+                        doc.setFont("Helvetica", "normal", "bold");
+                        doc.text(t(studentStressByZone), left, line);
+                        line += 20;
+                        var chart = document.getElementById("student_stress_by_zone");
+                        return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                          doc.addImage(canvas.toDataURL("image/png"), 10, line, 420, heightChart);
+                          line += heightChart + 20;
+                        });
+                      };
+
+                      var _temp47 = function () {
+                        if (line > HEIGHT_PAPER / 2) {
+                          line = 80;
+                          left = 20;
+                          doc.addPage();
+                          return Promise.resolve(createImageHeader()).then(function () {});
+                        }
+                      }();
+
+                      return _temp47 && _temp47.then ? _temp47.then(_temp46) : _temp46(_temp47);
+                    }
+                  }();
+
+                  return _temp28 && _temp28.then ? _temp28.then(_temp29) : _temp29(_temp28);
+                }
+
+                var _temp30 = function () {
+                  if (selectedToPDF.includes(studentDistribution)) {
+                    var _temp48 = function _temp48() {
+                      var chart = document.getElementById("student_distribution");
+                      return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                        doc.addImage(canvas.toDataURL("image/png"), 10, line, 420, heightChart);
+                        line += heightChart + 20;
+                      });
+                    };
+
+                    var _temp49 = function () {
+                      if (line > HEIGHT_PAPER / 2) {
+                        line = 80;
+                        left = 20;
+                        doc.addPage();
+                        return Promise.resolve(createImageHeader()).then(function () {});
+                      }
+                    }();
+
+                    return _temp49 && _temp49.then ? _temp49.then(_temp48) : _temp48(_temp49);
+                  }
+                }();
+
+                return _temp30 && _temp30.then ? _temp30.then(_temp31) : _temp31(_temp30);
+              }
+
+              var _temp32 = function () {
+                if (selectedToPDF.includes(successIndicatorsName)) {
+                  var _temp50 = function _temp50() {
+                    doc.setFontSize(14);
+                    doc.setFont("Helvetica", "normal", "bold");
+                    doc.text(t(successIndicatorsName), left, line);
+                    line += 20;
+                    var chart = document.getElementById("success_indicators");
+                    return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                      function _temp12() {
+                        left = 20;
+                        line += questions.length * 10;
+                        doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
+                        doc.setFontSize(8);
+                        line += heightChart + 20;
+                      }
+
+                      var lineOptionCheckIn = line;
+                      doc.setFontSize(8);
+                      var questions = successIndicatorsData.map(function (r) {
+                        return r.name;
+                      });
+                      var indexCheckIn = 0;
+
+                      var _temp11 = _for(function () {
+                        return indexCheckIn < monthsOneToOne.length;
+                      }, function () {
+                        return indexCheckIn++;
+                      }, function () {
+                        var _line = line;
+                        doc.setFontSize(12);
+                        doc.setFont("Helvetica", "normal", "bold");
+                        doc.text(monthsOneToOne[indexCheckIn], left, _line);
+                        doc.setFontSize(8);
+
+                        for (var indexResult = 0; indexResult < (successIndicatorsData === null || successIndicatorsData === void 0 ? void 0 : successIndicatorsData.length); indexResult++) {
+                          var avg = successIndicatorsData[indexResult].data[indexCheckIn];
+
+                          if (avg != 0) {
+                            var questionText = questions[indexResult];
+
+                            if (questionText != "") {
+                              doc.setDrawColor(0);
                               doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
                               doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
                               doc.setFont("Helvetica", "normal", "bold");
@@ -31258,14 +31638,25 @@ var DashboardToPDF = function DashboardToPDF(props) {
 
                       return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
                     });
-                  });
+                  };
+
+                  var _temp51 = function () {
+                    if (line > HEIGHT_PAPER / 2) {
+                      line = 80;
+                      left = 20;
+                      doc.addPage();
+                      return Promise.resolve(createImageHeader()).then(function () {});
+                    }
+                  }();
+
+                  return _temp51 && _temp51.then ? _temp51.then(_temp50) : _temp50(_temp51);
                 }
               }();
 
-              return _temp20 && _temp20.then ? _temp20.then(_temp21) : _temp21(_temp20);
+              return _temp32 && _temp32.then ? _temp32.then(_temp33) : _temp33(_temp32);
             }
 
-            var _temp22 = function () {
+            var _temp34 = function () {
               if (selectedToPDF.includes(preparednessChartName)) {
                 return Promise.resolve(createImageHeader()).then(function () {
                   doc.setFontSize(14);
@@ -31279,9 +31670,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
                       line += questions.length * 10;
                       doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
                       doc.setFontSize(8);
-                      doc.addPage();
-                      line = 80;
-                      left = 20;
+                      line += heightChart + 20;
                     }
 
                     var lineOptionCheckIn = line;
@@ -31292,689 +31681,402 @@ var DashboardToPDF = function DashboardToPDF(props) {
                     var indexCheckIn = 0;
 
                     var _temp8 = _for(function () {
-                      return indexCheckIn < monthsOneToOne.length;
-                    }, function () {
-                      return indexCheckIn++;
-                    }, function () {
-                      var _line = line;
-                      doc.setFontSize(12);
-                      doc.setFont("Helvetica", "normal", "bold");
-                      doc.text(monthsOneToOne[indexCheckIn], left, _line);
-                      doc.setFontSize(8);
-
-                      for (var indexResult = 0; indexResult < (preparednessData === null || preparednessData === void 0 ? void 0 : preparednessData.length); indexResult++) {
-                        var avg = preparednessData[indexResult].data[indexCheckIn];
-
-                        if (avg != 0) {
-                          var questionText = questions[indexResult];
-
-                          if (questionText != "") {
-                            doc.setDrawColor(0);
-                            doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
-                            doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(questionText + ":", left + 8, _line + 10);
-                            doc.setFont("Helvetica", "normal", "normal");
-                            doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
-                          }
-
-                          _line += 10;
-
-                          if (_line > lineOptionCheckIn) {
-                            lineOptionCheckIn = _line;
-                          }
-                        }
-                      }
-
-                      left += 100;
-
-                      if (left + 105 > WIDTH_PAPER) {
-                        left = 20;
-                        line = lineOptionCheckIn + 25;
-                      }
-
-                      var _temp7 = function () {
-                        if (line + 150 > HEIGHT_PAPER) {
-                          doc.addPage();
-                          return Promise.resolve(createImageHeader()).then(function () {
-                            line = 80;
-                            left = 20;
-                          });
-                        }
-                      }();
-
-                      if (_temp7 && _temp7.then) return _temp7.then(function () {});
-                    });
-
-                    return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
-                  });
-                });
-              }
-            }();
-
-            return _temp22 && _temp22.then ? _temp22.then(_temp23) : _temp23(_temp22);
-          }
-
-          var _temp24 = function () {
-            if (selectedToPDF.includes(averageStudentStressName)) {
-              return Promise.resolve(createImageHeader()).then(function () {
-                doc.setFontSize(14);
-                doc.setFont("Helvetica", "normal", "bold");
-                doc.text(t(averageStudentStressName), left, line);
-                line += 20;
-                var chart = document.getElementById("stress");
-                return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                  function _temp6() {
-                    left = 20;
-                    doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
-                    doc.setFontSize(8);
-                    doc.addPage();
-                    line = 80;
-                    left = 20;
-                  }
-
-                  var lineOptionCheckIn = line;
-                  doc.setFontSize(8);
-                  var questions = stressData.map(function (r) {
-                    return r.name;
-                  });
-                  var indexCheckIn = 0;
-
-                  var _temp5 = _for(function () {
-                    return indexCheckIn < monthsOneToOne.length;
-                  }, function () {
-                    return indexCheckIn++;
-                  }, function () {
-                    var _line = line;
-                    doc.setFontSize(12);
-                    doc.setFont("Helvetica", "normal", "bold");
-                    doc.text(monthsOneToOne[indexCheckIn], left, _line);
-                    doc.setFontSize(8);
-
-                    for (var indexResult = 0; indexResult < (stressData === null || stressData === void 0 ? void 0 : stressData.length); indexResult++) {
-                      var avg = stressData[indexResult].data[indexCheckIn];
-
-                      if (avg != 0) {
-                        var questionText = questions[indexResult];
-
-                        if (questionText != "") {
-                          doc.setDrawColor(0);
-                          doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
-                          doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(questionText + ":", left + 8, _line + 10);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
-                        }
-
-                        _line += 10;
-
-                        if (_line > lineOptionCheckIn) {
-                          lineOptionCheckIn = _line;
-                        }
-                      }
-                    }
-
-                    left += 100;
-
-                    if (left + 105 > WIDTH_PAPER) {
-                      left = 20;
-                      line = lineOptionCheckIn + 25;
-                    }
-
-                    var _temp4 = function () {
-                      if (line + 150 > HEIGHT_PAPER) {
-                        doc.addPage();
-                        return Promise.resolve(createImageHeader()).then(function () {
-                          line = 80;
-                          left = 20;
-                        });
-                      }
-                    }();
-
-                    if (_temp4 && _temp4.then) return _temp4.then(function () {});
-                  });
-
-                  return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
-                });
-              });
-            }
-          }();
-
-          return _temp24 && _temp24.then ? _temp24.then(_temp25) : _temp25(_temp24);
-        }
-
-        var doc = new jsPDF({
-          orientation: "p",
-          unit: "px",
-          format: "a4"
-        });
-        var WIDTH_PAPER = doc.internal.pageSize.width;
-        var HEIGHT_PAPER = doc.internal.pageSize.height;
-        var heightChart = 200;
-
-        var createImageHeader = function createImageHeader() {
-          try {
-            var imageLogo = document.getElementById("header-logo");
-            return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
-              doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
-              doc.setFontSize(10);
-              doc.setFont("Helvetica", "italic", "normal");
-              doc.text("From: " + moment(startTime).format("DD/MM/YYYY"), 310, 40);
-              doc.text("To: " + moment(endTime).format("DD/MM/YYYY"), 380, 40);
-              doc.setDrawColor(128, 128, 128);
-              doc.line(0, 50, WIDTH_PAPER, 50);
-              doc.setLineWidth(0.1);
-            });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        };
-
-        var line = 85;
-        var left = 20;
-
-        var _temp26 = function () {
-          if (selectedToPDF.includes(averageStudentSafetyName)) {
-            return Promise.resolve(createImageHeader()).then(function () {
-              doc.setFontSize(14);
-              doc.setFont("Helvetica", "normal", "bold");
-              doc.text(t(averageStudentSafetyName), left, 70);
-              var chart = document.getElementById("safety");
-              return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                function _temp3() {
-                  left = 20;
-                  doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
-                  line = line + heightChart + 30;
-
-                  if (line + 150 > HEIGHT_PAPER) {
-                    doc.addPage();
-                    line = 80;
-                    left = 20;
-                  }
-                }
+                      return indexCheckIn < monthsOneToOne.length;
+                    }, function () {
+                      return indexCheckIn++;
+                    }, function () {
+                      var _line = line;
+                      doc.setFontSize(12);
+                      doc.setFont("Helvetica", "normal", "bold");
+                      doc.text(monthsOneToOne[indexCheckIn], left, _line);
+                      doc.setFontSize(8);
 
-                var lineOptionCheckIn = line;
-                doc.setFontSize(8);
-                var questions = safetyData.map(function (r) {
-                  return r.name;
-                });
-                var indexCheckIn = 0;
+                      for (var indexResult = 0; indexResult < (preparednessData === null || preparednessData === void 0 ? void 0 : preparednessData.length); indexResult++) {
+                        var avg = preparednessData[indexResult].data[indexCheckIn];
 
-                var _temp2 = _for(function () {
-                  return indexCheckIn < monthsOneToOne.length;
-                }, function () {
-                  return indexCheckIn++;
-                }, function () {
-                  var _line = line;
-                  doc.setFontSize(12);
-                  doc.setFont("Helvetica", "normal", "bold");
-                  doc.text(monthsOneToOne[indexCheckIn], left, _line);
-                  doc.setFontSize(8);
+                        if (avg != 0) {
+                          var questionText = questions[indexResult];
 
-                  for (var indexResult = 0; indexResult < (safetyData === null || safetyData === void 0 ? void 0 : safetyData.length); indexResult++) {
-                    var avg = safetyData[indexResult].data[indexCheckIn];
+                          if (questionText != "") {
+                            doc.setDrawColor(0);
+                            doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
+                            doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                            doc.setFont("Helvetica", "normal", "bold");
+                            doc.text(questionText + ":", left + 8, _line + 10);
+                            doc.setFont("Helvetica", "normal", "normal");
+                            doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
+                          }
 
-                    if (avg != 0) {
-                      var questionText = questions[indexResult];
+                          _line += 10;
 
-                      if (questionText != "") {
-                        doc.setDrawColor(0);
-                        doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
-                        doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
-                        doc.setFont("Helvetica", "normal", "bold");
-                        doc.text(questionText + ":", left + 8, _line + 10);
-                        doc.setFont("Helvetica", "normal", "normal");
-                        doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
+                          if (_line > lineOptionCheckIn) {
+                            lineOptionCheckIn = _line;
+                          }
+                        }
                       }
 
-                      _line += 10;
+                      left += 100;
 
-                      if (_line > lineOptionCheckIn) {
-                        lineOptionCheckIn = _line;
+                      if (left + 105 > WIDTH_PAPER) {
+                        left = 20;
+                        line = lineOptionCheckIn + 25;
                       }
-                    }
-                  }
 
-                  left += 100;
+                      var _temp7 = function () {
+                        if (line + 150 > HEIGHT_PAPER) {
+                          doc.addPage();
+                          return Promise.resolve(createImageHeader()).then(function () {
+                            line = 80;
+                            left = 20;
+                          });
+                        }
+                      }();
 
-                  if (left + 105 > WIDTH_PAPER) {
+                      if (_temp7 && _temp7.then) return _temp7.then(function () {});
+                    });
+
+                    return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
+                  });
+                });
+              }
+            }();
+
+            return _temp34 && _temp34.then ? _temp34.then(_temp35) : _temp35(_temp34);
+          }
+
+          var _temp36 = function () {
+            if (selectedToPDF.includes(averageStudentStressName)) {
+              return Promise.resolve(createImageHeader()).then(function () {
+                doc.setFontSize(14);
+                doc.setFont("Helvetica", "normal", "bold");
+                doc.text(t(averageStudentStressName), left, line);
+                line += 20;
+                var chart = document.getElementById("stress");
+                return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                  function _temp6() {
+                    left = 20;
+                    doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
+                    doc.setFontSize(8);
+                    doc.addPage();
+                    line = 80;
                     left = 20;
-                    line = lineOptionCheckIn + 25;
                   }
 
-                  var _temp = function () {
-                    if (line + 150 > HEIGHT_PAPER) {
-                      doc.addPage();
-                      return Promise.resolve(createImageHeader()).then(function () {
-                        line = 80;
-                        left = 20;
-                      });
-                    }
-                  }();
+                  var lineOptionCheckIn = line;
+                  doc.setFontSize(8);
+                  var questions = stressData.map(function (r) {
+                    return r.name;
+                  });
+                  var indexCheckIn = 0;
 
-                  if (_temp && _temp.then) return _temp.then(function () {});
-                });
+                  var _temp5 = _for(function () {
+                    return indexCheckIn < monthsOneToOne.length;
+                  }, function () {
+                    return indexCheckIn++;
+                  }, function () {
+                    var _line = line;
+                    doc.setFontSize(12);
+                    doc.setFont("Helvetica", "normal", "bold");
+                    doc.text(monthsOneToOne[indexCheckIn], left, _line);
+                    doc.setFontSize(8);
 
-                return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
-              });
-            });
-          }
-        }();
+                    for (var indexResult = 0; indexResult < (stressData === null || stressData === void 0 ? void 0 : stressData.length); indexResult++) {
+                      var avg = stressData[indexResult].data[indexCheckIn];
 
-        return _temp26 && _temp26.then ? _temp26.then(_temp27) : _temp27(_temp26);
-      }, function (err) {
-        console.log(err);
-        dispatch(marioCore.setAlert({
-          type: "danger",
-          message: err.message
-        }));
-      });
+                      if (avg != 0) {
+                        var questionText = questions[indexResult];
 
-      return Promise.resolve(_temp31 && _temp31.then ? _temp31.then(_temp30) : _temp30(_temp31));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
+                        if (questionText != "") {
+                          doc.setDrawColor(0);
+                          doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
+                          doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                          doc.setFont("Helvetica", "normal", "bold");
+                          doc.text(questionText + ":", left + 8, _line + 10);
+                          doc.setFont("Helvetica", "normal", "normal");
+                          doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
+                        }
 
-  return React__default.createElement("div", null, React__default.createElement("div", {
-    className: "" + styles$1["chart-to-canvas"]
-  }, React__default.createElement("div", {
-    id: "safety",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    colors: ["#0F9655"],
-    typeChart: TYPECHART.AREA,
-    activeColumn: [true],
-    series: safetyData,
-    months: monthsOneToOne,
-    dayOfWeek: dayOfWeekOneToOne,
-    avgQuestionLastMonth: avgQuestionLastMonth,
-    timeOfDay: timeOfDay
-  })), React__default.createElement("div", {
-    id: "stress",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    colors: ["#C44140"],
-    typeChart: TYPECHART.LINE,
-    activeColumn: [true],
-    series: stressData,
-    months: monthsOneToOne,
-    dayOfWeek: dayOfWeekOneToOne,
-    avgQuestionLastMonth: avgQuestionLastMonth,
-    timeOfDay: timeOfDay
-  })), React__default.createElement("div", {
-    id: "preparedness",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    colors: ["#169490", "#316CD9", "#FFB04F"],
-    typeChart: TYPECHART.LINE,
-    activeColumn: activeColumnPreparedness,
-    series: preparednessData,
-    months: monthsOneToOne,
-    dayOfWeek: dayOfWeekOneToOne,
-    avgQuestionLastMonth: avgQuestionLastMonth,
-    timeOfDay: timeOfDay
-  })), React__default.createElement("div", {
-    id: "success_indicators",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    typeChart: TYPECHART.AREA,
-    activeColumn: activeColumnSuccessIndicators,
-    series: successIndicatorsData,
-    avgQuestionLastMonth: avgQuestionLastMonth,
-    months: monthsOneToOne,
-    dayOfWeek: dayOfWeekOneToOne,
-    timeOfDay: timeOfDay,
-    colors: ["#73C8E5", "#FFB04F", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
-  })), React__default.createElement("div", {
-    id: "learning_progress",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
-    typeChart: TYPECHART.AREA,
-    activeColumn: activeColumnConference,
-    series: seriesConference,
-    months: monthsConference,
-    dayOfWeek: dayOfWeekConference,
-    avgQuestionLastMonth: avgConferenceLastMonth,
-    timeOfDay: timeOfDay
-  })), React__default.createElement("div", {
-    id: "learning_strategy"
-  }, React__default.createElement(TopLearningStrategy$1, {
-    data: topLearningStrategiesData
-  }))), React__default.createElement("div", {
-    className: "" + styles$1["image-logo"],
-    id: "header-logo"
-  }, React__default.createElement("img", {
-    src: headerLogo,
-    alt: ""
-  })), React__default.createElement(reactstrap.Button, {
-    color: "success",
-    onClick: function onClick() {
-      selectedToPDF.length > 0 && generatePDF();
-    }
-  }, "Export"));
-};
+                        _line += 10;
 
-var backgroundPressure = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxMSIgaGVpZ2h0PSIzNDIiIHZpZXdCb3g9IjAgMCAxMDExIDM0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8zOTAxXzM4NDkxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIxOCIgd2lkdGg9IjEwMTEiIGhlaWdodD0iMzI0Ij4NCjxwYXRoIGQ9Ik0xMDExIDM0MkM3MTMuODEzIDM0MiA4NDIuMzY0IDE4IDU0Ni41NiAxOEMyNTAuNzU1IDE4IDM3OCAzNDIgMCAzNDJIMTAxMVoiIGZpbGw9IiNEOUQ5RDkiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMzkwMV8zODQ5MSkiPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjIyMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDAgMzQyKSIgZmlsbD0iI0M0NDE0MCIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeD0iODA5IiB5PSIzNDIiIHdpZHRoPSIzMjQiIGhlaWdodD0iMjAyIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgODA5IDM0MikiIGZpbGw9IiNDNDQxNDAiLz4NCjxyZWN0IG9wYWNpdHk9IjAuMDgiIHg9IjY0NSIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjE2NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDY0NSAzNDIpIiBmaWxsPSIjRkZCMDRGIi8+DQo8cmVjdCBvcGFjaXR5PSIwLjA4IiB4PSI0NjIiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIxODMiIHRyYW5zZm9ybT0icm90YXRlKC05MCA0NjIgMzQyKSIgZmlsbD0iIzBGOTY1NSIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4xIiB4PSIyMjEiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIyNDEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMjEgMzQyKSIgZmlsbD0iIzgxQzkzNSIvPg0KPC9nPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTQ4NS44MTQgNDcuMDg0QzQ4NS4wMjIgNDcuMDg0IDQ4NC4yOTQgNDYuOSA0ODMuNjMgNDYuNTMyQzQ4Mi45NzQgNDYuMTY0IDQ4Mi40NSA0NS42NTIgNDgyLjA1OCA0NC45OTZDNDgxLjY3NCA0NC4zMzIgNDgxLjQ4MiA0My41ODggNDgxLjQ4MiA0Mi43NjRDNDgxLjQ4MiA0MS45NCA0ODEuNjc0IDQxLjIgNDgyLjA1OCA0MC41NDRDNDgyLjQ1IDM5Ljg4OCA0ODIuOTc0IDM5LjM3NiA0ODMuNjMgMzkuMDA4QzQ4NC4yOTQgMzguNjQgNDg1LjAyMiAzOC40NTYgNDg1LjgxNCAzOC40NTZDNDg2LjYwNiAzOC40NTYgNDg3LjMzIDM4LjY0IDQ4Ny45ODYgMzkuMDA4QzQ4OC42NSAzOS4zNzYgNDg5LjE3IDM5Ljg4OCA0ODkuNTQ2IDQwLjU0NEM0ODkuOTMgNDEuMiA0OTAuMTIyIDQxLjk0IDQ5MC4xMjIgNDIuNzY0QzQ5MC4xMjIgNDMuNTg4IDQ4OS45MyA0NC4zMzIgNDg5LjU0NiA0NC45OTZDNDg5LjE2MiA0NS42NTIgNDg4LjY0MiA0Ni4xNjQgNDg3Ljk4NiA0Ni41MzJDNDg3LjMzIDQ2LjkgNDg2LjYwNiA0Ny4wODQgNDg1LjgxNCA0Ny4wODRaTTQ4NS44MTQgNDUuMjEyQzQ4Ni40ODYgNDUuMjEyIDQ4Ny4wMjIgNDQuOTg4IDQ4Ny40MjIgNDQuNTRDNDg3LjgzIDQ0LjA5MiA0ODguMDM0IDQzLjUgNDg4LjAzNCA0Mi43NjRDNDg4LjAzNCA0Mi4wMiA0ODcuODMgNDEuNDI4IDQ4Ny40MjIgNDAuOTg4QzQ4Ny4wMjIgNDAuNTQgNDg2LjQ4NiA0MC4zMTYgNDg1LjgxNCA0MC4zMTZDNDg1LjEzNCA0MC4zMTYgNDg0LjU5IDQwLjUzNiA0ODQuMTgyIDQwLjk3NkM0ODMuNzgyIDQxLjQxNiA0ODMuNTgyIDQyLjAxMiA0ODMuNTgyIDQyLjc2NEM0ODMuNTgyIDQzLjUwOCA0ODMuNzgyIDQ0LjEwNCA0ODQuMTgyIDQ0LjU1MkM0ODQuNTkgNDQuOTkyIDQ4NS4xMzQgNDUuMjEyIDQ4NS44MTQgNDUuMjEyWk00OTcuNjg0IDQxLjI4OEM0OTcuNjg0IDQxLjc3NiA0OTcuNTcyIDQyLjIyNCA0OTcuMzQ4IDQyLjYzMkM0OTcuMTI0IDQzLjAzMiA0OTYuNzggNDMuMzU2IDQ5Ni4zMTYgNDMuNjA0QzQ5NS44NTIgNDMuODUyIDQ5NS4yNzYgNDMuOTc2IDQ5NC41ODggNDMuOTc2SDQ5My4zMTZWNDdINDkxLjI2NFYzOC41NzZINDk0LjU4OEM0OTUuMjYgMzguNTc2IDQ5NS44MjggMzguNjkyIDQ5Ni4yOTIgMzguOTI0QzQ5Ni43NTYgMzkuMTU2IDQ5Ny4xMDQgMzkuNDc2IDQ5Ny4zMzYgMzkuODg0QzQ5Ny41NjggNDAuMjkyIDQ5Ny42ODQgNDAuNzYgNDk3LjY4NCA0MS4yODhaTTQ5NC40MzIgNDIuMzQ0QzQ5NC44MjQgNDIuMzQ0IDQ5NS4xMTYgNDIuMjUyIDQ5NS4zMDggNDIuMDY4QzQ5NS41IDQxLjg4NCA0OTUuNTk2IDQxLjYyNCA0OTUuNTk2IDQxLjI4OEM0OTUuNTk2IDQwLjk1MiA0OTUuNSA0MC42OTIgNDk1LjMwOCA0MC41MDhDNDk1LjExNiA0MC4zMjQgNDk0LjgyNCA0MC4yMzIgNDk0LjQzMiA0MC4yMzJINDkzLjMxNlY0Mi4zNDRINDk0LjQzMlpNNTA0LjgxMiAzOC41NzZWNDAuMjJINTAyLjU4VjQ3SDUwMC41MjhWNDAuMjJINDk4LjI5NlYzOC41NzZINTA0LjgxMlpNNTA3Ljg5NCAzOC41NzZWNDdINTA1Ljg0MlYzOC41NzZINTA3Ljg5NFpNNTE4LjkyMSAzOC41NzZWNDdINTE2Ljg2OVY0MS45NDhMNTE0Ljk4NSA0N0g1MTMuMzI5TDUxMS40MzMgNDEuOTM2VjQ3SDUwOS4zODFWMzguNTc2SDUxMS44MDVMNTE0LjE2OSA0NC40MDhMNTE2LjUwOSAzOC41NzZINTE4LjkyMVpNNTI1LjY0IDQ1LjUxMkg1MjIuNDk2TDUyMS45OTIgNDdINTE5Ljg0NEw1MjIuODkyIDM4LjU3Nkg1MjUuMjY4TDUyOC4zMTYgNDdINTI2LjE0NEw1MjUuNjQgNDUuNTEyWk01MjUuMTEyIDQzLjkyOEw1MjQuMDY4IDQwLjg0NEw1MjMuMDM2IDQzLjkyOEg1MjUuMTEyWk01MzEuMjk2IDQ1LjQxNkg1MzMuOTg0VjQ3SDUyOS4yNDRWMzguNTc2SDUzMS4yOTZWNDUuNDE2Wk01NDMuOTI2IDQxLjI4OEM1NDMuOTI2IDQxLjc3NiA1NDMuODE0IDQyLjIyNCA1NDMuNTkgNDIuNjMyQzU0My4zNjYgNDMuMDMyIDU0My4wMjIgNDMuMzU2IDU0Mi41NTggNDMuNjA0QzU0Mi4wOTQgNDMuODUyIDU0MS41MTggNDMuOTc2IDU0MC44MyA0My45NzZINTM5LjU1OFY0N0g1MzcuNTA2VjM4LjU3Nkg1NDAuODNDNTQxLjUwMiAzOC41NzYgNTQyLjA3IDM4LjY5MiA1NDIuNTM0IDM4LjkyNEM1NDIuOTk4IDM5LjE1NiA1NDMuMzQ2IDM5LjQ3NiA1NDMuNTc4IDM5Ljg4NEM1NDMuODEgNDAuMjkyIDU0My45MjYgNDAuNzYgNTQzLjkyNiA0MS4yODhaTTU0MC42NzQgNDIuMzQ0QzU0MS4wNjYgNDIuMzQ0IDU0MS4zNTggNDIuMjUyIDU0MS41NSA0Mi4wNjhDNTQxLjc0MiA0MS44ODQgNTQxLjgzOCA0MS42MjQgNTQxLjgzOCA0MS4yODhDNTQxLjgzOCA0MC45NTIgNTQxLjc0MiA0MC42OTIgNTQxLjU1IDQwLjUwOEM1NDEuMzU4IDQwLjMyNCA1NDEuMDY2IDQwLjIzMiA1NDAuNjc0IDQwLjIzMkg1MzkuNTU4VjQyLjM0NEg1NDAuNjc0Wk01NDcuMDQ2IDQwLjIyVjQxLjkyNEg1NDkuNzk0VjQzLjUwOEg1NDcuMDQ2VjQ1LjM1Nkg1NTAuMTU0VjQ3SDU0NC45OTRWMzguNTc2SDU1MC4xNTRWNDAuMjJINTQ3LjA0NlpNNTU1Ljc4MiA0N0w1NTQuMDMgNDMuODJINTUzLjUzOFY0N0g1NTEuNDg2VjM4LjU3Nkg1NTQuOTNDNTU1LjU5NCAzOC41NzYgNTU2LjE1OCAzOC42OTIgNTU2LjYyMiAzOC45MjRDNTU3LjA5NCAzOS4xNTYgNTU3LjQ0NiAzOS40NzYgNTU3LjY3OCAzOS44ODRDNTU3LjkxIDQwLjI4NCA1NTguMDI2IDQwLjczMiA1NTguMDI2IDQxLjIyOEM1NTguMDI2IDQxLjc4OCA1NTcuODY2IDQyLjI4OCA1NTcuNTQ2IDQyLjcyOEM1NTcuMjM0IDQzLjE2OCA1NTYuNzcgNDMuNDggNTU2LjE1NCA0My42NjRMNTU4LjA5OCA0N0g1NTUuNzgyWk01NTMuNTM4IDQyLjM2OEg1NTQuODFDNTU1LjE4NiA0Mi4zNjggNTU1LjQ2NiA0Mi4yNzYgNTU1LjY1IDQyLjA5MkM1NTUuODQyIDQxLjkwOCA1NTUuOTM4IDQxLjY0OCA1NTUuOTM4IDQxLjMxMkM1NTUuOTM4IDQwLjk5MiA1NTUuODQyIDQwLjc0IDU1NS42NSA0MC41NTZDNTU1LjQ2NiA0MC4zNzIgNTU1LjE4NiA0MC4yOCA1NTQuODEgNDAuMjhINTUzLjUzOFY0Mi4zNjhaTTU2NC43OTggMzguNTc2VjQwLjIySDU2MS4zNjZWNDEuOTk2SDU2My45MzRWNDMuNTkySDU2MS4zNjZWNDdINTU5LjMxNFYzOC41NzZINTY0Ljc5OFpNNTY5Ljg2MSA0Ny4wODRDNTY5LjA2OSA0Ny4wODQgNTY4LjM0MSA0Ni45IDU2Ny42NzcgNDYuNTMyQzU2Ny4wMjEgNDYuMTY0IDU2Ni40OTcgNDUuNjUyIDU2Ni4xMDUgNDQuOTk2QzU2NS43MjEgNDQuMzMyIDU2NS41MjkgNDMuNTg4IDU2NS41MjkgNDIuNzY0QzU2NS41MjkgNDEuOTQgNTY1LjcyMSA0MS4yIDU2Ni4xMDUgNDAuNTQ0QzU2Ni40OTcgMzkuODg4IDU2Ny4wMjEgMzkuMzc2IDU2Ny42NzcgMzkuMDA4QzU2OC4zNDEgMzguNjQgNTY5LjA2OSAzOC40NTYgNTY5Ljg2MSAzOC40NTZDNTcwLjY1MyAzOC40NTYgNTcxLjM3NyAzOC42NCA1NzIuMDMzIDM5LjAwOEM1NzIuNjk3IDM5LjM3NiA1NzMuMjE3IDM5Ljg4OCA1NzMuNTkzIDQwLjU0NEM1NzMuOTc3IDQxLjIgNTc0LjE2OSA0MS45NCA1NzQuMTY5IDQyLjc2NEM1NzQuMTY5IDQzLjU4OCA1NzMuOTc3IDQ0LjMzMiA1NzMuNTkzIDQ0Ljk5NkM1NzMuMjA5IDQ1LjY1MiA1NzIuNjg5IDQ2LjE2NCA1NzIuMDMzIDQ2LjUzMkM1NzEuMzc3IDQ2LjkgNTcwLjY1MyA0Ny4wODQgNTY5Ljg2MSA0Ny4wODRaTTU2OS44NjEgNDUuMjEyQzU3MC41MzMgNDUuMjEyIDU3MS4wNjkgNDQuOTg4IDU3MS40NjkgNDQuNTRDNTcxLjg3NyA0NC4wOTIgNTcyLjA4MSA0My41IDU3Mi4wODEgNDIuNzY0QzU3Mi4wODEgNDIuMDIgNTcxLjg3NyA0MS40MjggNTcxLjQ2OSA0MC45ODhDNTcxLjA2OSA0MC41NCA1NzAuNTMzIDQwLjMxNiA1NjkuODYxIDQwLjMxNkM1NjkuMTgxIDQwLjMxNiA1NjguNjM3IDQwLjUzNiA1NjguMjI5IDQwLjk3NkM1NjcuODI5IDQxLjQxNiA1NjcuNjI5IDQyLjAxMiA1NjcuNjI5IDQyLjc2NEM1NjcuNjI5IDQzLjUwOCA1NjcuODI5IDQ0LjEwNCA1NjguMjI5IDQ0LjU1MkM1NjguNjM3IDQ0Ljk5MiA1NjkuMTgxIDQ1LjIxMiA1NjkuODYxIDQ1LjIxMlpNNTc5LjYwNiA0N0w1NzcuODU0IDQzLjgySDU3Ny4zNjJWNDdINTc1LjMxVjM4LjU3Nkg1NzguNzU0QzU3OS40MTggMzguNTc2IDU3OS45ODIgMzguNjkyIDU4MC40NDYgMzguOTI0QzU4MC45MTggMzkuMTU2IDU4MS4yNyAzOS40NzYgNTgxLjUwMiAzOS44ODRDNTgxLjczNCA0MC4yODQgNTgxLjg1IDQwLjczMiA1ODEuODUgNDEuMjI4QzU4MS44NSA0MS43ODggNTgxLjY5IDQyLjI4OCA1ODEuMzcgNDIuNzI4QzU4MS4wNTggNDMuMTY4IDU4MC41OTQgNDMuNDggNTc5Ljk3OCA0My42NjRMNTgxLjkyMiA0N0g1NzkuNjA2Wk01NzcuMzYyIDQyLjM2OEg1NzguNjM0QzU3OS4wMSA0Mi4zNjggNTc5LjI5IDQyLjI3NiA1NzkuNDc0IDQyLjA5MkM1NzkuNjY2IDQxLjkwOCA1NzkuNzYyIDQxLjY0OCA1NzkuNzYyIDQxLjMxMkM1NzkuNzYyIDQwLjk5MiA1NzkuNjY2IDQwLjc0IDU3OS40NzQgNDAuNTU2QzU3OS4yOSA0MC4zNzIgNTc5LjAxIDQwLjI4IDU3OC42MzQgNDAuMjhINTc3LjM2MlY0Mi4zNjhaTTU5Mi42NzkgMzguNTc2VjQ3SDU5MC42MjdWNDEuOTQ4TDU4OC43NDMgNDdINTg3LjA4N0w1ODUuMTkxIDQxLjkzNlY0N0g1ODMuMTM5VjM4LjU3Nkg1ODUuNTYzTDU4Ny45MjcgNDQuNDA4TDU5MC4yNjcgMzguNTc2SDU5Mi42NzlaTTU5OS4zOTggNDUuNTEySDU5Ni4yNTRMNTk1Ljc1IDQ3SDU5My42MDJMNTk2LjY1IDM4LjU3Nkg1OTkuMDI2TDYwMi4wNzQgNDdINTk5LjkwMkw1OTkuMzk4IDQ1LjUxMlpNNTk4Ljg3IDQzLjkyOEw1OTcuODI2IDQwLjg0NEw1OTYuNzk0IDQzLjkyOEg1OTguODdaTTYxMC41MzggNDdINjA4LjQ4Nkw2MDUuMDU0IDQxLjgwNFY0N0g2MDMuMDAyVjM4LjU3Nkg2MDUuMDU0TDYwOC40ODYgNDMuNzk2VjM4LjU3Nkg2MTAuNTM4VjQ3Wk02MTEuNjc3IDQyLjc3NkM2MTEuNjc3IDQxLjk0NCA2MTEuODU3IDQxLjIwNCA2MTIuMjE3IDQwLjU1NkM2MTIuNTc3IDM5LjkgNjEzLjA3NyAzOS4zOTIgNjEzLjcxNyAzOS4wMzJDNjE0LjM2NSAzOC42NjQgNjE1LjA5NyAzOC40OCA2MTUuOTEzIDM4LjQ4QzYxNi45MTMgMzguNDggNjE3Ljc2OSAzOC43NDQgNjE4LjQ4MSAzOS4yNzJDNjE5LjE5MyAzOS44IDYxOS42NjkgNDAuNTIgNjE5LjkwOSA0MS40MzJINjE3LjY1M0M2MTcuNDg1IDQxLjA4IDYxNy4yNDUgNDAuODEyIDYxNi45MzMgNDAuNjI4QzYxNi42MjkgNDAuNDQ0IDYxNi4yODEgNDAuMzUyIDYxNS44ODkgNDAuMzUyQzYxNS4yNTcgNDAuMzUyIDYxNC43NDUgNDAuNTcyIDYxNC4zNTMgNDEuMDEyQzYxMy45NjEgNDEuNDUyIDYxMy43NjUgNDIuMDQgNjEzLjc2NSA0Mi43NzZDNjEzLjc2NSA0My41MTIgNjEzLjk2MSA0NC4xIDYxNC4zNTMgNDQuNTRDNjE0Ljc0NSA0NC45OCA2MTUuMjU3IDQ1LjIgNjE1Ljg4OSA0NS4yQzYxNi4yODEgNDUuMiA2MTYuNjI5IDQ1LjEwOCA2MTYuOTMzIDQ0LjkyNEM2MTcuMjQ1IDQ0Ljc0IDYxNy40ODUgNDQuNDcyIDYxNy42NTMgNDQuMTJINjE5LjkwOUM2MTkuNjY5IDQ1LjAzMiA2MTkuMTkzIDQ1Ljc1MiA2MTguNDgxIDQ2LjI4QzYxNy43NjkgNDYuOCA2MTYuOTEzIDQ3LjA2IDYxNS45MTMgNDcuMDZDNjE1LjA5NyA0Ny4wNiA2MTQuMzY1IDQ2Ljg4IDYxMy43MTcgNDYuNTJDNjEzLjA3NyA0Ni4xNTIgNjEyLjU3NyA0NS42NDQgNjEyLjIxNyA0NC45OTZDNjExLjg1NyA0NC4zNDggNjExLjY3NyA0My42MDggNjExLjY3NyA0Mi43NzZaTTYyMy4yMTggNDAuMjJWNDEuOTI0SDYyNS45NjZWNDMuNTA4SDYyMy4yMThWNDUuMzU2SDYyNi4zMjZWNDdINjIxLjE2NlYzOC41NzZINjI2LjMyNlY0MC4yMkg2MjMuMjE4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTc3NC45NTMgNDUuMzJINzc4LjU3N1Y0N0g3NzIuNjI1VjQ1LjQ0TDc3Ni4yMjUgNDAuMjU2SDc3Mi42MjVWMzguNTc2SDc3OC41NzdWNDAuMTM2TDc3NC45NTMgNDUuMzJaTTc4My45MDIgNDcuMDg0Qzc4My4xMSA0Ny4wODQgNzgyLjM4MiA0Ni45IDc4MS43MTggNDYuNTMyQzc4MS4wNjIgNDYuMTY0IDc4MC41MzggNDUuNjUyIDc4MC4xNDYgNDQuOTk2Qzc3OS43NjIgNDQuMzMyIDc3OS41NyA0My41ODggNzc5LjU3IDQyLjc2NEM3NzkuNTcgNDEuOTQgNzc5Ljc2MiA0MS4yIDc4MC4xNDYgNDAuNTQ0Qzc4MC41MzggMzkuODg4IDc4MS4wNjIgMzkuMzc2IDc4MS43MTggMzkuMDA4Qzc4Mi4zODIgMzguNjQgNzgzLjExIDM4LjQ1NiA3ODMuOTAyIDM4LjQ1NkM3ODQuNjk0IDM4LjQ1NiA3ODUuNDE4IDM4LjY0IDc4Ni4wNzQgMzkuMDA4Qzc4Ni43MzggMzkuMzc2IDc4Ny4yNTggMzkuODg4IDc4Ny42MzQgNDAuNTQ0Qzc4OC4wMTggNDEuMiA3ODguMjEgNDEuOTQgNzg4LjIxIDQyLjc2NEM3ODguMjEgNDMuNTg4IDc4OC4wMTggNDQuMzMyIDc4Ny42MzQgNDQuOTk2Qzc4Ny4yNSA0NS42NTIgNzg2LjczIDQ2LjE2NCA3ODYuMDc0IDQ2LjUzMkM3ODUuNDE4IDQ2LjkgNzg0LjY5NCA0Ny4wODQgNzgzLjkwMiA0Ny4wODRaTTc4My45MDIgNDUuMjEyQzc4NC41NzQgNDUuMjEyIDc4NS4xMSA0NC45ODggNzg1LjUxIDQ0LjU0Qzc4NS45MTggNDQuMDkyIDc4Ni4xMjIgNDMuNSA3ODYuMTIyIDQyLjc2NEM3ODYuMTIyIDQyLjAyIDc4NS45MTggNDEuNDI4IDc4NS41MSA0MC45ODhDNzg1LjExIDQwLjU0IDc4NC41NzQgNDAuMzE2IDc4My45MDIgNDAuMzE2Qzc4My4yMjIgNDAuMzE2IDc4Mi42NzggNDAuNTM2IDc4Mi4yNyA0MC45NzZDNzgxLjg3IDQxLjQxNiA3ODEuNjcgNDIuMDEyIDc4MS42NyA0Mi43NjRDNzgxLjY3IDQzLjUwOCA3ODEuODcgNDQuMTA0IDc4Mi4yNyA0NC41NTJDNzgyLjY3OCA0NC45OTIgNzgzLjIyMiA0NS4yMTIgNzgzLjkwMiA0NS4yMTJaTTc5Ni44ODcgNDdINzk0LjgzNUw3OTEuNDAzIDQxLjgwNFY0N0g3ODkuMzUxVjM4LjU3Nkg3OTEuNDAzTDc5NC44MzUgNDMuNzk2VjM4LjU3Nkg3OTYuODg3VjQ3Wk04MDAuNDI3IDQwLjIyVjQxLjkyNEg4MDMuMTc1VjQzLjUwOEg4MDAuNDI3VjQ1LjM1Nkg4MDMuNTM1VjQ3SDc5OC4zNzVWMzguNTc2SDgwMy41MzVWNDAuMjJIODAwLjQyN1pNODExLjM5NCA0Ny4wODRDODEwLjYwMiA0Ny4wODQgODA5Ljg3NCA0Ni45IDgwOS4yMSA0Ni41MzJDODA4LjU1NCA0Ni4xNjQgODA4LjAzIDQ1LjY1MiA4MDcuNjM4IDQ0Ljk5NkM4MDcuMjU0IDQ0LjMzMiA4MDcuMDYyIDQzLjU4OCA4MDcuMDYyIDQyLjc2NEM4MDcuMDYyIDQxLjk0IDgwNy4yNTQgNDEuMiA4MDcuNjM4IDQwLjU0NEM4MDguMDMgMzkuODg4IDgwOC41NTQgMzkuMzc2IDgwOS4yMSAzOS4wMDhDODA5Ljg3NCAzOC42NCA4MTAuNjAyIDM4LjQ1NiA4MTEuMzk0IDM4LjQ1NkM4MTIuMTg2IDM4LjQ1NiA4MTIuOTEgMzguNjQgODEzLjU2NiAzOS4wMDhDODE0LjIzIDM5LjM3NiA4MTQuNzUgMzkuODg4IDgxNS4xMjYgNDAuNTQ0QzgxNS41MSA0MS4yIDgxNS43MDIgNDEuOTQgODE1LjcwMiA0Mi43NjRDODE1LjcwMiA0My41ODggODE1LjUxIDQ0LjMzMiA4MTUuMTI2IDQ0Ljk5NkM4MTQuNzQyIDQ1LjY1MiA4MTQuMjIyIDQ2LjE2NCA4MTMuNTY2IDQ2LjUzMkM4MTIuOTEgNDYuOSA4MTIuMTg2IDQ3LjA4NCA4MTEuMzk0IDQ3LjA4NFpNODExLjM5NCA0NS4yMTJDODEyLjA2NiA0NS4yMTIgODEyLjYwMiA0NC45ODggODEzLjAwMiA0NC41NEM4MTMuNDEgNDQuMDkyIDgxMy42MTQgNDMuNSA4MTMuNjE0IDQyLjc2NEM4MTMuNjE0IDQyLjAyIDgxMy40MSA0MS40MjggODEzLjAwMiA0MC45ODhDODEyLjYwMiA0MC41NCA4MTIuMDY2IDQwLjMxNiA4MTEuMzk0IDQwLjMxNkM4MTAuNzE0IDQwLjMxNiA4MTAuMTcgNDAuNTM2IDgwOS43NjIgNDAuOTc2QzgwOS4zNjIgNDEuNDE2IDgwOS4xNjIgNDIuMDEyIDgwOS4xNjIgNDIuNzY0QzgwOS4xNjIgNDMuNTA4IDgwOS4zNjIgNDQuMTA0IDgwOS43NjIgNDQuNTUyQzgxMC4xNyA0NC45OTIgODEwLjcxNCA0NS4yMTIgODExLjM5NCA0NS4yMTJaTTgyMi4zMjggMzguNTc2VjQwLjIySDgxOC44OTZWNDEuOTk2SDgyMS40NjRWNDMuNTkySDgxOC44OTZWNDdIODE2Ljg0NFYzOC41NzZIODIyLjMyOFpNODI5LjEwNSAzOC41NzZDODI5Ljk5MyAzOC41NzYgODMwLjc2OSAzOC43NTIgODMxLjQzMyAzOS4xMDRDODMyLjA5NyAzOS40NTYgODMyLjYwOSAzOS45NTIgODMyLjk2OSA0MC41OTJDODMzLjMzNyA0MS4yMjQgODMzLjUyMSA0MS45NTYgODMzLjUyMSA0Mi43ODhDODMzLjUyMSA0My42MTIgODMzLjMzNyA0NC4zNDQgODMyLjk2OSA0NC45ODRDODMyLjYwOSA0NS42MjQgODMyLjA5MyA0Ni4xMiA4MzEuNDIxIDQ2LjQ3MkM4MzAuNzU3IDQ2LjgyNCA4MjkuOTg1IDQ3IDgyOS4xMDUgNDdIODI1Ljk0OVYzOC41NzZIODI5LjEwNVpNODI4Ljk3MyA0NS4yMjRDODI5Ljc0OSA0NS4yMjQgODMwLjM1MyA0NS4wMTIgODMwLjc4NSA0NC41ODhDODMxLjIxNyA0NC4xNjQgODMxLjQzMyA0My41NjQgODMxLjQzMyA0Mi43ODhDODMxLjQzMyA0Mi4wMTIgODMxLjIxNyA0MS40MDggODMwLjc4NSA0MC45NzZDODMwLjM1MyA0MC41NDQgODI5Ljc0OSA0MC4zMjggODI4Ljk3MyA0MC4zMjhIODI4LjAwMVY0NS4yMjRIODI4Ljk3M1pNODM2LjcyIDQwLjIyVjQxLjkyNEg4MzkuNDY4VjQzLjUwOEg4MzYuNzJWNDUuMzU2SDgzOS44MjhWNDdIODM0LjY2OFYzOC41NzZIODM5LjgyOFY0MC4yMkg4MzYuNzJaTTg0My4yMTIgNDUuNDE2SDg0NS45VjQ3SDg0MS4xNlYzOC41NzZIODQzLjIxMlY0NS40MTZaTTg0OC44OTUgMzguNTc2VjQzLjYxNkM4NDguODk1IDQ0LjEyIDg0OS4wMTkgNDQuNTA4IDg0OS4yNjcgNDQuNzhDODQ5LjUxNSA0NS4wNTIgODQ5Ljg3OSA0NS4xODggODUwLjM1OSA0NS4xODhDODUwLjgzOSA0NS4xODggODUxLjIwNyA0NS4wNTIgODUxLjQ2MyA0NC43OEM4NTEuNzE5IDQ0LjUwOCA4NTEuODQ3IDQ0LjEyIDg1MS44NDcgNDMuNjE2VjM4LjU3Nkg4NTMuODk5VjQzLjYwNEM4NTMuODk5IDQ0LjM1NiA4NTMuNzM5IDQ0Ljk5MiA4NTMuNDE5IDQ1LjUxMkM4NTMuMDk5IDQ2LjAzMiA4NTIuNjY3IDQ2LjQyNCA4NTIuMTIzIDQ2LjY4OEM4NTEuNTg3IDQ2Ljk1MiA4NTAuOTg3IDQ3LjA4NCA4NTAuMzIzIDQ3LjA4NEM4NDkuNjU5IDQ3LjA4NCA4NDkuMDYzIDQ2Ljk1NiA4NDguNTM1IDQ2LjdDODQ4LjAxNSA0Ni40MzYgODQ3LjYwMyA0Ni4wNDQgODQ3LjI5OSA0NS41MjRDODQ2Ljk5NSA0NC45OTYgODQ2Ljg0MyA0NC4zNTYgODQ2Ljg0MyA0My42MDRWMzguNTc2SDg0OC44OTVaTTg1OC4zODggNDcuMDg0Qzg1Ny43NzIgNDcuMDg0IDg1Ny4yMiA0Ni45ODQgODU2LjczMiA0Ni43ODRDODU2LjI0NCA0Ni41ODQgODU1Ljg1MiA0Ni4yODggODU1LjU1NiA0NS44OTZDODU1LjI2OCA0NS41MDQgODU1LjExNiA0NS4wMzIgODU1LjEgNDQuNDhIODU3LjI4NEM4NTcuMzE2IDQ0Ljc5MiA4NTcuNDI0IDQ1LjAzMiA4NTcuNjA4IDQ1LjJDODU3Ljc5MiA0NS4zNiA4NTguMDMyIDQ1LjQ0IDg1OC4zMjggNDUuNDRDODU4LjYzMiA0NS40NCA4NTguODcyIDQ1LjM3MiA4NTkuMDQ4IDQ1LjIzNkM4NTkuMjI0IDQ1LjA5MiA4NTkuMzEyIDQ0Ljg5NiA4NTkuMzEyIDQ0LjY0OEM4NTkuMzEyIDQ0LjQ0IDg1OS4yNCA0NC4yNjggODU5LjA5NiA0NC4xMzJDODU4Ljk2IDQzLjk5NiA4NTguNzg4IDQzLjg4NCA4NTguNTggNDMuNzk2Qzg1OC4zOCA0My43MDggODU4LjA5MiA0My42MDggODU3LjcxNiA0My40OTZDODU3LjE3MiA0My4zMjggODU2LjcyOCA0My4xNiA4NTYuMzg0IDQyLjk5MkM4NTYuMDQgNDIuODI0IDg1NS43NDQgNDIuNTc2IDg1NS40OTYgNDIuMjQ4Qzg1NS4yNDggNDEuOTIgODU1LjEyNCA0MS40OTIgODU1LjEyNCA0MC45NjRDODU1LjEyNCA0MC4xOCA4NTUuNDA4IDM5LjU2OCA4NTUuOTc2IDM5LjEyOEM4NTYuNTQ0IDM4LjY4IDg1Ny4yODQgMzguNDU2IDg1OC4xOTYgMzguNDU2Qzg1OS4xMjQgMzguNDU2IDg1OS44NzIgMzguNjggODYwLjQ0IDM5LjEyOEM4NjEuMDA4IDM5LjU2OCA4NjEuMzEyIDQwLjE4NCA4NjEuMzUyIDQwLjk3Nkg4NTkuMTMyQzg1OS4xMTYgNDAuNzA0IDg1OS4wMTYgNDAuNDkyIDg1OC44MzIgNDAuMzRDODU4LjY0OCA0MC4xOCA4NTguNDEyIDQwLjEgODU4LjEyNCA0MC4xQzg1Ny44NzYgNDAuMSA4NTcuNjc2IDQwLjE2OCA4NTcuNTI0IDQwLjMwNEM4NTcuMzcyIDQwLjQzMiA4NTcuMjk2IDQwLjYyIDg1Ny4yOTYgNDAuODY4Qzg1Ny4yOTYgNDEuMTQgODU3LjQyNCA0MS4zNTIgODU3LjY4IDQxLjUwNEM4NTcuOTM2IDQxLjY1NiA4NTguMzM2IDQxLjgyIDg1OC44OCA0MS45OTZDODU5LjQyNCA0Mi4xOCA4NTkuODY0IDQyLjM1NiA4NjAuMiA0Mi41MjRDODYwLjU0NCA0Mi42OTIgODYwLjg0IDQyLjkzNiA4NjEuMDg4IDQzLjI1NkM4NjEuMzM2IDQzLjU3NiA4NjEuNDYgNDMuOTg4IDg2MS40NiA0NC40OTJDODYxLjQ2IDQ0Ljk3MiA4NjEuMzM2IDQ1LjQwOCA4NjEuMDg4IDQ1LjhDODYwLjg0OCA0Ni4xOTIgODYwLjQ5NiA0Ni41MDQgODYwLjAzMiA0Ni43MzZDODU5LjU2OCA0Ni45NjggODU5LjAyIDQ3LjA4NCA4NTguMzg4IDQ3LjA4NFpNODY0Ljc3NSAzOC41NzZWNDdIODYyLjcyM1YzOC41NzZIODY0Ljc3NVpNODcwLjI0NiA0Ny4wODRDODY5LjQ1NCA0Ny4wODQgODY4LjcyNiA0Ni45IDg2OC4wNjIgNDYuNTMyQzg2Ny40MDYgNDYuMTY0IDg2Ni44ODIgNDUuNjUyIDg2Ni40OSA0NC45OTZDODY2LjEwNiA0NC4zMzIgODY1LjkxNCA0My41ODggODY1LjkxNCA0Mi43NjRDODY1LjkxNCA0MS45NCA4NjYuMTA2IDQxLjIgODY2LjQ5IDQwLjU0NEM4NjYuODgyIDM5Ljg4OCA4NjcuNDA2IDM5LjM3NiA4NjguMDYyIDM5LjAwOEM4NjguNzI2IDM4LjY0IDg2OS40NTQgMzguNDU2IDg3MC4yNDYgMzguNDU2Qzg3MS4wMzggMzguNDU2IDg3MS43NjIgMzguNjQgODcyLjQxOCAzOS4wMDhDODczLjA4MiAzOS4zNzYgODczLjYwMiAzOS44ODggODczLjk3OCA0MC41NDRDODc0LjM2MiA0MS4yIDg3NC41NTQgNDEuOTQgODc0LjU1NCA0Mi43NjRDODc0LjU1NCA0My41ODggODc0LjM2MiA0NC4zMzIgODczLjk3OCA0NC45OTZDODczLjU5NCA0NS42NTIgODczLjA3NCA0Ni4xNjQgODcyLjQxOCA0Ni41MzJDODcxLjc2MiA0Ni45IDg3MS4wMzggNDcuMDg0IDg3MC4yNDYgNDcuMDg0Wk04NzAuMjQ2IDQ1LjIxMkM4NzAuOTE4IDQ1LjIxMiA4NzEuNDU0IDQ0Ljk4OCA4NzEuODU0IDQ0LjU0Qzg3Mi4yNjIgNDQuMDkyIDg3Mi40NjYgNDMuNSA4NzIuNDY2IDQyLjc2NEM4NzIuNDY2IDQyLjAyIDg3Mi4yNjIgNDEuNDI4IDg3MS44NTQgNDAuOTg4Qzg3MS40NTQgNDAuNTQgODcwLjkxOCA0MC4zMTYgODcwLjI0NiA0MC4zMTZDODY5LjU2NiA0MC4zMTYgODY5LjAyMiA0MC41MzYgODY4LjYxNCA0MC45NzZDODY4LjIxNCA0MS40MTYgODY4LjAxNCA0Mi4wMTIgODY4LjAxNCA0Mi43NjRDODY4LjAxNCA0My41MDggODY4LjIxNCA0NC4xMDQgODY4LjYxNCA0NC41NTJDODY5LjAyMiA0NC45OTIgODY5LjU2NiA0NS4yMTIgODcwLjI0NiA0NS4yMTJaTTg4My4yMzEgNDdIODgxLjE3OUw4NzcuNzQ3IDQxLjgwNFY0N0g4NzUuNjk1VjM4LjU3Nkg4NzcuNzQ3TDg4MS4xNzkgNDMuNzk2VjM4LjU3Nkg4ODMuMjMxVjQ3WiIgZmlsbD0iIzI0MjQyNCIvPg0KPGcgb3BhY2l0eT0iMC41NiI+DQo8cGF0aCBkPSJNNDE2LjY4OCAyNy42NDM3TDQyMC42NjMgMzUuMDcwOEw0MTguODU0IDM2LjAzOTFMNDE0Ljg3OSAyOC42MTIxTDQxNi42ODggMjcuNjQzN1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00MjAuODUzIDI1LjQ4NDJDNDIxLjY0OSAyNS4wODk0IDQyMi40MjIgMjQuOTAyMSA0MjMuMTczIDI0LjkyMjJDNDIzLjkyNSAyNC45NDIzIDQyNC42MDQgMjUuMTU5IDQyNS4yMTEgMjUuNTcyM0M0MjUuODIxIDI1Ljk3NDggNDI2LjMxMiAyNi41NDg3IDQyNi42ODEgMjcuMjk0QzQyNy4wNDggMjguMDMyMSA0MjcuMjA4IDI4Ljc2OTYgNDI3LjE2MyAyOS41MDY0QzQyNy4xMjUgMzAuMjM5OCA0MjYuODg0IDMwLjkxMzQgNDI2LjQzOCAzMS41Mjc1QzQyNiAzMi4xMzggNDI1LjM4NiAzMi42Mzg4IDQyNC41OTggMzMuMDNMNDIxLjc3MSAzNC40MzNMNDE4LjAyNiAyNi44ODcxTDQyMC44NTMgMjUuNDg0MlpNNDIzLjY5IDMxLjQ5NzhDNDI0LjM4NiAzMS4xNTI5IDQyNC44MzIgMzAuNjk0NCA0MjUuMDMxIDMwLjEyMjZDNDI1LjIyOSAyOS41NTA4IDQyNS4xNTYgMjguOTE3MyA0MjQuODExIDI4LjIyMjJDNDI0LjQ2NiAyNy41MjcxIDQyNC4wMDQgMjcuMDgyMSA0MjMuNDI1IDI2Ljg4NzFDNDIyLjg0NiAyNi42OTIyIDQyMi4yMDkgMjYuNzY3MiA0MjEuNTE0IDI3LjExMjJMNDIwLjY0MyAyNy41NDQzTDQyMi44MiAzMS45Mjk5TDQyMy42OSAzMS40OTc4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggZD0iTTQyOS41NDcgMjMuMTYxN0w0MzAuMjQxIDI0LjcxNzlMNDMyLjc1IDIzLjU5ODZMNDMzLjM5NSAyNS4wNDUzTDQzMC44ODYgMjYuMTY0Nkw0MzEuNjM4IDI3Ljg1MjNMNDM0LjQ3NyAyNi41ODY0TDQzNS4xNDcgMjguMDg3OEw0MzAuNDM0IDMwLjE4OTZMNDI3LjAwMyAyMi40OTZMNDMxLjcxNSAyMC4zOTQzTDQzMi4zODUgMjEuODk1N0w0MjkuNTQ3IDIzLjE2MTdaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQwLjgwNCAyNC4xNDU3TDQzNy44ODcgMjUuMzE3M0w0MzcuOTc0IDI2Ljg4NTlMNDM1Ljk4IDI3LjY4NjRMNDM1LjY3IDE4LjczMzNMNDM3Ljg3NSAxNy44NDc5TDQ0My44NDIgMjQuNTI5M0w0NDEuODI3IDI1LjMzODdMNDQwLjgwNCAyNC4xNDU3Wk00MzkuNzI0IDIyLjg3MjVMNDM3LjYwNiAyMC4zOTk3TDQzNy43OTggMjMuNjQ2Mkw0MzkuNzI0IDIyLjg3MjVaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQ1LjggMjIuMTQ0N0w0NDguMzI3IDIxLjIyODNMNDQ4Ljg2NyAyMi43MTc0TDQ0NC40MTEgMjQuMzMzM0w0NDEuNTM5IDE2LjQxNEw0NDMuNDY4IDE1LjcxNDRMNDQ1LjggMjIuMTQ0N1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NTMuODU5IDE5LjI2MzhMNDU3LjMxNiAxOC4xNzhMNDU3LjgyIDE5Ljc4MDhMNDUyLjE0MSAyMS41NjQxTDQ1MS42NzQgMjAuMDc1OEw0NTMuNTU1IDE0LjA1MTNMNDUwLjEyMSAxNS4xMjk5TDQ0OS42MTcgMTMuNTI3MUw0NTUuMjk2IDExLjc0MzhMNDU1Ljc2MyAxMy4yMzIxTDQ1My44NTkgMTkuMjYzOFoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NjQuMTQgMTguMDQ1NEM0NjMuMzc2IDE4LjI1MjcgNDYyLjYyNSAxOC4yNjU2IDQ2MS44ODggMTguMDg0M0M0NjEuMTU4IDE3LjkwMDggNDYwLjUxOSAxNy41NDM4IDQ1OS45NjkgMTcuMDEzM0M0NTkuNDI0IDE2LjQ3MjkgNDU5LjA0NCAxNS44MDUxIDQ1OC44MjggMTUuMDA5OEM0NTguNjEzIDE0LjIxNDYgNDU4LjYwNCAxMy40NTAxIDQ1OC44MDMgMTIuNzE2NUM0NTkuMDEgMTEuOTgwNyA0NTkuMzgyIDExLjM0OTQgNDU5LjkxOCAxMC44MjI2QzQ2MC40NjMgMTAuMjkzNiA0NjEuMTE3IDkuOTI1NDYgNDYxLjg4MiA5LjcxODE2QzQ2Mi42NDYgOS41MTA4NiA0NjMuMzkzIDkuNDk4OTUgNDY0LjEyMyA5LjY4MjQyQzQ2NC44NiA5Ljg2Mzc5IDQ2NS40OTYgMTAuMjIxOCA0NjYuMDMgMTAuNzU2NUM0NjYuNTczIDExLjI4OTIgNDY2Ljk1MiAxMS45NTMxIDQ2Ny4xNjcgMTIuNzQ4NEM0NjcuMzgzIDEzLjU0MzcgNDY3LjM5MiAxNC4zMTIgNDY3LjE5NiAxNS4wNTMzQzQ2Ni45OTcgMTUuNzg3IDQ2Ni42MjkgMTYuNDE3MiA0NjYuMDkyIDE2Ljk0NDFDNDY1LjU1NSAxNy40NzEgNDY0LjkwNSAxNy44MzgxIDQ2NC4xNCAxOC4wNDU0Wk00NjMuNjUgMTYuMjM4NkM0NjQuMjk5IDE2LjA2MjcgNDY0Ljc1NyAxNS43MDYzIDQ2NS4wMjYgMTUuMTY5MkM0NjUuMzAzIDE0LjYzIDQ2NS4zNDUgMTQuMDA1MyA0NjUuMTUyIDEzLjI5NDlDNDY0Ljk1NyAxMi41NzY4IDQ2NC42MDUgMTIuMDU4OSA0NjQuMDk3IDExLjc0MUM0NjMuNTkzIDExLjQxMzMgNDYzLjAxNyAxMS4zMzc0IDQ2Mi4zNjkgMTEuNTEzM0M0NjEuNzEyIDExLjY5MTMgNDYxLjI0NSAxMi4wNDYgNDYwLjk2NiAxMi41Nzc1QzQ2MC42OTUgMTMuMTA2OCA0NjAuNjU4IDEzLjczNDQgNDYwLjg1NSAxNC40NjAyQzQ2MS4wNSAxNS4xNzgyIDQ2MS4zOTkgMTUuNzAxMSA0NjEuOTAyIDE2LjAyODhDNDYyLjQxMSAxNi4zNDY3IDQ2Mi45OTQgMTYuNDE2NiA0NjMuNjUgMTYuMjM4NloiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NzcuODIxIDE0LjYwOTVMNDc1LjgyIDE1LjA2MzdMNDcxLjMyMyAxMC43NTYxTDQ3Mi40NzMgMTUuODIzMkw0NzAuNDcyIDE2LjI3NzRMNDY4LjYwNyA4LjA2MjI3TDQ3MC42MDggNy42MDgxM0w0NzUuMTEgMTEuOTM5MUw0NzMuOTU1IDYuODQ4NTdMNDc1Ljk1NiA2LjM5NDQzTDQ3Ny44MjEgMTQuNjA5NVoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00ODAuMjg5IDcuMTk2NDNMNDgwLjYxNCA4Ljg2OTEyTDQ4My4zMTIgOC4zNDQ3M0w0ODMuNjE0IDkuODk5NjNMNDgwLjkxNyAxMC40MjRMNDgxLjI2OSAxMi4yMzgxTDQ4NC4zMiAxMS42NDVMNDg0LjYzNCAxMy4yNTg4TDQ3OS41NjkgMTQuMjQzNEw0NzcuOTYxIDUuOTc0MjFMNDgzLjAyNiA0Ljk4OTU2TDQ4My4zNCA2LjYwMzM1TDQ4MC4yODkgNy4xOTY0M1oiIGZpbGw9IiMyNDI0MjQiLz4NCjwvZz4NCjxwYXRoIGQ9Ik02NDUuMjE0IDE5LjQ3MjhDNjQ1LjQ2NCAxOS4zNTQzIDY0NS41NyAxOS4wNTYxIDY0NS40NTIgMTguODA2Nkw2NDMuNTIxIDE0Ljc0MTdDNjQzLjQwMyAxNC40OTIzIDY0My4xMDUgMTQuMzg2MSA2NDIuODU1IDE0LjUwNDZDNjQyLjYwNiAxNC42MjMgNjQyLjQ5OSAxNC45MjEzIDY0Mi42MTggMTUuMTcwN0w2NDQuMzM0IDE4Ljc4NEw2NDAuNzIxIDIwLjQ5OTlDNjQwLjQ3MSAyMC42MTg0IDY0MC4zNjUgMjAuOTE2NiA2NDAuNDgzIDIxLjE2NjFDNjQwLjYwMiAyMS40MTU1IDY0MC45IDIxLjUyMTcgNjQxLjE1IDIxLjQwMzJMNjQ1LjIxNCAxOS40NzI4Wk00OTIuNDI0IDcuMzc1MzFDNDkyLjE1MSA3LjQxNzU1IDQ5MS45NjQgNy42NzMwMSA0OTIuMDA2IDcuOTQ1OTFDNDkyLjA0OCA4LjIxODggNDkyLjMwNCA4LjQwNTc4IDQ5Mi41NzYgOC4zNjM1NUw0OTIuNDI0IDcuMzc1MzFaTTU0Ni4yOTkgNC41QzU4NS44OTkgNC41IDYxOC4xMDEgOS45NzUyNyA2NDQuODMyIDE5LjQ5MjJMNjQ1LjE2OCAxOC41NTAxQzYxOC4zMDkgOC45ODgwNiA1ODUuOTkxIDMuNSA1NDYuMjk5IDMuNVY0LjVaTTQ5Mi41NzYgOC4zNjM1NUM1MDguODQyIDUuODQ2MTEgNTI2LjY2MyA0LjUgNTQ2LjI5OSA0LjVWMy41QzUyNi42MTggMy41IDUwOC43NDQgNC44NDkyMyA0OTIuNDI0IDcuMzc1MzFMNDkyLjU3NiA4LjM2MzU1WiIgZmlsbD0iI0QzRDNEMyIvPg0KPHBhdGggZD0iTTIyMC41IDI2Mi45ODZDMjIwLjQ5MyAyNjMuMjYyIDIyMC43MTIgMjYzLjQ5MSAyMjAuOTg4IDI2My40OThMMjI1LjQ4NiAyNjMuNjA4QzIyNS43NjIgMjYzLjYxNSAyMjUuOTkyIDI2My4zOTcgMjI1Ljk5OCAyNjMuMTIxQzIyNi4wMDUgMjYyLjg0NSAyMjUuNzg3IDI2Mi42MTUgMjI1LjUxMSAyNjIuNjA5TDIyMS41MTIgMjYyLjUxTDIyMS42MSAyNTguNTEyQzIyMS42MTcgMjU4LjIzNiAyMjEuMzk5IDI1OC4wMDYgMjIxLjEyMyAyNThDMjIwLjg0NyAyNTcuOTkzIDIyMC42MTcgMjU4LjIxMSAyMjAuNjExIDI1OC40ODdMMjIwLjUgMjYyLjk4NlpNNDEwLjIyNiAzNy40NDYxQzQxMC40NzIgMzcuMzIxNSA0MTAuNTcxIDM3LjAyMDYgNDEwLjQ0NiAzNi43NzQzQzQxMC4zMjEgMzYuNTI3OSA0MTAuMDIxIDM2LjQyOTIgNDA5Ljc3NCAzNi41NTM5TDQxMC4yMjYgMzcuNDQ2MVpNMjIxLjM0NSAyNjMuMzZDMjYzLjE1IDIyMy41NTggMjg5LjY4NyAxNzcuNDkyIDMxNi4xMDkgMTM2LjIwNUMzNDIuNTQ2IDk0Ljg5MjggMzY4Ljg1OSA1OC4zNzc4IDQxMC4yMjYgMzcuNDQ2MUw0MDkuNzc0IDM2LjU1MzlDMzY4LjE0MSA1Ny42MjAzIDM0MS43MDQgOTQuMzU0MiAzMTUuMjY2IDEzNS42NjZDMjg4LjgxMyAxNzcuMDA0IDI2Mi4zNSAyMjIuOTM4IDIyMC42NTUgMjYyLjYzNkwyMjEuMzQ1IDI2My4zNloiIGZpbGw9IiNEM0QzRDMiLz4NCjwvc3ZnPg0K";
+                        if (_line > lineOptionCheckIn) {
+                          lineOptionCheckIn = _line;
+                        }
+                      }
+                    }
 
-var StudentPressureChart = function StudentPressureChart(_ref) {
-  var studentPressure = _ref.studentPressure,
-      width = _ref.width;
-  var openMenuBar = reactRedux.useSelector(function (state) {
-    return state.common.menuBar;
-  });
-  var svgRef = React.useRef(null);
-  var innerWidth = !openMenuBar ? window.innerWidth - 50 : window.innerWidth - 340;
+                    left += 100;
 
-  if (width) {
-    innerWidth = width;
-  }
+                    if (left + 105 > WIDTH_PAPER) {
+                      left = 20;
+                      line = lineOptionCheckIn + 25;
+                    }
 
-  var chartWidth = innerWidth < 700 ? 700 : innerWidth;
-  var chartHeight = chartWidth / 3.12;
-  var colors = ["#C44140", "#81C935", "#0F9655", "#FFB04F", "#C44140"];
-  var data = [{
-    label: "BOREOUT",
-    value: studentPressure.boreOutStudent
-  }, {
-    label: "COMFORT",
-    value: studentPressure.comfortStudent
-  }, {
-    label: "STRETCH",
-    value: studentPressure.stretchStudent
-  }, {
-    label: "STRAIN",
-    value: studentPressure.strainStudent
-  }, {
-    label: "BURNOUT",
-    value: studentPressure.burnoutStudent
-  }];
-  var xAxistLabels = ["Low", "Moderate", "High", "Very High"];
+                    var _temp4 = function () {
+                      if (line + 150 > HEIGHT_PAPER) {
+                        doc.addPage();
+                        return Promise.resolve(createImageHeader()).then(function () {
+                          line = 80;
+                          left = 20;
+                        });
+                      }
+                    }();
 
-  var _useState = React.useState(""),
-      tooltipVisible = _useState[0],
-      setTooltipVisible = _useState[1];
+                    if (_temp4 && _temp4.then) return _temp4.then(function () {});
+                  });
 
-  var _useState2 = React.useState(0),
-      tooltipX = _useState2[0],
-      setTooltipX = _useState2[1];
+                  return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+                });
+              });
+            }
+          }();
 
-  var _useState3 = React.useState(0),
-      tooltipY = _useState3[0],
-      setTooltipY = _useState3[1];
+          return _temp36 && _temp36.then ? _temp36.then(_temp37) : _temp37(_temp36);
+        }
 
-  var _useState4 = React.useState([]),
-      tooltipStudents = _useState4[0],
-      setTooltipStudents = _useState4[1];
+        var doc = new jsPDF({
+          orientation: "p",
+          unit: "px",
+          format: "a4"
+        });
+        var WIDTH_PAPER = doc.internal.pageSize.width;
+        var HEIGHT_PAPER = doc.internal.pageSize.height;
+        var heightChart = 200;
 
-  var _useState5 = React.useState(""),
-      colorTooltip = _useState5[0],
-      setColorTooltip = _useState5[1];
+        var createImageHeader = function createImageHeader() {
+          try {
+            var imageLogo = document.getElementById("header-logo");
+            return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
+              doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
+              doc.setFontSize(10);
+              doc.setFont("Helvetica", "italic", "normal");
+              doc.text("From: " + moment(startTime).format("DD/MM/YYYY"), 310, 40);
+              doc.text("To: " + moment(endTime).format("DD/MM/YYYY"), 380, 40);
+              doc.setDrawColor(128, 128, 128);
+              doc.line(0, 50, WIDTH_PAPER, 50);
+              doc.setLineWidth(0.1);
+            });
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
 
-  var handleDotHover = function handleDotHover(students, x, y, label, color) {
-    setTooltipStudents(Array.from(new Set(students)));
-    setTooltipX(x);
-    setTooltipY(y);
-    setTooltipVisible(label);
-    setColorTooltip(color);
-  };
+        var line = 85;
+        var left = 20;
 
-  var handleDotLeave = function handleDotLeave() {
-    setTooltipVisible("");
-  };
+        var _temp38 = function () {
+          if (selectedToPDF.includes(averageStudentSafetyName)) {
+            return Promise.resolve(createImageHeader()).then(function () {
+              doc.setFontSize(14);
+              doc.setFont("Helvetica", "normal", "bold");
+              doc.text(t(averageStudentSafetyName), left, 70);
+              var chart = document.getElementById("safety");
+              return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                function _temp3() {
+                  left = 20;
+                  doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
+                  line = line + heightChart + 30;
 
-  React.useEffect(function () {
-    var svg = svgRef.current;
+                  if (line + 150 > HEIGHT_PAPER) {
+                    doc.addPage();
+                    line = 80;
+                    left = 20;
+                  }
+                }
 
-    if (svg) {
-      var drawChart = function drawChart() {
-        try {
-          var _ret = function () {
-            var xAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
-            xAxis.setAttribute("x1", "50");
-            xAxis.setAttribute("y1", "" + chartHeight);
-            xAxis.setAttribute("x2", "" + (chartWidth - 30));
-            xAxis.setAttribute("y2", "" + chartHeight);
-            xAxis.setAttribute("stroke", "#D3D3D3");
-            svg.appendChild(xAxis);
-            var yAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
-            yAxis.setAttribute("x1", "50");
-            yAxis.setAttribute("y1", "50");
-            yAxis.setAttribute("x2", "50");
-            yAxis.setAttribute("y2", "" + chartHeight);
-            yAxis.setAttribute("stroke", "#D3D3D3");
-            svg.appendChild(yAxis);
-            var spacingLabel = (chartWidth - 60) / 3;
+                var lineOptionCheckIn = line;
+                doc.setFontSize(8);
+                var questions = safetyData.map(function (r) {
+                  return r.name;
+                });
+                var indexCheckIn = 0;
 
-            for (var index = 0; index < xAxistLabels.length; index++) {
-              var label = xAxistLabels[index];
-              var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
-              text.setAttribute("x", "" + (spacingLabel * index || 50));
-              text.setAttribute("y", "" + (chartHeight + 20));
-              text.setAttribute("fill", "#D3D3D3");
-              text.textContent = label;
-              svg.appendChild(text);
-            }
+                var _temp2 = _for(function () {
+                  return indexCheckIn < monthsOneToOne.length;
+                }, function () {
+                  return indexCheckIn++;
+                }, function () {
+                  var _line = line;
+                  doc.setFontSize(12);
+                  doc.setFont("Helvetica", "normal", "bold");
+                  doc.text(monthsOneToOne[indexCheckIn], left, _line);
+                  doc.setFontSize(8);
 
-            var highText = document.createElementNS("http://www.w3.org/2000/svg", "text");
-            highText.setAttribute("x", "15");
-            highText.setAttribute("y", "60");
-            highText.setAttribute("fill", "#D3D3D3");
-            highText.textContent = "High";
-            svg.appendChild(highText);
-            var lowText = document.createElementNS("http://www.w3.org/2000/svg", "text");
-            lowText.setAttribute("x", "15");
-            lowText.setAttribute("y", "" + chartHeight);
-            lowText.setAttribute("fill", "#D3D3D3");
-            lowText.textContent = "Low";
-            svg.appendChild(lowText);
-            var performanceText = document.createElementNS("http://www.w3.org/2000/svg", "text");
-            performanceText.setAttribute("x", "40");
-            performanceText.setAttribute("y", "" + (chartHeight + 100) / 2);
-            performanceText.setAttribute("transform", "rotate(-90, 40, " + (chartHeight + 100) / 2 + ")");
-            performanceText.setAttribute("fill", "#242424");
-            performanceText.setAttribute("font-size", "12px");
-            performanceText.setAttribute("font-weight", "bold");
-            performanceText.textContent = "Performance";
-            svg.appendChild(performanceText);
-            var image = document.createElementNS("http://www.w3.org/2000/svg", "image");
-            image.setAttribute("x", "50");
-            image.setAttribute("y", "50");
-            image.setAttribute("width", "" + (chartWidth - 80));
-            image.setAttribute("height", "" + (chartHeight - 50));
-            image.setAttributeNS("http://www.w3.org/1999/xlink", "href", backgroundPressure);
-            svg.appendChild(image);
-            var circleCount = 5;
-            var circleSpacing = (chartWidth + 100) / (circleCount + 1);
-            var circleY = chartHeight - 30;
+                  for (var indexResult = 0; indexResult < (safetyData === null || safetyData === void 0 ? void 0 : safetyData.length); indexResult++) {
+                    var avg = safetyData[indexResult].data[indexCheckIn];
 
-            var _loop = function _loop(i) {
-              var _data3, _data3$value, _data3$value$length, _data6;
+                    if (avg != 0) {
+                      var questionText = questions[indexResult];
 
-              var circleX = circleSpacing * i;
-              var radius = 15;
-              var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-              circle.setAttribute("cx", "" + circleX);
-              circle.setAttribute("cy", "" + circleY);
-              circle.setAttribute("r", "" + radius);
-              circle.setAttribute("fill", colors[i - 1]);
-              circle.addEventListener("mouseenter", function () {
-                var _data, _data2;
+                      if (questionText != "") {
+                        doc.setDrawColor(0);
+                        doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
+                        doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                        doc.setFont("Helvetica", "normal", "bold");
+                        doc.text(questionText + ":", left + 8, _line + 10);
+                        doc.setFont("Helvetica", "normal", "normal");
+                        doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
+                      }
 
-                handleDotHover((_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.value, circleX, circleY, (_data2 = data[i - 1]) === null || _data2 === void 0 ? void 0 : _data2.label, colors[i - 1]);
-              });
-              circle.addEventListener("mouseleave", handleDotLeave);
-              svg.appendChild(circle);
-              var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
-              text.setAttribute("x", "" + circleX);
-              text.setAttribute("y", "" + circleY);
-              text.setAttribute("fill", "white");
-              text.setAttribute("font-weight", "bold");
-              text.setAttribute("font-size", "12px");
-              text.setAttribute("text-anchor", "middle");
-              text.setAttribute("dominant-baseline", "middle");
-              text.setAttribute("style", "cursor: default");
-              text.textContent = (_data3 = data[i - 1]) === null || _data3 === void 0 ? void 0 : (_data3$value = _data3.value) === null || _data3$value === void 0 ? void 0 : (_data3$value$length = _data3$value.length) === null || _data3$value$length === void 0 ? void 0 : _data3$value$length.toString();
-              text.addEventListener("mouseenter", function () {
-                var _data4, _data5;
+                      _line += 10;
 
-                handleDotHover((_data4 = data[i - 1]) === null || _data4 === void 0 ? void 0 : _data4.value, circleX, circleY, (_data5 = data[i - 1]) === null || _data5 === void 0 ? void 0 : _data5.label, colors[i - 1]);
-              });
-              svg.appendChild(text);
-              var label = (_data6 = data[i - 1]) === null || _data6 === void 0 ? void 0 : _data6.label;
-              var labelText = document.createElementNS("http://www.w3.org/2000/svg", "text");
-              labelText.setAttribute("x", "" + circleX);
-              labelText.setAttribute("y", "" + (circleY - radius - 12));
-              labelText.setAttribute("fill", "#242424");
-              labelText.setAttribute("font-weight", "bold");
-              labelText.setAttribute("font-size", "12px");
-              labelText.setAttribute("text-anchor", "middle");
-              labelText.textContent = label;
-              svg.appendChild(labelText);
-            };
+                      if (_line > lineOptionCheckIn) {
+                        lineOptionCheckIn = _line;
+                      }
+                    }
+                  }
 
-            for (var i = 1; i <= data.length; i++) {
-              _loop(i);
-            }
+                  left += 100;
 
-            return {
-              v: Promise.resolve()
-            };
-          }();
+                  if (left + 105 > WIDTH_PAPER) {
+                    left = 20;
+                    line = lineOptionCheckIn + 25;
+                  }
 
-          if (typeof _ret === "object") return _ret.v;
-        } catch (e) {
-          return Promise.reject(e);
-        }
-      };
+                  var _temp = function () {
+                    if (line + 150 > HEIGHT_PAPER) {
+                      doc.addPage();
+                      return Promise.resolve(createImageHeader()).then(function () {
+                        line = 80;
+                        left = 20;
+                      });
+                    }
+                  }();
 
-      while (svg.firstChild) {
-        svg.firstChild.remove();
-      }
+                  if (_temp && _temp.then) return _temp.then(function () {});
+                });
 
-      drawChart();
+                return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
+              });
+            });
+          }
+        }();
+
+        return _temp38 && _temp38.then ? _temp38.then(_temp39) : _temp39(_temp38);
+      }, function (err) {
+        console.log(err);
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: err.message
+        }));
+      });
+
+      return Promise.resolve(_temp43 && _temp43.then ? _temp43.then(_temp42) : _temp42(_temp43));
+    } catch (e) {
+      return Promise.reject(e);
     }
-  }, [chartWidth, studentPressure]);
-  var lineHeight = 20;
-  var tooltipHeight = tooltipStudents.length * lineHeight;
-  var maxHeightTooltip = tooltipHeight + 30 > chartHeight - 50 ? chartHeight - 50 : tooltipHeight + 30;
-  return React__default.createElement("svg", {
-    ref: svgRef,
-    width: chartWidth,
-    height: chartHeight + 50
-  }, !!tooltipVisible && React__default.createElement("g", {
-    transform: "translate(" + (tooltipX - 100) + "," + Math.max(0, tooltipY - tooltipHeight - 80) + ")"
-  }, React__default.createElement("rect", {
-    width: "200",
-    height: maxHeightTooltip + 10,
-    fill: "rgba(36, 36, 36, 0.8)",
-    rx: "5"
-  }), React__default.createElement("text", {
-    x: "20",
-    y: "20",
-    fill: "#fff",
-    fontSize: "12px",
-    textAnchor: "start"
-  }, tooltipStudents.length + " students are " + tooltipVisible), React__default.createElement("foreignObject", {
-    x: "0",
-    y: "30",
-    width: "200",
-    height: maxHeightTooltip
+  };
+
+  return React__default.createElement("div", null, React__default.createElement("div", {
+    className: "" + styles$1["chart-to-canvas"]
   }, React__default.createElement("div", {
+    id: "safety",
     style: {
-      overflowY: "auto",
-      maxHeight: maxHeightTooltip - 20 + "px",
-      padding: "5px 5px 5px 10px",
-      color: "#fff",
-      fontSize: "12px"
+      display: "block",
+      width: "45%"
     }
-  }, tooltipStudents.map(function (label, index) {
-    return React__default.createElement("div", {
-      key: index
-    }, React__default.createElement("span", {
-      style: {
-        display: "inline-block",
-        width: "4px",
-        height: "14px",
-        backgroundColor: colorTooltip,
-        borderRadius: "10px",
-        marginRight: "10px"
-      }
-    }), React__default.createElement("span", null, label));
-  })))));
-};
-
-var BubbleChartCustom = function BubbleChartCustom(_ref) {
-  var data = _ref.data;
-
-  var _useTranslation = marioCore.useTranslation(),
-      t = _useTranslation.t;
-
-  if (!data) return React__default.createElement("div", {
-    className: "flex justify-content-center align-items-center",
+  }, React__default.createElement(GenerateChartData, {
+    colors: ["#0F9655"],
+    typeChart: TYPECHART.AREA,
+    activeColumn: [true],
+    series: safetyData,
+    months: monthsOneToOne,
+    dayOfWeek: dayOfWeekOneToOne,
+    avgQuestionLastMonth: avgQuestionLastMonth,
+    timeOfDay: timeOfDay
+  })), React__default.createElement("div", {
+    id: "stress",
     style: {
-      height: 450
+      display: "block",
+      width: "45%"
     }
-  }, React__default.createElement("div", null, "No Data"));
-  var seriesName = seriesNameBubbleChartCustom(data);
-  return React__default.createElement("div", {
-    className: "" + styles$1["size-100"]
-  }, React__default.createElement("div", {
-    className: "" + styles$1["block-header-chart"]
-  }, React__default.createElement("p", {
-    className: styles$1["title-chart"] + " " + styles$1["ml-10"]
-  }, t(studentDistribution))), React__default.createElement("div", {
-    className: "" + styles$1["bubble-chart-custom"]
-  }, React__default.createElement("div", {
-    className: styles$1["chart-custom"]
-  }, React__default.createElement("div", {
-    className: styles$1["chart-buddle"]
-  }, React__default.createElement("div", null, React__default.createElement("div", {
-    className: styles$1["legend-wrap"]
-  }, seriesName.map(function (i, index) {
-    return React__default.createElement("div", {
-      className: "" + styles$1["item"],
-      key: index
-    }, React__default.createElement("div", {
-      className: "" + styles$1["mark-custom"],
-      style: {
-        backgroundColor: COLOR_CHART_BUBBLE[index]
-      }
-    }), React__default.createElement("label", {
-      className: "" + styles$1["label-legend-custom"]
-    }, i));
-  })), React__default.createElement(Chart, {
-    options: readinesToLearnoptions(seriesName, data),
-    type: "scatter",
-    series: convertDataToSeriesBullderChart(data),
-    width: "100%",
-    height: 250
-  }))))));
+  }, React__default.createElement(GenerateChartData, {
+    colors: ["#C44140"],
+    typeChart: TYPECHART.LINE,
+    activeColumn: [true],
+    series: stressData,
+    months: monthsOneToOne,
+    dayOfWeek: dayOfWeekOneToOne,
+    avgQuestionLastMonth: avgQuestionLastMonth,
+    timeOfDay: timeOfDay
+  })), React__default.createElement("div", {
+    id: "preparedness",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(GenerateChartData, {
+    colors: ["#169490", "#316CD9", "#FFB04F"],
+    typeChart: TYPECHART.LINE,
+    activeColumn: activeColumnPreparedness,
+    series: preparednessData,
+    months: monthsOneToOne,
+    dayOfWeek: dayOfWeekOneToOne,
+    avgQuestionLastMonth: avgQuestionLastMonth,
+    timeOfDay: timeOfDay
+  })), React__default.createElement("div", {
+    id: "success_indicators",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(GenerateChartData, {
+    typeChart: TYPECHART.AREA,
+    activeColumn: activeColumnSuccessIndicators,
+    series: successIndicatorsData,
+    avgQuestionLastMonth: avgQuestionLastMonth,
+    months: monthsOneToOne,
+    dayOfWeek: dayOfWeekOneToOne,
+    timeOfDay: timeOfDay,
+    colors: ["#73C8E5", "#FFB04F", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
+  })), React__default.createElement("div", {
+    id: "student_distribution",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(BubbleChartCustom$1, {
+    data: readinessToLearning
+  })), React__default.createElement("div", {
+    id: "student_stress_by_zone",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(StudentPressureChart, {
+    studentPressure: studentPressure
+  })), React__default.createElement("div", {
+    id: "learning_progress",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(GenerateChartData, {
+    colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
+    typeChart: TYPECHART.AREA,
+    activeColumn: activeColumnConference,
+    series: seriesConference,
+    months: monthsConference,
+    dayOfWeek: dayOfWeekConference,
+    avgQuestionLastMonth: avgConferenceLastMonth,
+    timeOfDay: timeOfDay
+  })), React__default.createElement("div", {
+    id: "learning_strategy"
+  }, React__default.createElement(TopLearningStrategy$1, {
+    data: topLearningStrategiesData
+  }))), React__default.createElement("div", {
+    className: "" + styles$1["image-logo"],
+    id: "header-logo"
+  }, React__default.createElement("img", {
+    src: headerLogo,
+    alt: ""
+  })), React__default.createElement(reactstrap.Button, {
+    color: "success",
+    onClick: function onClick() {
+      selectedToPDF.length > 0 && generatePDF();
+    }
+  }, "Export"));
 };
 
-function propsAreEqual$1(prevProps, nextProps) {
-  return JSON.stringify(prevProps === null || prevProps === void 0 ? void 0 : prevProps.data) === JSON.stringify(nextProps === null || nextProps === void 0 ? void 0 : nextProps.data);
-}
-
-var BubbleChartCustom$1 = React__default.memo(BubbleChartCustom, propsAreEqual$1);
-
 var Dashboard = function Dashboard() {
   var _useChartDatas = useChartDatas(),
       user = _useChartDatas.user,
@@ -32037,6 +32139,7 @@ var Dashboard = function Dashboard() {
     setIsExpandChart(!isExpandChart);
   };
 
+  var layoutReadinessToLearn = !isExpandChart ? 6 : 12;
   return React__default.createElement("div", {
     className: "" + styles$1["block-dashboard"]
   }, React__default.createElement(reactstrap.Modal, {
@@ -32088,7 +32191,9 @@ var Dashboard = function Dashboard() {
     monthsConference: monthsConference,
     activeColumnConference: activeColumnConference,
     dayOfWeekConference: dayOfWeekConference,
-    avgConferenceLastMonth: avgConferenceLastMonth
+    avgConferenceLastMonth: avgConferenceLastMonth,
+    readinessToLearning: readinessToLearning,
+    studentPressure: studentPressure
   }))), React__default.createElement("div", {
     className: "d-flex align-items-center justify-content-between"
   }, React__default.createElement("div", {
@@ -32209,7 +32314,7 @@ var Dashboard = function Dashboard() {
   }, React__default.createElement(reactstrap.Row, {
     className: "d-flex"
   }, React__default.createElement(reactstrap.Col, {
-    md: !isExpandChart && chartIsOpened[0] ? 6 : 12
+    md: chartIsOpened[0] ? layoutReadinessToLearn : 4
   }, React__default.createElement(GenerateChartData, {
     isShowExpandIcon: true,
     colors: ["#0F9655"],
@@ -32223,7 +32328,7 @@ var Dashboard = function Dashboard() {
     onExpand: handleToggleChartWidth,
     timeOfDay: filter.optionDate
   })), React__default.createElement(reactstrap.Col, {
-    md: !isExpandChart && chartIsOpened[0] ? 6 : 12,
+    md: chartIsOpened[0] ? layoutReadinessToLearn : 4,
     className: ""
   }, React__default.createElement(GenerateChartData, {
     isShowExpandIcon: true,