diff --git a/public/CSS/Images/hft.jpg b/public/CSS/Images/hft.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..00262fedc74fc53ad6eeac8f6e75ee2802769dc7
Binary files /dev/null and b/public/CSS/Images/hft.jpg differ
diff --git a/public/CSS/gowanus.css b/public/CSS/gowanus.css
new file mode 100644
index 0000000000000000000000000000000000000000..3a41bce13952523cefed3ed96eb606b3e9b120c4
--- /dev/null
+++ b/public/CSS/gowanus.css
@@ -0,0 +1,161 @@
+
+
+/*
+html,
+body,
+*/
+
+#Navbar {
+ overflow: hidden;
+}
+
+html,
+body,
+#cesiumContainer {
+ top: 0px;
+ left: 0px;
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ z-index: -1;
+}
+
+/*for chart*/
+
+
+#chart {
+ padding: 5px 10px;
+ color: #fff;
+ font: 1em "Fira Sans", sans-serif;
+ display: block;
+}
+
+#chartcontainer {
+ width: 481px;
+ right: 5px;
+ top: 382px;
+ background: rgba(0, 0, 0, 0.65);
+ border-radius: 10px;
+ border: 1px solid #444;
+ padding: 5px 10px;
+ color: #fff;
+ font: 1em "Fira Sans", sans-serif;
+ position: absolute;
+ display: block;
+ visibility: hidden;
+ box-shadow: 0 0 10px 1px #000;
+}
+
+table {
+ display: table;
+ border-collapse: separate;
+ border-spacing: 1px;
+ border-color: grey;
+}
+
+.apexcharts-tooltip {
+ background: #C0C0C0 !important;
+ color: black;
+}
+
+
+/*for chart*/
+
+#legend {
+ position: relative;
+ left: 5px;
+ top: 5px;
+}
+
+.backdrop {
+ display: inline-block;
+ background: rgba(42, 42, 42, 0.7);
+ border-radius: 5px;
+ border: 1px solid #444;
+ color: #fff;
+ line-height: 150%;
+ font-size: small;
+ box-shadow: 0 0 10px 1px #000;
+}
+
+button.cesium-infoBox-camera {
+ display: none;
+}
+
+.cesium-infoBox {
+
+ width: 80%;
+ height: auto;
+ right: 5px;
+ background: rgba(0, 0, 0, 0.65);
+ border-radius: 10px;
+ border: 1px solid #444;
+ padding: 5px 10px;
+ color: #fff;
+ font: 1em "Fira Sans", sans-serif;
+ float: right;
+}
+
+.cesium-infoBox-title {
+ background: rgba(0, 0, 0, 0);
+ font: 1em "Fira Sans", sans-serif;
+}
+
+.cesium-infoBox-close {
+ z-index: 99999;
+}
+
+.my-legend .legend-title {
+ text-align: left;
+ margin-bottom: 5px;
+ font-weight: bold;
+ font-size: 90%;
+}
+
+.my-legend .legend-scale ul {
+ margin: 0;
+ margin-bottom: 5px;
+ padding: 0;
+ float: left;
+ list-style: none;
+}
+
+.my-legend .legend-scale ul li {
+ list-style: none;
+ margin-left: 0;
+ line-height: 18px;
+ margin-bottom: 2px;
+}
+
+.my-legend ul.legend-labels li span {
+ display: block;
+ float: left;
+ height: 16px;
+ width: 30px;
+ margin-right: 5px;
+ margin-left: 0;
+ border: 1px solid #999;
+}
+
+.my-legend a {
+ color: #777;
+}
+
+.credit {
+
+ width: 100px;
+ height: 100px;
+ overflow: hidden;
+ position: fixed;
+ z-index: 99999;
+ background: url(Images/hft.jpg) no-repeat;
+ background-size: 100px;
+ bottom: 70px;
+ left: 10px;
+ box-shadow: 0 0 10px 1px #000;
+ /* left: 5px;*/
+}
+
diff --git a/public/README.md b/public/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/public/Source/App.js b/public/Source/App.js
new file mode 100644
index 0000000000000000000000000000000000000000..0b75567b47c4d21edea36969a97e26f94a5a1868
--- /dev/null
+++ b/public/Source/App.js
@@ -0,0 +1,323 @@
+ Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiNWFjZDJiMy1hYzk3LTQ2YWUtYWVjYi01MDk1OGVlZGI0NTgiLCJpZCI6MTEwNzEsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1NTgwMjE1Mjh9.lF6TGAJrX3qMGBt5egdAA7SJYNnaYX17mhURwGg_Kbg';
+
+ //////////////////////////////////////////////////////////////////////////
+ // Creating the Viewer
+ //////////////////////////////////////////////////////////////////////////
+
+ var viewer = new Cesium.Viewer('cesiumContainer', {
+ scene3DOnly: true,
+ selectionIndicator: false,
+ timeline: false,
+ animation: false,
+ shadow: false,
+ // // Set default basemap
+ imageryProvider : new Cesium.MapboxImageryProvider({
+ mapId: 'mapbox.streets'
+ }),
+ baseLayerPicker: true
+
+ });
+ viewer.clock.shouldAnimate = false;
+ viewer.clock.startTime = Cesium.JulianDate.fromIso8601("2019-09-20T13:00:00Z");
+ viewer.clock.stopTime = Cesium.JulianDate.fromIso8601("2019-09-20T13:20:00Z");
+ viewer.clock.currentTime = Cesium.JulianDate.fromIso8601("2019-09-20T13:00:00Z");
+ document.getElementById("legend").style.display = "none"; //defining legends hidden by default
+
+ //////////////////////////////////////////////////////////////////////////
+ // Configuring the camera
+ //////////////////////////////////////////////////////////////////////////
+ // // Create an initial camera view
+ var initialPosition = Cesium.Rectangle.fromDegrees(-73.9907, 40.6776, -73.9856, 40.6809);
+ //var initialOrientation = new Cesium.HeadingPitchRoll.fromDegrees(1.0820674827650922, -0.6183562882750495, 0.003599879447971688);
+ var homeCameraView = {
+ destination : initialPosition
+ //orientation : initialOrientation,
+ //endTransform: Cesium.Matrix4.IDENTITY
+ };
+ // // Set the initial view
+ viewer.scene.camera.setView(homeCameraView);
+ console.log (Cesium.Rectangle.fromDegrees);
+ // set home button to initial view
+
+ viewer.homeButton.viewModel.command.beforeExecute.addEventListener(function (e) {
+ e.cancel = true;
+ viewer.scene.camera.flyTo(homeCameraView);
+ });
+ console.log (viewer.scene.camera);
+ //////////////////////////////////////////////////////////////////////////
+ // Loading GeoJSON with polygon outline - strokewidth is an issue with windows
+ //////////////////////////////////////////////////////////////////////////
+ // var jsonOptions = {
+ // stroke: Cesium.Color.DARKRED,
+ //fill: Cesium.Color.WHITESMOKE.withAlpha(0),
+ // strokeWidth: 5
+ // };
+ // var gowanusboundary = Cesium.GeoJsonDataSource.load('./Source/Data/Gowanus.geojson',jsonOptions);
+ // viewer.dataSources.add(gowanusboundary);
+
+ //////////////////////////////////////////////////////////////////////////
+ // Load 3D Tileset
+ //////////////////////////////////////////////////////////////////////////
+
+ var currentgowanus = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: './Source/Data/Bldg/Current_Gowanus/tileset.json'}));
+ var bau2050gowanus = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: './Source/Data/Bldg/BAU2050_Gowanus/tileset.json'}));
+ var bp2050gowanus = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url: './Source/Data/Bldg/BP2050_Gowanus/tileset.json'}));
+ currentgowanus.show = true;
+ bau2050gowanus.show = false;
+ bp2050gowanus.show = false;
+ //currentgowanus.style = new Cesium.Cesium3DTileStyle({
+ //color : 'color("white")'});
+ //bau2050gowanus.style = new Cesium.Cesium3DTileStyle({
+ //color : 'color("BLACK")'});
+ var selectscenario = document.getElementById('selectscenario');
+ function setscenario() {
+ var selectedscenario = selectscenario.options[selectscenario.selectedIndex].value;
+ if (selectedscenario === 'current') {currentgowanus.show = true;
+ bau2050gowanus.show = false;
+ bp2050gowanus.show = false;}
+ else if (selectedscenario === 'bau') {currentgowanus.show = false;
+ bau2050gowanus.show = true;
+ bp2050gowanus.show = false;}
+ else if (selectedscenario === 'bp') {currentgowanus.show = false;
+ bau2050gowanus.show = false;
+ bp2050gowanus.show = true;}
+ }
+ selectscenario.addEventListener('change', setscenario);
+ //////////////////////////////////////////////////////////////////////////
+ // Style 3D Tileset
+ //////////////////////////////////////////////////////////////////////////
+
+ var defaultstyle = new Cesium.Cesium3DTileStyle({
+ color : "color('WHITE')",
+ show: true
+ });
+
+ var energydemandstyle = new Cesium.Cesium3DTileStyle({
+ color : {
+ conditions : [
+ ["(${Specific_space_heating_demand} === 0)", "color('#000000')"],
+ ["(${Specific_space_heating_demand} > 0) && (${Specific_space_heating_demand} < 60)", "color('#33ACFF')"],
+ ["(${Specific_space_heating_demand} >= 60) && (${Specific_space_heating_demand} < 120)", "color('#2AFF00')"],
+ ["(${Specific_space_heating_demand} >= 120) && (${Specific_space_heating_demand} < 170)", "color('#FFFF00')"],
+ ["(${Specific_space_heating_demand} >= 170) && (${Specific_space_heating_demand} < 230)", "color('#FFA200')"],
+ ["(${Specific_space_heating_demand} >= 230)", "color('#FF0000')"]
+ ]
+ },
+ show: true
+ });
+
+ var colorstyle1 = document.getElementById('3dbuildings');
+ var colorstyle2 = document.getElementById('heatdemand');
+ function set3DColorStyle() {
+ if (colorstyle1.checked) {
+ currentgowanus.style = defaultstyle;
+ bau2050gowanus.style = defaultstyle;
+ bp2050gowanus.style = defaultstyle;
+ document.getElementById("legend").style.display = "none";
+ }
+ else if (colorstyle2.checked) {
+ currentgowanus.style = energydemandstyle;
+ bau2050gowanus.style = energydemandstyle;
+ bp2050gowanus.style = energydemandstyle;
+ document.getElementById("legend").style.display = "block";
+ }
+ }
+
+ colorstyle1.addEventListener('change', set3DColorStyle);
+ colorstyle2.addEventListener('change', set3DColorStyle);
+
+ //////////////////////////////////////////////////////////////////////////
+ // Custom mouse interaction for highlighting and selecting
+ //////////////////////////////////////////////////////////////////////////
+//Style the overlay
+var nameOverlay = document.createElement('div');
+viewer.container.appendChild(nameOverlay);
+nameOverlay.className = 'backdrop';
+nameOverlay.style.display = 'none';
+nameOverlay.style.position = 'absolute';
+nameOverlay.style.bottom = '0';
+nameOverlay.style.left = '0';
+nameOverlay.style['pointer-events'] = 'none';
+nameOverlay.style.padding = '4px';
+nameOverlay.style.backgroundColor = 'black';
+nameOverlay.style.fontFamily = 'Fira Sans, sans-serif';
+
+//Selecting a Building
+var Pickers_3DTile_Activated = true;
+// Information about the currently highlighted feature
+function active3DTilePicker() {
+ var highlighted = {
+ feature: undefined,
+ originalColor: new Cesium.Color()
+ };
+ // Information about the currently selected feature
+ var selected = {
+ feature: undefined,
+ originalColor: new Cesium.Color()
+ };
+
+ // An entity object which will hold info about the currently selected feature for infobox display
+ var selectedEntity = new Cesium.Entity();
+
+ // Get default left click handler for when a feature is not picked on left click
+ var clickHandler = viewer.screenSpaceEventHandler.getInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
+ // Color a feature yellow on hover.
+ viewer.screenSpaceEventHandler.setInputAction(function onMouseMove(movement) {
+ if (Pickers_3DTile_Activated) {
+ // If a feature was previously highlighted, undo the highlight
+ if (Cesium.defined(highlighted.feature)) {
+ highlighted.feature.color = highlighted.originalColor;
+ highlighted.feature = undefined;
+ }
+ // Pick a new feature
+ var picked3DtileFeature = viewer.scene.pick(movement.endPosition);
+ if (!Cesium.defined(picked3DtileFeature)) {
+ nameOverlay.style.display = 'none';
+ return;
+ }
+ // A feature was picked, so show it's overlay content
+ nameOverlay.style.display = 'block';
+ nameOverlay.style.bottom = viewer.canvas.clientHeight - movement.endPosition.y + 'px';
+ nameOverlay.style.left = movement.endPosition.x + 'px';
+ var name = picked3DtileFeature.getProperty('PrimaryUsageZoneType');
+
+ if (!Cesium.defined(name)) {
+ name = picked3DtileFeature.getProperty('PrimaryUsageZoneType');
+ }
+ nameOverlay.textContent = name;
+ // Highlight the feature if it's not already selected.
+ if (picked3DtileFeature !== selected.feature) {
+ highlighted.feature = picked3DtileFeature;
+ Cesium.Color.clone(picked3DtileFeature.color, highlighted.originalColor);
+ picked3DtileFeature.color = Cesium.Color.GREY;
+ }
+ }
+ }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
+
+ // Color a feature on selection and show metadata in the InfoBox.
+ viewer.screenSpaceEventHandler.setInputAction(function onLeftClick(movement) {
+
+ if (Pickers_3DTile_Activated) {
+ // If a feature was previously selected, undo the highlight
+ if (Cesium.defined(selected.feature)) {
+ selected.feature.color = selected.originalColor;
+ selected.feature = undefined;
+ $("#chart").html("");
+ var options = null;
+ }
+ // Pick a new feature
+ var picked3DtileFeature = viewer.scene.pick(movement.position);
+ if (!Cesium.defined(picked3DtileFeature)) {
+ clickHandler(movement);
+ return;
+ }
+ // Select the feature if it's not already selected
+ if (selected.feature === picked3DtileFeature) {
+ return;
+ }
+ selected.feature = picked3DtileFeature;
+ // Save the selected feature's original color
+ if (picked3DtileFeature === highlighted.feature) {
+ Cesium.Color.clone(highlighted.originalColor, selected.originalColor);
+ highlighted.feature = undefined;
+ } else {
+ Cesium.Color.clone(picked3DtileFeature.color, selected.originalColor);
+ }
+ // Highlight newly selected feature
+ picked3DtileFeature.color = Cesium.Color.AQUA;
+ // Set feature infobox description
+ var featureName = "Net Zero Gowanus 3D Viewer";
+ selectedEntity.name = featureName;
+ selectedEntity.description = 'Loading <div class="cesium-infoBox-loading"></div>';
+
+ viewer.selectedEntity = selectedEntity;
+ selectedEntity.description =
+ '<table class="cesium-infoBox-defaultTable"><tbody>' +
+ '<tr><th>Building ID</th><td>' + picked3DtileFeature.getProperty('GMLId') + '</td></tr>' +
+ '<tr><th>Year of Construction</th><td>' + picked3DtileFeature.getProperty('Year of construction') + '</td></tr>' +
+ '<tr><th>PLUTO Code</th><td>' + picked3DtileFeature.getProperty('ALKIS code') + '</td></tr>' +
+ '<tr><th>Primary Building Usage</th><td>' + picked3DtileFeature.getProperty('PrimaryUsageZoneType') + '</td></tr>' +
+ '<tr><th>Building Footprint </th><td>' + picked3DtileFeature.getProperty('Footprint area') + ' ' + 'm²' + '</td></tr>' +
+ '<tr><th>Building Volume</th><td>' + picked3DtileFeature.getProperty('Gross volume') + ' ' + 'm³' + '</td></tr>' +
+ '<tr><th>Mean U-value</th><td>' + picked3DtileFeature.getProperty('Mean Uvalue') + ' ' + 'W/m²·K' +'</td></tr>' +
+ '<tr><th>Sp. Domestic Hot Water Demand</th><td>' + picked3DtileFeature.getProperty('Specific domestic hot water demand') + ' ' + 'kWh/m²·a' + '</td></tr>' +
+ '<tr><th>Sp. Heating Demand</th><td>' + picked3DtileFeature.getProperty('Specific_space_heating_demand') + ' ' + 'kWh/m²·a' + '</td></tr>' +
+ '</tbody></table>';
+
+ console.log(picked3DtileFeature.getProperty('Specific_space_heating_demand'));
+
+ //Fill Table
+ options = {
+ chart: {
+ foreColor: '#fff',
+ // background: '#fff',
+ fontFamily: 'Fira Sans, sans-serif',
+ type: 'line',
+ animations: {
+ enabled: true,
+ easing: 'easeinout',
+ speed: 800,
+ animateGradually: {
+ enabled: true,
+ delay: 150
+ },
+ dynamicAnimation: {
+ enabled: true,
+ speed: 350
+ }
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ tooltip: {
+ y: {
+ formatter: function (value) {
+ return value + " kW/h"
+ }
+ }
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: 'Heating Demand',
+ data: [picked3DtileFeature.getProperty('January Heating Demand'), picked3DtileFeature.getProperty('February Heating Demand'), picked3DtileFeature.getProperty('March Heating Demand'), picked3DtileFeature.getProperty('April Heating Demand'), picked3DtileFeature.getProperty('May Heating Demand'), picked3DtileFeature.getProperty('June Heating Demand'), picked3DtileFeature.getProperty('July Heating Demand'), picked3DtileFeature.getProperty('August Heating Demand'), picked3DtileFeature.getProperty('September Heating Demand'), picked3DtileFeature.getProperty('October Heating Demand'), picked3DtileFeature.getProperty('November Heating Demand'), picked3DtileFeature.getProperty('December Heating Demand')]
+ }],
+ title: {
+ text: 'Monthly Heating Demand',
+ align: 'center'
+ },
+ xaxis: {
+ categories: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+ },
+ yaxis: {
+ title: {
+ text: "Heating Demand (kW/h)"
+ }
+ }
+ }
+ var chart = new ApexCharts(document.querySelector("#chart"), options);
+ chart.render();
+
+ }
+ }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
+}
+
+active3DTilePicker();
+ //////////////////////////////////////////////////////////////////////////
+ // Custom mouse interaction for highlighting and selecting
+ //////////////////////////////////////////////////////////////////////////
+
+function showTable() {
+ var x = document.getElementById("chartcontainer");
+ if (x.style.visibility === "hidden") {
+ x.style.visibility = "visible";
+
+ } else {
+ x.style.visibility = "hidden";
+ }
+}
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data0.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data0.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..113583ea88c13e79dc836fdf704dd3055b8eda3f
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data0.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data1.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data1.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..32477890b813435413c21219bd516b4307b1d3f1
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data1.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data10.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data10.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..79945779948fefdeeddedc6961e98b97f48aef25
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data10.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data11.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data11.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..86132a6530137c6288ecff699d3f92cc2e781f70
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data11.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data12.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data12.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..4432cd34137813b20d110177e2b57e8d8112f20e
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data12.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data13.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data13.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..733a212a2805ac29dab607be00a885a01040bcf3
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data13.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data14.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data14.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..04be1bd45e1fbe1e1d3a3f548f164309c873c230
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data14.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data15.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data15.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..8b08b336ede64528648f629c89c6db96c48fcc79
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data15.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data16.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data16.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..9e231257a2b5c83d73c9c7be7ea3e3868dc556e5
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data16.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data17.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data17.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..6ce4d35be2e53c48dc5d9e5623e3a1cd1bcb0643
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data17.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data18.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data18.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..0f12953372a7bbd209247be77f95e93e5ca75c25
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data18.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data19.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data19.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..ce953a62f8aedc09b33a727596023a13ac6e0ff3
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data19.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data2.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data2.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..2f418016d3773a5ef11256319a98d2817d7c1ff2
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data2.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data20.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data20.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..17683c0fb944a1ee73dd841f7a1bdbab02b650d1
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data20.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data3.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data3.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..9c7845317edf36f007dae1002c035b600a2bf14a
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data3.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data4.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data4.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..7bdc71963017cc2f6bf285d7ca812277e267f80c
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data4.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data5.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data5.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..e17ab465b6197de89027c2869b46cb8bf5831ecb
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data5.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data6.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data6.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..878e53e4ca3ad47d045aa74083e41e5c25ef2e0c
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data6.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data7.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data7.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..0272886ebd0486daa34020f32808674863712d41
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data7.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data8.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data8.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..76af625eda3c8c67b4c5ef74d59cae5ceadc23c0
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data8.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/data/data9.b3dm b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data9.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..ed0a53313640d30dc6ae77286e5ad6b5cd794867
Binary files /dev/null and b/public/Source/Data/Bldg/BAU2050_Gowanus/data/data9.b3dm differ
diff --git a/public/Source/Data/Bldg/BAU2050_Gowanus/tileset.json b/public/Source/Data/Bldg/BAU2050_Gowanus/tileset.json
new file mode 100644
index 0000000000000000000000000000000000000000..d95ed29cb3db73774599343cc42c0503fff78da1
--- /dev/null
+++ b/public/Source/Data/Bldg/BAU2050_Gowanus/tileset.json
@@ -0,0 +1,366 @@
+{
+ "asset" : {
+ "version" : "0.0"
+ },
+ "properties" : {
+ "gml_id" : {},
+ "gml_parent_id" : {},
+ "citygml_target_uri" : {},
+ "citygml_feature_role" : {},
+ "citygml_feature_role_attr_name" : {},
+ "citygml_feature_role_attr_val" : {},
+ "gml_description" : {},
+ "gml_name" : {},
+ "citygml_creationDate" : {},
+ "citygml_terminationDate" : {},
+ "externalReference{}.externalObject.name" : {},
+ "externalReference{}.externalObject.uri" : {},
+ "externalReference{}.informationSystem" : {},
+ "citygml_generalizes_to{}.xlink_href" : {},
+ "citygml_relative_to_terrain" : {},
+ "citygml_relative_to_water" : {},
+ "citygml_appearance{}.xlink_href" : {},
+ "citygml_class" : {},
+ "citygml_class_codeSpace" : {},
+ "citygml_function{}" : {},
+ "citygml_function{}.codeSpace" : {},
+ "citygml_usage{}" : {},
+ "citygml_usage{}.codeSpace" : {},
+ "citygml_year_of_construction" : {},
+ "citygml_year_of_demolition" : {},
+ "citygml_roof_type" : {},
+ "citygml_roof_type_codeSpace" : {},
+ "citygml_measured_height" : {},
+ "citygml_measured_height_units" : {},
+ "citygml_storeys_above_ground" : {},
+ "citygml_storeys_below_ground" : {},
+ "citygml_storey_heights_above_ground" : {},
+ "citygml_storey_heights_above_ground_units" : {},
+ "citygml_storey_heights_below_ground" : {},
+ "citygml_storey_heights_below_ground_units" : {},
+ "citygml_outer_building_installation{}.xlink_href" : {},
+ "citygml_interior_building_installation{}.xlink_href" : {},
+ "citygml_bounded_by{}.xlink_href" : {},
+ "citygml_level_of_detail{}" : {},
+ "citygml_interior_room{}.xlink_href" : {},
+ "citygml_consists_of_building_part{}.xlink_href" : {},
+ "citygml_address{}.xlink_href" : {},
+ "PLUTO_building_class" : {},
+ "PLUTO_year_built" : {},
+ "GMLId" : {},
+ "ParentGMLId" : {},
+ "Latitude" : {},
+ "Longitude" : {},
+ "X-coordinate" : {},
+ "Y-coordinate" : {},
+ "LOD" : {},
+ "Year of construction" : {},
+ "Year of refurbishment" : {},
+ "Refurbishment Variant" : {},
+ "Class" : {},
+ "ALKIS code" : {},
+ "PrimaryUsageZoneType" : {},
+ "PrimaryUsageZoneArea" : {},
+ "SecondaryUsageZoneType" : {},
+ "SecondaryUsageZoneArea" : {},
+ "BuildingType" : {},
+ "Footprint area" : {},
+ "Total wall thermal area above ground" : {},
+ "Total wall thermal area below ground" : {},
+ "Total outwall area" : {},
+ "Total sharedwall area" : {},
+ "Total roof area" : {},
+ "Gross volume" : {},
+ "Is Gross volume approximated?" : {},
+ "Heated volume" : {},
+ "Ridge/mean Height" : {},
+ "Eaves/mean Height" : {},
+ "Storey number" : {},
+ "Average Storey Height" : {},
+ "Number of households" : {},
+ "Number of occupants" : {},
+ "Attic Heating" : {},
+ "Basement Heating" : {},
+ "Basement ceiling height above ground" : {},
+ "SA2V ratio" : {},
+ "Heated area" : {},
+ "Mean Uvalue" : {},
+ "Specific domestic hot water demand" : {},
+ "Specific_space_heating_demand" : {
+ "minimum" : 0,
+ "maximum" : 286.4
+ },
+ "Total Yearly Heat+DHW demand" : {},
+ "January Heating Demand" : {},
+ "February Heating Demand" : {},
+ "March Heating Demand" : {},
+ "April Heating Demand" : {},
+ "May Heating Demand" : {},
+ "June Heating Demand" : {},
+ "July Heating Demand" : {},
+ "August Heating Demand" : {},
+ "September Heating Demand" : {},
+ "October Heating Demand" : {},
+ "November Heating Demand" : {},
+ "December Heating Demand" : {}
+ },
+ "geometricError" : 262.56549988896586,
+ "root" : {
+ "boundingVolume" : {
+ "box" : [ 1335890.4336454577, -4656363.764279807, 4135073.6553280395, 1934.927341569215, 0, 0, 0, 1876.2122129658237, 0, 0, 0, 1832.1327316602692 ]
+ },
+ "geometricError" : 192.4161044715438,
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335895.3841611021, -4656364.155109344, 4135055.631247098, 1823.593932985561, 0, 0, 0, 1875.4305538926274, 0, 0, 0, 1796.084569777362 ]
+ },
+ "url" : "data/data0.b3dm"
+ },
+ "children" : [
+ {
+ "boundingVolume" : {
+ "box" : [ 1335915.9404314775, -4656678.852571253, 4134743.6124341832, 107.51627935143188, 0, 0, 0, 645.8973324876279, 0, 0, 0, 745.6901126559824 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335915.9404314775, -4656678.852571253, 4134743.6124341832, 107.51627935143188, 0, 0, 0, 645.8973324876279, 0, 0, 0, 745.6901126559824 ]
+ },
+ "url" : "data/data1.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335676.9514566422, -4656200.34161523, 4135333.3748820894, 409.20336383744143, 0, 0, 0, 383.28332590311766, 0, 0, 0, 416.77182612288743 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335676.9514566422, -4656200.34161523, 4135333.3748820894, 409.20336383744143, 0, 0, 0, 383.28332590311766, 0, 0, 0, 416.77182612288743 ]
+ },
+ "url" : "data/data2.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336079.3420689167, -4655660.6817006655, 4135848.22654084, 365.25636385497637, 0, 0, 0, 182.47022210806608, 0, 0, 0, 256.10305200191215 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336079.3420689167, -4655660.6817006655, 4135848.22654084, 365.25636385497637, 0, 0, 0, 182.47022210806608, 0, 0, 0, 256.10305200191215 ]
+ },
+ "url" : "data/data3.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336557.4051095182, -4655730.975023346, 4135623.909318934, 600.9844134482555, 0, 0, 0, 610.6337000438944, 0, 0, 0, 731.6247498709708 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336557.4051095182, -4655730.975023346, 4135623.909318934, 600.9844134482555, 0, 0, 0, 610.6337000438944, 0, 0, 0, 731.6247498709708 ]
+ },
+ "url" : "data/data4.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336332.6977211835, -4655958.555404674, 4135412.1002938794, 526.9486240586266, 0, 0, 0, 959.5016574123874, 0, 0, 0, 1006.3617866560817 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336332.6977211835, -4655958.555404674, 4135412.1002938794, 526.9486240586266, 0, 0, 0, 959.5016574123874, 0, 0, 0, 1006.3617866560817 ]
+ },
+ "url" : "data/data5.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335950.9123828597, -4656645.762749352, 4134786.8302806523, 643.2049445796292, 0, 0, 0, 227.28246484603733, 0, 0, 0, 390.5315472939983 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335950.9123828597, -4656645.762749352, 4134786.8302806523, 643.2049445796292, 0, 0, 0, 227.28246484603733, 0, 0, 0, 390.5315472939983 ]
+ },
+ "url" : "data/data6.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335996.046121724, -4655800.82369479, 4135716.0940945596, 290.3484605255071, 0, 0, 0, 142.04542326088995, 0, 0, 0, 196.21493511879817 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335996.046121724, -4655800.82369479, 4135716.0940945596, 290.3484605255071, 0, 0, 0, 142.04542326088995, 0, 0, 0, 196.21493511879817 ]
+ },
+ "url" : "data/data7.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335565.500432264, -4656979.010284296, 4134566.4168148227, 1285.0609151821118, 0, 0, 0, 631.1903715822846, 0, 0, 0, 804.9627991677262 ]
+ },
+ "geometricError" : 114.87405804195441,
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335565.500432264, -4656974.317368139, 4134568.780018053, 1285.0609151821118, 0, 0, 0, 621.8045392669737, 0, 0, 0, 800.2363927066326 ]
+ },
+ "url" : "data/data8.b3dm"
+ },
+ "children" : [
+ {
+ "boundingVolume" : {
+ "box" : [ 1335675.7002362418, -4656746.09212293, 4134747.4163190834, 140.3508584133815, 0, 0, 0, 86.30254223756492, 0, 0, 0, 131.58080958435312 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335675.7002362418, -4656746.09212293, 4134747.4163190834, 140.3508584133815, 0, 0, 0, 86.30254223756492, 0, 0, 0, 131.58080958435312 ]
+ },
+ "url" : "data/data9.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336147.2913037292, -4656846.099324237, 4134492.5230317684, 36.41208569984883, 0, 0, 0, 42.97106575034559, 0, 0, 0, 46.0168783525005 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336147.2913037292, -4656846.099324237, 4134492.5230317684, 36.41208569984883, 0, 0, 0, 42.97106575034559, 0, 0, 0, 46.0168783525005 ]
+ },
+ "url" : "data/data10.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336044.56265498, -4656780.129940291, 4134592.18020585, 25.91034655389376, 0, 0, 0, 34.48771711625159, 0, 0, 0, 32.49978524213657 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336044.56265498, -4656780.129940291, 4134592.18020585, 25.91034655389376, 0, 0, 0, 34.48771711625159, 0, 0, 0, 32.49978524213657 ]
+ },
+ "url" : "data/data11.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335631.1789021636, -4656948.673780612, 4134534.7330880174, 832.7613136332948, 0, 0, 0, 23.968091793358326, 0, 0, 0, 259.64787613088265 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335631.1789021636, -4656948.673780612, 4134534.7330880174, 832.7613136332948, 0, 0, 0, 23.968091793358326, 0, 0, 0, 259.64787613088265 ]
+ },
+ "url" : "data/data12.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335989.5513442731, -4656928.724992024, 4134443.950722862, 18.8820367064327, 0, 0, 0, 139.33463195431978, 0, 0, 0, 159.56192242586985 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335989.5513442731, -4656928.724992024, 4134443.950722862, 18.8820367064327, 0, 0, 0, 139.33463195431978, 0, 0, 0, 159.56192242586985 ]
+ },
+ "url" : "data/data13.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335307.353080208, -4656765.5083821565, 4134846.698300318, 125.721929801628, 0, 0, 0, 201.95508286450058, 0, 0, 0, 223.970055651851 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335307.353080208, -4656765.5083821565, 4134846.698300318, 125.721929801628, 0, 0, 0, 201.95508286450058, 0, 0, 0, 223.970055651851 ]
+ },
+ "url" : "data/data14.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335705.9620744563, -4657061.915669624, 4134405.5565121192, 253.0623040141072, 0, 0, 0, 465.3796009272337, 0, 0, 0, 483.24219376174733 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335705.9620744563, -4657061.915669624, 4134405.5565121192, 253.0623040141072, 0, 0, 0, 465.3796009272337, 0, 0, 0, 483.24219376174733 ]
+ },
+ "url" : "data/data15.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336090.2352964706, -4656788.5566543825, 4134567.1676008794, 14.76370123331435, 0, 0, 0, 23.934686958789825, 0, 0, 0, 23.14676280831918 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336090.2352964706, -4656788.5566543825, 4134567.1676008794, 14.76370123331435, 0, 0, 0, 23.934686958789825, 0, 0, 0, 23.14676280831918 ]
+ },
+ "url" : "data/data16.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335964.634689129, -4656753.309589957, 4134652.0643226756, 19.690999211044982, 0, 0, 0, 16.267388278618455, 0, 0, 0, 19.733937876764685 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335964.634689129, -4656753.309589957, 4134652.0643226756, 19.690999211044982, 0, 0, 0, 16.267388278618455, 0, 0, 0, 19.733937876764685 ]
+ },
+ "url" : "data/data17.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336068.410693868, -4656835.31546782, 4134523.1667695525, 35.107573946006596, 0, 0, 0, 48.059019786305726, 0, 0, 0, 48.7413556240499 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336068.410693868, -4656835.31546782, 4134523.1667695525, 35.107573946006596, 0, 0, 0, 48.059019786305726, 0, 0, 0, 48.7413556240499 ]
+ },
+ "url" : "data/data18.b3dm"
+ }
+ }
+ ]
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335831.6615965017, -4656520.931868896, 4134957.6693156846, 1135.9296784931794, 0, 0, 0, 294.71005298476666, 0, 0, 0, 522.7524889777415 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335831.6615965017, -4656520.931868896, 4134957.6693156846, 1135.9296784931794, 0, 0, 0, 294.71005298476666, 0, 0, 0, 522.7524889777415 ]
+ },
+ "url" : "data/data19.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335956.693396185, -4656112.318222081, 4135386.734026794, 326.87657126109116, 0, 0, 0, 548.7586628403515, 0, 0, 0, 670.2018176019192 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335956.693396185, -4656112.318222081, 4135386.734026794, 326.87657126109116, 0, 0, 0, 548.7586628403515, 0, 0, 0, 670.2018176019192 ]
+ },
+ "url" : "data/data20.b3dm"
+ }
+ }
+ ]
+ }
+}
\ No newline at end of file
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data0.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data0.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..533f5a7ba8e6af1c4dc00f3012ccdc53e894690d
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data0.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data1.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data1.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..a00259aca04b294ea3c1bc2196539c29ceea1a15
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data1.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data10.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data10.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..4f508a26237a97463dcd81a173ba44e839944853
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data10.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data2.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data2.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..12270acdfb6a32efb1c68d8d7a0add8912699657
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data2.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data3.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data3.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..523bd6c6ed6e6a1d8b4a9cebc3a7e265b06e83c0
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data3.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data4.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data4.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..d95143775d0f08d980c485c9c36310c228825b8b
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data4.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data5.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data5.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..03453c3ca0af7f1a8b0837fe77b7c0246556e095
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data5.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data6.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data6.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..1f524c46b4c3a5e4e4e354a399bf4515fcc7ccc1
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data6.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data7.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data7.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..49614aad76aef2ee150bdb9efc9bb667b5c5dec3
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data7.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data8.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data8.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..751d40cfa74b488569fd899eab334258e79e1ae7
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data8.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/data/data9.b3dm b/public/Source/Data/Bldg/BP2050_Gowanus/data/data9.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..93ef9281e6266d7c62289ef704dbcc96b33e0c5c
Binary files /dev/null and b/public/Source/Data/Bldg/BP2050_Gowanus/data/data9.b3dm differ
diff --git a/public/Source/Data/Bldg/BP2050_Gowanus/tileset.json b/public/Source/Data/Bldg/BP2050_Gowanus/tileset.json
new file mode 100644
index 0000000000000000000000000000000000000000..181cde9d42132bb7d1c54cc414f0335a44ed36fa
--- /dev/null
+++ b/public/Source/Data/Bldg/BP2050_Gowanus/tileset.json
@@ -0,0 +1,243 @@
+{
+ "asset" : {
+ "version" : "0.0"
+ },
+ "properties" : {
+ "gml_id" : {},
+ "gml_parent_id" : {},
+ "citygml_target_uri" : {},
+ "citygml_feature_role" : {},
+ "citygml_feature_role_attr_name" : {},
+ "citygml_feature_role_attr_val" : {},
+ "gml_description" : {},
+ "gml_name" : {},
+ "citygml_creationDate" : {},
+ "citygml_terminationDate" : {},
+ "externalReference{}.externalObject.name" : {},
+ "externalReference{}.externalObject.uri" : {},
+ "externalReference{}.informationSystem" : {},
+ "citygml_generalizes_to{}.xlink_href" : {},
+ "citygml_relative_to_terrain" : {},
+ "citygml_relative_to_water" : {},
+ "citygml_appearance{}.xlink_href" : {},
+ "citygml_class" : {},
+ "citygml_class_codeSpace" : {},
+ "citygml_function{}" : {},
+ "citygml_function{}.codeSpace" : {},
+ "citygml_usage{}" : {},
+ "citygml_usage{}.codeSpace" : {},
+ "citygml_year_of_construction" : {},
+ "citygml_year_of_demolition" : {},
+ "citygml_roof_type" : {},
+ "citygml_roof_type_codeSpace" : {},
+ "citygml_measured_height" : {},
+ "citygml_measured_height_units" : {},
+ "citygml_storeys_above_ground" : {},
+ "citygml_storeys_below_ground" : {},
+ "citygml_storey_heights_above_ground" : {},
+ "citygml_storey_heights_above_ground_units" : {},
+ "citygml_storey_heights_below_ground" : {},
+ "citygml_storey_heights_below_ground_units" : {},
+ "citygml_outer_building_installation{}.xlink_href" : {},
+ "citygml_interior_building_installation{}.xlink_href" : {},
+ "citygml_bounded_by{}.xlink_href" : {},
+ "citygml_level_of_detail{}" : {},
+ "citygml_interior_room{}.xlink_href" : {},
+ "citygml_consists_of_building_part{}.xlink_href" : {},
+ "citygml_address{}.xlink_href" : {},
+ "PLUTO_building_class" : {},
+ "PLUTO_year_built" : {},
+ "GMLId" : {},
+ "ParentGMLId" : {},
+ "Latitude" : {},
+ "Longitude" : {},
+ "X-coordinate" : {},
+ "Y-coordinate" : {},
+ "LOD" : {},
+ "Year of construction" : {},
+ "Year of refurbishment" : {},
+ "Refurbishment Variant" : {},
+ "Class" : {},
+ "ALKIS code" : {},
+ "PrimaryUsageZoneType" : {},
+ "PrimaryUsageZoneArea" : {},
+ "SecondaryUsageZoneType" : {},
+ "SecondaryUsageZoneArea" : {},
+ "BuildingType" : {},
+ "Footprint area" : {},
+ "Total wall thermal area above ground" : {},
+ "Total wall thermal area below ground" : {},
+ "Total outwall area" : {},
+ "Total sharedwall area" : {},
+ "Total roof area" : {},
+ "Gross volume" : {},
+ "Is Gross volume approximated?" : {},
+ "Heated volume" : {},
+ "Ridge/mean Height" : {},
+ "Eaves/mean Height" : {},
+ "Storey number" : {},
+ "Average Storey Height" : {},
+ "Number of households" : {},
+ "Number of occupants" : {},
+ "Attic Heating" : {},
+ "Basement Heating" : {},
+ "Basement ceiling height above ground" : {},
+ "SA2V ratio" : {},
+ "Heated area" : {},
+ "Mean Uvalue" : {},
+ "Specific domestic hot water demand" : {},
+ "Specific_space_heating_demand" : {
+ "minimum" : 0,
+ "maximum" : 153.8
+ },
+ "Total Yearly Heat+DHW demand" : {},
+ "January Heating Demand" : {},
+ "February Heating Demand" : {},
+ "March Heating Demand" : {},
+ "April Heating Demand" : {},
+ "May Heating Demand" : {},
+ "June Heating Demand" : {},
+ "July Heating Demand" : {},
+ "August Heating Demand" : {},
+ "September Heating Demand" : {},
+ "October Heating Demand" : {},
+ "November Heating Demand" : {},
+ "December Heating Demand" : {}
+ },
+ "geometricError" : 182.97718252358027,
+ "root" : {
+ "boundingVolume" : {
+ "box" : [ 1335937.0310820877, -4656261.021064989, 4135138.8320094855, 1898.622354003368, 0, 0, 0, 1680.4883384602144, 0, 0, 0, 1710.9018267402425 ]
+ },
+ "geometricError" : 120.28489832626656,
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335937.0310820877, -4656261.021064989, 4135138.8320094855, 1898.622354003368, 0, 0, 0, 1680.4883384602144, 0, 0, 0, 1710.9018267402425 ]
+ },
+ "url" : "data/data0.b3dm"
+ },
+ "children" : [
+ {
+ "boundingVolume" : {
+ "box" : [ 1335987.520932007, -4655823.149631508, 4135695.6757328743, 120.55085497163236, 0, 0, 0, 57.68735497538, 0, 0, 0, 96.86777649400756 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335987.520932007, -4655823.149631508, 4135695.6757328743, 120.55085497163236, 0, 0, 0, 57.68735497538, 0, 0, 0, 96.86777649400756 ]
+ },
+ "url" : "data/data1.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336168.459292476, -4656252.507715531, 4135143.079403771, 111.50136864068918, 0, 0, 0, 120.63252821285278, 0, 0, 0, 136.14080508379266 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336168.459292476, -4656252.507715531, 4135143.079403771, 111.50136864068918, 0, 0, 0, 120.63252821285278, 0, 0, 0, 136.14080508379266 ]
+ },
+ "url" : "data/data2.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336376.201457669, -4655651.401075157, 4135799.40846013, 485.0278715528548, 0, 0, 0, 152.88586231693625, 0, 0, 0, 243.18267216766253 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336376.201457669, -4655651.401075157, 4135799.40846013, 485.0278715528548, 0, 0, 0, 152.88586231693625, 0, 0, 0, 243.18267216766253 ]
+ },
+ "url" : "data/data3.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335621.3334831237, -4656882.898648399, 4134620.3190831887, 154.8986566781532, 0, 0, 0, 241.36054527200758, 0, 0, 0, 238.69985110359266 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335621.3334831237, -4656882.898648399, 4134620.3190831887, 154.8986566781532, 0, 0, 0, 241.36054527200758, 0, 0, 0, 238.69985110359266 ]
+ },
+ "url" : "data/data4.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336713.020119743, -4655746.453581263, 4135542.2665380025, 107.39191926433705, 0, 0, 0, 158.06956885755062, 0, 0, 0, 166.65171354729682 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336713.020119743, -4655746.453581263, 4135542.2665380025, 107.39191926433705, 0, 0, 0, 158.06956885755062, 0, 0, 0, 166.65171354729682 ]
+ },
+ "url" : "data/data5.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336143.3812783114, -4655983.052842355, 4135459.411450291, 65.37666305736639, 0, 0, 0, 41.30340320430696, 0, 0, 0, 73.57818538555875 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336143.3812783114, -4655983.052842355, 4135459.411450291, 65.37666305736639, 0, 0, 0, 41.30340320430696, 0, 0, 0, 73.57818538555875 ]
+ },
+ "url" : "data/data6.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336115.5008636937, -4656510.838496333, 4134871.2737189084, 68.85408251965418, 0, 0, 0, 30.39645108487457, 0, 0, 0, 47.521594582591206 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336115.5008636937, -4656510.838496333, 4134871.2737189084, 68.85408251965418, 0, 0, 0, 30.39645108487457, 0, 0, 0, 47.521594582591206 ]
+ },
+ "url" : "data/data7.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335762.2567715717, -4656856.777806383, 4134601.2251790524, 82.54850066825747, 0, 0, 0, 55.28092796448618, 0, 0, 0, 78.14617491792887 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335762.2567715717, -4656856.777806383, 4134601.2251790524, 82.54850066825747, 0, 0, 0, 55.28092796448618, 0, 0, 0, 78.14617491792887 ]
+ },
+ "url" : "data/data8.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335909.9497652748, -4656472.706142094, 4134985.272416427, 82.547516052844, 0, 0, 0, 52.499213569797575, 0, 0, 0, 67.72946541011333 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335909.9497652748, -4656472.706142094, 4134985.272416427, 82.547516052844, 0, 0, 0, 52.499213569797575, 0, 0, 0, 67.72946541011333 ]
+ },
+ "url" : "data/data9.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336087.193899536, -4656091.999268984, 4135355.801083971, 424.01617257040925, 0, 0, 0, 63.83240058925003, 0, 0, 0, 194.52569692814723 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336087.193899536, -4656091.999268984, 4135355.801083971, 424.01617257040925, 0, 0, 0, 63.83240058925003, 0, 0, 0, 194.52569692814723 ]
+ },
+ "url" : "data/data10.b3dm"
+ }
+ }
+ ]
+ }
+}
\ No newline at end of file
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data0.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data0.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..bbd5fe0444481a475321125df1c198e60bc35070
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data0.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data1.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data1.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..d248003a316580198ac762e4dca686247cb22529
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data1.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data10.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data10.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..0262989495a4b3614c74afb139c9303ec8677358
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data10.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data11.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data11.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..8c270fa26fdb4b8a0dbcfb40b72297dc1ed7cac0
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data11.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data12.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data12.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..626e74d4e37f93ab813a4317b2c6eff7b4fe6f9f
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data12.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data13.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data13.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..81ed0125ae673c386bfce0f82fe24730577d638f
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data13.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data14.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data14.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..3d96196e0e57ddefd3428c183ae5431bb71e2fed
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data14.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data15.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data15.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..0e448a1aa5be860d5875d1f8f30ba3ba7541fb0c
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data15.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data16.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data16.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..efb95d91e16904ce6bfaad6c22eaef83df585a9a
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data16.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data17.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data17.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..84c3228b9f00909200c6d01a459f4da68feaa11c
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data17.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data18.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data18.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..93ef4450733327977591b7aa60a3780291467b24
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data18.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data19.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data19.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..b045f803c373f48f6798e08ef41e68572c06617d
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data19.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data2.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data2.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..a78810af75bc57dd7692b4766d243b1f42107d5e
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data2.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data20.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data20.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..3141f44535c8aeae1517572c1bd1cb75b6d181c0
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data20.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data21.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data21.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..8e114cf7450c377dea59ed80be02ec4eeeb5c2ad
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data21.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data22.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data22.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..3cc3059547f0e753d149d19f986a6076c4d58dfd
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data22.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data23.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data23.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..5be3078a7bdff2b72ed385aef2c803715da76b61
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data23.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data24.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data24.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..88ec04c6cdcf6ba3ebf6a3af688558ea8936504a
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data24.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data25.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data25.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..4c53c454ecf12f671f503a8f45c658d62156a2f8
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data25.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data26.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data26.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..cf0300b5d0c014014b9c6afef794468a35658a81
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data26.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data27.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data27.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..d574488556a9a0d93b58b940593a0504900e0f4a
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data27.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data28.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data28.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..7da6c9619348d913be4be5a16f2e23a43426b1da
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data28.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data29.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data29.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..3dd08ba567a081071339271cc24b525602d371a8
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data29.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data3.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data3.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..794fb77e68bbb42914d2dea92a698b7f99000615
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data3.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data30.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data30.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..f7a74d0f7a2b27dd7a0ea0f7858524ffc2d4fb9b
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data30.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data4.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data4.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..786dcc39a2cad43c304c13787bc9ac123afda41b
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data4.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data5.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data5.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..f6179af7ea058d7f4eaf26f59c4450711ac90416
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data5.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data6.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data6.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..634476a91ecd4f3ae7f4f7967a349b2ab97d1d2d
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data6.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data7.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data7.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..2624a9d49db43c5eec4b773c368c738e15f1f7cb
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data7.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data8.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data8.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..a990604a4190717387b5243651a1e02bfe6822a7
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data8.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/data/data9.b3dm b/public/Source/Data/Bldg/Current_Gowanus/data/data9.b3dm
new file mode 100644
index 0000000000000000000000000000000000000000..dab8b5a71c8538c5fd2dc0d3927940cfd5eafe18
Binary files /dev/null and b/public/Source/Data/Bldg/Current_Gowanus/data/data9.b3dm differ
diff --git a/public/Source/Data/Bldg/Current_Gowanus/tileset.json b/public/Source/Data/Bldg/Current_Gowanus/tileset.json
new file mode 100644
index 0000000000000000000000000000000000000000..1b013b237bcf9154825c5a4eeae57e380b7ac3eb
--- /dev/null
+++ b/public/Source/Data/Bldg/Current_Gowanus/tileset.json
@@ -0,0 +1,492 @@
+{
+ "asset" : {
+ "version" : "0.0"
+ },
+ "properties" : {
+ "gml_id" : {},
+ "gml_parent_id" : {},
+ "citygml_target_uri" : {},
+ "citygml_feature_role" : {},
+ "citygml_feature_role_attr_name" : {},
+ "citygml_feature_role_attr_val" : {},
+ "gml_description" : {},
+ "gml_name" : {},
+ "citygml_creationDate" : {},
+ "citygml_terminationDate" : {},
+ "externalReference{}.externalObject.name" : {},
+ "externalReference{}.externalObject.uri" : {},
+ "externalReference{}.informationSystem" : {},
+ "citygml_generalizes_to{}.xlink_href" : {},
+ "citygml_relative_to_terrain" : {},
+ "citygml_relative_to_water" : {},
+ "citygml_appearance{}.xlink_href" : {},
+ "citygml_class" : {},
+ "citygml_class_codeSpace" : {},
+ "citygml_function{}" : {},
+ "citygml_function{}.codeSpace" : {},
+ "citygml_usage{}" : {},
+ "citygml_usage{}.codeSpace" : {},
+ "citygml_year_of_construction" : {},
+ "citygml_year_of_demolition" : {},
+ "citygml_roof_type" : {},
+ "citygml_roof_type_codeSpace" : {},
+ "citygml_measured_height" : {
+ "minimum" : 0.3048,
+ "maximum" : 56.354472
+ },
+ "citygml_measured_height_units" : {},
+ "citygml_storeys_above_ground" : {},
+ "citygml_storeys_below_ground" : {},
+ "citygml_storey_heights_above_ground" : {},
+ "citygml_storey_heights_above_ground_units" : {},
+ "citygml_storey_heights_below_ground" : {},
+ "citygml_storey_heights_below_ground_units" : {},
+ "citygml_outer_building_installation{}.xlink_href" : {},
+ "citygml_interior_building_installation{}.xlink_href" : {},
+ "citygml_bounded_by{}.xlink_href" : {},
+ "citygml_level_of_detail{}" : {},
+ "citygml_interior_room{}.xlink_href" : {},
+ "citygml_consists_of_building_part{}.xlink_href" : {},
+ "citygml_address{}.xlink_href" : {},
+ "PLUTO_building_class" : {},
+ "PLUTO_year_built" : {},
+ "GMLId" : {},
+ "ParentGMLId" : {},
+ "Latitude" : {},
+ "Longitude" : {},
+ "X-coordinate" : {},
+ "Y-coordinate" : {},
+ "LOD" : {},
+ "Year of construction" : {},
+ "Year of refurbishment" : {},
+ "Refurbishment Variant" : {},
+ "Class" : {},
+ "ALKIS code" : {},
+ "PrimaryUsageZoneType" : {},
+ "PrimaryUsageZoneArea" : {},
+ "SecondaryUsageZoneType" : {},
+ "SecondaryUsageZoneArea" : {},
+ "BuildingType" : {},
+ "Footprint area" : {},
+ "Total wall thermal area above ground" : {},
+ "Total wall thermal area below ground" : {},
+ "Total outwall area" : {},
+ "Total sharedwall area" : {},
+ "Total roof area" : {},
+ "Gross volume" : {},
+ "Is Gross volume approximated?" : {},
+ "Heated volume" : {},
+ "Ridge/mean Height" : {},
+ "Eaves/mean Height" : {},
+ "Storey number" : {},
+ "Average Storey Height" : {},
+ "Number of households" : {},
+ "Number of occupants" : {},
+ "Attic Heating" : {},
+ "Basement Heating" : {},
+ "Basement ceiling height above ground" : {},
+ "SA2V ratio" : {},
+ "Heated area" : {},
+ "Mean Uvalue" : {},
+ "Specific domestic hot water demand" : {},
+ "Specific_space_heating_demand" : {
+ "minimum" : 0,
+ "maximum" : 391.3
+ },
+ "Total Yearly Heat+DHW demand" : {},
+ "January Heating Demand" : {},
+ "February Heating Demand" : {},
+ "March Heating Demand" : {},
+ "April Heating Demand" : {},
+ "May Heating Demand" : {},
+ "June Heating Demand" : {},
+ "July Heating Demand" : {},
+ "August Heating Demand" : {},
+ "September Heating Demand" : {},
+ "October Heating Demand" : {},
+ "November Heating Demand" : {},
+ "December Heating Demand" : {}
+ },
+ "geometricError" : 262.70265196845867,
+ "root" : {
+ "boundingVolume" : {
+ "box" : [ 1335892.435348466, -4656364.2138248, 4135072.7680341657, 1937.3589490405284, 0, 0, 0, 1876.7420936450362, 0, 0, 0, 1832.744789030403 ]
+ },
+ "geometricError" : 262.70265196845867,
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335937.5141109952, -4656306.6051938515, 4135100.2698799334, 1772.392238504719, 0, 0, 0, 1756.1617070464417, 0, 0, 0, 1683.89027098706 ]
+ },
+ "url" : "data/data0.b3dm"
+ },
+ "children" : [
+ {
+ "boundingVolume" : {
+ "box" : [ 1335781.8905472015, -4656146.88993747, 4135337.097276562, 586.1576870430727, 0, 0, 0, 509.4914009803906, 0, 0, 0, 637.8357412121259 ]
+ },
+ "geometricError" : 62.16961176227778,
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335782.8976413747, -4656146.88993747, 4135337.097276562, 584.1434986970853, 0, 0, 0, 509.4914009803906, 0, 0, 0, 637.8357412121259 ]
+ },
+ "url" : "data/data1.b3dm"
+ },
+ "children" : [
+ {
+ "boundingVolume" : {
+ "box" : [ 1335790.536200363, -4656216.55283373, 4135311.1116006467, 94.19598374934867, 0, 0, 0, 78.56987113598734, 0, 0, 0, 106.4377414342016 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335790.536200363, -4656216.55283373, 4135311.1116006467, 94.19598374934867, 0, 0, 0, 78.56987113598734, 0, 0, 0, 106.4377414342016 ]
+ },
+ "url" : "data/data2.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335912.5983970047, -4655946.810737511, 4135571.0716987187, 137.4844073280692, 0, 0, 0, 105.99186008516699, 0, 0, 0, 151.39213276375085 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335912.5983970047, -4655946.810737511, 4135571.0716987187, 137.4844073280692, 0, 0, 0, 105.99186008516699, 0, 0, 0, 151.39213276375085 ]
+ },
+ "url" : "data/data3.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335775.7666943343, -4656099.8365557855, 4135436.4681292325, 133.9637689779047, 0, 0, 0, 48.85432343930006, 0, 0, 0, 77.76985552953556 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335775.7666943343, -4656099.8365557855, 4135436.4681292325, 133.9637689779047, 0, 0, 0, 48.85432343930006, 0, 0, 0, 77.76985552953556 ]
+ },
+ "url" : "data/data4.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335862.4327643197, -4656364.6010393165, 4135094.9195451806, 336.6103543539066, 0, 0, 0, 64.83440580125898, 0, 0, 0, 128.72130870819092 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335862.4327643197, -4656364.6010393165, 4135094.9195451806, 336.6103543539066, 0, 0, 0, 64.83440580125898, 0, 0, 0, 128.72130870819092 ]
+ },
+ "url" : "data/data5.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335786.269059979, -4656048.454640238, 4135493.8584280265, 67.1089910378214, 0, 0, 0, 53.56188896205276, 0, 0, 0, 70.39579734532163 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335786.269059979, -4656048.454640238, 4135493.8584280265, 67.1089910378214, 0, 0, 0, 53.56188896205276, 0, 0, 0, 70.39579734532163 ]
+ },
+ "url" : "data/data6.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335784.9774346044, -4656144.360414075, 4135375.787831092, 185.96613559685647, 0, 0, 0, 67.69656993355602, 0, 0, 0, 100.17039022501558 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335784.9774346044, -4656144.360414075, 4135375.787831092, 185.96613559685647, 0, 0, 0, 67.69656993355602, 0, 0, 0, 100.17039022501558 ]
+ },
+ "url" : "data/data7.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335634.4497637707, -4656230.603496515, 4135332.3828674564, 291.27612018119544, 0, 0, 0, 119.60709978826344, 0, 0, 0, 194.78152035968378 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335634.4497637707, -4656230.603496515, 4135332.3828674564, 291.27612018119544, 0, 0, 0, 119.60709978826344, 0, 0, 0, 194.78152035968378 ]
+ },
+ "url" : "data/data8.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335916.690611768, -4656102.038063581, 4135386.161345786, 70.94636385212652, 0, 0, 0, 188.84808556735516, 0, 0, 0, 207.29092156793922 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335916.690611768, -4656102.038063581, 4135386.161345786, 70.94636385212652, 0, 0, 0, 188.84808556735516, 0, 0, 0, 207.29092156793922 ]
+ },
+ "url" : "data/data9.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336022.8466597376, -4655998.627978795, 4135474.0020566094, 58.994351738132536, 0, 0, 0, 153.0708347298205, 0, 0, 0, 162.08559354022145 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336022.8466597376, -4655998.627978795, 4135474.0020566094, 58.994351738132536, 0, 0, 0, 153.0708347298205, 0, 0, 0, 162.08559354022145 ]
+ },
+ "url" : "data/data10.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335809.7763812647, -4655966.224123919, 4135572.5253568348, 84.1685501630418, 0, 0, 0, 112.24491382483393, 0, 0, 0, 137.48808607505634 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335809.7763812647, -4655966.224123919, 4135572.5253568348, 84.1685501630418, 0, 0, 0, 112.24491382483393, 0, 0, 0, 137.48808607505634 ]
+ },
+ "url" : "data/data11.b3dm"
+ }
+ }
+ ]
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336285.9273010013, -4655956.913189232, 4135426.5370170646, 288.54976205457933, 0, 0, 0, 307.08098780643195, 0, 0, 0, 358.88813109882176 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336285.9273010013, -4655956.913189232, 4135426.5370170646, 288.54976205457933, 0, 0, 0, 307.08098780643195, 0, 0, 0, 358.88813109882176 ]
+ },
+ "url" : "data/data12.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335822.514354779, -4656486.084645064, 4134957.505720236, 1066.0663050152361, 0, 0, 0, 210.50741046853364, 0, 0, 0, 422.47093271743506 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335822.514354779, -4656486.084645064, 4134957.505720236, 1066.0663050152361, 0, 0, 0, 210.50741046853364, 0, 0, 0, 422.47093271743506 ]
+ },
+ "url" : "data/data13.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336312.5620246436, -4656252.799551844, 4135089.1268953797, 278.50782062415965, 0, 0, 0, 346.7641757372767, 0, 0, 0, 403.7377255372703 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336312.5620246436, -4656252.799551844, 4135089.1268953797, 278.50782062415965, 0, 0, 0, 346.7641757372767, 0, 0, 0, 403.7377255372703 ]
+ },
+ "url" : "data/data14.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336509.7219201173, -4655987.9762775935, 4135333.8772962, 189.82581301755272, 0, 0, 0, 347.33075950387865, 0, 0, 0, 368.2395125227049 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336509.7219201173, -4655987.9762775935, 4135333.8772962, 189.82581301755272, 0, 0, 0, 347.33075950387865, 0, 0, 0, 368.2395125227049 ]
+ },
+ "url" : "data/data15.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336116.088402123, -4656157.273730997, 4135274.1748203384, 131.85842584539205, 0, 0, 0, 509.8650558581576, 0, 0, 0, 581.1249577426352 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336116.088402123, -4656157.273730997, 4135274.1748203384, 131.85842584539205, 0, 0, 0, 509.8650558581576, 0, 0, 0, 581.1249577426352 ]
+ },
+ "url" : "data/data16.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336730.8389316406, -4655657.65930913, 4135664.026951015, 260.5517826913856, 0, 0, 0, 454.2073729708791, 0, 0, 0, 519.1068792664446 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336730.8389316406, -4655657.65930913, 4135664.026951015, 260.5517826913856, 0, 0, 0, 454.2073729708791, 0, 0, 0, 519.1068792664446 ]
+ },
+ "url" : "data/data17.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335601.453440565, -4656921.743712845, 4134624.3043155503, 1355.3951332382858, 0, 0, 0, 761.6823175549507, 0, 0, 0, 935.8173517999239 ]
+ },
+ "geometricError" : 169.18520519253798,
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335586.5503080236, -4656921.743712845, 4134624.3043155503, 1306.0336185491178, 0, 0, 0, 761.6823175549507, 0, 0, 0, 935.8173517999239 ]
+ },
+ "url" : "data/data18.b3dm"
+ },
+ "children" : [
+ {
+ "boundingVolume" : {
+ "box" : [ 1335976.8069162038, -4656940.177459845, 4134448.633637788, 121.60810653259978, 0, 0, 0, 179.27633931394666, 0, 0, 0, 200.16812506783754 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335976.8069162038, -4656940.177459845, 4134448.633637788, 121.60810653259978, 0, 0, 0, 179.27633931394666, 0, 0, 0, 200.16812506783754 ]
+ },
+ "url" : "data/data19.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335792.0935612964, -4656913.938314697, 4134519.1660903087, 569.9741967499722, 0, 0, 0, 73.77463418804109, 0, 0, 0, 214.38845719350502 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335792.0935612964, -4656913.938314697, 4134519.1660903087, 569.9741967499722, 0, 0, 0, 73.77463418804109, 0, 0, 0, 214.38845719350502 ]
+ },
+ "url" : "data/data20.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336070.5567004625, -4656632.864634555, 4134733.8840724034, 417.1886134429369, 0, 0, 0, 127.64444441813976, 0, 0, 0, 190.11538640083745 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336070.5567004625, -4656632.864634555, 4134733.8840724034, 417.1886134429369, 0, 0, 0, 127.64444441813976, 0, 0, 0, 190.11538640083745 ]
+ },
+ "url" : "data/data21.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336065.0455735975, -4656973.465673535, 4134370.2371264054, 103.31029751105234, 0, 0, 0, 95.42107252776623, 0, 0, 0, 107.66265343828127 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336065.0455735975, -4656973.465673535, 4134370.2371264054, 103.31029751105234, 0, 0, 0, 95.42107252776623, 0, 0, 0, 107.66265343828127 ]
+ },
+ "url" : "data/data22.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335612.1948786401, -4657128.217735104, 4134365.657547434, 611.443987787934, 0, 0, 0, 298.0716851716861, 0, 0, 0, 381.9438670487143 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335612.1948786401, -4657128.217735104, 4134365.657547434, 611.443987787934, 0, 0, 0, 298.0716851716861, 0, 0, 0, 381.9438670487143 ]
+ },
+ "url" : "data/data23.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335431.2056432548, -4657013.281246504, 4134562.3799886843, 1014.899538617814, 0, 0, 0, 192.52622071560472, 0, 0, 0, 368.4611881603487 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335431.2056432548, -4657013.281246504, 4134562.3799886843, 1014.899538617814, 0, 0, 0, 192.52622071560472, 0, 0, 0, 368.4611881603487 ]
+ },
+ "url" : "data/data24.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335697.3124920665, -4656640.536438714, 4134868.1888192436, 834.4937283047475, 0, 0, 0, 146.8778659980744, 0, 0, 0, 411.73594595631585 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335697.3124920665, -4656640.536438714, 4134868.1888192436, 834.4937283047475, 0, 0, 0, 146.8778659980744, 0, 0, 0, 411.73594595631585 ]
+ },
+ "url" : "data/data25.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335976.3816893194, -4656772.921472183, 4134620.966246925, 182.45300501026213, 0, 0, 0, 158.76993838697672, 0, 0, 0, 213.70671194139868 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335976.3816893194, -4656772.921472183, 4134620.966246925, 182.45300501026213, 0, 0, 0, 158.76993838697672, 0, 0, 0, 213.70671194139868 ]
+ },
+ "url" : "data/data26.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1335570.8210921627, -4656820.757315735, 4134711.41417104, 699.0586964604445, 0, 0, 0, 209.03522623889148, 0, 0, 0, 385.97787239728495 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1335570.8210921627, -4656820.757315735, 4134711.41417104, 699.0586964604445, 0, 0, 0, 209.03522623889148, 0, 0, 0, 385.97787239728495 ]
+ },
+ "url" : "data/data27.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336128.4454749026, -4656796.311346287, 4134569.0969588906, 175.39749215589836, 0, 0, 0, 197.75050426553935, 0, 0, 0, 223.3799013509415 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336128.4454749026, -4656796.311346287, 4134569.0969588906, 175.39749215589836, 0, 0, 0, 197.75050426553935, 0, 0, 0, 223.3799013509415 ]
+ },
+ "url" : "data/data28.b3dm"
+ }
+ }
+ ]
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336087.56121381, -4655731.752378305, 4135777.8416601056, 468.70788600086235, 0, 0, 0, 324.2630083402619, 0, 0, 0, 396.59215519716963 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336087.56121381, -4655731.752378305, 4135777.8416601056, 468.70788600086235, 0, 0, 0, 324.2630083402619, 0, 0, 0, 396.59215519716963 ]
+ },
+ "url" : "data/data29.b3dm"
+ }
+ },
+ {
+ "boundingVolume" : {
+ "box" : [ 1336480.0175658492, -4655722.977771913, 4135653.4743001973, 328.4098775947932, 0, 0, 0, 594.2699878700078, 0, 0, 0, 671.3322569667362 ]
+ },
+ "refine" : "ADD",
+ "content" : {
+ "boundingVolume" : {
+ "box" : [ 1336480.0175658492, -4655722.977771913, 4135653.4743001973, 328.4098775947932, 0, 0, 0, 594.2699878700078, 0, 0, 0, 671.3322569667362 ]
+ },
+ "url" : "data/data30.b3dm"
+ }
+ }
+ ]
+ }
+}
\ No newline at end of file
diff --git a/public/Source/Data/Gowanus.geojson b/public/Source/Data/Gowanus.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..3a9210fa20033416b54731ea2e40f4a1de2f34f5
--- /dev/null
+++ b/public/Source/Data/Gowanus.geojson
@@ -0,0 +1 @@
+{"type":"FeatureCollection","features":[{"type":"Feature","id":0,"geometry":{"type":"Polygon","coordinates":[[[-73.978170431853229,40.683569459728027],[-73.983091612187749,40.685452553684406],[-73.984375322450532,40.683558556342113],[-73.988702028115412,40.685232849322645],[-73.989641208663627,40.683892716867298],[-73.991910752331478,40.680545324024578],[-73.993702753981992,40.677841166468937],[-73.995793236526865,40.678861021740367],[-73.996329501355703,40.677797598882933],[-73.99739364428136,40.675419776038225],[-73.999008432833335,40.675848672375388],[-74.000498036388649,40.672779863886682],[-74.001787244578509,40.670054135409487],[-74.005004123621433,40.670930844119397],[-74.006268078158072,40.668195535440347],[-74.006155318695207,40.668116994508473],[-73.998251324408614,40.663356670953199],[-73.994938216537236,40.66662743422382],[-73.992685464930432,40.665226332457536],[-73.992399174828634,40.665133391710818],[-73.990756195108943,40.66710488957677],[-73.99067015102878,40.667069143335532],[-73.99019288335468,40.667658802033507],[-73.990278927939571,40.667694548629306],[-73.989754711982357,40.66830802768547],[-73.989809465105466,40.668349728387945],[-73.989269590126113,40.66898702999179],[-73.98919918917035,40.668957240664305],[-73.988682774269677,40.66958262857333],[-73.987689035215624,40.67080957530154],[-73.986781350449036,40.671857826804292],[-73.985748427064991,40.673078795390708],[-73.98578753743989,40.673108582954413],[-73.985709279718961,40.673221747622073],[-73.985292960831458,40.67374825374705],[-73.984776473564708,40.67436766721795],[-73.984244537794822,40.674105507657437],[-73.983806290748234,40.674653448903818],[-73.984275646306344,40.674891775762347],[-73.983516547875141,40.675755368370694],[-73.982984338557799,40.676541554599538],[-73.98292957687967,40.676523676860512],[-73.98256170966377,40.677101406340995],[-73.982624290880565,40.677137155062155],[-73.982585154673203,40.677202671112703],[-73.982162491157965,40.67786378255191],[-73.980855355288426,40.67975775262898],[-73.980393786047699,40.679573022155509],[-73.979978911756589,40.680228170175205],[-73.980385727214227,40.680371197197431],[-73.980174376446328,40.680698770680443],[-73.980236961524454,40.680728564144864],[-73.980033445655351,40.681014442922752],[-73.979125423348606,40.68231280734075],[-73.979015892612168,40.682277048188318],[-73.978170431853229,40.683569459728027]]]},"properties":{"FID":0,"Name":" "}}]}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap-grid.css b/public/ThirdParty/Bootstrap/css/bootstrap-grid.css
new file mode 100644
index 0000000000000000000000000000000000000000..5a71a41aaba8c94edc157ad8854418e07fc85011
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap-grid.css
@@ -0,0 +1,2050 @@
+/*!
+ * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+@-ms-viewport {
+ width: device-width;
+}
+
+html {
+ box-sizing: border-box;
+ -ms-overflow-style: scrollbar;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: inherit;
+}
+
+.container {
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+@media (min-width: 576px) {
+ .container {
+ max-width: 540px;
+ }
+}
+
+@media (min-width: 768px) {
+ .container {
+ max-width: 720px;
+ }
+}
+
+@media (min-width: 992px) {
+ .container {
+ max-width: 960px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .container {
+ max-width: 1140px;
+ }
+}
+
+.container-fluid {
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.row {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -15px;
+ margin-left: -15px;
+}
+
+.no-gutters {
+ margin-right: 0;
+ margin-left: 0;
+}
+
+.no-gutters > .col,
+.no-gutters > [class*="col-"] {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+ position: relative;
+ width: 100%;
+ min-height: 1px;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+.col {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+}
+
+.col-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+}
+
+.col-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+}
+
+.col-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+}
+
+.col-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+}
+
+.col-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+}
+
+.col-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+}
+
+.col-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+}
+
+.col-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+}
+
+.col-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+}
+
+.col-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+}
+
+.col-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+}
+
+.col-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+}
+
+.col-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+}
+
+.order-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+}
+
+.order-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+}
+
+.order-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+}
+
+.order-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+
+.order-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+}
+
+.order-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+}
+
+.order-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+}
+
+.order-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+}
+
+.order-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+}
+
+.order-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+}
+
+.order-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+}
+
+.order-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+}
+
+.order-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+}
+
+.order-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+}
+
+.order-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+}
+
+.offset-1 {
+ margin-left: 8.333333%;
+}
+
+.offset-2 {
+ margin-left: 16.666667%;
+}
+
+.offset-3 {
+ margin-left: 25%;
+}
+
+.offset-4 {
+ margin-left: 33.333333%;
+}
+
+.offset-5 {
+ margin-left: 41.666667%;
+}
+
+.offset-6 {
+ margin-left: 50%;
+}
+
+.offset-7 {
+ margin-left: 58.333333%;
+}
+
+.offset-8 {
+ margin-left: 66.666667%;
+}
+
+.offset-9 {
+ margin-left: 75%;
+}
+
+.offset-10 {
+ margin-left: 83.333333%;
+}
+
+.offset-11 {
+ margin-left: 91.666667%;
+}
+
+@media (min-width: 576px) {
+ .col-sm {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-sm-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+ }
+ .col-sm-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-sm-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-sm-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-sm-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-sm-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-sm-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-sm-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-sm-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-sm-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-sm-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-sm-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-sm-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .order-sm-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .order-sm-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+ }
+ .order-sm-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .order-sm-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .order-sm-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ }
+ .order-sm-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ }
+ .order-sm-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+ }
+ .order-sm-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+ }
+ .order-sm-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+ }
+ .order-sm-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+ }
+ .order-sm-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+ }
+ .order-sm-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+ }
+ .order-sm-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+ }
+ .order-sm-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+ }
+ .order-sm-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+ }
+ .offset-sm-0 {
+ margin-left: 0;
+ }
+ .offset-sm-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-sm-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+ .offset-sm-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-sm-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+ .offset-sm-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-sm-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+ .offset-sm-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-sm-11 {
+ margin-left: 91.666667%;
+ }
+}
+
+@media (min-width: 768px) {
+ .col-md {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-md-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+ }
+ .col-md-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-md-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-md-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-md-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-md-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-md-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-md-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-md-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-md-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-md-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-md-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-md-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .order-md-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .order-md-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+ }
+ .order-md-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .order-md-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .order-md-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ }
+ .order-md-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ }
+ .order-md-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+ }
+ .order-md-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+ }
+ .order-md-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+ }
+ .order-md-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+ }
+ .order-md-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+ }
+ .order-md-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+ }
+ .order-md-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+ }
+ .order-md-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+ }
+ .order-md-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+ }
+ .offset-md-0 {
+ margin-left: 0;
+ }
+ .offset-md-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-md-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+ .offset-md-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-md-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+ .offset-md-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-md-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+ .offset-md-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-md-11 {
+ margin-left: 91.666667%;
+ }
+}
+
+@media (min-width: 992px) {
+ .col-lg {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-lg-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+ }
+ .col-lg-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-lg-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-lg-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-lg-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-lg-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-lg-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-lg-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-lg-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-lg-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-lg-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-lg-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-lg-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .order-lg-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .order-lg-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+ }
+ .order-lg-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .order-lg-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .order-lg-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ }
+ .order-lg-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ }
+ .order-lg-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+ }
+ .order-lg-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+ }
+ .order-lg-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+ }
+ .order-lg-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+ }
+ .order-lg-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+ }
+ .order-lg-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+ }
+ .order-lg-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+ }
+ .order-lg-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+ }
+ .order-lg-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+ }
+ .offset-lg-0 {
+ margin-left: 0;
+ }
+ .offset-lg-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-lg-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+ .offset-lg-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-lg-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+ .offset-lg-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-lg-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+ .offset-lg-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-lg-11 {
+ margin-left: 91.666667%;
+ }
+}
+
+@media (min-width: 1200px) {
+ .col-xl {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-xl-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+ }
+ .col-xl-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-xl-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-xl-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-xl-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-xl-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-xl-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-xl-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-xl-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-xl-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-xl-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-xl-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-xl-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .order-xl-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .order-xl-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+ }
+ .order-xl-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .order-xl-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .order-xl-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ }
+ .order-xl-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ }
+ .order-xl-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+ }
+ .order-xl-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+ }
+ .order-xl-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+ }
+ .order-xl-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+ }
+ .order-xl-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+ }
+ .order-xl-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+ }
+ .order-xl-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+ }
+ .order-xl-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+ }
+ .order-xl-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+ }
+ .offset-xl-0 {
+ margin-left: 0;
+ }
+ .offset-xl-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-xl-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+ .offset-xl-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-xl-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+ .offset-xl-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-xl-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+ .offset-xl-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-xl-11 {
+ margin-left: 91.666667%;
+ }
+}
+
+.d-none {
+ display: none !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+}
+
+@media (min-width: 576px) {
+ .d-sm-none {
+ display: none !important;
+ }
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .d-md-none {
+ display: none !important;
+ }
+ .d-md-inline {
+ display: inline !important;
+ }
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
+ .d-md-block {
+ display: block !important;
+ }
+ .d-md-table {
+ display: table !important;
+ }
+ .d-md-table-row {
+ display: table-row !important;
+ }
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+ .d-md-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-md-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .d-lg-none {
+ display: none !important;
+ }
+ .d-lg-inline {
+ display: inline !important;
+ }
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+ .d-lg-block {
+ display: block !important;
+ }
+ .d-lg-table {
+ display: table !important;
+ }
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+ .d-lg-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-lg-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .d-xl-none {
+ display: none !important;
+ }
+ .d-xl-inline {
+ display: inline !important;
+ }
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xl-block {
+ display: block !important;
+ }
+ .d-xl-table {
+ display: table !important;
+ }
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xl-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-xl-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+@media print {
+ .d-print-none {
+ display: none !important;
+ }
+ .d-print-inline {
+ display: inline !important;
+ }
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
+ .d-print-block {
+ display: block !important;
+ }
+ .d-print-table {
+ display: table !important;
+ }
+ .d-print-table-row {
+ display: table-row !important;
+ }
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
+ .d-print-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-print-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+.flex-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+}
+
+.flex-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+}
+
+.flex-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+}
+
+.align-items-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+}
+
+.align-content-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+}
+
+.align-self-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+}
+
+@media (min-width: 576px) {
+ .flex-sm-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-sm-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .align-items-sm-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .flex-md-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-md-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-md-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-md-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-md-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-md-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-md-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-md-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-md-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-md-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-md-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-md-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .align-items-md-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-md-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-md-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-md-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-md-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-md-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-md-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-md-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-md-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-md-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-md-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-md-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-md-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-md-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-md-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-md-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-md-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .flex-lg-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-lg-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-lg-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-lg-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-lg-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-lg-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-lg-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-lg-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-lg-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-lg-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-lg-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-lg-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .align-items-lg-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-lg-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-lg-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-lg-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-lg-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-lg-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-lg-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-lg-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-lg-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-lg-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-lg-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-lg-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-lg-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-lg-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-lg-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-lg-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-lg-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .flex-xl-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-xl-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-xl-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-xl-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-xl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-xl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-xl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xl-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-xl-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-xl-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-xl-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-xl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .align-items-xl-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-xl-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-xl-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-xl-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-xl-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-xl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-xl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-xl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-xl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-xl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-xl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-xl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-xl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-xl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-xl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-xl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-xl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+}
+/*# sourceMappingURL=bootstrap-grid.css.map */
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap-grid.css.map b/public/ThirdParty/Bootstrap/css/bootstrap-grid.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..c62a598a4ad75d6fae048aa71ab196af2c95d1fc
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap-grid.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../scss/bootstrap-grid.scss","bootstrap-grid.css","../../scss/_grid.scss","../../scss/mixins/_grid.scss","../../scss/mixins/_breakpoints.scss","../../scss/_variables.scss","../../scss/mixins/_grid-framework.scss","../../scss/utilities/_display.scss","../../scss/utilities/_flex.scss"],"names":[],"mappings":"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","file":"bootstrap-grid.css","sourcesContent":["/*!\n * Bootstrap Grid v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@at-root {\n @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix\n}\n\nhtml {\n box-sizing: border-box;\n -ms-overflow-style: scrollbar;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n@import \"functions\";\n@import \"variables\";\n\n@import \"mixins/breakpoints\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n\n@import \"grid\";\n@import \"utilities/display\";\n@import \"utilities/flex\";\n","/*!\n * Bootstrap Grid v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n@-ms-viewport {\n width: device-width;\n}\n\nhtml {\n box-sizing: border-box;\n -ms-overflow-style: scrollbar;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n.container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media (min-width: 576px) {\n .container {\n max-width: 540px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 720px;\n }\n}\n\n@media (min-width: 992px) {\n .container {\n max-width: 960px;\n }\n}\n\n@media (min-width: 1200px) {\n .container {\n max-width: 1140px;\n }\n}\n\n.container-fluid {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px;\n}\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.no-gutters > .col,\n.no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n}\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n\n.col-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n\n.col-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%;\n}\n\n.col-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n\n.col-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n\n.col-6 {\n flex: 0 0 50%;\n max-width: 50%;\n}\n\n.col-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n\n.col-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%;\n}\n\n.col-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n\n.col-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n\n.order-first {\n order: -1;\n}\n\n.order-last {\n order: 13;\n}\n\n.order-0 {\n order: 0;\n}\n\n.order-1 {\n order: 1;\n}\n\n.order-2 {\n order: 2;\n}\n\n.order-3 {\n order: 3;\n}\n\n.order-4 {\n order: 4;\n}\n\n.order-5 {\n order: 5;\n}\n\n.order-6 {\n order: 6;\n}\n\n.order-7 {\n order: 7;\n}\n\n.order-8 {\n order: 8;\n}\n\n.order-9 {\n order: 9;\n}\n\n.order-10 {\n order: 10;\n}\n\n.order-11 {\n order: 11;\n}\n\n.order-12 {\n order: 12;\n}\n\n.offset-1 {\n margin-left: 8.333333%;\n}\n\n.offset-2 {\n margin-left: 16.666667%;\n}\n\n.offset-3 {\n margin-left: 25%;\n}\n\n.offset-4 {\n margin-left: 33.333333%;\n}\n\n.offset-5 {\n margin-left: 41.666667%;\n}\n\n.offset-6 {\n margin-left: 50%;\n}\n\n.offset-7 {\n margin-left: 58.333333%;\n}\n\n.offset-8 {\n margin-left: 66.666667%;\n}\n\n.offset-9 {\n margin-left: 75%;\n}\n\n.offset-10 {\n margin-left: 83.333333%;\n}\n\n.offset-11 {\n margin-left: 91.666667%;\n}\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-sm-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-sm-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-sm-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-sm-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-sm-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-sm-first {\n order: -1;\n }\n .order-sm-last {\n order: 13;\n }\n .order-sm-0 {\n order: 0;\n }\n .order-sm-1 {\n order: 1;\n }\n .order-sm-2 {\n order: 2;\n }\n .order-sm-3 {\n order: 3;\n }\n .order-sm-4 {\n order: 4;\n }\n .order-sm-5 {\n order: 5;\n }\n .order-sm-6 {\n order: 6;\n }\n .order-sm-7 {\n order: 7;\n }\n .order-sm-8 {\n order: 8;\n }\n .order-sm-9 {\n order: 9;\n }\n .order-sm-10 {\n order: 10;\n }\n .order-sm-11 {\n order: 11;\n }\n .order-sm-12 {\n order: 12;\n }\n .offset-sm-0 {\n margin-left: 0;\n }\n .offset-sm-1 {\n margin-left: 8.333333%;\n }\n .offset-sm-2 {\n margin-left: 16.666667%;\n }\n .offset-sm-3 {\n margin-left: 25%;\n }\n .offset-sm-4 {\n margin-left: 33.333333%;\n }\n .offset-sm-5 {\n margin-left: 41.666667%;\n }\n .offset-sm-6 {\n margin-left: 50%;\n }\n .offset-sm-7 {\n margin-left: 58.333333%;\n }\n .offset-sm-8 {\n margin-left: 66.666667%;\n }\n .offset-sm-9 {\n margin-left: 75%;\n }\n .offset-sm-10 {\n margin-left: 83.333333%;\n }\n .offset-sm-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-md-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-md-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-md-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-md-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-md-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-md-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-md-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-md-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-md-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-md-first {\n order: -1;\n }\n .order-md-last {\n order: 13;\n }\n .order-md-0 {\n order: 0;\n }\n .order-md-1 {\n order: 1;\n }\n .order-md-2 {\n order: 2;\n }\n .order-md-3 {\n order: 3;\n }\n .order-md-4 {\n order: 4;\n }\n .order-md-5 {\n order: 5;\n }\n .order-md-6 {\n order: 6;\n }\n .order-md-7 {\n order: 7;\n }\n .order-md-8 {\n order: 8;\n }\n .order-md-9 {\n order: 9;\n }\n .order-md-10 {\n order: 10;\n }\n .order-md-11 {\n order: 11;\n }\n .order-md-12 {\n order: 12;\n }\n .offset-md-0 {\n margin-left: 0;\n }\n .offset-md-1 {\n margin-left: 8.333333%;\n }\n .offset-md-2 {\n margin-left: 16.666667%;\n }\n .offset-md-3 {\n margin-left: 25%;\n }\n .offset-md-4 {\n margin-left: 33.333333%;\n }\n .offset-md-5 {\n margin-left: 41.666667%;\n }\n .offset-md-6 {\n margin-left: 50%;\n }\n .offset-md-7 {\n margin-left: 58.333333%;\n }\n .offset-md-8 {\n margin-left: 66.666667%;\n }\n .offset-md-9 {\n margin-left: 75%;\n }\n .offset-md-10 {\n margin-left: 83.333333%;\n }\n .offset-md-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-lg-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-lg-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-lg-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-lg-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-lg-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-lg-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-lg-first {\n order: -1;\n }\n .order-lg-last {\n order: 13;\n }\n .order-lg-0 {\n order: 0;\n }\n .order-lg-1 {\n order: 1;\n }\n .order-lg-2 {\n order: 2;\n }\n .order-lg-3 {\n order: 3;\n }\n .order-lg-4 {\n order: 4;\n }\n .order-lg-5 {\n order: 5;\n }\n .order-lg-6 {\n order: 6;\n }\n .order-lg-7 {\n order: 7;\n }\n .order-lg-8 {\n order: 8;\n }\n .order-lg-9 {\n order: 9;\n }\n .order-lg-10 {\n order: 10;\n }\n .order-lg-11 {\n order: 11;\n }\n .order-lg-12 {\n order: 12;\n }\n .offset-lg-0 {\n margin-left: 0;\n }\n .offset-lg-1 {\n margin-left: 8.333333%;\n }\n .offset-lg-2 {\n margin-left: 16.666667%;\n }\n .offset-lg-3 {\n margin-left: 25%;\n }\n .offset-lg-4 {\n margin-left: 33.333333%;\n }\n .offset-lg-5 {\n margin-left: 41.666667%;\n }\n .offset-lg-6 {\n margin-left: 50%;\n }\n .offset-lg-7 {\n margin-left: 58.333333%;\n }\n .offset-lg-8 {\n margin-left: 66.666667%;\n }\n .offset-lg-9 {\n margin-left: 75%;\n }\n .offset-lg-10 {\n margin-left: 83.333333%;\n }\n .offset-lg-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-xl-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-xl-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-xl-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-xl-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-xl-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-xl-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-xl-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-xl-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-xl-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-xl-first {\n order: -1;\n }\n .order-xl-last {\n order: 13;\n }\n .order-xl-0 {\n order: 0;\n }\n .order-xl-1 {\n order: 1;\n }\n .order-xl-2 {\n order: 2;\n }\n .order-xl-3 {\n order: 3;\n }\n .order-xl-4 {\n order: 4;\n }\n .order-xl-5 {\n order: 5;\n }\n .order-xl-6 {\n order: 6;\n }\n .order-xl-7 {\n order: 7;\n }\n .order-xl-8 {\n order: 8;\n }\n .order-xl-9 {\n order: 9;\n }\n .order-xl-10 {\n order: 10;\n }\n .order-xl-11 {\n order: 11;\n }\n .order-xl-12 {\n order: 12;\n }\n .offset-xl-0 {\n margin-left: 0;\n }\n .offset-xl-1 {\n margin-left: 8.333333%;\n }\n .offset-xl-2 {\n margin-left: 16.666667%;\n }\n .offset-xl-3 {\n margin-left: 25%;\n }\n .offset-xl-4 {\n margin-left: 33.333333%;\n }\n .offset-xl-5 {\n margin-left: 41.666667%;\n }\n .offset-xl-6 {\n margin-left: 50%;\n }\n .offset-xl-7 {\n margin-left: 58.333333%;\n }\n .offset-xl-8 {\n margin-left: 66.666667%;\n }\n .offset-xl-9 {\n margin-left: 75%;\n }\n .offset-xl-10 {\n margin-left: 83.333333%;\n }\n .offset-xl-11 {\n margin-left: 91.666667%;\n }\n}\n\n.d-none {\n display: none !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-table {\n display: table !important;\n}\n\n.d-table-row {\n display: table-row !important;\n}\n\n.d-table-cell {\n display: table-cell !important;\n}\n\n.d-flex {\n display: flex !important;\n}\n\n.d-inline-flex {\n display: inline-flex !important;\n}\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important;\n }\n .d-sm-inline {\n display: inline !important;\n }\n .d-sm-inline-block {\n display: inline-block !important;\n }\n .d-sm-block {\n display: block !important;\n }\n .d-sm-table {\n display: table !important;\n }\n .d-sm-table-row {\n display: table-row !important;\n }\n .d-sm-table-cell {\n display: table-cell !important;\n }\n .d-sm-flex {\n display: flex !important;\n }\n .d-sm-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important;\n }\n .d-md-inline {\n display: inline !important;\n }\n .d-md-inline-block {\n display: inline-block !important;\n }\n .d-md-block {\n display: block !important;\n }\n .d-md-table {\n display: table !important;\n }\n .d-md-table-row {\n display: table-row !important;\n }\n .d-md-table-cell {\n display: table-cell !important;\n }\n .d-md-flex {\n display: flex !important;\n }\n .d-md-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important;\n }\n .d-lg-inline {\n display: inline !important;\n }\n .d-lg-inline-block {\n display: inline-block !important;\n }\n .d-lg-block {\n display: block !important;\n }\n .d-lg-table {\n display: table !important;\n }\n .d-lg-table-row {\n display: table-row !important;\n }\n .d-lg-table-cell {\n display: table-cell !important;\n }\n .d-lg-flex {\n display: flex !important;\n }\n .d-lg-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important;\n }\n .d-xl-inline {\n display: inline !important;\n }\n .d-xl-inline-block {\n display: inline-block !important;\n }\n .d-xl-block {\n display: block !important;\n }\n .d-xl-table {\n display: table !important;\n }\n .d-xl-table-row {\n display: table-row !important;\n }\n .d-xl-table-cell {\n display: table-cell !important;\n }\n .d-xl-flex {\n display: flex !important;\n }\n .d-xl-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media print {\n .d-print-none {\n display: none !important;\n }\n .d-print-inline {\n display: inline !important;\n }\n .d-print-inline-block {\n display: inline-block !important;\n }\n .d-print-block {\n display: block !important;\n }\n .d-print-table {\n display: table !important;\n }\n .d-print-table-row {\n display: table-row !important;\n }\n .d-print-table-cell {\n display: table-cell !important;\n }\n .d-print-flex {\n display: flex !important;\n }\n .d-print-inline-flex {\n display: inline-flex !important;\n }\n}\n\n.flex-row {\n flex-direction: row !important;\n}\n\n.flex-column {\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.justify-content-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-between {\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n justify-content: space-around !important;\n}\n\n.align-items-start {\n align-items: flex-start !important;\n}\n\n.align-items-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n.align-content-start {\n align-content: flex-start !important;\n}\n\n.align-content-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-between {\n align-content: space-between !important;\n}\n\n.align-content-around {\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n.align-self-auto {\n align-self: auto !important;\n}\n\n.align-self-start {\n align-self: flex-start !important;\n}\n\n.align-self-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n@media (min-width: 576px) {\n .flex-sm-row {\n flex-direction: row !important;\n }\n .flex-sm-column {\n flex-direction: column !important;\n }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-sm-wrap {\n flex-wrap: wrap !important;\n }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-sm-start {\n justify-content: flex-start !important;\n }\n .justify-content-sm-end {\n justify-content: flex-end !important;\n }\n .justify-content-sm-center {\n justify-content: center !important;\n }\n .justify-content-sm-between {\n justify-content: space-between !important;\n }\n .justify-content-sm-around {\n justify-content: space-around !important;\n }\n .align-items-sm-start {\n align-items: flex-start !important;\n }\n .align-items-sm-end {\n align-items: flex-end !important;\n }\n .align-items-sm-center {\n align-items: center !important;\n }\n .align-items-sm-baseline {\n align-items: baseline !important;\n }\n .align-items-sm-stretch {\n align-items: stretch !important;\n }\n .align-content-sm-start {\n align-content: flex-start !important;\n }\n .align-content-sm-end {\n align-content: flex-end !important;\n }\n .align-content-sm-center {\n align-content: center !important;\n }\n .align-content-sm-between {\n align-content: space-between !important;\n }\n .align-content-sm-around {\n align-content: space-around !important;\n }\n .align-content-sm-stretch {\n align-content: stretch !important;\n }\n .align-self-sm-auto {\n align-self: auto !important;\n }\n .align-self-sm-start {\n align-self: flex-start !important;\n }\n .align-self-sm-end {\n align-self: flex-end !important;\n }\n .align-self-sm-center {\n align-self: center !important;\n }\n .align-self-sm-baseline {\n align-self: baseline !important;\n }\n .align-self-sm-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 768px) {\n .flex-md-row {\n flex-direction: row !important;\n }\n .flex-md-column {\n flex-direction: column !important;\n }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-md-wrap {\n flex-wrap: wrap !important;\n }\n .flex-md-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-md-start {\n justify-content: flex-start !important;\n }\n .justify-content-md-end {\n justify-content: flex-end !important;\n }\n .justify-content-md-center {\n justify-content: center !important;\n }\n .justify-content-md-between {\n justify-content: space-between !important;\n }\n .justify-content-md-around {\n justify-content: space-around !important;\n }\n .align-items-md-start {\n align-items: flex-start !important;\n }\n .align-items-md-end {\n align-items: flex-end !important;\n }\n .align-items-md-center {\n align-items: center !important;\n }\n .align-items-md-baseline {\n align-items: baseline !important;\n }\n .align-items-md-stretch {\n align-items: stretch !important;\n }\n .align-content-md-start {\n align-content: flex-start !important;\n }\n .align-content-md-end {\n align-content: flex-end !important;\n }\n .align-content-md-center {\n align-content: center !important;\n }\n .align-content-md-between {\n align-content: space-between !important;\n }\n .align-content-md-around {\n align-content: space-around !important;\n }\n .align-content-md-stretch {\n align-content: stretch !important;\n }\n .align-self-md-auto {\n align-self: auto !important;\n }\n .align-self-md-start {\n align-self: flex-start !important;\n }\n .align-self-md-end {\n align-self: flex-end !important;\n }\n .align-self-md-center {\n align-self: center !important;\n }\n .align-self-md-baseline {\n align-self: baseline !important;\n }\n .align-self-md-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 992px) {\n .flex-lg-row {\n flex-direction: row !important;\n }\n .flex-lg-column {\n flex-direction: column !important;\n }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-lg-wrap {\n flex-wrap: wrap !important;\n }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-lg-start {\n justify-content: flex-start !important;\n }\n .justify-content-lg-end {\n justify-content: flex-end !important;\n }\n .justify-content-lg-center {\n justify-content: center !important;\n }\n .justify-content-lg-between {\n justify-content: space-between !important;\n }\n .justify-content-lg-around {\n justify-content: space-around !important;\n }\n .align-items-lg-start {\n align-items: flex-start !important;\n }\n .align-items-lg-end {\n align-items: flex-end !important;\n }\n .align-items-lg-center {\n align-items: center !important;\n }\n .align-items-lg-baseline {\n align-items: baseline !important;\n }\n .align-items-lg-stretch {\n align-items: stretch !important;\n }\n .align-content-lg-start {\n align-content: flex-start !important;\n }\n .align-content-lg-end {\n align-content: flex-end !important;\n }\n .align-content-lg-center {\n align-content: center !important;\n }\n .align-content-lg-between {\n align-content: space-between !important;\n }\n .align-content-lg-around {\n align-content: space-around !important;\n }\n .align-content-lg-stretch {\n align-content: stretch !important;\n }\n .align-self-lg-auto {\n align-self: auto !important;\n }\n .align-self-lg-start {\n align-self: flex-start !important;\n }\n .align-self-lg-end {\n align-self: flex-end !important;\n }\n .align-self-lg-center {\n align-self: center !important;\n }\n .align-self-lg-baseline {\n align-self: baseline !important;\n }\n .align-self-lg-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n flex-direction: row !important;\n }\n .flex-xl-column {\n flex-direction: column !important;\n }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-xl-wrap {\n flex-wrap: wrap !important;\n }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-xl-start {\n justify-content: flex-start !important;\n }\n .justify-content-xl-end {\n justify-content: flex-end !important;\n }\n .justify-content-xl-center {\n justify-content: center !important;\n }\n .justify-content-xl-between {\n justify-content: space-between !important;\n }\n .justify-content-xl-around {\n justify-content: space-around !important;\n }\n .align-items-xl-start {\n align-items: flex-start !important;\n }\n .align-items-xl-end {\n align-items: flex-end !important;\n }\n .align-items-xl-center {\n align-items: center !important;\n }\n .align-items-xl-baseline {\n align-items: baseline !important;\n }\n .align-items-xl-stretch {\n align-items: stretch !important;\n }\n .align-content-xl-start {\n align-content: flex-start !important;\n }\n .align-content-xl-end {\n align-content: flex-end !important;\n }\n .align-content-xl-center {\n align-content: center !important;\n }\n .align-content-xl-between {\n align-content: space-between !important;\n }\n .align-content-xl-around {\n align-content: space-around !important;\n }\n .align-content-xl-stretch {\n align-content: stretch !important;\n }\n .align-self-xl-auto {\n align-self: auto !important;\n }\n .align-self-xl-start {\n align-self: flex-start !important;\n }\n .align-self-xl-end {\n align-self: flex-end !important;\n }\n .align-self-xl-center {\n align-self: center !important;\n }\n .align-self-xl-baseline {\n align-self: baseline !important;\n }\n .align-self-xl-stretch {\n align-self: stretch !important;\n }\n}\n\n/*# sourceMappingURL=bootstrap-grid.css.map */","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .d#{$infix}-none { display: none !important; }\n .d#{$infix}-inline { display: inline !important; }\n .d#{$infix}-inline-block { display: inline-block !important; }\n .d#{$infix}-block { display: block !important; }\n .d#{$infix}-table { display: table !important; }\n .d#{$infix}-table-row { display: table-row !important; }\n .d#{$infix}-table-cell { display: table-cell !important; }\n .d#{$infix}-flex { display: flex !important; }\n .d#{$infix}-inline-flex { display: inline-flex !important; }\n }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n .d-print-none { display: none !important; }\n .d-print-inline { display: inline !important; }\n .d-print-inline-block { display: inline-block !important; }\n .d-print-block { display: block !important; }\n .d-print-table { display: table !important; }\n .d-print-table-row { display: table-row !important; }\n .d-print-table-cell { display: table-cell !important; }\n .d-print-flex { display: flex !important; }\n .d-print-inline-flex { display: inline-flex !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .flex#{$infix}-row { flex-direction: row !important; }\n .flex#{$infix}-column { flex-direction: column !important; }\n .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }\n .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n .flex#{$infix}-wrap { flex-wrap: wrap !important; }\n .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }\n .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n\n .justify-content#{$infix}-start { justify-content: flex-start !important; }\n .justify-content#{$infix}-end { justify-content: flex-end !important; }\n .justify-content#{$infix}-center { justify-content: center !important; }\n .justify-content#{$infix}-between { justify-content: space-between !important; }\n .justify-content#{$infix}-around { justify-content: space-around !important; }\n\n .align-items#{$infix}-start { align-items: flex-start !important; }\n .align-items#{$infix}-end { align-items: flex-end !important; }\n .align-items#{$infix}-center { align-items: center !important; }\n .align-items#{$infix}-baseline { align-items: baseline !important; }\n .align-items#{$infix}-stretch { align-items: stretch !important; }\n\n .align-content#{$infix}-start { align-content: flex-start !important; }\n .align-content#{$infix}-end { align-content: flex-end !important; }\n .align-content#{$infix}-center { align-content: center !important; }\n .align-content#{$infix}-between { align-content: space-between !important; }\n .align-content#{$infix}-around { align-content: space-around !important; }\n .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n .align-self#{$infix}-auto { align-self: auto !important; }\n .align-self#{$infix}-start { align-self: flex-start !important; }\n .align-self#{$infix}-end { align-self: flex-end !important; }\n .align-self#{$infix}-center { align-self: center !important; }\n .align-self#{$infix}-baseline { align-self: baseline !important; }\n .align-self#{$infix}-stretch { align-self: stretch !important; }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap-grid.min.css b/public/ThirdParty/Bootstrap/css/bootstrap-grid.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..ea073e98a9dc26ec65d6704e40149189516beedd
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap-grid.min.css
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}
+/*# sourceMappingURL=bootstrap-grid.min.css.map */
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap-grid.min.css.map b/public/ThirdParty/Bootstrap/css/bootstrap-grid.min.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..ed4a87d4216b3cd109c0d4ef6cdb89e005430f2f
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap-grid.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../scss/bootstrap-grid.scss","dist/css/bootstrap-grid.css","../../scss/_grid.scss","../../scss/mixins/_grid.scss","../../scss/mixins/_breakpoints.scss","../../scss/mixins/_grid-framework.scss","../../scss/utilities/_display.scss","../../scss/utilities/_flex.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Bootstrap Grid v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@at-root {\n @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix\n}\n\nhtml {\n box-sizing: border-box;\n -ms-overflow-style: scrollbar;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n@import \"functions\";\n@import \"variables\";\n\n@import \"mixins/breakpoints\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n\n@import \"grid\";\n@import \"utilities/display\";\n@import \"utilities/flex\";\n","/*!\n * Bootstrap Grid v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n@-ms-viewport {\n width: device-width;\n}\n\nhtml {\n box-sizing: border-box;\n -ms-overflow-style: scrollbar;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n.container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media (min-width: 576px) {\n .container {\n max-width: 540px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 720px;\n }\n}\n\n@media (min-width: 992px) {\n .container {\n max-width: 960px;\n }\n}\n\n@media (min-width: 1200px) {\n .container {\n max-width: 1140px;\n }\n}\n\n.container-fluid {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n.row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px;\n}\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.no-gutters > .col,\n.no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.col {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n\n.col-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n\n.col-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n\n.col-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n\n.col-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n\n.col-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n\n.col-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n\n.col-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n\n.col-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n\n.col-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n\n.col-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n\n.col-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n\n.col-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n\n.col-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n\n.order-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n\n.order-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n}\n\n.order-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n}\n\n.order-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n}\n\n.order-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n}\n\n.order-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n}\n\n.order-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n}\n\n.order-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n}\n\n.order-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n}\n\n.order-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n}\n\n.order-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n}\n\n.order-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n}\n\n.order-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n}\n\n.order-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n}\n\n.order-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n}\n\n.offset-1 {\n margin-left: 8.333333%;\n}\n\n.offset-2 {\n margin-left: 16.666667%;\n}\n\n.offset-3 {\n margin-left: 25%;\n}\n\n.offset-4 {\n margin-left: 33.333333%;\n}\n\n.offset-5 {\n margin-left: 41.666667%;\n}\n\n.offset-6 {\n margin-left: 50%;\n}\n\n.offset-7 {\n margin-left: 58.333333%;\n}\n\n.offset-8 {\n margin-left: 66.666667%;\n}\n\n.offset-9 {\n margin-left: 75%;\n}\n\n.offset-10 {\n margin-left: 83.333333%;\n}\n\n.offset-11 {\n margin-left: 91.666667%;\n}\n\n@media (min-width: 576px) {\n .col-sm {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-sm-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-sm-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-sm-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-sm-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-sm-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-sm-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-sm-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-sm-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-sm-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-sm-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-sm-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n .order-sm-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n }\n .order-sm-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n }\n .order-sm-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n }\n .order-sm-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n }\n .order-sm-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n }\n .order-sm-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n }\n .order-sm-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n }\n .order-sm-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n }\n .order-sm-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n }\n .order-sm-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n }\n .order-sm-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n }\n .order-sm-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n }\n .order-sm-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n }\n .order-sm-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n }\n .offset-sm-0 {\n margin-left: 0;\n }\n .offset-sm-1 {\n margin-left: 8.333333%;\n }\n .offset-sm-2 {\n margin-left: 16.666667%;\n }\n .offset-sm-3 {\n margin-left: 25%;\n }\n .offset-sm-4 {\n margin-left: 33.333333%;\n }\n .offset-sm-5 {\n margin-left: 41.666667%;\n }\n .offset-sm-6 {\n margin-left: 50%;\n }\n .offset-sm-7 {\n margin-left: 58.333333%;\n }\n .offset-sm-8 {\n margin-left: 66.666667%;\n }\n .offset-sm-9 {\n margin-left: 75%;\n }\n .offset-sm-10 {\n margin-left: 83.333333%;\n }\n .offset-sm-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 768px) {\n .col-md {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-md-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-md-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-md-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-md-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-md-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-md-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-md-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-md-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-md-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-md-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-md-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-md-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-md-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-md-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n .order-md-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n }\n .order-md-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n }\n .order-md-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n }\n .order-md-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n }\n .order-md-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n }\n .order-md-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n }\n .order-md-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n }\n .order-md-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n }\n .order-md-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n }\n .order-md-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n }\n .order-md-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n }\n .order-md-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n }\n .order-md-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n }\n .order-md-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n }\n .offset-md-0 {\n margin-left: 0;\n }\n .offset-md-1 {\n margin-left: 8.333333%;\n }\n .offset-md-2 {\n margin-left: 16.666667%;\n }\n .offset-md-3 {\n margin-left: 25%;\n }\n .offset-md-4 {\n margin-left: 33.333333%;\n }\n .offset-md-5 {\n margin-left: 41.666667%;\n }\n .offset-md-6 {\n margin-left: 50%;\n }\n .offset-md-7 {\n margin-left: 58.333333%;\n }\n .offset-md-8 {\n margin-left: 66.666667%;\n }\n .offset-md-9 {\n margin-left: 75%;\n }\n .offset-md-10 {\n margin-left: 83.333333%;\n }\n .offset-md-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 992px) {\n .col-lg {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-lg-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-lg-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-lg-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-lg-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-lg-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-lg-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-lg-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-lg-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-lg-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-lg-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-lg-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n .order-lg-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n }\n .order-lg-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n }\n .order-lg-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n }\n .order-lg-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n }\n .order-lg-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n }\n .order-lg-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n }\n .order-lg-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n }\n .order-lg-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n }\n .order-lg-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n }\n .order-lg-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n }\n .order-lg-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n }\n .order-lg-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n }\n .order-lg-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n }\n .order-lg-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n }\n .offset-lg-0 {\n margin-left: 0;\n }\n .offset-lg-1 {\n margin-left: 8.333333%;\n }\n .offset-lg-2 {\n margin-left: 16.666667%;\n }\n .offset-lg-3 {\n margin-left: 25%;\n }\n .offset-lg-4 {\n margin-left: 33.333333%;\n }\n .offset-lg-5 {\n margin-left: 41.666667%;\n }\n .offset-lg-6 {\n margin-left: 50%;\n }\n .offset-lg-7 {\n margin-left: 58.333333%;\n }\n .offset-lg-8 {\n margin-left: 66.666667%;\n }\n .offset-lg-9 {\n margin-left: 75%;\n }\n .offset-lg-10 {\n margin-left: 83.333333%;\n }\n .offset-lg-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 1200px) {\n .col-xl {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-xl-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-xl-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-xl-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-xl-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-xl-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-xl-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-xl-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-xl-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-xl-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-xl-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-xl-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-xl-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-xl-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-xl-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n .order-xl-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n }\n .order-xl-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n }\n .order-xl-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n }\n .order-xl-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n }\n .order-xl-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n }\n .order-xl-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n }\n .order-xl-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n }\n .order-xl-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n }\n .order-xl-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n }\n .order-xl-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n }\n .order-xl-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n }\n .order-xl-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n }\n .order-xl-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n }\n .order-xl-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n }\n .offset-xl-0 {\n margin-left: 0;\n }\n .offset-xl-1 {\n margin-left: 8.333333%;\n }\n .offset-xl-2 {\n margin-left: 16.666667%;\n }\n .offset-xl-3 {\n margin-left: 25%;\n }\n .offset-xl-4 {\n margin-left: 33.333333%;\n }\n .offset-xl-5 {\n margin-left: 41.666667%;\n }\n .offset-xl-6 {\n margin-left: 50%;\n }\n .offset-xl-7 {\n margin-left: 58.333333%;\n }\n .offset-xl-8 {\n margin-left: 66.666667%;\n }\n .offset-xl-9 {\n margin-left: 75%;\n }\n .offset-xl-10 {\n margin-left: 83.333333%;\n }\n .offset-xl-11 {\n margin-left: 91.666667%;\n }\n}\n\n.d-none {\n display: none !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-table {\n display: table !important;\n}\n\n.d-table-row {\n display: table-row !important;\n}\n\n.d-table-cell {\n display: table-cell !important;\n}\n\n.d-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n}\n\n.d-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n}\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important;\n }\n .d-sm-inline {\n display: inline !important;\n }\n .d-sm-inline-block {\n display: inline-block !important;\n }\n .d-sm-block {\n display: block !important;\n }\n .d-sm-table {\n display: table !important;\n }\n .d-sm-table-row {\n display: table-row !important;\n }\n .d-sm-table-cell {\n display: table-cell !important;\n }\n .d-sm-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-sm-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important;\n }\n .d-md-inline {\n display: inline !important;\n }\n .d-md-inline-block {\n display: inline-block !important;\n }\n .d-md-block {\n display: block !important;\n }\n .d-md-table {\n display: table !important;\n }\n .d-md-table-row {\n display: table-row !important;\n }\n .d-md-table-cell {\n display: table-cell !important;\n }\n .d-md-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-md-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important;\n }\n .d-lg-inline {\n display: inline !important;\n }\n .d-lg-inline-block {\n display: inline-block !important;\n }\n .d-lg-block {\n display: block !important;\n }\n .d-lg-table {\n display: table !important;\n }\n .d-lg-table-row {\n display: table-row !important;\n }\n .d-lg-table-cell {\n display: table-cell !important;\n }\n .d-lg-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-lg-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important;\n }\n .d-xl-inline {\n display: inline !important;\n }\n .d-xl-inline-block {\n display: inline-block !important;\n }\n .d-xl-block {\n display: block !important;\n }\n .d-xl-table {\n display: table !important;\n }\n .d-xl-table-row {\n display: table-row !important;\n }\n .d-xl-table-cell {\n display: table-cell !important;\n }\n .d-xl-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-xl-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n@media print {\n .d-print-none {\n display: none !important;\n }\n .d-print-inline {\n display: inline !important;\n }\n .d-print-inline-block {\n display: inline-block !important;\n }\n .d-print-block {\n display: block !important;\n }\n .d-print-table {\n display: table !important;\n }\n .d-print-table-row {\n display: table-row !important;\n }\n .d-print-table-cell {\n display: table-cell !important;\n }\n .d-print-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-print-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n.flex-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n}\n\n.flex-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n}\n\n.flex-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n}\n\n.justify-content-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n}\n\n.justify-content-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n}\n\n.align-items-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n}\n\n.align-items-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n}\n\n.align-items-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n}\n\n.align-items-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n}\n\n.align-content-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n}\n\n.align-content-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n}\n\n.align-content-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n}\n\n.align-content-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n}\n\n.align-content-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n}\n\n.align-self-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n}\n\n.align-self-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n}\n\n.align-self-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n}\n\n.align-self-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n}\n\n.align-self-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n}\n\n@media (min-width: 576px) {\n .flex-sm-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n }\n .flex-sm-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n }\n .flex-sm-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n }\n .flex-sm-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n }\n .flex-sm-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n }\n .flex-sm-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n }\n .flex-sm-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-sm-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n }\n .justify-content-sm-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n }\n .justify-content-sm-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n }\n .justify-content-sm-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n }\n .justify-content-sm-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n }\n .align-items-sm-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n }\n .align-items-sm-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n }\n .align-items-sm-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n }\n .align-items-sm-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n }\n .align-items-sm-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n }\n .align-content-sm-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n }\n .align-content-sm-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n }\n .align-content-sm-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n }\n .align-content-sm-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n }\n .align-content-sm-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n }\n .align-content-sm-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n }\n .align-self-sm-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n }\n .align-self-sm-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n }\n .align-self-sm-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n }\n .align-self-sm-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n }\n .align-self-sm-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n }\n .align-self-sm-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 768px) {\n .flex-md-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n }\n .flex-md-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n }\n .flex-md-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n }\n .flex-md-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n }\n .flex-md-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n }\n .flex-md-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n }\n .flex-md-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-md-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n }\n .justify-content-md-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n }\n .justify-content-md-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n }\n .justify-content-md-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n }\n .justify-content-md-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n }\n .align-items-md-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n }\n .align-items-md-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n }\n .align-items-md-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n }\n .align-items-md-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n }\n .align-items-md-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n }\n .align-content-md-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n }\n .align-content-md-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n }\n .align-content-md-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n }\n .align-content-md-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n }\n .align-content-md-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n }\n .align-content-md-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n }\n .align-self-md-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n }\n .align-self-md-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n }\n .align-self-md-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n }\n .align-self-md-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n }\n .align-self-md-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n }\n .align-self-md-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 992px) {\n .flex-lg-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n }\n .flex-lg-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n }\n .flex-lg-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n }\n .flex-lg-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n }\n .flex-lg-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n }\n .flex-lg-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n }\n .flex-lg-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-lg-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n }\n .justify-content-lg-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n }\n .justify-content-lg-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n }\n .justify-content-lg-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n }\n .justify-content-lg-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n }\n .align-items-lg-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n }\n .align-items-lg-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n }\n .align-items-lg-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n }\n .align-items-lg-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n }\n .align-items-lg-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n }\n .align-content-lg-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n }\n .align-content-lg-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n }\n .align-content-lg-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n }\n .align-content-lg-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n }\n .align-content-lg-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n }\n .align-content-lg-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n }\n .align-self-lg-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n }\n .align-self-lg-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n }\n .align-self-lg-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n }\n .align-self-lg-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n }\n .align-self-lg-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n }\n .align-self-lg-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n }\n .flex-xl-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n }\n .flex-xl-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n }\n .flex-xl-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n }\n .flex-xl-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n }\n .flex-xl-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n }\n .flex-xl-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-xl-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n }\n .justify-content-xl-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n }\n .justify-content-xl-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n }\n .justify-content-xl-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n }\n .justify-content-xl-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n }\n .align-items-xl-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n }\n .align-items-xl-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n }\n .align-items-xl-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n }\n .align-items-xl-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n }\n .align-items-xl-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n }\n .align-content-xl-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n }\n .align-content-xl-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n }\n .align-content-xl-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n }\n .align-content-xl-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n }\n .align-content-xl-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n }\n .align-content-xl-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n }\n .align-self-xl-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n }\n .align-self-xl-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n }\n .align-self-xl-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n }\n .align-self-xl-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n }\n .align-self-xl-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n }\n .align-self-xl-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n }\n}\n/*# sourceMappingURL=bootstrap-grid.css.map */","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .d#{$infix}-none { display: none !important; }\n .d#{$infix}-inline { display: inline !important; }\n .d#{$infix}-inline-block { display: inline-block !important; }\n .d#{$infix}-block { display: block !important; }\n .d#{$infix}-table { display: table !important; }\n .d#{$infix}-table-row { display: table-row !important; }\n .d#{$infix}-table-cell { display: table-cell !important; }\n .d#{$infix}-flex { display: flex !important; }\n .d#{$infix}-inline-flex { display: inline-flex !important; }\n }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n .d-print-none { display: none !important; }\n .d-print-inline { display: inline !important; }\n .d-print-inline-block { display: inline-block !important; }\n .d-print-block { display: block !important; }\n .d-print-table { display: table !important; }\n .d-print-table-row { display: table-row !important; }\n .d-print-table-cell { display: table-cell !important; }\n .d-print-flex { display: flex !important; }\n .d-print-inline-flex { display: inline-flex !important; }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .flex#{$infix}-row { flex-direction: row !important; }\n .flex#{$infix}-column { flex-direction: column !important; }\n .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }\n .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n .flex#{$infix}-wrap { flex-wrap: wrap !important; }\n .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }\n .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n\n .justify-content#{$infix}-start { justify-content: flex-start !important; }\n .justify-content#{$infix}-end { justify-content: flex-end !important; }\n .justify-content#{$infix}-center { justify-content: center !important; }\n .justify-content#{$infix}-between { justify-content: space-between !important; }\n .justify-content#{$infix}-around { justify-content: space-around !important; }\n\n .align-items#{$infix}-start { align-items: flex-start !important; }\n .align-items#{$infix}-end { align-items: flex-end !important; }\n .align-items#{$infix}-center { align-items: center !important; }\n .align-items#{$infix}-baseline { align-items: baseline !important; }\n .align-items#{$infix}-stretch { align-items: stretch !important; }\n\n .align-content#{$infix}-start { align-content: flex-start !important; }\n .align-content#{$infix}-end { align-content: flex-end !important; }\n .align-content#{$infix}-center { align-content: center !important; }\n .align-content#{$infix}-between { align-content: space-between !important; }\n .align-content#{$infix}-around { align-content: space-around !important; }\n .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n .align-self#{$infix}-auto { align-self: auto !important; }\n .align-self#{$infix}-start { align-self: flex-start !important; }\n .align-self#{$infix}-end { align-self: flex-end !important; }\n .align-self#{$infix}-center { align-self: center !important; }\n .align-self#{$infix}-baseline { align-self: baseline !important; }\n .align-self#{$infix}-stretch { align-self: stretch !important; }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap-reboot.css b/public/ThirdParty/Bootstrap/css/bootstrap-reboot.css
new file mode 100644
index 0000000000000000000000000000000000000000..5a75a62b60b5379fa52032e1c20e57dd8b965c76
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap-reboot.css
@@ -0,0 +1,330 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -ms-overflow-style: scrollbar;
+ -webkit-tap-highlight-color: transparent;
+}
+
+@-ms-viewport {
+ width: device-width;
+}
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+ display: block;
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+ outline: 0 !important;
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ border-bottom: 0;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0;
+}
+
+blockquote {
+ margin: 0 0 1rem;
+}
+
+dfn {
+ font-style: italic;
+}
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+small {
+ font-size: 80%;
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -.25em;
+}
+
+sup {
+ top: -.5em;
+}
+
+a {
+ color: #007bff;
+ text-decoration: none;
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+}
+
+a:hover {
+ color: #0056b3;
+ text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+ outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ -ms-overflow-style: scrollbar;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img {
+ vertical-align: middle;
+ border-style: none;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #6c757d;
+ text-align: left;
+ caption-side: bottom;
+}
+
+th {
+ text-align: inherit;
+}
+
+label {
+ display: inline-block;
+ margin-bottom: .5rem;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+input {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+ -webkit-appearance: listbox;
+}
+
+textarea {
+ overflow: auto;
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ display: block;
+ width: 100%;
+ max-width: 100%;
+ padding: 0;
+ margin-bottom: .5rem;
+ font-size: 1.5rem;
+ line-height: inherit;
+ color: inherit;
+ white-space: normal;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+[type="search"] {
+ outline-offset: -2px;
+ -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+summary {
+ display: list-item;
+ cursor: pointer;
+}
+
+template {
+ display: none;
+}
+
+[hidden] {
+ display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.css.map */
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap-reboot.css.map b/public/ThirdParty/Bootstrap/css/bootstrap-reboot.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..3f1840671b4ded7d68da7719ada137b86fe03d94
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap-reboot.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../scss/bootstrap-reboot.scss","../../scss/_reboot.scss","bootstrap-reboot.css","../../scss/_variables.scss","../../scss/mixins/_hover.scss"],"names":[],"mappings":"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","file":"bootstrap-reboot.css","sourcesContent":["/*!\n * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6\n}\n\n// IE10+ doesn't honor `<meta name=\"viewport\">` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like `<th>` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n","/*!\n * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\n/*# sourceMappingURL=bootstrap-reboot.css.map */","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS—an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular psuedo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap-reboot.min.css b/public/ThirdParty/Bootstrap/css/bootstrap-reboot.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..ced046825c3ee4e6f543bde09f66b4175f17fb20
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap-reboot.min.css
@@ -0,0 +1,8 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap-reboot.min.css.map b/public/ThirdParty/Bootstrap/css/bootstrap-reboot.min.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..7212ab675b484271f0290ee739fd10e7911e4f8a
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap-reboot.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../scss/bootstrap-reboot.scss","../../scss/_reboot.scss","dist/css/bootstrap-reboot.css","bootstrap-reboot.css","../../scss/mixins/_hover.scss"],"names":[],"mappings":"AAAA;;;;;;ACoBA,ECXA,QADA,SDeE,WAAA,WAGF,KACE,YAAA,WACA,YAAA,KACA,yBAAA,KACA,qBAAA,KACA,mBAAA,UACA,4BAAA,YAKA,cACE,MAAA,aAMJ,QAAA,MAAA,OAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QACE,QAAA,MAWF,KACE,OAAA,EACA,YAAA,aAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,gBAAA,CAAA,kBACA,UAAA,KACA,YAAA,IACA,YAAA,IACA,MAAA,QACA,WAAA,KACA,iBAAA,KEvBF,sBFgCE,QAAA,YASF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QAaF,GAAA,GAAA,GAAA,GAAA,GAAA,GACE,WAAA,EACA,cAAA,MAQF,EACE,WAAA,EACA,cAAA,KChDF,0BD0DA,YAEE,gBAAA,UACA,wBAAA,UAAA,OAAA,gBAAA,UAAA,OACA,OAAA,KACA,cAAA,EAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QCrDF,GDwDA,GCzDA,GD4DE,WAAA,EACA,cAAA,KAGF,MCxDA,MACA,MAFA,MD6DE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAGF,IACE,WAAA,OAIF,EC1DA,OD4DE,YAAA,OAIF,MACE,UAAA,IAQF,IChEA,IDkEE,SAAA,SACA,UAAA,IACA,YAAA,EACA,eAAA,SAGF,IAAM,OAAA,OACN,IAAM,IAAA,MAON,EACE,MAAA,QACA,gBAAA,KACA,iBAAA,YACA,6BAAA,QG3LA,QH8LE,MAAA,QACA,gBAAA,UAUJ,8BACE,MAAA,QACA,gBAAA,KGvMA,oCAAA,oCH0ME,MAAA,QACA,gBAAA,KANJ,oCAUI,QAAA,EClEJ,KACA,ID2EA,IC1EA,KD8EE,YAAA,SAAA,CAAA,UACA,UAAA,IAIF,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAGA,mBAAA,UAQF,OAEE,OAAA,EAAA,EAAA,KAQF,IACE,eAAA,OACA,aAAA,KAGF,eACE,SAAA,OAQF,MACE,gBAAA,SAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAGE,WAAA,QAQF,MAEE,QAAA,aACA,cAAA,MAMF,OACE,cAAA,EAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBC9GF,ODiHA,MC/GA,SADA,OAEA,SDmHE,OAAA,EACA,YAAA,QACA,UAAA,QACA,YAAA,QAGF,OCjHA,MDmHE,SAAA,QAGF,OCjHA,ODmHE,eAAA,KC7GF,aACA,cDkHA,OCpHA,mBDwHE,mBAAA,OCjHF,gCACA,+BACA,gCDmHA,yBAIE,QAAA,EACA,aAAA,KClHF,qBDqHA,kBAEE,WAAA,WACA,QAAA,EAIF,iBCrHA,2BACA,kBAFA,iBD+HE,mBAAA,QAGF,SACE,SAAA,KAEA,OAAA,SAGF,SAME,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAKF,OACE,QAAA,MACA,MAAA,KACA,UAAA,KACA,QAAA,EACA,cAAA,MACA,UAAA,OACA,YAAA,QACA,MAAA,QACA,YAAA,OAGF,SACE,eAAA,SEnIF,yCDEA,yCDuIE,OAAA,KEpIF,cF4IE,eAAA,KACA,mBAAA,KExIF,4CDEA,yCD+IE,mBAAA,KAQF,6BACE,KAAA,QACA,mBAAA,OAOF,OACE,QAAA,aAGF,QACE,QAAA,UACA,OAAA,QAGF,SACE,QAAA,KErJF,SF2JE,QAAA","sourcesContent":["/*!\n * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6\n}\n\n// IE10+ doesn't honor `<meta name=\"viewport\">` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like `<th>` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n","/*!\n * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n/*# sourceMappingURL=bootstrap-reboot.css.map */","/*!\n * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\n/*# sourceMappingURL=bootstrap-reboot.css.map */","// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS—an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular psuedo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap.css b/public/ThirdParty/Bootstrap/css/bootstrap.css
new file mode 100644
index 0000000000000000000000000000000000000000..aa497136c8a7502d0c22de9a16a6ebe045c9b86f
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap.css
@@ -0,0 +1,8975 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+:root {
+ --blue: #007bff;
+ --indigo: #6610f2;
+ --purple: #6f42c1;
+ --pink: #e83e8c;
+ --red: #dc3545;
+ --orange: #fd7e14;
+ --yellow: #ffc107;
+ --green: #28a745;
+ --teal: #20c997;
+ --cyan: #17a2b8;
+ --white: #fff;
+ --gray: #6c757d;
+ --gray-dark: #343a40;
+ --primary: #007bff;
+ --secondary: #6c757d;
+ --success: #28a745;
+ --info: #17a2b8;
+ --warning: #ffc107;
+ --danger: #dc3545;
+ --light: #f8f9fa;
+ --dark: #343a40;
+ --breakpoint-xs: 0;
+ --breakpoint-sm: 576px;
+ --breakpoint-md: 768px;
+ --breakpoint-lg: 992px;
+ --breakpoint-xl: 1200px;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+}
+
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -ms-overflow-style: scrollbar;
+ -webkit-tap-highlight-color: transparent;
+}
+
+@-ms-viewport {
+ width: device-width;
+}
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+ display: block;
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: left;
+ background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+ outline: 0 !important;
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ border-bottom: 0;
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0;
+}
+
+blockquote {
+ margin: 0 0 1rem;
+}
+
+dfn {
+ font-style: italic;
+}
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+small {
+ font-size: 80%;
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -.25em;
+}
+
+sup {
+ top: -.5em;
+}
+
+a {
+ color: #007bff;
+ text-decoration: none;
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects;
+}
+
+a:hover {
+ color: #0056b3;
+ text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+ color: inherit;
+ text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+ outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ -ms-overflow-style: scrollbar;
+}
+
+figure {
+ margin: 0 0 1rem;
+}
+
+img {
+ vertical-align: middle;
+ border-style: none;
+}
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+table {
+ border-collapse: collapse;
+}
+
+caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #6c757d;
+ text-align: left;
+ caption-side: bottom;
+}
+
+th {
+ text-align: inherit;
+}
+
+label {
+ display: inline-block;
+ margin-bottom: .5rem;
+}
+
+button {
+ border-radius: 0;
+}
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
+}
+
+button,
+input {
+ overflow: visible;
+}
+
+button,
+select {
+ text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ padding: 0;
+ border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+ -webkit-appearance: listbox;
+}
+
+textarea {
+ overflow: auto;
+ resize: vertical;
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+legend {
+ display: block;
+ width: 100%;
+ max-width: 100%;
+ padding: 0;
+ margin-bottom: .5rem;
+ font-size: 1.5rem;
+ line-height: inherit;
+ color: inherit;
+ white-space: normal;
+}
+
+progress {
+ vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+[type="search"] {
+ outline-offset: -2px;
+ -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button;
+}
+
+output {
+ display: inline-block;
+}
+
+summary {
+ display: list-item;
+ cursor: pointer;
+}
+
+template {
+ display: none;
+}
+
+[hidden] {
+ display: none !important;
+}
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+ margin-bottom: 0.5rem;
+ font-family: inherit;
+ font-weight: 500;
+ line-height: 1.2;
+ color: inherit;
+}
+
+h1, .h1 {
+ font-size: 2.5rem;
+}
+
+h2, .h2 {
+ font-size: 2rem;
+}
+
+h3, .h3 {
+ font-size: 1.75rem;
+}
+
+h4, .h4 {
+ font-size: 1.5rem;
+}
+
+h5, .h5 {
+ font-size: 1.25rem;
+}
+
+h6, .h6 {
+ font-size: 1rem;
+}
+
+.lead {
+ font-size: 1.25rem;
+ font-weight: 300;
+}
+
+.display-1 {
+ font-size: 6rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.display-2 {
+ font-size: 5.5rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.display-3 {
+ font-size: 4.5rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+.display-4 {
+ font-size: 3.5rem;
+ font-weight: 300;
+ line-height: 1.2;
+}
+
+hr {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ border: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+small,
+.small {
+ font-size: 80%;
+ font-weight: 400;
+}
+
+mark,
+.mark {
+ padding: 0.2em;
+ background-color: #fcf8e3;
+}
+
+.list-unstyled {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline {
+ padding-left: 0;
+ list-style: none;
+}
+
+.list-inline-item {
+ display: inline-block;
+}
+
+.list-inline-item:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.initialism {
+ font-size: 90%;
+ text-transform: uppercase;
+}
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
+}
+
+.blockquote-footer {
+ display: block;
+ font-size: 80%;
+ color: #6c757d;
+}
+
+.blockquote-footer::before {
+ content: "\2014 \00A0";
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto;
+}
+
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.25rem;
+ max-width: 100%;
+ height: auto;
+}
+
+.figure {
+ display: inline-block;
+}
+
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1;
+}
+
+.figure-caption {
+ font-size: 90%;
+ color: #6c757d;
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+code {
+ font-size: 87.5%;
+ color: #e83e8c;
+ word-break: break-word;
+}
+
+a > code {
+ color: inherit;
+}
+
+kbd {
+ padding: 0.2rem 0.4rem;
+ font-size: 87.5%;
+ color: #fff;
+ background-color: #212529;
+ border-radius: 0.2rem;
+}
+
+kbd kbd {
+ padding: 0;
+ font-size: 100%;
+ font-weight: 700;
+}
+
+pre {
+ display: block;
+ font-size: 87.5%;
+ color: #212529;
+}
+
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal;
+}
+
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll;
+}
+
+.container {
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+@media (min-width: 576px) {
+ .container {
+ max-width: 540px;
+ }
+}
+
+@media (min-width: 768px) {
+ .container {
+ max-width: 720px;
+ }
+}
+
+@media (min-width: 992px) {
+ .container {
+ max-width: 960px;
+ }
+}
+
+@media (min-width: 1200px) {
+ .container {
+ max-width: 1140px;
+ }
+}
+
+.container-fluid {
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+.row {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -15px;
+ margin-left: -15px;
+}
+
+.no-gutters {
+ margin-right: 0;
+ margin-left: 0;
+}
+
+.no-gutters > .col,
+.no-gutters > [class*="col-"] {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+ position: relative;
+ width: 100%;
+ min-height: 1px;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+.col {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+}
+
+.col-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+}
+
+.col-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+}
+
+.col-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+}
+
+.col-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+}
+
+.col-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+}
+
+.col-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+}
+
+.col-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+}
+
+.col-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+}
+
+.col-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+}
+
+.col-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+}
+
+.col-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+}
+
+.col-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+}
+
+.col-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+}
+
+.order-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+}
+
+.order-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+}
+
+.order-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+}
+
+.order-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+}
+
+.order-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+}
+
+.order-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+}
+
+.order-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+}
+
+.order-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+}
+
+.order-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+}
+
+.order-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+}
+
+.order-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+}
+
+.order-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+}
+
+.order-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+}
+
+.order-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+}
+
+.order-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+}
+
+.offset-1 {
+ margin-left: 8.333333%;
+}
+
+.offset-2 {
+ margin-left: 16.666667%;
+}
+
+.offset-3 {
+ margin-left: 25%;
+}
+
+.offset-4 {
+ margin-left: 33.333333%;
+}
+
+.offset-5 {
+ margin-left: 41.666667%;
+}
+
+.offset-6 {
+ margin-left: 50%;
+}
+
+.offset-7 {
+ margin-left: 58.333333%;
+}
+
+.offset-8 {
+ margin-left: 66.666667%;
+}
+
+.offset-9 {
+ margin-left: 75%;
+}
+
+.offset-10 {
+ margin-left: 83.333333%;
+}
+
+.offset-11 {
+ margin-left: 91.666667%;
+}
+
+@media (min-width: 576px) {
+ .col-sm {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-sm-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+ }
+ .col-sm-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-sm-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-sm-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-sm-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-sm-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-sm-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-sm-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-sm-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-sm-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-sm-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-sm-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-sm-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .order-sm-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .order-sm-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+ }
+ .order-sm-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .order-sm-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .order-sm-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ }
+ .order-sm-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ }
+ .order-sm-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+ }
+ .order-sm-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+ }
+ .order-sm-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+ }
+ .order-sm-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+ }
+ .order-sm-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+ }
+ .order-sm-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+ }
+ .order-sm-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+ }
+ .order-sm-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+ }
+ .order-sm-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+ }
+ .offset-sm-0 {
+ margin-left: 0;
+ }
+ .offset-sm-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-sm-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-sm-3 {
+ margin-left: 25%;
+ }
+ .offset-sm-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-sm-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-sm-6 {
+ margin-left: 50%;
+ }
+ .offset-sm-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-sm-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-sm-9 {
+ margin-left: 75%;
+ }
+ .offset-sm-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-sm-11 {
+ margin-left: 91.666667%;
+ }
+}
+
+@media (min-width: 768px) {
+ .col-md {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-md-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+ }
+ .col-md-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-md-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-md-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-md-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-md-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-md-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-md-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-md-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-md-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-md-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-md-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-md-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .order-md-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .order-md-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+ }
+ .order-md-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .order-md-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .order-md-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ }
+ .order-md-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ }
+ .order-md-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+ }
+ .order-md-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+ }
+ .order-md-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+ }
+ .order-md-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+ }
+ .order-md-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+ }
+ .order-md-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+ }
+ .order-md-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+ }
+ .order-md-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+ }
+ .order-md-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+ }
+ .offset-md-0 {
+ margin-left: 0;
+ }
+ .offset-md-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-md-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-md-3 {
+ margin-left: 25%;
+ }
+ .offset-md-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-md-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-md-6 {
+ margin-left: 50%;
+ }
+ .offset-md-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-md-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-md-9 {
+ margin-left: 75%;
+ }
+ .offset-md-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-md-11 {
+ margin-left: 91.666667%;
+ }
+}
+
+@media (min-width: 992px) {
+ .col-lg {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-lg-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+ }
+ .col-lg-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-lg-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-lg-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-lg-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-lg-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-lg-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-lg-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-lg-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-lg-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-lg-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-lg-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-lg-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .order-lg-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .order-lg-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+ }
+ .order-lg-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .order-lg-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .order-lg-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ }
+ .order-lg-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ }
+ .order-lg-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+ }
+ .order-lg-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+ }
+ .order-lg-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+ }
+ .order-lg-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+ }
+ .order-lg-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+ }
+ .order-lg-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+ }
+ .order-lg-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+ }
+ .order-lg-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+ }
+ .order-lg-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+ }
+ .offset-lg-0 {
+ margin-left: 0;
+ }
+ .offset-lg-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-lg-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-lg-3 {
+ margin-left: 25%;
+ }
+ .offset-lg-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-lg-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-lg-6 {
+ margin-left: 50%;
+ }
+ .offset-lg-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-lg-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-lg-9 {
+ margin-left: 75%;
+ }
+ .offset-lg-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-lg-11 {
+ margin-left: 91.666667%;
+ }
+}
+
+@media (min-width: 1200px) {
+ .col-xl {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%;
+ }
+ .col-xl-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none;
+ }
+ .col-xl-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
+ }
+ .col-xl-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
+ }
+ .col-xl-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
+ }
+ .col-xl-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
+ }
+ .col-xl-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
+ }
+ .col-xl-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
+ }
+ .col-xl-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
+ }
+ .col-xl-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
+ }
+ .col-xl-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
+ }
+ .col-xl-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
+ }
+ .col-xl-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
+ }
+ .col-xl-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
+ }
+ .order-xl-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .order-xl-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13;
+ }
+ .order-xl-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0;
+ }
+ .order-xl-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+ .order-xl-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2;
+ }
+ .order-xl-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ }
+ .order-xl-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4;
+ }
+ .order-xl-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5;
+ }
+ .order-xl-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6;
+ }
+ .order-xl-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7;
+ }
+ .order-xl-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8;
+ }
+ .order-xl-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9;
+ }
+ .order-xl-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10;
+ }
+ .order-xl-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11;
+ }
+ .order-xl-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12;
+ }
+ .offset-xl-0 {
+ margin-left: 0;
+ }
+ .offset-xl-1 {
+ margin-left: 8.333333%;
+ }
+ .offset-xl-2 {
+ margin-left: 16.666667%;
+ }
+ .offset-xl-3 {
+ margin-left: 25%;
+ }
+ .offset-xl-4 {
+ margin-left: 33.333333%;
+ }
+ .offset-xl-5 {
+ margin-left: 41.666667%;
+ }
+ .offset-xl-6 {
+ margin-left: 50%;
+ }
+ .offset-xl-7 {
+ margin-left: 58.333333%;
+ }
+ .offset-xl-8 {
+ margin-left: 66.666667%;
+ }
+ .offset-xl-9 {
+ margin-left: 75%;
+ }
+ .offset-xl-10 {
+ margin-left: 83.333333%;
+ }
+ .offset-xl-11 {
+ margin-left: 91.666667%;
+ }
+}
+
+.table {
+ width: 100%;
+ max-width: 100%;
+ margin-bottom: 1rem;
+ background-color: transparent;
+}
+
+.table th,
+.table td {
+ padding: 0.75rem;
+ vertical-align: top;
+ border-top: 1px solid #dee2e6;
+}
+
+.table thead th {
+ vertical-align: bottom;
+ border-bottom: 2px solid #dee2e6;
+}
+
+.table tbody + tbody {
+ border-top: 2px solid #dee2e6;
+}
+
+.table .table {
+ background-color: #fff;
+}
+
+.table-sm th,
+.table-sm td {
+ padding: 0.3rem;
+}
+
+.table-bordered {
+ border: 1px solid #dee2e6;
+}
+
+.table-bordered th,
+.table-bordered td {
+ border: 1px solid #dee2e6;
+}
+
+.table-bordered thead th,
+.table-bordered thead td {
+ border-bottom-width: 2px;
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+.table-hover tbody tr:hover {
+ background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+ background-color: #b8daff;
+}
+
+.table-hover .table-primary:hover {
+ background-color: #9fcdff;
+}
+
+.table-hover .table-primary:hover > td,
+.table-hover .table-primary:hover > th {
+ background-color: #9fcdff;
+}
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+ background-color: #d6d8db;
+}
+
+.table-hover .table-secondary:hover {
+ background-color: #c8cbcf;
+}
+
+.table-hover .table-secondary:hover > td,
+.table-hover .table-secondary:hover > th {
+ background-color: #c8cbcf;
+}
+
+.table-success,
+.table-success > th,
+.table-success > td {
+ background-color: #c3e6cb;
+}
+
+.table-hover .table-success:hover {
+ background-color: #b1dfbb;
+}
+
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th {
+ background-color: #b1dfbb;
+}
+
+.table-info,
+.table-info > th,
+.table-info > td {
+ background-color: #bee5eb;
+}
+
+.table-hover .table-info:hover {
+ background-color: #abdde5;
+}
+
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th {
+ background-color: #abdde5;
+}
+
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+ background-color: #ffeeba;
+}
+
+.table-hover .table-warning:hover {
+ background-color: #ffe8a1;
+}
+
+.table-hover .table-warning:hover > td,
+.table-hover .table-warning:hover > th {
+ background-color: #ffe8a1;
+}
+
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+ background-color: #f5c6cb;
+}
+
+.table-hover .table-danger:hover {
+ background-color: #f1b0b7;
+}
+
+.table-hover .table-danger:hover > td,
+.table-hover .table-danger:hover > th {
+ background-color: #f1b0b7;
+}
+
+.table-light,
+.table-light > th,
+.table-light > td {
+ background-color: #fdfdfe;
+}
+
+.table-hover .table-light:hover {
+ background-color: #ececf6;
+}
+
+.table-hover .table-light:hover > td,
+.table-hover .table-light:hover > th {
+ background-color: #ececf6;
+}
+
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+ background-color: #c6c8ca;
+}
+
+.table-hover .table-dark:hover {
+ background-color: #b9bbbe;
+}
+
+.table-hover .table-dark:hover > td,
+.table-hover .table-dark:hover > th {
+ background-color: #b9bbbe;
+}
+
+.table-active,
+.table-active > th,
+.table-active > td {
+ background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover {
+ background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th {
+ background-color: rgba(0, 0, 0, 0.075);
+}
+
+.table .thead-dark th {
+ color: #fff;
+ background-color: #212529;
+ border-color: #32383e;
+}
+
+.table .thead-light th {
+ color: #495057;
+ background-color: #e9ecef;
+ border-color: #dee2e6;
+}
+
+.table-dark {
+ color: #fff;
+ background-color: #212529;
+}
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th {
+ border-color: #32383e;
+}
+
+.table-dark.table-bordered {
+ border: 0;
+}
+
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(255, 255, 255, 0.05);
+}
+
+.table-dark.table-hover tbody tr:hover {
+ background-color: rgba(255, 255, 255, 0.075);
+}
+
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ }
+ .table-responsive-sm > .table-bordered {
+ border: 0;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ }
+ .table-responsive-md > .table-bordered {
+ border: 0;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ }
+ .table-responsive-lg > .table-bordered {
+ border: 0;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .table-responsive-xl {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ }
+ .table-responsive-xl > .table-bordered {
+ border: 0;
+ }
+}
+
+.table-responsive {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+}
+
+.table-responsive > .table-bordered {
+ border: 0;
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.form-control::-ms-expand {
+ background-color: transparent;
+ border: 0;
+}
+
+.form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: #80bdff;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.form-control::-webkit-input-placeholder {
+ color: #6c757d;
+ opacity: 1;
+}
+
+.form-control::-moz-placeholder {
+ color: #6c757d;
+ opacity: 1;
+}
+
+.form-control:-ms-input-placeholder {
+ color: #6c757d;
+ opacity: 1;
+}
+
+.form-control::-ms-input-placeholder {
+ color: #6c757d;
+ opacity: 1;
+}
+
+.form-control::placeholder {
+ color: #6c757d;
+ opacity: 1;
+}
+
+.form-control:disabled, .form-control[readonly] {
+ background-color: #e9ecef;
+ opacity: 1;
+}
+
+select.form-control:not([size]):not([multiple]) {
+ height: calc(2.25rem + 2px);
+}
+
+select.form-control:focus::-ms-value {
+ color: #495057;
+ background-color: #fff;
+}
+
+.form-control-file,
+.form-control-range {
+ display: block;
+ width: 100%;
+}
+
+.col-form-label {
+ padding-top: calc(0.375rem + 1px);
+ padding-bottom: calc(0.375rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5;
+}
+
+.col-form-label-lg {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ font-size: 1.25rem;
+ line-height: 1.5;
+}
+
+.col-form-label-sm {
+ padding-top: calc(0.25rem + 1px);
+ padding-bottom: calc(0.25rem + 1px);
+ font-size: 0.875rem;
+ line-height: 1.5;
+}
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+ margin-bottom: 0;
+ line-height: 1.5;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0;
+}
+
+.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
+.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
+.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
+.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
+.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
+.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
+.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
+.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
+.input-group-lg > .input-group-append > .form-control-plaintext.btn {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.form-control-sm, .input-group-sm > .form-control,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ line-height: 1.5;
+ border-radius: 0.2rem;
+}
+
+select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
+.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
+.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
+.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
+.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
+ height: calc(1.8125rem + 2px);
+}
+
+.form-control-lg, .input-group-lg > .form-control,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ line-height: 1.5;
+ border-radius: 0.3rem;
+}
+
+select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
+.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
+.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
+.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
+.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
+ height: calc(2.875rem + 2px);
+}
+
+.form-group {
+ margin-bottom: 1rem;
+}
+
+.form-text {
+ display: block;
+ margin-top: 0.25rem;
+}
+
+.form-row {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -5px;
+ margin-left: -5px;
+}
+
+.form-row > .col,
+.form-row > [class*="col-"] {
+ padding-right: 5px;
+ padding-left: 5px;
+}
+
+.form-check {
+ position: relative;
+ display: block;
+ padding-left: 1.25rem;
+}
+
+.form-check-input {
+ position: absolute;
+ margin-top: 0.3rem;
+ margin-left: -1.25rem;
+}
+
+.form-check-input:disabled ~ .form-check-label {
+ color: #6c757d;
+}
+
+.form-check-label {
+ margin-bottom: 0;
+}
+
+.form-check-inline {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-left: 0;
+ margin-right: 0.75rem;
+}
+
+.form-check-inline .form-check-input {
+ position: static;
+ margin-top: 0;
+ margin-right: 0.3125rem;
+ margin-left: 0;
+}
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 80%;
+ color: #28a745;
+}
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: .5rem;
+ margin-top: .1rem;
+ font-size: .875rem;
+ line-height: 1;
+ color: #fff;
+ background-color: rgba(40, 167, 69, 0.8);
+ border-radius: .2rem;
+}
+
+.was-validated .form-control:valid, .form-control.is-valid, .was-validated
+.custom-select:valid,
+.custom-select.is-valid {
+ border-color: #28a745;
+}
+
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
+.custom-select:valid:focus,
+.custom-select.is-valid:focus {
+ border-color: #28a745;
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .form-control:valid ~ .valid-feedback,
+.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
+.form-control.is-valid ~ .valid-tooltip, .was-validated
+.custom-select:valid ~ .valid-feedback,
+.was-validated
+.custom-select:valid ~ .valid-tooltip,
+.custom-select.is-valid ~ .valid-feedback,
+.custom-select.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+ color: #28a745;
+}
+
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
+ color: #28a745;
+}
+
+.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
+ background-color: #71dd8a;
+}
+
+.was-validated .custom-control-input:valid ~ .valid-feedback,
+.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
+.custom-control-input.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
+ background-color: #34ce57;
+}
+
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
+ border-color: #28a745;
+}
+
+.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
+ border-color: inherit;
+}
+
+.was-validated .custom-file-input:valid ~ .valid-feedback,
+.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
+.custom-file-input.is-valid ~ .valid-tooltip {
+ display: block;
+}
+
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
+}
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 80%;
+ color: #dc3545;
+}
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: .5rem;
+ margin-top: .1rem;
+ font-size: .875rem;
+ line-height: 1;
+ color: #fff;
+ background-color: rgba(220, 53, 69, 0.8);
+ border-radius: .2rem;
+}
+
+.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
+.custom-select:invalid,
+.custom-select.is-invalid {
+ border-color: #dc3545;
+}
+
+.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
+.custom-select:invalid:focus,
+.custom-select.is-invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .form-control:invalid ~ .invalid-feedback,
+.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
+.form-control.is-invalid ~ .invalid-tooltip, .was-validated
+.custom-select:invalid ~ .invalid-feedback,
+.was-validated
+.custom-select:invalid ~ .invalid-tooltip,
+.custom-select.is-invalid ~ .invalid-feedback,
+.custom-select.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+ color: #dc3545;
+}
+
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
+ color: #dc3545;
+}
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
+ background-color: #efa2a9;
+}
+
+.was-validated .custom-control-input:invalid ~ .invalid-feedback,
+.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
+.custom-control-input.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
+ background-color: #e4606d;
+}
+
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
+ border-color: #dc3545;
+}
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
+ border-color: inherit;
+}
+
+.was-validated .custom-file-input:invalid ~ .invalid-feedback,
+.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
+.custom-file-input.is-invalid ~ .invalid-tooltip {
+ display: block;
+}
+
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
+}
+
+.form-inline {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.form-inline .form-check {
+ width: 100%;
+}
+
+@media (min-width: 576px) {
+ .form-inline label {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-bottom: 0;
+ }
+ .form-inline .form-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-bottom: 0;
+ }
+ .form-inline .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle;
+ }
+ .form-inline .form-control-plaintext {
+ display: inline-block;
+ }
+ .form-inline .input-group {
+ width: auto;
+ }
+ .form-inline .form-check {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: auto;
+ padding-left: 0;
+ }
+ .form-inline .form-check-input {
+ position: relative;
+ margin-top: 0;
+ margin-right: 0.25rem;
+ margin-left: 0;
+ }
+ .form-inline .custom-control {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ }
+ .form-inline .custom-control-label {
+ margin-bottom: 0;
+ }
+}
+
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: 1px solid transparent;
+ padding: 0.375rem 0.75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ border-radius: 0.25rem;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.btn:hover, .btn:focus {
+ text-decoration: none;
+}
+
+.btn:focus, .btn.focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.btn.disabled, .btn:disabled {
+ opacity: 0.65;
+}
+
+.btn:not(:disabled):not(.disabled) {
+ cursor: pointer;
+}
+
+.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
+ background-image: none;
+}
+
+a.btn.disabled,
+fieldset:disabled a.btn {
+ pointer-events: none;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+}
+
+.btn-primary:hover {
+ color: #fff;
+ background-color: #0069d9;
+ border-color: #0062cc;
+}
+
+.btn-primary:focus, .btn-primary.focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+.show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #0062cc;
+ border-color: #005cbf;
+}
+
+.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62;
+}
+
+.btn-secondary:focus, .btn-secondary.focus {
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b;
+}
+
+.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-success {
+ color: #fff;
+ background-color: #28a745;
+ border-color: #28a745;
+}
+
+.btn-success:hover {
+ color: #fff;
+ background-color: #218838;
+ border-color: #1e7e34;
+}
+
+.btn-success:focus, .btn-success.focus {
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #28a745;
+ border-color: #28a745;
+}
+
+.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+.show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1e7e34;
+ border-color: #1c7430;
+}
+
+.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.btn-info {
+ color: #fff;
+ background-color: #17a2b8;
+ border-color: #17a2b8;
+}
+
+.btn-info:hover {
+ color: #fff;
+ background-color: #138496;
+ border-color: #117a8b;
+}
+
+.btn-info:focus, .btn-info.focus {
+ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #17a2b8;
+ border-color: #17a2b8;
+}
+
+.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+.show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #117a8b;
+ border-color: #10707f;
+}
+
+.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.btn-warning {
+ color: #212529;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-warning:hover {
+ color: #212529;
+ background-color: #e0a800;
+ border-color: #d39e00;
+}
+
+.btn-warning:focus, .btn-warning.focus {
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+.show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #d39e00;
+ border-color: #c69500;
+}
+
+.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.btn-danger {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-danger:hover {
+ color: #fff;
+ background-color: #c82333;
+ border-color: #bd2130;
+}
+
+.btn-danger:focus, .btn-danger.focus {
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+.show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #bd2130;
+ border-color: #b21f2d;
+}
+
+.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.btn-light {
+ color: #212529;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-light:hover {
+ color: #212529;
+ background-color: #e2e6ea;
+ border-color: #dae0e5;
+}
+
+.btn-light:focus, .btn-light.focus {
+ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+.show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #dae0e5;
+ border-color: #d3d9df;
+}
+
+.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-dark {
+ color: #fff;
+ background-color: #343a40;
+ border-color: #343a40;
+}
+
+.btn-dark:hover {
+ color: #fff;
+ background-color: #23272b;
+ border-color: #1d2124;
+}
+
+.btn-dark:focus, .btn-dark.focus {
+ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #343a40;
+ border-color: #343a40;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+.show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1d2124;
+ border-color: #171a1d;
+}
+
+.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.btn-outline-primary {
+ color: #007bff;
+ background-color: transparent;
+ background-image: none;
+ border-color: #007bff;
+}
+
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+}
+
+.btn-outline-primary:focus, .btn-outline-primary.focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #007bff;
+ background-color: transparent;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
+}
+
+.btn-outline-secondary {
+ color: #6c757d;
+ background-color: transparent;
+ background-image: none;
+ border-color: #6c757d;
+}
+
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+.show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+}
+
+.btn-outline-success {
+ color: #28a745;
+ background-color: transparent;
+ background-image: none;
+ border-color: #28a745;
+}
+
+.btn-outline-success:hover {
+ color: #fff;
+ background-color: #28a745;
+ border-color: #28a745;
+}
+
+.btn-outline-success:focus, .btn-outline-success.focus {
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #28a745;
+ background-color: transparent;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+.show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #28a745;
+ border-color: #28a745;
+}
+
+.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
+}
+
+.btn-outline-info {
+ color: #17a2b8;
+ background-color: transparent;
+ background-image: none;
+ border-color: #17a2b8;
+}
+
+.btn-outline-info:hover {
+ color: #fff;
+ background-color: #17a2b8;
+ border-color: #17a2b8;
+}
+
+.btn-outline-info:focus, .btn-outline-info.focus {
+ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #17a2b8;
+ background-color: transparent;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+.show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #17a2b8;
+ border-color: #17a2b8;
+}
+
+.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
+}
+
+.btn-outline-warning {
+ color: #ffc107;
+ background-color: transparent;
+ background-image: none;
+ border-color: #ffc107;
+}
+
+.btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-outline-warning:focus, .btn-outline-warning.focus {
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #ffc107;
+ background-color: transparent;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+.show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffc107;
+ border-color: #ffc107;
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
+}
+
+.btn-outline-danger {
+ color: #dc3545;
+ background-color: transparent;
+ background-image: none;
+ border-color: #dc3545;
+}
+
+.btn-outline-danger:hover {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-outline-danger:focus, .btn-outline-danger.focus {
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #dc3545;
+ background-color: transparent;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+.show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
+}
+
+.btn-outline-light {
+ color: #f8f9fa;
+ background-color: transparent;
+ background-image: none;
+ border-color: #f8f9fa;
+}
+
+.btn-outline-light:hover {
+ color: #212529;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-outline-light:focus, .btn-outline-light.focus {
+ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #f8f9fa;
+ background-color: transparent;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+.show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa;
+}
+
+.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
+}
+
+.btn-outline-dark {
+ color: #343a40;
+ background-color: transparent;
+ background-image: none;
+ border-color: #343a40;
+}
+
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #343a40;
+ border-color: #343a40;
+}
+
+.btn-outline-dark:focus, .btn-outline-dark.focus {
+ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #343a40;
+ background-color: transparent;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+.show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #343a40;
+ border-color: #343a40;
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.show > .btn-outline-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
+}
+
+.btn-link {
+ font-weight: 400;
+ color: #007bff;
+ background-color: transparent;
+}
+
+.btn-link:hover {
+ color: #0056b3;
+ text-decoration: underline;
+ background-color: transparent;
+ border-color: transparent;
+}
+
+.btn-link:focus, .btn-link.focus {
+ text-decoration: underline;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.btn-link:disabled, .btn-link.disabled {
+ color: #6c757d;
+}
+
+.btn-lg, .btn-group-lg > .btn {
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ line-height: 1.5;
+ border-radius: 0.3rem;
+}
+
+.btn-sm, .btn-group-sm > .btn {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ line-height: 1.5;
+ border-radius: 0.2rem;
+}
+
+.btn-block {
+ display: block;
+ width: 100%;
+}
+
+.btn-block + .btn-block {
+ margin-top: 0.5rem;
+}
+
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+ width: 100%;
+}
+
+.fade {
+ opacity: 0;
+ transition: opacity 0.15s linear;
+}
+
+.fade.show {
+ opacity: 1;
+}
+
+.collapse {
+ display: none;
+}
+
+.collapse.show {
+ display: block;
+}
+
+tr.collapse.show {
+ display: table-row;
+}
+
+tbody.collapse.show {
+ display: table-row-group;
+}
+
+.collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
+}
+
+.dropup,
+.dropdown {
+ position: relative;
+}
+
+.dropdown-toggle::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent;
+}
+
+.dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0.125rem 0 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ list-style: none;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.25rem;
+}
+
+.dropup .dropdown-menu {
+ margin-top: 0;
+ margin-bottom: 0.125rem;
+}
+
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent;
+}
+
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropright .dropdown-menu {
+ margin-top: 0;
+ margin-left: 0.125rem;
+}
+
+.dropright .dropdown-toggle::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid;
+}
+
+.dropright .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropright .dropdown-toggle::after {
+ vertical-align: 0;
+}
+
+.dropleft .dropdown-menu {
+ margin-top: 0;
+ margin-right: 0.125rem;
+}
+
+.dropleft .dropdown-toggle::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+}
+
+.dropleft .dropdown-toggle::after {
+ display: none;
+}
+
+.dropleft .dropdown-toggle::before {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent;
+}
+
+.dropleft .dropdown-toggle:empty::after {
+ margin-left: 0;
+}
+
+.dropleft .dropdown-toggle::before {
+ vertical-align: 0;
+}
+
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid #e9ecef;
+}
+
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.25rem 1.5rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+}
+
+.dropdown-item:hover, .dropdown-item:focus {
+ color: #16181b;
+ text-decoration: none;
+ background-color: #f8f9fa;
+}
+
+.dropdown-item.active, .dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #007bff;
+}
+
+.dropdown-item.disabled, .dropdown-item:disabled {
+ color: #6c757d;
+ background-color: transparent;
+}
+
+.dropdown-menu.show {
+ display: block;
+}
+
+.dropdown-header {
+ display: block;
+ padding: 0.5rem 1.5rem;
+ margin-bottom: 0;
+ font-size: 0.875rem;
+ color: #6c757d;
+ white-space: nowrap;
+}
+
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ vertical-align: middle;
+}
+
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+}
+
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover {
+ z-index: 1;
+}
+
+.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
+}
+
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group,
+.btn-group-vertical .btn + .btn,
+.btn-group-vertical .btn + .btn-group,
+.btn-group-vertical .btn-group + .btn,
+.btn-group-vertical .btn-group + .btn-group {
+ margin-left: -1px;
+}
+
+.btn-toolbar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+}
+
+.btn-toolbar .input-group {
+ width: auto;
+}
+
+.btn-group > .btn:first-child {
+ margin-left: 0;
+}
+
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.dropdown-toggle-split {
+ padding-right: 0.5625rem;
+ padding-left: 0.5625rem;
+}
+
+.dropdown-toggle-split::after {
+ margin-left: 0;
+}
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375rem;
+ padding-left: 0.375rem;
+}
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+}
+
+.btn-group-vertical {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+}
+
+.btn-group-vertical .btn,
+.btn-group-vertical .btn-group {
+ width: 100%;
+}
+
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+ margin-top: -1px;
+ margin-left: 0;
+}
+
+.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.btn-group-toggle > .btn,
+.btn-group-toggle > .btn-group > .btn {
+ margin-bottom: 0;
+}
+
+.btn-group-toggle > .btn input[type="radio"],
+.btn-group-toggle > .btn input[type="checkbox"],
+.btn-group-toggle > .btn-group > .btn input[type="radio"],
+.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none;
+}
+
+.input-group {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ width: 100%;
+}
+
+.input-group > .form-control,
+.input-group > .custom-select,
+.input-group > .custom-file {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 1%;
+ margin-bottom: 0;
+}
+
+.input-group > .form-control:focus,
+.input-group > .custom-select:focus,
+.input-group > .custom-file:focus {
+ z-index: 3;
+}
+
+.input-group > .form-control + .form-control,
+.input-group > .form-control + .custom-select,
+.input-group > .form-control + .custom-file,
+.input-group > .custom-select + .form-control,
+.input-group > .custom-select + .custom-select,
+.input-group > .custom-select + .custom-file,
+.input-group > .custom-file + .form-control,
+.input-group > .custom-file + .custom-select,
+.input-group > .custom-file + .custom-file {
+ margin-left: -1px;
+}
+
+.input-group > .form-control:not(:last-child),
+.input-group > .custom-select:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.input-group > .form-control:not(:first-child),
+.input-group > .custom-select:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.input-group > .custom-file {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.input-group > .custom-file:not(:last-child) .custom-file-label,
+.input-group > .custom-file:not(:last-child) .custom-file-label::before {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.input-group > .custom-file:not(:first-child) .custom-file-label,
+.input-group > .custom-file:not(:first-child) .custom-file-label::before {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.input-group-prepend,
+.input-group-append {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.input-group-prepend .btn,
+.input-group-append .btn {
+ position: relative;
+ z-index: 2;
+}
+
+.input-group-prepend .btn + .btn,
+.input-group-prepend .btn + .input-group-text,
+.input-group-prepend .input-group-text + .input-group-text,
+.input-group-prepend .input-group-text + .btn,
+.input-group-append .btn + .btn,
+.input-group-append .btn + .input-group-text,
+.input-group-append .input-group-text + .input-group-text,
+.input-group-append .input-group-text + .btn {
+ margin-left: -1px;
+}
+
+.input-group-prepend {
+ margin-right: -1px;
+}
+
+.input-group-append {
+ margin-left: -1px;
+}
+
+.input-group-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0.375rem 0.75rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+}
+
+.input-group-text input[type="radio"],
+.input-group-text input[type="checkbox"] {
+ margin-top: 0;
+}
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.custom-control {
+ position: relative;
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5rem;
+}
+
+.custom-control-inline {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ margin-right: 1rem;
+}
+
+.custom-control-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0;
+}
+
+.custom-control-input:checked ~ .custom-control-label::before {
+ color: #fff;
+ background-color: #007bff;
+}
+
+.custom-control-input:focus ~ .custom-control-label::before {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-control-input:active ~ .custom-control-label::before {
+ color: #fff;
+ background-color: #b3d7ff;
+}
+
+.custom-control-input:disabled ~ .custom-control-label {
+ color: #6c757d;
+}
+
+.custom-control-input:disabled ~ .custom-control-label::before {
+ background-color: #e9ecef;
+}
+
+.custom-control-label {
+ margin-bottom: 0;
+}
+
+.custom-control-label::before {
+ position: absolute;
+ top: 0.25rem;
+ left: 0;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ content: "";
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #dee2e6;
+}
+
+.custom-control-label::after {
+ position: absolute;
+ top: 0.25rem;
+ left: 0;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ content: "";
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: 50% 50%;
+}
+
+.custom-checkbox .custom-control-label::before {
+ border-radius: 0.25rem;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
+ background-color: #007bff;
+}
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+ background-color: #007bff;
+}
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
+}
+
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+ background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+ background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-radio .custom-control-label::before {
+ border-radius: 50%;
+}
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
+ background-color: #007bff;
+}
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
+}
+
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+ background-color: rgba(0, 123, 255, 0.5);
+}
+
+.custom-select {
+ display: inline-block;
+ width: 100%;
+ height: calc(2.25rem + 2px);
+ padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+ line-height: 1.5;
+ color: #495057;
+ vertical-align: middle;
+ background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
+ background-size: 8px 10px;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+.custom-select:focus {
+ border-color: #80bdff;
+ outline: 0;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
+}
+
+.custom-select:focus::-ms-value {
+ color: #495057;
+ background-color: #fff;
+}
+
+.custom-select[multiple], .custom-select[size]:not([size="1"]) {
+ height: auto;
+ padding-right: 0.75rem;
+ background-image: none;
+}
+
+.custom-select:disabled {
+ color: #6c757d;
+ background-color: #e9ecef;
+}
+
+.custom-select::-ms-expand {
+ opacity: 0;
+}
+
+.custom-select-sm {
+ height: calc(1.8125rem + 2px);
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+ font-size: 75%;
+}
+
+.custom-select-lg {
+ height: calc(2.875rem + 2px);
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+ font-size: 125%;
+}
+
+.custom-file {
+ position: relative;
+ display: inline-block;
+ width: 100%;
+ height: calc(2.25rem + 2px);
+ margin-bottom: 0;
+}
+
+.custom-file-input {
+ position: relative;
+ z-index: 2;
+ width: 100%;
+ height: calc(2.25rem + 2px);
+ margin: 0;
+ opacity: 0;
+}
+
+.custom-file-input:focus ~ .custom-file-control {
+ border-color: #80bdff;
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.custom-file-input:focus ~ .custom-file-control::before {
+ border-color: #80bdff;
+}
+
+.custom-file-input:lang(en) ~ .custom-file-label::after {
+ content: "Browse";
+}
+
+.custom-file-label {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1;
+ height: calc(2.25rem + 2px);
+ padding: 0.375rem 0.75rem;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ border: 1px solid #ced4da;
+ border-radius: 0.25rem;
+}
+
+.custom-file-label::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 3;
+ display: block;
+ height: calc(calc(2.25rem + 2px) - 1px * 2);
+ padding: 0.375rem 0.75rem;
+ line-height: 1.5;
+ color: #495057;
+ content: "Browse";
+ background-color: #e9ecef;
+ border-left: 1px solid #ced4da;
+ border-radius: 0 0.25rem 0.25rem 0;
+}
+
+.nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.nav-link {
+ display: block;
+ padding: 0.5rem 1rem;
+}
+
+.nav-link:hover, .nav-link:focus {
+ text-decoration: none;
+}
+
+.nav-link.disabled {
+ color: #6c757d;
+}
+
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6;
+}
+
+.nav-tabs .nav-item {
+ margin-bottom: -1px;
+}
+
+.nav-tabs .nav-link {
+ border: 1px solid transparent;
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+ border-color: #e9ecef #e9ecef #dee2e6;
+}
+
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff;
+}
+
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.nav-pills .nav-link {
+ border-radius: 0.25rem;
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #007bff;
+}
+
+.nav-fill .nav-item {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ text-align: center;
+}
+
+.nav-justified .nav-item {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ text-align: center;
+}
+
+.tab-content > .tab-pane {
+ display: none;
+}
+
+.tab-content > .active {
+ display: block;
+}
+
+.navbar {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 0.5rem 1rem;
+}
+
+.navbar > .container,
+.navbar > .container-fluid {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.navbar-brand {
+ display: inline-block;
+ padding-top: 0.3125rem;
+ padding-bottom: 0.3125rem;
+ margin-right: 1rem;
+ font-size: 1.25rem;
+ line-height: inherit;
+ white-space: nowrap;
+}
+
+.navbar-brand:hover, .navbar-brand:focus {
+ text-decoration: none;
+}
+
+.navbar-nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
+}
+
+.navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.navbar-nav .dropdown-menu {
+ position: static;
+ float: none;
+}
+
+.navbar-text {
+ display: inline-block;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.navbar-collapse {
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.navbar-toggler {
+ padding: 0.25rem 0.75rem;
+ font-size: 1.25rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+}
+
+.navbar-toggler:hover, .navbar-toggler:focus {
+ text-decoration: none;
+}
+
+.navbar-toggler:not(:disabled):not(.disabled) {
+ cursor: pointer;
+}
+
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ content: "";
+ background: no-repeat center center;
+ background-size: 100% 100%;
+}
+
+@media (max-width: 575.98px) {
+ .navbar-expand-sm > .container,
+ .navbar-expand-sm > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-sm .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-sm .navbar-nav .dropdown-menu-right {
+ right: 0;
+ left: auto;
+ }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-sm > .container,
+ .navbar-expand-sm > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-sm .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-sm .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-sm .dropup .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .navbar-expand-md > .container,
+ .navbar-expand-md > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-md .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-md .navbar-nav .dropdown-menu-right {
+ right: 0;
+ left: auto;
+ }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-md > .container,
+ .navbar-expand-md > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-md .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-md .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-md .dropup .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .navbar-expand-lg > .container,
+ .navbar-expand-lg > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-lg .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-lg .navbar-nav .dropdown-menu-right {
+ right: 0;
+ left: auto;
+ }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-lg > .container,
+ .navbar-expand-lg > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-lg .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-lg .dropup .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .navbar-expand-xl > .container,
+ .navbar-expand-xl > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ }
+}
+
+@media (min-width: 1200px) {
+ .navbar-expand-xl {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ }
+ .navbar-expand-xl .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute;
+ }
+ .navbar-expand-xl .navbar-nav .dropdown-menu-right {
+ right: 0;
+ left: auto;
+ }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ }
+ .navbar-expand-xl > .container,
+ .navbar-expand-xl > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ }
+ .navbar-expand-xl .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+ }
+ .navbar-expand-xl .navbar-toggler {
+ display: none;
+ }
+ .navbar-expand-xl .dropup .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ }
+}
+
+.navbar-expand {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+}
+
+.navbar-expand > .container,
+.navbar-expand > .container-fluid {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.navbar-expand .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute;
+}
+
+.navbar-expand .navbar-nav .dropdown-menu-right {
+ right: 0;
+ left: auto;
+}
+
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+}
+
+.navbar-expand > .container,
+.navbar-expand > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+}
+
+.navbar-expand .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto;
+}
+
+.navbar-expand .navbar-toggler {
+ display: none;
+}
+
+.navbar-expand .dropup .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+}
+
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.5);
+ border-color: rgba(0, 0, 0, 0.1);
+}
+
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+}
+
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.5);
+}
+
+.navbar-light .navbar-text a {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.navbar-dark .navbar-brand {
+ color: #fff;
+}
+
+.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+ color: #fff;
+}
+
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75);
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25);
+}
+
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff;
+}
+
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
+}
+
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.5);
+}
+
+.navbar-dark .navbar-text a {
+ color: #fff;
+}
+
+.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
+ color: #fff;
+}
+
+.card {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+ border-radius: 0.25rem;
+}
+
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
+}
+
+.card > .list-group:first-child .list-group-item:first-child {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.card > .list-group:last-child .list-group-item:last-child {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.card-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1.25rem;
+}
+
+.card-title {
+ margin-bottom: 0.75rem;
+}
+
+.card-subtitle {
+ margin-top: -0.375rem;
+ margin-bottom: 0;
+}
+
+.card-text:last-child {
+ margin-bottom: 0;
+}
+
+.card-link:hover {
+ text-decoration: none;
+}
+
+.card-link + .card-link {
+ margin-left: 1.25rem;
+}
+
+.card-header {
+ padding: 0.75rem 1.25rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-header:first-child {
+ border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+
+.card-header + .list-group .list-group-item:first-child {
+ border-top: 0;
+}
+
+.card-footer {
+ padding: 0.75rem 1.25rem;
+ background-color: rgba(0, 0, 0, 0.03);
+ border-top: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.card-footer:last-child {
+ border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
+}
+
+.card-header-tabs {
+ margin-right: -0.625rem;
+ margin-bottom: -0.75rem;
+ margin-left: -0.625rem;
+ border-bottom: 0;
+}
+
+.card-header-pills {
+ margin-right: -0.625rem;
+ margin-left: -0.625rem;
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1.25rem;
+}
+
+.card-img {
+ width: 100%;
+ border-radius: calc(0.25rem - 1px);
+}
+
+.card-img-top {
+ width: 100%;
+ border-top-left-radius: calc(0.25rem - 1px);
+ border-top-right-radius: calc(0.25rem - 1px);
+}
+
+.card-img-bottom {
+ width: 100%;
+ border-bottom-right-radius: calc(0.25rem - 1px);
+ border-bottom-left-radius: calc(0.25rem - 1px);
+}
+
+.card-deck {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.card-deck .card {
+ margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+ .card-deck {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ margin-right: -15px;
+ margin-left: -15px;
+ }
+ .card-deck .card {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-right: 15px;
+ margin-bottom: 0;
+ margin-left: 15px;
+ }
+}
+
+.card-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+
+.card-group > .card {
+ margin-bottom: 15px;
+}
+
+@media (min-width: 576px) {
+ .card-group {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+ .card-group > .card:first-child {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:first-child .card-img-top,
+ .card-group > .card:first-child .card-header {
+ border-top-right-radius: 0;
+ }
+ .card-group > .card:first-child .card-img-bottom,
+ .card-group > .card:first-child .card-footer {
+ border-bottom-right-radius: 0;
+ }
+ .card-group > .card:last-child {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:last-child .card-img-top,
+ .card-group > .card:last-child .card-header {
+ border-top-left-radius: 0;
+ }
+ .card-group > .card:last-child .card-img-bottom,
+ .card-group > .card:last-child .card-footer {
+ border-bottom-left-radius: 0;
+ }
+ .card-group > .card:only-child {
+ border-radius: 0.25rem;
+ }
+ .card-group > .card:only-child .card-img-top,
+ .card-group > .card:only-child .card-header {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+ }
+ .card-group > .card:only-child .card-img-bottom,
+ .card-group > .card:only-child .card-footer {
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+ }
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
+ border-radius: 0;
+ }
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
+ .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
+ border-radius: 0;
+ }
+}
+
+.card-columns .card {
+ margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+ .card-columns {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ -webkit-column-gap: 1.25rem;
+ -moz-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ }
+ .card-columns .card {
+ display: inline-block;
+ width: 100%;
+ }
+}
+
+.breadcrumb {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 0.75rem 1rem;
+ margin-bottom: 1rem;
+ list-style: none;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
+}
+
+.breadcrumb-item + .breadcrumb-item::before {
+ display: inline-block;
+ padding-right: 0.5rem;
+ padding-left: 0.5rem;
+ color: #6c757d;
+ content: "/";
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+ text-decoration: underline;
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+ text-decoration: none;
+}
+
+.breadcrumb-item.active {
+ color: #6c757d;
+}
+
+.pagination {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding-left: 0;
+ list-style: none;
+ border-radius: 0.25rem;
+}
+
+.page-link {
+ position: relative;
+ display: block;
+ padding: 0.5rem 0.75rem;
+ margin-left: -1px;
+ line-height: 1.25;
+ color: #007bff;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+}
+
+.page-link:hover {
+ color: #0056b3;
+ text-decoration: none;
+ background-color: #e9ecef;
+ border-color: #dee2e6;
+}
+
+.page-link:focus {
+ z-index: 2;
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.page-link:not(:disabled):not(.disabled) {
+ cursor: pointer;
+}
+
+.page-item:first-child .page-link {
+ margin-left: 0;
+ border-top-left-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.page-item:last-child .page-link {
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.page-item.active .page-link {
+ z-index: 1;
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+}
+
+.page-item.disabled .page-link {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: auto;
+ background-color: #fff;
+ border-color: #dee2e6;
+}
+
+.pagination-lg .page-link {
+ padding: 0.75rem 1.5rem;
+ font-size: 1.25rem;
+ line-height: 1.5;
+}
+
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: 0.3rem;
+ border-bottom-left-radius: 0.3rem;
+}
+
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: 0.3rem;
+ border-bottom-right-radius: 0.3rem;
+}
+
+.pagination-sm .page-link {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.875rem;
+ line-height: 1.5;
+}
+
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: 0.2rem;
+ border-bottom-left-radius: 0.2rem;
+}
+
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: 0.2rem;
+ border-bottom-right-radius: 0.2rem;
+}
+
+.badge {
+ display: inline-block;
+ padding: 0.25em 0.4em;
+ font-size: 75%;
+ font-weight: 700;
+ line-height: 1;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 0.25rem;
+}
+
+.badge:empty {
+ display: none;
+}
+
+.btn .badge {
+ position: relative;
+ top: -1px;
+}
+
+.badge-pill {
+ padding-right: 0.6em;
+ padding-left: 0.6em;
+ border-radius: 10rem;
+}
+
+.badge-primary {
+ color: #fff;
+ background-color: #007bff;
+}
+
+.badge-primary[href]:hover, .badge-primary[href]:focus {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0062cc;
+}
+
+.badge-secondary {
+ color: #fff;
+ background-color: #6c757d;
+}
+
+.badge-secondary[href]:hover, .badge-secondary[href]:focus {
+ color: #fff;
+ text-decoration: none;
+ background-color: #545b62;
+}
+
+.badge-success {
+ color: #fff;
+ background-color: #28a745;
+}
+
+.badge-success[href]:hover, .badge-success[href]:focus {
+ color: #fff;
+ text-decoration: none;
+ background-color: #1e7e34;
+}
+
+.badge-info {
+ color: #fff;
+ background-color: #17a2b8;
+}
+
+.badge-info[href]:hover, .badge-info[href]:focus {
+ color: #fff;
+ text-decoration: none;
+ background-color: #117a8b;
+}
+
+.badge-warning {
+ color: #212529;
+ background-color: #ffc107;
+}
+
+.badge-warning[href]:hover, .badge-warning[href]:focus {
+ color: #212529;
+ text-decoration: none;
+ background-color: #d39e00;
+}
+
+.badge-danger {
+ color: #fff;
+ background-color: #dc3545;
+}
+
+.badge-danger[href]:hover, .badge-danger[href]:focus {
+ color: #fff;
+ text-decoration: none;
+ background-color: #bd2130;
+}
+
+.badge-light {
+ color: #212529;
+ background-color: #f8f9fa;
+}
+
+.badge-light[href]:hover, .badge-light[href]:focus {
+ color: #212529;
+ text-decoration: none;
+ background-color: #dae0e5;
+}
+
+.badge-dark {
+ color: #fff;
+ background-color: #343a40;
+}
+
+.badge-dark[href]:hover, .badge-dark[href]:focus {
+ color: #fff;
+ text-decoration: none;
+ background-color: #1d2124;
+}
+
+.jumbotron {
+ padding: 2rem 1rem;
+ margin-bottom: 2rem;
+ background-color: #e9ecef;
+ border-radius: 0.3rem;
+}
+
+@media (min-width: 576px) {
+ .jumbotron {
+ padding: 4rem 2rem;
+ }
+}
+
+.jumbotron-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ border-radius: 0;
+}
+
+.alert {
+ position: relative;
+ padding: 0.75rem 1.25rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.25rem;
+}
+
+.alert-heading {
+ color: inherit;
+}
+
+.alert-link {
+ font-weight: 700;
+}
+
+.alert-dismissible {
+ padding-right: 4rem;
+}
+
+.alert-dismissible .close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 0.75rem 1.25rem;
+ color: inherit;
+}
+
+.alert-primary {
+ color: #004085;
+ background-color: #cce5ff;
+ border-color: #b8daff;
+}
+
+.alert-primary hr {
+ border-top-color: #9fcdff;
+}
+
+.alert-primary .alert-link {
+ color: #002752;
+}
+
+.alert-secondary {
+ color: #383d41;
+ background-color: #e2e3e5;
+ border-color: #d6d8db;
+}
+
+.alert-secondary hr {
+ border-top-color: #c8cbcf;
+}
+
+.alert-secondary .alert-link {
+ color: #202326;
+}
+
+.alert-success {
+ color: #155724;
+ background-color: #d4edda;
+ border-color: #c3e6cb;
+}
+
+.alert-success hr {
+ border-top-color: #b1dfbb;
+}
+
+.alert-success .alert-link {
+ color: #0b2e13;
+}
+
+.alert-info {
+ color: #0c5460;
+ background-color: #d1ecf1;
+ border-color: #bee5eb;
+}
+
+.alert-info hr {
+ border-top-color: #abdde5;
+}
+
+.alert-info .alert-link {
+ color: #062c33;
+}
+
+.alert-warning {
+ color: #856404;
+ background-color: #fff3cd;
+ border-color: #ffeeba;
+}
+
+.alert-warning hr {
+ border-top-color: #ffe8a1;
+}
+
+.alert-warning .alert-link {
+ color: #533f03;
+}
+
+.alert-danger {
+ color: #721c24;
+ background-color: #f8d7da;
+ border-color: #f5c6cb;
+}
+
+.alert-danger hr {
+ border-top-color: #f1b0b7;
+}
+
+.alert-danger .alert-link {
+ color: #491217;
+}
+
+.alert-light {
+ color: #818182;
+ background-color: #fefefe;
+ border-color: #fdfdfe;
+}
+
+.alert-light hr {
+ border-top-color: #ececf6;
+}
+
+.alert-light .alert-link {
+ color: #686868;
+}
+
+.alert-dark {
+ color: #1b1e21;
+ background-color: #d6d8d9;
+ border-color: #c6c8ca;
+}
+
+.alert-dark hr {
+ border-top-color: #b9bbbe;
+}
+
+.alert-dark .alert-link {
+ color: #040505;
+}
+
+@-webkit-keyframes progress-bar-stripes {
+ from {
+ background-position: 1rem 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 1rem 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+
+.progress {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: 0.75rem;
+ background-color: #e9ecef;
+ border-radius: 0.25rem;
+}
+
+.progress-bar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #fff;
+ text-align: center;
+ background-color: #007bff;
+ transition: width 0.6s ease;
+}
+
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 1rem 1rem;
+}
+
+.progress-bar-animated {
+ -webkit-animation: progress-bar-stripes 1s linear infinite;
+ animation: progress-bar-stripes 1s linear infinite;
+}
+
+.media {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+}
+
+.media-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+
+.list-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+}
+
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit;
+}
+
+.list-group-item-action:hover, .list-group-item-action:focus {
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa;
+}
+
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef;
+}
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.75rem 1.25rem;
+ margin-bottom: -1px;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.list-group-item:first-child {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.list-group-item:last-child {
+ margin-bottom: 0;
+ border-bottom-right-radius: 0.25rem;
+ border-bottom-left-radius: 0.25rem;
+}
+
+.list-group-item:hover, .list-group-item:focus {
+ z-index: 1;
+ text-decoration: none;
+}
+
+.list-group-item.disabled, .list-group-item:disabled {
+ color: #6c757d;
+ background-color: #fff;
+}
+
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff;
+}
+
+.list-group-flush .list-group-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0;
+}
+
+.list-group-flush:first-child .list-group-item:first-child {
+ border-top: 0;
+}
+
+.list-group-flush:last-child .list-group-item:last-child {
+ border-bottom: 0;
+}
+
+.list-group-item-primary {
+ color: #004085;
+ background-color: #b8daff;
+}
+
+.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+ color: #004085;
+ background-color: #9fcdff;
+}
+
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #004085;
+ border-color: #004085;
+}
+
+.list-group-item-secondary {
+ color: #383d41;
+ background-color: #d6d8db;
+}
+
+.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+ color: #383d41;
+ background-color: #c8cbcf;
+}
+
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #383d41;
+ border-color: #383d41;
+}
+
+.list-group-item-success {
+ color: #155724;
+ background-color: #c3e6cb;
+}
+
+.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+ color: #155724;
+ background-color: #b1dfbb;
+}
+
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #155724;
+ border-color: #155724;
+}
+
+.list-group-item-info {
+ color: #0c5460;
+ background-color: #bee5eb;
+}
+
+.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+ color: #0c5460;
+ background-color: #abdde5;
+}
+
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #0c5460;
+ border-color: #0c5460;
+}
+
+.list-group-item-warning {
+ color: #856404;
+ background-color: #ffeeba;
+}
+
+.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+ color: #856404;
+ background-color: #ffe8a1;
+}
+
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #856404;
+ border-color: #856404;
+}
+
+.list-group-item-danger {
+ color: #721c24;
+ background-color: #f5c6cb;
+}
+
+.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+ color: #721c24;
+ background-color: #f1b0b7;
+}
+
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #721c24;
+ border-color: #721c24;
+}
+
+.list-group-item-light {
+ color: #818182;
+ background-color: #fdfdfe;
+}
+
+.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+ color: #818182;
+ background-color: #ececf6;
+}
+
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #818182;
+ border-color: #818182;
+}
+
+.list-group-item-dark {
+ color: #1b1e21;
+ background-color: #c6c8ca;
+}
+
+.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+ color: #1b1e21;
+ background-color: #b9bbbe;
+}
+
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #1b1e21;
+ border-color: #1b1e21;
+}
+
+.close {
+ float: right;
+ font-size: 1.5rem;
+ font-weight: 700;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ opacity: .5;
+}
+
+.close:hover, .close:focus {
+ color: #000;
+ text-decoration: none;
+ opacity: .75;
+}
+
+.close:not(:disabled):not(.disabled) {
+ cursor: pointer;
+}
+
+button.close {
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ -webkit-appearance: none;
+}
+
+.modal-open {
+ overflow: hidden;
+}
+
+.modal {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1050;
+ display: none;
+ overflow: hidden;
+ outline: 0;
+}
+
+.modal-open .modal {
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
+}
+
+.modal.fade .modal-dialog {
+ transition: -webkit-transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+ transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
+ -webkit-transform: translate(0, -25%);
+ transform: translate(0, -25%);
+}
+
+.modal.show .modal-dialog {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+
+.modal-dialog-centered {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: calc(100% - (0.5rem * 2));
+}
+
+.modal-content {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+ outline: 0;
+}
+
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1040;
+ background-color: #000;
+}
+
+.modal-backdrop.fade {
+ opacity: 0;
+}
+
+.modal-backdrop.show {
+ opacity: 0.5;
+}
+
+.modal-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 1rem;
+ border-bottom: 1px solid #e9ecef;
+ border-top-left-radius: 0.3rem;
+ border-top-right-radius: 0.3rem;
+}
+
+.modal-header .close {
+ padding: 1rem;
+ margin: -1rem -1rem -1rem auto;
+}
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5;
+}
+
+.modal-body {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1rem;
+}
+
+.modal-footer {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ padding: 1rem;
+ border-top: 1px solid #e9ecef;
+}
+
+.modal-footer > :not(:first-child) {
+ margin-left: .25rem;
+}
+
+.modal-footer > :not(:last-child) {
+ margin-right: .25rem;
+}
+
+.modal-scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll;
+}
+
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
+ }
+ .modal-dialog-centered {
+ min-height: calc(100% - (1.75rem * 2));
+ }
+ .modal-sm {
+ max-width: 300px;
+ }
+}
+
+@media (min-width: 992px) {
+ .modal-lg {
+ max-width: 800px;
+ }
+}
+
+.tooltip {
+ position: absolute;
+ z-index: 1070;
+ display: block;
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ opacity: 0;
+}
+
+.tooltip.show {
+ opacity: 0.9;
+}
+
+.tooltip .arrow {
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
+}
+
+.tooltip .arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
+ padding: 0.4rem 0;
+}
+
+.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
+ bottom: 0;
+}
+
+.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
+ top: 0;
+ border-width: 0.4rem 0.4rem 0;
+ border-top-color: #000;
+}
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
+ padding: 0 0.4rem;
+}
+
+.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
+ left: 0;
+ width: 0.4rem;
+ height: 0.8rem;
+}
+
+.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
+ right: 0;
+ border-width: 0.4rem 0.4rem 0.4rem 0;
+ border-right-color: #000;
+}
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
+ padding: 0.4rem 0;
+}
+
+.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
+ top: 0;
+}
+
+.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+ bottom: 0;
+ border-width: 0 0.4rem 0.4rem;
+ border-bottom-color: #000;
+}
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
+ padding: 0 0.4rem;
+}
+
+.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
+ right: 0;
+ width: 0.4rem;
+ height: 0.8rem;
+}
+
+.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
+ left: 0;
+ border-width: 0.4rem 0 0.4rem 0.4rem;
+ border-left-color: #000;
+}
+
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.25rem 0.5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: 0.25rem;
+}
+
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1060;
+ display: block;
+ max-width: 276px;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.3rem;
+}
+
+.popover .arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: 0.5rem;
+ margin: 0 0.3rem;
+}
+
+.popover .arrow::before, .popover .arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid;
+}
+
+.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
+ margin-bottom: 0.5rem;
+}
+
+.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
+ bottom: calc((0.5rem + 1px) * -1);
+}
+
+.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
+.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
+ border-width: 0.5rem 0.5rem 0;
+}
+
+.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
+ bottom: 0;
+ border-top-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
+ bottom: 1px;
+ border-top-color: #fff;
+}
+
+.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
+ margin-left: 0.5rem;
+}
+
+.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
+ left: calc((0.5rem + 1px) * -1);
+ width: 0.5rem;
+ height: 1rem;
+ margin: 0.3rem 0;
+}
+
+.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
+.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
+ border-width: 0.5rem 0.5rem 0.5rem 0;
+}
+
+.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
+ left: 0;
+ border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
+ left: 1px;
+ border-right-color: #fff;
+}
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
+ margin-top: 0.5rem;
+}
+
+.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
+ top: calc((0.5rem + 1px) * -1);
+}
+
+.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
+.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+ border-width: 0 0.5rem 0.5rem 0.5rem;
+}
+
+.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
+ top: 0;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+ top: 1px;
+ border-bottom-color: #fff;
+}
+
+.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -0.5rem;
+ content: "";
+ border-bottom: 1px solid #f7f7f7;
+}
+
+.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
+ margin-right: 0.5rem;
+}
+
+.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
+ right: calc((0.5rem + 1px) * -1);
+ width: 0.5rem;
+ height: 1rem;
+ margin: 0.3rem 0;
+}
+
+.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
+.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
+ border-width: 0.5rem 0 0.5rem 0.5rem;
+}
+
+.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
+ right: 0;
+ border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
+ right: 1px;
+ border-left-color: #fff;
+}
+
+.popover-header {
+ padding: 0.5rem 0.75rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ color: inherit;
+ background-color: #f7f7f7;
+ border-bottom: 1px solid #ebebeb;
+ border-top-left-radius: calc(0.3rem - 1px);
+ border-top-right-radius: calc(0.3rem - 1px);
+}
+
+.popover-header:empty {
+ display: none;
+}
+
+.popover-body {
+ padding: 0.5rem 0.75rem;
+ color: #212529;
+}
+
+.carousel {
+ position: relative;
+}
+
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+}
+
+.carousel-item {
+ position: relative;
+ display: none;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ transition: -webkit-transform 0.6s ease;
+ transition: transform 0.6s ease;
+ transition: transform 0.6s ease, -webkit-transform 0.6s ease;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-perspective: 1000px;
+ perspective: 1000px;
+}
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block;
+}
+
+.carousel-item-next,
+.carousel-item-prev {
+ position: absolute;
+ top: 0;
+}
+
+.carousel-item-next.carousel-item-left,
+.carousel-item-prev.carousel-item-right {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+}
+
+@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
+ .carousel-item-next.carousel-item-left,
+ .carousel-item-prev.carousel-item-right {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.carousel-item-next,
+.active.carousel-item-right {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+}
+
+@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
+ .carousel-item-next,
+ .active.carousel-item-right {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ }
+}
+
+.carousel-item-prev,
+.active.carousel-item-left {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+}
+
+@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
+ .carousel-item-prev,
+ .active.carousel-item-left {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ }
+}
+
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 15%;
+ color: #fff;
+ text-align: center;
+ opacity: 0.5;
+}
+
+.carousel-control-prev:hover, .carousel-control-prev:focus,
+.carousel-control-next:hover,
+.carousel-control-next:focus {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ opacity: .9;
+}
+
+.carousel-control-prev {
+ left: 0;
+}
+
+.carousel-control-next {
+ right: 0;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background: transparent no-repeat center center;
+ background-size: 100% 100%;
+}
+
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
+}
+
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
+}
+
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 10px;
+ left: 0;
+ z-index: 15;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding-left: 0;
+ margin-right: 15%;
+ margin-left: 15%;
+ list-style: none;
+}
+
+.carousel-indicators li {
+ position: relative;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+.carousel-indicators li::before {
+ position: absolute;
+ top: -10px;
+ left: 0;
+ display: inline-block;
+ width: 100%;
+ height: 10px;
+ content: "";
+}
+
+.carousel-indicators li::after {
+ position: absolute;
+ bottom: -10px;
+ left: 0;
+ display: inline-block;
+ width: 100%;
+ height: 10px;
+ content: "";
+}
+
+.carousel-indicators .active {
+ background-color: #fff;
+}
+
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 20px;
+ left: 15%;
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: #fff;
+ text-align: center;
+}
+
+.align-baseline {
+ vertical-align: baseline !important;
+}
+
+.align-top {
+ vertical-align: top !important;
+}
+
+.align-middle {
+ vertical-align: middle !important;
+}
+
+.align-bottom {
+ vertical-align: bottom !important;
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important;
+}
+
+.align-text-top {
+ vertical-align: text-top !important;
+}
+
+.bg-primary {
+ background-color: #007bff !important;
+}
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+ background-color: #0062cc !important;
+}
+
+.bg-secondary {
+ background-color: #6c757d !important;
+}
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+ background-color: #545b62 !important;
+}
+
+.bg-success {
+ background-color: #28a745 !important;
+}
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+ background-color: #1e7e34 !important;
+}
+
+.bg-info {
+ background-color: #17a2b8 !important;
+}
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+ background-color: #117a8b !important;
+}
+
+.bg-warning {
+ background-color: #ffc107 !important;
+}
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+ background-color: #d39e00 !important;
+}
+
+.bg-danger {
+ background-color: #dc3545 !important;
+}
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+ background-color: #bd2130 !important;
+}
+
+.bg-light {
+ background-color: #f8f9fa !important;
+}
+
+a.bg-light:hover, a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+ background-color: #dae0e5 !important;
+}
+
+.bg-dark {
+ background-color: #343a40 !important;
+}
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+ background-color: #1d2124 !important;
+}
+
+.bg-white {
+ background-color: #fff !important;
+}
+
+.bg-transparent {
+ background-color: transparent !important;
+}
+
+.border {
+ border: 1px solid #dee2e6 !important;
+}
+
+.border-top {
+ border-top: 1px solid #dee2e6 !important;
+}
+
+.border-right {
+ border-right: 1px solid #dee2e6 !important;
+}
+
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important;
+}
+
+.border-left {
+ border-left: 1px solid #dee2e6 !important;
+}
+
+.border-0 {
+ border: 0 !important;
+}
+
+.border-top-0 {
+ border-top: 0 !important;
+}
+
+.border-right-0 {
+ border-right: 0 !important;
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important;
+}
+
+.border-left-0 {
+ border-left: 0 !important;
+}
+
+.border-primary {
+ border-color: #007bff !important;
+}
+
+.border-secondary {
+ border-color: #6c757d !important;
+}
+
+.border-success {
+ border-color: #28a745 !important;
+}
+
+.border-info {
+ border-color: #17a2b8 !important;
+}
+
+.border-warning {
+ border-color: #ffc107 !important;
+}
+
+.border-danger {
+ border-color: #dc3545 !important;
+}
+
+.border-light {
+ border-color: #f8f9fa !important;
+}
+
+.border-dark {
+ border-color: #343a40 !important;
+}
+
+.border-white {
+ border-color: #fff !important;
+}
+
+.rounded {
+ border-radius: 0.25rem !important;
+}
+
+.rounded-top {
+ border-top-left-radius: 0.25rem !important;
+ border-top-right-radius: 0.25rem !important;
+}
+
+.rounded-right {
+ border-top-right-radius: 0.25rem !important;
+ border-bottom-right-radius: 0.25rem !important;
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: 0.25rem !important;
+ border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-left {
+ border-top-left-radius: 0.25rem !important;
+ border-bottom-left-radius: 0.25rem !important;
+}
+
+.rounded-circle {
+ border-radius: 50% !important;
+}
+
+.rounded-0 {
+ border-radius: 0 !important;
+}
+
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+
+.d-none {
+ display: none !important;
+}
+
+.d-inline {
+ display: inline !important;
+}
+
+.d-inline-block {
+ display: inline-block !important;
+}
+
+.d-block {
+ display: block !important;
+}
+
+.d-table {
+ display: table !important;
+}
+
+.d-table-row {
+ display: table-row !important;
+}
+
+.d-table-cell {
+ display: table-cell !important;
+}
+
+.d-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+}
+
+.d-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+}
+
+@media (min-width: 576px) {
+ .d-sm-none {
+ display: none !important;
+ }
+ .d-sm-inline {
+ display: inline !important;
+ }
+ .d-sm-inline-block {
+ display: inline-block !important;
+ }
+ .d-sm-block {
+ display: block !important;
+ }
+ .d-sm-table {
+ display: table !important;
+ }
+ .d-sm-table-row {
+ display: table-row !important;
+ }
+ .d-sm-table-cell {
+ display: table-cell !important;
+ }
+ .d-sm-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-sm-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .d-md-none {
+ display: none !important;
+ }
+ .d-md-inline {
+ display: inline !important;
+ }
+ .d-md-inline-block {
+ display: inline-block !important;
+ }
+ .d-md-block {
+ display: block !important;
+ }
+ .d-md-table {
+ display: table !important;
+ }
+ .d-md-table-row {
+ display: table-row !important;
+ }
+ .d-md-table-cell {
+ display: table-cell !important;
+ }
+ .d-md-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-md-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .d-lg-none {
+ display: none !important;
+ }
+ .d-lg-inline {
+ display: inline !important;
+ }
+ .d-lg-inline-block {
+ display: inline-block !important;
+ }
+ .d-lg-block {
+ display: block !important;
+ }
+ .d-lg-table {
+ display: table !important;
+ }
+ .d-lg-table-row {
+ display: table-row !important;
+ }
+ .d-lg-table-cell {
+ display: table-cell !important;
+ }
+ .d-lg-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-lg-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .d-xl-none {
+ display: none !important;
+ }
+ .d-xl-inline {
+ display: inline !important;
+ }
+ .d-xl-inline-block {
+ display: inline-block !important;
+ }
+ .d-xl-block {
+ display: block !important;
+ }
+ .d-xl-table {
+ display: table !important;
+ }
+ .d-xl-table-row {
+ display: table-row !important;
+ }
+ .d-xl-table-cell {
+ display: table-cell !important;
+ }
+ .d-xl-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-xl-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+@media print {
+ .d-print-none {
+ display: none !important;
+ }
+ .d-print-inline {
+ display: inline !important;
+ }
+ .d-print-inline-block {
+ display: inline-block !important;
+ }
+ .d-print-block {
+ display: block !important;
+ }
+ .d-print-table {
+ display: table !important;
+ }
+ .d-print-table-row {
+ display: table-row !important;
+ }
+ .d-print-table-cell {
+ display: table-cell !important;
+ }
+ .d-print-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ }
+ .d-print-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important;
+ }
+}
+
+.embed-responsive {
+ position: relative;
+ display: block;
+ width: 100%;
+ padding: 0;
+ overflow: hidden;
+}
+
+.embed-responsive::before {
+ display: block;
+ content: "";
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+}
+
+.embed-responsive-21by9::before {
+ padding-top: 42.857143%;
+}
+
+.embed-responsive-16by9::before {
+ padding-top: 56.25%;
+}
+
+.embed-responsive-4by3::before {
+ padding-top: 75%;
+}
+
+.embed-responsive-1by1::before {
+ padding-top: 100%;
+}
+
+.flex-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+}
+
+.flex-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+}
+
+.flex-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+}
+
+.flex-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+}
+
+.flex-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+}
+
+.flex-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+}
+
+.flex-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+}
+
+.justify-content-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+}
+
+.justify-content-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+}
+
+.justify-content-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+}
+
+.justify-content-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+}
+
+.justify-content-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+}
+
+.align-items-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+}
+
+.align-items-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+}
+
+.align-items-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+}
+
+.align-items-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+}
+
+.align-items-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+}
+
+.align-content-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+}
+
+.align-content-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+}
+
+.align-content-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+}
+
+.align-content-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+}
+
+.align-content-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+}
+
+.align-content-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+}
+
+.align-self-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+}
+
+.align-self-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+}
+
+.align-self-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+}
+
+.align-self-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+}
+
+.align-self-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+}
+
+.align-self-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+}
+
+@media (min-width: 576px) {
+ .flex-sm-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-sm-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-sm-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-sm-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-sm-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-sm-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-sm-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-sm-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-sm-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-sm-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-sm-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-sm-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .align-items-sm-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-sm-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-sm-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-sm-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-sm-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-sm-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-sm-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-sm-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-sm-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-sm-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-sm-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-sm-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-sm-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-sm-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-sm-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-sm-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-sm-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .flex-md-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-md-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-md-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-md-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-md-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-md-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-md-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-md-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-md-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-md-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-md-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-md-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .align-items-md-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-md-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-md-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-md-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-md-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-md-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-md-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-md-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-md-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-md-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-md-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-md-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-md-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-md-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-md-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-md-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-md-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .flex-lg-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-lg-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-lg-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-lg-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-lg-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-lg-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-lg-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-lg-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-lg-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-lg-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-lg-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-lg-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .align-items-lg-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-lg-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-lg-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-lg-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-lg-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-lg-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-lg-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-lg-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-lg-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-lg-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-lg-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-lg-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-lg-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-lg-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-lg-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-lg-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-lg-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .flex-xl-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important;
+ }
+ .flex-xl-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+ .flex-xl-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
+ }
+ .flex-xl-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important;
+ }
+ .flex-xl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
+ }
+ .flex-xl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
+ }
+ .flex-xl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important;
+ }
+ .justify-content-xl-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important;
+ }
+ .justify-content-xl-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important;
+ }
+ .justify-content-xl-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important;
+ }
+ .justify-content-xl-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important;
+ }
+ .justify-content-xl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important;
+ }
+ .align-items-xl-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important;
+ }
+ .align-items-xl-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important;
+ }
+ .align-items-xl-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important;
+ }
+ .align-items-xl-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important;
+ }
+ .align-items-xl-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important;
+ }
+ .align-content-xl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important;
+ }
+ .align-content-xl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important;
+ }
+ .align-content-xl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important;
+ }
+ .align-content-xl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important;
+ }
+ .align-content-xl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important;
+ }
+ .align-content-xl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important;
+ }
+ .align-self-xl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important;
+ }
+ .align-self-xl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important;
+ }
+ .align-self-xl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important;
+ }
+ .align-self-xl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important;
+ }
+ .align-self-xl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important;
+ }
+ .align-self-xl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important;
+ }
+}
+
+.float-left {
+ float: left !important;
+}
+
+.float-right {
+ float: right !important;
+}
+
+.float-none {
+ float: none !important;
+}
+
+@media (min-width: 576px) {
+ .float-sm-left {
+ float: left !important;
+ }
+ .float-sm-right {
+ float: right !important;
+ }
+ .float-sm-none {
+ float: none !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .float-md-left {
+ float: left !important;
+ }
+ .float-md-right {
+ float: right !important;
+ }
+ .float-md-none {
+ float: none !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .float-lg-left {
+ float: left !important;
+ }
+ .float-lg-right {
+ float: right !important;
+ }
+ .float-lg-none {
+ float: none !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .float-xl-left {
+ float: left !important;
+ }
+ .float-xl-right {
+ float: right !important;
+ }
+ .float-xl-none {
+ float: none !important;
+ }
+}
+
+.position-static {
+ position: static !important;
+}
+
+.position-relative {
+ position: relative !important;
+}
+
+.position-absolute {
+ position: absolute !important;
+}
+
+.position-fixed {
+ position: fixed !important;
+}
+
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important;
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
+}
+
+@supports ((position: -webkit-sticky) or (position: sticky)) {
+ .sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020;
+ }
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ border: 0;
+}
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ overflow: visible;
+ clip: auto;
+ white-space: normal;
+ -webkit-clip-path: none;
+ clip-path: none;
+}
+
+.w-25 {
+ width: 25% !important;
+}
+
+.w-50 {
+ width: 50% !important;
+}
+
+.w-75 {
+ width: 75% !important;
+}
+
+.w-100 {
+ width: 100% !important;
+}
+
+.h-25 {
+ height: 25% !important;
+}
+
+.h-50 {
+ height: 50% !important;
+}
+
+.h-75 {
+ height: 75% !important;
+}
+
+.h-100 {
+ height: 100% !important;
+}
+
+.mw-100 {
+ max-width: 100% !important;
+}
+
+.mh-100 {
+ max-height: 100% !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.mt-0,
+.my-0 {
+ margin-top: 0 !important;
+}
+
+.mr-0,
+.mx-0 {
+ margin-right: 0 !important;
+}
+
+.mb-0,
+.my-0 {
+ margin-bottom: 0 !important;
+}
+
+.ml-0,
+.mx-0 {
+ margin-left: 0 !important;
+}
+
+.m-1 {
+ margin: 0.25rem !important;
+}
+
+.mt-1,
+.my-1 {
+ margin-top: 0.25rem !important;
+}
+
+.mr-1,
+.mx-1 {
+ margin-right: 0.25rem !important;
+}
+
+.mb-1,
+.my-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.ml-1,
+.mx-1 {
+ margin-left: 0.25rem !important;
+}
+
+.m-2 {
+ margin: 0.5rem !important;
+}
+
+.mt-2,
+.my-2 {
+ margin-top: 0.5rem !important;
+}
+
+.mr-2,
+.mx-2 {
+ margin-right: 0.5rem !important;
+}
+
+.mb-2,
+.my-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.ml-2,
+.mx-2 {
+ margin-left: 0.5rem !important;
+}
+
+.m-3 {
+ margin: 1rem !important;
+}
+
+.mt-3,
+.my-3 {
+ margin-top: 1rem !important;
+}
+
+.mr-3,
+.mx-3 {
+ margin-right: 1rem !important;
+}
+
+.mb-3,
+.my-3 {
+ margin-bottom: 1rem !important;
+}
+
+.ml-3,
+.mx-3 {
+ margin-left: 1rem !important;
+}
+
+.m-4 {
+ margin: 1.5rem !important;
+}
+
+.mt-4,
+.my-4 {
+ margin-top: 1.5rem !important;
+}
+
+.mr-4,
+.mx-4 {
+ margin-right: 1.5rem !important;
+}
+
+.mb-4,
+.my-4 {
+ margin-bottom: 1.5rem !important;
+}
+
+.ml-4,
+.mx-4 {
+ margin-left: 1.5rem !important;
+}
+
+.m-5 {
+ margin: 3rem !important;
+}
+
+.mt-5,
+.my-5 {
+ margin-top: 3rem !important;
+}
+
+.mr-5,
+.mx-5 {
+ margin-right: 3rem !important;
+}
+
+.mb-5,
+.my-5 {
+ margin-bottom: 3rem !important;
+}
+
+.ml-5,
+.mx-5 {
+ margin-left: 3rem !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.pt-0,
+.py-0 {
+ padding-top: 0 !important;
+}
+
+.pr-0,
+.px-0 {
+ padding-right: 0 !important;
+}
+
+.pb-0,
+.py-0 {
+ padding-bottom: 0 !important;
+}
+
+.pl-0,
+.px-0 {
+ padding-left: 0 !important;
+}
+
+.p-1 {
+ padding: 0.25rem !important;
+}
+
+.pt-1,
+.py-1 {
+ padding-top: 0.25rem !important;
+}
+
+.pr-1,
+.px-1 {
+ padding-right: 0.25rem !important;
+}
+
+.pb-1,
+.py-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.pl-1,
+.px-1 {
+ padding-left: 0.25rem !important;
+}
+
+.p-2 {
+ padding: 0.5rem !important;
+}
+
+.pt-2,
+.py-2 {
+ padding-top: 0.5rem !important;
+}
+
+.pr-2,
+.px-2 {
+ padding-right: 0.5rem !important;
+}
+
+.pb-2,
+.py-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pl-2,
+.px-2 {
+ padding-left: 0.5rem !important;
+}
+
+.p-3 {
+ padding: 1rem !important;
+}
+
+.pt-3,
+.py-3 {
+ padding-top: 1rem !important;
+}
+
+.pr-3,
+.px-3 {
+ padding-right: 1rem !important;
+}
+
+.pb-3,
+.py-3 {
+ padding-bottom: 1rem !important;
+}
+
+.pl-3,
+.px-3 {
+ padding-left: 1rem !important;
+}
+
+.p-4 {
+ padding: 1.5rem !important;
+}
+
+.pt-4,
+.py-4 {
+ padding-top: 1.5rem !important;
+}
+
+.pr-4,
+.px-4 {
+ padding-right: 1.5rem !important;
+}
+
+.pb-4,
+.py-4 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pl-4,
+.px-4 {
+ padding-left: 1.5rem !important;
+}
+
+.p-5 {
+ padding: 3rem !important;
+}
+
+.pt-5,
+.py-5 {
+ padding-top: 3rem !important;
+}
+
+.pr-5,
+.px-5 {
+ padding-right: 3rem !important;
+}
+
+.pb-5,
+.py-5 {
+ padding-bottom: 3rem !important;
+}
+
+.pl-5,
+.px-5 {
+ padding-left: 3rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mt-auto,
+.my-auto {
+ margin-top: auto !important;
+}
+
+.mr-auto,
+.mx-auto {
+ margin-right: auto !important;
+}
+
+.mb-auto,
+.my-auto {
+ margin-bottom: auto !important;
+}
+
+.ml-auto,
+.mx-auto {
+ margin-left: auto !important;
+}
+
+@media (min-width: 576px) {
+ .m-sm-0 {
+ margin: 0 !important;
+ }
+ .mt-sm-0,
+ .my-sm-0 {
+ margin-top: 0 !important;
+ }
+ .mr-sm-0,
+ .mx-sm-0 {
+ margin-right: 0 !important;
+ }
+ .mb-sm-0,
+ .my-sm-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-sm-0,
+ .mx-sm-0 {
+ margin-left: 0 !important;
+ }
+ .m-sm-1 {
+ margin: 0.25rem !important;
+ }
+ .mt-sm-1,
+ .my-sm-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mr-sm-1,
+ .mx-sm-1 {
+ margin-right: 0.25rem !important;
+ }
+ .mb-sm-1,
+ .my-sm-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .ml-sm-1,
+ .mx-sm-1 {
+ margin-left: 0.25rem !important;
+ }
+ .m-sm-2 {
+ margin: 0.5rem !important;
+ }
+ .mt-sm-2,
+ .my-sm-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mr-sm-2,
+ .mx-sm-2 {
+ margin-right: 0.5rem !important;
+ }
+ .mb-sm-2,
+ .my-sm-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .ml-sm-2,
+ .mx-sm-2 {
+ margin-left: 0.5rem !important;
+ }
+ .m-sm-3 {
+ margin: 1rem !important;
+ }
+ .mt-sm-3,
+ .my-sm-3 {
+ margin-top: 1rem !important;
+ }
+ .mr-sm-3,
+ .mx-sm-3 {
+ margin-right: 1rem !important;
+ }
+ .mb-sm-3,
+ .my-sm-3 {
+ margin-bottom: 1rem !important;
+ }
+ .ml-sm-3,
+ .mx-sm-3 {
+ margin-left: 1rem !important;
+ }
+ .m-sm-4 {
+ margin: 1.5rem !important;
+ }
+ .mt-sm-4,
+ .my-sm-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mr-sm-4,
+ .mx-sm-4 {
+ margin-right: 1.5rem !important;
+ }
+ .mb-sm-4,
+ .my-sm-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .ml-sm-4,
+ .mx-sm-4 {
+ margin-left: 1.5rem !important;
+ }
+ .m-sm-5 {
+ margin: 3rem !important;
+ }
+ .mt-sm-5,
+ .my-sm-5 {
+ margin-top: 3rem !important;
+ }
+ .mr-sm-5,
+ .mx-sm-5 {
+ margin-right: 3rem !important;
+ }
+ .mb-sm-5,
+ .my-sm-5 {
+ margin-bottom: 3rem !important;
+ }
+ .ml-sm-5,
+ .mx-sm-5 {
+ margin-left: 3rem !important;
+ }
+ .p-sm-0 {
+ padding: 0 !important;
+ }
+ .pt-sm-0,
+ .py-sm-0 {
+ padding-top: 0 !important;
+ }
+ .pr-sm-0,
+ .px-sm-0 {
+ padding-right: 0 !important;
+ }
+ .pb-sm-0,
+ .py-sm-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-sm-0,
+ .px-sm-0 {
+ padding-left: 0 !important;
+ }
+ .p-sm-1 {
+ padding: 0.25rem !important;
+ }
+ .pt-sm-1,
+ .py-sm-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pr-sm-1,
+ .px-sm-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pb-sm-1,
+ .py-sm-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pl-sm-1,
+ .px-sm-1 {
+ padding-left: 0.25rem !important;
+ }
+ .p-sm-2 {
+ padding: 0.5rem !important;
+ }
+ .pt-sm-2,
+ .py-sm-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pr-sm-2,
+ .px-sm-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pb-sm-2,
+ .py-sm-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pl-sm-2,
+ .px-sm-2 {
+ padding-left: 0.5rem !important;
+ }
+ .p-sm-3 {
+ padding: 1rem !important;
+ }
+ .pt-sm-3,
+ .py-sm-3 {
+ padding-top: 1rem !important;
+ }
+ .pr-sm-3,
+ .px-sm-3 {
+ padding-right: 1rem !important;
+ }
+ .pb-sm-3,
+ .py-sm-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pl-sm-3,
+ .px-sm-3 {
+ padding-left: 1rem !important;
+ }
+ .p-sm-4 {
+ padding: 1.5rem !important;
+ }
+ .pt-sm-4,
+ .py-sm-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pr-sm-4,
+ .px-sm-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pb-sm-4,
+ .py-sm-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pl-sm-4,
+ .px-sm-4 {
+ padding-left: 1.5rem !important;
+ }
+ .p-sm-5 {
+ padding: 3rem !important;
+ }
+ .pt-sm-5,
+ .py-sm-5 {
+ padding-top: 3rem !important;
+ }
+ .pr-sm-5,
+ .px-sm-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-sm-5,
+ .py-sm-5 {
+ padding-bottom: 3rem !important;
+ }
+ .pl-sm-5,
+ .px-sm-5 {
+ padding-left: 3rem !important;
+ }
+ .m-sm-auto {
+ margin: auto !important;
+ }
+ .mt-sm-auto,
+ .my-sm-auto {
+ margin-top: auto !important;
+ }
+ .mr-sm-auto,
+ .mx-sm-auto {
+ margin-right: auto !important;
+ }
+ .mb-sm-auto,
+ .my-sm-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-sm-auto,
+ .mx-sm-auto {
+ margin-left: auto !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .m-md-0 {
+ margin: 0 !important;
+ }
+ .mt-md-0,
+ .my-md-0 {
+ margin-top: 0 !important;
+ }
+ .mr-md-0,
+ .mx-md-0 {
+ margin-right: 0 !important;
+ }
+ .mb-md-0,
+ .my-md-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-md-0,
+ .mx-md-0 {
+ margin-left: 0 !important;
+ }
+ .m-md-1 {
+ margin: 0.25rem !important;
+ }
+ .mt-md-1,
+ .my-md-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mr-md-1,
+ .mx-md-1 {
+ margin-right: 0.25rem !important;
+ }
+ .mb-md-1,
+ .my-md-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .ml-md-1,
+ .mx-md-1 {
+ margin-left: 0.25rem !important;
+ }
+ .m-md-2 {
+ margin: 0.5rem !important;
+ }
+ .mt-md-2,
+ .my-md-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mr-md-2,
+ .mx-md-2 {
+ margin-right: 0.5rem !important;
+ }
+ .mb-md-2,
+ .my-md-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .ml-md-2,
+ .mx-md-2 {
+ margin-left: 0.5rem !important;
+ }
+ .m-md-3 {
+ margin: 1rem !important;
+ }
+ .mt-md-3,
+ .my-md-3 {
+ margin-top: 1rem !important;
+ }
+ .mr-md-3,
+ .mx-md-3 {
+ margin-right: 1rem !important;
+ }
+ .mb-md-3,
+ .my-md-3 {
+ margin-bottom: 1rem !important;
+ }
+ .ml-md-3,
+ .mx-md-3 {
+ margin-left: 1rem !important;
+ }
+ .m-md-4 {
+ margin: 1.5rem !important;
+ }
+ .mt-md-4,
+ .my-md-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mr-md-4,
+ .mx-md-4 {
+ margin-right: 1.5rem !important;
+ }
+ .mb-md-4,
+ .my-md-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .ml-md-4,
+ .mx-md-4 {
+ margin-left: 1.5rem !important;
+ }
+ .m-md-5 {
+ margin: 3rem !important;
+ }
+ .mt-md-5,
+ .my-md-5 {
+ margin-top: 3rem !important;
+ }
+ .mr-md-5,
+ .mx-md-5 {
+ margin-right: 3rem !important;
+ }
+ .mb-md-5,
+ .my-md-5 {
+ margin-bottom: 3rem !important;
+ }
+ .ml-md-5,
+ .mx-md-5 {
+ margin-left: 3rem !important;
+ }
+ .p-md-0 {
+ padding: 0 !important;
+ }
+ .pt-md-0,
+ .py-md-0 {
+ padding-top: 0 !important;
+ }
+ .pr-md-0,
+ .px-md-0 {
+ padding-right: 0 !important;
+ }
+ .pb-md-0,
+ .py-md-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-md-0,
+ .px-md-0 {
+ padding-left: 0 !important;
+ }
+ .p-md-1 {
+ padding: 0.25rem !important;
+ }
+ .pt-md-1,
+ .py-md-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pr-md-1,
+ .px-md-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pb-md-1,
+ .py-md-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pl-md-1,
+ .px-md-1 {
+ padding-left: 0.25rem !important;
+ }
+ .p-md-2 {
+ padding: 0.5rem !important;
+ }
+ .pt-md-2,
+ .py-md-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pr-md-2,
+ .px-md-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pb-md-2,
+ .py-md-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pl-md-2,
+ .px-md-2 {
+ padding-left: 0.5rem !important;
+ }
+ .p-md-3 {
+ padding: 1rem !important;
+ }
+ .pt-md-3,
+ .py-md-3 {
+ padding-top: 1rem !important;
+ }
+ .pr-md-3,
+ .px-md-3 {
+ padding-right: 1rem !important;
+ }
+ .pb-md-3,
+ .py-md-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pl-md-3,
+ .px-md-3 {
+ padding-left: 1rem !important;
+ }
+ .p-md-4 {
+ padding: 1.5rem !important;
+ }
+ .pt-md-4,
+ .py-md-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pr-md-4,
+ .px-md-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pb-md-4,
+ .py-md-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pl-md-4,
+ .px-md-4 {
+ padding-left: 1.5rem !important;
+ }
+ .p-md-5 {
+ padding: 3rem !important;
+ }
+ .pt-md-5,
+ .py-md-5 {
+ padding-top: 3rem !important;
+ }
+ .pr-md-5,
+ .px-md-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-md-5,
+ .py-md-5 {
+ padding-bottom: 3rem !important;
+ }
+ .pl-md-5,
+ .px-md-5 {
+ padding-left: 3rem !important;
+ }
+ .m-md-auto {
+ margin: auto !important;
+ }
+ .mt-md-auto,
+ .my-md-auto {
+ margin-top: auto !important;
+ }
+ .mr-md-auto,
+ .mx-md-auto {
+ margin-right: auto !important;
+ }
+ .mb-md-auto,
+ .my-md-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-md-auto,
+ .mx-md-auto {
+ margin-left: auto !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .m-lg-0 {
+ margin: 0 !important;
+ }
+ .mt-lg-0,
+ .my-lg-0 {
+ margin-top: 0 !important;
+ }
+ .mr-lg-0,
+ .mx-lg-0 {
+ margin-right: 0 !important;
+ }
+ .mb-lg-0,
+ .my-lg-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-lg-0,
+ .mx-lg-0 {
+ margin-left: 0 !important;
+ }
+ .m-lg-1 {
+ margin: 0.25rem !important;
+ }
+ .mt-lg-1,
+ .my-lg-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mr-lg-1,
+ .mx-lg-1 {
+ margin-right: 0.25rem !important;
+ }
+ .mb-lg-1,
+ .my-lg-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .ml-lg-1,
+ .mx-lg-1 {
+ margin-left: 0.25rem !important;
+ }
+ .m-lg-2 {
+ margin: 0.5rem !important;
+ }
+ .mt-lg-2,
+ .my-lg-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mr-lg-2,
+ .mx-lg-2 {
+ margin-right: 0.5rem !important;
+ }
+ .mb-lg-2,
+ .my-lg-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .ml-lg-2,
+ .mx-lg-2 {
+ margin-left: 0.5rem !important;
+ }
+ .m-lg-3 {
+ margin: 1rem !important;
+ }
+ .mt-lg-3,
+ .my-lg-3 {
+ margin-top: 1rem !important;
+ }
+ .mr-lg-3,
+ .mx-lg-3 {
+ margin-right: 1rem !important;
+ }
+ .mb-lg-3,
+ .my-lg-3 {
+ margin-bottom: 1rem !important;
+ }
+ .ml-lg-3,
+ .mx-lg-3 {
+ margin-left: 1rem !important;
+ }
+ .m-lg-4 {
+ margin: 1.5rem !important;
+ }
+ .mt-lg-4,
+ .my-lg-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mr-lg-4,
+ .mx-lg-4 {
+ margin-right: 1.5rem !important;
+ }
+ .mb-lg-4,
+ .my-lg-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .ml-lg-4,
+ .mx-lg-4 {
+ margin-left: 1.5rem !important;
+ }
+ .m-lg-5 {
+ margin: 3rem !important;
+ }
+ .mt-lg-5,
+ .my-lg-5 {
+ margin-top: 3rem !important;
+ }
+ .mr-lg-5,
+ .mx-lg-5 {
+ margin-right: 3rem !important;
+ }
+ .mb-lg-5,
+ .my-lg-5 {
+ margin-bottom: 3rem !important;
+ }
+ .ml-lg-5,
+ .mx-lg-5 {
+ margin-left: 3rem !important;
+ }
+ .p-lg-0 {
+ padding: 0 !important;
+ }
+ .pt-lg-0,
+ .py-lg-0 {
+ padding-top: 0 !important;
+ }
+ .pr-lg-0,
+ .px-lg-0 {
+ padding-right: 0 !important;
+ }
+ .pb-lg-0,
+ .py-lg-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-lg-0,
+ .px-lg-0 {
+ padding-left: 0 !important;
+ }
+ .p-lg-1 {
+ padding: 0.25rem !important;
+ }
+ .pt-lg-1,
+ .py-lg-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pr-lg-1,
+ .px-lg-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pb-lg-1,
+ .py-lg-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pl-lg-1,
+ .px-lg-1 {
+ padding-left: 0.25rem !important;
+ }
+ .p-lg-2 {
+ padding: 0.5rem !important;
+ }
+ .pt-lg-2,
+ .py-lg-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pr-lg-2,
+ .px-lg-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pb-lg-2,
+ .py-lg-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pl-lg-2,
+ .px-lg-2 {
+ padding-left: 0.5rem !important;
+ }
+ .p-lg-3 {
+ padding: 1rem !important;
+ }
+ .pt-lg-3,
+ .py-lg-3 {
+ padding-top: 1rem !important;
+ }
+ .pr-lg-3,
+ .px-lg-3 {
+ padding-right: 1rem !important;
+ }
+ .pb-lg-3,
+ .py-lg-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pl-lg-3,
+ .px-lg-3 {
+ padding-left: 1rem !important;
+ }
+ .p-lg-4 {
+ padding: 1.5rem !important;
+ }
+ .pt-lg-4,
+ .py-lg-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pr-lg-4,
+ .px-lg-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pb-lg-4,
+ .py-lg-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pl-lg-4,
+ .px-lg-4 {
+ padding-left: 1.5rem !important;
+ }
+ .p-lg-5 {
+ padding: 3rem !important;
+ }
+ .pt-lg-5,
+ .py-lg-5 {
+ padding-top: 3rem !important;
+ }
+ .pr-lg-5,
+ .px-lg-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-lg-5,
+ .py-lg-5 {
+ padding-bottom: 3rem !important;
+ }
+ .pl-lg-5,
+ .px-lg-5 {
+ padding-left: 3rem !important;
+ }
+ .m-lg-auto {
+ margin: auto !important;
+ }
+ .mt-lg-auto,
+ .my-lg-auto {
+ margin-top: auto !important;
+ }
+ .mr-lg-auto,
+ .mx-lg-auto {
+ margin-right: auto !important;
+ }
+ .mb-lg-auto,
+ .my-lg-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-lg-auto,
+ .mx-lg-auto {
+ margin-left: auto !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .m-xl-0 {
+ margin: 0 !important;
+ }
+ .mt-xl-0,
+ .my-xl-0 {
+ margin-top: 0 !important;
+ }
+ .mr-xl-0,
+ .mx-xl-0 {
+ margin-right: 0 !important;
+ }
+ .mb-xl-0,
+ .my-xl-0 {
+ margin-bottom: 0 !important;
+ }
+ .ml-xl-0,
+ .mx-xl-0 {
+ margin-left: 0 !important;
+ }
+ .m-xl-1 {
+ margin: 0.25rem !important;
+ }
+ .mt-xl-1,
+ .my-xl-1 {
+ margin-top: 0.25rem !important;
+ }
+ .mr-xl-1,
+ .mx-xl-1 {
+ margin-right: 0.25rem !important;
+ }
+ .mb-xl-1,
+ .my-xl-1 {
+ margin-bottom: 0.25rem !important;
+ }
+ .ml-xl-1,
+ .mx-xl-1 {
+ margin-left: 0.25rem !important;
+ }
+ .m-xl-2 {
+ margin: 0.5rem !important;
+ }
+ .mt-xl-2,
+ .my-xl-2 {
+ margin-top: 0.5rem !important;
+ }
+ .mr-xl-2,
+ .mx-xl-2 {
+ margin-right: 0.5rem !important;
+ }
+ .mb-xl-2,
+ .my-xl-2 {
+ margin-bottom: 0.5rem !important;
+ }
+ .ml-xl-2,
+ .mx-xl-2 {
+ margin-left: 0.5rem !important;
+ }
+ .m-xl-3 {
+ margin: 1rem !important;
+ }
+ .mt-xl-3,
+ .my-xl-3 {
+ margin-top: 1rem !important;
+ }
+ .mr-xl-3,
+ .mx-xl-3 {
+ margin-right: 1rem !important;
+ }
+ .mb-xl-3,
+ .my-xl-3 {
+ margin-bottom: 1rem !important;
+ }
+ .ml-xl-3,
+ .mx-xl-3 {
+ margin-left: 1rem !important;
+ }
+ .m-xl-4 {
+ margin: 1.5rem !important;
+ }
+ .mt-xl-4,
+ .my-xl-4 {
+ margin-top: 1.5rem !important;
+ }
+ .mr-xl-4,
+ .mx-xl-4 {
+ margin-right: 1.5rem !important;
+ }
+ .mb-xl-4,
+ .my-xl-4 {
+ margin-bottom: 1.5rem !important;
+ }
+ .ml-xl-4,
+ .mx-xl-4 {
+ margin-left: 1.5rem !important;
+ }
+ .m-xl-5 {
+ margin: 3rem !important;
+ }
+ .mt-xl-5,
+ .my-xl-5 {
+ margin-top: 3rem !important;
+ }
+ .mr-xl-5,
+ .mx-xl-5 {
+ margin-right: 3rem !important;
+ }
+ .mb-xl-5,
+ .my-xl-5 {
+ margin-bottom: 3rem !important;
+ }
+ .ml-xl-5,
+ .mx-xl-5 {
+ margin-left: 3rem !important;
+ }
+ .p-xl-0 {
+ padding: 0 !important;
+ }
+ .pt-xl-0,
+ .py-xl-0 {
+ padding-top: 0 !important;
+ }
+ .pr-xl-0,
+ .px-xl-0 {
+ padding-right: 0 !important;
+ }
+ .pb-xl-0,
+ .py-xl-0 {
+ padding-bottom: 0 !important;
+ }
+ .pl-xl-0,
+ .px-xl-0 {
+ padding-left: 0 !important;
+ }
+ .p-xl-1 {
+ padding: 0.25rem !important;
+ }
+ .pt-xl-1,
+ .py-xl-1 {
+ padding-top: 0.25rem !important;
+ }
+ .pr-xl-1,
+ .px-xl-1 {
+ padding-right: 0.25rem !important;
+ }
+ .pb-xl-1,
+ .py-xl-1 {
+ padding-bottom: 0.25rem !important;
+ }
+ .pl-xl-1,
+ .px-xl-1 {
+ padding-left: 0.25rem !important;
+ }
+ .p-xl-2 {
+ padding: 0.5rem !important;
+ }
+ .pt-xl-2,
+ .py-xl-2 {
+ padding-top: 0.5rem !important;
+ }
+ .pr-xl-2,
+ .px-xl-2 {
+ padding-right: 0.5rem !important;
+ }
+ .pb-xl-2,
+ .py-xl-2 {
+ padding-bottom: 0.5rem !important;
+ }
+ .pl-xl-2,
+ .px-xl-2 {
+ padding-left: 0.5rem !important;
+ }
+ .p-xl-3 {
+ padding: 1rem !important;
+ }
+ .pt-xl-3,
+ .py-xl-3 {
+ padding-top: 1rem !important;
+ }
+ .pr-xl-3,
+ .px-xl-3 {
+ padding-right: 1rem !important;
+ }
+ .pb-xl-3,
+ .py-xl-3 {
+ padding-bottom: 1rem !important;
+ }
+ .pl-xl-3,
+ .px-xl-3 {
+ padding-left: 1rem !important;
+ }
+ .p-xl-4 {
+ padding: 1.5rem !important;
+ }
+ .pt-xl-4,
+ .py-xl-4 {
+ padding-top: 1.5rem !important;
+ }
+ .pr-xl-4,
+ .px-xl-4 {
+ padding-right: 1.5rem !important;
+ }
+ .pb-xl-4,
+ .py-xl-4 {
+ padding-bottom: 1.5rem !important;
+ }
+ .pl-xl-4,
+ .px-xl-4 {
+ padding-left: 1.5rem !important;
+ }
+ .p-xl-5 {
+ padding: 3rem !important;
+ }
+ .pt-xl-5,
+ .py-xl-5 {
+ padding-top: 3rem !important;
+ }
+ .pr-xl-5,
+ .px-xl-5 {
+ padding-right: 3rem !important;
+ }
+ .pb-xl-5,
+ .py-xl-5 {
+ padding-bottom: 3rem !important;
+ }
+ .pl-xl-5,
+ .px-xl-5 {
+ padding-left: 3rem !important;
+ }
+ .m-xl-auto {
+ margin: auto !important;
+ }
+ .mt-xl-auto,
+ .my-xl-auto {
+ margin-top: auto !important;
+ }
+ .mr-xl-auto,
+ .mx-xl-auto {
+ margin-right: auto !important;
+ }
+ .mb-xl-auto,
+ .my-xl-auto {
+ margin-bottom: auto !important;
+ }
+ .ml-xl-auto,
+ .mx-xl-auto {
+ margin-left: auto !important;
+ }
+}
+
+.text-justify {
+ text-align: justify !important;
+}
+
+.text-nowrap {
+ white-space: nowrap !important;
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.text-left {
+ text-align: left !important;
+}
+
+.text-right {
+ text-align: right !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+@media (min-width: 576px) {
+ .text-sm-left {
+ text-align: left !important;
+ }
+ .text-sm-right {
+ text-align: right !important;
+ }
+ .text-sm-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 768px) {
+ .text-md-left {
+ text-align: left !important;
+ }
+ .text-md-right {
+ text-align: right !important;
+ }
+ .text-md-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 992px) {
+ .text-lg-left {
+ text-align: left !important;
+ }
+ .text-lg-right {
+ text-align: right !important;
+ }
+ .text-lg-center {
+ text-align: center !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .text-xl-left {
+ text-align: left !important;
+ }
+ .text-xl-right {
+ text-align: right !important;
+ }
+ .text-xl-center {
+ text-align: center !important;
+ }
+}
+
+.text-lowercase {
+ text-transform: lowercase !important;
+}
+
+.text-uppercase {
+ text-transform: uppercase !important;
+}
+
+.text-capitalize {
+ text-transform: capitalize !important;
+}
+
+.font-weight-light {
+ font-weight: 300 !important;
+}
+
+.font-weight-normal {
+ font-weight: 400 !important;
+}
+
+.font-weight-bold {
+ font-weight: 700 !important;
+}
+
+.font-italic {
+ font-style: italic !important;
+}
+
+.text-white {
+ color: #fff !important;
+}
+
+.text-primary {
+ color: #007bff !important;
+}
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #0062cc !important;
+}
+
+.text-secondary {
+ color: #6c757d !important;
+}
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #545b62 !important;
+}
+
+.text-success {
+ color: #28a745 !important;
+}
+
+a.text-success:hover, a.text-success:focus {
+ color: #1e7e34 !important;
+}
+
+.text-info {
+ color: #17a2b8 !important;
+}
+
+a.text-info:hover, a.text-info:focus {
+ color: #117a8b !important;
+}
+
+.text-warning {
+ color: #ffc107 !important;
+}
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #d39e00 !important;
+}
+
+.text-danger {
+ color: #dc3545 !important;
+}
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #bd2130 !important;
+}
+
+.text-light {
+ color: #f8f9fa !important;
+}
+
+a.text-light:hover, a.text-light:focus {
+ color: #dae0e5 !important;
+}
+
+.text-dark {
+ color: #343a40 !important;
+}
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #1d2124 !important;
+}
+
+.text-muted {
+ color: #6c757d !important;
+}
+
+.text-hide {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0;
+}
+
+.visible {
+ visibility: visible !important;
+}
+
+.invisible {
+ visibility: hidden !important;
+}
+
+@media print {
+ *,
+ *::before,
+ *::after {
+ text-shadow: none !important;
+ box-shadow: none !important;
+ }
+ a:not(.btn) {
+ text-decoration: underline;
+ }
+ abbr[title]::after {
+ content: " (" attr(title) ")";
+ }
+ pre {
+ white-space: pre-wrap !important;
+ }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+ @page {
+ size: a3;
+ }
+ body {
+ min-width: 992px !important;
+ }
+ .container {
+ min-width: 992px !important;
+ }
+ .navbar {
+ display: none;
+ }
+ .badge {
+ border: 1px solid #000;
+ }
+ .table {
+ border-collapse: collapse !important;
+ }
+ .table td,
+ .table th {
+ background-color: #fff !important;
+ }
+ .table-bordered th,
+ .table-bordered td {
+ border: 1px solid #ddd !important;
+ }
+}
+/*# sourceMappingURL=bootstrap.css.map */
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap.css.map b/public/ThirdParty/Bootstrap/css/bootstrap.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..a4532ecc7ebdf78d0eeec00e5d6ce883551d275d
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../scss/bootstrap.scss","../../scss/_root.scss","../../scss/_reboot.scss","bootstrap.css","../../scss/_variables.scss","../../scss/mixins/_hover.scss","../../scss/_type.scss","../../scss/mixins/_lists.scss","../../scss/_images.scss","../../scss/mixins/_image.scss","../../scss/mixins/_border-radius.scss","../../scss/_code.scss","../../scss/_grid.scss","../../scss/mixins/_grid.scss","../../scss/mixins/_breakpoints.scss","../../scss/mixins/_grid-framework.scss","../../scss/_tables.scss","../../scss/mixins/_table-row.scss","../../scss/_functions.scss","../../scss/_forms.scss","../../scss/mixins/_transition.scss","../../scss/mixins/_forms.scss","../../scss/mixins/_gradients.scss","../../scss/_buttons.scss","../../scss/mixins/_buttons.scss","../../scss/_transitions.scss","../../scss/_dropdown.scss","../../scss/mixins/_caret.scss","../../scss/mixins/_nav-divider.scss","../../scss/_button-group.scss","../../scss/_input-group.scss","../../scss/_custom-forms.scss","../../scss/_nav.scss","../../scss/_navbar.scss","../../scss/_card.scss","../../scss/_breadcrumb.scss","../../scss/_pagination.scss","../../scss/mixins/_pagination.scss","../../scss/_badge.scss","../../scss/mixins/_badge.scss","../../scss/_jumbotron.scss","../../scss/_alert.scss","../../scss/mixins/_alert.scss","../../scss/_progress.scss","../../scss/_media.scss","../../scss/_list-group.scss","../../scss/mixins/_list-group.scss","../../scss/_close.scss","../../scss/_modal.scss","../../scss/_tooltip.scss","../../scss/mixins/_reset-text.scss","../../scss/_popover.scss","../../scss/_carousel.scss","../../scss/utilities/_align.scss","../../scss/mixins/_background-variant.scss","../../scss/utilities/_background.scss","../../scss/utilities/_borders.scss","../../scss/mixins/_clearfix.scss","../../scss/utilities/_display.scss","../../scss/utilities/_embed.scss","../../scss/utilities/_flex.scss","../../scss/utilities/_float.scss","../../scss/mixins/_float.scss","../../scss/utilities/_position.scss","../../scss/utilities/_screenreaders.scss","../../scss/mixins/_screen-reader.scss","../../scss/utilities/_sizing.scss","../../scss/utilities/_spacing.scss","../../scss/utilities/_text.scss","../../scss/mixins/_text-truncate.scss","../../scss/mixins/_text-emphasis.scss","../../scss/mixins/_text-hide.scss","../../scss/utilities/_visibility.scss","../../scss/mixins/_visibility.scss","../../scss/_print.scss"],"names":[],"mappings":"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AAkB;IAClB,cAAa;IACb,sBf+GwC;Ie9GxC,eAAc;GACf;EA5DL;IA+DM,0BAAmB;IAAnB,uBAAmB;IAAnB,oBAAmB;IACnB,yBAAuB;IAAvB,sBAAuB;IAAvB,wBAAuB;GACxB;EAjEL;IAmEM,iBAAgB;GACjB;ChByuDJ;;AoB7iED;EACE,sBAAqB;EACrB,iBnBsO+B;EmBrO/B,mBAAkB;EAClB,oBAAmB;EACnB,uBAAsB;EACtB,0BAAiB;EAAjB,uBAAiB;EAAjB,sBAAiB;EAAjB,kBAAiB;EACjB,8BAA2C;ECsF3C,0BpBkOkC;EoBjOlC,gBpBqIgC;EoBpIhC,iBpB6I+B;EoB1I7B,uBpByGgC;EgB5M9B,sIhBoX6I;CmBxUlJ;;AlB/BC;EkBCE,sBAAqB;ClBEtB;;AkBfH;EAkBI,WAAU;EACV,iDnBWa;CmBVd;;AApBH;EAyBI,cnB8U6B;CmB5U9B;;AA3BH;EA+BI,gBAAe;CAChB;;AAhCH;EAoCI,uBAAsB;CAMvB;;AAIH;;EAEE,qBAAoB;CACrB;;AAQC;ECzDA,YpBKa;EkBLX,0BlB8Ba;EoB5Bf,sBpB4Be;CmB6Bd;;AlBnDD;EmBFE,YpBDW;EkBLX,0BEDoF;EASpF,sBATyH;CnBSrG;;AmBGtB;EAMI,gDpBaW;CoBXd;;AAGD;EAEE,YpBnBW;EoBoBX,0BpBKa;EoBJb,sBpBIa;CoBHd;;AAED;;EAGE,YpB3BW;EoB4BX,0BAlCuK;EAsCvK,sBAtC+M;CAgDhN;;AARC;;EAKI,gDpBdS;CoBgBZ;;ADWH;ECzDA,YpBKa;EkBLX,0BlBWc;EoBThB,sBpBSgB;CmBgDf;;AlBnDD;EmBFE,YpBDW;EkBLX,0BEDoF;EASpF,sBATyH;CnBSrG;;AmBGtB;EAMI,kDpBNY;CoBQf;;AAGD;EAEE,YpBnBW;EoBoBX,0BpBdc;EoBed,sBpBfc;CoBgBf;;AAED;;EAGE,YpB3BW;EoB4BX,0BAlCuK;EAsCvK,sBAtC+M;CAgDhN;;AARC;;EAKI,kDpBjCU;CoBmCb;;ADWH;ECzDA,YpBKa;EkBLX,0BlBqCa;EoBnCf,sBpBmCe;CmBsBd;;AlBnDD;EmBFE,YpBDW;EkBLX,0BEDoF;EASpF,sBATyH;CnBSrG;;AmBGtB;EAMI,gDpBoBW;CoBlBd;;AAGD;EAEE,YpBnBW;EoBoBX,0BpBYa;EoBXb,sBpBWa;CoBVd;;AAED;;EAGE,YpB3BW;EoB4BX,0BAlCuK;EAsCvK,sBAtC+M;CAgDhN;;AARC;;EAKI,gDpBPS;CoBSZ;;ADWH;ECzDA,YpBKa;EkBLX,0BlBuCa;EoBrCf,sBpBqCe;CmBoBd;;AlBnDD;EmBFE,YpBDW;EkBLX,0BEDoF;EASpF,sBATyH;CnBSrG;;AmBGtB;EAMI,iDpBsBW;CoBpBd;;AAGD;EAEE,YpBnBW;EoBoBX,0BpBca;EoBbb,sBpBaa;CoBZd;;AAED;;EAGE,YpB3BW;EoB4BX,0BAlCuK;EAsCvK,sBAtC+M;CAgDhN;;AARC;;EAKI,iDpBLS;CoBOZ;;ADWH;ECzDA,epBcgB;EkBdd,0BlBoCa;EoBlCf,sBpBkCe;CmBuBd;;AlBnDD;EmBFE,epBQc;EkBdd,0BEDoF;EASpF,sBATyH;CnBSrG;;AmBGtB;EAMI,gDpBmBW;CoBjBd;;AAGD;EAEE,epBVc;EoBWd,0BpBWa;EoBVb,sBpBUa;CoBTd;;AAED;;EAGE,epBlBc;EoBmBd,0BAlCuK;EAsCvK,sBAtC+M;CAgDhN;;AARC;;EAKI,gDpBRS;CoBUZ;;ADWH;ECzDA,YpBKa;EkBLX,0BlBkCa;EoBhCf,sBpBgCe;CmByBd;;AlBnDD;EmBFE,YpBDW;EkBLX,0BEDoF;EASpF,sBATyH;CnBSrG;;AmBGtB;EAMI,gDpBiBW;CoBfd;;AAGD;EAEE,YpBnBW;EoBoBX,0BpBSa;EoBRb,sBpBQa;CoBPd;;AAED;;EAGE,YpB3BW;EoB4BX,0BAlCuK;EAsCvK,sBAtC+M;CAgDhN;;AARC;;EAKI,gDpBVS;CoBYZ;;ADWH;ECzDA,epBcgB;EkBdd,0BlBMc;EoBJhB,sBpBIgB;CmBqDf;;AlBnDD;EmBFE,epBQc;EkBdd,0BEDoF;EASpF,sBATyH;CnBSrG;;AmBGtB;EAMI,kDpBXY;CoBaf;;AAGD;EAEE,epBVc;EoBWd,0BpBnBc;EoBoBd,sBpBpBc;CoBqBf;;AAED;;EAGE,epBlBc;EoBmBd,0BAlCuK;EAsCvK,sBAtC+M;CAgDhN;;AARC;;EAKI,kDpBtCU;CoBwCb;;ADWH;ECzDA,YpBKa;EkBLX,0BlBac;EoBXhB,sBpBWgB;CmB8Cf;;AlBnDD;EmBFE,YpBDW;EkBLX,0BEDoF;EASpF,sBATyH;CnBSrG;;AmBGtB;EAMI,+CpBJY;CoBMf;;AAGD;EAEE,YpBnBW;EoBoBX,0BpBZc;EoBad,sBpBbc;CoBcf;;AAED;;EAGE,YpB3BW;EoB4BX,0BAlCuK;EAsCvK,sBAtC+M;CAgDhN;;AARC;;EAKI,+CpB/BU;CoBiCb;;ADiBH;ECZA,epBrBe;EoBsBf,8BAA6B;EAC7B,uBAAsB;EACtB,sBpBxBe;CmBmCd;;ACTD;EACE,YpBpDW;EoBqDX,0BpB5Ba;EoB6Bb,sBpB7Ba;CoB8Bd;;AAED;EAEE,gDpBlCa;CoBmCd;;AAED;EAEE,epBvCa;EoBwCb,8BAA6B;CAC9B;;AAED;;EAGE,YpBvEW;EoBwEX,0BpB/Ca;EoBgDb,sBpBhDa;CoB0Dd;;AARC;;EAKI,gDpBvDS;CoByDZ;;ADxBH;ECZA,epBxCgB;EoByChB,8BAA6B;EAC7B,uBAAsB;EACtB,sBpB3CgB;CmBsDf;;ACTD;EACE,YpBpDW;EoBqDX,0BpB/Cc;EoBgDd,sBpBhDc;CoBiDf;;AAED;EAEE,kDpBrDc;CoBsDf;;AAED;EAEE,epB1Dc;EoB2Dd,8BAA6B;CAC9B;;AAED;;EAGE,YpBvEW;EoBwEX,0BpBlEc;EoBmEd,sBpBnEc;CoB6Ef;;AARC;;EAKI,kDpB1EU;CoB4Eb;;ADxBH;ECZA,epBde;EoBef,8BAA6B;EAC7B,uBAAsB;EACtB,sBpBjBe;CmB4Bd;;ACTD;EACE,YpBpDW;EoBqDX,0BpBrBa;EoBsBb,sBpBtBa;CoBuBd;;AAED;EAEE,gDpB3Ba;CoB4Bd;;AAED;EAEE,epBhCa;EoBiCb,8BAA6B;CAC9B;;AAED;;EAGE,YpBvEW;EoBwEX,0BpBxCa;EoByCb,sBpBzCa;CoBmDd;;AARC;;EAKI,gDpBhDS;CoBkDZ;;ADxBH;ECZA,epBZe;EoBaf,8BAA6B;EAC7B,uBAAsB;EACtB,sBpBfe;CmB0Bd;;ACTD;EACE,YpBpDW;EoBqDX,0BpBnBa;EoBoBb,sBpBpBa;CoBqBd;;AAED;EAEE,iDpBzBa;CoB0Bd;;AAED;EAEE,epB9Ba;EoB+Bb,8BAA6B;CAC9B;;AAED;;EAGE,YpBvEW;EoBwEX,0BpBtCa;EoBuCb,sBpBvCa;CoBiDd;;AARC;;EAKI,iDpB9CS;CoBgDZ;;ADxBH;ECZA,epBfe;EoBgBf,8BAA6B;EAC7B,uBAAsB;EACtB,sBpBlBe;CmB6Bd;;ACTD;EACE,epB3Cc;EoB4Cd,0BpBtBa;EoBuBb,sBpBvBa;CoBwBd;;AAED;EAEE,gDpB5Ba;CoB6Bd;;AAED;EAEE,epBjCa;EoBkCb,8BAA6B;CAC9B;;AAED;;EAGE,epB9Dc;EoB+Dd,0BpBzCa;EoB0Cb,sBpB1Ca;CoBoDd;;AARC;;EAKI,gDpBjDS;CoBmDZ;;ADxBH;ECZA,epBjBe;EoBkBf,8BAA6B;EAC7B,uBAAsB;EACtB,sBpBpBe;CmB+Bd;;ACTD;EACE,YpBpDW;EoBqDX,0BpBxBa;EoByBb,sBpBzBa;CoB0Bd;;AAED;EAEE,gDpB9Ba;CoB+Bd;;AAED;EAEE,epBnCa;EoBoCb,8BAA6B;CAC9B;;AAED;;EAGE,YpBvEW;EoBwEX,0BpB3Ca;EoB4Cb,sBpB5Ca;CoBsDd;;AARC;;EAKI,gDpBnDS;CoBqDZ;;ADxBH;ECZA,epB7CgB;EoB8ChB,8BAA6B;EAC7B,uBAAsB;EACtB,sBpBhDgB;CmB2Df;;ACTD;EACE,epB3Cc;EoB4Cd,0BpBpDc;EoBqDd,sBpBrDc;CoBsDf;;AAED;EAEE,kDpB1Dc;CoB2Df;;AAED;EAEE,epB/Dc;EoBgEd,8BAA6B;CAC9B;;AAED;;EAGE,epB9Dc;EoB+Dd,0BpBvEc;EoBwEd,sBpBxEc;CoBkFf;;AARC;;EAKI,kDpB/EU;CoBiFb;;ADxBH;ECZA,epBtCgB;EoBuChB,8BAA6B;EAC7B,uBAAsB;EACtB,sBpBzCgB;CmBoDf;;ACTD;EACE,YpBpDW;EoBqDX,0BpB7Cc;EoB8Cd,sBpB9Cc;CoB+Cf;;AAED;EAEE,+CpBnDc;CoBoDf;;AAED;EAEE,epBxDc;EoByDd,8BAA6B;CAC9B;;AAED;;EAGE,YpBvEW;EoB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wBhCqmBwC;EgCpmBxC,kBhCoM+B;EgCnM/B,kBhCwmBsC;EgCvmBtC,ehCwBe;EgCvBf,uBhCFa;EgCGb,0BhCAgB;CgCmBjB;;AA3BD;EAWI,ehCsIgD;EgCrIhD,sBAAqB;EACrB,0BhCNc;EgCOd,sBhCNc;CgCOf;;AAfH;EAkBI,WAAU;EACV,WAAU;EACV,iDhCUa;CgCTd;;AArBH;EAyBI,gBAAe;CAChB;;AAGH;EAGM,eAAc;E1BPhB,gCNkLgC;EMjLhC,mCNiLgC;CgCzK/B;;AALL;E1BlBI,iCNgMgC;EM/LhC,oCN+LgC;CgCpK/B;;AAVL;EAcI,WAAU;EACV,YhCvCW;EgCwCX,0BhCfa;EgCgBb,sBhChBa;CgCiBd;;AAlBH;EAqBI,ehCvCc;EgCwCd,qBAAoB;EAEpB,aAAY;EACZ,uBhCjDW;EgCkDX,sBhC/Cc;CgCgDf;;AC3DD;EACE,wBjC8mBsC;EiC7mBtC,mBjCqOkD;EiCpOlD,iBjCqM6B;CiCpM9B;;AAIG;E3BoBF,+BNmL+B;EMlL/B,kCNkL+B;CiCrM5B;;AAGD;E3BCF,gCNiM+B;EMhM/B,mCNgM+B;CiChM5B;;AAfL;EACE,wBjC4mBqC;EiC3mBrC,oBjCsOkD;EiCrOlD,iBjCsM6B;CiCrM9B;;AAIG;E3BoBF,+BNoL+B;EMnL/B,kCNmL+B;CiCtM5B;;AAGD;E3BCF,gCNkM+B;EMjM/B,mCNiM+B;CiCjM5B;;ACbP;EACE,sBAAqB;EACrB,sBlC6sBsC;EkC5sBtC,elCysBqC;EkCxsBrC,iBlCsO+B;EkCrO/B,eAAc;EACd,mBAAkB;EAClB,oBAAmB;EACnB,yBAAwB;E5BTtB,uBN6MgC;CkC7LnC;;AAfD;EAaI,cAAa;CACd;;AAIH;EACE,mBAAkB;EAClB,UAAS;CACV;;AAMD;EACE,qBlCsrBsC;EkCrrBtC,oBlCqrBsC;EMntBpC,qBNstBqC;CkCtrBxC;;AAOC;EC1CA,YnCUa;EmCTb,0BnCkCe;CkCSd;;AjC3BD;EkCZI,YnCKS;EmCJT,sBAAqB;EACrB,0BAAkC;ClCarC;;AiCsBD;EC1CA,YnCUa;EmCTb,0BnCegB;CkC4Bf;;AjC3BD;EkCZI,YnCKS;EmCJT,sBAAqB;EACrB,0BAAkC;ClCarC;;AiCsBD;EC1CA,YnCUa;EmCTb,0BnCyCe;CkCEd;;AjC3BD;EkCZI,YnCKS;EmCJT,sBAAqB;EACrB,0BAAkC;ClCarC;;AiCsBD;EC1CA,YnCUa;EmCTb,0BnC2Ce;CkCAd;;AjC3BD;EkCZI,YnCKS;EmCJT,sBAAqB;EACrB,0BAAkC;ClCarC;;AiCsBD;EC1CA,enCmBgB;EmClBhB,0BnCwCe;CkCGd;;AjC3BD;EkCZI,enCcY;EmCbZ,sBAAqB;EACrB,0BAAkC;ClCarC;;AiCsBD;EC1CA,YnCUa;EmCTb,0BnCsCe;CkCKd;;AjC3BD;EkCZI,YnCKS;EmCJT,sBAAqB;EACrB,0BAAkC;ClCarC;;AiCsBD;EC1CA,enCmBgB;EmClBhB,0BnCUgB;CkCiCf;;AjC3BD;EkCZI,enCcY;EmCbZ,sBAAqB;EACrB,0BAAkC;ClCarC;;AiCsBD;EC1CA,YnCUa;EmCTb,0BnCiBgB;CkC0Bf;;AjC3BD;EkCZI,YnCKS;EmCJT,sBAAqB;EACrB,0BAAkC;ClCarC;;AmCrBH;EACE,mBAAoD;EACpD,oBpCyoBsC;EoCxoBtC,0BpCUgB;EMTd,sBN8M+B;CoCzMlC;;A1BmDG;E0B5DJ;IAOI,mBpCooBoC;GoCloBvC;CrC+yIA;;AqC7yID;EACE,iBAAgB;EAChB,gBAAe;E9BTb,iB8BUsB;CACzB;;ACXD;EACE,mBAAkB;EAClB,yBrC2vByC;EqC1vBzC,oBrC2vBsC;EqC1vBtC,8BAA6C;E/BJ3C,uBN6MgC;CqCvMnC;;AAGD;EAEE,eAAc;CACf;;AAGD;EACE,iBrC2N+B;CqC1NhC;;AAOD;EACE,oBAAwD;CAUzD;;AAXD;EAKI,mBAAkB;EAClB,OAAM;EACN,SAAQ;EACR,yBrC6tBuC;EqC5tBvC,eAAc;CACf;;AASD;EC9CA,exBmFgE;EI9E9D,0BJ8E8D;EwBjFhE,sBxBiFgE;CuBnC/D;;AC5CD;EACE,0BAAqC;CACtC;;AAED;EACE,eAA0B;CAC3B;;ADoCD;EC9CA,exBmFgE;EI9E9D,0BJ8E8D;EwBjFhE,sBxBiFgE;CuBnC/D;;AC5CD;EACE,0BAAqC;CACtC;;AAED;EACE,eAA0B;CAC3B;;ADoCD;EC9CA,exBmFgE;EI9E9D,0BJ8E8D;EwBjFhE,sBxBiFgE;CuBnC/D;;AC5CD;EACE,0BAAqC;CACtC;;AAED;EACE,eAA0B;CAC3B;;ADoCD;EC9CA,exBmFgE;EI9E9D,0BJ8E8D;EwBjFhE,sBxBiFgE;CuBnC/D;;AC5CD;EACE,0BAAqC;CACtC;;AAED;EACE,eAA0B;CAC3B;;ADoCD;EC9CA,exBmFgE;EI9E9D,0BJ8E8D;EwBjFhE,sBxBiFgE;CuBnC/D;;AC5CD;EACE,0BAAqC;CACtC;;AAED;EACE,eAA0B;CAC3B;;ADoCD;EC9CA,exBmFgE;EI9E9D,0BJ8E8D;EwBjFhE,sBxBiFgE;CuBnC/D;;AC5CD;EACE,0BAAqC;CACtC;;AAED;EACE,eAA0B;CAC3B;;ADoCD;EC9CA,exBmFgE;EI9E9D,0BJ8E8D;EwBjFhE,sBxBiFgE;CuBnC/D;;AC5CD;EACE,0BAAqC;CACtC;;AAED;EACE,eAA0B;CAC3B;;ADoCD;EC9CA,exBmFgE;EI9E9D,0BJ8E8D;EwBjFhE,sBxBiFgE;CuBnC/D;;AC5CD;EACE,0BAAqC;CACtC;;AAED;EACE,eAA0B;CAC3B;;ACXH;EACE;IAAO,4BAAuC;GxC88I7C;EwC78ID;IAAK,yBAAwB;GxCg9I5B;CACF;;AwCn9ID;EACE;IAAO,4BAAuC;GxC88I7C;EwC78ID;IAAK,yBAAwB;GxCg9I5B;CACF;;AwC98ID;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,avCuwBsC;EuCtwBtC,iBAAgB;EAChB,mBvCswByD;EuCrwBzD,0BvCGgB;EMTd,uBN6MgC;CuCpMnC;;AAED;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,6BAAsB;EAAtB,8BAAsB;EAAtB,2BAAsB;EAAtB,uBAAsB;EACtB,yBAAuB;EAAvB,sBAAuB;EAAvB,wBAAuB;EACvB,YvCRa;EuCSb,mBAAkB;EAClB,0BvCee;EgB/BX,4BhBixB4C;CuC/vBjD;;AAED;ErBkBE,sMAA6I;EqBhB7I,2BvCmvBsC;CuClvBvC;;AAED;EACE,2DvCsvBoD;EuCtvBpD,mDvCsvBoD;CuCrvBrD;;AChCD;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,yBAAuB;EAAvB,sBAAuB;EAAvB,wBAAuB;CACxB;;AAED;EACE,oBAAO;EAAP,YAAO;EAAP,QAAO;CACR;;ACHD;EACE,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,6BAAsB;EAAtB,8BAAsB;EAAtB,2BAAsB;EAAtB,uBAAsB;EAGtB,gBAAe;EACf,iBAAgB;CACjB;;AAQD;EACE,YAAW;EACX,ezCHgB;EyCIhB,oBAAmB;CAapB;;AxCjBC;EwCQE,ezCRc;EyCSd,sBAAqB;EACrB,0BzChBc;CCSf;;AwCFH;EAaI,ezCZc;EyCad,0BzCpBc;CyCqBf;;AAQH;EACE,mBAAkB;EAClB,eAAc;EACd,yBzCmvByC;EyCjvBzC,oBzC+J+B;EyC9J/B,uBzCrCa;EyCsCb,uCzC5Ba;CyCyDd;;AApCD;EnChCI,gCNuMgC;EMtMhC,iCNsMgC;CyC5JjC;;AAXH;EAcI,iBAAgB;EnChChB,oCNyLgC;EMxLhC,mCNwLgC;CyCvJjC;;AxCxCD;EwC2CE,WAAU;EACV,sBAAqB;CxCzCtB;;AwCqBH;EAyBI,ezClDc;EyCmDd,uBzCzDW;CyC0DZ;;AA3BH;EA+BI,WAAU;EACV,YzC/DW;EyCgEX,0BzCvCa;EyCwCb,sBzCxCa;CyCyCd;;AASH;EAEI,gBAAe;EACf,eAAc;EnCrFd,iBmCsFwB;CACzB;;AALH;EASM,cAAa;CACd;;AAVL;EAeM,iBAAgB;CACjB;;ACnGH;EACE,e5BgF8D;E4B/E9D,0B5B+E8D;C4BjE/D;;AzCDD;EyCTM,e5B2E0D;E4B1E1D,0BAAyC;CzCW9C;;AyClBD;EAWM,YAAW;EACX,0B5BqE0D;E4BpE1D,sB5BoE0D;C4BnE3D;;AAdL;EACE,e5BgF8D;E4B/E9D,0B5B+E8D;C4BjE/D;;AzCDD;EyCTM,e5B2E0D;E4B1E1D,0BAAyC;CzCW9C;;AyClBD;EAWM,YAAW;EACX,0B5BqE0D;E4BpE1D,sB5BoE0D;C4BnE3D;;AAdL;EACE,e5BgF8D;E4B/E9D,0B5B+E8D;C4BjE/D;;AzCDD;EyCTM,e5B2E0D;E4B1E1D,0BAAyC;CzCW9C;;AyClBD;EAWM,YAAW;EACX,0B5BqE0D;E4BpE1D,sB5BoE0D;C4BnE3D;;AAdL;EACE,e5BgF8D;E4B/E9D,0B5B+E8D;C4BjE/D;;AzCDD;EyCTM,e5B2E0D;E4B1E1D,0BAAyC;CzCW9C;;AyClBD;EAWM,YAAW;EACX,0B5BqE0D;E4BpE1D,sB5BoE0D;C4BnE3D;;AAdL;EACE,e5BgF8D;E4B/E9D,0B5B+E8D;C4BjE/D;;AzCDD;EyCTM,e5B2E0D;E4B1E1D,0BAAyC;CzCW9C;;AyClBD;EAWM,YAAW;EACX,0B5BqE0D;E4BpE1D,sB5BoE0D;C4BnE3D;;AAdL;EACE,e5BgF8D;E4B/E9D,0B5B+E8D;C4BjE/D;;AzCDD;EyCTM,e5B2E0D;E4B1E1D,0BAAyC;CzCW9C;;AyClBD;EAWM,YAAW;EACX,0B5BqE0D;E4BpE1D,sB5BoE0D;C4BnE3D;;AAdL;EACE,e5BgF8D;E4B/E9D,0B5B+E8D;C4BjE/D;;AzCDD;EyCTM,e5B2E0D;E4B1E1D,0BAAyC;CzCW9C;;AyClBD;EAWM,YAAW;EACX,0B5BqE0D;E4BpE1D,sB5BoE0D;C4BnE3D;;AAdL;EACE,e5BgF8D;E4B/E9D,0B5B+E8D;C4BjE/D;;AzCDD;EyCTM,e5B2E0D;E4B1E1D,0BAAyC;CzCW9C;;AyClBD;EAWM,YAAW;EACX,0B5BqE0D;E4BpE1D,sB5BoE0D;C4BnE3D;;ACjBP;EACE,aAAY;EACZ,kB3Cq2BuD;E2Cp2BvD,iB3C4O+B;E2C3O/B,eAAc;EACd,Y3CgBa;E2Cfb,0B3CKa;E2CJb,YAAW;CAYZ;;A1CDC;E0CRE,Y3CWW;E2CVX,sBAAqB;EACrB,aAAY;C1CSb;;A0CrBH;EAiBI,gBAAe;CAChB;;AASH;EACE,WAAU;EACV,8BAA6B;EAC7B,UAAS;EACT,yBAAwB;CACzB;;ACzBD;EACE,iBAAgB;CACjB;;AAGD;EACE,gBAAe;EACf,OAAM;EACN,SAAQ;EACR,UAAS;EACT,QAAO;EACP,c5CmiBsC;E4CliBtC,cAAa;EACb,iBAAgB;EAGhB,WAAU;CASX;;AAJC;EACE,mBA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","file":"bootstrap.css","sourcesContent":["/*!\n * Bootstrap v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6\n}\n\n// IE10+ doesn't honor `<meta name=\"viewport\">` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like `<th>` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n","/*!\n * Bootstrap v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n:root {\n --blue: #007bff;\n --indigo: #6610f2;\n --purple: #6f42c1;\n --pink: #e83e8c;\n --red: #dc3545;\n --orange: #fd7e14;\n --yellow: #ffc107;\n --green: #28a745;\n --teal: #20c997;\n --cyan: #17a2b8;\n --white: #fff;\n --gray: #6c757d;\n --gray-dark: #343a40;\n --primary: #007bff;\n --secondary: #6c757d;\n --success: #28a745;\n --info: #17a2b8;\n --warning: #ffc107;\n --danger: #dc3545;\n --light: #f8f9fa;\n --dark: #343a40;\n --breakpoint-xs: 0;\n --breakpoint-sm: 576px;\n --breakpoint-md: 768px;\n --breakpoint-lg: 992px;\n --breakpoint-xl: 1200px;\n --font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: 0.5rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit;\n}\n\nh1, .h1 {\n font-size: 2.5rem;\n}\n\nh2, .h2 {\n font-size: 2rem;\n}\n\nh3, .h3 {\n font-size: 1.75rem;\n}\n\nh4, .h4 {\n font-size: 1.5rem;\n}\n\nh5, .h5 {\n font-size: 1.25rem;\n}\n\nh6, .h6 {\n font-size: 1rem;\n}\n\n.lead {\n font-size: 1.25rem;\n font-weight: 300;\n}\n\n.display-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\nhr {\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\nsmall,\n.small {\n font-size: 80%;\n font-weight: 400;\n}\n\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3;\n}\n\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline-item {\n display: inline-block;\n}\n\n.list-inline-item:not(:last-child) {\n margin-right: 0.5rem;\n}\n\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n.blockquote {\n margin-bottom: 1rem;\n font-size: 1.25rem;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%;\n color: #6c757d;\n}\n\n.blockquote-footer::before {\n content: \"\\2014 \\00A0\";\n}\n\n.img-fluid {\n max-width: 100%;\n height: auto;\n}\n\n.img-thumbnail {\n padding: 0.25rem;\n background-color: #fff;\n border: 1px solid #dee2e6;\n border-radius: 0.25rem;\n max-width: 100%;\n height: auto;\n}\n\n.figure {\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: 0.5rem;\n line-height: 1;\n}\n\n.figure-caption {\n font-size: 90%;\n color: #6c757d;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\ncode {\n font-size: 87.5%;\n color: #e83e8c;\n word-break: break-word;\n}\n\na > code {\n color: inherit;\n}\n\nkbd {\n padding: 0.2rem 0.4rem;\n font-size: 87.5%;\n color: #fff;\n background-color: #212529;\n border-radius: 0.2rem;\n}\n\nkbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700;\n}\n\npre {\n display: block;\n font-size: 87.5%;\n color: #212529;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll;\n}\n\n.container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media (min-width: 576px) {\n .container {\n max-width: 540px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 720px;\n }\n}\n\n@media (min-width: 992px) {\n .container {\n max-width: 960px;\n }\n}\n\n@media (min-width: 1200px) {\n .container {\n max-width: 1140px;\n }\n}\n\n.container-fluid {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px;\n}\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.no-gutters > .col,\n.no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n}\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n\n.col-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n\n.col-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%;\n}\n\n.col-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n\n.col-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n\n.col-6 {\n flex: 0 0 50%;\n max-width: 50%;\n}\n\n.col-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n\n.col-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%;\n}\n\n.col-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n\n.col-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n\n.order-first {\n order: -1;\n}\n\n.order-last {\n order: 13;\n}\n\n.order-0 {\n order: 0;\n}\n\n.order-1 {\n order: 1;\n}\n\n.order-2 {\n order: 2;\n}\n\n.order-3 {\n order: 3;\n}\n\n.order-4 {\n order: 4;\n}\n\n.order-5 {\n order: 5;\n}\n\n.order-6 {\n order: 6;\n}\n\n.order-7 {\n order: 7;\n}\n\n.order-8 {\n order: 8;\n}\n\n.order-9 {\n order: 9;\n}\n\n.order-10 {\n order: 10;\n}\n\n.order-11 {\n order: 11;\n}\n\n.order-12 {\n order: 12;\n}\n\n.offset-1 {\n margin-left: 8.333333%;\n}\n\n.offset-2 {\n margin-left: 16.666667%;\n}\n\n.offset-3 {\n margin-left: 25%;\n}\n\n.offset-4 {\n margin-left: 33.333333%;\n}\n\n.offset-5 {\n margin-left: 41.666667%;\n}\n\n.offset-6 {\n margin-left: 50%;\n}\n\n.offset-7 {\n margin-left: 58.333333%;\n}\n\n.offset-8 {\n margin-left: 66.666667%;\n}\n\n.offset-9 {\n margin-left: 75%;\n}\n\n.offset-10 {\n margin-left: 83.333333%;\n}\n\n.offset-11 {\n margin-left: 91.666667%;\n}\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-sm-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-sm-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-sm-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-sm-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-sm-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-sm-first {\n order: -1;\n }\n .order-sm-last {\n order: 13;\n }\n .order-sm-0 {\n order: 0;\n }\n .order-sm-1 {\n order: 1;\n }\n .order-sm-2 {\n order: 2;\n }\n .order-sm-3 {\n order: 3;\n }\n .order-sm-4 {\n order: 4;\n }\n .order-sm-5 {\n order: 5;\n }\n .order-sm-6 {\n order: 6;\n }\n .order-sm-7 {\n order: 7;\n }\n .order-sm-8 {\n order: 8;\n }\n .order-sm-9 {\n order: 9;\n }\n .order-sm-10 {\n order: 10;\n }\n .order-sm-11 {\n order: 11;\n }\n .order-sm-12 {\n order: 12;\n }\n .offset-sm-0 {\n margin-left: 0;\n }\n .offset-sm-1 {\n margin-left: 8.333333%;\n }\n .offset-sm-2 {\n margin-left: 16.666667%;\n }\n .offset-sm-3 {\n margin-left: 25%;\n }\n .offset-sm-4 {\n margin-left: 33.333333%;\n }\n .offset-sm-5 {\n margin-left: 41.666667%;\n }\n .offset-sm-6 {\n margin-left: 50%;\n }\n .offset-sm-7 {\n margin-left: 58.333333%;\n }\n .offset-sm-8 {\n margin-left: 66.666667%;\n }\n .offset-sm-9 {\n margin-left: 75%;\n }\n .offset-sm-10 {\n margin-left: 83.333333%;\n }\n .offset-sm-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-md-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-md-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-md-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-md-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-md-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-md-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-md-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-md-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-md-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-md-first {\n order: -1;\n }\n .order-md-last {\n order: 13;\n }\n .order-md-0 {\n order: 0;\n }\n .order-md-1 {\n order: 1;\n }\n .order-md-2 {\n order: 2;\n }\n .order-md-3 {\n order: 3;\n }\n .order-md-4 {\n order: 4;\n }\n .order-md-5 {\n order: 5;\n }\n .order-md-6 {\n order: 6;\n }\n .order-md-7 {\n order: 7;\n }\n .order-md-8 {\n order: 8;\n }\n .order-md-9 {\n order: 9;\n }\n .order-md-10 {\n order: 10;\n }\n .order-md-11 {\n order: 11;\n }\n .order-md-12 {\n order: 12;\n }\n .offset-md-0 {\n margin-left: 0;\n }\n .offset-md-1 {\n margin-left: 8.333333%;\n }\n .offset-md-2 {\n margin-left: 16.666667%;\n }\n .offset-md-3 {\n margin-left: 25%;\n }\n .offset-md-4 {\n margin-left: 33.333333%;\n }\n .offset-md-5 {\n margin-left: 41.666667%;\n }\n .offset-md-6 {\n margin-left: 50%;\n }\n .offset-md-7 {\n margin-left: 58.333333%;\n }\n .offset-md-8 {\n margin-left: 66.666667%;\n }\n .offset-md-9 {\n margin-left: 75%;\n }\n .offset-md-10 {\n margin-left: 83.333333%;\n }\n .offset-md-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-lg-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-lg-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-lg-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-lg-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-lg-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-lg-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-lg-first {\n order: -1;\n }\n .order-lg-last {\n order: 13;\n }\n .order-lg-0 {\n order: 0;\n }\n .order-lg-1 {\n order: 1;\n }\n .order-lg-2 {\n order: 2;\n }\n .order-lg-3 {\n order: 3;\n }\n .order-lg-4 {\n order: 4;\n }\n .order-lg-5 {\n order: 5;\n }\n .order-lg-6 {\n order: 6;\n }\n .order-lg-7 {\n order: 7;\n }\n .order-lg-8 {\n order: 8;\n }\n .order-lg-9 {\n order: 9;\n }\n .order-lg-10 {\n order: 10;\n }\n .order-lg-11 {\n order: 11;\n }\n .order-lg-12 {\n order: 12;\n }\n .offset-lg-0 {\n margin-left: 0;\n }\n .offset-lg-1 {\n margin-left: 8.333333%;\n }\n .offset-lg-2 {\n margin-left: 16.666667%;\n }\n .offset-lg-3 {\n margin-left: 25%;\n }\n .offset-lg-4 {\n margin-left: 33.333333%;\n }\n .offset-lg-5 {\n margin-left: 41.666667%;\n }\n .offset-lg-6 {\n margin-left: 50%;\n }\n .offset-lg-7 {\n margin-left: 58.333333%;\n }\n .offset-lg-8 {\n margin-left: 66.666667%;\n }\n .offset-lg-9 {\n margin-left: 75%;\n }\n .offset-lg-10 {\n margin-left: 83.333333%;\n }\n .offset-lg-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-xl-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-xl-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-xl-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-xl-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-xl-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-xl-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-xl-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-xl-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-xl-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-xl-first {\n order: -1;\n }\n .order-xl-last {\n order: 13;\n }\n .order-xl-0 {\n order: 0;\n }\n .order-xl-1 {\n order: 1;\n }\n .order-xl-2 {\n order: 2;\n }\n .order-xl-3 {\n order: 3;\n }\n .order-xl-4 {\n order: 4;\n }\n .order-xl-5 {\n order: 5;\n }\n .order-xl-6 {\n order: 6;\n }\n .order-xl-7 {\n order: 7;\n }\n .order-xl-8 {\n order: 8;\n }\n .order-xl-9 {\n order: 9;\n }\n .order-xl-10 {\n order: 10;\n }\n .order-xl-11 {\n order: 11;\n }\n .order-xl-12 {\n order: 12;\n }\n .offset-xl-0 {\n margin-left: 0;\n }\n .offset-xl-1 {\n margin-left: 8.333333%;\n }\n .offset-xl-2 {\n margin-left: 16.666667%;\n }\n .offset-xl-3 {\n margin-left: 25%;\n }\n .offset-xl-4 {\n margin-left: 33.333333%;\n }\n .offset-xl-5 {\n margin-left: 41.666667%;\n }\n .offset-xl-6 {\n margin-left: 50%;\n }\n .offset-xl-7 {\n margin-left: 58.333333%;\n }\n .offset-xl-8 {\n margin-left: 66.666667%;\n }\n .offset-xl-9 {\n margin-left: 75%;\n }\n .offset-xl-10 {\n margin-left: 83.333333%;\n }\n .offset-xl-11 {\n margin-left: 91.666667%;\n }\n}\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1rem;\n background-color: transparent;\n}\n\n.table th,\n.table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #dee2e6;\n}\n\n.table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6;\n}\n\n.table tbody + tbody {\n border-top: 2px solid #dee2e6;\n}\n\n.table .table {\n background-color: #fff;\n}\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem;\n}\n\n.table-bordered {\n border: 1px solid #dee2e6;\n}\n\n.table-bordered th,\n.table-bordered td {\n border: 1px solid #dee2e6;\n}\n\n.table-bordered thead th,\n.table-bordered thead td {\n border-bottom-width: 2px;\n}\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table-hover tbody tr:hover {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #b8daff;\n}\n\n.table-hover .table-primary:hover {\n background-color: #9fcdff;\n}\n\n.table-hover .table-primary:hover > td,\n.table-hover .table-primary:hover > th {\n background-color: #9fcdff;\n}\n\n.table-secondary,\n.table-secondary > th,\n.table-secondary > td {\n background-color: #d6d8db;\n}\n\n.table-hover .table-secondary:hover {\n background-color: #c8cbcf;\n}\n\n.table-hover .table-secondary:hover > td,\n.table-hover .table-secondary:hover > th {\n background-color: #c8cbcf;\n}\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #c3e6cb;\n}\n\n.table-hover .table-success:hover {\n background-color: #b1dfbb;\n}\n\n.table-hover .table-success:hover > td,\n.table-hover .table-success:hover > th {\n background-color: #b1dfbb;\n}\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #bee5eb;\n}\n\n.table-hover .table-info:hover {\n background-color: #abdde5;\n}\n\n.table-hover .table-info:hover > td,\n.table-hover .table-info:hover > th {\n background-color: #abdde5;\n}\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffeeba;\n}\n\n.table-hover .table-warning:hover {\n background-color: #ffe8a1;\n}\n\n.table-hover .table-warning:hover > td,\n.table-hover .table-warning:hover > th {\n background-color: #ffe8a1;\n}\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f5c6cb;\n}\n\n.table-hover .table-danger:hover {\n background-color: #f1b0b7;\n}\n\n.table-hover .table-danger:hover > td,\n.table-hover .table-danger:hover > th {\n background-color: #f1b0b7;\n}\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fdfdfe;\n}\n\n.table-hover .table-light:hover {\n background-color: #ececf6;\n}\n\n.table-hover .table-light:hover > td,\n.table-hover .table-light:hover > th {\n background-color: #ececf6;\n}\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c6c8ca;\n}\n\n.table-hover .table-dark:hover {\n background-color: #b9bbbe;\n}\n\n.table-hover .table-dark:hover > td,\n.table-hover .table-dark:hover > th {\n background-color: #b9bbbe;\n}\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-hover .table-active:hover {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-hover .table-active:hover > td,\n.table-hover .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table .thead-dark th {\n color: #fff;\n background-color: #212529;\n border-color: #32383e;\n}\n\n.table .thead-light th {\n color: #495057;\n background-color: #e9ecef;\n border-color: #dee2e6;\n}\n\n.table-dark {\n color: #fff;\n background-color: #212529;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th {\n border-color: #32383e;\n}\n\n.table-dark.table-bordered {\n border: 0;\n}\n\n.table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.table-dark.table-hover tbody tr:hover {\n background-color: rgba(255, 255, 255, 0.075);\n}\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-sm > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-md > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-lg > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 1199.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-xl > .table-bordered {\n border: 0;\n }\n}\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.table-responsive > .table-bordered {\n border: 0;\n}\n\n.form-control {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.form-control::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n\n.form-control:focus {\n color: #495057;\n background-color: #fff;\n border-color: #80bdff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.form-control::placeholder {\n color: #6c757d;\n opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n}\n\nselect.form-control:not([size]):not([multiple]) {\n height: calc(2.25rem + 2px);\n}\n\nselect.form-control:focus::-ms-value {\n color: #495057;\n background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n.col-form-label {\n padding-top: calc(0.375rem + 1px);\n padding-bottom: calc(0.375rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.5;\n}\n\n.col-form-label-lg {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 1.25rem;\n line-height: 1.5;\n}\n\n.col-form-label-sm {\n padding-top: calc(0.25rem + 1px);\n padding-bottom: calc(0.25rem + 1px);\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n margin-bottom: 0;\n line-height: 1.5;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,\n.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,\n.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,\n.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,\n.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,\n.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,\n.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,\n.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,\n.input-group-lg > .input-group-append > .form-control-plaintext.btn {\n padding-right: 0;\n padding-left: 0;\n}\n\n.form-control-sm, .input-group-sm > .form-control,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n}\n\nselect.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(1.8125rem + 2px);\n}\n\n.form-control-lg, .input-group-lg > .form-control,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.5;\n border-radius: 0.3rem;\n}\n\nselect.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(2.875rem + 2px);\n}\n\n.form-group {\n margin-bottom: 1rem;\n}\n\n.form-text {\n display: block;\n margin-top: 0.25rem;\n}\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px;\n}\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem;\n}\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n color: #6c757d;\n}\n\n.form-check-label {\n margin-bottom: 0;\n}\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0;\n}\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #28a745;\n}\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(40, 167, 69, 0.8);\n border-radius: .2rem;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid, .was-validated\n.custom-select:valid,\n.custom-select.is-valid {\n border-color: #28a745;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated\n.custom-select:valid:focus,\n.custom-select.is-valid:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip, .was-validated\n.custom-select:valid ~ .valid-feedback,\n.was-validated\n.custom-select:valid ~ .valid-tooltip,\n.custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #28a745;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #28a745;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n background-color: #71dd8a;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n background-color: #34ce57;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #28a745;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {\n border-color: inherit;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #dc3545;\n}\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(220, 53, 69, 0.8);\n border-radius: .2rem;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated\n.custom-select:invalid,\n.custom-select.is-invalid {\n border-color: #dc3545;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated\n.custom-select:invalid:focus,\n.custom-select.is-invalid:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip, .was-validated\n.custom-select:invalid ~ .invalid-feedback,\n.was-validated\n.custom-select:invalid ~ .invalid-tooltip,\n.custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #dc3545;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #dc3545;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n background-color: #efa2a9;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n background-color: #e4606d;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #dc3545;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {\n border-color: inherit;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n}\n\n.form-inline .form-check {\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .form-inline label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n .form-inline .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n .form-inline .form-control-plaintext {\n display: inline-block;\n }\n .form-inline .input-group {\n width: auto;\n }\n .form-inline .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .form-inline .form-check-input {\n position: relative;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0;\n }\n .form-inline .custom-control {\n align-items: center;\n justify-content: center;\n }\n .form-inline .custom-control-label {\n margin-bottom: 0;\n }\n}\n\n.btn {\n display: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: 0.25rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.btn:hover, .btn:focus {\n text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.btn.disabled, .btn:disabled {\n opacity: 0.65;\n}\n\n.btn:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {\n background-image: none;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n.btn-primary {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-primary:hover {\n color: #fff;\n background-color: #0069d9;\n border-color: #0062cc;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #0062cc;\n border-color: #005cbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-secondary {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-secondary:hover {\n color: #fff;\n background-color: #5a6268;\n border-color: #545b62;\n}\n\n.btn-secondary:focus, .btn-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-secondary.disabled, .btn-secondary:disabled {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,\n.show > .btn-secondary.dropdown-toggle {\n color: #fff;\n background-color: #545b62;\n border-color: #4e555b;\n}\n\n.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-success {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-success:hover {\n color: #fff;\n background-color: #218838;\n border-color: #1e7e34;\n}\n\n.btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #1e7e34;\n border-color: #1c7430;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-info {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-info:hover {\n color: #fff;\n background-color: #138496;\n border-color: #117a8b;\n}\n\n.btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n color: #fff;\n background-color: #117a8b;\n border-color: #10707f;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-warning {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-warning:hover {\n color: #212529;\n background-color: #e0a800;\n border-color: #d39e00;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n color: #212529;\n background-color: #d39e00;\n border-color: #c69500;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-danger {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-danger:hover {\n color: #fff;\n background-color: #c82333;\n border-color: #bd2130;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #bd2130;\n border-color: #b21f2d;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-light {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-light:hover {\n color: #212529;\n background-color: #e2e6ea;\n border-color: #dae0e5;\n}\n\n.btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #dae0e5;\n border-color: #d3d9df;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-dark {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-dark:hover {\n color: #fff;\n background-color: #23272b;\n border-color: #1d2124;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #1d2124;\n border-color: #171a1d;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-outline-primary {\n color: #007bff;\n background-color: transparent;\n background-image: none;\n border-color: #007bff;\n}\n\n.btn-outline-primary:hover {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #007bff;\n background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-outline-secondary {\n color: #6c757d;\n background-color: transparent;\n background-image: none;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:hover {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:focus, .btn-outline-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {\n color: #6c757d;\n background-color: transparent;\n}\n\n.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-secondary.dropdown-toggle {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-outline-success {\n color: #28a745;\n background-color: transparent;\n background-image: none;\n border-color: #28a745;\n}\n\n.btn-outline-success:hover {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #28a745;\n background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-outline-info {\n color: #17a2b8;\n background-color: transparent;\n background-image: none;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:hover {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #17a2b8;\n background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-outline-warning {\n color: #ffc107;\n background-color: transparent;\n background-image: none;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:hover {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffc107;\n background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-outline-danger {\n color: #dc3545;\n background-color: transparent;\n background-image: none;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:hover {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #dc3545;\n background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-outline-light {\n color: #f8f9fa;\n background-color: transparent;\n background-image: none;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:hover {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #f8f9fa;\n background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-outline-dark {\n color: #343a40;\n background-color: transparent;\n background-image: none;\n border-color: #343a40;\n}\n\n.btn-outline-dark:hover {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #343a40;\n background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-link {\n font-weight: 400;\n color: #007bff;\n background-color: transparent;\n}\n\n.btn-link:hover {\n color: #0056b3;\n text-decoration: underline;\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n border-color: transparent;\n box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n color: #6c757d;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.5;\n border-radius: 0.3rem;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.fade {\n opacity: 0;\n transition: opacity 0.15s linear;\n}\n\n.fade.show {\n opacity: 1;\n}\n\n.collapse {\n display: none;\n}\n\n.collapse.show {\n display: block;\n}\n\ntr.collapse.show {\n display: table-row;\n}\n\ntbody.collapse.show {\n display: table-row-group;\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease;\n}\n\n.dropup,\n.dropdown {\n position: relative;\n}\n\n.dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-bottom: 0;\n border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 0.25rem;\n}\n\n.dropup .dropdown-menu {\n margin-top: 0;\n margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0;\n border-right: 0.3em solid transparent;\n border-bottom: 0.3em solid;\n border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n margin-top: 0;\n margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-bottom: 0.3em solid transparent;\n border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n margin-top: 0;\n margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0.3em solid;\n border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n vertical-align: 0;\n}\n\n.dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n color: #16181b;\n text-decoration: none;\n background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n color: #fff;\n text-decoration: none;\n background-color: #007bff;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n color: #6c757d;\n background-color: transparent;\n}\n\n.dropdown-menu.show {\n display: block;\n}\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n color: #6c757d;\n white-space: nowrap;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 0 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-group .btn + .btn,\n.btn-group .btn + .btn-group,\n.btn-group .btn-group + .btn,\n.btn-group .btn-group + .btn-group,\n.btn-group-vertical .btn + .btn,\n.btn-group-vertical .btn + .btn-group,\n.btn-group-vertical .btn-group + .btn,\n.btn-group-vertical .btn-group + .btn-group {\n margin-left: -1px;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > .btn:first-child {\n margin-left: 0;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n padding-right: 0.5625rem;\n padding-left: 0.5625rem;\n}\n\n.dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 0.375rem;\n padding-left: 0.375rem;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 0.75rem;\n padding-left: 0.75rem;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.btn-group-vertical .btn,\n.btn-group-vertical .btn-group {\n width: 100%;\n}\n\n.btn-group-vertical > .btn + .btn,\n.btn-group-vertical > .btn + .btn-group,\n.btn-group-vertical > .btn-group + .btn,\n.btn-group-vertical > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .custom-select,\n.input-group > .custom-file {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file:focus {\n z-index: 3;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n margin-left: -1px;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n display: flex;\n align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::before {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label,\n.input-group > .custom-file:not(:first-child) .custom-file-label::before {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n position: relative;\n z-index: 2;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n margin-left: -1px;\n}\n\n.input-group-prepend {\n margin-right: -1px;\n}\n\n.input-group-append {\n margin-left: -1px;\n}\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n text-align: center;\n white-space: nowrap;\n background-color: #e9ecef;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n margin-top: 0;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.5rem;\n padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: 1rem;\n}\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n color: #fff;\n background-color: #007bff;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.custom-control-input:active ~ .custom-control-label::before {\n color: #fff;\n background-color: #b3d7ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n color: #6c757d;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #e9ecef;\n}\n\n.custom-control-label {\n margin-bottom: 0;\n}\n\n.custom-control-label::before {\n position: absolute;\n top: 0.25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: \"\";\n user-select: none;\n background-color: #dee2e6;\n}\n\n.custom-control-label::after {\n position: absolute;\n top: 0.25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n content: \"\";\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 0.25rem;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n vertical-align: middle;\n background: #fff url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") no-repeat right 0.75rem center;\n background-size: 8px 10px;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n appearance: none;\n}\n\n.custom-select:focus {\n border-color: #80bdff;\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);\n}\n\n.custom-select:focus::-ms-value {\n color: #495057;\n background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none;\n}\n\n.custom-select:disabled {\n color: #6c757d;\n background-color: #e9ecef;\n}\n\n.custom-select::-ms-expand {\n opacity: 0;\n}\n\n.custom-select-sm {\n height: calc(1.8125rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 75%;\n}\n\n.custom-select-lg {\n height: calc(2.875rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 125%;\n}\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin-bottom: 0;\n}\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin: 0;\n opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-control {\n border-color: #80bdff;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.custom-file-input:focus ~ .custom-file-control::before {\n border-color: #80bdff;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Browse\";\n}\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n}\n\n.custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(calc(2.25rem + 2px) - 1px * 2);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n content: \"Browse\";\n background-color: #e9ecef;\n border-left: 1px solid #ced4da;\n border-radius: 0 0.25rem 0.25rem 0;\n}\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: 0.5rem 1rem;\n}\n\n.nav-link:hover, .nav-link:focus {\n text-decoration: none;\n}\n\n.nav-link.disabled {\n color: #6c757d;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #dee2e6;\n}\n\n.nav-tabs .nav-item {\n margin-bottom: -1px;\n}\n\n.nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: #e9ecef #e9ecef #dee2e6;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #6c757d;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n color: #495057;\n background-color: #fff;\n border-color: #dee2e6 #dee2e6 #fff;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-pills .nav-link {\n border-radius: 0.25rem;\n}\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #007bff;\n}\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n\n.tab-content > .active {\n display: block;\n}\n\n.navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 1rem;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: 0.3125rem;\n padding-bottom: 0.3125rem;\n margin-right: 1rem;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n .navbar-expand-sm .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n .navbar-expand-md .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n .navbar-expand-lg .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 1199.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1200px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n .navbar-expand-xl .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-expand .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.25rem;\n}\n\n.card > hr {\n margin-right: 0;\n margin-left: 0;\n}\n\n.card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.card-body {\n flex: 1 1 auto;\n padding: 1.25rem;\n}\n\n.card-title {\n margin-bottom: 0.75rem;\n}\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link:hover {\n text-decoration: none;\n}\n\n.card-link + .card-link {\n margin-left: 1.25rem;\n}\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-header:first-child {\n border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;\n}\n\n.card-header + .list-group .list-group-item:first-child {\n border-top: 0;\n}\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-footer:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);\n}\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem;\n}\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem;\n}\n\n.card-img {\n width: 100%;\n border-radius: calc(0.25rem - 1px);\n}\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px);\n}\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(0.25rem - 1px);\n border-bottom-left-radius: calc(0.25rem - 1px);\n}\n\n.card-deck {\n display: flex;\n flex-direction: column;\n}\n\n.card-deck .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-deck {\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px;\n }\n .card-deck .card {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px;\n }\n}\n\n.card-group {\n display: flex;\n flex-direction: column;\n}\n\n.card-group > .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-group {\n flex-flow: row wrap;\n }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0;\n }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0;\n }\n .card-group > .card:first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .card-group > .card:first-child .card-img-top,\n .card-group > .card:first-child .card-header {\n border-top-right-radius: 0;\n }\n .card-group > .card:first-child .card-img-bottom,\n .card-group > .card:first-child .card-footer {\n border-bottom-right-radius: 0;\n }\n .card-group > .card:last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .card-group > .card:last-child .card-img-top,\n .card-group > .card:last-child .card-header {\n border-top-left-radius: 0;\n }\n .card-group > .card:last-child .card-img-bottom,\n .card-group > .card:last-child .card-footer {\n border-bottom-left-radius: 0;\n }\n .card-group > .card:only-child {\n border-radius: 0.25rem;\n }\n .card-group > .card:only-child .card-img-top,\n .card-group > .card:only-child .card-header {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n }\n .card-group > .card:only-child .card-img-bottom,\n .card-group > .card:only-child .card-footer {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {\n border-radius: 0;\n }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {\n border-radius: 0;\n }\n}\n\n.card-columns .card {\n margin-bottom: 0.75rem;\n}\n\n@media (min-width: 576px) {\n .card-columns {\n column-count: 3;\n column-gap: 1.25rem;\n }\n .card-columns .card {\n display: inline-block;\n width: 100%;\n }\n}\n\n.breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: 0.75rem 1rem;\n margin-bottom: 1rem;\n list-style: none;\n background-color: #e9ecef;\n border-radius: 0.25rem;\n}\n\n.breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n color: #6c757d;\n content: \"/\";\n}\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: underline;\n}\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: none;\n}\n\n.breadcrumb-item.active {\n color: #6c757d;\n}\n\n.pagination {\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 0.25rem;\n}\n\n.page-link {\n position: relative;\n display: block;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n line-height: 1.25;\n color: #007bff;\n background-color: #fff;\n border: 1px solid #dee2e6;\n}\n\n.page-link:hover {\n color: #0056b3;\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6;\n}\n\n.page-link:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.page-link:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.page-item:first-child .page-link {\n margin-left: 0;\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.page-item:last-child .page-link {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n}\n\n.page-item.active .page-link {\n z-index: 1;\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.page-item.disabled .page-link {\n color: #6c757d;\n pointer-events: none;\n cursor: auto;\n background-color: #fff;\n border-color: #dee2e6;\n}\n\n.pagination-lg .page-link {\n padding: 0.75rem 1.5rem;\n font-size: 1.25rem;\n line-height: 1.5;\n}\n\n.pagination-lg .page-item:first-child .page-link {\n border-top-left-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem;\n}\n\n.pagination-lg .page-item:last-child .page-link {\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n\n.pagination-sm .page-link {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n.pagination-sm .page-item:first-child .page-link {\n border-top-left-radius: 0.2rem;\n border-bottom-left-radius: 0.2rem;\n}\n\n.pagination-sm .page-item:last-child .page-link {\n border-top-right-radius: 0.2rem;\n border-bottom-right-radius: 0.2rem;\n}\n\n.badge {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25rem;\n}\n\n.badge:empty {\n display: none;\n}\n\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem;\n}\n\n.badge-primary {\n color: #fff;\n background-color: #007bff;\n}\n\n.badge-primary[href]:hover, .badge-primary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #0062cc;\n}\n\n.badge-secondary {\n color: #fff;\n background-color: #6c757d;\n}\n\n.badge-secondary[href]:hover, .badge-secondary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #545b62;\n}\n\n.badge-success {\n color: #fff;\n background-color: #28a745;\n}\n\n.badge-success[href]:hover, .badge-success[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1e7e34;\n}\n\n.badge-info {\n color: #fff;\n background-color: #17a2b8;\n}\n\n.badge-info[href]:hover, .badge-info[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #117a8b;\n}\n\n.badge-warning {\n color: #212529;\n background-color: #ffc107;\n}\n\n.badge-warning[href]:hover, .badge-warning[href]:focus {\n color: #212529;\n text-decoration: none;\n background-color: #d39e00;\n}\n\n.badge-danger {\n color: #fff;\n background-color: #dc3545;\n}\n\n.badge-danger[href]:hover, .badge-danger[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #bd2130;\n}\n\n.badge-light {\n color: #212529;\n background-color: #f8f9fa;\n}\n\n.badge-light[href]:hover, .badge-light[href]:focus {\n color: #212529;\n text-decoration: none;\n background-color: #dae0e5;\n}\n\n.badge-dark {\n color: #fff;\n background-color: #343a40;\n}\n\n.badge-dark[href]:hover, .badge-dark[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1d2124;\n}\n\n.jumbotron {\n padding: 2rem 1rem;\n margin-bottom: 2rem;\n background-color: #e9ecef;\n border-radius: 0.3rem;\n}\n\n@media (min-width: 576px) {\n .jumbotron {\n padding: 4rem 2rem;\n }\n}\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n border-radius: 0;\n}\n\n.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n}\n\n.alert-heading {\n color: inherit;\n}\n\n.alert-link {\n font-weight: 700;\n}\n\n.alert-dismissible {\n padding-right: 4rem;\n}\n\n.alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit;\n}\n\n.alert-primary {\n color: #004085;\n background-color: #cce5ff;\n border-color: #b8daff;\n}\n\n.alert-primary hr {\n border-top-color: #9fcdff;\n}\n\n.alert-primary .alert-link {\n color: #002752;\n}\n\n.alert-secondary {\n color: #383d41;\n background-color: #e2e3e5;\n border-color: #d6d8db;\n}\n\n.alert-secondary hr {\n border-top-color: #c8cbcf;\n}\n\n.alert-secondary .alert-link {\n color: #202326;\n}\n\n.alert-success {\n color: #155724;\n background-color: #d4edda;\n border-color: #c3e6cb;\n}\n\n.alert-success hr {\n border-top-color: #b1dfbb;\n}\n\n.alert-success .alert-link {\n color: #0b2e13;\n}\n\n.alert-info {\n color: #0c5460;\n background-color: #d1ecf1;\n border-color: #bee5eb;\n}\n\n.alert-info hr {\n border-top-color: #abdde5;\n}\n\n.alert-info .alert-link {\n color: #062c33;\n}\n\n.alert-warning {\n color: #856404;\n background-color: #fff3cd;\n border-color: #ffeeba;\n}\n\n.alert-warning hr {\n border-top-color: #ffe8a1;\n}\n\n.alert-warning .alert-link {\n color: #533f03;\n}\n\n.alert-danger {\n color: #721c24;\n background-color: #f8d7da;\n border-color: #f5c6cb;\n}\n\n.alert-danger hr {\n border-top-color: #f1b0b7;\n}\n\n.alert-danger .alert-link {\n color: #491217;\n}\n\n.alert-light {\n color: #818182;\n background-color: #fefefe;\n border-color: #fdfdfe;\n}\n\n.alert-light hr {\n border-top-color: #ececf6;\n}\n\n.alert-light .alert-link {\n color: #686868;\n}\n\n.alert-dark {\n color: #1b1e21;\n background-color: #d6d8d9;\n border-color: #c6c8ca;\n}\n\n.alert-dark hr {\n border-top-color: #b9bbbe;\n}\n\n.alert-dark .alert-link {\n color: #040505;\n}\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0;\n }\n to {\n background-position: 0 0;\n }\n}\n\n.progress {\n display: flex;\n height: 1rem;\n overflow: hidden;\n font-size: 0.75rem;\n background-color: #e9ecef;\n border-radius: 0.25rem;\n}\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: #fff;\n text-align: center;\n background-color: #007bff;\n transition: width 0.6s ease;\n}\n\n.progress-bar-striped {\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 1rem 1rem;\n}\n\n.progress-bar-animated {\n animation: progress-bar-stripes 1s linear infinite;\n}\n\n.media {\n display: flex;\n align-items: flex-start;\n}\n\n.media-body {\n flex: 1;\n}\n\n.list-group {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n}\n\n.list-group-item-action {\n width: 100%;\n color: #495057;\n text-align: inherit;\n}\n\n.list-group-item-action:hover, .list-group-item-action:focus {\n color: #495057;\n text-decoration: none;\n background-color: #f8f9fa;\n}\n\n.list-group-item-action:active {\n color: #212529;\n background-color: #e9ecef;\n}\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 0.75rem 1.25rem;\n margin-bottom: -1px;\n background-color: #fff;\n border: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.list-group-item:hover, .list-group-item:focus {\n z-index: 1;\n text-decoration: none;\n}\n\n.list-group-item.disabled, .list-group-item:disabled {\n color: #6c757d;\n background-color: #fff;\n}\n\n.list-group-item.active {\n z-index: 2;\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.list-group-flush .list-group-item {\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n}\n\n.list-group-flush:first-child .list-group-item:first-child {\n border-top: 0;\n}\n\n.list-group-flush:last-child .list-group-item:last-child {\n border-bottom: 0;\n}\n\n.list-group-item-primary {\n color: #004085;\n background-color: #b8daff;\n}\n\n.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {\n color: #004085;\n background-color: #9fcdff;\n}\n\n.list-group-item-primary.list-group-item-action.active {\n color: #fff;\n background-color: #004085;\n border-color: #004085;\n}\n\n.list-group-item-secondary {\n color: #383d41;\n background-color: #d6d8db;\n}\n\n.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {\n color: #383d41;\n background-color: #c8cbcf;\n}\n\n.list-group-item-secondary.list-group-item-action.active {\n color: #fff;\n background-color: #383d41;\n border-color: #383d41;\n}\n\n.list-group-item-success {\n color: #155724;\n background-color: #c3e6cb;\n}\n\n.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {\n color: #155724;\n background-color: #b1dfbb;\n}\n\n.list-group-item-success.list-group-item-action.active {\n color: #fff;\n background-color: #155724;\n border-color: #155724;\n}\n\n.list-group-item-info {\n color: #0c5460;\n background-color: #bee5eb;\n}\n\n.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {\n color: #0c5460;\n background-color: #abdde5;\n}\n\n.list-group-item-info.list-group-item-action.active {\n color: #fff;\n background-color: #0c5460;\n border-color: #0c5460;\n}\n\n.list-group-item-warning {\n color: #856404;\n background-color: #ffeeba;\n}\n\n.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {\n color: #856404;\n background-color: #ffe8a1;\n}\n\n.list-group-item-warning.list-group-item-action.active {\n color: #fff;\n background-color: #856404;\n border-color: #856404;\n}\n\n.list-group-item-danger {\n color: #721c24;\n background-color: #f5c6cb;\n}\n\n.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {\n color: #721c24;\n background-color: #f1b0b7;\n}\n\n.list-group-item-danger.list-group-item-action.active {\n color: #fff;\n background-color: #721c24;\n border-color: #721c24;\n}\n\n.list-group-item-light {\n color: #818182;\n background-color: #fdfdfe;\n}\n\n.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {\n color: #818182;\n background-color: #ececf6;\n}\n\n.list-group-item-light.list-group-item-action.active {\n color: #fff;\n background-color: #818182;\n border-color: #818182;\n}\n\n.list-group-item-dark {\n color: #1b1e21;\n background-color: #c6c8ca;\n}\n\n.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {\n color: #1b1e21;\n background-color: #b9bbbe;\n}\n\n.list-group-item-dark.list-group-item-action.active {\n color: #fff;\n background-color: #1b1e21;\n border-color: #1b1e21;\n}\n\n.close {\n float: right;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n.close:hover, .close:focus {\n color: #000;\n text-decoration: none;\n opacity: .75;\n}\n\n.close:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n\n.modal-open {\n overflow: hidden;\n}\n\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n display: none;\n overflow: hidden;\n outline: 0;\n}\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n}\n\n.modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -25%);\n}\n\n.modal.show .modal-dialog {\n transform: translate(0, 0);\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - (0.5rem * 2));\n}\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n outline: 0;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000;\n}\n\n.modal-backdrop.fade {\n opacity: 0;\n}\n\n.modal-backdrop.show {\n opacity: 0.5;\n}\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 1rem;\n border-bottom: 1px solid #e9ecef;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n\n.modal-header .close {\n padding: 1rem;\n margin: -1rem -1rem -1rem auto;\n}\n\n.modal-title {\n margin-bottom: 0;\n line-height: 1.5;\n}\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 1rem;\n}\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 1rem;\n border-top: 1px solid #e9ecef;\n}\n\n.modal-footer > :not(:first-child) {\n margin-left: .25rem;\n}\n\n.modal-footer > :not(:last-child) {\n margin-right: .25rem;\n}\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 500px;\n margin: 1.75rem auto;\n }\n .modal-dialog-centered {\n min-height: calc(100% - (1.75rem * 2));\n }\n .modal-sm {\n max-width: 300px;\n }\n}\n\n@media (min-width: 992px) {\n .modal-lg {\n max-width: 800px;\n }\n}\n\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n opacity: 0;\n}\n\n.tooltip.show {\n opacity: 0.9;\n}\n\n.tooltip .arrow {\n position: absolute;\n display: block;\n width: 0.8rem;\n height: 0.4rem;\n}\n\n.tooltip .arrow::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-tooltip-top, .bs-tooltip-auto[x-placement^=\"top\"] {\n padding: 0.4rem 0;\n}\n\n.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=\"top\"] .arrow {\n bottom: 0;\n}\n\n.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n top: 0;\n border-width: 0.4rem 0.4rem 0;\n border-top-color: #000;\n}\n\n.bs-tooltip-right, .bs-tooltip-auto[x-placement^=\"right\"] {\n padding: 0 0.4rem;\n}\n\n.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=\"right\"] .arrow {\n left: 0;\n width: 0.4rem;\n height: 0.8rem;\n}\n\n.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n right: 0;\n border-width: 0.4rem 0.4rem 0.4rem 0;\n border-right-color: #000;\n}\n\n.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=\"bottom\"] {\n padding: 0.4rem 0;\n}\n\n.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow {\n top: 0;\n}\n\n.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n bottom: 0;\n border-width: 0 0.4rem 0.4rem;\n border-bottom-color: #000;\n}\n\n.bs-tooltip-left, .bs-tooltip-auto[x-placement^=\"left\"] {\n padding: 0 0.4rem;\n}\n\n.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=\"left\"] .arrow {\n right: 0;\n width: 0.4rem;\n height: 0.8rem;\n}\n\n.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem 0.4rem;\n border-left-color: #000;\n}\n\n.tooltip-inner {\n max-width: 200px;\n padding: 0.25rem 0.5rem;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 0.25rem;\n}\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: block;\n max-width: 276px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n}\n\n.popover .arrow {\n position: absolute;\n display: block;\n width: 1rem;\n height: 0.5rem;\n margin: 0 0.3rem;\n}\n\n.popover .arrow::before, .popover .arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-popover-top, .bs-popover-auto[x-placement^=\"top\"] {\n margin-bottom: 0.5rem;\n}\n\n.bs-popover-top .arrow, .bs-popover-auto[x-placement^=\"top\"] .arrow {\n bottom: calc((0.5rem + 1px) * -1);\n}\n\n.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before,\n.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0;\n}\n\n.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before {\n bottom: 0;\n border-top-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n bottom: 1px;\n border-top-color: #fff;\n}\n\n.bs-popover-right, .bs-popover-auto[x-placement^=\"right\"] {\n margin-left: 0.5rem;\n}\n\n.bs-popover-right .arrow, .bs-popover-auto[x-placement^=\"right\"] .arrow {\n left: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0;\n}\n\n.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before,\n.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0.5rem 0;\n}\n\n.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before {\n left: 0;\n border-right-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n left: 1px;\n border-right-color: #fff;\n}\n\n.bs-popover-bottom, .bs-popover-auto[x-placement^=\"bottom\"] {\n margin-top: 0.5rem;\n}\n\n.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=\"bottom\"] .arrow {\n top: calc((0.5rem + 1px) * -1);\n}\n\n.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before,\n.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n border-width: 0 0.5rem 0.5rem 0.5rem;\n}\n\n.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before {\n top: 0;\n border-bottom-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n top: 1px;\n border-bottom-color: #fff;\n}\n\n.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 1rem;\n margin-left: -0.5rem;\n content: \"\";\n border-bottom: 1px solid #f7f7f7;\n}\n\n.bs-popover-left, .bs-popover-auto[x-placement^=\"left\"] {\n margin-right: 0.5rem;\n}\n\n.bs-popover-left .arrow, .bs-popover-auto[x-placement^=\"left\"] .arrow {\n right: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0;\n}\n\n.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before,\n.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n border-width: 0.5rem 0 0.5rem 0.5rem;\n}\n\n.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before {\n right: 0;\n border-left-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n right: 1px;\n border-left-color: #fff;\n}\n\n.popover-header {\n padding: 0.5rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n color: inherit;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-top-left-radius: calc(0.3rem - 1px);\n border-top-right-radius: calc(0.3rem - 1px);\n}\n\n.popover-header:empty {\n display: none;\n}\n\n.popover-body {\n padding: 0.5rem 0.75rem;\n color: #212529;\n}\n\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n.carousel-item {\n position: relative;\n display: none;\n align-items: center;\n width: 100%;\n transition: transform 0.6s ease;\n backface-visibility: hidden;\n perspective: 1000px;\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block;\n}\n\n.carousel-item-next,\n.carousel-item-prev {\n position: absolute;\n top: 0;\n}\n\n.carousel-item-next.carousel-item-left,\n.carousel-item-prev.carousel-item-right {\n transform: translateX(0);\n}\n\n@supports (transform-style: preserve-3d) {\n .carousel-item-next.carousel-item-left,\n .carousel-item-prev.carousel-item-right {\n transform: translate3d(0, 0, 0);\n }\n}\n\n.carousel-item-next,\n.active.carousel-item-right {\n transform: translateX(100%);\n}\n\n@supports (transform-style: preserve-3d) {\n .carousel-item-next,\n .active.carousel-item-right {\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.carousel-item-prev,\n.active.carousel-item-left {\n transform: translateX(-100%);\n}\n\n@supports (transform-style: preserve-3d) {\n .carousel-item-prev,\n .active.carousel-item-left {\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 15%;\n color: #fff;\n text-align: center;\n opacity: 0.5;\n}\n\n.carousel-control-prev:hover, .carousel-control-prev:focus,\n.carousel-control-next:hover,\n.carousel-control-next:focus {\n color: #fff;\n text-decoration: none;\n outline: 0;\n opacity: .9;\n}\n\n.carousel-control-prev {\n left: 0;\n}\n\n.carousel-control-next {\n right: 0;\n}\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: transparent no-repeat center center;\n background-size: 100% 100%;\n}\n\n.carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\");\n}\n\n.carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\");\n}\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 10px;\n left: 0;\n z-index: 15;\n display: flex;\n justify-content: center;\n padding-left: 0;\n margin-right: 15%;\n margin-left: 15%;\n list-style: none;\n}\n\n.carousel-indicators li {\n position: relative;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n margin-right: 3px;\n margin-left: 3px;\n text-indent: -999px;\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.carousel-indicators li::before {\n position: absolute;\n top: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n}\n\n.carousel-indicators li::after {\n position: absolute;\n bottom: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n}\n\n.carousel-indicators .active {\n background-color: #fff;\n}\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: #fff;\n text-align: center;\n}\n\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.align-top {\n vertical-align: top !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n\n.align-bottom {\n vertical-align: bottom !important;\n}\n\n.align-text-bottom {\n vertical-align: text-bottom !important;\n}\n\n.align-text-top {\n vertical-align: text-top !important;\n}\n\n.bg-primary {\n background-color: #007bff !important;\n}\n\na.bg-primary:hover, a.bg-primary:focus,\nbutton.bg-primary:hover,\nbutton.bg-primary:focus {\n background-color: #0062cc !important;\n}\n\n.bg-secondary {\n background-color: #6c757d !important;\n}\n\na.bg-secondary:hover, a.bg-secondary:focus,\nbutton.bg-secondary:hover,\nbutton.bg-secondary:focus {\n background-color: #545b62 !important;\n}\n\n.bg-success {\n background-color: #28a745 !important;\n}\n\na.bg-success:hover, a.bg-success:focus,\nbutton.bg-success:hover,\nbutton.bg-success:focus {\n background-color: #1e7e34 !important;\n}\n\n.bg-info {\n background-color: #17a2b8 !important;\n}\n\na.bg-info:hover, a.bg-info:focus,\nbutton.bg-info:hover,\nbutton.bg-info:focus {\n background-color: #117a8b !important;\n}\n\n.bg-warning {\n background-color: #ffc107 !important;\n}\n\na.bg-warning:hover, a.bg-warning:focus,\nbutton.bg-warning:hover,\nbutton.bg-warning:focus {\n background-color: #d39e00 !important;\n}\n\n.bg-danger {\n background-color: #dc3545 !important;\n}\n\na.bg-danger:hover, a.bg-danger:focus,\nbutton.bg-danger:hover,\nbutton.bg-danger:focus {\n background-color: #bd2130 !important;\n}\n\n.bg-light {\n background-color: #f8f9fa !important;\n}\n\na.bg-light:hover, a.bg-light:focus,\nbutton.bg-light:hover,\nbutton.bg-light:focus {\n background-color: #dae0e5 !important;\n}\n\n.bg-dark {\n background-color: #343a40 !important;\n}\n\na.bg-dark:hover, a.bg-dark:focus,\nbutton.bg-dark:hover,\nbutton.bg-dark:focus {\n background-color: #1d2124 !important;\n}\n\n.bg-white {\n background-color: #fff !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n\n.border {\n border: 1px solid #dee2e6 !important;\n}\n\n.border-top {\n border-top: 1px solid #dee2e6 !important;\n}\n\n.border-right {\n border-right: 1px solid #dee2e6 !important;\n}\n\n.border-bottom {\n border-bottom: 1px solid #dee2e6 !important;\n}\n\n.border-left {\n border-left: 1px solid #dee2e6 !important;\n}\n\n.border-0 {\n border: 0 !important;\n}\n\n.border-top-0 {\n border-top: 0 !important;\n}\n\n.border-right-0 {\n border-right: 0 !important;\n}\n\n.border-bottom-0 {\n border-bottom: 0 !important;\n}\n\n.border-left-0 {\n border-left: 0 !important;\n}\n\n.border-primary {\n border-color: #007bff !important;\n}\n\n.border-secondary {\n border-color: #6c757d !important;\n}\n\n.border-success {\n border-color: #28a745 !important;\n}\n\n.border-info {\n border-color: #17a2b8 !important;\n}\n\n.border-warning {\n border-color: #ffc107 !important;\n}\n\n.border-danger {\n border-color: #dc3545 !important;\n}\n\n.border-light {\n border-color: #f8f9fa !important;\n}\n\n.border-dark {\n border-color: #343a40 !important;\n}\n\n.border-white {\n border-color: #fff !important;\n}\n\n.rounded {\n border-radius: 0.25rem !important;\n}\n\n.rounded-top {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important;\n}\n\n.rounded-right {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n}\n\n.rounded-bottom {\n border-bottom-right-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n}\n\n.rounded-left {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n}\n\n.rounded-circle {\n border-radius: 50% !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n\n.clearfix::after {\n display: block;\n clear: both;\n content: \"\";\n}\n\n.d-none {\n display: none !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-table {\n display: table !important;\n}\n\n.d-table-row {\n display: table-row !important;\n}\n\n.d-table-cell {\n display: table-cell !important;\n}\n\n.d-flex {\n display: flex !important;\n}\n\n.d-inline-flex {\n display: inline-flex !important;\n}\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important;\n }\n .d-sm-inline {\n display: inline !important;\n }\n .d-sm-inline-block {\n display: inline-block !important;\n }\n .d-sm-block {\n display: block !important;\n }\n .d-sm-table {\n display: table !important;\n }\n .d-sm-table-row {\n display: table-row !important;\n }\n .d-sm-table-cell {\n display: table-cell !important;\n }\n .d-sm-flex {\n display: flex !important;\n }\n .d-sm-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important;\n }\n .d-md-inline {\n display: inline !important;\n }\n .d-md-inline-block {\n display: inline-block !important;\n }\n .d-md-block {\n display: block !important;\n }\n .d-md-table {\n display: table !important;\n }\n .d-md-table-row {\n display: table-row !important;\n }\n .d-md-table-cell {\n display: table-cell !important;\n }\n .d-md-flex {\n display: flex !important;\n }\n .d-md-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important;\n }\n .d-lg-inline {\n display: inline !important;\n }\n .d-lg-inline-block {\n display: inline-block !important;\n }\n .d-lg-block {\n display: block !important;\n }\n .d-lg-table {\n display: table !important;\n }\n .d-lg-table-row {\n display: table-row !important;\n }\n .d-lg-table-cell {\n display: table-cell !important;\n }\n .d-lg-flex {\n display: flex !important;\n }\n .d-lg-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important;\n }\n .d-xl-inline {\n display: inline !important;\n }\n .d-xl-inline-block {\n display: inline-block !important;\n }\n .d-xl-block {\n display: block !important;\n }\n .d-xl-table {\n display: table !important;\n }\n .d-xl-table-row {\n display: table-row !important;\n }\n .d-xl-table-cell {\n display: table-cell !important;\n }\n .d-xl-flex {\n display: flex !important;\n }\n .d-xl-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media print {\n .d-print-none {\n display: none !important;\n }\n .d-print-inline {\n display: inline !important;\n }\n .d-print-inline-block {\n display: inline-block !important;\n }\n .d-print-block {\n display: block !important;\n }\n .d-print-table {\n display: table !important;\n }\n .d-print-table-row {\n display: table-row !important;\n }\n .d-print-table-cell {\n display: table-cell !important;\n }\n .d-print-flex {\n display: flex !important;\n }\n .d-print-inline-flex {\n display: inline-flex !important;\n }\n}\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n}\n\n.embed-responsive::before {\n display: block;\n content: \"\";\n}\n\n.embed-responsive .embed-responsive-item,\n.embed-responsive iframe,\n.embed-responsive embed,\n.embed-responsive object,\n.embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n\n.embed-responsive-21by9::before {\n padding-top: 42.857143%;\n}\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%;\n}\n\n.embed-responsive-4by3::before {\n padding-top: 75%;\n}\n\n.embed-responsive-1by1::before {\n padding-top: 100%;\n}\n\n.flex-row {\n flex-direction: row !important;\n}\n\n.flex-column {\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.justify-content-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-between {\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n justify-content: space-around !important;\n}\n\n.align-items-start {\n align-items: flex-start !important;\n}\n\n.align-items-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n.align-content-start {\n align-content: flex-start !important;\n}\n\n.align-content-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-between {\n align-content: space-between !important;\n}\n\n.align-content-around {\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n.align-self-auto {\n align-self: auto !important;\n}\n\n.align-self-start {\n align-self: flex-start !important;\n}\n\n.align-self-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n@media (min-width: 576px) {\n .flex-sm-row {\n flex-direction: row !important;\n }\n .flex-sm-column {\n flex-direction: column !important;\n }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-sm-wrap {\n flex-wrap: wrap !important;\n }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-sm-start {\n justify-content: flex-start !important;\n }\n .justify-content-sm-end {\n justify-content: flex-end !important;\n }\n .justify-content-sm-center {\n justify-content: center !important;\n }\n .justify-content-sm-between {\n justify-content: space-between !important;\n }\n .justify-content-sm-around {\n justify-content: space-around !important;\n }\n .align-items-sm-start {\n align-items: flex-start !important;\n }\n .align-items-sm-end {\n align-items: flex-end !important;\n }\n .align-items-sm-center {\n align-items: center !important;\n }\n .align-items-sm-baseline {\n align-items: baseline !important;\n }\n .align-items-sm-stretch {\n align-items: stretch !important;\n }\n .align-content-sm-start {\n align-content: flex-start !important;\n }\n .align-content-sm-end {\n align-content: flex-end !important;\n }\n .align-content-sm-center {\n align-content: center !important;\n }\n .align-content-sm-between {\n align-content: space-between !important;\n }\n .align-content-sm-around {\n align-content: space-around !important;\n }\n .align-content-sm-stretch {\n align-content: stretch !important;\n }\n .align-self-sm-auto {\n align-self: auto !important;\n }\n .align-self-sm-start {\n align-self: flex-start !important;\n }\n .align-self-sm-end {\n align-self: flex-end !important;\n }\n .align-self-sm-center {\n align-self: center !important;\n }\n .align-self-sm-baseline {\n align-self: baseline !important;\n }\n .align-self-sm-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 768px) {\n .flex-md-row {\n flex-direction: row !important;\n }\n .flex-md-column {\n flex-direction: column !important;\n }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-md-wrap {\n flex-wrap: wrap !important;\n }\n .flex-md-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-md-start {\n justify-content: flex-start !important;\n }\n .justify-content-md-end {\n justify-content: flex-end !important;\n }\n .justify-content-md-center {\n justify-content: center !important;\n }\n .justify-content-md-between {\n justify-content: space-between !important;\n }\n .justify-content-md-around {\n justify-content: space-around !important;\n }\n .align-items-md-start {\n align-items: flex-start !important;\n }\n .align-items-md-end {\n align-items: flex-end !important;\n }\n .align-items-md-center {\n align-items: center !important;\n }\n .align-items-md-baseline {\n align-items: baseline !important;\n }\n .align-items-md-stretch {\n align-items: stretch !important;\n }\n .align-content-md-start {\n align-content: flex-start !important;\n }\n .align-content-md-end {\n align-content: flex-end !important;\n }\n .align-content-md-center {\n align-content: center !important;\n }\n .align-content-md-between {\n align-content: space-between !important;\n }\n .align-content-md-around {\n align-content: space-around !important;\n }\n .align-content-md-stretch {\n align-content: stretch !important;\n }\n .align-self-md-auto {\n align-self: auto !important;\n }\n .align-self-md-start {\n align-self: flex-start !important;\n }\n .align-self-md-end {\n align-self: flex-end !important;\n }\n .align-self-md-center {\n align-self: center !important;\n }\n .align-self-md-baseline {\n align-self: baseline !important;\n }\n .align-self-md-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 992px) {\n .flex-lg-row {\n flex-direction: row !important;\n }\n .flex-lg-column {\n flex-direction: column !important;\n }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-lg-wrap {\n flex-wrap: wrap !important;\n }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-lg-start {\n justify-content: flex-start !important;\n }\n .justify-content-lg-end {\n justify-content: flex-end !important;\n }\n .justify-content-lg-center {\n justify-content: center !important;\n }\n .justify-content-lg-between {\n justify-content: space-between !important;\n }\n .justify-content-lg-around {\n justify-content: space-around !important;\n }\n .align-items-lg-start {\n align-items: flex-start !important;\n }\n .align-items-lg-end {\n align-items: flex-end !important;\n }\n .align-items-lg-center {\n align-items: center !important;\n }\n .align-items-lg-baseline {\n align-items: baseline !important;\n }\n .align-items-lg-stretch {\n align-items: stretch !important;\n }\n .align-content-lg-start {\n align-content: flex-start !important;\n }\n .align-content-lg-end {\n align-content: flex-end !important;\n }\n .align-content-lg-center {\n align-content: center !important;\n }\n .align-content-lg-between {\n align-content: space-between !important;\n }\n .align-content-lg-around {\n align-content: space-around !important;\n }\n .align-content-lg-stretch {\n align-content: stretch !important;\n }\n .align-self-lg-auto {\n align-self: auto !important;\n }\n .align-self-lg-start {\n align-self: flex-start !important;\n }\n .align-self-lg-end {\n align-self: flex-end !important;\n }\n .align-self-lg-center {\n align-self: center !important;\n }\n .align-self-lg-baseline {\n align-self: baseline !important;\n }\n .align-self-lg-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n flex-direction: row !important;\n }\n .flex-xl-column {\n flex-direction: column !important;\n }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-xl-wrap {\n flex-wrap: wrap !important;\n }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-xl-start {\n justify-content: flex-start !important;\n }\n .justify-content-xl-end {\n justify-content: flex-end !important;\n }\n .justify-content-xl-center {\n justify-content: center !important;\n }\n .justify-content-xl-between {\n justify-content: space-between !important;\n }\n .justify-content-xl-around {\n justify-content: space-around !important;\n }\n .align-items-xl-start {\n align-items: flex-start !important;\n }\n .align-items-xl-end {\n align-items: flex-end !important;\n }\n .align-items-xl-center {\n align-items: center !important;\n }\n .align-items-xl-baseline {\n align-items: baseline !important;\n }\n .align-items-xl-stretch {\n align-items: stretch !important;\n }\n .align-content-xl-start {\n align-content: flex-start !important;\n }\n .align-content-xl-end {\n align-content: flex-end !important;\n }\n .align-content-xl-center {\n align-content: center !important;\n }\n .align-content-xl-between {\n align-content: space-between !important;\n }\n .align-content-xl-around {\n align-content: space-around !important;\n }\n .align-content-xl-stretch {\n align-content: stretch !important;\n }\n .align-self-xl-auto {\n align-self: auto !important;\n }\n .align-self-xl-start {\n align-self: flex-start !important;\n }\n .align-self-xl-end {\n align-self: flex-end !important;\n }\n .align-self-xl-center {\n align-self: center !important;\n }\n .align-self-xl-baseline {\n align-self: baseline !important;\n }\n .align-self-xl-stretch {\n align-self: stretch !important;\n }\n}\n\n.float-left {\n float: left !important;\n}\n\n.float-right {\n float: right !important;\n}\n\n.float-none {\n float: none !important;\n}\n\n@media (min-width: 576px) {\n .float-sm-left {\n float: left !important;\n }\n .float-sm-right {\n float: right !important;\n }\n .float-sm-none {\n float: none !important;\n }\n}\n\n@media (min-width: 768px) {\n .float-md-left {\n float: left !important;\n }\n .float-md-right {\n float: right !important;\n }\n .float-md-none {\n float: none !important;\n }\n}\n\n@media (min-width: 992px) {\n .float-lg-left {\n float: left !important;\n }\n .float-lg-right {\n float: right !important;\n }\n .float-lg-none {\n float: none !important;\n }\n}\n\n@media (min-width: 1200px) {\n .float-xl-left {\n float: left !important;\n }\n .float-xl-right {\n float: right !important;\n }\n .float-xl-none {\n float: none !important;\n }\n}\n\n.position-static {\n position: static !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-sticky {\n position: sticky !important;\n}\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1030;\n}\n\n@supports (position: sticky) {\n .sticky-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n clip-path: inset(50%);\n border: 0;\n}\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n clip-path: none;\n}\n\n.w-25 {\n width: 25% !important;\n}\n\n.w-50 {\n width: 50% !important;\n}\n\n.w-75 {\n width: 75% !important;\n}\n\n.w-100 {\n width: 100% !important;\n}\n\n.h-25 {\n height: 25% !important;\n}\n\n.h-50 {\n height: 50% !important;\n}\n\n.h-75 {\n height: 75% !important;\n}\n\n.h-100 {\n height: 100% !important;\n}\n\n.mw-100 {\n max-width: 100% !important;\n}\n\n.mh-100 {\n max-height: 100% !important;\n}\n\n.m-0 {\n margin: 0 !important;\n}\n\n.mt-0,\n.my-0 {\n margin-top: 0 !important;\n}\n\n.mr-0,\n.mx-0 {\n margin-right: 0 !important;\n}\n\n.mb-0,\n.my-0 {\n margin-bottom: 0 !important;\n}\n\n.ml-0,\n.mx-0 {\n margin-left: 0 !important;\n}\n\n.m-1 {\n margin: 0.25rem !important;\n}\n\n.mt-1,\n.my-1 {\n margin-top: 0.25rem !important;\n}\n\n.mr-1,\n.mx-1 {\n margin-right: 0.25rem !important;\n}\n\n.mb-1,\n.my-1 {\n margin-bottom: 0.25rem !important;\n}\n\n.ml-1,\n.mx-1 {\n margin-left: 0.25rem !important;\n}\n\n.m-2 {\n margin: 0.5rem !important;\n}\n\n.mt-2,\n.my-2 {\n margin-top: 0.5rem !important;\n}\n\n.mr-2,\n.mx-2 {\n margin-right: 0.5rem !important;\n}\n\n.mb-2,\n.my-2 {\n margin-bottom: 0.5rem !important;\n}\n\n.ml-2,\n.mx-2 {\n margin-left: 0.5rem !important;\n}\n\n.m-3 {\n margin: 1rem !important;\n}\n\n.mt-3,\n.my-3 {\n margin-top: 1rem !important;\n}\n\n.mr-3,\n.mx-3 {\n margin-right: 1rem !important;\n}\n\n.mb-3,\n.my-3 {\n margin-bottom: 1rem !important;\n}\n\n.ml-3,\n.mx-3 {\n margin-left: 1rem !important;\n}\n\n.m-4 {\n margin: 1.5rem !important;\n}\n\n.mt-4,\n.my-4 {\n margin-top: 1.5rem !important;\n}\n\n.mr-4,\n.mx-4 {\n margin-right: 1.5rem !important;\n}\n\n.mb-4,\n.my-4 {\n margin-bottom: 1.5rem !important;\n}\n\n.ml-4,\n.mx-4 {\n margin-left: 1.5rem !important;\n}\n\n.m-5 {\n margin: 3rem !important;\n}\n\n.mt-5,\n.my-5 {\n margin-top: 3rem !important;\n}\n\n.mr-5,\n.mx-5 {\n margin-right: 3rem !important;\n}\n\n.mb-5,\n.my-5 {\n margin-bottom: 3rem !important;\n}\n\n.ml-5,\n.mx-5 {\n margin-left: 3rem !important;\n}\n\n.p-0 {\n padding: 0 !important;\n}\n\n.pt-0,\n.py-0 {\n padding-top: 0 !important;\n}\n\n.pr-0,\n.px-0 {\n padding-right: 0 !important;\n}\n\n.pb-0,\n.py-0 {\n padding-bottom: 0 !important;\n}\n\n.pl-0,\n.px-0 {\n padding-left: 0 !important;\n}\n\n.p-1 {\n padding: 0.25rem !important;\n}\n\n.pt-1,\n.py-1 {\n padding-top: 0.25rem !important;\n}\n\n.pr-1,\n.px-1 {\n padding-right: 0.25rem !important;\n}\n\n.pb-1,\n.py-1 {\n padding-bottom: 0.25rem !important;\n}\n\n.pl-1,\n.px-1 {\n padding-left: 0.25rem !important;\n}\n\n.p-2 {\n padding: 0.5rem !important;\n}\n\n.pt-2,\n.py-2 {\n padding-top: 0.5rem !important;\n}\n\n.pr-2,\n.px-2 {\n padding-right: 0.5rem !important;\n}\n\n.pb-2,\n.py-2 {\n padding-bottom: 0.5rem !important;\n}\n\n.pl-2,\n.px-2 {\n padding-left: 0.5rem !important;\n}\n\n.p-3 {\n padding: 1rem !important;\n}\n\n.pt-3,\n.py-3 {\n padding-top: 1rem !important;\n}\n\n.pr-3,\n.px-3 {\n padding-right: 1rem !important;\n}\n\n.pb-3,\n.py-3 {\n padding-bottom: 1rem !important;\n}\n\n.pl-3,\n.px-3 {\n padding-left: 1rem !important;\n}\n\n.p-4 {\n padding: 1.5rem !important;\n}\n\n.pt-4,\n.py-4 {\n padding-top: 1.5rem !important;\n}\n\n.pr-4,\n.px-4 {\n padding-right: 1.5rem !important;\n}\n\n.pb-4,\n.py-4 {\n padding-bottom: 1.5rem !important;\n}\n\n.pl-4,\n.px-4 {\n padding-left: 1.5rem !important;\n}\n\n.p-5 {\n padding: 3rem !important;\n}\n\n.pt-5,\n.py-5 {\n padding-top: 3rem !important;\n}\n\n.pr-5,\n.px-5 {\n padding-right: 3rem !important;\n}\n\n.pb-5,\n.py-5 {\n padding-bottom: 3rem !important;\n}\n\n.pl-5,\n.px-5 {\n padding-left: 3rem !important;\n}\n\n.m-auto {\n margin: auto !important;\n}\n\n.mt-auto,\n.my-auto {\n margin-top: auto !important;\n}\n\n.mr-auto,\n.mx-auto {\n margin-right: auto !important;\n}\n\n.mb-auto,\n.my-auto {\n margin-bottom: auto !important;\n}\n\n.ml-auto,\n.mx-auto {\n margin-left: auto !important;\n}\n\n@media (min-width: 576px) {\n .m-sm-0 {\n margin: 0 !important;\n }\n .mt-sm-0,\n .my-sm-0 {\n margin-top: 0 !important;\n }\n .mr-sm-0,\n .mx-sm-0 {\n margin-right: 0 !important;\n }\n .mb-sm-0,\n .my-sm-0 {\n margin-bottom: 0 !important;\n }\n .ml-sm-0,\n .mx-sm-0 {\n margin-left: 0 !important;\n }\n .m-sm-1 {\n margin: 0.25rem !important;\n }\n .mt-sm-1,\n .my-sm-1 {\n margin-top: 0.25rem !important;\n }\n .mr-sm-1,\n .mx-sm-1 {\n margin-right: 0.25rem !important;\n }\n .mb-sm-1,\n .my-sm-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-sm-1,\n .mx-sm-1 {\n margin-left: 0.25rem !important;\n }\n .m-sm-2 {\n margin: 0.5rem !important;\n }\n .mt-sm-2,\n .my-sm-2 {\n margin-top: 0.5rem !important;\n }\n .mr-sm-2,\n .mx-sm-2 {\n margin-right: 0.5rem !important;\n }\n .mb-sm-2,\n .my-sm-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-sm-2,\n .mx-sm-2 {\n margin-left: 0.5rem !important;\n }\n .m-sm-3 {\n margin: 1rem !important;\n }\n .mt-sm-3,\n .my-sm-3 {\n margin-top: 1rem !important;\n }\n .mr-sm-3,\n .mx-sm-3 {\n margin-right: 1rem !important;\n }\n .mb-sm-3,\n .my-sm-3 {\n margin-bottom: 1rem !important;\n }\n .ml-sm-3,\n .mx-sm-3 {\n margin-left: 1rem !important;\n }\n .m-sm-4 {\n margin: 1.5rem !important;\n }\n .mt-sm-4,\n .my-sm-4 {\n margin-top: 1.5rem !important;\n }\n .mr-sm-4,\n .mx-sm-4 {\n margin-right: 1.5rem !important;\n }\n .mb-sm-4,\n .my-sm-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-sm-4,\n .mx-sm-4 {\n margin-left: 1.5rem !important;\n }\n .m-sm-5 {\n margin: 3rem !important;\n }\n .mt-sm-5,\n .my-sm-5 {\n margin-top: 3rem !important;\n }\n .mr-sm-5,\n .mx-sm-5 {\n margin-right: 3rem !important;\n }\n .mb-sm-5,\n .my-sm-5 {\n margin-bottom: 3rem !important;\n }\n .ml-sm-5,\n .mx-sm-5 {\n margin-left: 3rem !important;\n }\n .p-sm-0 {\n padding: 0 !important;\n }\n .pt-sm-0,\n .py-sm-0 {\n padding-top: 0 !important;\n }\n .pr-sm-0,\n .px-sm-0 {\n padding-right: 0 !important;\n }\n .pb-sm-0,\n .py-sm-0 {\n padding-bottom: 0 !important;\n }\n .pl-sm-0,\n .px-sm-0 {\n padding-left: 0 !important;\n }\n .p-sm-1 {\n padding: 0.25rem !important;\n }\n .pt-sm-1,\n .py-sm-1 {\n padding-top: 0.25rem !important;\n }\n .pr-sm-1,\n .px-sm-1 {\n padding-right: 0.25rem !important;\n }\n .pb-sm-1,\n .py-sm-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-sm-1,\n .px-sm-1 {\n padding-left: 0.25rem !important;\n }\n .p-sm-2 {\n padding: 0.5rem !important;\n }\n .pt-sm-2,\n .py-sm-2 {\n padding-top: 0.5rem !important;\n }\n .pr-sm-2,\n .px-sm-2 {\n padding-right: 0.5rem !important;\n }\n .pb-sm-2,\n .py-sm-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-sm-2,\n .px-sm-2 {\n padding-left: 0.5rem !important;\n }\n .p-sm-3 {\n padding: 1rem !important;\n }\n .pt-sm-3,\n .py-sm-3 {\n padding-top: 1rem !important;\n }\n .pr-sm-3,\n .px-sm-3 {\n padding-right: 1rem !important;\n }\n .pb-sm-3,\n .py-sm-3 {\n padding-bottom: 1rem !important;\n }\n .pl-sm-3,\n .px-sm-3 {\n padding-left: 1rem !important;\n }\n .p-sm-4 {\n padding: 1.5rem !important;\n }\n .pt-sm-4,\n .py-sm-4 {\n padding-top: 1.5rem !important;\n }\n .pr-sm-4,\n .px-sm-4 {\n padding-right: 1.5rem !important;\n }\n .pb-sm-4,\n .py-sm-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-sm-4,\n .px-sm-4 {\n padding-left: 1.5rem !important;\n }\n .p-sm-5 {\n padding: 3rem !important;\n }\n .pt-sm-5,\n .py-sm-5 {\n padding-top: 3rem !important;\n }\n .pr-sm-5,\n .px-sm-5 {\n padding-right: 3rem !important;\n }\n .pb-sm-5,\n .py-sm-5 {\n padding-bottom: 3rem !important;\n }\n .pl-sm-5,\n .px-sm-5 {\n padding-left: 3rem !important;\n }\n .m-sm-auto {\n margin: auto !important;\n }\n .mt-sm-auto,\n .my-sm-auto {\n margin-top: auto !important;\n }\n .mr-sm-auto,\n .mx-sm-auto {\n margin-right: auto !important;\n }\n .mb-sm-auto,\n .my-sm-auto {\n margin-bottom: auto !important;\n }\n .ml-sm-auto,\n .mx-sm-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 768px) {\n .m-md-0 {\n margin: 0 !important;\n }\n .mt-md-0,\n .my-md-0 {\n margin-top: 0 !important;\n }\n .mr-md-0,\n .mx-md-0 {\n margin-right: 0 !important;\n }\n .mb-md-0,\n .my-md-0 {\n margin-bottom: 0 !important;\n }\n .ml-md-0,\n .mx-md-0 {\n margin-left: 0 !important;\n }\n .m-md-1 {\n margin: 0.25rem !important;\n }\n .mt-md-1,\n .my-md-1 {\n margin-top: 0.25rem !important;\n }\n .mr-md-1,\n .mx-md-1 {\n margin-right: 0.25rem !important;\n }\n .mb-md-1,\n .my-md-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-md-1,\n .mx-md-1 {\n margin-left: 0.25rem !important;\n }\n .m-md-2 {\n margin: 0.5rem !important;\n }\n .mt-md-2,\n .my-md-2 {\n margin-top: 0.5rem !important;\n }\n .mr-md-2,\n .mx-md-2 {\n margin-right: 0.5rem !important;\n }\n .mb-md-2,\n .my-md-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-md-2,\n .mx-md-2 {\n margin-left: 0.5rem !important;\n }\n .m-md-3 {\n margin: 1rem !important;\n }\n .mt-md-3,\n .my-md-3 {\n margin-top: 1rem !important;\n }\n .mr-md-3,\n .mx-md-3 {\n margin-right: 1rem !important;\n }\n .mb-md-3,\n .my-md-3 {\n margin-bottom: 1rem !important;\n }\n .ml-md-3,\n .mx-md-3 {\n margin-left: 1rem !important;\n }\n .m-md-4 {\n margin: 1.5rem !important;\n }\n .mt-md-4,\n .my-md-4 {\n margin-top: 1.5rem !important;\n }\n .mr-md-4,\n .mx-md-4 {\n margin-right: 1.5rem !important;\n }\n .mb-md-4,\n .my-md-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-md-4,\n .mx-md-4 {\n margin-left: 1.5rem !important;\n }\n .m-md-5 {\n margin: 3rem !important;\n }\n .mt-md-5,\n .my-md-5 {\n margin-top: 3rem !important;\n }\n .mr-md-5,\n .mx-md-5 {\n margin-right: 3rem !important;\n }\n .mb-md-5,\n .my-md-5 {\n margin-bottom: 3rem !important;\n }\n .ml-md-5,\n .mx-md-5 {\n margin-left: 3rem !important;\n }\n .p-md-0 {\n padding: 0 !important;\n }\n .pt-md-0,\n .py-md-0 {\n padding-top: 0 !important;\n }\n .pr-md-0,\n .px-md-0 {\n padding-right: 0 !important;\n }\n .pb-md-0,\n .py-md-0 {\n padding-bottom: 0 !important;\n }\n .pl-md-0,\n .px-md-0 {\n padding-left: 0 !important;\n }\n .p-md-1 {\n padding: 0.25rem !important;\n }\n .pt-md-1,\n .py-md-1 {\n padding-top: 0.25rem !important;\n }\n .pr-md-1,\n .px-md-1 {\n padding-right: 0.25rem !important;\n }\n .pb-md-1,\n .py-md-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-md-1,\n .px-md-1 {\n padding-left: 0.25rem !important;\n }\n .p-md-2 {\n padding: 0.5rem !important;\n }\n .pt-md-2,\n .py-md-2 {\n padding-top: 0.5rem !important;\n }\n .pr-md-2,\n .px-md-2 {\n padding-right: 0.5rem !important;\n }\n .pb-md-2,\n .py-md-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-md-2,\n .px-md-2 {\n padding-left: 0.5rem !important;\n }\n .p-md-3 {\n padding: 1rem !important;\n }\n .pt-md-3,\n .py-md-3 {\n padding-top: 1rem !important;\n }\n .pr-md-3,\n .px-md-3 {\n padding-right: 1rem !important;\n }\n .pb-md-3,\n .py-md-3 {\n padding-bottom: 1rem !important;\n }\n .pl-md-3,\n .px-md-3 {\n padding-left: 1rem !important;\n }\n .p-md-4 {\n padding: 1.5rem !important;\n }\n .pt-md-4,\n .py-md-4 {\n padding-top: 1.5rem !important;\n }\n .pr-md-4,\n .px-md-4 {\n padding-right: 1.5rem !important;\n }\n .pb-md-4,\n .py-md-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-md-4,\n .px-md-4 {\n padding-left: 1.5rem !important;\n }\n .p-md-5 {\n padding: 3rem !important;\n }\n .pt-md-5,\n .py-md-5 {\n padding-top: 3rem !important;\n }\n .pr-md-5,\n .px-md-5 {\n padding-right: 3rem !important;\n }\n .pb-md-5,\n .py-md-5 {\n padding-bottom: 3rem !important;\n }\n .pl-md-5,\n .px-md-5 {\n padding-left: 3rem !important;\n }\n .m-md-auto {\n margin: auto !important;\n }\n .mt-md-auto,\n .my-md-auto {\n margin-top: auto !important;\n }\n .mr-md-auto,\n .mx-md-auto {\n margin-right: auto !important;\n }\n .mb-md-auto,\n .my-md-auto {\n margin-bottom: auto !important;\n }\n .ml-md-auto,\n .mx-md-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 992px) {\n .m-lg-0 {\n margin: 0 !important;\n }\n .mt-lg-0,\n .my-lg-0 {\n margin-top: 0 !important;\n }\n .mr-lg-0,\n .mx-lg-0 {\n margin-right: 0 !important;\n }\n .mb-lg-0,\n .my-lg-0 {\n margin-bottom: 0 !important;\n }\n .ml-lg-0,\n .mx-lg-0 {\n margin-left: 0 !important;\n }\n .m-lg-1 {\n margin: 0.25rem !important;\n }\n .mt-lg-1,\n .my-lg-1 {\n margin-top: 0.25rem !important;\n }\n .mr-lg-1,\n .mx-lg-1 {\n margin-right: 0.25rem !important;\n }\n .mb-lg-1,\n .my-lg-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-lg-1,\n .mx-lg-1 {\n margin-left: 0.25rem !important;\n }\n .m-lg-2 {\n margin: 0.5rem !important;\n }\n .mt-lg-2,\n .my-lg-2 {\n margin-top: 0.5rem !important;\n }\n .mr-lg-2,\n .mx-lg-2 {\n margin-right: 0.5rem !important;\n }\n .mb-lg-2,\n .my-lg-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-lg-2,\n .mx-lg-2 {\n margin-left: 0.5rem !important;\n }\n .m-lg-3 {\n margin: 1rem !important;\n }\n .mt-lg-3,\n .my-lg-3 {\n margin-top: 1rem !important;\n }\n .mr-lg-3,\n .mx-lg-3 {\n margin-right: 1rem !important;\n }\n .mb-lg-3,\n .my-lg-3 {\n margin-bottom: 1rem !important;\n }\n .ml-lg-3,\n .mx-lg-3 {\n margin-left: 1rem !important;\n }\n .m-lg-4 {\n margin: 1.5rem !important;\n }\n .mt-lg-4,\n .my-lg-4 {\n margin-top: 1.5rem !important;\n }\n .mr-lg-4,\n .mx-lg-4 {\n margin-right: 1.5rem !important;\n }\n .mb-lg-4,\n .my-lg-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-lg-4,\n .mx-lg-4 {\n margin-left: 1.5rem !important;\n }\n .m-lg-5 {\n margin: 3rem !important;\n }\n .mt-lg-5,\n .my-lg-5 {\n margin-top: 3rem !important;\n }\n .mr-lg-5,\n .mx-lg-5 {\n margin-right: 3rem !important;\n }\n .mb-lg-5,\n .my-lg-5 {\n margin-bottom: 3rem !important;\n }\n .ml-lg-5,\n .mx-lg-5 {\n margin-left: 3rem !important;\n }\n .p-lg-0 {\n padding: 0 !important;\n }\n .pt-lg-0,\n .py-lg-0 {\n padding-top: 0 !important;\n }\n .pr-lg-0,\n .px-lg-0 {\n padding-right: 0 !important;\n }\n .pb-lg-0,\n .py-lg-0 {\n padding-bottom: 0 !important;\n }\n .pl-lg-0,\n .px-lg-0 {\n padding-left: 0 !important;\n }\n .p-lg-1 {\n padding: 0.25rem !important;\n }\n .pt-lg-1,\n .py-lg-1 {\n padding-top: 0.25rem !important;\n }\n .pr-lg-1,\n .px-lg-1 {\n padding-right: 0.25rem !important;\n }\n .pb-lg-1,\n .py-lg-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-lg-1,\n .px-lg-1 {\n padding-left: 0.25rem !important;\n }\n .p-lg-2 {\n padding: 0.5rem !important;\n }\n .pt-lg-2,\n .py-lg-2 {\n padding-top: 0.5rem !important;\n }\n .pr-lg-2,\n .px-lg-2 {\n padding-right: 0.5rem !important;\n }\n .pb-lg-2,\n .py-lg-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-lg-2,\n .px-lg-2 {\n padding-left: 0.5rem !important;\n }\n .p-lg-3 {\n padding: 1rem !important;\n }\n .pt-lg-3,\n .py-lg-3 {\n padding-top: 1rem !important;\n }\n .pr-lg-3,\n .px-lg-3 {\n padding-right: 1rem !important;\n }\n .pb-lg-3,\n .py-lg-3 {\n padding-bottom: 1rem !important;\n }\n .pl-lg-3,\n .px-lg-3 {\n padding-left: 1rem !important;\n }\n .p-lg-4 {\n padding: 1.5rem !important;\n }\n .pt-lg-4,\n .py-lg-4 {\n padding-top: 1.5rem !important;\n }\n .pr-lg-4,\n .px-lg-4 {\n padding-right: 1.5rem !important;\n }\n .pb-lg-4,\n .py-lg-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-lg-4,\n .px-lg-4 {\n padding-left: 1.5rem !important;\n }\n .p-lg-5 {\n padding: 3rem !important;\n }\n .pt-lg-5,\n .py-lg-5 {\n padding-top: 3rem !important;\n }\n .pr-lg-5,\n .px-lg-5 {\n padding-right: 3rem !important;\n }\n .pb-lg-5,\n .py-lg-5 {\n padding-bottom: 3rem !important;\n }\n .pl-lg-5,\n .px-lg-5 {\n padding-left: 3rem !important;\n }\n .m-lg-auto {\n margin: auto !important;\n }\n .mt-lg-auto,\n .my-lg-auto {\n margin-top: auto !important;\n }\n .mr-lg-auto,\n .mx-lg-auto {\n margin-right: auto !important;\n }\n .mb-lg-auto,\n .my-lg-auto {\n margin-bottom: auto !important;\n }\n .ml-lg-auto,\n .mx-lg-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 1200px) {\n .m-xl-0 {\n margin: 0 !important;\n }\n .mt-xl-0,\n .my-xl-0 {\n margin-top: 0 !important;\n }\n .mr-xl-0,\n .mx-xl-0 {\n margin-right: 0 !important;\n }\n .mb-xl-0,\n .my-xl-0 {\n margin-bottom: 0 !important;\n }\n .ml-xl-0,\n .mx-xl-0 {\n margin-left: 0 !important;\n }\n .m-xl-1 {\n margin: 0.25rem !important;\n }\n .mt-xl-1,\n .my-xl-1 {\n margin-top: 0.25rem !important;\n }\n .mr-xl-1,\n .mx-xl-1 {\n margin-right: 0.25rem !important;\n }\n .mb-xl-1,\n .my-xl-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-xl-1,\n .mx-xl-1 {\n margin-left: 0.25rem !important;\n }\n .m-xl-2 {\n margin: 0.5rem !important;\n }\n .mt-xl-2,\n .my-xl-2 {\n margin-top: 0.5rem !important;\n }\n .mr-xl-2,\n .mx-xl-2 {\n margin-right: 0.5rem !important;\n }\n .mb-xl-2,\n .my-xl-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-xl-2,\n .mx-xl-2 {\n margin-left: 0.5rem !important;\n }\n .m-xl-3 {\n margin: 1rem !important;\n }\n .mt-xl-3,\n .my-xl-3 {\n margin-top: 1rem !important;\n }\n .mr-xl-3,\n .mx-xl-3 {\n margin-right: 1rem !important;\n }\n .mb-xl-3,\n .my-xl-3 {\n margin-bottom: 1rem !important;\n }\n .ml-xl-3,\n .mx-xl-3 {\n margin-left: 1rem !important;\n }\n .m-xl-4 {\n margin: 1.5rem !important;\n }\n .mt-xl-4,\n .my-xl-4 {\n margin-top: 1.5rem !important;\n }\n .mr-xl-4,\n .mx-xl-4 {\n margin-right: 1.5rem !important;\n }\n .mb-xl-4,\n .my-xl-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-xl-4,\n .mx-xl-4 {\n margin-left: 1.5rem !important;\n }\n .m-xl-5 {\n margin: 3rem !important;\n }\n .mt-xl-5,\n .my-xl-5 {\n margin-top: 3rem !important;\n }\n .mr-xl-5,\n .mx-xl-5 {\n margin-right: 3rem !important;\n }\n .mb-xl-5,\n .my-xl-5 {\n margin-bottom: 3rem !important;\n }\n .ml-xl-5,\n .mx-xl-5 {\n margin-left: 3rem !important;\n }\n .p-xl-0 {\n padding: 0 !important;\n }\n .pt-xl-0,\n .py-xl-0 {\n padding-top: 0 !important;\n }\n .pr-xl-0,\n .px-xl-0 {\n padding-right: 0 !important;\n }\n .pb-xl-0,\n .py-xl-0 {\n padding-bottom: 0 !important;\n }\n .pl-xl-0,\n .px-xl-0 {\n padding-left: 0 !important;\n }\n .p-xl-1 {\n padding: 0.25rem !important;\n }\n .pt-xl-1,\n .py-xl-1 {\n padding-top: 0.25rem !important;\n }\n .pr-xl-1,\n .px-xl-1 {\n padding-right: 0.25rem !important;\n }\n .pb-xl-1,\n .py-xl-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-xl-1,\n .px-xl-1 {\n padding-left: 0.25rem !important;\n }\n .p-xl-2 {\n padding: 0.5rem !important;\n }\n .pt-xl-2,\n .py-xl-2 {\n padding-top: 0.5rem !important;\n }\n .pr-xl-2,\n .px-xl-2 {\n padding-right: 0.5rem !important;\n }\n .pb-xl-2,\n .py-xl-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-xl-2,\n .px-xl-2 {\n padding-left: 0.5rem !important;\n }\n .p-xl-3 {\n padding: 1rem !important;\n }\n .pt-xl-3,\n .py-xl-3 {\n padding-top: 1rem !important;\n }\n .pr-xl-3,\n .px-xl-3 {\n padding-right: 1rem !important;\n }\n .pb-xl-3,\n .py-xl-3 {\n padding-bottom: 1rem !important;\n }\n .pl-xl-3,\n .px-xl-3 {\n padding-left: 1rem !important;\n }\n .p-xl-4 {\n padding: 1.5rem !important;\n }\n .pt-xl-4,\n .py-xl-4 {\n padding-top: 1.5rem !important;\n }\n .pr-xl-4,\n .px-xl-4 {\n padding-right: 1.5rem !important;\n }\n .pb-xl-4,\n .py-xl-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-xl-4,\n .px-xl-4 {\n padding-left: 1.5rem !important;\n }\n .p-xl-5 {\n padding: 3rem !important;\n }\n .pt-xl-5,\n .py-xl-5 {\n padding-top: 3rem !important;\n }\n .pr-xl-5,\n .px-xl-5 {\n padding-right: 3rem !important;\n }\n .pb-xl-5,\n .py-xl-5 {\n padding-bottom: 3rem !important;\n }\n .pl-xl-5,\n .px-xl-5 {\n padding-left: 3rem !important;\n }\n .m-xl-auto {\n margin: auto !important;\n }\n .mt-xl-auto,\n .my-xl-auto {\n margin-top: auto !important;\n }\n .mr-xl-auto,\n .mx-xl-auto {\n margin-right: auto !important;\n }\n .mb-xl-auto,\n .my-xl-auto {\n margin-bottom: auto !important;\n }\n .ml-xl-auto,\n .mx-xl-auto {\n margin-left: auto !important;\n }\n}\n\n.text-justify {\n text-align: justify !important;\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.text-left {\n text-align: left !important;\n}\n\n.text-right {\n text-align: right !important;\n}\n\n.text-center {\n text-align: center !important;\n}\n\n@media (min-width: 576px) {\n .text-sm-left {\n text-align: left !important;\n }\n .text-sm-right {\n text-align: right !important;\n }\n .text-sm-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 768px) {\n .text-md-left {\n text-align: left !important;\n }\n .text-md-right {\n text-align: right !important;\n }\n .text-md-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 992px) {\n .text-lg-left {\n text-align: left !important;\n }\n .text-lg-right {\n text-align: right !important;\n }\n .text-lg-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 1200px) {\n .text-xl-left {\n text-align: left !important;\n }\n .text-xl-right {\n text-align: right !important;\n }\n .text-xl-center {\n text-align: center !important;\n }\n}\n\n.text-lowercase {\n text-transform: lowercase !important;\n}\n\n.text-uppercase {\n text-transform: uppercase !important;\n}\n\n.text-capitalize {\n text-transform: capitalize !important;\n}\n\n.font-weight-light {\n font-weight: 300 !important;\n}\n\n.font-weight-normal {\n font-weight: 400 !important;\n}\n\n.font-weight-bold {\n font-weight: 700 !important;\n}\n\n.font-italic {\n font-style: italic !important;\n}\n\n.text-white {\n color: #fff !important;\n}\n\n.text-primary {\n color: #007bff !important;\n}\n\na.text-primary:hover, a.text-primary:focus {\n color: #0062cc !important;\n}\n\n.text-secondary {\n color: #6c757d !important;\n}\n\na.text-secondary:hover, a.text-secondary:focus {\n color: #545b62 !important;\n}\n\n.text-success {\n color: #28a745 !important;\n}\n\na.text-success:hover, a.text-success:focus {\n color: #1e7e34 !important;\n}\n\n.text-info {\n color: #17a2b8 !important;\n}\n\na.text-info:hover, a.text-info:focus {\n color: #117a8b !important;\n}\n\n.text-warning {\n color: #ffc107 !important;\n}\n\na.text-warning:hover, a.text-warning:focus {\n color: #d39e00 !important;\n}\n\n.text-danger {\n color: #dc3545 !important;\n}\n\na.text-danger:hover, a.text-danger:focus {\n color: #bd2130 !important;\n}\n\n.text-light {\n color: #f8f9fa !important;\n}\n\na.text-light:hover, a.text-light:focus {\n color: #dae0e5 !important;\n}\n\n.text-dark {\n color: #343a40 !important;\n}\n\na.text-dark:hover, a.text-dark:focus {\n color: #1d2124 !important;\n}\n\n.text-muted {\n color: #6c757d !important;\n}\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n.visible {\n visibility: visible !important;\n}\n\n.invisible {\n visibility: hidden !important;\n}\n\n@media print {\n *,\n *::before,\n *::after {\n text-shadow: none !important;\n box-shadow: none !important;\n }\n a:not(.btn) {\n text-decoration: underline;\n }\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n @page {\n size: a3;\n }\n body {\n min-width: 992px !important;\n }\n .container {\n min-width: 992px !important;\n }\n .navbar {\n display: none;\n }\n .badge {\n border: 1px solid #000;\n }\n .table {\n border-collapse: collapse !important;\n }\n .table td,\n .table th {\n background-color: #fff !important;\n }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #ddd !important;\n }\n}\n\n/*# sourceMappingURL=bootstrap.css.map */","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-control-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 1rem !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS—an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular psuedo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $h1-font-size; }\nh2, .h2 { font-size: $h2-font-size; }\nh3, .h3 { font-size: $h3-font-size; }\nh4, .h4 { font-size: $h4-font-size; }\nh5, .h5 { font-size: $h5-font-size; }\nh6, .h6 { font-size: $h6-font-size; }\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n font-size: $display1-size;\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n font-size: $display2-size;\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n font-size: $display3-size;\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n font-size: $display4-size;\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $hr-margin-y;\n margin-bottom: $hr-margin-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-size: $small-font-size;\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n// stylelint-disable indentation, media-query-list-comma-newline-after\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n","// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n","// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n font-size: $code-font-size;\n color: $code-color;\n word-break: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $spacer;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n\n .table {\n background-color: $body-bg;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: (2 * $table-border-width);\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, -9));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n","// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, #000, #fff);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n padding: $input-padding-y $input-padding-x;\n font-size: $font-size-base;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n @if $enable-rounded {\n // Manually use the if/else instead of the mixin to account for iOS override\n border-radius: $input-border-radius;\n } @else {\n // Otherwise undo the iOS default\n border-radius: 0;\n }\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on `<select>`s in IE10+.\n &::-ms-expand {\n background-color: transparent;\n border: 0;\n }\n\n // Customize the `:focus` state to imitate native WebKit styles.\n @include form-control-focus();\n\n // Placeholder\n &::placeholder {\n color: $input-placeholder-color;\n // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n opacity: 1;\n }\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &:disabled,\n &[readonly] {\n background-color: $input-disabled-bg;\n // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n opacity: 1;\n }\n}\n\nselect.form-control {\n &:not([size]):not([multiple]) {\n height: $input-height;\n }\n\n &:focus::-ms-value {\n // Suppress the nested default white text on blue background highlight given to\n // the selected option text when the (still closed) <select> receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n margin-bottom: 0; // Override the `<label>/<legend>` default\n font-size: inherit; // Override the `<legend>` default\n line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n font-size: $font-size-lg;\n line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n font-size: $font-size-sm;\n line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: $input-padding-y;\n padding-bottom: $input-padding-y;\n margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n line-height: $input-line-height;\n background-color: transparent;\n border: solid transparent;\n border-width: $input-border-width 0;\n\n &.form-control-sm,\n &.form-control-lg {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// The `.form-group-* form-control` variations are sadly duplicated to avoid the\n// issue documented in https://github.com/twbs/bootstrap/issues/15074.\n\n.form-control-sm {\n padding: $input-padding-y-sm $input-padding-x-sm;\n font-size: $font-size-sm;\n line-height: $input-line-height-sm;\n @include border-radius($input-border-radius-sm);\n}\n\nselect.form-control-sm {\n &:not([size]):not([multiple]) {\n height: $input-height-sm;\n }\n}\n\n.form-control-lg {\n padding: $input-padding-y-lg $input-padding-x-lg;\n font-size: $font-size-lg;\n line-height: $input-line-height-lg;\n @include border-radius($input-border-radius-lg);\n}\n\nselect.form-control-lg {\n &:not([size]):not([multiple]) {\n height: $input-height-lg;\n }\n}\n\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n display: block;\n margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px;\n }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n position: relative;\n display: block;\n padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n position: absolute;\n margin-top: $form-check-input-margin-y;\n margin-left: -$form-check-input-gutter;\n\n &:disabled ~ .form-check-label {\n color: $text-muted;\n }\n}\n\n.form-check-label {\n margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0; // Override base .form-check\n margin-right: $form-check-inline-margin-x;\n\n // Undo .form-check-input defaults and add some `margin-right`.\n .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: $form-check-inline-input-margin-x;\n margin-left: 0;\n }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@include form-validation-state(\"valid\", $form-feedback-valid-color);\n@include form-validation-state(\"invalid\", $form-feedback-invalid-color);\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n // Because we use flex, the initial sizing of checkboxes is collapsed and\n // doesn't occupy the full-width (which is what we want for xs grid tier),\n // so we force that here.\n .form-check {\n width: 100%;\n }\n\n // Kick in the inline\n @include media-breakpoint-up(sm) {\n label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n\n // Inline-block all the things for \"inline\"\n .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n\n // Allow folks to *not* use `.form-group`\n .form-control {\n display: inline-block;\n width: auto; // Prevent labels from stacking above inputs in `.form-group`\n vertical-align: middle;\n }\n\n // Make static controls behave like regular ones\n .form-control-plaintext {\n display: inline-block;\n }\n\n .input-group {\n width: auto;\n }\n\n // Remove default margin on radios/checkboxes that were used for stacking, and\n // then undo the floating of radios and checkboxes to match.\n .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .form-check-input {\n position: relative;\n margin-top: 0;\n margin-right: $form-check-input-margin-x;\n margin-left: 0;\n }\n\n .custom-control {\n align-items: center;\n justify-content: center;\n }\n .custom-control-label {\n margin-bottom: 0;\n }\n }\n}\n","@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n font-size: $form-feedback-font-size;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba($color, .8);\n border-radius: .2rem;\n }\n\n .form-control,\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n background-color: lighten($color, 25%);\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n\n &::before { border-color: inherit; }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: #555, $outer-color: #333) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n display: inline-block;\n font-weight: $btn-font-weight;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n border: $btn-border-width solid transparent;\n @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);\n @include transition($btn-transition);\n\n // Share hover and focus styles\n @include hover-focus {\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: $btn-focus-box-shadow;\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n opacity: $btn-disabled-opacity;\n @include box-shadow(none);\n }\n\n // Opinionated: add \"hand\" cursor to non-disabled .btn elements\n &:not(:disabled):not(.disabled) {\n cursor: pointer;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active {\n background-image: none;\n @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n .btn-#{$color} {\n @include button-variant($value, $value);\n }\n}\n\n@each $color, $value in $theme-colors {\n .btn-outline-#{$color} {\n @include button-outline-variant($value);\n }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n font-weight: $font-weight-normal;\n color: $link-color;\n background-color: transparent;\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n background-color: transparent;\n border-color: transparent;\n }\n\n &:focus,\n &.focus {\n text-decoration: $link-hover-decoration;\n border-color: transparent;\n box-shadow: none;\n }\n\n &:disabled,\n &.disabled {\n color: $btn-link-disabled-color;\n }\n\n // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n display: block;\n width: 100%;\n\n // Vertically space out multiple block buttons\n + .btn-block {\n margin-top: $btn-block-spacing-y;\n }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.btn-block {\n width: 100%;\n }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n background-color: transparent;\n background-image: none;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @if $enable-rounded {\n border-radius: $border-radius;\n } @else {\n border-radius: 0;\n }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n.fade {\n opacity: 0;\n @include transition($transition-fade);\n\n &.show {\n opacity: 1;\n }\n}\n\n.collapse {\n display: none;\n &.show {\n display: block;\n }\n}\n\ntr {\n &.collapse.show {\n display: table-row;\n }\n}\n\ntbody {\n &.collapse.show {\n display: table-row-group;\n }\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n @include transition($transition-collapse);\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropdown {\n position: relative;\n}\n\n.dropdown-toggle {\n // Generate the caret automatically\n @include caret;\n}\n\n// The dropdown menu\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: $zindex-dropdown;\n display: none; // none by default, but block on \"open\" of the menu\n float: left;\n min-width: $dropdown-min-width;\n padding: $dropdown-padding-y 0;\n margin: $dropdown-spacer 0 0; // override default ul\n font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues\n color: $body-color;\n text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n list-style: none;\n background-color: $dropdown-bg;\n background-clip: padding-box;\n border: $dropdown-border-width solid $dropdown-border-color;\n @include border-radius($dropdown-border-radius);\n @include box-shadow($dropdown-box-shadow);\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n .dropdown-menu {\n margin-top: 0;\n margin-bottom: $dropdown-spacer;\n }\n\n .dropdown-toggle {\n @include caret(up);\n }\n}\n\n.dropright {\n .dropdown-menu {\n margin-top: 0;\n margin-left: $dropdown-spacer;\n }\n\n .dropdown-toggle {\n @include caret(right);\n &::after {\n vertical-align: 0;\n }\n }\n}\n\n.dropleft {\n .dropdown-menu {\n margin-top: 0;\n margin-right: $dropdown-spacer;\n }\n\n .dropdown-toggle {\n @include caret(left);\n &::before {\n vertical-align: 0;\n }\n }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n @include nav-divider($dropdown-divider-bg);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n display: block;\n width: 100%; // For `<button>`s\n padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n clear: both;\n font-weight: $font-weight-normal;\n color: $dropdown-link-color;\n text-align: inherit; // For `<button>`s\n white-space: nowrap; // prevent links from randomly breaking onto new lines\n background-color: transparent; // For `<button>`s\n border: 0; // For `<button>`s\n\n @include hover-focus {\n color: $dropdown-link-hover-color;\n text-decoration: none;\n @include gradient-bg($dropdown-link-hover-bg);\n }\n\n &.active,\n &:active {\n color: $dropdown-link-active-color;\n text-decoration: none;\n @include gradient-bg($dropdown-link-active-bg);\n }\n\n &.disabled,\n &:disabled {\n color: $dropdown-link-disabled-color;\n background-color: transparent;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n}\n\n.dropdown-menu.show {\n display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n display: block;\n padding: $dropdown-padding-y $dropdown-item-padding-x;\n margin-bottom: 0; // for use with heading elements\n font-size: $font-size-sm;\n color: $dropdown-header-color;\n white-space: nowrap; // as with > li > a\n}\n","@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: #e5e5e5) {\n height: 0;\n margin: ($spacer / 2) 0;\n overflow: hidden;\n border-top: 1px solid $color;\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; // match .btn alignment given font-size hack above\n\n > .btn {\n position: relative;\n flex: 0 1 auto;\n\n // Bring the hover, focused, and \"active\" buttons to the front to overlay\n // the borders properly\n @include hover {\n z-index: 1;\n }\n &:focus,\n &:active,\n &.active {\n z-index: 1;\n }\n }\n\n // Prevent double borders when buttons are next to each other\n .btn + .btn,\n .btn + .btn-group,\n .btn-group + .btn,\n .btn-group + .btn-group {\n margin-left: -$btn-border-width;\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n .input-group {\n width: auto;\n }\n}\n\n.btn-group {\n > .btn:first-child {\n margin-left: 0;\n }\n\n // Reset rounded corners\n > .btn:not(:last-child):not(.dropdown-toggle),\n > .btn-group:not(:last-child) > .btn {\n @include border-right-radius(0);\n }\n\n > .btn:not(:first-child),\n > .btn-group:not(:first-child) > .btn {\n @include border-left-radius(0);\n }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n padding-right: $btn-padding-x * .75;\n padding-left: $btn-padding-x * .75;\n\n &::after {\n margin-left: 0;\n }\n}\n\n.btn-sm + .dropdown-toggle-split {\n padding-right: $btn-padding-x-sm * .75;\n padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n padding-right: $btn-padding-x-lg * .75;\n padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n @include box-shadow($btn-active-box-shadow);\n\n // Show no shadow for `.btn-link` since it has no other button styles.\n &.btn-link {\n @include box-shadow(none);\n }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n .btn,\n .btn-group {\n width: 100%;\n }\n\n > .btn + .btn,\n > .btn + .btn-group,\n > .btn-group + .btn,\n > .btn-group + .btn-group {\n margin-top: -$btn-border-width;\n margin-left: 0;\n }\n\n // Reset rounded corners\n > .btn:not(:last-child):not(.dropdown-toggle),\n > .btn-group:not(:last-child) > .btn {\n @include border-bottom-radius(0);\n }\n\n > .btn:not(:first-child),\n > .btn-group:not(:first-child) > .btn {\n @include border-top-radius(0);\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n > .btn,\n > .btn-group > .btn {\n margin-bottom: 0; // Override default `<label>` value\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n }\n }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap; // For form validation feedback\n align-items: stretch;\n width: 100%;\n\n > .form-control,\n > .custom-select,\n > .custom-file {\n position: relative; // For focus state's z-index\n flex: 1 1 auto;\n // Add width 1% and flex-basis auto to ensure that button will not wrap out\n // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n width: 1%;\n margin-bottom: 0;\n\n // Bring the \"active\" form control to the top of surrounding elements\n &:focus {\n z-index: 3;\n }\n\n + .form-control,\n + .custom-select,\n + .custom-file {\n margin-left: -$input-border-width;\n }\n }\n\n > .form-control,\n > .custom-select {\n &:not(:last-child) { @include border-right-radius(0); }\n &:not(:first-child) { @include border-left-radius(0); }\n }\n\n // Custom file inputs have more complex markup, thus requiring different\n // border-radius overrides.\n > .custom-file {\n display: flex;\n align-items: center;\n\n &:not(:last-child) .custom-file-label,\n &:not(:last-child) .custom-file-label::before { @include border-right-radius(0); }\n &:not(:first-child) .custom-file-label,\n &:not(:first-child) .custom-file-label::before { @include border-left-radius(0); }\n }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n display: flex;\n\n // Ensure buttons are always above inputs for more visually pleasing borders.\n // This isn't needed for `.input-group-text` since it shares the same border-color\n // as our inputs.\n .btn {\n position: relative;\n z-index: 2;\n }\n\n .btn + .btn,\n .btn + .input-group-text,\n .input-group-text + .input-group-text,\n .input-group-text + .btn {\n margin-left: -$input-border-width;\n }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: $input-padding-y $input-padding-x;\n margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n font-size: $font-size-base; // Match inputs\n font-weight: $font-weight-normal;\n line-height: $input-line-height;\n color: $input-group-addon-color;\n text-align: center;\n white-space: nowrap;\n background-color: $input-group-addon-bg;\n border: $input-border-width solid $input-group-addon-border-color;\n @include border-radius($input-border-radius);\n\n // Nuke default margins from checkboxes and radios to vertically center within.\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n margin-top: 0;\n }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n @extend .form-control-lg;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n @extend .form-control-sm;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n position: relative;\n display: block;\n min-height: (1rem * $line-height-base);\n padding-left: $custom-control-gutter;\n}\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n position: absolute;\n z-index: -1; // Put the input behind the label so it doesn't overlay text\n opacity: 0;\n\n &:checked ~ .custom-control-label::before {\n color: $custom-control-indicator-checked-color;\n @include gradient-bg($custom-control-indicator-checked-bg);\n @include box-shadow($custom-control-indicator-checked-box-shadow);\n }\n\n &:focus ~ .custom-control-label::before {\n // the mixin is not used here to make sure there is feedback\n box-shadow: $custom-control-indicator-focus-box-shadow;\n }\n\n &:active ~ .custom-control-label::before {\n color: $custom-control-indicator-active-color;\n background-color: $custom-control-indicator-active-bg;\n @include box-shadow($custom-control-indicator-active-box-shadow);\n }\n\n &:disabled {\n ~ .custom-control-label {\n color: $custom-control-label-disabled-color;\n\n &::before {\n background-color: $custom-control-indicator-disabled-bg;\n }\n }\n }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of psuedo-elements.\n\n.custom-control-label {\n margin-bottom: 0;\n\n // Background-color and (when enabled) gradient\n &::before {\n position: absolute;\n top: (($line-height-base - $custom-control-indicator-size) / 2);\n left: 0;\n display: block;\n width: $custom-control-indicator-size;\n height: $custom-control-indicator-size;\n pointer-events: none;\n content: \"\";\n user-select: none;\n background-color: $custom-control-indicator-bg;\n @include box-shadow($custom-control-indicator-box-shadow);\n }\n\n // Foreground (icon)\n &::after {\n position: absolute;\n top: (($line-height-base - $custom-control-indicator-size) / 2);\n left: 0;\n display: block;\n width: $custom-control-indicator-size;\n height: $custom-control-indicator-size;\n content: \"\";\n background-repeat: no-repeat;\n background-position: center center;\n background-size: $custom-control-indicator-bg-size;\n }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n .custom-control-label::before {\n @include border-radius($custom-checkbox-indicator-border-radius);\n }\n\n .custom-control-input:checked ~ .custom-control-label {\n &::before {\n @include gradient-bg($custom-control-indicator-checked-bg);\n }\n &::after {\n background-image: $custom-checkbox-indicator-icon-checked;\n }\n }\n\n .custom-control-input:indeterminate ~ .custom-control-label {\n &::before {\n @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n }\n &::after {\n background-image: $custom-checkbox-indicator-icon-indeterminate;\n }\n }\n\n .custom-control-input:disabled {\n &:checked ~ .custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n &:indeterminate ~ .custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n .custom-control-label::before {\n border-radius: $custom-radio-indicator-border-radius;\n }\n\n .custom-control-input:checked ~ .custom-control-label {\n &::before {\n @include gradient-bg($custom-control-indicator-checked-bg);\n }\n &::after {\n background-image: $custom-radio-indicator-icon-checked;\n }\n }\n\n .custom-control-input:disabled {\n &:checked ~ .custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// http://primercss.io.\n//\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: $custom-select-height;\n padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n line-height: $custom-select-line-height;\n color: $custom-select-color;\n vertical-align: middle;\n background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;\n background-size: $custom-select-bg-size;\n border: $custom-select-border-width solid $custom-select-border-color;\n @if $enable-rounded {\n border-radius: $custom-select-border-radius;\n } @else {\n border-radius: 0;\n }\n appearance: none;\n\n &:focus {\n border-color: $custom-select-focus-border-color;\n outline: 0;\n box-shadow: $custom-select-focus-box-shadow;\n\n &::-ms-value {\n // For visual consistency with other platforms/browsers,\n // suppress the default white text on blue background highlight given to\n // the selected option text when the (still closed) <select> receives focus\n // in IE and (under certain conditions) Edge.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n }\n\n &[multiple],\n &[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: $custom-select-padding-x;\n background-image: none;\n }\n\n &:disabled {\n color: $custom-select-disabled-color;\n background-color: $custom-select-disabled-bg;\n }\n\n // Hides the default caret in IE11\n &::-ms-expand {\n opacity: 0;\n }\n}\n\n.custom-select-sm {\n height: $custom-select-height-sm;\n padding-top: $custom-select-padding-y;\n padding-bottom: $custom-select-padding-y;\n font-size: $custom-select-font-size-sm;\n}\n\n.custom-select-lg {\n height: $custom-select-height-lg;\n padding-top: $custom-select-padding-y;\n padding-bottom: $custom-select-padding-y;\n font-size: $custom-select-font-size-lg;\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: $custom-file-height;\n margin-bottom: 0;\n}\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: $custom-file-height;\n margin: 0;\n opacity: 0;\n\n &:focus ~ .custom-file-control {\n border-color: $custom-file-focus-border-color;\n box-shadow: $custom-file-focus-box-shadow;\n\n &::before {\n border-color: $custom-file-focus-border-color;\n }\n }\n\n @each $lang, $value in $custom-file-text {\n &:lang(#{$lang}) ~ .custom-file-label::after {\n content: $value;\n }\n }\n}\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: $custom-file-height;\n padding: $custom-file-padding-y $custom-file-padding-x;\n line-height: $custom-file-line-height;\n color: $custom-file-color;\n background-color: $custom-file-bg;\n border: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius($custom-file-border-radius);\n @include box-shadow($custom-file-box-shadow);\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);\n padding: $custom-file-padding-y $custom-file-padding-x;\n line-height: $custom-file-line-height;\n color: $custom-file-button-color;\n content: \"Browse\";\n @include gradient-bg($custom-file-button-bg);\n border-left: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n }\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s or `<ul>`s.\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: $nav-link-padding-y $nav-link-padding-x;\n\n @include hover-focus {\n text-decoration: none;\n }\n\n // Disabled state lightens text\n &.disabled {\n color: $nav-link-disabled-color;\n }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n .nav-item {\n margin-bottom: -$nav-tabs-border-width;\n }\n\n .nav-link {\n border: $nav-tabs-border-width solid transparent;\n @include border-top-radius($nav-tabs-border-radius);\n\n @include hover-focus {\n border-color: $nav-tabs-link-hover-border-color;\n }\n\n &.disabled {\n color: $nav-link-disabled-color;\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .nav-link.active,\n .nav-item.show .nav-link {\n color: $nav-tabs-link-active-color;\n background-color: $nav-tabs-link-active-bg;\n border-color: $nav-tabs-link-active-border-color;\n }\n\n .dropdown-menu {\n // Make dropdown border overlap tab border\n margin-top: -$nav-tabs-border-width;\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n .nav-link {\n @include border-radius($nav-pills-border-radius);\n }\n\n .nav-link.active,\n .show > .nav-link {\n color: $nav-pills-link-active-color;\n background-color: $nav-pills-link-active-bg;\n }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n .nav-item {\n flex: 1 1 auto;\n text-align: center;\n }\n}\n\n.nav-justified {\n .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n > .tab-pane {\n display: none;\n }\n > .active {\n display: block;\n }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properities so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n font-size: $navbar-brand-font-size;\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orienation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n font-size: $navbar-toggler-font-size;\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n\n // Opinionated: add \"hand\" cursor to non-disabled .navbar-toggler elements\n &:not(:disabled):not(.disabled) {\n cursor: pointer;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .navbar-nav {\n flex-direction: row;\n\n .dropdown-menu {\n position: absolute;\n }\n\n .dropdown-menu-right {\n right: 0;\n left: auto; // Reset the default from `.dropdown-menu`\n }\n\n .nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .navbar-toggler {\n display: none;\n }\n\n .dropup {\n .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n .navbar-brand {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n\n .navbar-nav {\n .nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .show > .nav-link,\n .active > .nav-link,\n .nav-link.show,\n .nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.navbar-dark {\n .navbar-brand {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n\n .navbar-nav {\n .nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .show > .nav-link,\n .active > .nav-link,\n .nav-link.show,\n .nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n","//\n// Base styles\n//\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: $card-bg;\n background-clip: border-box;\n border: $card-border-width solid $card-border-color;\n @include border-radius($card-border-radius);\n\n > hr {\n margin-right: 0;\n margin-left: 0;\n }\n\n > .list-group:first-child {\n .list-group-item:first-child {\n @include border-top-radius($card-border-radius);\n }\n }\n\n > .list-group:last-child {\n .list-group-item:last-child {\n @include border-bottom-radius($card-border-radius);\n }\n }\n}\n\n.card-body {\n // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n // as much space as possible, ensuring footers are aligned to the bottom.\n flex: 1 1 auto;\n padding: $card-spacer-x;\n}\n\n.card-title {\n margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n margin-top: -($card-spacer-y / 2);\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link {\n @include hover {\n text-decoration: none;\n }\n\n + .card-link {\n margin-left: $card-spacer-x;\n }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n padding: $card-spacer-y $card-spacer-x;\n margin-bottom: 0; // Removes the default margin-bottom of <hN>\n background-color: $card-cap-bg;\n border-bottom: $card-border-width solid $card-border-color;\n\n &:first-child {\n @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n }\n\n + .list-group {\n .list-group-item:first-child {\n border-top: 0;\n }\n }\n}\n\n.card-footer {\n padding: $card-spacer-y $card-spacer-x;\n background-color: $card-cap-bg;\n border-top: $card-border-width solid $card-border-color;\n\n &:last-child {\n @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n margin-right: -($card-spacer-x / 2);\n margin-bottom: -$card-spacer-y;\n margin-left: -($card-spacer-x / 2);\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -($card-spacer-x / 2);\n margin-left: -($card-spacer-x / 2);\n}\n\n// Card image\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: $card-img-overlay-padding;\n}\n\n.card-img {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-radius($card-inner-border-radius);\n}\n\n// Card image caps\n.card-img-top {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img-bottom {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n display: flex;\n flex-direction: column;\n\n .card {\n margin-bottom: $card-deck-margin;\n }\n\n @include media-breakpoint-up(sm) {\n flex-flow: row wrap;\n margin-right: -$card-deck-margin;\n margin-left: -$card-deck-margin;\n\n .card {\n display: flex;\n // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: $card-deck-margin;\n margin-bottom: 0; // Override the default\n margin-left: $card-deck-margin;\n }\n }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n display: flex;\n flex-direction: column;\n\n // The child selector allows nested `.card` within `.card-group`\n // to display properly.\n > .card {\n margin-bottom: $card-group-margin;\n }\n\n @include media-breakpoint-up(sm) {\n flex-flow: row wrap;\n // The child selector allows nested `.card` within `.card-group`\n // to display properly.\n > .card {\n // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored\n flex: 1 0 0%;\n margin-bottom: 0;\n\n + .card {\n margin-left: 0;\n border-left: 0;\n }\n\n // Handle rounded corners\n @if $enable-rounded {\n &:first-child {\n @include border-right-radius(0);\n\n .card-img-top,\n .card-header {\n border-top-right-radius: 0;\n }\n .card-img-bottom,\n .card-footer {\n border-bottom-right-radius: 0;\n }\n }\n\n &:last-child {\n @include border-left-radius(0);\n\n .card-img-top,\n .card-header {\n border-top-left-radius: 0;\n }\n .card-img-bottom,\n .card-footer {\n border-bottom-left-radius: 0;\n }\n }\n\n &:only-child {\n @include border-radius($card-border-radius);\n\n .card-img-top,\n .card-header {\n @include border-top-radius($card-border-radius);\n }\n .card-img-bottom,\n .card-footer {\n @include border-bottom-radius($card-border-radius);\n }\n }\n\n &:not(:first-child):not(:last-child):not(:only-child) {\n @include border-radius(0);\n\n .card-img-top,\n .card-img-bottom,\n .card-header,\n .card-footer {\n @include border-radius(0);\n }\n }\n }\n }\n }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n .card {\n margin-bottom: $card-columns-margin;\n }\n\n @include media-breakpoint-up(sm) {\n column-count: $card-columns-count;\n column-gap: $card-columns-gap;\n\n .card {\n display: inline-block; // Don't let them vertically span multiple columns\n width: 100%; // Don't let their width change\n }\n }\n}\n",".breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n margin-bottom: $breadcrumb-margin-bottom;\n list-style: none;\n background-color: $breadcrumb-bg;\n @include border-radius($border-radius);\n}\n\n.breadcrumb-item {\n // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n + .breadcrumb-item::before {\n display: inline-block; // Suppress underlining of the separator in modern browsers\n padding-right: $breadcrumb-item-padding;\n padding-left: $breadcrumb-item-padding;\n color: $breadcrumb-divider-color;\n content: \"#{$breadcrumb-divider}\";\n }\n\n // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n // without `<ul>`s. The `::before` pseudo-element generates an element\n // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n //\n // To trick IE into suppressing the underline, we give the pseudo-element an\n // underline and then immediately remove it.\n + .breadcrumb-item:hover::before {\n text-decoration: underline;\n }\n // stylelint-disable-next-line no-duplicate-selectors\n + .breadcrumb-item:hover::before {\n text-decoration: none;\n }\n\n &.active {\n color: $breadcrumb-active-color;\n }\n}\n",".pagination {\n display: flex;\n @include list-unstyled();\n @include border-radius();\n}\n\n.page-link {\n position: relative;\n display: block;\n padding: $pagination-padding-y $pagination-padding-x;\n margin-left: -$pagination-border-width;\n line-height: $pagination-line-height;\n color: $pagination-color;\n background-color: $pagination-bg;\n border: $pagination-border-width solid $pagination-border-color;\n\n &:hover {\n color: $pagination-hover-color;\n text-decoration: none;\n background-color: $pagination-hover-bg;\n border-color: $pagination-hover-border-color;\n }\n\n &:focus {\n z-index: 2;\n outline: 0;\n box-shadow: $pagination-focus-box-shadow;\n }\n\n // Opinionated: add \"hand\" cursor to non-disabled .page-link elements\n &:not(:disabled):not(.disabled) {\n cursor: pointer;\n }\n}\n\n.page-item {\n &:first-child {\n .page-link {\n margin-left: 0;\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n\n &.active .page-link {\n z-index: 1;\n color: $pagination-active-color;\n background-color: $pagination-active-bg;\n border-color: $pagination-active-border-color;\n }\n\n &.disabled .page-link {\n color: $pagination-disabled-color;\n pointer-events: none;\n // Opinionated: remove the \"hand\" cursor set previously for .page-link\n cursor: auto;\n background-color: $pagination-disabled-bg;\n border-color: $pagination-disabled-border-color;\n }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);\n}\n\n.pagination-sm {\n @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n font-size: $badge-font-size;\n font-weight: $badge-font-weight;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n @include border-radius($badge-border-radius);\n\n // Empty badges collapse automatically\n &:empty {\n display: none;\n }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n padding-right: $badge-pill-padding-x;\n padding-left: $badge-pill-padding-x;\n @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n .badge-#{$color} {\n @include badge-variant($value);\n }\n}\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n &[href] {\n @include hover-focus {\n color: color-yiq($bg);\n text-decoration: none;\n background-color: darken($bg, 10%);\n }\n }\n}\n",".jumbotron {\n padding: $jumbotron-padding ($jumbotron-padding / 2);\n margin-bottom: $jumbotron-padding;\n background-color: $jumbotron-bg;\n @include border-radius($border-radius-lg);\n\n @include media-breakpoint-up(sm) {\n padding: ($jumbotron-padding * 2) $jumbotron-padding;\n }\n}\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n position: relative;\n padding: $alert-padding-y $alert-padding-x;\n margin-bottom: $alert-margin-bottom;\n border: $alert-border-width solid transparent;\n @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n // Specified to prevent conflicts of changing $headings-color\n color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n padding-right: ($close-font-size + $alert-padding-x * 2);\n\n // Adjust close link position\n .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: $alert-padding-y $alert-padding-x;\n color: inherit;\n }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n .alert-#{$color} {\n @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n }\n}\n","@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n","@keyframes progress-bar-stripes {\n from { background-position: $progress-height 0; }\n to { background-position: 0 0; }\n}\n\n.progress {\n display: flex;\n height: $progress-height;\n overflow: hidden; // force rounded corners by cropping it\n font-size: $progress-font-size;\n background-color: $progress-bg;\n @include border-radius($progress-border-radius);\n @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: $progress-bar-color;\n text-align: center;\n background-color: $progress-bar-bg;\n @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n @include gradient-striped();\n background-size: $progress-height $progress-height;\n}\n\n.progress-bar-animated {\n animation: progress-bar-stripes $progress-bar-animation-timing;\n}\n",".media {\n display: flex;\n align-items: flex-start;\n}\n\n.media-body {\n flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n display: flex;\n flex-direction: column;\n\n // No need to set list-style: none; since .list-group-item is block level\n padding-left: 0; // reset padding because ul and ol\n margin-bottom: 0;\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n width: 100%; // For `<button>`s (anchors become 100% by default though)\n color: $list-group-action-color;\n text-align: inherit; // For `<button>`s (anchors inherit)\n\n // Hover state\n @include hover-focus {\n color: $list-group-action-hover-color;\n text-decoration: none;\n background-color: $list-group-hover-bg;\n }\n\n &:active {\n color: $list-group-action-active-color;\n background-color: $list-group-action-active-bg;\n }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n position: relative;\n display: block;\n padding: $list-group-item-padding-y $list-group-item-padding-x;\n // Place the border on the list items and negative margin up for better styling\n margin-bottom: -$list-group-border-width;\n background-color: $list-group-bg;\n border: $list-group-border-width solid $list-group-border-color;\n\n &:first-child {\n @include border-top-radius($list-group-border-radius);\n }\n\n &:last-child {\n margin-bottom: 0;\n @include border-bottom-radius($list-group-border-radius);\n }\n\n @include hover-focus {\n z-index: 1; // Place hover/active items above their siblings for proper border styling\n text-decoration: none;\n }\n\n &.disabled,\n &:disabled {\n color: $list-group-disabled-color;\n background-color: $list-group-disabled-bg;\n }\n\n // Include both here for `<a>`s and `<button>`s\n &.active {\n z-index: 2; // Place active items above their siblings for proper border styling\n color: $list-group-active-color;\n background-color: $list-group-active-bg;\n border-color: $list-group-active-border-color;\n }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n .list-group-item {\n border-right: 0;\n border-left: 0;\n @include border-radius(0);\n }\n\n &:first-child {\n .list-group-item:first-child {\n border-top: 0;\n }\n }\n\n &:last-child {\n .list-group-item:last-child {\n border-bottom: 0;\n }\n }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: #fff;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n",".close {\n float: right;\n font-size: $close-font-size;\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n @include hover-focus {\n color: $close-color;\n text-decoration: none;\n opacity: .75;\n }\n\n // Opinionated: add \"hand\" cursor to non-disabled .close elements\n &:not(:disabled):not(.disabled) {\n cursor: pointer;\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n// stylelint-enable\n","// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and stuff\n\n\n// Kill the scroll on the body\n.modal-open {\n overflow: hidden;\n}\n\n// Container that the modal scrolls within\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal;\n display: none;\n overflow: hidden;\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n // See also https://github.com/twbs/bootstrap/issues/17695\n\n .modal-open & {\n overflow-x: hidden;\n overflow-y: auto;\n }\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n pointer-events: none;\n\n // When fading in the modal, animate it to slide down\n .modal.fade & {\n @include transition($modal-transition);\n transform: translate(0, -25%);\n }\n .modal.show & {\n transform: translate(0, 0);\n }\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - (#{$modal-dialog-margin} * 2));\n}\n\n// Actual modal\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n // counteract the pointer-events: none; in the .modal-dialog\n pointer-events: auto;\n background-color: $modal-content-bg;\n background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n @include border-radius($border-radius-lg);\n @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n background-color: $modal-backdrop-bg;\n\n // Fade for backdrop\n &.fade { opacity: 0; }\n &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n display: flex;\n align-items: flex-start; // so the close btn always stays on the upper right corner\n justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n padding: $modal-header-padding;\n border-bottom: $modal-header-border-width solid $modal-header-border-color;\n @include border-top-radius($border-radius-lg);\n\n .close {\n padding: $modal-header-padding;\n // auto on the left force icon to the right even when there is no .modal-title\n margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;\n }\n}\n\n// Title text within header\n.modal-title {\n margin-bottom: 0;\n line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n position: relative;\n // Enable `flex-grow: 1` so that the body take up as much space as possible\n // when should there be a fixed height on `.modal-dialog`.\n flex: 1 1 auto;\n padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n display: flex;\n align-items: center; // vertically center\n justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n padding: $modal-inner-padding;\n border-top: $modal-footer-border-width solid $modal-footer-border-color;\n\n // Easily place margin between footer elements\n > :not(:first-child) { margin-left: .25rem; }\n > :not(:last-child) { margin-right: .25rem; }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n // Automatically set modal's width for larger viewports\n .modal-dialog {\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n\n .modal-dialog-centered {\n min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));\n }\n\n .modal-content {\n @include box-shadow($modal-content-box-shadow-sm-up);\n }\n\n .modal-sm { max-width: $modal-sm; }\n\n}\n\n@include media-breakpoint-up(lg) {\n .modal-lg { max-width: $modal-lg; }\n}\n","// Base class\n.tooltip {\n position: absolute;\n z-index: $zindex-tooltip;\n display: block;\n margin: $tooltip-margin;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n @include reset-text();\n font-size: $tooltip-font-size;\n // Allow breaking very long words so they don't overflow the tooltip's bounds\n word-wrap: break-word;\n opacity: 0;\n\n &.show { opacity: $tooltip-opacity; }\n\n .arrow {\n position: absolute;\n display: block;\n width: $tooltip-arrow-width;\n height: $tooltip-arrow-height;\n\n &::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n.bs-tooltip-top {\n padding: $tooltip-arrow-height 0;\n\n .arrow {\n bottom: 0;\n\n &::before {\n top: 0;\n border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;\n border-top-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-right {\n padding: 0 $tooltip-arrow-height;\n\n .arrow {\n left: 0;\n width: $tooltip-arrow-height;\n height: $tooltip-arrow-width;\n\n &::before {\n right: 0;\n border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;\n border-right-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-bottom {\n padding: $tooltip-arrow-height 0;\n\n .arrow {\n top: 0;\n\n &::before {\n bottom: 0;\n border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;\n border-bottom-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-left {\n padding: 0 $tooltip-arrow-height;\n\n .arrow {\n right: 0;\n width: $tooltip-arrow-height;\n height: $tooltip-arrow-width;\n\n &::before {\n left: 0;\n border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;\n border-left-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-auto {\n &[x-placement^=\"top\"] {\n @extend .bs-tooltip-top;\n }\n &[x-placement^=\"right\"] {\n @extend .bs-tooltip-right;\n }\n &[x-placement^=\"bottom\"] {\n @extend .bs-tooltip-bottom;\n }\n &[x-placement^=\"left\"] {\n @extend .bs-tooltip-left;\n }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n max-width: $tooltip-max-width;\n padding: $tooltip-padding-y $tooltip-padding-x;\n color: $tooltip-color;\n text-align: center;\n background-color: $tooltip-bg;\n @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n",".popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zindex-popover;\n display: block;\n max-width: $popover-max-width;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n @include reset-text();\n font-size: $popover-font-size;\n // Allow breaking very long words so they don't overflow the popover's bounds\n word-wrap: break-word;\n background-color: $popover-bg;\n background-clip: padding-box;\n border: $popover-border-width solid $popover-border-color;\n @include border-radius($popover-border-radius);\n @include box-shadow($popover-box-shadow);\n\n .arrow {\n position: absolute;\n display: block;\n width: $popover-arrow-width;\n height: $popover-arrow-height;\n margin: 0 $border-radius-lg;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n.bs-popover-top {\n margin-bottom: $popover-arrow-height;\n\n .arrow {\n bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n }\n\n .arrow::before,\n .arrow::after {\n border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;\n }\n\n .arrow::before {\n bottom: 0;\n border-top-color: $popover-arrow-outer-color;\n }\n\n .arrow::after {\n bottom: $popover-border-width;\n border-top-color: $popover-arrow-color;\n }\n}\n\n.bs-popover-right {\n margin-left: $popover-arrow-height;\n\n .arrow {\n left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n width: $popover-arrow-height;\n height: $popover-arrow-width;\n margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners\n }\n\n .arrow::before,\n .arrow::after {\n border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;\n }\n\n .arrow::before {\n left: 0;\n border-right-color: $popover-arrow-outer-color;\n }\n\n .arrow::after {\n left: $popover-border-width;\n border-right-color: $popover-arrow-color;\n }\n}\n\n.bs-popover-bottom {\n margin-top: $popover-arrow-height;\n\n .arrow {\n top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n }\n\n .arrow::before,\n .arrow::after {\n border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);\n }\n\n .arrow::before {\n top: 0;\n border-bottom-color: $popover-arrow-outer-color;\n }\n\n .arrow::after {\n top: $popover-border-width;\n border-bottom-color: $popover-arrow-color;\n }\n\n // This will remove the popover-header's border just below the arrow\n .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: $popover-arrow-width;\n margin-left: ($popover-arrow-width / -2);\n content: \"\";\n border-bottom: $popover-border-width solid $popover-header-bg;\n }\n}\n\n.bs-popover-left {\n margin-right: $popover-arrow-height;\n\n .arrow {\n right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n width: $popover-arrow-height;\n height: $popover-arrow-width;\n margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners\n }\n\n .arrow::before,\n .arrow::after {\n border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;\n }\n\n .arrow::before {\n right: 0;\n border-left-color: $popover-arrow-outer-color;\n }\n\n .arrow::after {\n right: $popover-border-width;\n border-left-color: $popover-arrow-color;\n }\n}\n\n.bs-popover-auto {\n &[x-placement^=\"top\"] {\n @extend .bs-popover-top;\n }\n &[x-placement^=\"right\"] {\n @extend .bs-popover-right;\n }\n &[x-placement^=\"bottom\"] {\n @extend .bs-popover-bottom;\n }\n &[x-placement^=\"left\"] {\n @extend .bs-popover-left;\n }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n padding: $popover-header-padding-y $popover-header-padding-x;\n margin-bottom: 0; // Reset the default from Reboot\n font-size: $font-size-base;\n color: $popover-header-color;\n background-color: $popover-header-bg;\n border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});\n @include border-top-radius($offset-border-width);\n\n &:empty {\n display: none;\n }\n}\n\n.popover-body {\n padding: $popover-body-padding-y $popover-body-padding-x;\n color: $popover-body-color;\n}\n","// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n.carousel-item {\n position: relative;\n display: none;\n align-items: center;\n width: 100%;\n @include transition($carousel-transition);\n backface-visibility: hidden;\n perspective: 1000px;\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block;\n}\n\n.carousel-item-next,\n.carousel-item-prev {\n position: absolute;\n top: 0;\n}\n\n// CSS3 transforms when supported by the browser\n.carousel-item-next.carousel-item-left,\n.carousel-item-prev.carousel-item-right {\n transform: translateX(0);\n\n @supports (transform-style: preserve-3d) {\n transform: translate3d(0, 0, 0);\n }\n}\n\n.carousel-item-next,\n.active.carousel-item-right {\n transform: translateX(100%);\n\n @supports (transform-style: preserve-3d) {\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.carousel-item-prev,\n.active.carousel-item-left {\n transform: translateX(-100%);\n\n @supports (transform-style: preserve-3d) {\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n // Use flex for alignment (1-3)\n display: flex; // 1. allow flex styles\n align-items: center; // 2. vertically center contents\n justify-content: center; // 3. horizontally center contents\n width: $carousel-control-width;\n color: $carousel-control-color;\n text-align: center;\n opacity: $carousel-control-opacity;\n // We can't have a transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Hover/focus state\n @include hover-focus {\n color: $carousel-control-color;\n text-decoration: none;\n outline: 0;\n opacity: .9;\n }\n}\n.carousel-control-prev {\n left: 0;\n @if $enable-gradients {\n background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));\n }\n}\n.carousel-control-next {\n right: 0;\n @if $enable-gradients {\n background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));\n }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: $carousel-control-icon-width;\n height: $carousel-control-icon-width;\n background: transparent no-repeat center center;\n background-size: 100% 100%;\n}\n.carousel-control-prev-icon {\n background-image: $carousel-control-prev-icon-bg;\n}\n.carousel-control-next-icon {\n background-image: $carousel-control-next-icon-bg;\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 10px;\n left: 0;\n z-index: 15;\n display: flex;\n justify-content: center;\n padding-left: 0; // override <ol> default\n // Use the .carousel-control's width as margin so we don't overlay those\n margin-right: $carousel-control-width;\n margin-left: $carousel-control-width;\n list-style: none;\n\n li {\n position: relative;\n flex: 0 1 auto;\n width: $carousel-indicator-width;\n height: $carousel-indicator-height;\n margin-right: $carousel-indicator-spacer;\n margin-left: $carousel-indicator-spacer;\n text-indent: -999px;\n background-color: rgba($carousel-indicator-active-bg, .5);\n\n // Use pseudo classes to increase the hit area by 10px on top and bottom.\n &::before {\n position: absolute;\n top: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n }\n &::after {\n position: absolute;\n bottom: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n }\n }\n\n .active {\n background-color: $carousel-indicator-active-bg;\n }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n position: absolute;\n right: ((100% - $carousel-caption-width) / 2);\n bottom: 20px;\n left: ((100% - $carousel-caption-width) / 2);\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: $carousel-caption-color;\n text-align: center;\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline { vertical-align: baseline !important; } // Browser default\n.align-top { vertical-align: top !important; }\n.align-middle { vertical-align: middle !important; }\n.align-bottom { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n @include bg-variant(\".bg-#{$color}\", $value);\n}\n\n@if $enable-gradients {\n @each $color, $value in $theme-colors {\n @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value);\n }\n}\n\n.bg-white {\n background-color: $white !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Border\n//\n\n.border { border: $border-width solid $border-color !important; }\n.border-top { border-top: $border-width solid $border-color !important; }\n.border-right { border-right: $border-width solid $border-color !important; }\n.border-bottom { border-bottom: $border-width solid $border-color !important; }\n.border-left { border-left: $border-width solid $border-color !important; }\n\n.border-0 { border: 0 !important; }\n.border-top-0 { border-top: 0 !important; }\n.border-right-0 { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0 { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n .border-#{$color} {\n border-color: $value !important;\n }\n}\n\n.border-white {\n border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded {\n border-radius: $border-radius !important;\n}\n.rounded-top {\n border-top-left-radius: $border-radius !important;\n border-top-right-radius: $border-radius !important;\n}\n.rounded-right {\n border-top-right-radius: $border-radius !important;\n border-bottom-right-radius: $border-radius !important;\n}\n.rounded-bottom {\n border-bottom-right-radius: $border-radius !important;\n border-bottom-left-radius: $border-radius !important;\n}\n.rounded-left {\n border-top-left-radius: $border-radius !important;\n border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-circle {\n border-radius: 50% !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n","@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .d#{$infix}-none { display: none !important; }\n .d#{$infix}-inline { display: inline !important; }\n .d#{$infix}-inline-block { display: inline-block !important; }\n .d#{$infix}-block { display: block !important; }\n .d#{$infix}-table { display: table !important; }\n .d#{$infix}-table-row { display: table-row !important; }\n .d#{$infix}-table-cell { display: table-cell !important; }\n .d#{$infix}-flex { display: flex !important; }\n .d#{$infix}-inline-flex { display: inline-flex !important; }\n }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n .d-print-none { display: none !important; }\n .d-print-inline { display: inline !important; }\n .d-print-inline-block { display: inline-block !important; }\n .d-print-block { display: block !important; }\n .d-print-table { display: table !important; }\n .d-print-table-row { display: table-row !important; }\n .d-print-table-cell { display: table-cell !important; }\n .d-print-flex { display: flex !important; }\n .d-print-inline-flex { display: inline-flex !important; }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n\n &::before {\n display: block;\n content: \"\";\n }\n\n .embed-responsive-item,\n iframe,\n embed,\n object,\n video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n}\n\n.embed-responsive-21by9 {\n &::before {\n padding-top: percentage(9 / 21);\n }\n}\n\n.embed-responsive-16by9 {\n &::before {\n padding-top: percentage(9 / 16);\n }\n}\n\n.embed-responsive-4by3 {\n &::before {\n padding-top: percentage(3 / 4);\n }\n}\n\n.embed-responsive-1by1 {\n &::before {\n padding-top: percentage(1 / 1);\n }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .flex#{$infix}-row { flex-direction: row !important; }\n .flex#{$infix}-column { flex-direction: column !important; }\n .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }\n .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n .flex#{$infix}-wrap { flex-wrap: wrap !important; }\n .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }\n .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n\n .justify-content#{$infix}-start { justify-content: flex-start !important; }\n .justify-content#{$infix}-end { justify-content: flex-end !important; }\n .justify-content#{$infix}-center { justify-content: center !important; }\n .justify-content#{$infix}-between { justify-content: space-between !important; }\n .justify-content#{$infix}-around { justify-content: space-around !important; }\n\n .align-items#{$infix}-start { align-items: flex-start !important; }\n .align-items#{$infix}-end { align-items: flex-end !important; }\n .align-items#{$infix}-center { align-items: center !important; }\n .align-items#{$infix}-baseline { align-items: baseline !important; }\n .align-items#{$infix}-stretch { align-items: stretch !important; }\n\n .align-content#{$infix}-start { align-content: flex-start !important; }\n .align-content#{$infix}-end { align-content: flex-end !important; }\n .align-content#{$infix}-center { align-content: center !important; }\n .align-content#{$infix}-between { align-content: space-between !important; }\n .align-content#{$infix}-around { align-content: space-around !important; }\n .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n .align-self#{$infix}-auto { align-self: auto !important; }\n .align-self#{$infix}-start { align-self: flex-start !important; }\n .align-self#{$infix}-end { align-self: flex-end !important; }\n .align-self#{$infix}-center { align-self: center !important; }\n .align-self#{$infix}-baseline { align-self: baseline !important; }\n .align-self#{$infix}-stretch { align-self: stretch !important; }\n }\n}\n","@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .float#{$infix}-left { @include float-left; }\n .float#{$infix}-right { @include float-right; }\n .float#{$infix}-none { @include float-none; }\n }\n}\n","// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n}\n@mixin float-right {\n float: right !important;\n}\n@mixin float-none {\n float: none !important;\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n\n// Sass list not in variables since it's not intended for customization.\n$positions: static, relative, absolute, fixed, sticky;\n\n@each $position in $positions {\n .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.sticky-top {\n @supports (position: sticky) {\n position: sticky;\n top: 0;\n z-index: $zindex-sticky;\n }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n @include sr-only();\n}\n\n.sr-only-focusable {\n @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: http://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n clip-path: inset(50%);\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n clip-path: none;\n }\n}\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n @each $size, $length in $sizes {\n .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @each $prop, $abbrev in (margin: m, padding: p) {\n @each $size, $length in $spacers {\n\n .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n .#{$abbrev}t#{$infix}-#{$size},\n .#{$abbrev}y#{$infix}-#{$size} {\n #{$prop}-top: $length !important;\n }\n .#{$abbrev}r#{$infix}-#{$size},\n .#{$abbrev}x#{$infix}-#{$size} {\n #{$prop}-right: $length !important;\n }\n .#{$abbrev}b#{$infix}-#{$size},\n .#{$abbrev}y#{$infix}-#{$size} {\n #{$prop}-bottom: $length !important;\n }\n .#{$abbrev}l#{$infix}-#{$size},\n .#{$abbrev}x#{$infix}-#{$size} {\n #{$prop}-left: $length !important;\n }\n }\n }\n\n // Some special margin utils\n .m#{$infix}-auto { margin: auto !important; }\n .mt#{$infix}-auto,\n .my#{$infix}-auto {\n margin-top: auto !important;\n }\n .mr#{$infix}-auto,\n .mx#{$infix}-auto {\n margin-right: auto !important;\n }\n .mb#{$infix}-auto,\n .my#{$infix}-auto {\n margin-bottom: auto !important;\n }\n .ml#{$infix}-auto,\n .mx#{$infix}-auto {\n margin-left: auto !important;\n }\n }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n// Alignment\n\n.text-justify { text-align: justify !important; }\n.text-nowrap { white-space: nowrap !important; }\n.text-truncate { @include text-truncate; }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .text#{$infix}-left { text-align: left !important; }\n .text#{$infix}-right { text-align: right !important; }\n .text#{$infix}-center { text-align: center !important; }\n }\n}\n\n// Transformation\n\n.text-lowercase { text-transform: lowercase !important; }\n.text-uppercase { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light { font-weight: $font-weight-light !important; }\n.font-weight-normal { font-weight: $font-weight-normal !important; }\n.font-weight-bold { font-weight: $font-weight-bold !important; }\n.font-italic { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: #fff !important; }\n\n@each $color, $value in $theme-colors {\n @include text-emphasis-variant(\".text-#{$color}\", $value);\n}\n\n.text-muted { color: $text-muted !important; }\n\n// Misc\n\n.text-hide {\n @include text-hide();\n}\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n a#{$parent} {\n @include hover-focus {\n color: darken($color, 10%) !important;\n }\n }\n}\n","// CSS image replacement\n@mixin text-hide() {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n","//\n// Visibility utilities\n//\n\n.visible {\n @include invisible(visible);\n}\n\n.invisible {\n @include invisible(hidden);\n}\n","// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// http://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n @media print {\n *,\n *::before,\n *::after {\n // Bootstrap specific; comment out `color` and `background`\n //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953\n text-shadow: none !important;\n //background: transparent !important;\n box-shadow: none !important;\n }\n\n a {\n &:not(.btn) {\n text-decoration: underline;\n }\n }\n\n // Bootstrap specific; comment the following selector out\n //a[href]::after {\n // content: \" (\" attr(href) \")\";\n //}\n\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n\n // Bootstrap specific; comment the following selector out\n //\n // Don't show links that are fragment identifiers,\n // or use the `javascript:` pseudo protocol\n //\n\n //a[href^=\"#\"]::after,\n //a[href^=\"javascript:\"]::after {\n // content: \"\";\n //}\n\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px\n page-break-inside: avoid;\n }\n\n //\n // Printing Tables:\n // http://css-discuss.incutio.com/wiki/Printing_Tables\n //\n\n thead {\n display: table-header-group;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n // Bootstrap specific changes start\n\n // Specify a size and min-width to make printing closer across browsers.\n // We don't set margin here because it breaks `size` in Chrome. We also\n // don't use `!important` on `size` as it breaks in Chrome.\n @page {\n size: $print-page-size;\n }\n body {\n min-width: $print-body-min-width !important;\n }\n .container {\n min-width: $print-body-min-width !important;\n }\n\n // Bootstrap components\n .navbar {\n display: none;\n }\n .badge {\n border: $border-width solid #000;\n }\n\n .table {\n border-collapse: collapse !important;\n\n td,\n th {\n background-color: #fff !important;\n }\n }\n .table-bordered {\n th,\n td {\n border: 1px solid #ddd !important;\n }\n }\n\n // Bootstrap specific changes end\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap.min.css b/public/ThirdParty/Bootstrap/css/bootstrap.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..6561b6f4c9d158f46786b9c6df54718062d4d930
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap.min.css
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group{width:auto}.form-inline .form-check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.dropdown,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.btn-group,.btn-group-vertical{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after{margin-left:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-control{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-control::before{border-color:#80bdff}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(calc(2.25rem + 2px) - 1px * 2);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .dropup .dropdown-menu{top:auto;bottom:100%}}.navbar-expand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .dropup .dropdown-menu{top:auto;bottom:100%}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s ease}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.media-body{-webkit-box-flex:1;-ms-flex:1;flex:1}.list-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not(:disabled):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-muted{color:#6c757d!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}
+/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/css/bootstrap.min.css.map b/public/ThirdParty/Bootstrap/css/bootstrap.min.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..ee5c523cd44838e969ad274a008c740739719cbb
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/css/bootstrap.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../scss/bootstrap.scss","../../scss/_root.scss","../../scss/_reboot.scss","dist/css/bootstrap.css","bootstrap.css","../../scss/mixins/_hover.scss","../../scss/_type.scss","../../scss/mixins/_lists.scss","../../scss/_images.scss","../../scss/mixins/_image.scss","../../scss/mixins/_border-radius.scss","../../scss/_code.scss","../../scss/_grid.scss","../../scss/mixins/_grid.scss","../../scss/mixins/_breakpoints.scss","../../scss/mixins/_grid-framework.scss","../../scss/_tables.scss","../../scss/mixins/_table-row.scss","../../scss/_forms.scss","../../scss/mixins/_transition.scss","../../scss/mixins/_forms.scss","../../scss/mixins/_gradients.scss","../../scss/_buttons.scss","../../scss/mixins/_buttons.scss","../../scss/_transitions.scss","../../scss/_dropdown.scss","../../scss/mixins/_caret.scss","../../scss/mixins/_nav-divider.scss","../../scss/_button-group.scss","../../scss/_input-group.scss","../../scss/_custom-forms.scss","../../scss/_nav.scss","../../scss/_navbar.scss","../../scss/_card.scss","../../scss/_breadcrumb.scss","../../scss/_pagination.scss","../../scss/mixins/_pagination.scss","../../scss/_badge.scss","../../scss/mixins/_badge.scss","../../scss/_jumbotron.scss","../../scss/_alert.scss","../../scss/mixins/_alert.scss","../../scss/_progress.scss","../../scss/_media.scss","../../scss/_list-group.scss","../../scss/mixins/_list-group.scss","../../scss/_close.scss","../../scss/_modal.scss","../../scss/_tooltip.scss","../../scss/mixins/_reset-text.scss","../../scss/_popover.scss","../../scss/_carousel.scss","../../scss/utilities/_align.scss","../../scss/mixins/_background-variant.scss","../../scss/utilities/_background.scss","../../scss/utilities/_borders.scss","../../scss/mixins/_clearfix.scss","../../scss/utilities/_display.scss","../../scss/utilities/_embed.scss","../../scss/utilities/_flex.scss","../../scss/utilities/_float.scss","../../scss/mixins/_float.scss","../../scss/utilities/_position.scss","../../scss/utilities/_screenreaders.scss","../../scss/mixins/_screen-reader.scss","../../scss/utilities/_sizing.scss","../../scss/utilities/_spacing.scss","../../scss/utilities/_text.scss","../../scss/mixins/_text-truncate.scss","../../scss/mixins/_text-emphasis.scss","../../scss/mixins/_text-hide.scss","../../scss/utilities/_visibility.scss","../../scss/mixins/_visibility.scss","../../scss/_print.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Bootstrap v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"utilities\";\n@import \"print\";\n",":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n// 6. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -ms-text-size-adjust: 100%; // 4\n -ms-overflow-style: scrollbar; // 5\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6\n}\n\n// IE10+ doesn't honor `<meta name=\"viewport\">` in some cases.\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n// stylelint-disable selector-list-comma-newline-after\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use the\n// the `inherit` value on things like `<th>` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n// stylelint-enable selector-list-comma-newline-after\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `<p>`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Remove the bottom border in Firefox 39-.\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\n\nabbr[title],\nabbr[data-original-title] { // 4\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 1\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic; // Add the correct font style in Android 4.3-\n}\n\n// stylelint-disable font-weight-notation\nb,\nstrong {\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n// stylelint-enable font-weight-notation\n\nsmall {\n font-size: 80%; // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\n// stylelint-disable font-family-no-duplicate-names\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\n}\n// stylelint-enable font-family-no-duplicate-names\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg:not(:root) {\n overflow: hidden; // Hide the overflow in IE\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `<td>` alignment by inheriting from the `<body>`, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\nhtml [type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `<div>`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n","/*!\n * Bootstrap v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n:root {\n --blue: #007bff;\n --indigo: #6610f2;\n --purple: #6f42c1;\n --pink: #e83e8c;\n --red: #dc3545;\n --orange: #fd7e14;\n --yellow: #ffc107;\n --green: #28a745;\n --teal: #20c997;\n --cyan: #17a2b8;\n --white: #fff;\n --gray: #6c757d;\n --gray-dark: #343a40;\n --primary: #007bff;\n --secondary: #6c757d;\n --success: #28a745;\n --info: #17a2b8;\n --warning: #ffc107;\n --danger: #dc3545;\n --light: #f8f9fa;\n --dark: #343a40;\n --breakpoint-xs: 0;\n --breakpoint-sm: 576px;\n --breakpoint-md: 768px;\n --breakpoint-lg: 992px;\n --breakpoint-xl: 1200px;\n --font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: 0.5rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit;\n}\n\nh1, .h1 {\n font-size: 2.5rem;\n}\n\nh2, .h2 {\n font-size: 2rem;\n}\n\nh3, .h3 {\n font-size: 1.75rem;\n}\n\nh4, .h4 {\n font-size: 1.5rem;\n}\n\nh5, .h5 {\n font-size: 1.25rem;\n}\n\nh6, .h6 {\n font-size: 1rem;\n}\n\n.lead {\n font-size: 1.25rem;\n font-weight: 300;\n}\n\n.display-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\nhr {\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\nsmall,\n.small {\n font-size: 80%;\n font-weight: 400;\n}\n\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3;\n}\n\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline-item {\n display: inline-block;\n}\n\n.list-inline-item:not(:last-child) {\n margin-right: 0.5rem;\n}\n\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n.blockquote {\n margin-bottom: 1rem;\n font-size: 1.25rem;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%;\n color: #6c757d;\n}\n\n.blockquote-footer::before {\n content: \"\\2014 \\00A0\";\n}\n\n.img-fluid {\n max-width: 100%;\n height: auto;\n}\n\n.img-thumbnail {\n padding: 0.25rem;\n background-color: #fff;\n border: 1px solid #dee2e6;\n border-radius: 0.25rem;\n max-width: 100%;\n height: auto;\n}\n\n.figure {\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: 0.5rem;\n line-height: 1;\n}\n\n.figure-caption {\n font-size: 90%;\n color: #6c757d;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\ncode {\n font-size: 87.5%;\n color: #e83e8c;\n word-break: break-word;\n}\n\na > code {\n color: inherit;\n}\n\nkbd {\n padding: 0.2rem 0.4rem;\n font-size: 87.5%;\n color: #fff;\n background-color: #212529;\n border-radius: 0.2rem;\n}\n\nkbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700;\n}\n\npre {\n display: block;\n font-size: 87.5%;\n color: #212529;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll;\n}\n\n.container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media (min-width: 576px) {\n .container {\n max-width: 540px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 720px;\n }\n}\n\n@media (min-width: 992px) {\n .container {\n max-width: 960px;\n }\n}\n\n@media (min-width: 1200px) {\n .container {\n max-width: 1140px;\n }\n}\n\n.container-fluid {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n.row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px;\n}\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.no-gutters > .col,\n.no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.col {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n}\n\n.col-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n\n.col-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n\n.col-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n\n.col-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n}\n\n.col-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n\n.col-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n\n.col-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n}\n\n.col-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n\n.col-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n\n.col-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n}\n\n.col-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n\n.col-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n\n.col-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n}\n\n.order-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n\n.order-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n}\n\n.order-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n}\n\n.order-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n}\n\n.order-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n}\n\n.order-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n}\n\n.order-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n}\n\n.order-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n}\n\n.order-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n}\n\n.order-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n}\n\n.order-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n}\n\n.order-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n}\n\n.order-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n}\n\n.order-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n}\n\n.order-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n}\n\n.offset-1 {\n margin-left: 8.333333%;\n}\n\n.offset-2 {\n margin-left: 16.666667%;\n}\n\n.offset-3 {\n margin-left: 25%;\n}\n\n.offset-4 {\n margin-left: 33.333333%;\n}\n\n.offset-5 {\n margin-left: 41.666667%;\n}\n\n.offset-6 {\n margin-left: 50%;\n}\n\n.offset-7 {\n margin-left: 58.333333%;\n}\n\n.offset-8 {\n margin-left: 66.666667%;\n}\n\n.offset-9 {\n margin-left: 75%;\n}\n\n.offset-10 {\n margin-left: 83.333333%;\n}\n\n.offset-11 {\n margin-left: 91.666667%;\n}\n\n@media (min-width: 576px) {\n .col-sm {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-sm-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-sm-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-sm-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-sm-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-sm-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-sm-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-sm-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-sm-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-sm-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-sm-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-sm-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n .order-sm-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n }\n .order-sm-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n }\n .order-sm-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n }\n .order-sm-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n }\n .order-sm-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n }\n .order-sm-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n }\n .order-sm-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n }\n .order-sm-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n }\n .order-sm-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n }\n .order-sm-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n }\n .order-sm-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n }\n .order-sm-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n }\n .order-sm-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n }\n .order-sm-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n }\n .offset-sm-0 {\n margin-left: 0;\n }\n .offset-sm-1 {\n margin-left: 8.333333%;\n }\n .offset-sm-2 {\n margin-left: 16.666667%;\n }\n .offset-sm-3 {\n margin-left: 25%;\n }\n .offset-sm-4 {\n margin-left: 33.333333%;\n }\n .offset-sm-5 {\n margin-left: 41.666667%;\n }\n .offset-sm-6 {\n margin-left: 50%;\n }\n .offset-sm-7 {\n margin-left: 58.333333%;\n }\n .offset-sm-8 {\n margin-left: 66.666667%;\n }\n .offset-sm-9 {\n margin-left: 75%;\n }\n .offset-sm-10 {\n margin-left: 83.333333%;\n }\n .offset-sm-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 768px) {\n .col-md {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-md-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-md-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-md-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-md-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-md-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-md-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-md-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-md-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-md-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-md-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-md-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-md-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-md-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-md-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n .order-md-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n }\n .order-md-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n }\n .order-md-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n }\n .order-md-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n }\n .order-md-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n }\n .order-md-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n }\n .order-md-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n }\n .order-md-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n }\n .order-md-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n }\n .order-md-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n }\n .order-md-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n }\n .order-md-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n }\n .order-md-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n }\n .order-md-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n }\n .offset-md-0 {\n margin-left: 0;\n }\n .offset-md-1 {\n margin-left: 8.333333%;\n }\n .offset-md-2 {\n margin-left: 16.666667%;\n }\n .offset-md-3 {\n margin-left: 25%;\n }\n .offset-md-4 {\n margin-left: 33.333333%;\n }\n .offset-md-5 {\n margin-left: 41.666667%;\n }\n .offset-md-6 {\n margin-left: 50%;\n }\n .offset-md-7 {\n margin-left: 58.333333%;\n }\n .offset-md-8 {\n margin-left: 66.666667%;\n }\n .offset-md-9 {\n margin-left: 75%;\n }\n .offset-md-10 {\n margin-left: 83.333333%;\n }\n .offset-md-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 992px) {\n .col-lg {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-lg-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-lg-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-lg-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-lg-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-lg-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-lg-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-lg-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-lg-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-lg-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-lg-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-lg-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n .order-lg-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n }\n .order-lg-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n }\n .order-lg-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n }\n .order-lg-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n }\n .order-lg-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n }\n .order-lg-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n }\n .order-lg-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n }\n .order-lg-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n }\n .order-lg-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n }\n .order-lg-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n }\n .order-lg-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n }\n .order-lg-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n }\n .order-lg-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n }\n .order-lg-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n }\n .offset-lg-0 {\n margin-left: 0;\n }\n .offset-lg-1 {\n margin-left: 8.333333%;\n }\n .offset-lg-2 {\n margin-left: 16.666667%;\n }\n .offset-lg-3 {\n margin-left: 25%;\n }\n .offset-lg-4 {\n margin-left: 33.333333%;\n }\n .offset-lg-5 {\n margin-left: 41.666667%;\n }\n .offset-lg-6 {\n margin-left: 50%;\n }\n .offset-lg-7 {\n margin-left: 58.333333%;\n }\n .offset-lg-8 {\n margin-left: 66.666667%;\n }\n .offset-lg-9 {\n margin-left: 75%;\n }\n .offset-lg-10 {\n margin-left: 83.333333%;\n }\n .offset-lg-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 1200px) {\n .col-xl {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-xl-auto {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-xl-1 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 8.333333%;\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-xl-2 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 16.666667%;\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-xl-3 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 25%;\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-xl-4 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-xl-5 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 41.666667%;\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-xl-6 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-xl-7 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 58.333333%;\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-xl-8 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-xl-9 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 75%;\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-xl-10 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 83.333333%;\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-xl-11 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 91.666667%;\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-xl-12 {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-xl-first {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n }\n .order-xl-last {\n -webkit-box-ordinal-group: 14;\n -ms-flex-order: 13;\n order: 13;\n }\n .order-xl-0 {\n -webkit-box-ordinal-group: 1;\n -ms-flex-order: 0;\n order: 0;\n }\n .order-xl-1 {\n -webkit-box-ordinal-group: 2;\n -ms-flex-order: 1;\n order: 1;\n }\n .order-xl-2 {\n -webkit-box-ordinal-group: 3;\n -ms-flex-order: 2;\n order: 2;\n }\n .order-xl-3 {\n -webkit-box-ordinal-group: 4;\n -ms-flex-order: 3;\n order: 3;\n }\n .order-xl-4 {\n -webkit-box-ordinal-group: 5;\n -ms-flex-order: 4;\n order: 4;\n }\n .order-xl-5 {\n -webkit-box-ordinal-group: 6;\n -ms-flex-order: 5;\n order: 5;\n }\n .order-xl-6 {\n -webkit-box-ordinal-group: 7;\n -ms-flex-order: 6;\n order: 6;\n }\n .order-xl-7 {\n -webkit-box-ordinal-group: 8;\n -ms-flex-order: 7;\n order: 7;\n }\n .order-xl-8 {\n -webkit-box-ordinal-group: 9;\n -ms-flex-order: 8;\n order: 8;\n }\n .order-xl-9 {\n -webkit-box-ordinal-group: 10;\n -ms-flex-order: 9;\n order: 9;\n }\n .order-xl-10 {\n -webkit-box-ordinal-group: 11;\n -ms-flex-order: 10;\n order: 10;\n }\n .order-xl-11 {\n -webkit-box-ordinal-group: 12;\n -ms-flex-order: 11;\n order: 11;\n }\n .order-xl-12 {\n -webkit-box-ordinal-group: 13;\n -ms-flex-order: 12;\n order: 12;\n }\n .offset-xl-0 {\n margin-left: 0;\n }\n .offset-xl-1 {\n margin-left: 8.333333%;\n }\n .offset-xl-2 {\n margin-left: 16.666667%;\n }\n .offset-xl-3 {\n margin-left: 25%;\n }\n .offset-xl-4 {\n margin-left: 33.333333%;\n }\n .offset-xl-5 {\n margin-left: 41.666667%;\n }\n .offset-xl-6 {\n margin-left: 50%;\n }\n .offset-xl-7 {\n margin-left: 58.333333%;\n }\n .offset-xl-8 {\n margin-left: 66.666667%;\n }\n .offset-xl-9 {\n margin-left: 75%;\n }\n .offset-xl-10 {\n margin-left: 83.333333%;\n }\n .offset-xl-11 {\n margin-left: 91.666667%;\n }\n}\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1rem;\n background-color: transparent;\n}\n\n.table th,\n.table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #dee2e6;\n}\n\n.table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6;\n}\n\n.table tbody + tbody {\n border-top: 2px solid #dee2e6;\n}\n\n.table .table {\n background-color: #fff;\n}\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem;\n}\n\n.table-bordered {\n border: 1px solid #dee2e6;\n}\n\n.table-bordered th,\n.table-bordered td {\n border: 1px solid #dee2e6;\n}\n\n.table-bordered thead th,\n.table-bordered thead td {\n border-bottom-width: 2px;\n}\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table-hover tbody tr:hover {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #b8daff;\n}\n\n.table-hover .table-primary:hover {\n background-color: #9fcdff;\n}\n\n.table-hover .table-primary:hover > td,\n.table-hover .table-primary:hover > th {\n background-color: #9fcdff;\n}\n\n.table-secondary,\n.table-secondary > th,\n.table-secondary > td {\n background-color: #d6d8db;\n}\n\n.table-hover .table-secondary:hover {\n background-color: #c8cbcf;\n}\n\n.table-hover .table-secondary:hover > td,\n.table-hover .table-secondary:hover > th {\n background-color: #c8cbcf;\n}\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #c3e6cb;\n}\n\n.table-hover .table-success:hover {\n background-color: #b1dfbb;\n}\n\n.table-hover .table-success:hover > td,\n.table-hover .table-success:hover > th {\n background-color: #b1dfbb;\n}\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #bee5eb;\n}\n\n.table-hover .table-info:hover {\n background-color: #abdde5;\n}\n\n.table-hover .table-info:hover > td,\n.table-hover .table-info:hover > th {\n background-color: #abdde5;\n}\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffeeba;\n}\n\n.table-hover .table-warning:hover {\n background-color: #ffe8a1;\n}\n\n.table-hover .table-warning:hover > td,\n.table-hover .table-warning:hover > th {\n background-color: #ffe8a1;\n}\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f5c6cb;\n}\n\n.table-hover .table-danger:hover {\n background-color: #f1b0b7;\n}\n\n.table-hover .table-danger:hover > td,\n.table-hover .table-danger:hover > th {\n background-color: #f1b0b7;\n}\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fdfdfe;\n}\n\n.table-hover .table-light:hover {\n background-color: #ececf6;\n}\n\n.table-hover .table-light:hover > td,\n.table-hover .table-light:hover > th {\n background-color: #ececf6;\n}\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c6c8ca;\n}\n\n.table-hover .table-dark:hover {\n background-color: #b9bbbe;\n}\n\n.table-hover .table-dark:hover > td,\n.table-hover .table-dark:hover > th {\n background-color: #b9bbbe;\n}\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-hover .table-active:hover {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-hover .table-active:hover > td,\n.table-hover .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table .thead-dark th {\n color: #fff;\n background-color: #212529;\n border-color: #32383e;\n}\n\n.table .thead-light th {\n color: #495057;\n background-color: #e9ecef;\n border-color: #dee2e6;\n}\n\n.table-dark {\n color: #fff;\n background-color: #212529;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th {\n border-color: #32383e;\n}\n\n.table-dark.table-bordered {\n border: 0;\n}\n\n.table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.table-dark.table-hover tbody tr:hover {\n background-color: rgba(255, 255, 255, 0.075);\n}\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-sm > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-md > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-lg > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 1199.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-xl > .table-bordered {\n border: 0;\n }\n}\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.table-responsive > .table-bordered {\n border: 0;\n}\n\n.form-control {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.form-control::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n\n.form-control:focus {\n color: #495057;\n background-color: #fff;\n border-color: #80bdff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.form-control::-webkit-input-placeholder {\n color: #6c757d;\n opacity: 1;\n}\n\n.form-control::-moz-placeholder {\n color: #6c757d;\n opacity: 1;\n}\n\n.form-control:-ms-input-placeholder {\n color: #6c757d;\n opacity: 1;\n}\n\n.form-control::-ms-input-placeholder {\n color: #6c757d;\n opacity: 1;\n}\n\n.form-control::placeholder {\n color: #6c757d;\n opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n}\n\nselect.form-control:not([size]):not([multiple]) {\n height: calc(2.25rem + 2px);\n}\n\nselect.form-control:focus::-ms-value {\n color: #495057;\n background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n.col-form-label {\n padding-top: calc(0.375rem + 1px);\n padding-bottom: calc(0.375rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.5;\n}\n\n.col-form-label-lg {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 1.25rem;\n line-height: 1.5;\n}\n\n.col-form-label-sm {\n padding-top: calc(0.25rem + 1px);\n padding-bottom: calc(0.25rem + 1px);\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n margin-bottom: 0;\n line-height: 1.5;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,\n.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,\n.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,\n.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,\n.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,\n.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,\n.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,\n.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,\n.input-group-lg > .input-group-append > .form-control-plaintext.btn {\n padding-right: 0;\n padding-left: 0;\n}\n\n.form-control-sm, .input-group-sm > .form-control,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n}\n\nselect.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(1.8125rem + 2px);\n}\n\n.form-control-lg, .input-group-lg > .form-control,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.5;\n border-radius: 0.3rem;\n}\n\nselect.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(2.875rem + 2px);\n}\n\n.form-group {\n margin-bottom: 1rem;\n}\n\n.form-text {\n display: block;\n margin-top: 0.25rem;\n}\n\n.form-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px;\n}\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem;\n}\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n color: #6c757d;\n}\n\n.form-check-label {\n margin-bottom: 0;\n}\n\n.form-check-inline {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0;\n}\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #28a745;\n}\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(40, 167, 69, 0.8);\n border-radius: .2rem;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid, .was-validated\n.custom-select:valid,\n.custom-select.is-valid {\n border-color: #28a745;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated\n.custom-select:valid:focus,\n.custom-select.is-valid:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip, .was-validated\n.custom-select:valid ~ .valid-feedback,\n.was-validated\n.custom-select:valid ~ .valid-tooltip,\n.custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #28a745;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #28a745;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n background-color: #71dd8a;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n background-color: #34ce57;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #28a745;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {\n border-color: inherit;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #dc3545;\n}\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(220, 53, 69, 0.8);\n border-radius: .2rem;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated\n.custom-select:invalid,\n.custom-select.is-invalid {\n border-color: #dc3545;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated\n.custom-select:invalid:focus,\n.custom-select.is-invalid:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip, .was-validated\n.custom-select:invalid ~ .invalid-feedback,\n.was-validated\n.custom-select:invalid ~ .invalid-tooltip,\n.custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #dc3545;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #dc3545;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n background-color: #efa2a9;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n background-color: #e4606d;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #dc3545;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {\n border-color: inherit;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.form-inline {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.form-inline .form-check {\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .form-inline label {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin-bottom: 0;\n }\n .form-inline .form-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-bottom: 0;\n }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n .form-inline .form-control-plaintext {\n display: inline-block;\n }\n .form-inline .input-group {\n width: auto;\n }\n .form-inline .form-check {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .form-inline .form-check-input {\n position: relative;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0;\n }\n .form-inline .custom-control {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n .form-inline .custom-control-label {\n margin-bottom: 0;\n }\n}\n\n.btn {\n display: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: 0.25rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.btn:hover, .btn:focus {\n text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.btn.disabled, .btn:disabled {\n opacity: 0.65;\n}\n\n.btn:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {\n background-image: none;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n.btn-primary {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-primary:hover {\n color: #fff;\n background-color: #0069d9;\n border-color: #0062cc;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #0062cc;\n border-color: #005cbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-secondary {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-secondary:hover {\n color: #fff;\n background-color: #5a6268;\n border-color: #545b62;\n}\n\n.btn-secondary:focus, .btn-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-secondary.disabled, .btn-secondary:disabled {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,\n.show > .btn-secondary.dropdown-toggle {\n color: #fff;\n background-color: #545b62;\n border-color: #4e555b;\n}\n\n.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-success {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-success:hover {\n color: #fff;\n background-color: #218838;\n border-color: #1e7e34;\n}\n\n.btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #1e7e34;\n border-color: #1c7430;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-info {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-info:hover {\n color: #fff;\n background-color: #138496;\n border-color: #117a8b;\n}\n\n.btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n color: #fff;\n background-color: #117a8b;\n border-color: #10707f;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-warning {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-warning:hover {\n color: #212529;\n background-color: #e0a800;\n border-color: #d39e00;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n color: #212529;\n background-color: #d39e00;\n border-color: #c69500;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-danger {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-danger:hover {\n color: #fff;\n background-color: #c82333;\n border-color: #bd2130;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #bd2130;\n border-color: #b21f2d;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-light {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-light:hover {\n color: #212529;\n background-color: #e2e6ea;\n border-color: #dae0e5;\n}\n\n.btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #dae0e5;\n border-color: #d3d9df;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-dark {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-dark:hover {\n color: #fff;\n background-color: #23272b;\n border-color: #1d2124;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #1d2124;\n border-color: #171a1d;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-outline-primary {\n color: #007bff;\n background-color: transparent;\n background-image: none;\n border-color: #007bff;\n}\n\n.btn-outline-primary:hover {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #007bff;\n background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-outline-secondary {\n color: #6c757d;\n background-color: transparent;\n background-image: none;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:hover {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:focus, .btn-outline-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {\n color: #6c757d;\n background-color: transparent;\n}\n\n.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-secondary.dropdown-toggle {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-outline-success {\n color: #28a745;\n background-color: transparent;\n background-image: none;\n border-color: #28a745;\n}\n\n.btn-outline-success:hover {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #28a745;\n background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-outline-info {\n color: #17a2b8;\n background-color: transparent;\n background-image: none;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:hover {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #17a2b8;\n background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-outline-warning {\n color: #ffc107;\n background-color: transparent;\n background-image: none;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:hover {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffc107;\n background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-outline-danger {\n color: #dc3545;\n background-color: transparent;\n background-image: none;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:hover {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #dc3545;\n background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-outline-light {\n color: #f8f9fa;\n background-color: transparent;\n background-image: none;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:hover {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #f8f9fa;\n background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-outline-dark {\n color: #343a40;\n background-color: transparent;\n background-image: none;\n border-color: #343a40;\n}\n\n.btn-outline-dark:hover {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #343a40;\n background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-link {\n font-weight: 400;\n color: #007bff;\n background-color: transparent;\n}\n\n.btn-link:hover {\n color: #0056b3;\n text-decoration: underline;\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n border-color: transparent;\n box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n color: #6c757d;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.5;\n border-radius: 0.3rem;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.fade {\n opacity: 0;\n transition: opacity 0.15s linear;\n}\n\n.fade.show {\n opacity: 1;\n}\n\n.collapse {\n display: none;\n}\n\n.collapse.show {\n display: block;\n}\n\ntr.collapse.show {\n display: table-row;\n}\n\ntbody.collapse.show {\n display: table-row-group;\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease;\n}\n\n.dropup,\n.dropdown {\n position: relative;\n}\n\n.dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-bottom: 0;\n border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 0.25rem;\n}\n\n.dropup .dropdown-menu {\n margin-top: 0;\n margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0;\n border-right: 0.3em solid transparent;\n border-bottom: 0.3em solid;\n border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n margin-top: 0;\n margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-bottom: 0.3em solid transparent;\n border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n margin-top: 0;\n margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0.3em solid;\n border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n vertical-align: 0;\n}\n\n.dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n color: #16181b;\n text-decoration: none;\n background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n color: #fff;\n text-decoration: none;\n background-color: #007bff;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n color: #6c757d;\n background-color: transparent;\n}\n\n.dropdown-menu.show {\n display: block;\n}\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n color: #6c757d;\n white-space: nowrap;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-group .btn + .btn,\n.btn-group .btn + .btn-group,\n.btn-group .btn-group + .btn,\n.btn-group .btn-group + .btn-group,\n.btn-group-vertical .btn + .btn,\n.btn-group-vertical .btn + .btn-group,\n.btn-group-vertical .btn-group + .btn,\n.btn-group-vertical .btn-group + .btn-group {\n margin-left: -1px;\n}\n\n.btn-toolbar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > .btn:first-child {\n margin-left: 0;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n padding-right: 0.5625rem;\n padding-left: 0.5625rem;\n}\n\n.dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 0.375rem;\n padding-left: 0.375rem;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 0.75rem;\n padding-left: 0.75rem;\n}\n\n.btn-group-vertical {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.btn-group-vertical .btn,\n.btn-group-vertical .btn-group {\n width: 100%;\n}\n\n.btn-group-vertical > .btn + .btn,\n.btn-group-vertical > .btn + .btn-group,\n.btn-group-vertical > .btn-group + .btn,\n.btn-group-vertical > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.input-group {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .custom-select,\n.input-group > .custom-file {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file:focus {\n z-index: 3;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n margin-left: -1px;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::before {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label,\n.input-group > .custom-file:not(:first-child) .custom-file-label::before {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n position: relative;\n z-index: 2;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n margin-left: -1px;\n}\n\n.input-group-prepend {\n margin-right: -1px;\n}\n\n.input-group-append {\n margin-left: -1px;\n}\n\n.input-group-text {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n text-align: center;\n white-space: nowrap;\n background-color: #e9ecef;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n margin-top: 0;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.5rem;\n padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n margin-right: 1rem;\n}\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n color: #fff;\n background-color: #007bff;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.custom-control-input:active ~ .custom-control-label::before {\n color: #fff;\n background-color: #b3d7ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n color: #6c757d;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #e9ecef;\n}\n\n.custom-control-label {\n margin-bottom: 0;\n}\n\n.custom-control-label::before {\n position: absolute;\n top: 0.25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: \"\";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: #dee2e6;\n}\n\n.custom-control-label::after {\n position: absolute;\n top: 0.25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n content: \"\";\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 0.25rem;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n vertical-align: middle;\n background: #fff url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") no-repeat right 0.75rem center;\n background-size: 8px 10px;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.custom-select:focus {\n border-color: #80bdff;\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);\n}\n\n.custom-select:focus::-ms-value {\n color: #495057;\n background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none;\n}\n\n.custom-select:disabled {\n color: #6c757d;\n background-color: #e9ecef;\n}\n\n.custom-select::-ms-expand {\n opacity: 0;\n}\n\n.custom-select-sm {\n height: calc(1.8125rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 75%;\n}\n\n.custom-select-lg {\n height: calc(2.875rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 125%;\n}\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin-bottom: 0;\n}\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin: 0;\n opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-control {\n border-color: #80bdff;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.custom-file-input:focus ~ .custom-file-control::before {\n border-color: #80bdff;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Browse\";\n}\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n}\n\n.custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(calc(2.25rem + 2px) - 1px * 2);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n content: \"Browse\";\n background-color: #e9ecef;\n border-left: 1px solid #ced4da;\n border-radius: 0 0.25rem 0.25rem 0;\n}\n\n.nav {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: 0.5rem 1rem;\n}\n\n.nav-link:hover, .nav-link:focus {\n text-decoration: none;\n}\n\n.nav-link.disabled {\n color: #6c757d;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #dee2e6;\n}\n\n.nav-tabs .nav-item {\n margin-bottom: -1px;\n}\n\n.nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: #e9ecef #e9ecef #dee2e6;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #6c757d;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n color: #495057;\n background-color: #fff;\n border-color: #dee2e6 #dee2e6 #fff;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-pills .nav-link {\n border-radius: 0.25rem;\n}\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #007bff;\n}\n\n.nav-fill .nav-item {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n text-align: center;\n}\n\n.nav-justified .nav-item {\n -ms-flex-preferred-size: 0;\n flex-basis: 0;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n text-align: center;\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n\n.tab-content > .active {\n display: block;\n}\n\n.navbar {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 0.5rem 1rem;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: 0.3125rem;\n padding-bottom: 0.3125rem;\n margin-right: 1rem;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.navbar-collapse {\n -ms-flex-preferred-size: 100%;\n flex-basis: 100%;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n .navbar-expand-sm .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n .navbar-expand-md .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n .navbar-expand-lg .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 1199.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1200px) {\n .navbar-expand-xl {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n .navbar-expand-xl .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n.navbar-expand {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n -ms-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n -ms-flex-preferred-size: auto;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-expand .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n\n.card {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.25rem;\n}\n\n.card > hr {\n margin-right: 0;\n margin-left: 0;\n}\n\n.card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.card-body {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n padding: 1.25rem;\n}\n\n.card-title {\n margin-bottom: 0.75rem;\n}\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link:hover {\n text-decoration: none;\n}\n\n.card-link + .card-link {\n margin-left: 1.25rem;\n}\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-header:first-child {\n border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;\n}\n\n.card-header + .list-group .list-group-item:first-child {\n border-top: 0;\n}\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-footer:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);\n}\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem;\n}\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem;\n}\n\n.card-img {\n width: 100%;\n border-radius: calc(0.25rem - 1px);\n}\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px);\n}\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(0.25rem - 1px);\n border-bottom-left-radius: calc(0.25rem - 1px);\n}\n\n.card-deck {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.card-deck .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-deck {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px;\n }\n .card-deck .card {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px;\n }\n}\n\n.card-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.card-group > .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-group {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-flow: row wrap;\n flex-flow: row wrap;\n }\n .card-group > .card {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0%;\n flex: 1 0 0%;\n margin-bottom: 0;\n }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0;\n }\n .card-group > .card:first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .card-group > .card:first-child .card-img-top,\n .card-group > .card:first-child .card-header {\n border-top-right-radius: 0;\n }\n .card-group > .card:first-child .card-img-bottom,\n .card-group > .card:first-child .card-footer {\n border-bottom-right-radius: 0;\n }\n .card-group > .card:last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .card-group > .card:last-child .card-img-top,\n .card-group > .card:last-child .card-header {\n border-top-left-radius: 0;\n }\n .card-group > .card:last-child .card-img-bottom,\n .card-group > .card:last-child .card-footer {\n border-bottom-left-radius: 0;\n }\n .card-group > .card:only-child {\n border-radius: 0.25rem;\n }\n .card-group > .card:only-child .card-img-top,\n .card-group > .card:only-child .card-header {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n }\n .card-group > .card:only-child .card-img-bottom,\n .card-group > .card:only-child .card-footer {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {\n border-radius: 0;\n }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {\n border-radius: 0;\n }\n}\n\n.card-columns .card {\n margin-bottom: 0.75rem;\n}\n\n@media (min-width: 576px) {\n .card-columns {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n -webkit-column-gap: 1.25rem;\n -moz-column-gap: 1.25rem;\n column-gap: 1.25rem;\n }\n .card-columns .card {\n display: inline-block;\n width: 100%;\n }\n}\n\n.breadcrumb {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n padding: 0.75rem 1rem;\n margin-bottom: 1rem;\n list-style: none;\n background-color: #e9ecef;\n border-radius: 0.25rem;\n}\n\n.breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n color: #6c757d;\n content: \"/\";\n}\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: underline;\n}\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: none;\n}\n\n.breadcrumb-item.active {\n color: #6c757d;\n}\n\n.pagination {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 0.25rem;\n}\n\n.page-link {\n position: relative;\n display: block;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n line-height: 1.25;\n color: #007bff;\n background-color: #fff;\n border: 1px solid #dee2e6;\n}\n\n.page-link:hover {\n color: #0056b3;\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6;\n}\n\n.page-link:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.page-link:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.page-item:first-child .page-link {\n margin-left: 0;\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.page-item:last-child .page-link {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n}\n\n.page-item.active .page-link {\n z-index: 1;\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.page-item.disabled .page-link {\n color: #6c757d;\n pointer-events: none;\n cursor: auto;\n background-color: #fff;\n border-color: #dee2e6;\n}\n\n.pagination-lg .page-link {\n padding: 0.75rem 1.5rem;\n font-size: 1.25rem;\n line-height: 1.5;\n}\n\n.pagination-lg .page-item:first-child .page-link {\n border-top-left-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem;\n}\n\n.pagination-lg .page-item:last-child .page-link {\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n\n.pagination-sm .page-link {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n.pagination-sm .page-item:first-child .page-link {\n border-top-left-radius: 0.2rem;\n border-bottom-left-radius: 0.2rem;\n}\n\n.pagination-sm .page-item:last-child .page-link {\n border-top-right-radius: 0.2rem;\n border-bottom-right-radius: 0.2rem;\n}\n\n.badge {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25rem;\n}\n\n.badge:empty {\n display: none;\n}\n\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem;\n}\n\n.badge-primary {\n color: #fff;\n background-color: #007bff;\n}\n\n.badge-primary[href]:hover, .badge-primary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #0062cc;\n}\n\n.badge-secondary {\n color: #fff;\n background-color: #6c757d;\n}\n\n.badge-secondary[href]:hover, .badge-secondary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #545b62;\n}\n\n.badge-success {\n color: #fff;\n background-color: #28a745;\n}\n\n.badge-success[href]:hover, .badge-success[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1e7e34;\n}\n\n.badge-info {\n color: #fff;\n background-color: #17a2b8;\n}\n\n.badge-info[href]:hover, .badge-info[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #117a8b;\n}\n\n.badge-warning {\n color: #212529;\n background-color: #ffc107;\n}\n\n.badge-warning[href]:hover, .badge-warning[href]:focus {\n color: #212529;\n text-decoration: none;\n background-color: #d39e00;\n}\n\n.badge-danger {\n color: #fff;\n background-color: #dc3545;\n}\n\n.badge-danger[href]:hover, .badge-danger[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #bd2130;\n}\n\n.badge-light {\n color: #212529;\n background-color: #f8f9fa;\n}\n\n.badge-light[href]:hover, .badge-light[href]:focus {\n color: #212529;\n text-decoration: none;\n background-color: #dae0e5;\n}\n\n.badge-dark {\n color: #fff;\n background-color: #343a40;\n}\n\n.badge-dark[href]:hover, .badge-dark[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1d2124;\n}\n\n.jumbotron {\n padding: 2rem 1rem;\n margin-bottom: 2rem;\n background-color: #e9ecef;\n border-radius: 0.3rem;\n}\n\n@media (min-width: 576px) {\n .jumbotron {\n padding: 4rem 2rem;\n }\n}\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n border-radius: 0;\n}\n\n.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n}\n\n.alert-heading {\n color: inherit;\n}\n\n.alert-link {\n font-weight: 700;\n}\n\n.alert-dismissible {\n padding-right: 4rem;\n}\n\n.alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit;\n}\n\n.alert-primary {\n color: #004085;\n background-color: #cce5ff;\n border-color: #b8daff;\n}\n\n.alert-primary hr {\n border-top-color: #9fcdff;\n}\n\n.alert-primary .alert-link {\n color: #002752;\n}\n\n.alert-secondary {\n color: #383d41;\n background-color: #e2e3e5;\n border-color: #d6d8db;\n}\n\n.alert-secondary hr {\n border-top-color: #c8cbcf;\n}\n\n.alert-secondary .alert-link {\n color: #202326;\n}\n\n.alert-success {\n color: #155724;\n background-color: #d4edda;\n border-color: #c3e6cb;\n}\n\n.alert-success hr {\n border-top-color: #b1dfbb;\n}\n\n.alert-success .alert-link {\n color: #0b2e13;\n}\n\n.alert-info {\n color: #0c5460;\n background-color: #d1ecf1;\n border-color: #bee5eb;\n}\n\n.alert-info hr {\n border-top-color: #abdde5;\n}\n\n.alert-info .alert-link {\n color: #062c33;\n}\n\n.alert-warning {\n color: #856404;\n background-color: #fff3cd;\n border-color: #ffeeba;\n}\n\n.alert-warning hr {\n border-top-color: #ffe8a1;\n}\n\n.alert-warning .alert-link {\n color: #533f03;\n}\n\n.alert-danger {\n color: #721c24;\n background-color: #f8d7da;\n border-color: #f5c6cb;\n}\n\n.alert-danger hr {\n border-top-color: #f1b0b7;\n}\n\n.alert-danger .alert-link {\n color: #491217;\n}\n\n.alert-light {\n color: #818182;\n background-color: #fefefe;\n border-color: #fdfdfe;\n}\n\n.alert-light hr {\n border-top-color: #ececf6;\n}\n\n.alert-light .alert-link {\n color: #686868;\n}\n\n.alert-dark {\n color: #1b1e21;\n background-color: #d6d8d9;\n border-color: #c6c8ca;\n}\n\n.alert-dark hr {\n border-top-color: #b9bbbe;\n}\n\n.alert-dark .alert-link {\n color: #040505;\n}\n\n@-webkit-keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0;\n }\n to {\n background-position: 0 0;\n }\n}\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0;\n }\n to {\n background-position: 0 0;\n }\n}\n\n.progress {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 1rem;\n overflow: hidden;\n font-size: 0.75rem;\n background-color: #e9ecef;\n border-radius: 0.25rem;\n}\n\n.progress-bar {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n color: #fff;\n text-align: center;\n background-color: #007bff;\n transition: width 0.6s ease;\n}\n\n.progress-bar-striped {\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 1rem 1rem;\n}\n\n.progress-bar-animated {\n -webkit-animation: progress-bar-stripes 1s linear infinite;\n animation: progress-bar-stripes 1s linear infinite;\n}\n\n.media {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n\n.media-body {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n}\n\n.list-group {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n}\n\n.list-group-item-action {\n width: 100%;\n color: #495057;\n text-align: inherit;\n}\n\n.list-group-item-action:hover, .list-group-item-action:focus {\n color: #495057;\n text-decoration: none;\n background-color: #f8f9fa;\n}\n\n.list-group-item-action:active {\n color: #212529;\n background-color: #e9ecef;\n}\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 0.75rem 1.25rem;\n margin-bottom: -1px;\n background-color: #fff;\n border: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.list-group-item:hover, .list-group-item:focus {\n z-index: 1;\n text-decoration: none;\n}\n\n.list-group-item.disabled, .list-group-item:disabled {\n color: #6c757d;\n background-color: #fff;\n}\n\n.list-group-item.active {\n z-index: 2;\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.list-group-flush .list-group-item {\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n}\n\n.list-group-flush:first-child .list-group-item:first-child {\n border-top: 0;\n}\n\n.list-group-flush:last-child .list-group-item:last-child {\n border-bottom: 0;\n}\n\n.list-group-item-primary {\n color: #004085;\n background-color: #b8daff;\n}\n\n.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {\n color: #004085;\n background-color: #9fcdff;\n}\n\n.list-group-item-primary.list-group-item-action.active {\n color: #fff;\n background-color: #004085;\n border-color: #004085;\n}\n\n.list-group-item-secondary {\n color: #383d41;\n background-color: #d6d8db;\n}\n\n.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {\n color: #383d41;\n background-color: #c8cbcf;\n}\n\n.list-group-item-secondary.list-group-item-action.active {\n color: #fff;\n background-color: #383d41;\n border-color: #383d41;\n}\n\n.list-group-item-success {\n color: #155724;\n background-color: #c3e6cb;\n}\n\n.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {\n color: #155724;\n background-color: #b1dfbb;\n}\n\n.list-group-item-success.list-group-item-action.active {\n color: #fff;\n background-color: #155724;\n border-color: #155724;\n}\n\n.list-group-item-info {\n color: #0c5460;\n background-color: #bee5eb;\n}\n\n.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {\n color: #0c5460;\n background-color: #abdde5;\n}\n\n.list-group-item-info.list-group-item-action.active {\n color: #fff;\n background-color: #0c5460;\n border-color: #0c5460;\n}\n\n.list-group-item-warning {\n color: #856404;\n background-color: #ffeeba;\n}\n\n.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {\n color: #856404;\n background-color: #ffe8a1;\n}\n\n.list-group-item-warning.list-group-item-action.active {\n color: #fff;\n background-color: #856404;\n border-color: #856404;\n}\n\n.list-group-item-danger {\n color: #721c24;\n background-color: #f5c6cb;\n}\n\n.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {\n color: #721c24;\n background-color: #f1b0b7;\n}\n\n.list-group-item-danger.list-group-item-action.active {\n color: #fff;\n background-color: #721c24;\n border-color: #721c24;\n}\n\n.list-group-item-light {\n color: #818182;\n background-color: #fdfdfe;\n}\n\n.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {\n color: #818182;\n background-color: #ececf6;\n}\n\n.list-group-item-light.list-group-item-action.active {\n color: #fff;\n background-color: #818182;\n border-color: #818182;\n}\n\n.list-group-item-dark {\n color: #1b1e21;\n background-color: #c6c8ca;\n}\n\n.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {\n color: #1b1e21;\n background-color: #b9bbbe;\n}\n\n.list-group-item-dark.list-group-item-action.active {\n color: #fff;\n background-color: #1b1e21;\n border-color: #1b1e21;\n}\n\n.close {\n float: right;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n.close:hover, .close:focus {\n color: #000;\n text-decoration: none;\n opacity: .75;\n}\n\n.close:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n\n.modal-open {\n overflow: hidden;\n}\n\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n display: none;\n overflow: hidden;\n outline: 0;\n}\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n}\n\n.modal.fade .modal-dialog {\n transition: -webkit-transform 0.3s ease-out;\n transition: transform 0.3s ease-out;\n transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;\n -webkit-transform: translate(0, -25%);\n transform: translate(0, -25%);\n}\n\n.modal.show .modal-dialog {\n -webkit-transform: translate(0, 0);\n transform: translate(0, 0);\n}\n\n.modal-dialog-centered {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n min-height: calc(100% - (0.5rem * 2));\n}\n\n.modal-content {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n outline: 0;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000;\n}\n\n.modal-backdrop.fade {\n opacity: 0;\n}\n\n.modal-backdrop.show {\n opacity: 0.5;\n}\n\n.modal-header {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 1rem;\n border-bottom: 1px solid #e9ecef;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n\n.modal-header .close {\n padding: 1rem;\n margin: -1rem -1rem -1rem auto;\n}\n\n.modal-title {\n margin-bottom: 0;\n line-height: 1.5;\n}\n\n.modal-body {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n padding: 1rem;\n}\n\n.modal-footer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n padding: 1rem;\n border-top: 1px solid #e9ecef;\n}\n\n.modal-footer > :not(:first-child) {\n margin-left: .25rem;\n}\n\n.modal-footer > :not(:last-child) {\n margin-right: .25rem;\n}\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 500px;\n margin: 1.75rem auto;\n }\n .modal-dialog-centered {\n min-height: calc(100% - (1.75rem * 2));\n }\n .modal-sm {\n max-width: 300px;\n }\n}\n\n@media (min-width: 992px) {\n .modal-lg {\n max-width: 800px;\n }\n}\n\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n opacity: 0;\n}\n\n.tooltip.show {\n opacity: 0.9;\n}\n\n.tooltip .arrow {\n position: absolute;\n display: block;\n width: 0.8rem;\n height: 0.4rem;\n}\n\n.tooltip .arrow::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-tooltip-top, .bs-tooltip-auto[x-placement^=\"top\"] {\n padding: 0.4rem 0;\n}\n\n.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=\"top\"] .arrow {\n bottom: 0;\n}\n\n.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n top: 0;\n border-width: 0.4rem 0.4rem 0;\n border-top-color: #000;\n}\n\n.bs-tooltip-right, .bs-tooltip-auto[x-placement^=\"right\"] {\n padding: 0 0.4rem;\n}\n\n.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=\"right\"] .arrow {\n left: 0;\n width: 0.4rem;\n height: 0.8rem;\n}\n\n.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n right: 0;\n border-width: 0.4rem 0.4rem 0.4rem 0;\n border-right-color: #000;\n}\n\n.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=\"bottom\"] {\n padding: 0.4rem 0;\n}\n\n.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow {\n top: 0;\n}\n\n.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n bottom: 0;\n border-width: 0 0.4rem 0.4rem;\n border-bottom-color: #000;\n}\n\n.bs-tooltip-left, .bs-tooltip-auto[x-placement^=\"left\"] {\n padding: 0 0.4rem;\n}\n\n.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=\"left\"] .arrow {\n right: 0;\n width: 0.4rem;\n height: 0.8rem;\n}\n\n.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem 0.4rem;\n border-left-color: #000;\n}\n\n.tooltip-inner {\n max-width: 200px;\n padding: 0.25rem 0.5rem;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 0.25rem;\n}\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: block;\n max-width: 276px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n}\n\n.popover .arrow {\n position: absolute;\n display: block;\n width: 1rem;\n height: 0.5rem;\n margin: 0 0.3rem;\n}\n\n.popover .arrow::before, .popover .arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-popover-top, .bs-popover-auto[x-placement^=\"top\"] {\n margin-bottom: 0.5rem;\n}\n\n.bs-popover-top .arrow, .bs-popover-auto[x-placement^=\"top\"] .arrow {\n bottom: calc((0.5rem + 1px) * -1);\n}\n\n.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before,\n.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0;\n}\n\n.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before {\n bottom: 0;\n border-top-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n bottom: 1px;\n border-top-color: #fff;\n}\n\n.bs-popover-right, .bs-popover-auto[x-placement^=\"right\"] {\n margin-left: 0.5rem;\n}\n\n.bs-popover-right .arrow, .bs-popover-auto[x-placement^=\"right\"] .arrow {\n left: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0;\n}\n\n.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before,\n.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0.5rem 0;\n}\n\n.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before {\n left: 0;\n border-right-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n left: 1px;\n border-right-color: #fff;\n}\n\n.bs-popover-bottom, .bs-popover-auto[x-placement^=\"bottom\"] {\n margin-top: 0.5rem;\n}\n\n.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=\"bottom\"] .arrow {\n top: calc((0.5rem + 1px) * -1);\n}\n\n.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before,\n.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n border-width: 0 0.5rem 0.5rem 0.5rem;\n}\n\n.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before {\n top: 0;\n border-bottom-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n top: 1px;\n border-bottom-color: #fff;\n}\n\n.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 1rem;\n margin-left: -0.5rem;\n content: \"\";\n border-bottom: 1px solid #f7f7f7;\n}\n\n.bs-popover-left, .bs-popover-auto[x-placement^=\"left\"] {\n margin-right: 0.5rem;\n}\n\n.bs-popover-left .arrow, .bs-popover-auto[x-placement^=\"left\"] .arrow {\n right: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0;\n}\n\n.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before,\n.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n border-width: 0.5rem 0 0.5rem 0.5rem;\n}\n\n.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before {\n right: 0;\n border-left-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n right: 1px;\n border-left-color: #fff;\n}\n\n.popover-header {\n padding: 0.5rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n color: inherit;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-top-left-radius: calc(0.3rem - 1px);\n border-top-right-radius: calc(0.3rem - 1px);\n}\n\n.popover-header:empty {\n display: none;\n}\n\n.popover-body {\n padding: 0.5rem 0.75rem;\n color: #212529;\n}\n\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n.carousel-item {\n position: relative;\n display: none;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: 100%;\n transition: -webkit-transform 0.6s ease;\n transition: transform 0.6s ease;\n transition: transform 0.6s ease, -webkit-transform 0.6s ease;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-perspective: 1000px;\n perspective: 1000px;\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block;\n}\n\n.carousel-item-next,\n.carousel-item-prev {\n position: absolute;\n top: 0;\n}\n\n.carousel-item-next.carousel-item-left,\n.carousel-item-prev.carousel-item-right {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {\n .carousel-item-next.carousel-item-left,\n .carousel-item-prev.carousel-item-right {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.carousel-item-next,\n.active.carousel-item-right {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {\n .carousel-item-next,\n .active.carousel-item-right {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.carousel-item-prev,\n.active.carousel-item-left {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\n\n@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {\n .carousel-item-prev,\n .active.carousel-item-left {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 15%;\n color: #fff;\n text-align: center;\n opacity: 0.5;\n}\n\n.carousel-control-prev:hover, .carousel-control-prev:focus,\n.carousel-control-next:hover,\n.carousel-control-next:focus {\n color: #fff;\n text-decoration: none;\n outline: 0;\n opacity: .9;\n}\n\n.carousel-control-prev {\n left: 0;\n}\n\n.carousel-control-next {\n right: 0;\n}\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: transparent no-repeat center center;\n background-size: 100% 100%;\n}\n\n.carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\");\n}\n\n.carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\");\n}\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 10px;\n left: 0;\n z-index: 15;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n padding-left: 0;\n margin-right: 15%;\n margin-left: 15%;\n list-style: none;\n}\n\n.carousel-indicators li {\n position: relative;\n -webkit-box-flex: 0;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n margin-right: 3px;\n margin-left: 3px;\n text-indent: -999px;\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.carousel-indicators li::before {\n position: absolute;\n top: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n}\n\n.carousel-indicators li::after {\n position: absolute;\n bottom: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n}\n\n.carousel-indicators .active {\n background-color: #fff;\n}\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: #fff;\n text-align: center;\n}\n\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.align-top {\n vertical-align: top !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n\n.align-bottom {\n vertical-align: bottom !important;\n}\n\n.align-text-bottom {\n vertical-align: text-bottom !important;\n}\n\n.align-text-top {\n vertical-align: text-top !important;\n}\n\n.bg-primary {\n background-color: #007bff !important;\n}\n\na.bg-primary:hover, a.bg-primary:focus,\nbutton.bg-primary:hover,\nbutton.bg-primary:focus {\n background-color: #0062cc !important;\n}\n\n.bg-secondary {\n background-color: #6c757d !important;\n}\n\na.bg-secondary:hover, a.bg-secondary:focus,\nbutton.bg-secondary:hover,\nbutton.bg-secondary:focus {\n background-color: #545b62 !important;\n}\n\n.bg-success {\n background-color: #28a745 !important;\n}\n\na.bg-success:hover, a.bg-success:focus,\nbutton.bg-success:hover,\nbutton.bg-success:focus {\n background-color: #1e7e34 !important;\n}\n\n.bg-info {\n background-color: #17a2b8 !important;\n}\n\na.bg-info:hover, a.bg-info:focus,\nbutton.bg-info:hover,\nbutton.bg-info:focus {\n background-color: #117a8b !important;\n}\n\n.bg-warning {\n background-color: #ffc107 !important;\n}\n\na.bg-warning:hover, a.bg-warning:focus,\nbutton.bg-warning:hover,\nbutton.bg-warning:focus {\n background-color: #d39e00 !important;\n}\n\n.bg-danger {\n background-color: #dc3545 !important;\n}\n\na.bg-danger:hover, a.bg-danger:focus,\nbutton.bg-danger:hover,\nbutton.bg-danger:focus {\n background-color: #bd2130 !important;\n}\n\n.bg-light {\n background-color: #f8f9fa !important;\n}\n\na.bg-light:hover, a.bg-light:focus,\nbutton.bg-light:hover,\nbutton.bg-light:focus {\n background-color: #dae0e5 !important;\n}\n\n.bg-dark {\n background-color: #343a40 !important;\n}\n\na.bg-dark:hover, a.bg-dark:focus,\nbutton.bg-dark:hover,\nbutton.bg-dark:focus {\n background-color: #1d2124 !important;\n}\n\n.bg-white {\n background-color: #fff !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n\n.border {\n border: 1px solid #dee2e6 !important;\n}\n\n.border-top {\n border-top: 1px solid #dee2e6 !important;\n}\n\n.border-right {\n border-right: 1px solid #dee2e6 !important;\n}\n\n.border-bottom {\n border-bottom: 1px solid #dee2e6 !important;\n}\n\n.border-left {\n border-left: 1px solid #dee2e6 !important;\n}\n\n.border-0 {\n border: 0 !important;\n}\n\n.border-top-0 {\n border-top: 0 !important;\n}\n\n.border-right-0 {\n border-right: 0 !important;\n}\n\n.border-bottom-0 {\n border-bottom: 0 !important;\n}\n\n.border-left-0 {\n border-left: 0 !important;\n}\n\n.border-primary {\n border-color: #007bff !important;\n}\n\n.border-secondary {\n border-color: #6c757d !important;\n}\n\n.border-success {\n border-color: #28a745 !important;\n}\n\n.border-info {\n border-color: #17a2b8 !important;\n}\n\n.border-warning {\n border-color: #ffc107 !important;\n}\n\n.border-danger {\n border-color: #dc3545 !important;\n}\n\n.border-light {\n border-color: #f8f9fa !important;\n}\n\n.border-dark {\n border-color: #343a40 !important;\n}\n\n.border-white {\n border-color: #fff !important;\n}\n\n.rounded {\n border-radius: 0.25rem !important;\n}\n\n.rounded-top {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important;\n}\n\n.rounded-right {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n}\n\n.rounded-bottom {\n border-bottom-right-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n}\n\n.rounded-left {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n}\n\n.rounded-circle {\n border-radius: 50% !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n\n.clearfix::after {\n display: block;\n clear: both;\n content: \"\";\n}\n\n.d-none {\n display: none !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-table {\n display: table !important;\n}\n\n.d-table-row {\n display: table-row !important;\n}\n\n.d-table-cell {\n display: table-cell !important;\n}\n\n.d-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n}\n\n.d-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n}\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important;\n }\n .d-sm-inline {\n display: inline !important;\n }\n .d-sm-inline-block {\n display: inline-block !important;\n }\n .d-sm-block {\n display: block !important;\n }\n .d-sm-table {\n display: table !important;\n }\n .d-sm-table-row {\n display: table-row !important;\n }\n .d-sm-table-cell {\n display: table-cell !important;\n }\n .d-sm-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-sm-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important;\n }\n .d-md-inline {\n display: inline !important;\n }\n .d-md-inline-block {\n display: inline-block !important;\n }\n .d-md-block {\n display: block !important;\n }\n .d-md-table {\n display: table !important;\n }\n .d-md-table-row {\n display: table-row !important;\n }\n .d-md-table-cell {\n display: table-cell !important;\n }\n .d-md-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-md-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important;\n }\n .d-lg-inline {\n display: inline !important;\n }\n .d-lg-inline-block {\n display: inline-block !important;\n }\n .d-lg-block {\n display: block !important;\n }\n .d-lg-table {\n display: table !important;\n }\n .d-lg-table-row {\n display: table-row !important;\n }\n .d-lg-table-cell {\n display: table-cell !important;\n }\n .d-lg-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-lg-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important;\n }\n .d-xl-inline {\n display: inline !important;\n }\n .d-xl-inline-block {\n display: inline-block !important;\n }\n .d-xl-block {\n display: block !important;\n }\n .d-xl-table {\n display: table !important;\n }\n .d-xl-table-row {\n display: table-row !important;\n }\n .d-xl-table-cell {\n display: table-cell !important;\n }\n .d-xl-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-xl-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n@media print {\n .d-print-none {\n display: none !important;\n }\n .d-print-inline {\n display: inline !important;\n }\n .d-print-inline-block {\n display: inline-block !important;\n }\n .d-print-block {\n display: block !important;\n }\n .d-print-table {\n display: table !important;\n }\n .d-print-table-row {\n display: table-row !important;\n }\n .d-print-table-cell {\n display: table-cell !important;\n }\n .d-print-flex {\n display: -webkit-box !important;\n display: -ms-flexbox !important;\n display: flex !important;\n }\n .d-print-inline-flex {\n display: -webkit-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: inline-flex !important;\n }\n}\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n}\n\n.embed-responsive::before {\n display: block;\n content: \"\";\n}\n\n.embed-responsive .embed-responsive-item,\n.embed-responsive iframe,\n.embed-responsive embed,\n.embed-responsive object,\n.embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n\n.embed-responsive-21by9::before {\n padding-top: 42.857143%;\n}\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%;\n}\n\n.embed-responsive-4by3::before {\n padding-top: 75%;\n}\n\n.embed-responsive-1by1::before {\n padding-top: 100%;\n}\n\n.flex-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n}\n\n.flex-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n}\n\n.flex-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n}\n\n.justify-content-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n}\n\n.justify-content-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n}\n\n.align-items-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n}\n\n.align-items-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n}\n\n.align-items-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n}\n\n.align-items-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n}\n\n.align-content-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n}\n\n.align-content-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n}\n\n.align-content-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n}\n\n.align-content-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n}\n\n.align-content-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n}\n\n.align-self-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n}\n\n.align-self-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n}\n\n.align-self-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n}\n\n.align-self-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n}\n\n.align-self-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n}\n\n@media (min-width: 576px) {\n .flex-sm-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n }\n .flex-sm-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n }\n .flex-sm-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n }\n .flex-sm-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n }\n .flex-sm-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n }\n .flex-sm-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n }\n .flex-sm-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-sm-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n }\n .justify-content-sm-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n }\n .justify-content-sm-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n }\n .justify-content-sm-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n }\n .justify-content-sm-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n }\n .align-items-sm-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n }\n .align-items-sm-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n }\n .align-items-sm-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n }\n .align-items-sm-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n }\n .align-items-sm-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n }\n .align-content-sm-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n }\n .align-content-sm-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n }\n .align-content-sm-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n }\n .align-content-sm-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n }\n .align-content-sm-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n }\n .align-content-sm-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n }\n .align-self-sm-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n }\n .align-self-sm-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n }\n .align-self-sm-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n }\n .align-self-sm-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n }\n .align-self-sm-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n }\n .align-self-sm-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 768px) {\n .flex-md-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n }\n .flex-md-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n }\n .flex-md-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n }\n .flex-md-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n }\n .flex-md-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n }\n .flex-md-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n }\n .flex-md-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-md-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n }\n .justify-content-md-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n }\n .justify-content-md-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n }\n .justify-content-md-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n }\n .justify-content-md-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n }\n .align-items-md-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n }\n .align-items-md-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n }\n .align-items-md-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n }\n .align-items-md-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n }\n .align-items-md-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n }\n .align-content-md-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n }\n .align-content-md-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n }\n .align-content-md-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n }\n .align-content-md-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n }\n .align-content-md-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n }\n .align-content-md-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n }\n .align-self-md-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n }\n .align-self-md-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n }\n .align-self-md-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n }\n .align-self-md-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n }\n .align-self-md-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n }\n .align-self-md-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 992px) {\n .flex-lg-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n }\n .flex-lg-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n }\n .flex-lg-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n }\n .flex-lg-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n }\n .flex-lg-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n }\n .flex-lg-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n }\n .flex-lg-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-lg-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n }\n .justify-content-lg-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n }\n .justify-content-lg-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n }\n .justify-content-lg-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n }\n .justify-content-lg-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n }\n .align-items-lg-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n }\n .align-items-lg-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n }\n .align-items-lg-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n }\n .align-items-lg-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n }\n .align-items-lg-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n }\n .align-content-lg-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n }\n .align-content-lg-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n }\n .align-content-lg-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n }\n .align-content-lg-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n }\n .align-content-lg-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n }\n .align-content-lg-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n }\n .align-self-lg-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n }\n .align-self-lg-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n }\n .align-self-lg-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n }\n .align-self-lg-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n }\n .align-self-lg-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n }\n .align-self-lg-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: row !important;\n flex-direction: row !important;\n }\n .flex-xl-column {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: normal !important;\n -ms-flex-direction: column !important;\n flex-direction: column !important;\n }\n .flex-xl-row-reverse {\n -webkit-box-orient: horizontal !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: row-reverse !important;\n flex-direction: row-reverse !important;\n }\n .flex-xl-column-reverse {\n -webkit-box-orient: vertical !important;\n -webkit-box-direction: reverse !important;\n -ms-flex-direction: column-reverse !important;\n flex-direction: column-reverse !important;\n }\n .flex-xl-wrap {\n -ms-flex-wrap: wrap !important;\n flex-wrap: wrap !important;\n }\n .flex-xl-nowrap {\n -ms-flex-wrap: nowrap !important;\n flex-wrap: nowrap !important;\n }\n .flex-xl-wrap-reverse {\n -ms-flex-wrap: wrap-reverse !important;\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-xl-start {\n -webkit-box-pack: start !important;\n -ms-flex-pack: start !important;\n justify-content: flex-start !important;\n }\n .justify-content-xl-end {\n -webkit-box-pack: end !important;\n -ms-flex-pack: end !important;\n justify-content: flex-end !important;\n }\n .justify-content-xl-center {\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n justify-content: center !important;\n }\n .justify-content-xl-between {\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n justify-content: space-between !important;\n }\n .justify-content-xl-around {\n -ms-flex-pack: distribute !important;\n justify-content: space-around !important;\n }\n .align-items-xl-start {\n -webkit-box-align: start !important;\n -ms-flex-align: start !important;\n align-items: flex-start !important;\n }\n .align-items-xl-end {\n -webkit-box-align: end !important;\n -ms-flex-align: end !important;\n align-items: flex-end !important;\n }\n .align-items-xl-center {\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n align-items: center !important;\n }\n .align-items-xl-baseline {\n -webkit-box-align: baseline !important;\n -ms-flex-align: baseline !important;\n align-items: baseline !important;\n }\n .align-items-xl-stretch {\n -webkit-box-align: stretch !important;\n -ms-flex-align: stretch !important;\n align-items: stretch !important;\n }\n .align-content-xl-start {\n -ms-flex-line-pack: start !important;\n align-content: flex-start !important;\n }\n .align-content-xl-end {\n -ms-flex-line-pack: end !important;\n align-content: flex-end !important;\n }\n .align-content-xl-center {\n -ms-flex-line-pack: center !important;\n align-content: center !important;\n }\n .align-content-xl-between {\n -ms-flex-line-pack: justify !important;\n align-content: space-between !important;\n }\n .align-content-xl-around {\n -ms-flex-line-pack: distribute !important;\n align-content: space-around !important;\n }\n .align-content-xl-stretch {\n -ms-flex-line-pack: stretch !important;\n align-content: stretch !important;\n }\n .align-self-xl-auto {\n -ms-flex-item-align: auto !important;\n align-self: auto !important;\n }\n .align-self-xl-start {\n -ms-flex-item-align: start !important;\n align-self: flex-start !important;\n }\n .align-self-xl-end {\n -ms-flex-item-align: end !important;\n align-self: flex-end !important;\n }\n .align-self-xl-center {\n -ms-flex-item-align: center !important;\n align-self: center !important;\n }\n .align-self-xl-baseline {\n -ms-flex-item-align: baseline !important;\n align-self: baseline !important;\n }\n .align-self-xl-stretch {\n -ms-flex-item-align: stretch !important;\n align-self: stretch !important;\n }\n}\n\n.float-left {\n float: left !important;\n}\n\n.float-right {\n float: right !important;\n}\n\n.float-none {\n float: none !important;\n}\n\n@media (min-width: 576px) {\n .float-sm-left {\n float: left !important;\n }\n .float-sm-right {\n float: right !important;\n }\n .float-sm-none {\n float: none !important;\n }\n}\n\n@media (min-width: 768px) {\n .float-md-left {\n float: left !important;\n }\n .float-md-right {\n float: right !important;\n }\n .float-md-none {\n float: none !important;\n }\n}\n\n@media (min-width: 992px) {\n .float-lg-left {\n float: left !important;\n }\n .float-lg-right {\n float: right !important;\n }\n .float-lg-none {\n float: none !important;\n }\n}\n\n@media (min-width: 1200px) {\n .float-xl-left {\n float: left !important;\n }\n .float-xl-right {\n float: right !important;\n }\n .float-xl-none {\n float: none !important;\n }\n}\n\n.position-static {\n position: static !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-sticky {\n position: -webkit-sticky !important;\n position: sticky !important;\n}\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1030;\n}\n\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n .sticky-top {\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n border: 0;\n}\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n -webkit-clip-path: none;\n clip-path: none;\n}\n\n.w-25 {\n width: 25% !important;\n}\n\n.w-50 {\n width: 50% !important;\n}\n\n.w-75 {\n width: 75% !important;\n}\n\n.w-100 {\n width: 100% !important;\n}\n\n.h-25 {\n height: 25% !important;\n}\n\n.h-50 {\n height: 50% !important;\n}\n\n.h-75 {\n height: 75% !important;\n}\n\n.h-100 {\n height: 100% !important;\n}\n\n.mw-100 {\n max-width: 100% !important;\n}\n\n.mh-100 {\n max-height: 100% !important;\n}\n\n.m-0 {\n margin: 0 !important;\n}\n\n.mt-0,\n.my-0 {\n margin-top: 0 !important;\n}\n\n.mr-0,\n.mx-0 {\n margin-right: 0 !important;\n}\n\n.mb-0,\n.my-0 {\n margin-bottom: 0 !important;\n}\n\n.ml-0,\n.mx-0 {\n margin-left: 0 !important;\n}\n\n.m-1 {\n margin: 0.25rem !important;\n}\n\n.mt-1,\n.my-1 {\n margin-top: 0.25rem !important;\n}\n\n.mr-1,\n.mx-1 {\n margin-right: 0.25rem !important;\n}\n\n.mb-1,\n.my-1 {\n margin-bottom: 0.25rem !important;\n}\n\n.ml-1,\n.mx-1 {\n margin-left: 0.25rem !important;\n}\n\n.m-2 {\n margin: 0.5rem !important;\n}\n\n.mt-2,\n.my-2 {\n margin-top: 0.5rem !important;\n}\n\n.mr-2,\n.mx-2 {\n margin-right: 0.5rem !important;\n}\n\n.mb-2,\n.my-2 {\n margin-bottom: 0.5rem !important;\n}\n\n.ml-2,\n.mx-2 {\n margin-left: 0.5rem !important;\n}\n\n.m-3 {\n margin: 1rem !important;\n}\n\n.mt-3,\n.my-3 {\n margin-top: 1rem !important;\n}\n\n.mr-3,\n.mx-3 {\n margin-right: 1rem !important;\n}\n\n.mb-3,\n.my-3 {\n margin-bottom: 1rem !important;\n}\n\n.ml-3,\n.mx-3 {\n margin-left: 1rem !important;\n}\n\n.m-4 {\n margin: 1.5rem !important;\n}\n\n.mt-4,\n.my-4 {\n margin-top: 1.5rem !important;\n}\n\n.mr-4,\n.mx-4 {\n margin-right: 1.5rem !important;\n}\n\n.mb-4,\n.my-4 {\n margin-bottom: 1.5rem !important;\n}\n\n.ml-4,\n.mx-4 {\n margin-left: 1.5rem !important;\n}\n\n.m-5 {\n margin: 3rem !important;\n}\n\n.mt-5,\n.my-5 {\n margin-top: 3rem !important;\n}\n\n.mr-5,\n.mx-5 {\n margin-right: 3rem !important;\n}\n\n.mb-5,\n.my-5 {\n margin-bottom: 3rem !important;\n}\n\n.ml-5,\n.mx-5 {\n margin-left: 3rem !important;\n}\n\n.p-0 {\n padding: 0 !important;\n}\n\n.pt-0,\n.py-0 {\n padding-top: 0 !important;\n}\n\n.pr-0,\n.px-0 {\n padding-right: 0 !important;\n}\n\n.pb-0,\n.py-0 {\n padding-bottom: 0 !important;\n}\n\n.pl-0,\n.px-0 {\n padding-left: 0 !important;\n}\n\n.p-1 {\n padding: 0.25rem !important;\n}\n\n.pt-1,\n.py-1 {\n padding-top: 0.25rem !important;\n}\n\n.pr-1,\n.px-1 {\n padding-right: 0.25rem !important;\n}\n\n.pb-1,\n.py-1 {\n padding-bottom: 0.25rem !important;\n}\n\n.pl-1,\n.px-1 {\n padding-left: 0.25rem !important;\n}\n\n.p-2 {\n padding: 0.5rem !important;\n}\n\n.pt-2,\n.py-2 {\n padding-top: 0.5rem !important;\n}\n\n.pr-2,\n.px-2 {\n padding-right: 0.5rem !important;\n}\n\n.pb-2,\n.py-2 {\n padding-bottom: 0.5rem !important;\n}\n\n.pl-2,\n.px-2 {\n padding-left: 0.5rem !important;\n}\n\n.p-3 {\n padding: 1rem !important;\n}\n\n.pt-3,\n.py-3 {\n padding-top: 1rem !important;\n}\n\n.pr-3,\n.px-3 {\n padding-right: 1rem !important;\n}\n\n.pb-3,\n.py-3 {\n padding-bottom: 1rem !important;\n}\n\n.pl-3,\n.px-3 {\n padding-left: 1rem !important;\n}\n\n.p-4 {\n padding: 1.5rem !important;\n}\n\n.pt-4,\n.py-4 {\n padding-top: 1.5rem !important;\n}\n\n.pr-4,\n.px-4 {\n padding-right: 1.5rem !important;\n}\n\n.pb-4,\n.py-4 {\n padding-bottom: 1.5rem !important;\n}\n\n.pl-4,\n.px-4 {\n padding-left: 1.5rem !important;\n}\n\n.p-5 {\n padding: 3rem !important;\n}\n\n.pt-5,\n.py-5 {\n padding-top: 3rem !important;\n}\n\n.pr-5,\n.px-5 {\n padding-right: 3rem !important;\n}\n\n.pb-5,\n.py-5 {\n padding-bottom: 3rem !important;\n}\n\n.pl-5,\n.px-5 {\n padding-left: 3rem !important;\n}\n\n.m-auto {\n margin: auto !important;\n}\n\n.mt-auto,\n.my-auto {\n margin-top: auto !important;\n}\n\n.mr-auto,\n.mx-auto {\n margin-right: auto !important;\n}\n\n.mb-auto,\n.my-auto {\n margin-bottom: auto !important;\n}\n\n.ml-auto,\n.mx-auto {\n margin-left: auto !important;\n}\n\n@media (min-width: 576px) {\n .m-sm-0 {\n margin: 0 !important;\n }\n .mt-sm-0,\n .my-sm-0 {\n margin-top: 0 !important;\n }\n .mr-sm-0,\n .mx-sm-0 {\n margin-right: 0 !important;\n }\n .mb-sm-0,\n .my-sm-0 {\n margin-bottom: 0 !important;\n }\n .ml-sm-0,\n .mx-sm-0 {\n margin-left: 0 !important;\n }\n .m-sm-1 {\n margin: 0.25rem !important;\n }\n .mt-sm-1,\n .my-sm-1 {\n margin-top: 0.25rem !important;\n }\n .mr-sm-1,\n .mx-sm-1 {\n margin-right: 0.25rem !important;\n }\n .mb-sm-1,\n .my-sm-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-sm-1,\n .mx-sm-1 {\n margin-left: 0.25rem !important;\n }\n .m-sm-2 {\n margin: 0.5rem !important;\n }\n .mt-sm-2,\n .my-sm-2 {\n margin-top: 0.5rem !important;\n }\n .mr-sm-2,\n .mx-sm-2 {\n margin-right: 0.5rem !important;\n }\n .mb-sm-2,\n .my-sm-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-sm-2,\n .mx-sm-2 {\n margin-left: 0.5rem !important;\n }\n .m-sm-3 {\n margin: 1rem !important;\n }\n .mt-sm-3,\n .my-sm-3 {\n margin-top: 1rem !important;\n }\n .mr-sm-3,\n .mx-sm-3 {\n margin-right: 1rem !important;\n }\n .mb-sm-3,\n .my-sm-3 {\n margin-bottom: 1rem !important;\n }\n .ml-sm-3,\n .mx-sm-3 {\n margin-left: 1rem !important;\n }\n .m-sm-4 {\n margin: 1.5rem !important;\n }\n .mt-sm-4,\n .my-sm-4 {\n margin-top: 1.5rem !important;\n }\n .mr-sm-4,\n .mx-sm-4 {\n margin-right: 1.5rem !important;\n }\n .mb-sm-4,\n .my-sm-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-sm-4,\n .mx-sm-4 {\n margin-left: 1.5rem !important;\n }\n .m-sm-5 {\n margin: 3rem !important;\n }\n .mt-sm-5,\n .my-sm-5 {\n margin-top: 3rem !important;\n }\n .mr-sm-5,\n .mx-sm-5 {\n margin-right: 3rem !important;\n }\n .mb-sm-5,\n .my-sm-5 {\n margin-bottom: 3rem !important;\n }\n .ml-sm-5,\n .mx-sm-5 {\n margin-left: 3rem !important;\n }\n .p-sm-0 {\n padding: 0 !important;\n }\n .pt-sm-0,\n .py-sm-0 {\n padding-top: 0 !important;\n }\n .pr-sm-0,\n .px-sm-0 {\n padding-right: 0 !important;\n }\n .pb-sm-0,\n .py-sm-0 {\n padding-bottom: 0 !important;\n }\n .pl-sm-0,\n .px-sm-0 {\n padding-left: 0 !important;\n }\n .p-sm-1 {\n padding: 0.25rem !important;\n }\n .pt-sm-1,\n .py-sm-1 {\n padding-top: 0.25rem !important;\n }\n .pr-sm-1,\n .px-sm-1 {\n padding-right: 0.25rem !important;\n }\n .pb-sm-1,\n .py-sm-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-sm-1,\n .px-sm-1 {\n padding-left: 0.25rem !important;\n }\n .p-sm-2 {\n padding: 0.5rem !important;\n }\n .pt-sm-2,\n .py-sm-2 {\n padding-top: 0.5rem !important;\n }\n .pr-sm-2,\n .px-sm-2 {\n padding-right: 0.5rem !important;\n }\n .pb-sm-2,\n .py-sm-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-sm-2,\n .px-sm-2 {\n padding-left: 0.5rem !important;\n }\n .p-sm-3 {\n padding: 1rem !important;\n }\n .pt-sm-3,\n .py-sm-3 {\n padding-top: 1rem !important;\n }\n .pr-sm-3,\n .px-sm-3 {\n padding-right: 1rem !important;\n }\n .pb-sm-3,\n .py-sm-3 {\n padding-bottom: 1rem !important;\n }\n .pl-sm-3,\n .px-sm-3 {\n padding-left: 1rem !important;\n }\n .p-sm-4 {\n padding: 1.5rem !important;\n }\n .pt-sm-4,\n .py-sm-4 {\n padding-top: 1.5rem !important;\n }\n .pr-sm-4,\n .px-sm-4 {\n padding-right: 1.5rem !important;\n }\n .pb-sm-4,\n .py-sm-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-sm-4,\n .px-sm-4 {\n padding-left: 1.5rem !important;\n }\n .p-sm-5 {\n padding: 3rem !important;\n }\n .pt-sm-5,\n .py-sm-5 {\n padding-top: 3rem !important;\n }\n .pr-sm-5,\n .px-sm-5 {\n padding-right: 3rem !important;\n }\n .pb-sm-5,\n .py-sm-5 {\n padding-bottom: 3rem !important;\n }\n .pl-sm-5,\n .px-sm-5 {\n padding-left: 3rem !important;\n }\n .m-sm-auto {\n margin: auto !important;\n }\n .mt-sm-auto,\n .my-sm-auto {\n margin-top: auto !important;\n }\n .mr-sm-auto,\n .mx-sm-auto {\n margin-right: auto !important;\n }\n .mb-sm-auto,\n .my-sm-auto {\n margin-bottom: auto !important;\n }\n .ml-sm-auto,\n .mx-sm-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 768px) {\n .m-md-0 {\n margin: 0 !important;\n }\n .mt-md-0,\n .my-md-0 {\n margin-top: 0 !important;\n }\n .mr-md-0,\n .mx-md-0 {\n margin-right: 0 !important;\n }\n .mb-md-0,\n .my-md-0 {\n margin-bottom: 0 !important;\n }\n .ml-md-0,\n .mx-md-0 {\n margin-left: 0 !important;\n }\n .m-md-1 {\n margin: 0.25rem !important;\n }\n .mt-md-1,\n .my-md-1 {\n margin-top: 0.25rem !important;\n }\n .mr-md-1,\n .mx-md-1 {\n margin-right: 0.25rem !important;\n }\n .mb-md-1,\n .my-md-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-md-1,\n .mx-md-1 {\n margin-left: 0.25rem !important;\n }\n .m-md-2 {\n margin: 0.5rem !important;\n }\n .mt-md-2,\n .my-md-2 {\n margin-top: 0.5rem !important;\n }\n .mr-md-2,\n .mx-md-2 {\n margin-right: 0.5rem !important;\n }\n .mb-md-2,\n .my-md-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-md-2,\n .mx-md-2 {\n margin-left: 0.5rem !important;\n }\n .m-md-3 {\n margin: 1rem !important;\n }\n .mt-md-3,\n .my-md-3 {\n margin-top: 1rem !important;\n }\n .mr-md-3,\n .mx-md-3 {\n margin-right: 1rem !important;\n }\n .mb-md-3,\n .my-md-3 {\n margin-bottom: 1rem !important;\n }\n .ml-md-3,\n .mx-md-3 {\n margin-left: 1rem !important;\n }\n .m-md-4 {\n margin: 1.5rem !important;\n }\n .mt-md-4,\n .my-md-4 {\n margin-top: 1.5rem !important;\n }\n .mr-md-4,\n .mx-md-4 {\n margin-right: 1.5rem !important;\n }\n .mb-md-4,\n .my-md-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-md-4,\n .mx-md-4 {\n margin-left: 1.5rem !important;\n }\n .m-md-5 {\n margin: 3rem !important;\n }\n .mt-md-5,\n .my-md-5 {\n margin-top: 3rem !important;\n }\n .mr-md-5,\n .mx-md-5 {\n margin-right: 3rem !important;\n }\n .mb-md-5,\n .my-md-5 {\n margin-bottom: 3rem !important;\n }\n .ml-md-5,\n .mx-md-5 {\n margin-left: 3rem !important;\n }\n .p-md-0 {\n padding: 0 !important;\n }\n .pt-md-0,\n .py-md-0 {\n padding-top: 0 !important;\n }\n .pr-md-0,\n .px-md-0 {\n padding-right: 0 !important;\n }\n .pb-md-0,\n .py-md-0 {\n padding-bottom: 0 !important;\n }\n .pl-md-0,\n .px-md-0 {\n padding-left: 0 !important;\n }\n .p-md-1 {\n padding: 0.25rem !important;\n }\n .pt-md-1,\n .py-md-1 {\n padding-top: 0.25rem !important;\n }\n .pr-md-1,\n .px-md-1 {\n padding-right: 0.25rem !important;\n }\n .pb-md-1,\n .py-md-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-md-1,\n .px-md-1 {\n padding-left: 0.25rem !important;\n }\n .p-md-2 {\n padding: 0.5rem !important;\n }\n .pt-md-2,\n .py-md-2 {\n padding-top: 0.5rem !important;\n }\n .pr-md-2,\n .px-md-2 {\n padding-right: 0.5rem !important;\n }\n .pb-md-2,\n .py-md-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-md-2,\n .px-md-2 {\n padding-left: 0.5rem !important;\n }\n .p-md-3 {\n padding: 1rem !important;\n }\n .pt-md-3,\n .py-md-3 {\n padding-top: 1rem !important;\n }\n .pr-md-3,\n .px-md-3 {\n padding-right: 1rem !important;\n }\n .pb-md-3,\n .py-md-3 {\n padding-bottom: 1rem !important;\n }\n .pl-md-3,\n .px-md-3 {\n padding-left: 1rem !important;\n }\n .p-md-4 {\n padding: 1.5rem !important;\n }\n .pt-md-4,\n .py-md-4 {\n padding-top: 1.5rem !important;\n }\n .pr-md-4,\n .px-md-4 {\n padding-right: 1.5rem !important;\n }\n .pb-md-4,\n .py-md-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-md-4,\n .px-md-4 {\n padding-left: 1.5rem !important;\n }\n .p-md-5 {\n padding: 3rem !important;\n }\n .pt-md-5,\n .py-md-5 {\n padding-top: 3rem !important;\n }\n .pr-md-5,\n .px-md-5 {\n padding-right: 3rem !important;\n }\n .pb-md-5,\n .py-md-5 {\n padding-bottom: 3rem !important;\n }\n .pl-md-5,\n .px-md-5 {\n padding-left: 3rem !important;\n }\n .m-md-auto {\n margin: auto !important;\n }\n .mt-md-auto,\n .my-md-auto {\n margin-top: auto !important;\n }\n .mr-md-auto,\n .mx-md-auto {\n margin-right: auto !important;\n }\n .mb-md-auto,\n .my-md-auto {\n margin-bottom: auto !important;\n }\n .ml-md-auto,\n .mx-md-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 992px) {\n .m-lg-0 {\n margin: 0 !important;\n }\n .mt-lg-0,\n .my-lg-0 {\n margin-top: 0 !important;\n }\n .mr-lg-0,\n .mx-lg-0 {\n margin-right: 0 !important;\n }\n .mb-lg-0,\n .my-lg-0 {\n margin-bottom: 0 !important;\n }\n .ml-lg-0,\n .mx-lg-0 {\n margin-left: 0 !important;\n }\n .m-lg-1 {\n margin: 0.25rem !important;\n }\n .mt-lg-1,\n .my-lg-1 {\n margin-top: 0.25rem !important;\n }\n .mr-lg-1,\n .mx-lg-1 {\n margin-right: 0.25rem !important;\n }\n .mb-lg-1,\n .my-lg-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-lg-1,\n .mx-lg-1 {\n margin-left: 0.25rem !important;\n }\n .m-lg-2 {\n margin: 0.5rem !important;\n }\n .mt-lg-2,\n .my-lg-2 {\n margin-top: 0.5rem !important;\n }\n .mr-lg-2,\n .mx-lg-2 {\n margin-right: 0.5rem !important;\n }\n .mb-lg-2,\n .my-lg-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-lg-2,\n .mx-lg-2 {\n margin-left: 0.5rem !important;\n }\n .m-lg-3 {\n margin: 1rem !important;\n }\n .mt-lg-3,\n .my-lg-3 {\n margin-top: 1rem !important;\n }\n .mr-lg-3,\n .mx-lg-3 {\n margin-right: 1rem !important;\n }\n .mb-lg-3,\n .my-lg-3 {\n margin-bottom: 1rem !important;\n }\n .ml-lg-3,\n .mx-lg-3 {\n margin-left: 1rem !important;\n }\n .m-lg-4 {\n margin: 1.5rem !important;\n }\n .mt-lg-4,\n .my-lg-4 {\n margin-top: 1.5rem !important;\n }\n .mr-lg-4,\n .mx-lg-4 {\n margin-right: 1.5rem !important;\n }\n .mb-lg-4,\n .my-lg-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-lg-4,\n .mx-lg-4 {\n margin-left: 1.5rem !important;\n }\n .m-lg-5 {\n margin: 3rem !important;\n }\n .mt-lg-5,\n .my-lg-5 {\n margin-top: 3rem !important;\n }\n .mr-lg-5,\n .mx-lg-5 {\n margin-right: 3rem !important;\n }\n .mb-lg-5,\n .my-lg-5 {\n margin-bottom: 3rem !important;\n }\n .ml-lg-5,\n .mx-lg-5 {\n margin-left: 3rem !important;\n }\n .p-lg-0 {\n padding: 0 !important;\n }\n .pt-lg-0,\n .py-lg-0 {\n padding-top: 0 !important;\n }\n .pr-lg-0,\n .px-lg-0 {\n padding-right: 0 !important;\n }\n .pb-lg-0,\n .py-lg-0 {\n padding-bottom: 0 !important;\n }\n .pl-lg-0,\n .px-lg-0 {\n padding-left: 0 !important;\n }\n .p-lg-1 {\n padding: 0.25rem !important;\n }\n .pt-lg-1,\n .py-lg-1 {\n padding-top: 0.25rem !important;\n }\n .pr-lg-1,\n .px-lg-1 {\n padding-right: 0.25rem !important;\n }\n .pb-lg-1,\n .py-lg-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-lg-1,\n .px-lg-1 {\n padding-left: 0.25rem !important;\n }\n .p-lg-2 {\n padding: 0.5rem !important;\n }\n .pt-lg-2,\n .py-lg-2 {\n padding-top: 0.5rem !important;\n }\n .pr-lg-2,\n .px-lg-2 {\n padding-right: 0.5rem !important;\n }\n .pb-lg-2,\n .py-lg-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-lg-2,\n .px-lg-2 {\n padding-left: 0.5rem !important;\n }\n .p-lg-3 {\n padding: 1rem !important;\n }\n .pt-lg-3,\n .py-lg-3 {\n padding-top: 1rem !important;\n }\n .pr-lg-3,\n .px-lg-3 {\n padding-right: 1rem !important;\n }\n .pb-lg-3,\n .py-lg-3 {\n padding-bottom: 1rem !important;\n }\n .pl-lg-3,\n .px-lg-3 {\n padding-left: 1rem !important;\n }\n .p-lg-4 {\n padding: 1.5rem !important;\n }\n .pt-lg-4,\n .py-lg-4 {\n padding-top: 1.5rem !important;\n }\n .pr-lg-4,\n .px-lg-4 {\n padding-right: 1.5rem !important;\n }\n .pb-lg-4,\n .py-lg-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-lg-4,\n .px-lg-4 {\n padding-left: 1.5rem !important;\n }\n .p-lg-5 {\n padding: 3rem !important;\n }\n .pt-lg-5,\n .py-lg-5 {\n padding-top: 3rem !important;\n }\n .pr-lg-5,\n .px-lg-5 {\n padding-right: 3rem !important;\n }\n .pb-lg-5,\n .py-lg-5 {\n padding-bottom: 3rem !important;\n }\n .pl-lg-5,\n .px-lg-5 {\n padding-left: 3rem !important;\n }\n .m-lg-auto {\n margin: auto !important;\n }\n .mt-lg-auto,\n .my-lg-auto {\n margin-top: auto !important;\n }\n .mr-lg-auto,\n .mx-lg-auto {\n margin-right: auto !important;\n }\n .mb-lg-auto,\n .my-lg-auto {\n margin-bottom: auto !important;\n }\n .ml-lg-auto,\n .mx-lg-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 1200px) {\n .m-xl-0 {\n margin: 0 !important;\n }\n .mt-xl-0,\n .my-xl-0 {\n margin-top: 0 !important;\n }\n .mr-xl-0,\n .mx-xl-0 {\n margin-right: 0 !important;\n }\n .mb-xl-0,\n .my-xl-0 {\n margin-bottom: 0 !important;\n }\n .ml-xl-0,\n .mx-xl-0 {\n margin-left: 0 !important;\n }\n .m-xl-1 {\n margin: 0.25rem !important;\n }\n .mt-xl-1,\n .my-xl-1 {\n margin-top: 0.25rem !important;\n }\n .mr-xl-1,\n .mx-xl-1 {\n margin-right: 0.25rem !important;\n }\n .mb-xl-1,\n .my-xl-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-xl-1,\n .mx-xl-1 {\n margin-left: 0.25rem !important;\n }\n .m-xl-2 {\n margin: 0.5rem !important;\n }\n .mt-xl-2,\n .my-xl-2 {\n margin-top: 0.5rem !important;\n }\n .mr-xl-2,\n .mx-xl-2 {\n margin-right: 0.5rem !important;\n }\n .mb-xl-2,\n .my-xl-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-xl-2,\n .mx-xl-2 {\n margin-left: 0.5rem !important;\n }\n .m-xl-3 {\n margin: 1rem !important;\n }\n .mt-xl-3,\n .my-xl-3 {\n margin-top: 1rem !important;\n }\n .mr-xl-3,\n .mx-xl-3 {\n margin-right: 1rem !important;\n }\n .mb-xl-3,\n .my-xl-3 {\n margin-bottom: 1rem !important;\n }\n .ml-xl-3,\n .mx-xl-3 {\n margin-left: 1rem !important;\n }\n .m-xl-4 {\n margin: 1.5rem !important;\n }\n .mt-xl-4,\n .my-xl-4 {\n margin-top: 1.5rem !important;\n }\n .mr-xl-4,\n .mx-xl-4 {\n margin-right: 1.5rem !important;\n }\n .mb-xl-4,\n .my-xl-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-xl-4,\n .mx-xl-4 {\n margin-left: 1.5rem !important;\n }\n .m-xl-5 {\n margin: 3rem !important;\n }\n .mt-xl-5,\n .my-xl-5 {\n margin-top: 3rem !important;\n }\n .mr-xl-5,\n .mx-xl-5 {\n margin-right: 3rem !important;\n }\n .mb-xl-5,\n .my-xl-5 {\n margin-bottom: 3rem !important;\n }\n .ml-xl-5,\n .mx-xl-5 {\n margin-left: 3rem !important;\n }\n .p-xl-0 {\n padding: 0 !important;\n }\n .pt-xl-0,\n .py-xl-0 {\n padding-top: 0 !important;\n }\n .pr-xl-0,\n .px-xl-0 {\n padding-right: 0 !important;\n }\n .pb-xl-0,\n .py-xl-0 {\n padding-bottom: 0 !important;\n }\n .pl-xl-0,\n .px-xl-0 {\n padding-left: 0 !important;\n }\n .p-xl-1 {\n padding: 0.25rem !important;\n }\n .pt-xl-1,\n .py-xl-1 {\n padding-top: 0.25rem !important;\n }\n .pr-xl-1,\n .px-xl-1 {\n padding-right: 0.25rem !important;\n }\n .pb-xl-1,\n .py-xl-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-xl-1,\n .px-xl-1 {\n padding-left: 0.25rem !important;\n }\n .p-xl-2 {\n padding: 0.5rem !important;\n }\n .pt-xl-2,\n .py-xl-2 {\n padding-top: 0.5rem !important;\n }\n .pr-xl-2,\n .px-xl-2 {\n padding-right: 0.5rem !important;\n }\n .pb-xl-2,\n .py-xl-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-xl-2,\n .px-xl-2 {\n padding-left: 0.5rem !important;\n }\n .p-xl-3 {\n padding: 1rem !important;\n }\n .pt-xl-3,\n .py-xl-3 {\n padding-top: 1rem !important;\n }\n .pr-xl-3,\n .px-xl-3 {\n padding-right: 1rem !important;\n }\n .pb-xl-3,\n .py-xl-3 {\n padding-bottom: 1rem !important;\n }\n .pl-xl-3,\n .px-xl-3 {\n padding-left: 1rem !important;\n }\n .p-xl-4 {\n padding: 1.5rem !important;\n }\n .pt-xl-4,\n .py-xl-4 {\n padding-top: 1.5rem !important;\n }\n .pr-xl-4,\n .px-xl-4 {\n padding-right: 1.5rem !important;\n }\n .pb-xl-4,\n .py-xl-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-xl-4,\n .px-xl-4 {\n padding-left: 1.5rem !important;\n }\n .p-xl-5 {\n padding: 3rem !important;\n }\n .pt-xl-5,\n .py-xl-5 {\n padding-top: 3rem !important;\n }\n .pr-xl-5,\n .px-xl-5 {\n padding-right: 3rem !important;\n }\n .pb-xl-5,\n .py-xl-5 {\n padding-bottom: 3rem !important;\n }\n .pl-xl-5,\n .px-xl-5 {\n padding-left: 3rem !important;\n }\n .m-xl-auto {\n margin: auto !important;\n }\n .mt-xl-auto,\n .my-xl-auto {\n margin-top: auto !important;\n }\n .mr-xl-auto,\n .mx-xl-auto {\n margin-right: auto !important;\n }\n .mb-xl-auto,\n .my-xl-auto {\n margin-bottom: auto !important;\n }\n .ml-xl-auto,\n .mx-xl-auto {\n margin-left: auto !important;\n }\n}\n\n.text-justify {\n text-align: justify !important;\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.text-left {\n text-align: left !important;\n}\n\n.text-right {\n text-align: right !important;\n}\n\n.text-center {\n text-align: center !important;\n}\n\n@media (min-width: 576px) {\n .text-sm-left {\n text-align: left !important;\n }\n .text-sm-right {\n text-align: right !important;\n }\n .text-sm-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 768px) {\n .text-md-left {\n text-align: left !important;\n }\n .text-md-right {\n text-align: right !important;\n }\n .text-md-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 992px) {\n .text-lg-left {\n text-align: left !important;\n }\n .text-lg-right {\n text-align: right !important;\n }\n .text-lg-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 1200px) {\n .text-xl-left {\n text-align: left !important;\n }\n .text-xl-right {\n text-align: right !important;\n }\n .text-xl-center {\n text-align: center !important;\n }\n}\n\n.text-lowercase {\n text-transform: lowercase !important;\n}\n\n.text-uppercase {\n text-transform: uppercase !important;\n}\n\n.text-capitalize {\n text-transform: capitalize !important;\n}\n\n.font-weight-light {\n font-weight: 300 !important;\n}\n\n.font-weight-normal {\n font-weight: 400 !important;\n}\n\n.font-weight-bold {\n font-weight: 700 !important;\n}\n\n.font-italic {\n font-style: italic !important;\n}\n\n.text-white {\n color: #fff !important;\n}\n\n.text-primary {\n color: #007bff !important;\n}\n\na.text-primary:hover, a.text-primary:focus {\n color: #0062cc !important;\n}\n\n.text-secondary {\n color: #6c757d !important;\n}\n\na.text-secondary:hover, a.text-secondary:focus {\n color: #545b62 !important;\n}\n\n.text-success {\n color: #28a745 !important;\n}\n\na.text-success:hover, a.text-success:focus {\n color: #1e7e34 !important;\n}\n\n.text-info {\n color: #17a2b8 !important;\n}\n\na.text-info:hover, a.text-info:focus {\n color: #117a8b !important;\n}\n\n.text-warning {\n color: #ffc107 !important;\n}\n\na.text-warning:hover, a.text-warning:focus {\n color: #d39e00 !important;\n}\n\n.text-danger {\n color: #dc3545 !important;\n}\n\na.text-danger:hover, a.text-danger:focus {\n color: #bd2130 !important;\n}\n\n.text-light {\n color: #f8f9fa !important;\n}\n\na.text-light:hover, a.text-light:focus {\n color: #dae0e5 !important;\n}\n\n.text-dark {\n color: #343a40 !important;\n}\n\na.text-dark:hover, a.text-dark:focus {\n color: #1d2124 !important;\n}\n\n.text-muted {\n color: #6c757d !important;\n}\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n.visible {\n visibility: visible !important;\n}\n\n.invisible {\n visibility: hidden !important;\n}\n\n@media print {\n *,\n *::before,\n *::after {\n text-shadow: none !important;\n box-shadow: none !important;\n }\n a:not(.btn) {\n text-decoration: underline;\n }\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n @page {\n size: a3;\n }\n body {\n min-width: 992px !important;\n }\n .container {\n min-width: 992px !important;\n }\n .navbar {\n display: none;\n }\n .badge {\n border: 1px solid #000;\n }\n .table {\n border-collapse: collapse !important;\n }\n .table td,\n .table th {\n background-color: #fff !important;\n }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #ddd !important;\n }\n}\n/*# sourceMappingURL=bootstrap.css.map */","/*!\n * Bootstrap v4.0.0 (https://getbootstrap.com)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n:root {\n --blue: #007bff;\n --indigo: #6610f2;\n --purple: #6f42c1;\n --pink: #e83e8c;\n --red: #dc3545;\n --orange: #fd7e14;\n --yellow: #ffc107;\n --green: #28a745;\n --teal: #20c997;\n --cyan: #17a2b8;\n --white: #fff;\n --gray: #6c757d;\n --gray-dark: #343a40;\n --primary: #007bff;\n --secondary: #6c757d;\n --success: #28a745;\n --info: #17a2b8;\n --warning: #ffc107;\n --danger: #dc3545;\n --light: #f8f9fa;\n --dark: #343a40;\n --breakpoint-xs: 0;\n --breakpoint-sm: 576px;\n --breakpoint-md: 768px;\n --breakpoint-lg: 992px;\n --breakpoint-xl: 1200px;\n --font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: 0.5rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit;\n}\n\nh1, .h1 {\n font-size: 2.5rem;\n}\n\nh2, .h2 {\n font-size: 2rem;\n}\n\nh3, .h3 {\n font-size: 1.75rem;\n}\n\nh4, .h4 {\n font-size: 1.5rem;\n}\n\nh5, .h5 {\n font-size: 1.25rem;\n}\n\nh6, .h6 {\n font-size: 1rem;\n}\n\n.lead {\n font-size: 1.25rem;\n font-weight: 300;\n}\n\n.display-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n}\n\nhr {\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\nsmall,\n.small {\n font-size: 80%;\n font-weight: 400;\n}\n\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3;\n}\n\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline-item {\n display: inline-block;\n}\n\n.list-inline-item:not(:last-child) {\n margin-right: 0.5rem;\n}\n\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n.blockquote {\n margin-bottom: 1rem;\n font-size: 1.25rem;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%;\n color: #6c757d;\n}\n\n.blockquote-footer::before {\n content: \"\\2014 \\00A0\";\n}\n\n.img-fluid {\n max-width: 100%;\n height: auto;\n}\n\n.img-thumbnail {\n padding: 0.25rem;\n background-color: #fff;\n border: 1px solid #dee2e6;\n border-radius: 0.25rem;\n max-width: 100%;\n height: auto;\n}\n\n.figure {\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: 0.5rem;\n line-height: 1;\n}\n\n.figure-caption {\n font-size: 90%;\n color: #6c757d;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\ncode {\n font-size: 87.5%;\n color: #e83e8c;\n word-break: break-word;\n}\n\na > code {\n color: inherit;\n}\n\nkbd {\n padding: 0.2rem 0.4rem;\n font-size: 87.5%;\n color: #fff;\n background-color: #212529;\n border-radius: 0.2rem;\n}\n\nkbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700;\n}\n\npre {\n display: block;\n font-size: 87.5%;\n color: #212529;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll;\n}\n\n.container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media (min-width: 576px) {\n .container {\n max-width: 540px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 720px;\n }\n}\n\n@media (min-width: 992px) {\n .container {\n max-width: 960px;\n }\n}\n\n@media (min-width: 1200px) {\n .container {\n max-width: 1140px;\n }\n}\n\n.container-fluid {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px;\n}\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0;\n}\n\n.no-gutters > .col,\n.no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n}\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n}\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n}\n\n.col-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n}\n\n.col-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n}\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%;\n}\n\n.col-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n}\n\n.col-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n}\n\n.col-6 {\n flex: 0 0 50%;\n max-width: 50%;\n}\n\n.col-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n}\n\n.col-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n}\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%;\n}\n\n.col-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n}\n\n.col-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n}\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n}\n\n.order-first {\n order: -1;\n}\n\n.order-last {\n order: 13;\n}\n\n.order-0 {\n order: 0;\n}\n\n.order-1 {\n order: 1;\n}\n\n.order-2 {\n order: 2;\n}\n\n.order-3 {\n order: 3;\n}\n\n.order-4 {\n order: 4;\n}\n\n.order-5 {\n order: 5;\n}\n\n.order-6 {\n order: 6;\n}\n\n.order-7 {\n order: 7;\n}\n\n.order-8 {\n order: 8;\n}\n\n.order-9 {\n order: 9;\n}\n\n.order-10 {\n order: 10;\n}\n\n.order-11 {\n order: 11;\n}\n\n.order-12 {\n order: 12;\n}\n\n.offset-1 {\n margin-left: 8.333333%;\n}\n\n.offset-2 {\n margin-left: 16.666667%;\n}\n\n.offset-3 {\n margin-left: 25%;\n}\n\n.offset-4 {\n margin-left: 33.333333%;\n}\n\n.offset-5 {\n margin-left: 41.666667%;\n}\n\n.offset-6 {\n margin-left: 50%;\n}\n\n.offset-7 {\n margin-left: 58.333333%;\n}\n\n.offset-8 {\n margin-left: 66.666667%;\n}\n\n.offset-9 {\n margin-left: 75%;\n}\n\n.offset-10 {\n margin-left: 83.333333%;\n}\n\n.offset-11 {\n margin-left: 91.666667%;\n}\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-sm-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-sm-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-sm-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-sm-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-sm-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-sm-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-sm-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-sm-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-sm-first {\n order: -1;\n }\n .order-sm-last {\n order: 13;\n }\n .order-sm-0 {\n order: 0;\n }\n .order-sm-1 {\n order: 1;\n }\n .order-sm-2 {\n order: 2;\n }\n .order-sm-3 {\n order: 3;\n }\n .order-sm-4 {\n order: 4;\n }\n .order-sm-5 {\n order: 5;\n }\n .order-sm-6 {\n order: 6;\n }\n .order-sm-7 {\n order: 7;\n }\n .order-sm-8 {\n order: 8;\n }\n .order-sm-9 {\n order: 9;\n }\n .order-sm-10 {\n order: 10;\n }\n .order-sm-11 {\n order: 11;\n }\n .order-sm-12 {\n order: 12;\n }\n .offset-sm-0 {\n margin-left: 0;\n }\n .offset-sm-1 {\n margin-left: 8.333333%;\n }\n .offset-sm-2 {\n margin-left: 16.666667%;\n }\n .offset-sm-3 {\n margin-left: 25%;\n }\n .offset-sm-4 {\n margin-left: 33.333333%;\n }\n .offset-sm-5 {\n margin-left: 41.666667%;\n }\n .offset-sm-6 {\n margin-left: 50%;\n }\n .offset-sm-7 {\n margin-left: 58.333333%;\n }\n .offset-sm-8 {\n margin-left: 66.666667%;\n }\n .offset-sm-9 {\n margin-left: 75%;\n }\n .offset-sm-10 {\n margin-left: 83.333333%;\n }\n .offset-sm-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-md-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-md-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-md-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-md-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-md-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-md-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-md-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-md-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-md-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-md-first {\n order: -1;\n }\n .order-md-last {\n order: 13;\n }\n .order-md-0 {\n order: 0;\n }\n .order-md-1 {\n order: 1;\n }\n .order-md-2 {\n order: 2;\n }\n .order-md-3 {\n order: 3;\n }\n .order-md-4 {\n order: 4;\n }\n .order-md-5 {\n order: 5;\n }\n .order-md-6 {\n order: 6;\n }\n .order-md-7 {\n order: 7;\n }\n .order-md-8 {\n order: 8;\n }\n .order-md-9 {\n order: 9;\n }\n .order-md-10 {\n order: 10;\n }\n .order-md-11 {\n order: 11;\n }\n .order-md-12 {\n order: 12;\n }\n .offset-md-0 {\n margin-left: 0;\n }\n .offset-md-1 {\n margin-left: 8.333333%;\n }\n .offset-md-2 {\n margin-left: 16.666667%;\n }\n .offset-md-3 {\n margin-left: 25%;\n }\n .offset-md-4 {\n margin-left: 33.333333%;\n }\n .offset-md-5 {\n margin-left: 41.666667%;\n }\n .offset-md-6 {\n margin-left: 50%;\n }\n .offset-md-7 {\n margin-left: 58.333333%;\n }\n .offset-md-8 {\n margin-left: 66.666667%;\n }\n .offset-md-9 {\n margin-left: 75%;\n }\n .offset-md-10 {\n margin-left: 83.333333%;\n }\n .offset-md-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-lg-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-lg-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-lg-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-lg-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-lg-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-lg-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-lg-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-lg-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-lg-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-lg-first {\n order: -1;\n }\n .order-lg-last {\n order: 13;\n }\n .order-lg-0 {\n order: 0;\n }\n .order-lg-1 {\n order: 1;\n }\n .order-lg-2 {\n order: 2;\n }\n .order-lg-3 {\n order: 3;\n }\n .order-lg-4 {\n order: 4;\n }\n .order-lg-5 {\n order: 5;\n }\n .order-lg-6 {\n order: 6;\n }\n .order-lg-7 {\n order: 7;\n }\n .order-lg-8 {\n order: 8;\n }\n .order-lg-9 {\n order: 9;\n }\n .order-lg-10 {\n order: 10;\n }\n .order-lg-11 {\n order: 11;\n }\n .order-lg-12 {\n order: 12;\n }\n .offset-lg-0 {\n margin-left: 0;\n }\n .offset-lg-1 {\n margin-left: 8.333333%;\n }\n .offset-lg-2 {\n margin-left: 16.666667%;\n }\n .offset-lg-3 {\n margin-left: 25%;\n }\n .offset-lg-4 {\n margin-left: 33.333333%;\n }\n .offset-lg-5 {\n margin-left: 41.666667%;\n }\n .offset-lg-6 {\n margin-left: 50%;\n }\n .offset-lg-7 {\n margin-left: 58.333333%;\n }\n .offset-lg-8 {\n margin-left: 66.666667%;\n }\n .offset-lg-9 {\n margin-left: 75%;\n }\n .offset-lg-10 {\n margin-left: 83.333333%;\n }\n .offset-lg-11 {\n margin-left: 91.666667%;\n }\n}\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none;\n }\n .col-xl-1 {\n flex: 0 0 8.333333%;\n max-width: 8.333333%;\n }\n .col-xl-2 {\n flex: 0 0 16.666667%;\n max-width: 16.666667%;\n }\n .col-xl-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n .col-xl-4 {\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n .col-xl-5 {\n flex: 0 0 41.666667%;\n max-width: 41.666667%;\n }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n .col-xl-7 {\n flex: 0 0 58.333333%;\n max-width: 58.333333%;\n }\n .col-xl-8 {\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n .col-xl-10 {\n flex: 0 0 83.333333%;\n max-width: 83.333333%;\n }\n .col-xl-11 {\n flex: 0 0 91.666667%;\n max-width: 91.666667%;\n }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n .order-xl-first {\n order: -1;\n }\n .order-xl-last {\n order: 13;\n }\n .order-xl-0 {\n order: 0;\n }\n .order-xl-1 {\n order: 1;\n }\n .order-xl-2 {\n order: 2;\n }\n .order-xl-3 {\n order: 3;\n }\n .order-xl-4 {\n order: 4;\n }\n .order-xl-5 {\n order: 5;\n }\n .order-xl-6 {\n order: 6;\n }\n .order-xl-7 {\n order: 7;\n }\n .order-xl-8 {\n order: 8;\n }\n .order-xl-9 {\n order: 9;\n }\n .order-xl-10 {\n order: 10;\n }\n .order-xl-11 {\n order: 11;\n }\n .order-xl-12 {\n order: 12;\n }\n .offset-xl-0 {\n margin-left: 0;\n }\n .offset-xl-1 {\n margin-left: 8.333333%;\n }\n .offset-xl-2 {\n margin-left: 16.666667%;\n }\n .offset-xl-3 {\n margin-left: 25%;\n }\n .offset-xl-4 {\n margin-left: 33.333333%;\n }\n .offset-xl-5 {\n margin-left: 41.666667%;\n }\n .offset-xl-6 {\n margin-left: 50%;\n }\n .offset-xl-7 {\n margin-left: 58.333333%;\n }\n .offset-xl-8 {\n margin-left: 66.666667%;\n }\n .offset-xl-9 {\n margin-left: 75%;\n }\n .offset-xl-10 {\n margin-left: 83.333333%;\n }\n .offset-xl-11 {\n margin-left: 91.666667%;\n }\n}\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1rem;\n background-color: transparent;\n}\n\n.table th,\n.table td {\n padding: 0.75rem;\n vertical-align: top;\n border-top: 1px solid #dee2e6;\n}\n\n.table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6;\n}\n\n.table tbody + tbody {\n border-top: 2px solid #dee2e6;\n}\n\n.table .table {\n background-color: #fff;\n}\n\n.table-sm th,\n.table-sm td {\n padding: 0.3rem;\n}\n\n.table-bordered {\n border: 1px solid #dee2e6;\n}\n\n.table-bordered th,\n.table-bordered td {\n border: 1px solid #dee2e6;\n}\n\n.table-bordered thead th,\n.table-bordered thead td {\n border-bottom-width: 2px;\n}\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.table-hover tbody tr:hover {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #b8daff;\n}\n\n.table-hover .table-primary:hover {\n background-color: #9fcdff;\n}\n\n.table-hover .table-primary:hover > td,\n.table-hover .table-primary:hover > th {\n background-color: #9fcdff;\n}\n\n.table-secondary,\n.table-secondary > th,\n.table-secondary > td {\n background-color: #d6d8db;\n}\n\n.table-hover .table-secondary:hover {\n background-color: #c8cbcf;\n}\n\n.table-hover .table-secondary:hover > td,\n.table-hover .table-secondary:hover > th {\n background-color: #c8cbcf;\n}\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #c3e6cb;\n}\n\n.table-hover .table-success:hover {\n background-color: #b1dfbb;\n}\n\n.table-hover .table-success:hover > td,\n.table-hover .table-success:hover > th {\n background-color: #b1dfbb;\n}\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #bee5eb;\n}\n\n.table-hover .table-info:hover {\n background-color: #abdde5;\n}\n\n.table-hover .table-info:hover > td,\n.table-hover .table-info:hover > th {\n background-color: #abdde5;\n}\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #ffeeba;\n}\n\n.table-hover .table-warning:hover {\n background-color: #ffe8a1;\n}\n\n.table-hover .table-warning:hover > td,\n.table-hover .table-warning:hover > th {\n background-color: #ffe8a1;\n}\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #f5c6cb;\n}\n\n.table-hover .table-danger:hover {\n background-color: #f1b0b7;\n}\n\n.table-hover .table-danger:hover > td,\n.table-hover .table-danger:hover > th {\n background-color: #f1b0b7;\n}\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fdfdfe;\n}\n\n.table-hover .table-light:hover {\n background-color: #ececf6;\n}\n\n.table-hover .table-light:hover > td,\n.table-hover .table-light:hover > th {\n background-color: #ececf6;\n}\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c6c8ca;\n}\n\n.table-hover .table-dark:hover {\n background-color: #b9bbbe;\n}\n\n.table-hover .table-dark:hover > td,\n.table-hover .table-dark:hover > th {\n background-color: #b9bbbe;\n}\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-hover .table-active:hover {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table-hover .table-active:hover > td,\n.table-hover .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075);\n}\n\n.table .thead-dark th {\n color: #fff;\n background-color: #212529;\n border-color: #32383e;\n}\n\n.table .thead-light th {\n color: #495057;\n background-color: #e9ecef;\n border-color: #dee2e6;\n}\n\n.table-dark {\n color: #fff;\n background-color: #212529;\n}\n\n.table-dark th,\n.table-dark td,\n.table-dark thead th {\n border-color: #32383e;\n}\n\n.table-dark.table-bordered {\n border: 0;\n}\n\n.table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05);\n}\n\n.table-dark.table-hover tbody tr:hover {\n background-color: rgba(255, 255, 255, 0.075);\n}\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-sm > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-md > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-lg > .table-bordered {\n border: 0;\n }\n}\n\n@media (max-width: 1199.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .table-responsive-xl > .table-bordered {\n border: 0;\n }\n}\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.table-responsive > .table-bordered {\n border: 0;\n}\n\n.form-control {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.form-control::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n\n.form-control:focus {\n color: #495057;\n background-color: #fff;\n border-color: #80bdff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.form-control::placeholder {\n color: #6c757d;\n opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n}\n\nselect.form-control:not([size]):not([multiple]) {\n height: calc(2.25rem + 2px);\n}\n\nselect.form-control:focus::-ms-value {\n color: #495057;\n background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n.col-form-label {\n padding-top: calc(0.375rem + 1px);\n padding-bottom: calc(0.375rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.5;\n}\n\n.col-form-label-lg {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 1.25rem;\n line-height: 1.5;\n}\n\n.col-form-label-sm {\n padding-top: calc(0.25rem + 1px);\n padding-bottom: calc(0.25rem + 1px);\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n margin-bottom: 0;\n line-height: 1.5;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,\n.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,\n.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,\n.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,\n.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,\n.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,\n.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,\n.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,\n.input-group-lg > .input-group-append > .form-control-plaintext.btn {\n padding-right: 0;\n padding-left: 0;\n}\n\n.form-control-sm, .input-group-sm > .form-control,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n}\n\nselect.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(1.8125rem + 2px);\n}\n\n.form-control-lg, .input-group-lg > .form-control,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.5;\n border-radius: 0.3rem;\n}\n\nselect.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(2.875rem + 2px);\n}\n\n.form-group {\n margin-bottom: 1rem;\n}\n\n.form-text {\n display: block;\n margin-top: 0.25rem;\n}\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px;\n}\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem;\n}\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n color: #6c757d;\n}\n\n.form-check-label {\n margin-bottom: 0;\n}\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0;\n}\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #28a745;\n}\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(40, 167, 69, 0.8);\n border-radius: .2rem;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid, .was-validated\n.custom-select:valid,\n.custom-select.is-valid {\n border-color: #28a745;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated\n.custom-select:valid:focus,\n.custom-select.is-valid:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip, .was-validated\n.custom-select:valid ~ .valid-feedback,\n.was-validated\n.custom-select:valid ~ .valid-tooltip,\n.custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #28a745;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #28a745;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n background-color: #71dd8a;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n background-color: #34ce57;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #28a745;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {\n border-color: inherit;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);\n}\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #dc3545;\n}\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(220, 53, 69, 0.8);\n border-radius: .2rem;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated\n.custom-select:invalid,\n.custom-select.is-invalid {\n border-color: #dc3545;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated\n.custom-select:invalid:focus,\n.custom-select.is-invalid:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip, .was-validated\n.custom-select:invalid ~ .invalid-feedback,\n.was-validated\n.custom-select:invalid ~ .invalid-tooltip,\n.custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #dc3545;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #dc3545;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n background-color: #efa2a9;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n background-color: #e4606d;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #dc3545;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {\n border-color: inherit;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);\n}\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n}\n\n.form-inline .form-check {\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .form-inline label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n .form-inline .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n .form-inline .form-control-plaintext {\n display: inline-block;\n }\n .form-inline .input-group {\n width: auto;\n }\n .form-inline .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .form-inline .form-check-input {\n position: relative;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0;\n }\n .form-inline .custom-control {\n align-items: center;\n justify-content: center;\n }\n .form-inline .custom-control-label {\n margin-bottom: 0;\n }\n}\n\n.btn {\n display: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n font-size: 1rem;\n line-height: 1.5;\n border-radius: 0.25rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.btn:hover, .btn:focus {\n text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.btn.disabled, .btn:disabled {\n opacity: 0.65;\n}\n\n.btn:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {\n background-image: none;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n.btn-primary {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-primary:hover {\n color: #fff;\n background-color: #0069d9;\n border-color: #0062cc;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #0062cc;\n border-color: #005cbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-secondary {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-secondary:hover {\n color: #fff;\n background-color: #5a6268;\n border-color: #545b62;\n}\n\n.btn-secondary:focus, .btn-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-secondary.disabled, .btn-secondary:disabled {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,\n.show > .btn-secondary.dropdown-toggle {\n color: #fff;\n background-color: #545b62;\n border-color: #4e555b;\n}\n\n.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-success {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-success:hover {\n color: #fff;\n background-color: #218838;\n border-color: #1e7e34;\n}\n\n.btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #1e7e34;\n border-color: #1c7430;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-info {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-info:hover {\n color: #fff;\n background-color: #138496;\n border-color: #117a8b;\n}\n\n.btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n color: #fff;\n background-color: #117a8b;\n border-color: #10707f;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-warning {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-warning:hover {\n color: #212529;\n background-color: #e0a800;\n border-color: #d39e00;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n color: #212529;\n background-color: #d39e00;\n border-color: #c69500;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-danger {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-danger:hover {\n color: #fff;\n background-color: #c82333;\n border-color: #bd2130;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #bd2130;\n border-color: #b21f2d;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-light {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-light:hover {\n color: #212529;\n background-color: #e2e6ea;\n border-color: #dae0e5;\n}\n\n.btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #dae0e5;\n border-color: #d3d9df;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-dark {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-dark:hover {\n color: #fff;\n background-color: #23272b;\n border-color: #1d2124;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #1d2124;\n border-color: #171a1d;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-outline-primary {\n color: #007bff;\n background-color: transparent;\n background-image: none;\n border-color: #007bff;\n}\n\n.btn-outline-primary:hover {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #007bff;\n background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);\n}\n\n.btn-outline-secondary {\n color: #6c757d;\n background-color: transparent;\n background-image: none;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:hover {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:focus, .btn-outline-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {\n color: #6c757d;\n background-color: transparent;\n}\n\n.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-secondary.dropdown-toggle {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d;\n}\n\n.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);\n}\n\n.btn-outline-success {\n color: #28a745;\n background-color: transparent;\n background-image: none;\n border-color: #28a745;\n}\n\n.btn-outline-success:hover {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #28a745;\n background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #28a745;\n border-color: #28a745;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);\n}\n\n.btn-outline-info {\n color: #17a2b8;\n background-color: transparent;\n background-image: none;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:hover {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #17a2b8;\n background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n color: #fff;\n background-color: #17a2b8;\n border-color: #17a2b8;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);\n}\n\n.btn-outline-warning {\n color: #ffc107;\n background-color: transparent;\n background-image: none;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:hover {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffc107;\n background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffc107;\n border-color: #ffc107;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);\n}\n\n.btn-outline-danger {\n color: #dc3545;\n background-color: transparent;\n background-image: none;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:hover {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #dc3545;\n background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #dc3545;\n border-color: #dc3545;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);\n}\n\n.btn-outline-light {\n color: #f8f9fa;\n background-color: transparent;\n background-image: none;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:hover {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #f8f9fa;\n background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #f8f9fa;\n border-color: #f8f9fa;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);\n}\n\n.btn-outline-dark {\n color: #343a40;\n background-color: transparent;\n background-image: none;\n border-color: #343a40;\n}\n\n.btn-outline-dark:hover {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #343a40;\n background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #343a40;\n border-color: #343a40;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);\n}\n\n.btn-link {\n font-weight: 400;\n color: #007bff;\n background-color: transparent;\n}\n\n.btn-link:hover {\n color: #0056b3;\n text-decoration: underline;\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n border-color: transparent;\n box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n color: #6c757d;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.5;\n border-radius: 0.3rem;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.2rem;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.fade {\n opacity: 0;\n transition: opacity 0.15s linear;\n}\n\n.fade.show {\n opacity: 1;\n}\n\n.collapse {\n display: none;\n}\n\n.collapse.show {\n display: block;\n}\n\ntr.collapse.show {\n display: table-row;\n}\n\ntbody.collapse.show {\n display: table-row-group;\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease;\n}\n\n.dropup,\n.dropdown {\n position: relative;\n}\n\n.dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-bottom: 0;\n border-left: 0.3em solid transparent;\n}\n\n.dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 1rem;\n color: #212529;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 0.25rem;\n}\n\n.dropup .dropdown-menu {\n margin-top: 0;\n margin-bottom: 0.125rem;\n}\n\n.dropup .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0;\n border-right: 0.3em solid transparent;\n border-bottom: 0.3em solid;\n border-left: 0.3em solid transparent;\n}\n\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropright .dropdown-menu {\n margin-top: 0;\n margin-left: 0.125rem;\n}\n\n.dropright .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-bottom: 0.3em solid transparent;\n border-left: 0.3em solid;\n}\n\n.dropright .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropright .dropdown-toggle::after {\n vertical-align: 0;\n}\n\n.dropleft .dropdown-menu {\n margin-top: 0;\n margin-right: 0.125rem;\n}\n\n.dropleft .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n}\n\n.dropleft .dropdown-toggle::after {\n display: none;\n}\n\n.dropleft .dropdown-toggle::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 0.255em;\n vertical-align: 0.255em;\n content: \"\";\n border-top: 0.3em solid transparent;\n border-right: 0.3em solid;\n border-bottom: 0.3em solid transparent;\n}\n\n.dropleft .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle::before {\n vertical-align: 0;\n}\n\n.dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef;\n}\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.25rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #212529;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n}\n\n.dropdown-item:hover, .dropdown-item:focus {\n color: #16181b;\n text-decoration: none;\n background-color: #f8f9fa;\n}\n\n.dropdown-item.active, .dropdown-item:active {\n color: #fff;\n text-decoration: none;\n background-color: #007bff;\n}\n\n.dropdown-item.disabled, .dropdown-item:disabled {\n color: #6c757d;\n background-color: transparent;\n}\n\n.dropdown-menu.show {\n display: block;\n}\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n color: #6c757d;\n white-space: nowrap;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 0 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-group .btn + .btn,\n.btn-group .btn + .btn-group,\n.btn-group .btn-group + .btn,\n.btn-group .btn-group + .btn-group,\n.btn-group-vertical .btn + .btn,\n.btn-group-vertical .btn + .btn-group,\n.btn-group-vertical .btn-group + .btn,\n.btn-group-vertical .btn-group + .btn-group {\n margin-left: -1px;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > .btn:first-child {\n margin-left: 0;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n padding-right: 0.5625rem;\n padding-left: 0.5625rem;\n}\n\n.dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 0.375rem;\n padding-left: 0.375rem;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 0.75rem;\n padding-left: 0.75rem;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.btn-group-vertical .btn,\n.btn-group-vertical .btn-group {\n width: 100%;\n}\n\n.btn-group-vertical > .btn + .btn,\n.btn-group-vertical > .btn + .btn-group,\n.btn-group-vertical > .btn-group + .btn,\n.btn-group-vertical > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .custom-select,\n.input-group > .custom-file {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file:focus {\n z-index: 3;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n margin-left: -1px;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n display: flex;\n align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::before {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label,\n.input-group > .custom-file:not(:first-child) .custom-file-label::before {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n position: relative;\n z-index: 2;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n margin-left: -1px;\n}\n\n.input-group-prepend {\n margin-right: -1px;\n}\n\n.input-group-append {\n margin-left: -1px;\n}\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n text-align: center;\n white-space: nowrap;\n background-color: #e9ecef;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n margin-top: 0;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.5rem;\n padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: 1rem;\n}\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n color: #fff;\n background-color: #007bff;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.custom-control-input:active ~ .custom-control-label::before {\n color: #fff;\n background-color: #b3d7ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n color: #6c757d;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #e9ecef;\n}\n\n.custom-control-label {\n margin-bottom: 0;\n}\n\n.custom-control-label::before {\n position: absolute;\n top: 0.25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: \"\";\n user-select: none;\n background-color: #dee2e6;\n}\n\n.custom-control-label::after {\n position: absolute;\n top: 0.25rem;\n left: 0;\n display: block;\n width: 1rem;\n height: 1rem;\n content: \"\";\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 0.25rem;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #007bff;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5);\n}\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n vertical-align: middle;\n background: #fff url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") no-repeat right 0.75rem center;\n background-size: 8px 10px;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n appearance: none;\n}\n\n.custom-select:focus {\n border-color: #80bdff;\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);\n}\n\n.custom-select:focus::-ms-value {\n color: #495057;\n background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none;\n}\n\n.custom-select:disabled {\n color: #6c757d;\n background-color: #e9ecef;\n}\n\n.custom-select::-ms-expand {\n opacity: 0;\n}\n\n.custom-select-sm {\n height: calc(1.8125rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 75%;\n}\n\n.custom-select-lg {\n height: calc(2.875rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 125%;\n}\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin-bottom: 0;\n}\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin: 0;\n opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-control {\n border-color: #80bdff;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.custom-file-input:focus ~ .custom-file-control::before {\n border-color: #80bdff;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Browse\";\n}\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n}\n\n.custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(calc(2.25rem + 2px) - 1px * 2);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n content: \"Browse\";\n background-color: #e9ecef;\n border-left: 1px solid #ced4da;\n border-radius: 0 0.25rem 0.25rem 0;\n}\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: 0.5rem 1rem;\n}\n\n.nav-link:hover, .nav-link:focus {\n text-decoration: none;\n}\n\n.nav-link.disabled {\n color: #6c757d;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #dee2e6;\n}\n\n.nav-tabs .nav-item {\n margin-bottom: -1px;\n}\n\n.nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: #e9ecef #e9ecef #dee2e6;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #6c757d;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n color: #495057;\n background-color: #fff;\n border-color: #dee2e6 #dee2e6 #fff;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-pills .nav-link {\n border-radius: 0.25rem;\n}\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #007bff;\n}\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n\n.tab-content > .active {\n display: block;\n}\n\n.navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 1rem;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: 0.3125rem;\n padding-bottom: 0.3125rem;\n margin-right: 1rem;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n .navbar-expand-sm .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n .navbar-expand-md .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n .navbar-expand-lg .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n@media (max-width: 1199.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1200px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n .navbar-expand-xl .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu-right {\n right: 0;\n left: auto;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-expand .dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid rgba(0, 0, 0, 0.125);\n border-radius: 0.25rem;\n}\n\n.card > hr {\n margin-right: 0;\n margin-left: 0;\n}\n\n.card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.card-body {\n flex: 1 1 auto;\n padding: 1.25rem;\n}\n\n.card-title {\n margin-bottom: 0.75rem;\n}\n\n.card-subtitle {\n margin-top: -0.375rem;\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link:hover {\n text-decoration: none;\n}\n\n.card-link + .card-link {\n margin-left: 1.25rem;\n}\n\n.card-header {\n padding: 0.75rem 1.25rem;\n margin-bottom: 0;\n background-color: rgba(0, 0, 0, 0.03);\n border-bottom: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-header:first-child {\n border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;\n}\n\n.card-header + .list-group .list-group-item:first-child {\n border-top: 0;\n}\n\n.card-footer {\n padding: 0.75rem 1.25rem;\n background-color: rgba(0, 0, 0, 0.03);\n border-top: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.card-footer:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);\n}\n\n.card-header-tabs {\n margin-right: -0.625rem;\n margin-bottom: -0.75rem;\n margin-left: -0.625rem;\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -0.625rem;\n margin-left: -0.625rem;\n}\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem;\n}\n\n.card-img {\n width: 100%;\n border-radius: calc(0.25rem - 1px);\n}\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px);\n}\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(0.25rem - 1px);\n border-bottom-left-radius: calc(0.25rem - 1px);\n}\n\n.card-deck {\n display: flex;\n flex-direction: column;\n}\n\n.card-deck .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-deck {\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px;\n }\n .card-deck .card {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px;\n }\n}\n\n.card-group {\n display: flex;\n flex-direction: column;\n}\n\n.card-group > .card {\n margin-bottom: 15px;\n}\n\n@media (min-width: 576px) {\n .card-group {\n flex-flow: row wrap;\n }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0;\n }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0;\n }\n .card-group > .card:first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n .card-group > .card:first-child .card-img-top,\n .card-group > .card:first-child .card-header {\n border-top-right-radius: 0;\n }\n .card-group > .card:first-child .card-img-bottom,\n .card-group > .card:first-child .card-footer {\n border-bottom-right-radius: 0;\n }\n .card-group > .card:last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n .card-group > .card:last-child .card-img-top,\n .card-group > .card:last-child .card-header {\n border-top-left-radius: 0;\n }\n .card-group > .card:last-child .card-img-bottom,\n .card-group > .card:last-child .card-footer {\n border-bottom-left-radius: 0;\n }\n .card-group > .card:only-child {\n border-radius: 0.25rem;\n }\n .card-group > .card:only-child .card-img-top,\n .card-group > .card:only-child .card-header {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n }\n .card-group > .card:only-child .card-img-bottom,\n .card-group > .card:only-child .card-footer {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {\n border-radius: 0;\n }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {\n border-radius: 0;\n }\n}\n\n.card-columns .card {\n margin-bottom: 0.75rem;\n}\n\n@media (min-width: 576px) {\n .card-columns {\n column-count: 3;\n column-gap: 1.25rem;\n }\n .card-columns .card {\n display: inline-block;\n width: 100%;\n }\n}\n\n.breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: 0.75rem 1rem;\n margin-bottom: 1rem;\n list-style: none;\n background-color: #e9ecef;\n border-radius: 0.25rem;\n}\n\n.breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n color: #6c757d;\n content: \"/\";\n}\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: underline;\n}\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: none;\n}\n\n.breadcrumb-item.active {\n color: #6c757d;\n}\n\n.pagination {\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 0.25rem;\n}\n\n.page-link {\n position: relative;\n display: block;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n line-height: 1.25;\n color: #007bff;\n background-color: #fff;\n border: 1px solid #dee2e6;\n}\n\n.page-link:hover {\n color: #0056b3;\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6;\n}\n\n.page-link:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n}\n\n.page-link:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\n.page-item:first-child .page-link {\n margin-left: 0;\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.page-item:last-child .page-link {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n}\n\n.page-item.active .page-link {\n z-index: 1;\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.page-item.disabled .page-link {\n color: #6c757d;\n pointer-events: none;\n cursor: auto;\n background-color: #fff;\n border-color: #dee2e6;\n}\n\n.pagination-lg .page-link {\n padding: 0.75rem 1.5rem;\n font-size: 1.25rem;\n line-height: 1.5;\n}\n\n.pagination-lg .page-item:first-child .page-link {\n border-top-left-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem;\n}\n\n.pagination-lg .page-item:last-child .page-link {\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem;\n}\n\n.pagination-sm .page-link {\n padding: 0.25rem 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n.pagination-sm .page-item:first-child .page-link {\n border-top-left-radius: 0.2rem;\n border-bottom-left-radius: 0.2rem;\n}\n\n.pagination-sm .page-item:last-child .page-link {\n border-top-right-radius: 0.2rem;\n border-bottom-right-radius: 0.2rem;\n}\n\n.badge {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25rem;\n}\n\n.badge:empty {\n display: none;\n}\n\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem;\n}\n\n.badge-primary {\n color: #fff;\n background-color: #007bff;\n}\n\n.badge-primary[href]:hover, .badge-primary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #0062cc;\n}\n\n.badge-secondary {\n color: #fff;\n background-color: #6c757d;\n}\n\n.badge-secondary[href]:hover, .badge-secondary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #545b62;\n}\n\n.badge-success {\n color: #fff;\n background-color: #28a745;\n}\n\n.badge-success[href]:hover, .badge-success[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1e7e34;\n}\n\n.badge-info {\n color: #fff;\n background-color: #17a2b8;\n}\n\n.badge-info[href]:hover, .badge-info[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #117a8b;\n}\n\n.badge-warning {\n color: #212529;\n background-color: #ffc107;\n}\n\n.badge-warning[href]:hover, .badge-warning[href]:focus {\n color: #212529;\n text-decoration: none;\n background-color: #d39e00;\n}\n\n.badge-danger {\n color: #fff;\n background-color: #dc3545;\n}\n\n.badge-danger[href]:hover, .badge-danger[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #bd2130;\n}\n\n.badge-light {\n color: #212529;\n background-color: #f8f9fa;\n}\n\n.badge-light[href]:hover, .badge-light[href]:focus {\n color: #212529;\n text-decoration: none;\n background-color: #dae0e5;\n}\n\n.badge-dark {\n color: #fff;\n background-color: #343a40;\n}\n\n.badge-dark[href]:hover, .badge-dark[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1d2124;\n}\n\n.jumbotron {\n padding: 2rem 1rem;\n margin-bottom: 2rem;\n background-color: #e9ecef;\n border-radius: 0.3rem;\n}\n\n@media (min-width: 576px) {\n .jumbotron {\n padding: 4rem 2rem;\n }\n}\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n border-radius: 0;\n}\n\n.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n}\n\n.alert-heading {\n color: inherit;\n}\n\n.alert-link {\n font-weight: 700;\n}\n\n.alert-dismissible {\n padding-right: 4rem;\n}\n\n.alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit;\n}\n\n.alert-primary {\n color: #004085;\n background-color: #cce5ff;\n border-color: #b8daff;\n}\n\n.alert-primary hr {\n border-top-color: #9fcdff;\n}\n\n.alert-primary .alert-link {\n color: #002752;\n}\n\n.alert-secondary {\n color: #383d41;\n background-color: #e2e3e5;\n border-color: #d6d8db;\n}\n\n.alert-secondary hr {\n border-top-color: #c8cbcf;\n}\n\n.alert-secondary .alert-link {\n color: #202326;\n}\n\n.alert-success {\n color: #155724;\n background-color: #d4edda;\n border-color: #c3e6cb;\n}\n\n.alert-success hr {\n border-top-color: #b1dfbb;\n}\n\n.alert-success .alert-link {\n color: #0b2e13;\n}\n\n.alert-info {\n color: #0c5460;\n background-color: #d1ecf1;\n border-color: #bee5eb;\n}\n\n.alert-info hr {\n border-top-color: #abdde5;\n}\n\n.alert-info .alert-link {\n color: #062c33;\n}\n\n.alert-warning {\n color: #856404;\n background-color: #fff3cd;\n border-color: #ffeeba;\n}\n\n.alert-warning hr {\n border-top-color: #ffe8a1;\n}\n\n.alert-warning .alert-link {\n color: #533f03;\n}\n\n.alert-danger {\n color: #721c24;\n background-color: #f8d7da;\n border-color: #f5c6cb;\n}\n\n.alert-danger hr {\n border-top-color: #f1b0b7;\n}\n\n.alert-danger .alert-link {\n color: #491217;\n}\n\n.alert-light {\n color: #818182;\n background-color: #fefefe;\n border-color: #fdfdfe;\n}\n\n.alert-light hr {\n border-top-color: #ececf6;\n}\n\n.alert-light .alert-link {\n color: #686868;\n}\n\n.alert-dark {\n color: #1b1e21;\n background-color: #d6d8d9;\n border-color: #c6c8ca;\n}\n\n.alert-dark hr {\n border-top-color: #b9bbbe;\n}\n\n.alert-dark .alert-link {\n color: #040505;\n}\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0;\n }\n to {\n background-position: 0 0;\n }\n}\n\n.progress {\n display: flex;\n height: 1rem;\n overflow: hidden;\n font-size: 0.75rem;\n background-color: #e9ecef;\n border-radius: 0.25rem;\n}\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: #fff;\n text-align: center;\n background-color: #007bff;\n transition: width 0.6s ease;\n}\n\n.progress-bar-striped {\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 1rem 1rem;\n}\n\n.progress-bar-animated {\n animation: progress-bar-stripes 1s linear infinite;\n}\n\n.media {\n display: flex;\n align-items: flex-start;\n}\n\n.media-body {\n flex: 1;\n}\n\n.list-group {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n}\n\n.list-group-item-action {\n width: 100%;\n color: #495057;\n text-align: inherit;\n}\n\n.list-group-item-action:hover, .list-group-item-action:focus {\n color: #495057;\n text-decoration: none;\n background-color: #f8f9fa;\n}\n\n.list-group-item-action:active {\n color: #212529;\n background-color: #e9ecef;\n}\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 0.75rem 1.25rem;\n margin-bottom: -1px;\n background-color: #fff;\n border: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\n\n.list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\n\n.list-group-item:hover, .list-group-item:focus {\n z-index: 1;\n text-decoration: none;\n}\n\n.list-group-item.disabled, .list-group-item:disabled {\n color: #6c757d;\n background-color: #fff;\n}\n\n.list-group-item.active {\n z-index: 2;\n color: #fff;\n background-color: #007bff;\n border-color: #007bff;\n}\n\n.list-group-flush .list-group-item {\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n}\n\n.list-group-flush:first-child .list-group-item:first-child {\n border-top: 0;\n}\n\n.list-group-flush:last-child .list-group-item:last-child {\n border-bottom: 0;\n}\n\n.list-group-item-primary {\n color: #004085;\n background-color: #b8daff;\n}\n\n.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {\n color: #004085;\n background-color: #9fcdff;\n}\n\n.list-group-item-primary.list-group-item-action.active {\n color: #fff;\n background-color: #004085;\n border-color: #004085;\n}\n\n.list-group-item-secondary {\n color: #383d41;\n background-color: #d6d8db;\n}\n\n.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {\n color: #383d41;\n background-color: #c8cbcf;\n}\n\n.list-group-item-secondary.list-group-item-action.active {\n color: #fff;\n background-color: #383d41;\n border-color: #383d41;\n}\n\n.list-group-item-success {\n color: #155724;\n background-color: #c3e6cb;\n}\n\n.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {\n color: #155724;\n background-color: #b1dfbb;\n}\n\n.list-group-item-success.list-group-item-action.active {\n color: #fff;\n background-color: #155724;\n border-color: #155724;\n}\n\n.list-group-item-info {\n color: #0c5460;\n background-color: #bee5eb;\n}\n\n.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {\n color: #0c5460;\n background-color: #abdde5;\n}\n\n.list-group-item-info.list-group-item-action.active {\n color: #fff;\n background-color: #0c5460;\n border-color: #0c5460;\n}\n\n.list-group-item-warning {\n color: #856404;\n background-color: #ffeeba;\n}\n\n.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {\n color: #856404;\n background-color: #ffe8a1;\n}\n\n.list-group-item-warning.list-group-item-action.active {\n color: #fff;\n background-color: #856404;\n border-color: #856404;\n}\n\n.list-group-item-danger {\n color: #721c24;\n background-color: #f5c6cb;\n}\n\n.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {\n color: #721c24;\n background-color: #f1b0b7;\n}\n\n.list-group-item-danger.list-group-item-action.active {\n color: #fff;\n background-color: #721c24;\n border-color: #721c24;\n}\n\n.list-group-item-light {\n color: #818182;\n background-color: #fdfdfe;\n}\n\n.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {\n color: #818182;\n background-color: #ececf6;\n}\n\n.list-group-item-light.list-group-item-action.active {\n color: #fff;\n background-color: #818182;\n border-color: #818182;\n}\n\n.list-group-item-dark {\n color: #1b1e21;\n background-color: #c6c8ca;\n}\n\n.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {\n color: #1b1e21;\n background-color: #b9bbbe;\n}\n\n.list-group-item-dark.list-group-item-action.active {\n color: #fff;\n background-color: #1b1e21;\n border-color: #1b1e21;\n}\n\n.close {\n float: right;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n.close:hover, .close:focus {\n color: #000;\n text-decoration: none;\n opacity: .75;\n}\n\n.close:not(:disabled):not(.disabled) {\n cursor: pointer;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n\n.modal-open {\n overflow: hidden;\n}\n\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n display: none;\n overflow: hidden;\n outline: 0;\n}\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n}\n\n.modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -25%);\n}\n\n.modal.show .modal-dialog {\n transform: translate(0, 0);\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - (0.5rem * 2));\n}\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n outline: 0;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000;\n}\n\n.modal-backdrop.fade {\n opacity: 0;\n}\n\n.modal-backdrop.show {\n opacity: 0.5;\n}\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 1rem;\n border-bottom: 1px solid #e9ecef;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n\n.modal-header .close {\n padding: 1rem;\n margin: -1rem -1rem -1rem auto;\n}\n\n.modal-title {\n margin-bottom: 0;\n line-height: 1.5;\n}\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 1rem;\n}\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 1rem;\n border-top: 1px solid #e9ecef;\n}\n\n.modal-footer > :not(:first-child) {\n margin-left: .25rem;\n}\n\n.modal-footer > :not(:last-child) {\n margin-right: .25rem;\n}\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 500px;\n margin: 1.75rem auto;\n }\n .modal-dialog-centered {\n min-height: calc(100% - (1.75rem * 2));\n }\n .modal-sm {\n max-width: 300px;\n }\n}\n\n@media (min-width: 992px) {\n .modal-lg {\n max-width: 800px;\n }\n}\n\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n opacity: 0;\n}\n\n.tooltip.show {\n opacity: 0.9;\n}\n\n.tooltip .arrow {\n position: absolute;\n display: block;\n width: 0.8rem;\n height: 0.4rem;\n}\n\n.tooltip .arrow::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-tooltip-top, .bs-tooltip-auto[x-placement^=\"top\"] {\n padding: 0.4rem 0;\n}\n\n.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=\"top\"] .arrow {\n bottom: 0;\n}\n\n.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n top: 0;\n border-width: 0.4rem 0.4rem 0;\n border-top-color: #000;\n}\n\n.bs-tooltip-right, .bs-tooltip-auto[x-placement^=\"right\"] {\n padding: 0 0.4rem;\n}\n\n.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=\"right\"] .arrow {\n left: 0;\n width: 0.4rem;\n height: 0.8rem;\n}\n\n.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n right: 0;\n border-width: 0.4rem 0.4rem 0.4rem 0;\n border-right-color: #000;\n}\n\n.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=\"bottom\"] {\n padding: 0.4rem 0;\n}\n\n.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow {\n top: 0;\n}\n\n.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n bottom: 0;\n border-width: 0 0.4rem 0.4rem;\n border-bottom-color: #000;\n}\n\n.bs-tooltip-left, .bs-tooltip-auto[x-placement^=\"left\"] {\n padding: 0 0.4rem;\n}\n\n.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=\"left\"] .arrow {\n right: 0;\n width: 0.4rem;\n height: 0.8rem;\n}\n\n.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem 0.4rem;\n border-left-color: #000;\n}\n\n.tooltip-inner {\n max-width: 200px;\n padding: 0.25rem 0.5rem;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 0.25rem;\n}\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: block;\n max-width: 276px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.875rem;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 0.3rem;\n}\n\n.popover .arrow {\n position: absolute;\n display: block;\n width: 1rem;\n height: 0.5rem;\n margin: 0 0.3rem;\n}\n\n.popover .arrow::before, .popover .arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-popover-top, .bs-popover-auto[x-placement^=\"top\"] {\n margin-bottom: 0.5rem;\n}\n\n.bs-popover-top .arrow, .bs-popover-auto[x-placement^=\"top\"] .arrow {\n bottom: calc((0.5rem + 1px) * -1);\n}\n\n.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before,\n.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0;\n}\n\n.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before {\n bottom: 0;\n border-top-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n bottom: 1px;\n border-top-color: #fff;\n}\n\n.bs-popover-right, .bs-popover-auto[x-placement^=\"right\"] {\n margin-left: 0.5rem;\n}\n\n.bs-popover-right .arrow, .bs-popover-auto[x-placement^=\"right\"] .arrow {\n left: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0;\n}\n\n.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before,\n.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0.5rem 0;\n}\n\n.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before {\n left: 0;\n border-right-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n left: 1px;\n border-right-color: #fff;\n}\n\n.bs-popover-bottom, .bs-popover-auto[x-placement^=\"bottom\"] {\n margin-top: 0.5rem;\n}\n\n.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=\"bottom\"] .arrow {\n top: calc((0.5rem + 1px) * -1);\n}\n\n.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before,\n.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n border-width: 0 0.5rem 0.5rem 0.5rem;\n}\n\n.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before {\n top: 0;\n border-bottom-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n top: 1px;\n border-bottom-color: #fff;\n}\n\n.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 1rem;\n margin-left: -0.5rem;\n content: \"\";\n border-bottom: 1px solid #f7f7f7;\n}\n\n.bs-popover-left, .bs-popover-auto[x-placement^=\"left\"] {\n margin-right: 0.5rem;\n}\n\n.bs-popover-left .arrow, .bs-popover-auto[x-placement^=\"left\"] .arrow {\n right: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0;\n}\n\n.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before,\n.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n border-width: 0.5rem 0 0.5rem 0.5rem;\n}\n\n.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before {\n right: 0;\n border-left-color: rgba(0, 0, 0, 0.25);\n}\n\n.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n right: 1px;\n border-left-color: #fff;\n}\n\n.popover-header {\n padding: 0.5rem 0.75rem;\n margin-bottom: 0;\n font-size: 1rem;\n color: inherit;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-top-left-radius: calc(0.3rem - 1px);\n border-top-right-radius: calc(0.3rem - 1px);\n}\n\n.popover-header:empty {\n display: none;\n}\n\n.popover-body {\n padding: 0.5rem 0.75rem;\n color: #212529;\n}\n\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n.carousel-item {\n position: relative;\n display: none;\n align-items: center;\n width: 100%;\n transition: transform 0.6s ease;\n backface-visibility: hidden;\n perspective: 1000px;\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block;\n}\n\n.carousel-item-next,\n.carousel-item-prev {\n position: absolute;\n top: 0;\n}\n\n.carousel-item-next.carousel-item-left,\n.carousel-item-prev.carousel-item-right {\n transform: translateX(0);\n}\n\n@supports (transform-style: preserve-3d) {\n .carousel-item-next.carousel-item-left,\n .carousel-item-prev.carousel-item-right {\n transform: translate3d(0, 0, 0);\n }\n}\n\n.carousel-item-next,\n.active.carousel-item-right {\n transform: translateX(100%);\n}\n\n@supports (transform-style: preserve-3d) {\n .carousel-item-next,\n .active.carousel-item-right {\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.carousel-item-prev,\n.active.carousel-item-left {\n transform: translateX(-100%);\n}\n\n@supports (transform-style: preserve-3d) {\n .carousel-item-prev,\n .active.carousel-item-left {\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 15%;\n color: #fff;\n text-align: center;\n opacity: 0.5;\n}\n\n.carousel-control-prev:hover, .carousel-control-prev:focus,\n.carousel-control-next:hover,\n.carousel-control-next:focus {\n color: #fff;\n text-decoration: none;\n outline: 0;\n opacity: .9;\n}\n\n.carousel-control-prev {\n left: 0;\n}\n\n.carousel-control-next {\n right: 0;\n}\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: transparent no-repeat center center;\n background-size: 100% 100%;\n}\n\n.carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\");\n}\n\n.carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\");\n}\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 10px;\n left: 0;\n z-index: 15;\n display: flex;\n justify-content: center;\n padding-left: 0;\n margin-right: 15%;\n margin-left: 15%;\n list-style: none;\n}\n\n.carousel-indicators li {\n position: relative;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n margin-right: 3px;\n margin-left: 3px;\n text-indent: -999px;\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.carousel-indicators li::before {\n position: absolute;\n top: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n}\n\n.carousel-indicators li::after {\n position: absolute;\n bottom: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n}\n\n.carousel-indicators .active {\n background-color: #fff;\n}\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: #fff;\n text-align: center;\n}\n\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.align-top {\n vertical-align: top !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n\n.align-bottom {\n vertical-align: bottom !important;\n}\n\n.align-text-bottom {\n vertical-align: text-bottom !important;\n}\n\n.align-text-top {\n vertical-align: text-top !important;\n}\n\n.bg-primary {\n background-color: #007bff !important;\n}\n\na.bg-primary:hover, a.bg-primary:focus,\nbutton.bg-primary:hover,\nbutton.bg-primary:focus {\n background-color: #0062cc !important;\n}\n\n.bg-secondary {\n background-color: #6c757d !important;\n}\n\na.bg-secondary:hover, a.bg-secondary:focus,\nbutton.bg-secondary:hover,\nbutton.bg-secondary:focus {\n background-color: #545b62 !important;\n}\n\n.bg-success {\n background-color: #28a745 !important;\n}\n\na.bg-success:hover, a.bg-success:focus,\nbutton.bg-success:hover,\nbutton.bg-success:focus {\n background-color: #1e7e34 !important;\n}\n\n.bg-info {\n background-color: #17a2b8 !important;\n}\n\na.bg-info:hover, a.bg-info:focus,\nbutton.bg-info:hover,\nbutton.bg-info:focus {\n background-color: #117a8b !important;\n}\n\n.bg-warning {\n background-color: #ffc107 !important;\n}\n\na.bg-warning:hover, a.bg-warning:focus,\nbutton.bg-warning:hover,\nbutton.bg-warning:focus {\n background-color: #d39e00 !important;\n}\n\n.bg-danger {\n background-color: #dc3545 !important;\n}\n\na.bg-danger:hover, a.bg-danger:focus,\nbutton.bg-danger:hover,\nbutton.bg-danger:focus {\n background-color: #bd2130 !important;\n}\n\n.bg-light {\n background-color: #f8f9fa !important;\n}\n\na.bg-light:hover, a.bg-light:focus,\nbutton.bg-light:hover,\nbutton.bg-light:focus {\n background-color: #dae0e5 !important;\n}\n\n.bg-dark {\n background-color: #343a40 !important;\n}\n\na.bg-dark:hover, a.bg-dark:focus,\nbutton.bg-dark:hover,\nbutton.bg-dark:focus {\n background-color: #1d2124 !important;\n}\n\n.bg-white {\n background-color: #fff !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n\n.border {\n border: 1px solid #dee2e6 !important;\n}\n\n.border-top {\n border-top: 1px solid #dee2e6 !important;\n}\n\n.border-right {\n border-right: 1px solid #dee2e6 !important;\n}\n\n.border-bottom {\n border-bottom: 1px solid #dee2e6 !important;\n}\n\n.border-left {\n border-left: 1px solid #dee2e6 !important;\n}\n\n.border-0 {\n border: 0 !important;\n}\n\n.border-top-0 {\n border-top: 0 !important;\n}\n\n.border-right-0 {\n border-right: 0 !important;\n}\n\n.border-bottom-0 {\n border-bottom: 0 !important;\n}\n\n.border-left-0 {\n border-left: 0 !important;\n}\n\n.border-primary {\n border-color: #007bff !important;\n}\n\n.border-secondary {\n border-color: #6c757d !important;\n}\n\n.border-success {\n border-color: #28a745 !important;\n}\n\n.border-info {\n border-color: #17a2b8 !important;\n}\n\n.border-warning {\n border-color: #ffc107 !important;\n}\n\n.border-danger {\n border-color: #dc3545 !important;\n}\n\n.border-light {\n border-color: #f8f9fa !important;\n}\n\n.border-dark {\n border-color: #343a40 !important;\n}\n\n.border-white {\n border-color: #fff !important;\n}\n\n.rounded {\n border-radius: 0.25rem !important;\n}\n\n.rounded-top {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important;\n}\n\n.rounded-right {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important;\n}\n\n.rounded-bottom {\n border-bottom-right-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n}\n\n.rounded-left {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important;\n}\n\n.rounded-circle {\n border-radius: 50% !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n\n.clearfix::after {\n display: block;\n clear: both;\n content: \"\";\n}\n\n.d-none {\n display: none !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-table {\n display: table !important;\n}\n\n.d-table-row {\n display: table-row !important;\n}\n\n.d-table-cell {\n display: table-cell !important;\n}\n\n.d-flex {\n display: flex !important;\n}\n\n.d-inline-flex {\n display: inline-flex !important;\n}\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important;\n }\n .d-sm-inline {\n display: inline !important;\n }\n .d-sm-inline-block {\n display: inline-block !important;\n }\n .d-sm-block {\n display: block !important;\n }\n .d-sm-table {\n display: table !important;\n }\n .d-sm-table-row {\n display: table-row !important;\n }\n .d-sm-table-cell {\n display: table-cell !important;\n }\n .d-sm-flex {\n display: flex !important;\n }\n .d-sm-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important;\n }\n .d-md-inline {\n display: inline !important;\n }\n .d-md-inline-block {\n display: inline-block !important;\n }\n .d-md-block {\n display: block !important;\n }\n .d-md-table {\n display: table !important;\n }\n .d-md-table-row {\n display: table-row !important;\n }\n .d-md-table-cell {\n display: table-cell !important;\n }\n .d-md-flex {\n display: flex !important;\n }\n .d-md-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important;\n }\n .d-lg-inline {\n display: inline !important;\n }\n .d-lg-inline-block {\n display: inline-block !important;\n }\n .d-lg-block {\n display: block !important;\n }\n .d-lg-table {\n display: table !important;\n }\n .d-lg-table-row {\n display: table-row !important;\n }\n .d-lg-table-cell {\n display: table-cell !important;\n }\n .d-lg-flex {\n display: flex !important;\n }\n .d-lg-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important;\n }\n .d-xl-inline {\n display: inline !important;\n }\n .d-xl-inline-block {\n display: inline-block !important;\n }\n .d-xl-block {\n display: block !important;\n }\n .d-xl-table {\n display: table !important;\n }\n .d-xl-table-row {\n display: table-row !important;\n }\n .d-xl-table-cell {\n display: table-cell !important;\n }\n .d-xl-flex {\n display: flex !important;\n }\n .d-xl-inline-flex {\n display: inline-flex !important;\n }\n}\n\n@media print {\n .d-print-none {\n display: none !important;\n }\n .d-print-inline {\n display: inline !important;\n }\n .d-print-inline-block {\n display: inline-block !important;\n }\n .d-print-block {\n display: block !important;\n }\n .d-print-table {\n display: table !important;\n }\n .d-print-table-row {\n display: table-row !important;\n }\n .d-print-table-cell {\n display: table-cell !important;\n }\n .d-print-flex {\n display: flex !important;\n }\n .d-print-inline-flex {\n display: inline-flex !important;\n }\n}\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n}\n\n.embed-responsive::before {\n display: block;\n content: \"\";\n}\n\n.embed-responsive .embed-responsive-item,\n.embed-responsive iframe,\n.embed-responsive embed,\n.embed-responsive object,\n.embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n}\n\n.embed-responsive-21by9::before {\n padding-top: 42.857143%;\n}\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%;\n}\n\n.embed-responsive-4by3::before {\n padding-top: 75%;\n}\n\n.embed-responsive-1by1::before {\n padding-top: 100%;\n}\n\n.flex-row {\n flex-direction: row !important;\n}\n\n.flex-column {\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.justify-content-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-between {\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n justify-content: space-around !important;\n}\n\n.align-items-start {\n align-items: flex-start !important;\n}\n\n.align-items-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n.align-content-start {\n align-content: flex-start !important;\n}\n\n.align-content-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-between {\n align-content: space-between !important;\n}\n\n.align-content-around {\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n.align-self-auto {\n align-self: auto !important;\n}\n\n.align-self-start {\n align-self: flex-start !important;\n}\n\n.align-self-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n@media (min-width: 576px) {\n .flex-sm-row {\n flex-direction: row !important;\n }\n .flex-sm-column {\n flex-direction: column !important;\n }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-sm-wrap {\n flex-wrap: wrap !important;\n }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-sm-start {\n justify-content: flex-start !important;\n }\n .justify-content-sm-end {\n justify-content: flex-end !important;\n }\n .justify-content-sm-center {\n justify-content: center !important;\n }\n .justify-content-sm-between {\n justify-content: space-between !important;\n }\n .justify-content-sm-around {\n justify-content: space-around !important;\n }\n .align-items-sm-start {\n align-items: flex-start !important;\n }\n .align-items-sm-end {\n align-items: flex-end !important;\n }\n .align-items-sm-center {\n align-items: center !important;\n }\n .align-items-sm-baseline {\n align-items: baseline !important;\n }\n .align-items-sm-stretch {\n align-items: stretch !important;\n }\n .align-content-sm-start {\n align-content: flex-start !important;\n }\n .align-content-sm-end {\n align-content: flex-end !important;\n }\n .align-content-sm-center {\n align-content: center !important;\n }\n .align-content-sm-between {\n align-content: space-between !important;\n }\n .align-content-sm-around {\n align-content: space-around !important;\n }\n .align-content-sm-stretch {\n align-content: stretch !important;\n }\n .align-self-sm-auto {\n align-self: auto !important;\n }\n .align-self-sm-start {\n align-self: flex-start !important;\n }\n .align-self-sm-end {\n align-self: flex-end !important;\n }\n .align-self-sm-center {\n align-self: center !important;\n }\n .align-self-sm-baseline {\n align-self: baseline !important;\n }\n .align-self-sm-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 768px) {\n .flex-md-row {\n flex-direction: row !important;\n }\n .flex-md-column {\n flex-direction: column !important;\n }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-md-wrap {\n flex-wrap: wrap !important;\n }\n .flex-md-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-md-start {\n justify-content: flex-start !important;\n }\n .justify-content-md-end {\n justify-content: flex-end !important;\n }\n .justify-content-md-center {\n justify-content: center !important;\n }\n .justify-content-md-between {\n justify-content: space-between !important;\n }\n .justify-content-md-around {\n justify-content: space-around !important;\n }\n .align-items-md-start {\n align-items: flex-start !important;\n }\n .align-items-md-end {\n align-items: flex-end !important;\n }\n .align-items-md-center {\n align-items: center !important;\n }\n .align-items-md-baseline {\n align-items: baseline !important;\n }\n .align-items-md-stretch {\n align-items: stretch !important;\n }\n .align-content-md-start {\n align-content: flex-start !important;\n }\n .align-content-md-end {\n align-content: flex-end !important;\n }\n .align-content-md-center {\n align-content: center !important;\n }\n .align-content-md-between {\n align-content: space-between !important;\n }\n .align-content-md-around {\n align-content: space-around !important;\n }\n .align-content-md-stretch {\n align-content: stretch !important;\n }\n .align-self-md-auto {\n align-self: auto !important;\n }\n .align-self-md-start {\n align-self: flex-start !important;\n }\n .align-self-md-end {\n align-self: flex-end !important;\n }\n .align-self-md-center {\n align-self: center !important;\n }\n .align-self-md-baseline {\n align-self: baseline !important;\n }\n .align-self-md-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 992px) {\n .flex-lg-row {\n flex-direction: row !important;\n }\n .flex-lg-column {\n flex-direction: column !important;\n }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-lg-wrap {\n flex-wrap: wrap !important;\n }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-lg-start {\n justify-content: flex-start !important;\n }\n .justify-content-lg-end {\n justify-content: flex-end !important;\n }\n .justify-content-lg-center {\n justify-content: center !important;\n }\n .justify-content-lg-between {\n justify-content: space-between !important;\n }\n .justify-content-lg-around {\n justify-content: space-around !important;\n }\n .align-items-lg-start {\n align-items: flex-start !important;\n }\n .align-items-lg-end {\n align-items: flex-end !important;\n }\n .align-items-lg-center {\n align-items: center !important;\n }\n .align-items-lg-baseline {\n align-items: baseline !important;\n }\n .align-items-lg-stretch {\n align-items: stretch !important;\n }\n .align-content-lg-start {\n align-content: flex-start !important;\n }\n .align-content-lg-end {\n align-content: flex-end !important;\n }\n .align-content-lg-center {\n align-content: center !important;\n }\n .align-content-lg-between {\n align-content: space-between !important;\n }\n .align-content-lg-around {\n align-content: space-around !important;\n }\n .align-content-lg-stretch {\n align-content: stretch !important;\n }\n .align-self-lg-auto {\n align-self: auto !important;\n }\n .align-self-lg-start {\n align-self: flex-start !important;\n }\n .align-self-lg-end {\n align-self: flex-end !important;\n }\n .align-self-lg-center {\n align-self: center !important;\n }\n .align-self-lg-baseline {\n align-self: baseline !important;\n }\n .align-self-lg-stretch {\n align-self: stretch !important;\n }\n}\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n flex-direction: row !important;\n }\n .flex-xl-column {\n flex-direction: column !important;\n }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-xl-wrap {\n flex-wrap: wrap !important;\n }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-xl-start {\n justify-content: flex-start !important;\n }\n .justify-content-xl-end {\n justify-content: flex-end !important;\n }\n .justify-content-xl-center {\n justify-content: center !important;\n }\n .justify-content-xl-between {\n justify-content: space-between !important;\n }\n .justify-content-xl-around {\n justify-content: space-around !important;\n }\n .align-items-xl-start {\n align-items: flex-start !important;\n }\n .align-items-xl-end {\n align-items: flex-end !important;\n }\n .align-items-xl-center {\n align-items: center !important;\n }\n .align-items-xl-baseline {\n align-items: baseline !important;\n }\n .align-items-xl-stretch {\n align-items: stretch !important;\n }\n .align-content-xl-start {\n align-content: flex-start !important;\n }\n .align-content-xl-end {\n align-content: flex-end !important;\n }\n .align-content-xl-center {\n align-content: center !important;\n }\n .align-content-xl-between {\n align-content: space-between !important;\n }\n .align-content-xl-around {\n align-content: space-around !important;\n }\n .align-content-xl-stretch {\n align-content: stretch !important;\n }\n .align-self-xl-auto {\n align-self: auto !important;\n }\n .align-self-xl-start {\n align-self: flex-start !important;\n }\n .align-self-xl-end {\n align-self: flex-end !important;\n }\n .align-self-xl-center {\n align-self: center !important;\n }\n .align-self-xl-baseline {\n align-self: baseline !important;\n }\n .align-self-xl-stretch {\n align-self: stretch !important;\n }\n}\n\n.float-left {\n float: left !important;\n}\n\n.float-right {\n float: right !important;\n}\n\n.float-none {\n float: none !important;\n}\n\n@media (min-width: 576px) {\n .float-sm-left {\n float: left !important;\n }\n .float-sm-right {\n float: right !important;\n }\n .float-sm-none {\n float: none !important;\n }\n}\n\n@media (min-width: 768px) {\n .float-md-left {\n float: left !important;\n }\n .float-md-right {\n float: right !important;\n }\n .float-md-none {\n float: none !important;\n }\n}\n\n@media (min-width: 992px) {\n .float-lg-left {\n float: left !important;\n }\n .float-lg-right {\n float: right !important;\n }\n .float-lg-none {\n float: none !important;\n }\n}\n\n@media (min-width: 1200px) {\n .float-xl-left {\n float: left !important;\n }\n .float-xl-right {\n float: right !important;\n }\n .float-xl-none {\n float: none !important;\n }\n}\n\n.position-static {\n position: static !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-sticky {\n position: sticky !important;\n}\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1030;\n}\n\n@supports (position: sticky) {\n .sticky-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n clip-path: inset(50%);\n border: 0;\n}\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n clip-path: none;\n}\n\n.w-25 {\n width: 25% !important;\n}\n\n.w-50 {\n width: 50% !important;\n}\n\n.w-75 {\n width: 75% !important;\n}\n\n.w-100 {\n width: 100% !important;\n}\n\n.h-25 {\n height: 25% !important;\n}\n\n.h-50 {\n height: 50% !important;\n}\n\n.h-75 {\n height: 75% !important;\n}\n\n.h-100 {\n height: 100% !important;\n}\n\n.mw-100 {\n max-width: 100% !important;\n}\n\n.mh-100 {\n max-height: 100% !important;\n}\n\n.m-0 {\n margin: 0 !important;\n}\n\n.mt-0,\n.my-0 {\n margin-top: 0 !important;\n}\n\n.mr-0,\n.mx-0 {\n margin-right: 0 !important;\n}\n\n.mb-0,\n.my-0 {\n margin-bottom: 0 !important;\n}\n\n.ml-0,\n.mx-0 {\n margin-left: 0 !important;\n}\n\n.m-1 {\n margin: 0.25rem !important;\n}\n\n.mt-1,\n.my-1 {\n margin-top: 0.25rem !important;\n}\n\n.mr-1,\n.mx-1 {\n margin-right: 0.25rem !important;\n}\n\n.mb-1,\n.my-1 {\n margin-bottom: 0.25rem !important;\n}\n\n.ml-1,\n.mx-1 {\n margin-left: 0.25rem !important;\n}\n\n.m-2 {\n margin: 0.5rem !important;\n}\n\n.mt-2,\n.my-2 {\n margin-top: 0.5rem !important;\n}\n\n.mr-2,\n.mx-2 {\n margin-right: 0.5rem !important;\n}\n\n.mb-2,\n.my-2 {\n margin-bottom: 0.5rem !important;\n}\n\n.ml-2,\n.mx-2 {\n margin-left: 0.5rem !important;\n}\n\n.m-3 {\n margin: 1rem !important;\n}\n\n.mt-3,\n.my-3 {\n margin-top: 1rem !important;\n}\n\n.mr-3,\n.mx-3 {\n margin-right: 1rem !important;\n}\n\n.mb-3,\n.my-3 {\n margin-bottom: 1rem !important;\n}\n\n.ml-3,\n.mx-3 {\n margin-left: 1rem !important;\n}\n\n.m-4 {\n margin: 1.5rem !important;\n}\n\n.mt-4,\n.my-4 {\n margin-top: 1.5rem !important;\n}\n\n.mr-4,\n.mx-4 {\n margin-right: 1.5rem !important;\n}\n\n.mb-4,\n.my-4 {\n margin-bottom: 1.5rem !important;\n}\n\n.ml-4,\n.mx-4 {\n margin-left: 1.5rem !important;\n}\n\n.m-5 {\n margin: 3rem !important;\n}\n\n.mt-5,\n.my-5 {\n margin-top: 3rem !important;\n}\n\n.mr-5,\n.mx-5 {\n margin-right: 3rem !important;\n}\n\n.mb-5,\n.my-5 {\n margin-bottom: 3rem !important;\n}\n\n.ml-5,\n.mx-5 {\n margin-left: 3rem !important;\n}\n\n.p-0 {\n padding: 0 !important;\n}\n\n.pt-0,\n.py-0 {\n padding-top: 0 !important;\n}\n\n.pr-0,\n.px-0 {\n padding-right: 0 !important;\n}\n\n.pb-0,\n.py-0 {\n padding-bottom: 0 !important;\n}\n\n.pl-0,\n.px-0 {\n padding-left: 0 !important;\n}\n\n.p-1 {\n padding: 0.25rem !important;\n}\n\n.pt-1,\n.py-1 {\n padding-top: 0.25rem !important;\n}\n\n.pr-1,\n.px-1 {\n padding-right: 0.25rem !important;\n}\n\n.pb-1,\n.py-1 {\n padding-bottom: 0.25rem !important;\n}\n\n.pl-1,\n.px-1 {\n padding-left: 0.25rem !important;\n}\n\n.p-2 {\n padding: 0.5rem !important;\n}\n\n.pt-2,\n.py-2 {\n padding-top: 0.5rem !important;\n}\n\n.pr-2,\n.px-2 {\n padding-right: 0.5rem !important;\n}\n\n.pb-2,\n.py-2 {\n padding-bottom: 0.5rem !important;\n}\n\n.pl-2,\n.px-2 {\n padding-left: 0.5rem !important;\n}\n\n.p-3 {\n padding: 1rem !important;\n}\n\n.pt-3,\n.py-3 {\n padding-top: 1rem !important;\n}\n\n.pr-3,\n.px-3 {\n padding-right: 1rem !important;\n}\n\n.pb-3,\n.py-3 {\n padding-bottom: 1rem !important;\n}\n\n.pl-3,\n.px-3 {\n padding-left: 1rem !important;\n}\n\n.p-4 {\n padding: 1.5rem !important;\n}\n\n.pt-4,\n.py-4 {\n padding-top: 1.5rem !important;\n}\n\n.pr-4,\n.px-4 {\n padding-right: 1.5rem !important;\n}\n\n.pb-4,\n.py-4 {\n padding-bottom: 1.5rem !important;\n}\n\n.pl-4,\n.px-4 {\n padding-left: 1.5rem !important;\n}\n\n.p-5 {\n padding: 3rem !important;\n}\n\n.pt-5,\n.py-5 {\n padding-top: 3rem !important;\n}\n\n.pr-5,\n.px-5 {\n padding-right: 3rem !important;\n}\n\n.pb-5,\n.py-5 {\n padding-bottom: 3rem !important;\n}\n\n.pl-5,\n.px-5 {\n padding-left: 3rem !important;\n}\n\n.m-auto {\n margin: auto !important;\n}\n\n.mt-auto,\n.my-auto {\n margin-top: auto !important;\n}\n\n.mr-auto,\n.mx-auto {\n margin-right: auto !important;\n}\n\n.mb-auto,\n.my-auto {\n margin-bottom: auto !important;\n}\n\n.ml-auto,\n.mx-auto {\n margin-left: auto !important;\n}\n\n@media (min-width: 576px) {\n .m-sm-0 {\n margin: 0 !important;\n }\n .mt-sm-0,\n .my-sm-0 {\n margin-top: 0 !important;\n }\n .mr-sm-0,\n .mx-sm-0 {\n margin-right: 0 !important;\n }\n .mb-sm-0,\n .my-sm-0 {\n margin-bottom: 0 !important;\n }\n .ml-sm-0,\n .mx-sm-0 {\n margin-left: 0 !important;\n }\n .m-sm-1 {\n margin: 0.25rem !important;\n }\n .mt-sm-1,\n .my-sm-1 {\n margin-top: 0.25rem !important;\n }\n .mr-sm-1,\n .mx-sm-1 {\n margin-right: 0.25rem !important;\n }\n .mb-sm-1,\n .my-sm-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-sm-1,\n .mx-sm-1 {\n margin-left: 0.25rem !important;\n }\n .m-sm-2 {\n margin: 0.5rem !important;\n }\n .mt-sm-2,\n .my-sm-2 {\n margin-top: 0.5rem !important;\n }\n .mr-sm-2,\n .mx-sm-2 {\n margin-right: 0.5rem !important;\n }\n .mb-sm-2,\n .my-sm-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-sm-2,\n .mx-sm-2 {\n margin-left: 0.5rem !important;\n }\n .m-sm-3 {\n margin: 1rem !important;\n }\n .mt-sm-3,\n .my-sm-3 {\n margin-top: 1rem !important;\n }\n .mr-sm-3,\n .mx-sm-3 {\n margin-right: 1rem !important;\n }\n .mb-sm-3,\n .my-sm-3 {\n margin-bottom: 1rem !important;\n }\n .ml-sm-3,\n .mx-sm-3 {\n margin-left: 1rem !important;\n }\n .m-sm-4 {\n margin: 1.5rem !important;\n }\n .mt-sm-4,\n .my-sm-4 {\n margin-top: 1.5rem !important;\n }\n .mr-sm-4,\n .mx-sm-4 {\n margin-right: 1.5rem !important;\n }\n .mb-sm-4,\n .my-sm-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-sm-4,\n .mx-sm-4 {\n margin-left: 1.5rem !important;\n }\n .m-sm-5 {\n margin: 3rem !important;\n }\n .mt-sm-5,\n .my-sm-5 {\n margin-top: 3rem !important;\n }\n .mr-sm-5,\n .mx-sm-5 {\n margin-right: 3rem !important;\n }\n .mb-sm-5,\n .my-sm-5 {\n margin-bottom: 3rem !important;\n }\n .ml-sm-5,\n .mx-sm-5 {\n margin-left: 3rem !important;\n }\n .p-sm-0 {\n padding: 0 !important;\n }\n .pt-sm-0,\n .py-sm-0 {\n padding-top: 0 !important;\n }\n .pr-sm-0,\n .px-sm-0 {\n padding-right: 0 !important;\n }\n .pb-sm-0,\n .py-sm-0 {\n padding-bottom: 0 !important;\n }\n .pl-sm-0,\n .px-sm-0 {\n padding-left: 0 !important;\n }\n .p-sm-1 {\n padding: 0.25rem !important;\n }\n .pt-sm-1,\n .py-sm-1 {\n padding-top: 0.25rem !important;\n }\n .pr-sm-1,\n .px-sm-1 {\n padding-right: 0.25rem !important;\n }\n .pb-sm-1,\n .py-sm-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-sm-1,\n .px-sm-1 {\n padding-left: 0.25rem !important;\n }\n .p-sm-2 {\n padding: 0.5rem !important;\n }\n .pt-sm-2,\n .py-sm-2 {\n padding-top: 0.5rem !important;\n }\n .pr-sm-2,\n .px-sm-2 {\n padding-right: 0.5rem !important;\n }\n .pb-sm-2,\n .py-sm-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-sm-2,\n .px-sm-2 {\n padding-left: 0.5rem !important;\n }\n .p-sm-3 {\n padding: 1rem !important;\n }\n .pt-sm-3,\n .py-sm-3 {\n padding-top: 1rem !important;\n }\n .pr-sm-3,\n .px-sm-3 {\n padding-right: 1rem !important;\n }\n .pb-sm-3,\n .py-sm-3 {\n padding-bottom: 1rem !important;\n }\n .pl-sm-3,\n .px-sm-3 {\n padding-left: 1rem !important;\n }\n .p-sm-4 {\n padding: 1.5rem !important;\n }\n .pt-sm-4,\n .py-sm-4 {\n padding-top: 1.5rem !important;\n }\n .pr-sm-4,\n .px-sm-4 {\n padding-right: 1.5rem !important;\n }\n .pb-sm-4,\n .py-sm-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-sm-4,\n .px-sm-4 {\n padding-left: 1.5rem !important;\n }\n .p-sm-5 {\n padding: 3rem !important;\n }\n .pt-sm-5,\n .py-sm-5 {\n padding-top: 3rem !important;\n }\n .pr-sm-5,\n .px-sm-5 {\n padding-right: 3rem !important;\n }\n .pb-sm-5,\n .py-sm-5 {\n padding-bottom: 3rem !important;\n }\n .pl-sm-5,\n .px-sm-5 {\n padding-left: 3rem !important;\n }\n .m-sm-auto {\n margin: auto !important;\n }\n .mt-sm-auto,\n .my-sm-auto {\n margin-top: auto !important;\n }\n .mr-sm-auto,\n .mx-sm-auto {\n margin-right: auto !important;\n }\n .mb-sm-auto,\n .my-sm-auto {\n margin-bottom: auto !important;\n }\n .ml-sm-auto,\n .mx-sm-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 768px) {\n .m-md-0 {\n margin: 0 !important;\n }\n .mt-md-0,\n .my-md-0 {\n margin-top: 0 !important;\n }\n .mr-md-0,\n .mx-md-0 {\n margin-right: 0 !important;\n }\n .mb-md-0,\n .my-md-0 {\n margin-bottom: 0 !important;\n }\n .ml-md-0,\n .mx-md-0 {\n margin-left: 0 !important;\n }\n .m-md-1 {\n margin: 0.25rem !important;\n }\n .mt-md-1,\n .my-md-1 {\n margin-top: 0.25rem !important;\n }\n .mr-md-1,\n .mx-md-1 {\n margin-right: 0.25rem !important;\n }\n .mb-md-1,\n .my-md-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-md-1,\n .mx-md-1 {\n margin-left: 0.25rem !important;\n }\n .m-md-2 {\n margin: 0.5rem !important;\n }\n .mt-md-2,\n .my-md-2 {\n margin-top: 0.5rem !important;\n }\n .mr-md-2,\n .mx-md-2 {\n margin-right: 0.5rem !important;\n }\n .mb-md-2,\n .my-md-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-md-2,\n .mx-md-2 {\n margin-left: 0.5rem !important;\n }\n .m-md-3 {\n margin: 1rem !important;\n }\n .mt-md-3,\n .my-md-3 {\n margin-top: 1rem !important;\n }\n .mr-md-3,\n .mx-md-3 {\n margin-right: 1rem !important;\n }\n .mb-md-3,\n .my-md-3 {\n margin-bottom: 1rem !important;\n }\n .ml-md-3,\n .mx-md-3 {\n margin-left: 1rem !important;\n }\n .m-md-4 {\n margin: 1.5rem !important;\n }\n .mt-md-4,\n .my-md-4 {\n margin-top: 1.5rem !important;\n }\n .mr-md-4,\n .mx-md-4 {\n margin-right: 1.5rem !important;\n }\n .mb-md-4,\n .my-md-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-md-4,\n .mx-md-4 {\n margin-left: 1.5rem !important;\n }\n .m-md-5 {\n margin: 3rem !important;\n }\n .mt-md-5,\n .my-md-5 {\n margin-top: 3rem !important;\n }\n .mr-md-5,\n .mx-md-5 {\n margin-right: 3rem !important;\n }\n .mb-md-5,\n .my-md-5 {\n margin-bottom: 3rem !important;\n }\n .ml-md-5,\n .mx-md-5 {\n margin-left: 3rem !important;\n }\n .p-md-0 {\n padding: 0 !important;\n }\n .pt-md-0,\n .py-md-0 {\n padding-top: 0 !important;\n }\n .pr-md-0,\n .px-md-0 {\n padding-right: 0 !important;\n }\n .pb-md-0,\n .py-md-0 {\n padding-bottom: 0 !important;\n }\n .pl-md-0,\n .px-md-0 {\n padding-left: 0 !important;\n }\n .p-md-1 {\n padding: 0.25rem !important;\n }\n .pt-md-1,\n .py-md-1 {\n padding-top: 0.25rem !important;\n }\n .pr-md-1,\n .px-md-1 {\n padding-right: 0.25rem !important;\n }\n .pb-md-1,\n .py-md-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-md-1,\n .px-md-1 {\n padding-left: 0.25rem !important;\n }\n .p-md-2 {\n padding: 0.5rem !important;\n }\n .pt-md-2,\n .py-md-2 {\n padding-top: 0.5rem !important;\n }\n .pr-md-2,\n .px-md-2 {\n padding-right: 0.5rem !important;\n }\n .pb-md-2,\n .py-md-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-md-2,\n .px-md-2 {\n padding-left: 0.5rem !important;\n }\n .p-md-3 {\n padding: 1rem !important;\n }\n .pt-md-3,\n .py-md-3 {\n padding-top: 1rem !important;\n }\n .pr-md-3,\n .px-md-3 {\n padding-right: 1rem !important;\n }\n .pb-md-3,\n .py-md-3 {\n padding-bottom: 1rem !important;\n }\n .pl-md-3,\n .px-md-3 {\n padding-left: 1rem !important;\n }\n .p-md-4 {\n padding: 1.5rem !important;\n }\n .pt-md-4,\n .py-md-4 {\n padding-top: 1.5rem !important;\n }\n .pr-md-4,\n .px-md-4 {\n padding-right: 1.5rem !important;\n }\n .pb-md-4,\n .py-md-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-md-4,\n .px-md-4 {\n padding-left: 1.5rem !important;\n }\n .p-md-5 {\n padding: 3rem !important;\n }\n .pt-md-5,\n .py-md-5 {\n padding-top: 3rem !important;\n }\n .pr-md-5,\n .px-md-5 {\n padding-right: 3rem !important;\n }\n .pb-md-5,\n .py-md-5 {\n padding-bottom: 3rem !important;\n }\n .pl-md-5,\n .px-md-5 {\n padding-left: 3rem !important;\n }\n .m-md-auto {\n margin: auto !important;\n }\n .mt-md-auto,\n .my-md-auto {\n margin-top: auto !important;\n }\n .mr-md-auto,\n .mx-md-auto {\n margin-right: auto !important;\n }\n .mb-md-auto,\n .my-md-auto {\n margin-bottom: auto !important;\n }\n .ml-md-auto,\n .mx-md-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 992px) {\n .m-lg-0 {\n margin: 0 !important;\n }\n .mt-lg-0,\n .my-lg-0 {\n margin-top: 0 !important;\n }\n .mr-lg-0,\n .mx-lg-0 {\n margin-right: 0 !important;\n }\n .mb-lg-0,\n .my-lg-0 {\n margin-bottom: 0 !important;\n }\n .ml-lg-0,\n .mx-lg-0 {\n margin-left: 0 !important;\n }\n .m-lg-1 {\n margin: 0.25rem !important;\n }\n .mt-lg-1,\n .my-lg-1 {\n margin-top: 0.25rem !important;\n }\n .mr-lg-1,\n .mx-lg-1 {\n margin-right: 0.25rem !important;\n }\n .mb-lg-1,\n .my-lg-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-lg-1,\n .mx-lg-1 {\n margin-left: 0.25rem !important;\n }\n .m-lg-2 {\n margin: 0.5rem !important;\n }\n .mt-lg-2,\n .my-lg-2 {\n margin-top: 0.5rem !important;\n }\n .mr-lg-2,\n .mx-lg-2 {\n margin-right: 0.5rem !important;\n }\n .mb-lg-2,\n .my-lg-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-lg-2,\n .mx-lg-2 {\n margin-left: 0.5rem !important;\n }\n .m-lg-3 {\n margin: 1rem !important;\n }\n .mt-lg-3,\n .my-lg-3 {\n margin-top: 1rem !important;\n }\n .mr-lg-3,\n .mx-lg-3 {\n margin-right: 1rem !important;\n }\n .mb-lg-3,\n .my-lg-3 {\n margin-bottom: 1rem !important;\n }\n .ml-lg-3,\n .mx-lg-3 {\n margin-left: 1rem !important;\n }\n .m-lg-4 {\n margin: 1.5rem !important;\n }\n .mt-lg-4,\n .my-lg-4 {\n margin-top: 1.5rem !important;\n }\n .mr-lg-4,\n .mx-lg-4 {\n margin-right: 1.5rem !important;\n }\n .mb-lg-4,\n .my-lg-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-lg-4,\n .mx-lg-4 {\n margin-left: 1.5rem !important;\n }\n .m-lg-5 {\n margin: 3rem !important;\n }\n .mt-lg-5,\n .my-lg-5 {\n margin-top: 3rem !important;\n }\n .mr-lg-5,\n .mx-lg-5 {\n margin-right: 3rem !important;\n }\n .mb-lg-5,\n .my-lg-5 {\n margin-bottom: 3rem !important;\n }\n .ml-lg-5,\n .mx-lg-5 {\n margin-left: 3rem !important;\n }\n .p-lg-0 {\n padding: 0 !important;\n }\n .pt-lg-0,\n .py-lg-0 {\n padding-top: 0 !important;\n }\n .pr-lg-0,\n .px-lg-0 {\n padding-right: 0 !important;\n }\n .pb-lg-0,\n .py-lg-0 {\n padding-bottom: 0 !important;\n }\n .pl-lg-0,\n .px-lg-0 {\n padding-left: 0 !important;\n }\n .p-lg-1 {\n padding: 0.25rem !important;\n }\n .pt-lg-1,\n .py-lg-1 {\n padding-top: 0.25rem !important;\n }\n .pr-lg-1,\n .px-lg-1 {\n padding-right: 0.25rem !important;\n }\n .pb-lg-1,\n .py-lg-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-lg-1,\n .px-lg-1 {\n padding-left: 0.25rem !important;\n }\n .p-lg-2 {\n padding: 0.5rem !important;\n }\n .pt-lg-2,\n .py-lg-2 {\n padding-top: 0.5rem !important;\n }\n .pr-lg-2,\n .px-lg-2 {\n padding-right: 0.5rem !important;\n }\n .pb-lg-2,\n .py-lg-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-lg-2,\n .px-lg-2 {\n padding-left: 0.5rem !important;\n }\n .p-lg-3 {\n padding: 1rem !important;\n }\n .pt-lg-3,\n .py-lg-3 {\n padding-top: 1rem !important;\n }\n .pr-lg-3,\n .px-lg-3 {\n padding-right: 1rem !important;\n }\n .pb-lg-3,\n .py-lg-3 {\n padding-bottom: 1rem !important;\n }\n .pl-lg-3,\n .px-lg-3 {\n padding-left: 1rem !important;\n }\n .p-lg-4 {\n padding: 1.5rem !important;\n }\n .pt-lg-4,\n .py-lg-4 {\n padding-top: 1.5rem !important;\n }\n .pr-lg-4,\n .px-lg-4 {\n padding-right: 1.5rem !important;\n }\n .pb-lg-4,\n .py-lg-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-lg-4,\n .px-lg-4 {\n padding-left: 1.5rem !important;\n }\n .p-lg-5 {\n padding: 3rem !important;\n }\n .pt-lg-5,\n .py-lg-5 {\n padding-top: 3rem !important;\n }\n .pr-lg-5,\n .px-lg-5 {\n padding-right: 3rem !important;\n }\n .pb-lg-5,\n .py-lg-5 {\n padding-bottom: 3rem !important;\n }\n .pl-lg-5,\n .px-lg-5 {\n padding-left: 3rem !important;\n }\n .m-lg-auto {\n margin: auto !important;\n }\n .mt-lg-auto,\n .my-lg-auto {\n margin-top: auto !important;\n }\n .mr-lg-auto,\n .mx-lg-auto {\n margin-right: auto !important;\n }\n .mb-lg-auto,\n .my-lg-auto {\n margin-bottom: auto !important;\n }\n .ml-lg-auto,\n .mx-lg-auto {\n margin-left: auto !important;\n }\n}\n\n@media (min-width: 1200px) {\n .m-xl-0 {\n margin: 0 !important;\n }\n .mt-xl-0,\n .my-xl-0 {\n margin-top: 0 !important;\n }\n .mr-xl-0,\n .mx-xl-0 {\n margin-right: 0 !important;\n }\n .mb-xl-0,\n .my-xl-0 {\n margin-bottom: 0 !important;\n }\n .ml-xl-0,\n .mx-xl-0 {\n margin-left: 0 !important;\n }\n .m-xl-1 {\n margin: 0.25rem !important;\n }\n .mt-xl-1,\n .my-xl-1 {\n margin-top: 0.25rem !important;\n }\n .mr-xl-1,\n .mx-xl-1 {\n margin-right: 0.25rem !important;\n }\n .mb-xl-1,\n .my-xl-1 {\n margin-bottom: 0.25rem !important;\n }\n .ml-xl-1,\n .mx-xl-1 {\n margin-left: 0.25rem !important;\n }\n .m-xl-2 {\n margin: 0.5rem !important;\n }\n .mt-xl-2,\n .my-xl-2 {\n margin-top: 0.5rem !important;\n }\n .mr-xl-2,\n .mx-xl-2 {\n margin-right: 0.5rem !important;\n }\n .mb-xl-2,\n .my-xl-2 {\n margin-bottom: 0.5rem !important;\n }\n .ml-xl-2,\n .mx-xl-2 {\n margin-left: 0.5rem !important;\n }\n .m-xl-3 {\n margin: 1rem !important;\n }\n .mt-xl-3,\n .my-xl-3 {\n margin-top: 1rem !important;\n }\n .mr-xl-3,\n .mx-xl-3 {\n margin-right: 1rem !important;\n }\n .mb-xl-3,\n .my-xl-3 {\n margin-bottom: 1rem !important;\n }\n .ml-xl-3,\n .mx-xl-3 {\n margin-left: 1rem !important;\n }\n .m-xl-4 {\n margin: 1.5rem !important;\n }\n .mt-xl-4,\n .my-xl-4 {\n margin-top: 1.5rem !important;\n }\n .mr-xl-4,\n .mx-xl-4 {\n margin-right: 1.5rem !important;\n }\n .mb-xl-4,\n .my-xl-4 {\n margin-bottom: 1.5rem !important;\n }\n .ml-xl-4,\n .mx-xl-4 {\n margin-left: 1.5rem !important;\n }\n .m-xl-5 {\n margin: 3rem !important;\n }\n .mt-xl-5,\n .my-xl-5 {\n margin-top: 3rem !important;\n }\n .mr-xl-5,\n .mx-xl-5 {\n margin-right: 3rem !important;\n }\n .mb-xl-5,\n .my-xl-5 {\n margin-bottom: 3rem !important;\n }\n .ml-xl-5,\n .mx-xl-5 {\n margin-left: 3rem !important;\n }\n .p-xl-0 {\n padding: 0 !important;\n }\n .pt-xl-0,\n .py-xl-0 {\n padding-top: 0 !important;\n }\n .pr-xl-0,\n .px-xl-0 {\n padding-right: 0 !important;\n }\n .pb-xl-0,\n .py-xl-0 {\n padding-bottom: 0 !important;\n }\n .pl-xl-0,\n .px-xl-0 {\n padding-left: 0 !important;\n }\n .p-xl-1 {\n padding: 0.25rem !important;\n }\n .pt-xl-1,\n .py-xl-1 {\n padding-top: 0.25rem !important;\n }\n .pr-xl-1,\n .px-xl-1 {\n padding-right: 0.25rem !important;\n }\n .pb-xl-1,\n .py-xl-1 {\n padding-bottom: 0.25rem !important;\n }\n .pl-xl-1,\n .px-xl-1 {\n padding-left: 0.25rem !important;\n }\n .p-xl-2 {\n padding: 0.5rem !important;\n }\n .pt-xl-2,\n .py-xl-2 {\n padding-top: 0.5rem !important;\n }\n .pr-xl-2,\n .px-xl-2 {\n padding-right: 0.5rem !important;\n }\n .pb-xl-2,\n .py-xl-2 {\n padding-bottom: 0.5rem !important;\n }\n .pl-xl-2,\n .px-xl-2 {\n padding-left: 0.5rem !important;\n }\n .p-xl-3 {\n padding: 1rem !important;\n }\n .pt-xl-3,\n .py-xl-3 {\n padding-top: 1rem !important;\n }\n .pr-xl-3,\n .px-xl-3 {\n padding-right: 1rem !important;\n }\n .pb-xl-3,\n .py-xl-3 {\n padding-bottom: 1rem !important;\n }\n .pl-xl-3,\n .px-xl-3 {\n padding-left: 1rem !important;\n }\n .p-xl-4 {\n padding: 1.5rem !important;\n }\n .pt-xl-4,\n .py-xl-4 {\n padding-top: 1.5rem !important;\n }\n .pr-xl-4,\n .px-xl-4 {\n padding-right: 1.5rem !important;\n }\n .pb-xl-4,\n .py-xl-4 {\n padding-bottom: 1.5rem !important;\n }\n .pl-xl-4,\n .px-xl-4 {\n padding-left: 1.5rem !important;\n }\n .p-xl-5 {\n padding: 3rem !important;\n }\n .pt-xl-5,\n .py-xl-5 {\n padding-top: 3rem !important;\n }\n .pr-xl-5,\n .px-xl-5 {\n padding-right: 3rem !important;\n }\n .pb-xl-5,\n .py-xl-5 {\n padding-bottom: 3rem !important;\n }\n .pl-xl-5,\n .px-xl-5 {\n padding-left: 3rem !important;\n }\n .m-xl-auto {\n margin: auto !important;\n }\n .mt-xl-auto,\n .my-xl-auto {\n margin-top: auto !important;\n }\n .mr-xl-auto,\n .mx-xl-auto {\n margin-right: auto !important;\n }\n .mb-xl-auto,\n .my-xl-auto {\n margin-bottom: auto !important;\n }\n .ml-xl-auto,\n .mx-xl-auto {\n margin-left: auto !important;\n }\n}\n\n.text-justify {\n text-align: justify !important;\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.text-left {\n text-align: left !important;\n}\n\n.text-right {\n text-align: right !important;\n}\n\n.text-center {\n text-align: center !important;\n}\n\n@media (min-width: 576px) {\n .text-sm-left {\n text-align: left !important;\n }\n .text-sm-right {\n text-align: right !important;\n }\n .text-sm-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 768px) {\n .text-md-left {\n text-align: left !important;\n }\n .text-md-right {\n text-align: right !important;\n }\n .text-md-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 992px) {\n .text-lg-left {\n text-align: left !important;\n }\n .text-lg-right {\n text-align: right !important;\n }\n .text-lg-center {\n text-align: center !important;\n }\n}\n\n@media (min-width: 1200px) {\n .text-xl-left {\n text-align: left !important;\n }\n .text-xl-right {\n text-align: right !important;\n }\n .text-xl-center {\n text-align: center !important;\n }\n}\n\n.text-lowercase {\n text-transform: lowercase !important;\n}\n\n.text-uppercase {\n text-transform: uppercase !important;\n}\n\n.text-capitalize {\n text-transform: capitalize !important;\n}\n\n.font-weight-light {\n font-weight: 300 !important;\n}\n\n.font-weight-normal {\n font-weight: 400 !important;\n}\n\n.font-weight-bold {\n font-weight: 700 !important;\n}\n\n.font-italic {\n font-style: italic !important;\n}\n\n.text-white {\n color: #fff !important;\n}\n\n.text-primary {\n color: #007bff !important;\n}\n\na.text-primary:hover, a.text-primary:focus {\n color: #0062cc !important;\n}\n\n.text-secondary {\n color: #6c757d !important;\n}\n\na.text-secondary:hover, a.text-secondary:focus {\n color: #545b62 !important;\n}\n\n.text-success {\n color: #28a745 !important;\n}\n\na.text-success:hover, a.text-success:focus {\n color: #1e7e34 !important;\n}\n\n.text-info {\n color: #17a2b8 !important;\n}\n\na.text-info:hover, a.text-info:focus {\n color: #117a8b !important;\n}\n\n.text-warning {\n color: #ffc107 !important;\n}\n\na.text-warning:hover, a.text-warning:focus {\n color: #d39e00 !important;\n}\n\n.text-danger {\n color: #dc3545 !important;\n}\n\na.text-danger:hover, a.text-danger:focus {\n color: #bd2130 !important;\n}\n\n.text-light {\n color: #f8f9fa !important;\n}\n\na.text-light:hover, a.text-light:focus {\n color: #dae0e5 !important;\n}\n\n.text-dark {\n color: #343a40 !important;\n}\n\na.text-dark:hover, a.text-dark:focus {\n color: #1d2124 !important;\n}\n\n.text-muted {\n color: #6c757d !important;\n}\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n.visible {\n visibility: visible !important;\n}\n\n.invisible {\n visibility: hidden !important;\n}\n\n@media print {\n *,\n *::before,\n *::after {\n text-shadow: none !important;\n box-shadow: none !important;\n }\n a:not(.btn) {\n text-decoration: underline;\n }\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n @page {\n size: a3;\n }\n body {\n min-width: 992px !important;\n }\n .container {\n min-width: 992px !important;\n }\n .navbar {\n display: none;\n }\n .badge {\n border: 1px solid #000;\n }\n .table {\n border-collapse: collapse !important;\n }\n .table td,\n .table th {\n background-color: #fff !important;\n }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #ddd !important;\n }\n}\n\n/*# sourceMappingURL=bootstrap.css.map */","// stylelint-disable indentation\n\n// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS—an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular psuedo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $h1-font-size; }\nh2, .h2 { font-size: $h2-font-size; }\nh3, .h3 { font-size: $h3-font-size; }\nh4, .h4 { font-size: $h4-font-size; }\nh5, .h5 { font-size: $h5-font-size; }\nh6, .h6 { font-size: $h6-font-size; }\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n font-size: $display1-size;\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n font-size: $display2-size;\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n font-size: $display3-size;\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n font-size: $display4-size;\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $hr-margin-y;\n margin-bottom: $hr-margin-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-size: $small-font-size;\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n// stylelint-disable indentation, media-query-list-comma-newline-after\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n","// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n","// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n font-size: $code-font-size;\n color: $code-color;\n word-break: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\n// fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $spacer;\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n\n .table {\n background-color: $body-bg;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-cell-padding-sm;\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: (2 * $table-border-width);\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-accent-bg;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-hover-bg;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, -9));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n > .table-bordered {\n border: 0;\n }\n }\n }\n }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n padding: $input-padding-y $input-padding-x;\n font-size: $font-size-base;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n @if $enable-rounded {\n // Manually use the if/else instead of the mixin to account for iOS override\n border-radius: $input-border-radius;\n } @else {\n // Otherwise undo the iOS default\n border-radius: 0;\n }\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on `<select>`s in IE10+.\n &::-ms-expand {\n background-color: transparent;\n border: 0;\n }\n\n // Customize the `:focus` state to imitate native WebKit styles.\n @include form-control-focus();\n\n // Placeholder\n &::placeholder {\n color: $input-placeholder-color;\n // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n opacity: 1;\n }\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &:disabled,\n &[readonly] {\n background-color: $input-disabled-bg;\n // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n opacity: 1;\n }\n}\n\nselect.form-control {\n &:not([size]):not([multiple]) {\n height: $input-height;\n }\n\n &:focus::-ms-value {\n // Suppress the nested default white text on blue background highlight given to\n // the selected option text when the (still closed) <select> receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.col-form-label {\n padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n margin-bottom: 0; // Override the `<label>/<legend>` default\n font-size: inherit; // Override the `<legend>` default\n line-height: $input-line-height;\n}\n\n.col-form-label-lg {\n padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n font-size: $font-size-lg;\n line-height: $input-line-height-lg;\n}\n\n.col-form-label-sm {\n padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n font-size: $font-size-sm;\n line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: $input-padding-y;\n padding-bottom: $input-padding-y;\n margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n line-height: $input-line-height;\n background-color: transparent;\n border: solid transparent;\n border-width: $input-border-width 0;\n\n &.form-control-sm,\n &.form-control-lg {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// The `.form-group-* form-control` variations are sadly duplicated to avoid the\n// issue documented in https://github.com/twbs/bootstrap/issues/15074.\n\n.form-control-sm {\n padding: $input-padding-y-sm $input-padding-x-sm;\n font-size: $font-size-sm;\n line-height: $input-line-height-sm;\n @include border-radius($input-border-radius-sm);\n}\n\nselect.form-control-sm {\n &:not([size]):not([multiple]) {\n height: $input-height-sm;\n }\n}\n\n.form-control-lg {\n padding: $input-padding-y-lg $input-padding-x-lg;\n font-size: $font-size-lg;\n line-height: $input-line-height-lg;\n @include border-radius($input-border-radius-lg);\n}\n\nselect.form-control-lg {\n &:not([size]):not([multiple]) {\n height: $input-height-lg;\n }\n}\n\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n display: block;\n margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px;\n }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n position: relative;\n display: block;\n padding-left: $form-check-input-gutter;\n}\n\n.form-check-input {\n position: absolute;\n margin-top: $form-check-input-margin-y;\n margin-left: -$form-check-input-gutter;\n\n &:disabled ~ .form-check-label {\n color: $text-muted;\n }\n}\n\n.form-check-label {\n margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0; // Override base .form-check\n margin-right: $form-check-inline-margin-x;\n\n // Undo .form-check-input defaults and add some `margin-right`.\n .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: $form-check-inline-input-margin-x;\n margin-left: 0;\n }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@include form-validation-state(\"valid\", $form-feedback-valid-color);\n@include form-validation-state(\"invalid\", $form-feedback-invalid-color);\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n // Because we use flex, the initial sizing of checkboxes is collapsed and\n // doesn't occupy the full-width (which is what we want for xs grid tier),\n // so we force that here.\n .form-check {\n width: 100%;\n }\n\n // Kick in the inline\n @include media-breakpoint-up(sm) {\n label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n\n // Inline-block all the things for \"inline\"\n .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n\n // Allow folks to *not* use `.form-group`\n .form-control {\n display: inline-block;\n width: auto; // Prevent labels from stacking above inputs in `.form-group`\n vertical-align: middle;\n }\n\n // Make static controls behave like regular ones\n .form-control-plaintext {\n display: inline-block;\n }\n\n .input-group {\n width: auto;\n }\n\n // Remove default margin on radios/checkboxes that were used for stacking, and\n // then undo the floating of radios and checkboxes to match.\n .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .form-check-input {\n position: relative;\n margin-top: 0;\n margin-right: $form-check-input-margin-x;\n margin-left: 0;\n }\n\n .custom-control {\n align-items: center;\n justify-content: center;\n }\n .custom-control-label {\n margin-bottom: 0;\n }\n }\n}\n","@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n}\n","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n font-size: $form-feedback-font-size;\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba($color, .8);\n border-radius: .2rem;\n }\n\n .form-control,\n .custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-control-label {\n color: $color;\n\n &::before {\n background-color: lighten($color, 25%);\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .custom-control-label::before {\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n\n // custom file\n .custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .custom-file-label {\n border-color: $color;\n\n &::before { border-color: inherit; }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .custom-file-label {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: #555, $outer-color: #333) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n display: inline-block;\n font-weight: $btn-font-weight;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n border: $btn-border-width solid transparent;\n @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);\n @include transition($btn-transition);\n\n // Share hover and focus styles\n @include hover-focus {\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: $btn-focus-box-shadow;\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n opacity: $btn-disabled-opacity;\n @include box-shadow(none);\n }\n\n // Opinionated: add \"hand\" cursor to non-disabled .btn elements\n &:not(:disabled):not(.disabled) {\n cursor: pointer;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active {\n background-image: none;\n @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n .btn-#{$color} {\n @include button-variant($value, $value);\n }\n}\n\n@each $color, $value in $theme-colors {\n .btn-outline-#{$color} {\n @include button-outline-variant($value);\n }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.btn-link {\n font-weight: $font-weight-normal;\n color: $link-color;\n background-color: transparent;\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n background-color: transparent;\n border-color: transparent;\n }\n\n &:focus,\n &.focus {\n text-decoration: $link-hover-decoration;\n border-color: transparent;\n box-shadow: none;\n }\n\n &:disabled,\n &.disabled {\n color: $btn-link-disabled-color;\n }\n\n // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.btn-lg {\n @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.btn-sm {\n @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.btn-block {\n display: block;\n width: 100%;\n\n // Vertically space out multiple block buttons\n + .btn-block {\n margin-top: $btn-block-spacing-y;\n }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.btn-block {\n width: 100%;\n }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n background-color: transparent;\n background-image: none;\n border-color: $color;\n\n &:hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @if $enable-rounded {\n border-radius: $border-radius;\n } @else {\n border-radius: 0;\n }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n.fade {\n opacity: 0;\n @include transition($transition-fade);\n\n &.show {\n opacity: 1;\n }\n}\n\n.collapse {\n display: none;\n &.show {\n display: block;\n }\n}\n\ntr {\n &.collapse.show {\n display: table-row;\n }\n}\n\ntbody {\n &.collapse.show {\n display: table-row-group;\n }\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n @include transition($transition-collapse);\n}\n","// The dropdown wrapper (`<div>`)\n.dropup,\n.dropdown {\n position: relative;\n}\n\n.dropdown-toggle {\n // Generate the caret automatically\n @include caret;\n}\n\n// The dropdown menu\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: $zindex-dropdown;\n display: none; // none by default, but block on \"open\" of the menu\n float: left;\n min-width: $dropdown-min-width;\n padding: $dropdown-padding-y 0;\n margin: $dropdown-spacer 0 0; // override default ul\n font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues\n color: $body-color;\n text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n list-style: none;\n background-color: $dropdown-bg;\n background-clip: padding-box;\n border: $dropdown-border-width solid $dropdown-border-color;\n @include border-radius($dropdown-border-radius);\n @include box-shadow($dropdown-box-shadow);\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// Just add .dropup after the standard .dropdown class and you're set.\n.dropup {\n .dropdown-menu {\n margin-top: 0;\n margin-bottom: $dropdown-spacer;\n }\n\n .dropdown-toggle {\n @include caret(up);\n }\n}\n\n.dropright {\n .dropdown-menu {\n margin-top: 0;\n margin-left: $dropdown-spacer;\n }\n\n .dropdown-toggle {\n @include caret(right);\n &::after {\n vertical-align: 0;\n }\n }\n}\n\n.dropleft {\n .dropdown-menu {\n margin-top: 0;\n margin-right: $dropdown-spacer;\n }\n\n .dropdown-toggle {\n @include caret(left);\n &::before {\n vertical-align: 0;\n }\n }\n}\n\n// Dividers (basically an `<hr>`) within the dropdown\n.dropdown-divider {\n @include nav-divider($dropdown-divider-bg);\n}\n\n// Links, buttons, and more within the dropdown menu\n//\n// `<button>`-specific styles are denoted with `// For <button>s`\n.dropdown-item {\n display: block;\n width: 100%; // For `<button>`s\n padding: $dropdown-item-padding-y $dropdown-item-padding-x;\n clear: both;\n font-weight: $font-weight-normal;\n color: $dropdown-link-color;\n text-align: inherit; // For `<button>`s\n white-space: nowrap; // prevent links from randomly breaking onto new lines\n background-color: transparent; // For `<button>`s\n border: 0; // For `<button>`s\n\n @include hover-focus {\n color: $dropdown-link-hover-color;\n text-decoration: none;\n @include gradient-bg($dropdown-link-hover-bg);\n }\n\n &.active,\n &:active {\n color: $dropdown-link-active-color;\n text-decoration: none;\n @include gradient-bg($dropdown-link-active-bg);\n }\n\n &.disabled,\n &:disabled {\n color: $dropdown-link-disabled-color;\n background-color: transparent;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n}\n\n.dropdown-menu.show {\n display: block;\n}\n\n// Dropdown section headers\n.dropdown-header {\n display: block;\n padding: $dropdown-padding-y $dropdown-item-padding-x;\n margin-bottom: 0; // for use with heading elements\n font-size: $font-size-sm;\n color: $dropdown-header-color;\n white-space: nowrap; // as with > li > a\n}\n","@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-up {\n border-top: 0;\n border-right: $caret-width solid transparent;\n border-bottom: $caret-width solid;\n border-left: $caret-width solid transparent;\n}\n\n@mixin caret-right {\n border-top: $caret-width solid transparent;\n border-bottom: $caret-width solid transparent;\n border-left: $caret-width solid;\n}\n\n@mixin caret-left {\n border-top: $caret-width solid transparent;\n border-right: $caret-width solid;\n border-bottom: $caret-width solid transparent;\n}\n\n@mixin caret($direction: down) {\n @if $enable-caret {\n &::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @if $direction == down {\n @include caret-down;\n } @else if $direction == up {\n @include caret-up;\n } @else if $direction == right {\n @include caret-right;\n }\n }\n\n @if $direction == left {\n &::after {\n display: none;\n }\n\n &::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: $caret-width * .85;\n vertical-align: $caret-width * .85;\n content: \"\";\n @include caret-left;\n }\n }\n\n &:empty::after {\n margin-left: 0;\n }\n }\n}\n","// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: #e5e5e5) {\n height: 0;\n margin: ($spacer / 2) 0;\n overflow: hidden;\n border-top: 1px solid $color;\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; // match .btn alignment given font-size hack above\n\n > .btn {\n position: relative;\n flex: 0 1 auto;\n\n // Bring the hover, focused, and \"active\" buttons to the front to overlay\n // the borders properly\n @include hover {\n z-index: 1;\n }\n &:focus,\n &:active,\n &.active {\n z-index: 1;\n }\n }\n\n // Prevent double borders when buttons are next to each other\n .btn + .btn,\n .btn + .btn-group,\n .btn-group + .btn,\n .btn-group + .btn-group {\n margin-left: -$btn-border-width;\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n .input-group {\n width: auto;\n }\n}\n\n.btn-group {\n > .btn:first-child {\n margin-left: 0;\n }\n\n // Reset rounded corners\n > .btn:not(:last-child):not(.dropdown-toggle),\n > .btn-group:not(:last-child) > .btn {\n @include border-right-radius(0);\n }\n\n > .btn:not(:first-child),\n > .btn-group:not(:first-child) > .btn {\n @include border-left-radius(0);\n }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.btn-group-sm > .btn { @extend .btn-sm; }\n.btn-group-lg > .btn { @extend .btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.dropdown-toggle-split {\n padding-right: $btn-padding-x * .75;\n padding-left: $btn-padding-x * .75;\n\n &::after {\n margin-left: 0;\n }\n}\n\n.btn-sm + .dropdown-toggle-split {\n padding-right: $btn-padding-x-sm * .75;\n padding-left: $btn-padding-x-sm * .75;\n}\n\n.btn-lg + .dropdown-toggle-split {\n padding-right: $btn-padding-x-lg * .75;\n padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.btn-group.show .dropdown-toggle {\n @include box-shadow($btn-active-box-shadow);\n\n // Show no shadow for `.btn-link` since it has no other button styles.\n &.btn-link {\n @include box-shadow(none);\n }\n}\n\n\n//\n// Vertical button groups\n//\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n .btn,\n .btn-group {\n width: 100%;\n }\n\n > .btn + .btn,\n > .btn + .btn-group,\n > .btn-group + .btn,\n > .btn-group + .btn-group {\n margin-top: -$btn-border-width;\n margin-left: 0;\n }\n\n // Reset rounded corners\n > .btn:not(:last-child):not(.dropdown-toggle),\n > .btn-group:not(:last-child) > .btn {\n @include border-bottom-radius(0);\n }\n\n > .btn:not(:first-child),\n > .btn-group:not(:first-child) > .btn {\n @include border-top-radius(0);\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.btn-group-toggle {\n > .btn,\n > .btn-group > .btn {\n margin-bottom: 0; // Override default `<label>` value\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n }\n }\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap; // For form validation feedback\n align-items: stretch;\n width: 100%;\n\n > .form-control,\n > .custom-select,\n > .custom-file {\n position: relative; // For focus state's z-index\n flex: 1 1 auto;\n // Add width 1% and flex-basis auto to ensure that button will not wrap out\n // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n width: 1%;\n margin-bottom: 0;\n\n // Bring the \"active\" form control to the top of surrounding elements\n &:focus {\n z-index: 3;\n }\n\n + .form-control,\n + .custom-select,\n + .custom-file {\n margin-left: -$input-border-width;\n }\n }\n\n > .form-control,\n > .custom-select {\n &:not(:last-child) { @include border-right-radius(0); }\n &:not(:first-child) { @include border-left-radius(0); }\n }\n\n // Custom file inputs have more complex markup, thus requiring different\n // border-radius overrides.\n > .custom-file {\n display: flex;\n align-items: center;\n\n &:not(:last-child) .custom-file-label,\n &:not(:last-child) .custom-file-label::before { @include border-right-radius(0); }\n &:not(:first-child) .custom-file-label,\n &:not(:first-child) .custom-file-label::before { @include border-left-radius(0); }\n }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.input-group-prepend,\n.input-group-append {\n display: flex;\n\n // Ensure buttons are always above inputs for more visually pleasing borders.\n // This isn't needed for `.input-group-text` since it shares the same border-color\n // as our inputs.\n .btn {\n position: relative;\n z-index: 2;\n }\n\n .btn + .btn,\n .btn + .input-group-text,\n .input-group-text + .input-group-text,\n .input-group-text + .btn {\n margin-left: -$input-border-width;\n }\n}\n\n.input-group-prepend { margin-right: -$input-border-width; }\n.input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: $input-padding-y $input-padding-x;\n margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n font-size: $font-size-base; // Match inputs\n font-weight: $font-weight-normal;\n line-height: $input-line-height;\n color: $input-group-addon-color;\n text-align: center;\n white-space: nowrap;\n background-color: $input-group-addon-bg;\n border: $input-border-width solid $input-group-addon-border-color;\n @include border-radius($input-border-radius);\n\n // Nuke default margins from checkboxes and radios to vertically center within.\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n margin-top: 0;\n }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.input-group-lg > .form-control,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n @extend .form-control-lg;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n @extend .form-control-sm;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.input-group >` part, but without it, we cannot override the sizing.\n\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n @include border-right-radius(0);\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n @include border-left-radius(0);\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.custom-control {\n position: relative;\n display: block;\n min-height: (1rem * $line-height-base);\n padding-left: $custom-control-gutter;\n}\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: $custom-control-spacer-x;\n}\n\n.custom-control-input {\n position: absolute;\n z-index: -1; // Put the input behind the label so it doesn't overlay text\n opacity: 0;\n\n &:checked ~ .custom-control-label::before {\n color: $custom-control-indicator-checked-color;\n @include gradient-bg($custom-control-indicator-checked-bg);\n @include box-shadow($custom-control-indicator-checked-box-shadow);\n }\n\n &:focus ~ .custom-control-label::before {\n // the mixin is not used here to make sure there is feedback\n box-shadow: $custom-control-indicator-focus-box-shadow;\n }\n\n &:active ~ .custom-control-label::before {\n color: $custom-control-indicator-active-color;\n background-color: $custom-control-indicator-active-bg;\n @include box-shadow($custom-control-indicator-active-box-shadow);\n }\n\n &:disabled {\n ~ .custom-control-label {\n color: $custom-control-label-disabled-color;\n\n &::before {\n background-color: $custom-control-indicator-disabled-bg;\n }\n }\n }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of psuedo-elements.\n\n.custom-control-label {\n margin-bottom: 0;\n\n // Background-color and (when enabled) gradient\n &::before {\n position: absolute;\n top: (($line-height-base - $custom-control-indicator-size) / 2);\n left: 0;\n display: block;\n width: $custom-control-indicator-size;\n height: $custom-control-indicator-size;\n pointer-events: none;\n content: \"\";\n user-select: none;\n background-color: $custom-control-indicator-bg;\n @include box-shadow($custom-control-indicator-box-shadow);\n }\n\n // Foreground (icon)\n &::after {\n position: absolute;\n top: (($line-height-base - $custom-control-indicator-size) / 2);\n left: 0;\n display: block;\n width: $custom-control-indicator-size;\n height: $custom-control-indicator-size;\n content: \"\";\n background-repeat: no-repeat;\n background-position: center center;\n background-size: $custom-control-indicator-bg-size;\n }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.custom-checkbox {\n .custom-control-label::before {\n @include border-radius($custom-checkbox-indicator-border-radius);\n }\n\n .custom-control-input:checked ~ .custom-control-label {\n &::before {\n @include gradient-bg($custom-control-indicator-checked-bg);\n }\n &::after {\n background-image: $custom-checkbox-indicator-icon-checked;\n }\n }\n\n .custom-control-input:indeterminate ~ .custom-control-label {\n &::before {\n @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n }\n &::after {\n background-image: $custom-checkbox-indicator-icon-indeterminate;\n }\n }\n\n .custom-control-input:disabled {\n &:checked ~ .custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n &:indeterminate ~ .custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.custom-radio {\n .custom-control-label::before {\n border-radius: $custom-radio-indicator-border-radius;\n }\n\n .custom-control-input:checked ~ .custom-control-label {\n &::before {\n @include gradient-bg($custom-control-indicator-checked-bg);\n }\n &::after {\n background-image: $custom-radio-indicator-icon-checked;\n }\n }\n\n .custom-control-input:disabled {\n &:checked ~ .custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// http://primercss.io.\n//\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: $custom-select-height;\n padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n line-height: $custom-select-line-height;\n color: $custom-select-color;\n vertical-align: middle;\n background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;\n background-size: $custom-select-bg-size;\n border: $custom-select-border-width solid $custom-select-border-color;\n @if $enable-rounded {\n border-radius: $custom-select-border-radius;\n } @else {\n border-radius: 0;\n }\n appearance: none;\n\n &:focus {\n border-color: $custom-select-focus-border-color;\n outline: 0;\n box-shadow: $custom-select-focus-box-shadow;\n\n &::-ms-value {\n // For visual consistency with other platforms/browsers,\n // suppress the default white text on blue background highlight given to\n // the selected option text when the (still closed) <select> receives focus\n // in IE and (under certain conditions) Edge.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n }\n\n &[multiple],\n &[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: $custom-select-padding-x;\n background-image: none;\n }\n\n &:disabled {\n color: $custom-select-disabled-color;\n background-color: $custom-select-disabled-bg;\n }\n\n // Hides the default caret in IE11\n &::-ms-expand {\n opacity: 0;\n }\n}\n\n.custom-select-sm {\n height: $custom-select-height-sm;\n padding-top: $custom-select-padding-y;\n padding-bottom: $custom-select-padding-y;\n font-size: $custom-select-font-size-sm;\n}\n\n.custom-select-lg {\n height: $custom-select-height-lg;\n padding-top: $custom-select-padding-y;\n padding-bottom: $custom-select-padding-y;\n font-size: $custom-select-font-size-lg;\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: $custom-file-height;\n margin-bottom: 0;\n}\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: $custom-file-height;\n margin: 0;\n opacity: 0;\n\n &:focus ~ .custom-file-control {\n border-color: $custom-file-focus-border-color;\n box-shadow: $custom-file-focus-box-shadow;\n\n &::before {\n border-color: $custom-file-focus-border-color;\n }\n }\n\n @each $lang, $value in $custom-file-text {\n &:lang(#{$lang}) ~ .custom-file-label::after {\n content: $value;\n }\n }\n}\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: $custom-file-height;\n padding: $custom-file-padding-y $custom-file-padding-x;\n line-height: $custom-file-line-height;\n color: $custom-file-color;\n background-color: $custom-file-bg;\n border: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius($custom-file-border-radius);\n @include box-shadow($custom-file-box-shadow);\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);\n padding: $custom-file-padding-y $custom-file-padding-x;\n line-height: $custom-file-line-height;\n color: $custom-file-button-color;\n content: \"Browse\";\n @include gradient-bg($custom-file-button-bg);\n border-left: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n }\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s or `<ul>`s.\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: $nav-link-padding-y $nav-link-padding-x;\n\n @include hover-focus {\n text-decoration: none;\n }\n\n // Disabled state lightens text\n &.disabled {\n color: $nav-link-disabled-color;\n }\n}\n\n//\n// Tabs\n//\n\n.nav-tabs {\n border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n .nav-item {\n margin-bottom: -$nav-tabs-border-width;\n }\n\n .nav-link {\n border: $nav-tabs-border-width solid transparent;\n @include border-top-radius($nav-tabs-border-radius);\n\n @include hover-focus {\n border-color: $nav-tabs-link-hover-border-color;\n }\n\n &.disabled {\n color: $nav-link-disabled-color;\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .nav-link.active,\n .nav-item.show .nav-link {\n color: $nav-tabs-link-active-color;\n background-color: $nav-tabs-link-active-bg;\n border-color: $nav-tabs-link-active-border-color;\n }\n\n .dropdown-menu {\n // Make dropdown border overlap tab border\n margin-top: -$nav-tabs-border-width;\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n }\n}\n\n\n//\n// Pills\n//\n\n.nav-pills {\n .nav-link {\n @include border-radius($nav-pills-border-radius);\n }\n\n .nav-link.active,\n .show > .nav-link {\n color: $nav-pills-link-active-color;\n background-color: $nav-pills-link-active-bg;\n }\n}\n\n\n//\n// Justified variants\n//\n\n.nav-fill {\n .nav-item {\n flex: 1 1 auto;\n text-align: center;\n }\n}\n\n.nav-justified {\n .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.tab-content {\n > .tab-pane {\n display: none;\n }\n > .active {\n display: block;\n }\n}\n","// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properities so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n font-size: $navbar-brand-font-size;\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).\n\n.navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orienation. Requires the use of `flex-wrap: wrap`\n// on the `.navbar` parent.\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n font-size: $navbar-toggler-font-size;\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n\n // Opinionated: add \"hand\" cursor to non-disabled .navbar-toggler elements\n &:not(:disabled):not(.disabled) {\n cursor: pointer;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .navbar-nav {\n flex-direction: row;\n\n .dropdown-menu {\n position: absolute;\n }\n\n .dropdown-menu-right {\n right: 0;\n left: auto; // Reset the default from `.dropdown-menu`\n }\n\n .nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .navbar-toggler {\n display: none;\n }\n\n .dropup {\n .dropdown-menu {\n top: auto;\n bottom: 100%;\n }\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.navbar-light {\n .navbar-brand {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n\n .navbar-nav {\n .nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .show > .nav-link,\n .active > .nav-link,\n .nav-link.show,\n .nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.navbar-dark {\n .navbar-brand {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n\n .navbar-nav {\n .nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .show > .nav-link,\n .active > .nav-link,\n .nav-link.show,\n .nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n","//\n// Base styles\n//\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: $card-bg;\n background-clip: border-box;\n border: $card-border-width solid $card-border-color;\n @include border-radius($card-border-radius);\n\n > hr {\n margin-right: 0;\n margin-left: 0;\n }\n\n > .list-group:first-child {\n .list-group-item:first-child {\n @include border-top-radius($card-border-radius);\n }\n }\n\n > .list-group:last-child {\n .list-group-item:last-child {\n @include border-bottom-radius($card-border-radius);\n }\n }\n}\n\n.card-body {\n // Enable `flex-grow: 1` for decks and groups so that card blocks take up\n // as much space as possible, ensuring footers are aligned to the bottom.\n flex: 1 1 auto;\n padding: $card-spacer-x;\n}\n\n.card-title {\n margin-bottom: $card-spacer-y;\n}\n\n.card-subtitle {\n margin-top: -($card-spacer-y / 2);\n margin-bottom: 0;\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link {\n @include hover {\n text-decoration: none;\n }\n\n + .card-link {\n margin-left: $card-spacer-x;\n }\n}\n\n//\n// Optional textual caps\n//\n\n.card-header {\n padding: $card-spacer-y $card-spacer-x;\n margin-bottom: 0; // Removes the default margin-bottom of <hN>\n background-color: $card-cap-bg;\n border-bottom: $card-border-width solid $card-border-color;\n\n &:first-child {\n @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);\n }\n\n + .list-group {\n .list-group-item:first-child {\n border-top: 0;\n }\n }\n}\n\n.card-footer {\n padding: $card-spacer-y $card-spacer-x;\n background-color: $card-cap-bg;\n border-top: $card-border-width solid $card-border-color;\n\n &:last-child {\n @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);\n }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n margin-right: -($card-spacer-x / 2);\n margin-bottom: -$card-spacer-y;\n margin-left: -($card-spacer-x / 2);\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -($card-spacer-x / 2);\n margin-left: -($card-spacer-x / 2);\n}\n\n// Card image\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: $card-img-overlay-padding;\n}\n\n.card-img {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-radius($card-inner-border-radius);\n}\n\n// Card image caps\n.card-img-top {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-top-radius($card-inner-border-radius);\n}\n\n.card-img-bottom {\n width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch\n @include border-bottom-radius($card-inner-border-radius);\n}\n\n\n// Card deck\n\n.card-deck {\n display: flex;\n flex-direction: column;\n\n .card {\n margin-bottom: $card-deck-margin;\n }\n\n @include media-breakpoint-up(sm) {\n flex-flow: row wrap;\n margin-right: -$card-deck-margin;\n margin-left: -$card-deck-margin;\n\n .card {\n display: flex;\n // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: $card-deck-margin;\n margin-bottom: 0; // Override the default\n margin-left: $card-deck-margin;\n }\n }\n}\n\n\n//\n// Card groups\n//\n\n.card-group {\n display: flex;\n flex-direction: column;\n\n // The child selector allows nested `.card` within `.card-group`\n // to display properly.\n > .card {\n margin-bottom: $card-group-margin;\n }\n\n @include media-breakpoint-up(sm) {\n flex-flow: row wrap;\n // The child selector allows nested `.card` within `.card-group`\n // to display properly.\n > .card {\n // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored\n flex: 1 0 0%;\n margin-bottom: 0;\n\n + .card {\n margin-left: 0;\n border-left: 0;\n }\n\n // Handle rounded corners\n @if $enable-rounded {\n &:first-child {\n @include border-right-radius(0);\n\n .card-img-top,\n .card-header {\n border-top-right-radius: 0;\n }\n .card-img-bottom,\n .card-footer {\n border-bottom-right-radius: 0;\n }\n }\n\n &:last-child {\n @include border-left-radius(0);\n\n .card-img-top,\n .card-header {\n border-top-left-radius: 0;\n }\n .card-img-bottom,\n .card-footer {\n border-bottom-left-radius: 0;\n }\n }\n\n &:only-child {\n @include border-radius($card-border-radius);\n\n .card-img-top,\n .card-header {\n @include border-top-radius($card-border-radius);\n }\n .card-img-bottom,\n .card-footer {\n @include border-bottom-radius($card-border-radius);\n }\n }\n\n &:not(:first-child):not(:last-child):not(:only-child) {\n @include border-radius(0);\n\n .card-img-top,\n .card-img-bottom,\n .card-header,\n .card-footer {\n @include border-radius(0);\n }\n }\n }\n }\n }\n}\n\n\n//\n// Columns\n//\n\n.card-columns {\n .card {\n margin-bottom: $card-columns-margin;\n }\n\n @include media-breakpoint-up(sm) {\n column-count: $card-columns-count;\n column-gap: $card-columns-gap;\n\n .card {\n display: inline-block; // Don't let them vertically span multiple columns\n width: 100%; // Don't let their width change\n }\n }\n}\n",".breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n margin-bottom: $breadcrumb-margin-bottom;\n list-style: none;\n background-color: $breadcrumb-bg;\n @include border-radius($border-radius);\n}\n\n.breadcrumb-item {\n // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n + .breadcrumb-item::before {\n display: inline-block; // Suppress underlining of the separator in modern browsers\n padding-right: $breadcrumb-item-padding;\n padding-left: $breadcrumb-item-padding;\n color: $breadcrumb-divider-color;\n content: \"#{$breadcrumb-divider}\";\n }\n\n // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n // without `<ul>`s. The `::before` pseudo-element generates an element\n // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.\n //\n // To trick IE into suppressing the underline, we give the pseudo-element an\n // underline and then immediately remove it.\n + .breadcrumb-item:hover::before {\n text-decoration: underline;\n }\n // stylelint-disable-next-line no-duplicate-selectors\n + .breadcrumb-item:hover::before {\n text-decoration: none;\n }\n\n &.active {\n color: $breadcrumb-active-color;\n }\n}\n",".pagination {\n display: flex;\n @include list-unstyled();\n @include border-radius();\n}\n\n.page-link {\n position: relative;\n display: block;\n padding: $pagination-padding-y $pagination-padding-x;\n margin-left: -$pagination-border-width;\n line-height: $pagination-line-height;\n color: $pagination-color;\n background-color: $pagination-bg;\n border: $pagination-border-width solid $pagination-border-color;\n\n &:hover {\n color: $pagination-hover-color;\n text-decoration: none;\n background-color: $pagination-hover-bg;\n border-color: $pagination-hover-border-color;\n }\n\n &:focus {\n z-index: 2;\n outline: 0;\n box-shadow: $pagination-focus-box-shadow;\n }\n\n // Opinionated: add \"hand\" cursor to non-disabled .page-link elements\n &:not(:disabled):not(.disabled) {\n cursor: pointer;\n }\n}\n\n.page-item {\n &:first-child {\n .page-link {\n margin-left: 0;\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n\n &.active .page-link {\n z-index: 1;\n color: $pagination-active-color;\n background-color: $pagination-active-bg;\n border-color: $pagination-active-border-color;\n }\n\n &.disabled .page-link {\n color: $pagination-disabled-color;\n pointer-events: none;\n // Opinionated: remove the \"hand\" cursor set previously for .page-link\n cursor: auto;\n background-color: $pagination-disabled-bg;\n border-color: $pagination-disabled-border-color;\n }\n}\n\n\n//\n// Sizing\n//\n\n.pagination-lg {\n @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);\n}\n\n.pagination-sm {\n @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);\n}\n","// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n }\n\n .page-item {\n &:first-child {\n .page-link {\n @include border-left-radius($border-radius);\n }\n }\n &:last-child {\n .page-link {\n @include border-right-radius($border-radius);\n }\n }\n }\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badge {\n display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n font-size: $badge-font-size;\n font-weight: $badge-font-weight;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n @include border-radius($badge-border-radius);\n\n // Empty badges collapse automatically\n &:empty {\n display: none;\n }\n}\n\n// Quick fix for badges in buttons\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.badge-pill {\n padding-right: $badge-pill-padding-x;\n padding-left: $badge-pill-padding-x;\n @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n .badge-#{$color} {\n @include badge-variant($value);\n }\n}\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n &[href] {\n @include hover-focus {\n color: color-yiq($bg);\n text-decoration: none;\n background-color: darken($bg, 10%);\n }\n }\n}\n",".jumbotron {\n padding: $jumbotron-padding ($jumbotron-padding / 2);\n margin-bottom: $jumbotron-padding;\n background-color: $jumbotron-bg;\n @include border-radius($border-radius-lg);\n\n @include media-breakpoint-up(sm) {\n padding: ($jumbotron-padding * 2) $jumbotron-padding;\n }\n}\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n @include border-radius(0);\n}\n","//\n// Base styles\n//\n\n.alert {\n position: relative;\n padding: $alert-padding-y $alert-padding-x;\n margin-bottom: $alert-margin-bottom;\n border: $alert-border-width solid transparent;\n @include border-radius($alert-border-radius);\n}\n\n// Headings for larger alerts\n.alert-heading {\n // Specified to prevent conflicts of changing $headings-color\n color: inherit;\n}\n\n// Provide class for links that match alerts\n.alert-link {\n font-weight: $alert-link-font-weight;\n}\n\n\n// Dismissible alerts\n//\n// Expand the right padding and account for the close button's positioning.\n\n.alert-dismissible {\n padding-right: ($close-font-size + $alert-padding-x * 2);\n\n // Adjust close link position\n .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: $alert-padding-y $alert-padding-x;\n color: inherit;\n }\n}\n\n\n// Alternate styles\n//\n// Generate contextual modifier classes for colorizing the alert.\n\n@each $color, $value in $theme-colors {\n .alert-#{$color} {\n @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));\n }\n}\n","@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-color: $border;\n\n hr {\n border-top-color: darken($border, 5%);\n }\n\n .alert-link {\n color: darken($color, 10%);\n }\n}\n","@keyframes progress-bar-stripes {\n from { background-position: $progress-height 0; }\n to { background-position: 0 0; }\n}\n\n.progress {\n display: flex;\n height: $progress-height;\n overflow: hidden; // force rounded corners by cropping it\n font-size: $progress-font-size;\n background-color: $progress-bg;\n @include border-radius($progress-border-radius);\n @include box-shadow($progress-box-shadow);\n}\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: $progress-bar-color;\n text-align: center;\n background-color: $progress-bar-bg;\n @include transition($progress-bar-transition);\n}\n\n.progress-bar-striped {\n @include gradient-striped();\n background-size: $progress-height $progress-height;\n}\n\n.progress-bar-animated {\n animation: progress-bar-stripes $progress-bar-animation-timing;\n}\n",".media {\n display: flex;\n align-items: flex-start;\n}\n\n.media-body {\n flex: 1;\n}\n","// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n display: flex;\n flex-direction: column;\n\n // No need to set list-style: none; since .list-group-item is block level\n padding-left: 0; // reset padding because ul and ol\n margin-bottom: 0;\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n width: 100%; // For `<button>`s (anchors become 100% by default though)\n color: $list-group-action-color;\n text-align: inherit; // For `<button>`s (anchors inherit)\n\n // Hover state\n @include hover-focus {\n color: $list-group-action-hover-color;\n text-decoration: none;\n background-color: $list-group-hover-bg;\n }\n\n &:active {\n color: $list-group-action-active-color;\n background-color: $list-group-action-active-bg;\n }\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n position: relative;\n display: block;\n padding: $list-group-item-padding-y $list-group-item-padding-x;\n // Place the border on the list items and negative margin up for better styling\n margin-bottom: -$list-group-border-width;\n background-color: $list-group-bg;\n border: $list-group-border-width solid $list-group-border-color;\n\n &:first-child {\n @include border-top-radius($list-group-border-radius);\n }\n\n &:last-child {\n margin-bottom: 0;\n @include border-bottom-radius($list-group-border-radius);\n }\n\n @include hover-focus {\n z-index: 1; // Place hover/active items above their siblings for proper border styling\n text-decoration: none;\n }\n\n &.disabled,\n &:disabled {\n color: $list-group-disabled-color;\n background-color: $list-group-disabled-bg;\n }\n\n // Include both here for `<a>`s and `<button>`s\n &.active {\n z-index: 2; // Place active items above their siblings for proper border styling\n color: $list-group-active-color;\n background-color: $list-group-active-bg;\n border-color: $list-group-active-border-color;\n }\n}\n\n\n// Flush list items\n//\n// Remove borders and border-radius to keep list group items edge-to-edge. Most\n// useful within other components (e.g., cards).\n\n.list-group-flush {\n .list-group-item {\n border-right: 0;\n border-left: 0;\n @include border-radius(0);\n }\n\n &:first-child {\n .list-group-item:first-child {\n border-top: 0;\n }\n }\n\n &:last-child {\n .list-group-item:last-child {\n border-bottom: 0;\n }\n }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n@each $color, $value in $theme-colors {\n @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));\n}\n","// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: $color;\n background-color: $background;\n\n &.list-group-item-action {\n @include hover-focus {\n color: $color;\n background-color: darken($background, 5%);\n }\n\n &.active {\n color: #fff;\n background-color: $color;\n border-color: $color;\n }\n }\n }\n}\n",".close {\n float: right;\n font-size: $close-font-size;\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n @include hover-focus {\n color: $close-color;\n text-decoration: none;\n opacity: .75;\n }\n\n // Opinionated: add \"hand\" cursor to non-disabled .close elements\n &:not(:disabled):not(.disabled) {\n cursor: pointer;\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n// stylelint-enable\n","// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and stuff\n\n\n// Kill the scroll on the body\n.modal-open {\n overflow: hidden;\n}\n\n// Container that the modal scrolls within\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal;\n display: none;\n overflow: hidden;\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n // See also https://github.com/twbs/bootstrap/issues/17695\n\n .modal-open & {\n overflow-x: hidden;\n overflow-y: auto;\n }\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n pointer-events: none;\n\n // When fading in the modal, animate it to slide down\n .modal.fade & {\n @include transition($modal-transition);\n transform: translate(0, -25%);\n }\n .modal.show & {\n transform: translate(0, 0);\n }\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - (#{$modal-dialog-margin} * 2));\n}\n\n// Actual modal\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n // counteract the pointer-events: none; in the .modal-dialog\n pointer-events: auto;\n background-color: $modal-content-bg;\n background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n @include border-radius($border-radius-lg);\n @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n background-color: $modal-backdrop-bg;\n\n // Fade for backdrop\n &.fade { opacity: 0; }\n &.show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n display: flex;\n align-items: flex-start; // so the close btn always stays on the upper right corner\n justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n padding: $modal-header-padding;\n border-bottom: $modal-header-border-width solid $modal-header-border-color;\n @include border-top-radius($border-radius-lg);\n\n .close {\n padding: $modal-header-padding;\n // auto on the left force icon to the right even when there is no .modal-title\n margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;\n }\n}\n\n// Title text within header\n.modal-title {\n margin-bottom: 0;\n line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n position: relative;\n // Enable `flex-grow: 1` so that the body take up as much space as possible\n // when should there be a fixed height on `.modal-dialog`.\n flex: 1 1 auto;\n padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n display: flex;\n align-items: center; // vertically center\n justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n padding: $modal-inner-padding;\n border-top: $modal-footer-border-width solid $modal-footer-border-color;\n\n // Easily place margin between footer elements\n > :not(:first-child) { margin-left: .25rem; }\n > :not(:last-child) { margin-right: .25rem; }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n // Automatically set modal's width for larger viewports\n .modal-dialog {\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n\n .modal-dialog-centered {\n min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));\n }\n\n .modal-content {\n @include box-shadow($modal-content-box-shadow-sm-up);\n }\n\n .modal-sm { max-width: $modal-sm; }\n\n}\n\n@include media-breakpoint-up(lg) {\n .modal-lg { max-width: $modal-lg; }\n}\n","// Base class\n.tooltip {\n position: absolute;\n z-index: $zindex-tooltip;\n display: block;\n margin: $tooltip-margin;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n @include reset-text();\n font-size: $tooltip-font-size;\n // Allow breaking very long words so they don't overflow the tooltip's bounds\n word-wrap: break-word;\n opacity: 0;\n\n &.show { opacity: $tooltip-opacity; }\n\n .arrow {\n position: absolute;\n display: block;\n width: $tooltip-arrow-width;\n height: $tooltip-arrow-height;\n\n &::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n.bs-tooltip-top {\n padding: $tooltip-arrow-height 0;\n\n .arrow {\n bottom: 0;\n\n &::before {\n top: 0;\n border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;\n border-top-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-right {\n padding: 0 $tooltip-arrow-height;\n\n .arrow {\n left: 0;\n width: $tooltip-arrow-height;\n height: $tooltip-arrow-width;\n\n &::before {\n right: 0;\n border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;\n border-right-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-bottom {\n padding: $tooltip-arrow-height 0;\n\n .arrow {\n top: 0;\n\n &::before {\n bottom: 0;\n border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;\n border-bottom-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-left {\n padding: 0 $tooltip-arrow-height;\n\n .arrow {\n right: 0;\n width: $tooltip-arrow-height;\n height: $tooltip-arrow-width;\n\n &::before {\n left: 0;\n border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;\n border-left-color: $tooltip-arrow-color;\n }\n }\n}\n\n.bs-tooltip-auto {\n &[x-placement^=\"top\"] {\n @extend .bs-tooltip-top;\n }\n &[x-placement^=\"right\"] {\n @extend .bs-tooltip-right;\n }\n &[x-placement^=\"bottom\"] {\n @extend .bs-tooltip-bottom;\n }\n &[x-placement^=\"left\"] {\n @extend .bs-tooltip-left;\n }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n max-width: $tooltip-max-width;\n padding: $tooltip-padding-y $tooltip-padding-x;\n color: $tooltip-color;\n text-align: center;\n background-color: $tooltip-bg;\n @include border-radius($tooltip-border-radius);\n}\n","@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n}\n",".popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zindex-popover;\n display: block;\n max-width: $popover-max-width;\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n @include reset-text();\n font-size: $popover-font-size;\n // Allow breaking very long words so they don't overflow the popover's bounds\n word-wrap: break-word;\n background-color: $popover-bg;\n background-clip: padding-box;\n border: $popover-border-width solid $popover-border-color;\n @include border-radius($popover-border-radius);\n @include box-shadow($popover-box-shadow);\n\n .arrow {\n position: absolute;\n display: block;\n width: $popover-arrow-width;\n height: $popover-arrow-height;\n margin: 0 $border-radius-lg;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n.bs-popover-top {\n margin-bottom: $popover-arrow-height;\n\n .arrow {\n bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n }\n\n .arrow::before,\n .arrow::after {\n border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;\n }\n\n .arrow::before {\n bottom: 0;\n border-top-color: $popover-arrow-outer-color;\n }\n\n .arrow::after {\n bottom: $popover-border-width;\n border-top-color: $popover-arrow-color;\n }\n}\n\n.bs-popover-right {\n margin-left: $popover-arrow-height;\n\n .arrow {\n left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n width: $popover-arrow-height;\n height: $popover-arrow-width;\n margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners\n }\n\n .arrow::before,\n .arrow::after {\n border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;\n }\n\n .arrow::before {\n left: 0;\n border-right-color: $popover-arrow-outer-color;\n }\n\n .arrow::after {\n left: $popover-border-width;\n border-right-color: $popover-arrow-color;\n }\n}\n\n.bs-popover-bottom {\n margin-top: $popover-arrow-height;\n\n .arrow {\n top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n }\n\n .arrow::before,\n .arrow::after {\n border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);\n }\n\n .arrow::before {\n top: 0;\n border-bottom-color: $popover-arrow-outer-color;\n }\n\n .arrow::after {\n top: $popover-border-width;\n border-bottom-color: $popover-arrow-color;\n }\n\n // This will remove the popover-header's border just below the arrow\n .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: $popover-arrow-width;\n margin-left: ($popover-arrow-width / -2);\n content: \"\";\n border-bottom: $popover-border-width solid $popover-header-bg;\n }\n}\n\n.bs-popover-left {\n margin-right: $popover-arrow-height;\n\n .arrow {\n right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);\n width: $popover-arrow-height;\n height: $popover-arrow-width;\n margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners\n }\n\n .arrow::before,\n .arrow::after {\n border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;\n }\n\n .arrow::before {\n right: 0;\n border-left-color: $popover-arrow-outer-color;\n }\n\n .arrow::after {\n right: $popover-border-width;\n border-left-color: $popover-arrow-color;\n }\n}\n\n.bs-popover-auto {\n &[x-placement^=\"top\"] {\n @extend .bs-popover-top;\n }\n &[x-placement^=\"right\"] {\n @extend .bs-popover-right;\n }\n &[x-placement^=\"bottom\"] {\n @extend .bs-popover-bottom;\n }\n &[x-placement^=\"left\"] {\n @extend .bs-popover-left;\n }\n}\n\n\n// Offset the popover to account for the popover arrow\n.popover-header {\n padding: $popover-header-padding-y $popover-header-padding-x;\n margin-bottom: 0; // Reset the default from Reboot\n font-size: $font-size-base;\n color: $popover-header-color;\n background-color: $popover-header-bg;\n border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\n $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});\n @include border-top-radius($offset-border-width);\n\n &:empty {\n display: none;\n }\n}\n\n.popover-body {\n padding: $popover-body-padding-y $popover-body-padding-x;\n color: $popover-body-color;\n}\n","// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n\n.carousel-item {\n position: relative;\n display: none;\n align-items: center;\n width: 100%;\n @include transition($carousel-transition);\n backface-visibility: hidden;\n perspective: 1000px;\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block;\n}\n\n.carousel-item-next,\n.carousel-item-prev {\n position: absolute;\n top: 0;\n}\n\n// CSS3 transforms when supported by the browser\n.carousel-item-next.carousel-item-left,\n.carousel-item-prev.carousel-item-right {\n transform: translateX(0);\n\n @supports (transform-style: preserve-3d) {\n transform: translate3d(0, 0, 0);\n }\n}\n\n.carousel-item-next,\n.active.carousel-item-right {\n transform: translateX(100%);\n\n @supports (transform-style: preserve-3d) {\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.carousel-item-prev,\n.active.carousel-item-left {\n transform: translateX(-100%);\n\n @supports (transform-style: preserve-3d) {\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n\n//\n// Left/right controls for nav\n//\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n // Use flex for alignment (1-3)\n display: flex; // 1. allow flex styles\n align-items: center; // 2. vertically center contents\n justify-content: center; // 3. horizontally center contents\n width: $carousel-control-width;\n color: $carousel-control-color;\n text-align: center;\n opacity: $carousel-control-opacity;\n // We can't have a transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Hover/focus state\n @include hover-focus {\n color: $carousel-control-color;\n text-decoration: none;\n outline: 0;\n opacity: .9;\n }\n}\n.carousel-control-prev {\n left: 0;\n @if $enable-gradients {\n background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));\n }\n}\n.carousel-control-next {\n right: 0;\n @if $enable-gradients {\n background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));\n }\n}\n\n// Icons for within\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: $carousel-control-icon-width;\n height: $carousel-control-icon-width;\n background: transparent no-repeat center center;\n background-size: 100% 100%;\n}\n.carousel-control-prev-icon {\n background-image: $carousel-control-prev-icon-bg;\n}\n.carousel-control-next-icon {\n background-image: $carousel-control-next-icon-bg;\n}\n\n\n// Optional indicator pips\n//\n// Add an ordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 10px;\n left: 0;\n z-index: 15;\n display: flex;\n justify-content: center;\n padding-left: 0; // override <ol> default\n // Use the .carousel-control's width as margin so we don't overlay those\n margin-right: $carousel-control-width;\n margin-left: $carousel-control-width;\n list-style: none;\n\n li {\n position: relative;\n flex: 0 1 auto;\n width: $carousel-indicator-width;\n height: $carousel-indicator-height;\n margin-right: $carousel-indicator-spacer;\n margin-left: $carousel-indicator-spacer;\n text-indent: -999px;\n background-color: rgba($carousel-indicator-active-bg, .5);\n\n // Use pseudo classes to increase the hit area by 10px on top and bottom.\n &::before {\n position: absolute;\n top: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n }\n &::after {\n position: absolute;\n bottom: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\";\n }\n }\n\n .active {\n background-color: $carousel-indicator-active-bg;\n }\n}\n\n\n// Optional captions\n//\n//\n\n.carousel-caption {\n position: absolute;\n right: ((100% - $carousel-caption-width) / 2);\n bottom: 20px;\n left: ((100% - $carousel-caption-width) / 2);\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: $carousel-caption-color;\n text-align: center;\n}\n","// stylelint-disable declaration-no-important\n\n.align-baseline { vertical-align: baseline !important; } // Browser default\n.align-top { vertical-align: top !important; }\n.align-middle { vertical-align: middle !important; }\n.align-bottom { vertical-align: bottom !important; }\n.align-text-bottom { vertical-align: text-bottom !important; }\n.align-text-top { vertical-align: text-top !important; }\n","// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$parent} {\n background-color: $color !important;\n }\n a#{$parent},\n button#{$parent} {\n @include hover-focus {\n background-color: darken($color, 10%) !important;\n }\n }\n}\n\n@mixin bg-gradient-variant($parent, $color) {\n #{$parent} {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\n }\n}\n","// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n @include bg-variant(\".bg-#{$color}\", $value);\n}\n\n@if $enable-gradients {\n @each $color, $value in $theme-colors {\n @include bg-gradient-variant(\".bg-gradient-#{$color}\", $value);\n }\n}\n\n.bg-white {\n background-color: $white !important;\n}\n\n.bg-transparent {\n background-color: transparent !important;\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Border\n//\n\n.border { border: $border-width solid $border-color !important; }\n.border-top { border-top: $border-width solid $border-color !important; }\n.border-right { border-right: $border-width solid $border-color !important; }\n.border-bottom { border-bottom: $border-width solid $border-color !important; }\n.border-left { border-left: $border-width solid $border-color !important; }\n\n.border-0 { border: 0 !important; }\n.border-top-0 { border-top: 0 !important; }\n.border-right-0 { border-right: 0 !important; }\n.border-bottom-0 { border-bottom: 0 !important; }\n.border-left-0 { border-left: 0 !important; }\n\n@each $color, $value in $theme-colors {\n .border-#{$color} {\n border-color: $value !important;\n }\n}\n\n.border-white {\n border-color: $white !important;\n}\n\n//\n// Border-radius\n//\n\n.rounded {\n border-radius: $border-radius !important;\n}\n.rounded-top {\n border-top-left-radius: $border-radius !important;\n border-top-right-radius: $border-radius !important;\n}\n.rounded-right {\n border-top-right-radius: $border-radius !important;\n border-bottom-right-radius: $border-radius !important;\n}\n.rounded-bottom {\n border-bottom-right-radius: $border-radius !important;\n border-bottom-left-radius: $border-radius !important;\n}\n.rounded-left {\n border-top-left-radius: $border-radius !important;\n border-bottom-left-radius: $border-radius !important;\n}\n\n.rounded-circle {\n border-radius: 50% !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n","@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .d#{$infix}-none { display: none !important; }\n .d#{$infix}-inline { display: inline !important; }\n .d#{$infix}-inline-block { display: inline-block !important; }\n .d#{$infix}-block { display: block !important; }\n .d#{$infix}-table { display: table !important; }\n .d#{$infix}-table-row { display: table-row !important; }\n .d#{$infix}-table-cell { display: table-cell !important; }\n .d#{$infix}-flex { display: flex !important; }\n .d#{$infix}-inline-flex { display: inline-flex !important; }\n }\n}\n\n\n//\n// Utilities for toggling `display` in print\n//\n\n@media print {\n .d-print-none { display: none !important; }\n .d-print-inline { display: inline !important; }\n .d-print-inline-block { display: inline-block !important; }\n .d-print-block { display: block !important; }\n .d-print-table { display: table !important; }\n .d-print-table-row { display: table-row !important; }\n .d-print-table-cell { display: table-cell !important; }\n .d-print-flex { display: flex !important; }\n .d-print-inline-flex { display: inline-flex !important; }\n}\n","// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden;\n\n &::before {\n display: block;\n content: \"\";\n }\n\n .embed-responsive-item,\n iframe,\n embed,\n object,\n video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n}\n\n.embed-responsive-21by9 {\n &::before {\n padding-top: percentage(9 / 21);\n }\n}\n\n.embed-responsive-16by9 {\n &::before {\n padding-top: percentage(9 / 16);\n }\n}\n\n.embed-responsive-4by3 {\n &::before {\n padding-top: percentage(3 / 4);\n }\n}\n\n.embed-responsive-1by1 {\n &::before {\n padding-top: percentage(1 / 1);\n }\n}\n","// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment options.\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .flex#{$infix}-row { flex-direction: row !important; }\n .flex#{$infix}-column { flex-direction: column !important; }\n .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }\n .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }\n\n .flex#{$infix}-wrap { flex-wrap: wrap !important; }\n .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }\n .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }\n\n .justify-content#{$infix}-start { justify-content: flex-start !important; }\n .justify-content#{$infix}-end { justify-content: flex-end !important; }\n .justify-content#{$infix}-center { justify-content: center !important; }\n .justify-content#{$infix}-between { justify-content: space-between !important; }\n .justify-content#{$infix}-around { justify-content: space-around !important; }\n\n .align-items#{$infix}-start { align-items: flex-start !important; }\n .align-items#{$infix}-end { align-items: flex-end !important; }\n .align-items#{$infix}-center { align-items: center !important; }\n .align-items#{$infix}-baseline { align-items: baseline !important; }\n .align-items#{$infix}-stretch { align-items: stretch !important; }\n\n .align-content#{$infix}-start { align-content: flex-start !important; }\n .align-content#{$infix}-end { align-content: flex-end !important; }\n .align-content#{$infix}-center { align-content: center !important; }\n .align-content#{$infix}-between { align-content: space-between !important; }\n .align-content#{$infix}-around { align-content: space-around !important; }\n .align-content#{$infix}-stretch { align-content: stretch !important; }\n\n .align-self#{$infix}-auto { align-self: auto !important; }\n .align-self#{$infix}-start { align-self: flex-start !important; }\n .align-self#{$infix}-end { align-self: flex-end !important; }\n .align-self#{$infix}-center { align-self: center !important; }\n .align-self#{$infix}-baseline { align-self: baseline !important; }\n .align-self#{$infix}-stretch { align-self: stretch !important; }\n }\n}\n","@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .float#{$infix}-left { @include float-left; }\n .float#{$infix}-right { @include float-right; }\n .float#{$infix}-none { @include float-none; }\n }\n}\n","// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n}\n@mixin float-right {\n float: right !important;\n}\n@mixin float-none {\n float: none !important;\n}\n","// stylelint-disable declaration-no-important\n\n// Common values\n\n// Sass list not in variables since it's not intended for customization.\n$positions: static, relative, absolute, fixed, sticky;\n\n@each $position in $positions {\n .position-#{$position} { position: $position !important; }\n}\n\n// Shorthand\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-fixed;\n}\n\n.sticky-top {\n @supports (position: sticky) {\n position: sticky;\n top: 0;\n z-index: $zindex-sticky;\n }\n}\n","//\n// Screenreaders\n//\n\n.sr-only {\n @include sr-only();\n}\n\n.sr-only-focusable {\n @include sr-only-focusable();\n}\n","// Only display content to screen readers\n//\n// See: http://a11yproject.com/posts/how-to-hide-content/\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\n\n@mixin sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n clip-path: inset(50%);\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n@mixin sr-only-focusable {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal;\n clip-path: none;\n }\n}\n","// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n @each $size, $length in $sizes {\n .#{$abbrev}-#{$size} { #{$prop}: $length !important; }\n }\n}\n\n.mw-100 { max-width: 100% !important; }\n.mh-100 { max-height: 100% !important; }\n","// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n @each $prop, $abbrev in (margin: m, padding: p) {\n @each $size, $length in $spacers {\n\n .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }\n .#{$abbrev}t#{$infix}-#{$size},\n .#{$abbrev}y#{$infix}-#{$size} {\n #{$prop}-top: $length !important;\n }\n .#{$abbrev}r#{$infix}-#{$size},\n .#{$abbrev}x#{$infix}-#{$size} {\n #{$prop}-right: $length !important;\n }\n .#{$abbrev}b#{$infix}-#{$size},\n .#{$abbrev}y#{$infix}-#{$size} {\n #{$prop}-bottom: $length !important;\n }\n .#{$abbrev}l#{$infix}-#{$size},\n .#{$abbrev}x#{$infix}-#{$size} {\n #{$prop}-left: $length !important;\n }\n }\n }\n\n // Some special margin utils\n .m#{$infix}-auto { margin: auto !important; }\n .mt#{$infix}-auto,\n .my#{$infix}-auto {\n margin-top: auto !important;\n }\n .mr#{$infix}-auto,\n .mx#{$infix}-auto {\n margin-right: auto !important;\n }\n .mb#{$infix}-auto,\n .my#{$infix}-auto {\n margin-bottom: auto !important;\n }\n .ml#{$infix}-auto,\n .mx#{$infix}-auto {\n margin-left: auto !important;\n }\n }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n// Alignment\n\n.text-justify { text-align: justify !important; }\n.text-nowrap { white-space: nowrap !important; }\n.text-truncate { @include text-truncate; }\n\n// Responsive alignment\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n\n .text#{$infix}-left { text-align: left !important; }\n .text#{$infix}-right { text-align: right !important; }\n .text#{$infix}-center { text-align: center !important; }\n }\n}\n\n// Transformation\n\n.text-lowercase { text-transform: lowercase !important; }\n.text-uppercase { text-transform: uppercase !important; }\n.text-capitalize { text-transform: capitalize !important; }\n\n// Weight and italics\n\n.font-weight-light { font-weight: $font-weight-light !important; }\n.font-weight-normal { font-weight: $font-weight-normal !important; }\n.font-weight-bold { font-weight: $font-weight-bold !important; }\n.font-italic { font-style: italic !important; }\n\n// Contextual colors\n\n.text-white { color: #fff !important; }\n\n@each $color, $value in $theme-colors {\n @include text-emphasis-variant(\".text-#{$color}\", $value);\n}\n\n.text-muted { color: $text-muted !important; }\n\n// Misc\n\n.text-hide {\n @include text-hide();\n}\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n a#{$parent} {\n @include hover-focus {\n color: darken($color, 10%) !important;\n }\n }\n}\n","// CSS image replacement\n@mixin text-hide() {\n // stylelint-disable-next-line font-family-no-missing-generic-family-keyword\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n","//\n// Visibility utilities\n//\n\n.visible {\n @include invisible(visible);\n}\n\n.invisible {\n @include invisible(hidden);\n}\n","// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility !important;\n}\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css\n\n// ==========================================================================\n// Print styles.\n// Inlined to avoid the additional HTTP request:\n// http://www.phpied.com/delay-loading-your-print-css/\n// ==========================================================================\n\n@if $enable-print-styles {\n @media print {\n *,\n *::before,\n *::after {\n // Bootstrap specific; comment out `color` and `background`\n //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953\n text-shadow: none !important;\n //background: transparent !important;\n box-shadow: none !important;\n }\n\n a {\n &:not(.btn) {\n text-decoration: underline;\n }\n }\n\n // Bootstrap specific; comment the following selector out\n //a[href]::after {\n // content: \" (\" attr(href) \")\";\n //}\n\n abbr[title]::after {\n content: \" (\" attr(title) \")\";\n }\n\n // Bootstrap specific; comment the following selector out\n //\n // Don't show links that are fragment identifiers,\n // or use the `javascript:` pseudo protocol\n //\n\n //a[href^=\"#\"]::after,\n //a[href^=\"javascript:\"]::after {\n // content: \"\";\n //}\n\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px\n page-break-inside: avoid;\n }\n\n //\n // Printing Tables:\n // http://css-discuss.incutio.com/wiki/Printing_Tables\n //\n\n thead {\n display: table-header-group;\n }\n\n tr,\n img {\n page-break-inside: avoid;\n }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 {\n page-break-after: avoid;\n }\n\n // Bootstrap specific changes start\n\n // Specify a size and min-width to make printing closer across browsers.\n // We don't set margin here because it breaks `size` in Chrome. We also\n // don't use `!important` on `size` as it breaks in Chrome.\n @page {\n size: $print-page-size;\n }\n body {\n min-width: $print-body-min-width !important;\n }\n .container {\n min-width: $print-body-min-width !important;\n }\n\n // Bootstrap components\n .navbar {\n display: none;\n }\n .badge {\n border: $border-width solid #000;\n }\n\n .table {\n border-collapse: collapse !important;\n\n td,\n th {\n background-color: #fff !important;\n }\n }\n .table-bordered {\n th,\n td {\n border: 1px solid #ddd !important;\n }\n }\n\n // Bootstrap specific changes end\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/js/bootstrap.bundle.js b/public/ThirdParty/Bootstrap/js/bootstrap.bundle.js
new file mode 100644
index 0000000000000000000000000000000000000000..45b357d369a6ee2f658bebc1f68d54d140df4522
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/js/bootstrap.bundle.js
@@ -0,0 +1,6328 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) :
+ typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) :
+ (factory((global.bootstrap = {}),global.jQuery));
+}(this, (function (exports,$) { 'use strict';
+
+$ = $ && $.hasOwnProperty('default') ? $['default'] : $;
+
+function _defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) _defineProperties(Constructor, staticProps);
+ return Constructor;
+}
+
+function _extends() {
+ _extends = Object.assign || function (target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i];
+
+ for (var key in source) {
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
+ target[key] = source[key];
+ }
+ }
+ }
+
+ return target;
+ };
+
+ return _extends.apply(this, arguments);
+}
+
+function _inheritsLoose(subClass, superClass) {
+ subClass.prototype = Object.create(superClass.prototype);
+ subClass.prototype.constructor = subClass;
+ subClass.__proto__ = superClass;
+}
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): util.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Util = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Private TransitionEnd Helpers
+ * ------------------------------------------------------------------------
+ */
+ var transition = false;
+ var MAX_UID = 1000000; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
+
+ function toType(obj) {
+ return {}.toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
+ }
+
+ function getSpecialTransitionEndEvent() {
+ return {
+ bindType: transition.end,
+ delegateType: transition.end,
+ handle: function handle(event) {
+ if ($$$1(event.target).is(this)) {
+ return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params
+ }
+
+ return undefined; // eslint-disable-line no-undefined
+ }
+ };
+ }
+
+ function transitionEndTest() {
+ if (typeof window !== 'undefined' && window.QUnit) {
+ return false;
+ }
+
+ return {
+ end: 'transitionend'
+ };
+ }
+
+ function transitionEndEmulator(duration) {
+ var _this = this;
+
+ var called = false;
+ $$$1(this).one(Util.TRANSITION_END, function () {
+ called = true;
+ });
+ setTimeout(function () {
+ if (!called) {
+ Util.triggerTransitionEnd(_this);
+ }
+ }, duration);
+ return this;
+ }
+
+ function setTransitionEndSupport() {
+ transition = transitionEndTest();
+ $$$1.fn.emulateTransitionEnd = transitionEndEmulator;
+
+ if (Util.supportsTransitionEnd()) {
+ $$$1.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
+ }
+ }
+
+ function escapeId(selector) {
+ // We escape IDs in case of special selectors (selector = '#myId:something')
+ // $.escapeSelector does not exist in jQuery < 3
+ selector = typeof $$$1.escapeSelector === 'function' ? $$$1.escapeSelector(selector).substr(1) : selector.replace(/(:|\.|\[|\]|,|=|@)/g, '\\$1');
+ return selector;
+ }
+ /**
+ * --------------------------------------------------------------------------
+ * Public Util Api
+ * --------------------------------------------------------------------------
+ */
+
+
+ var Util = {
+ TRANSITION_END: 'bsTransitionEnd',
+ getUID: function getUID(prefix) {
+ do {
+ // eslint-disable-next-line no-bitwise
+ prefix += ~~(Math.random() * MAX_UID); // "~~" acts like a faster Math.floor() here
+ } while (document.getElementById(prefix));
+
+ return prefix;
+ },
+ getSelectorFromElement: function getSelectorFromElement(element) {
+ var selector = element.getAttribute('data-target');
+
+ if (!selector || selector === '#') {
+ selector = element.getAttribute('href') || '';
+ } // If it's an ID
+
+
+ if (selector.charAt(0) === '#') {
+ selector = escapeId(selector);
+ }
+
+ try {
+ var $selector = $$$1(document).find(selector);
+ return $selector.length > 0 ? selector : null;
+ } catch (err) {
+ return null;
+ }
+ },
+ reflow: function reflow(element) {
+ return element.offsetHeight;
+ },
+ triggerTransitionEnd: function triggerTransitionEnd(element) {
+ $$$1(element).trigger(transition.end);
+ },
+ supportsTransitionEnd: function supportsTransitionEnd() {
+ return Boolean(transition);
+ },
+ isElement: function isElement(obj) {
+ return (obj[0] || obj).nodeType;
+ },
+ typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
+ for (var property in configTypes) {
+ if (Object.prototype.hasOwnProperty.call(configTypes, property)) {
+ var expectedTypes = configTypes[property];
+ var value = config[property];
+ var valueType = value && Util.isElement(value) ? 'element' : toType(value);
+
+ if (!new RegExp(expectedTypes).test(valueType)) {
+ throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
+ }
+ }
+ }
+ }
+ };
+ setTransitionEndSupport();
+ return Util;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): alert.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Alert = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'alert';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.alert';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 150;
+ var Selector = {
+ DISMISS: '[data-dismiss="alert"]'
+ };
+ var Event = {
+ CLOSE: "close" + EVENT_KEY,
+ CLOSED: "closed" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ ALERT: 'alert',
+ FADE: 'fade',
+ SHOW: 'show'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Alert =
+ /*#__PURE__*/
+ function () {
+ function Alert(element) {
+ this._element = element;
+ } // Getters
+
+
+ var _proto = Alert.prototype;
+
+ // Public
+ _proto.close = function close(element) {
+ element = element || this._element;
+
+ var rootElement = this._getRootElement(element);
+
+ var customEvent = this._triggerCloseEvent(rootElement);
+
+ if (customEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ this._removeElement(rootElement);
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ this._element = null;
+ }; // Private
+
+
+ _proto._getRootElement = function _getRootElement(element) {
+ var selector = Util.getSelectorFromElement(element);
+ var parent = false;
+
+ if (selector) {
+ parent = $$$1(selector)[0];
+ }
+
+ if (!parent) {
+ parent = $$$1(element).closest("." + ClassName.ALERT)[0];
+ }
+
+ return parent;
+ };
+
+ _proto._triggerCloseEvent = function _triggerCloseEvent(element) {
+ var closeEvent = $$$1.Event(Event.CLOSE);
+ $$$1(element).trigger(closeEvent);
+ return closeEvent;
+ };
+
+ _proto._removeElement = function _removeElement(element) {
+ var _this = this;
+
+ $$$1(element).removeClass(ClassName.SHOW);
+
+ if (!Util.supportsTransitionEnd() || !$$$1(element).hasClass(ClassName.FADE)) {
+ this._destroyElement(element);
+
+ return;
+ }
+
+ $$$1(element).one(Util.TRANSITION_END, function (event) {
+ return _this._destroyElement(element, event);
+ }).emulateTransitionEnd(TRANSITION_DURATION);
+ };
+
+ _proto._destroyElement = function _destroyElement(element) {
+ $$$1(element).detach().trigger(Event.CLOSED).remove();
+ }; // Static
+
+
+ Alert._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var $element = $$$1(this);
+ var data = $element.data(DATA_KEY);
+
+ if (!data) {
+ data = new Alert(this);
+ $element.data(DATA_KEY, data);
+ }
+
+ if (config === 'close') {
+ data[config](this);
+ }
+ });
+ };
+
+ Alert._handleDismiss = function _handleDismiss(alertInstance) {
+ return function (event) {
+ if (event) {
+ event.preventDefault();
+ }
+
+ alertInstance.close(this);
+ };
+ };
+
+ _createClass(Alert, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }]);
+ return Alert;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()));
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Alert._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Alert;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Alert._jQueryInterface;
+ };
+
+ return Alert;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): button.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Button = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'button';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.button';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var ClassName = {
+ ACTIVE: 'active',
+ BUTTON: 'btn',
+ FOCUS: 'focus'
+ };
+ var Selector = {
+ DATA_TOGGLE_CARROT: '[data-toggle^="button"]',
+ DATA_TOGGLE: '[data-toggle="buttons"]',
+ INPUT: 'input',
+ ACTIVE: '.active',
+ BUTTON: '.btn'
+ };
+ var Event = {
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY,
+ FOCUS_BLUR_DATA_API: "focus" + EVENT_KEY + DATA_API_KEY + " " + ("blur" + EVENT_KEY + DATA_API_KEY)
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Button =
+ /*#__PURE__*/
+ function () {
+ function Button(element) {
+ this._element = element;
+ } // Getters
+
+
+ var _proto = Button.prototype;
+
+ // Public
+ _proto.toggle = function toggle() {
+ var triggerChangeEvent = true;
+ var addAriaPressed = true;
+ var rootElement = $$$1(this._element).closest(Selector.DATA_TOGGLE)[0];
+
+ if (rootElement) {
+ var input = $$$1(this._element).find(Selector.INPUT)[0];
+
+ if (input) {
+ if (input.type === 'radio') {
+ if (input.checked && $$$1(this._element).hasClass(ClassName.ACTIVE)) {
+ triggerChangeEvent = false;
+ } else {
+ var activeElement = $$$1(rootElement).find(Selector.ACTIVE)[0];
+
+ if (activeElement) {
+ $$$1(activeElement).removeClass(ClassName.ACTIVE);
+ }
+ }
+ }
+
+ if (triggerChangeEvent) {
+ if (input.hasAttribute('disabled') || rootElement.hasAttribute('disabled') || input.classList.contains('disabled') || rootElement.classList.contains('disabled')) {
+ return;
+ }
+
+ input.checked = !$$$1(this._element).hasClass(ClassName.ACTIVE);
+ $$$1(input).trigger('change');
+ }
+
+ input.focus();
+ addAriaPressed = false;
+ }
+ }
+
+ if (addAriaPressed) {
+ this._element.setAttribute('aria-pressed', !$$$1(this._element).hasClass(ClassName.ACTIVE));
+ }
+
+ if (triggerChangeEvent) {
+ $$$1(this._element).toggleClass(ClassName.ACTIVE);
+ }
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ this._element = null;
+ }; // Static
+
+
+ Button._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ if (!data) {
+ data = new Button(this);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (config === 'toggle') {
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Button, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }]);
+ return Button;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
+ event.preventDefault();
+ var button = event.target;
+
+ if (!$$$1(button).hasClass(ClassName.BUTTON)) {
+ button = $$$1(button).closest(Selector.BUTTON);
+ }
+
+ Button._jQueryInterface.call($$$1(button), 'toggle');
+ }).on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
+ var button = $$$1(event.target).closest(Selector.BUTTON)[0];
+ $$$1(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type));
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Button._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Button;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Button._jQueryInterface;
+ };
+
+ return Button;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): carousel.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Carousel = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'carousel';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.carousel';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 600;
+ var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key
+
+ var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key
+
+ var TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
+
+ var Default = {
+ interval: 5000,
+ keyboard: true,
+ slide: false,
+ pause: 'hover',
+ wrap: true
+ };
+ var DefaultType = {
+ interval: '(number|boolean)',
+ keyboard: 'boolean',
+ slide: '(boolean|string)',
+ pause: '(string|boolean)',
+ wrap: 'boolean'
+ };
+ var Direction = {
+ NEXT: 'next',
+ PREV: 'prev',
+ LEFT: 'left',
+ RIGHT: 'right'
+ };
+ var Event = {
+ SLIDE: "slide" + EVENT_KEY,
+ SLID: "slid" + EVENT_KEY,
+ KEYDOWN: "keydown" + EVENT_KEY,
+ MOUSEENTER: "mouseenter" + EVENT_KEY,
+ MOUSELEAVE: "mouseleave" + EVENT_KEY,
+ TOUCHEND: "touchend" + EVENT_KEY,
+ LOAD_DATA_API: "load" + EVENT_KEY + DATA_API_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ CAROUSEL: 'carousel',
+ ACTIVE: 'active',
+ SLIDE: 'slide',
+ RIGHT: 'carousel-item-right',
+ LEFT: 'carousel-item-left',
+ NEXT: 'carousel-item-next',
+ PREV: 'carousel-item-prev',
+ ITEM: 'carousel-item'
+ };
+ var Selector = {
+ ACTIVE: '.active',
+ ACTIVE_ITEM: '.active.carousel-item',
+ ITEM: '.carousel-item',
+ NEXT_PREV: '.carousel-item-next, .carousel-item-prev',
+ INDICATORS: '.carousel-indicators',
+ DATA_SLIDE: '[data-slide], [data-slide-to]',
+ DATA_RIDE: '[data-ride="carousel"]'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Carousel =
+ /*#__PURE__*/
+ function () {
+ function Carousel(element, config) {
+ this._items = null;
+ this._interval = null;
+ this._activeElement = null;
+ this._isPaused = false;
+ this._isSliding = false;
+ this.touchTimeout = null;
+ this._config = this._getConfig(config);
+ this._element = $$$1(element)[0];
+ this._indicatorsElement = $$$1(this._element).find(Selector.INDICATORS)[0];
+
+ this._addEventListeners();
+ } // Getters
+
+
+ var _proto = Carousel.prototype;
+
+ // Public
+ _proto.next = function next() {
+ if (!this._isSliding) {
+ this._slide(Direction.NEXT);
+ }
+ };
+
+ _proto.nextWhenVisible = function nextWhenVisible() {
+ // Don't call next when the page isn't visible
+ // or the carousel or its parent isn't visible
+ if (!document.hidden && $$$1(this._element).is(':visible') && $$$1(this._element).css('visibility') !== 'hidden') {
+ this.next();
+ }
+ };
+
+ _proto.prev = function prev() {
+ if (!this._isSliding) {
+ this._slide(Direction.PREV);
+ }
+ };
+
+ _proto.pause = function pause(event) {
+ if (!event) {
+ this._isPaused = true;
+ }
+
+ if ($$$1(this._element).find(Selector.NEXT_PREV)[0] && Util.supportsTransitionEnd()) {
+ Util.triggerTransitionEnd(this._element);
+ this.cycle(true);
+ }
+
+ clearInterval(this._interval);
+ this._interval = null;
+ };
+
+ _proto.cycle = function cycle(event) {
+ if (!event) {
+ this._isPaused = false;
+ }
+
+ if (this._interval) {
+ clearInterval(this._interval);
+ this._interval = null;
+ }
+
+ if (this._config.interval && !this._isPaused) {
+ this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);
+ }
+ };
+
+ _proto.to = function to(index) {
+ var _this = this;
+
+ this._activeElement = $$$1(this._element).find(Selector.ACTIVE_ITEM)[0];
+
+ var activeIndex = this._getItemIndex(this._activeElement);
+
+ if (index > this._items.length - 1 || index < 0) {
+ return;
+ }
+
+ if (this._isSliding) {
+ $$$1(this._element).one(Event.SLID, function () {
+ return _this.to(index);
+ });
+ return;
+ }
+
+ if (activeIndex === index) {
+ this.pause();
+ this.cycle();
+ return;
+ }
+
+ var direction = index > activeIndex ? Direction.NEXT : Direction.PREV;
+
+ this._slide(direction, this._items[index]);
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1(this._element).off(EVENT_KEY);
+ $$$1.removeData(this._element, DATA_KEY);
+ this._items = null;
+ this._config = null;
+ this._element = null;
+ this._interval = null;
+ this._isPaused = null;
+ this._isSliding = null;
+ this._activeElement = null;
+ this._indicatorsElement = null;
+ }; // Private
+
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, Default, config);
+ Util.typeCheckConfig(NAME, config, DefaultType);
+ return config;
+ };
+
+ _proto._addEventListeners = function _addEventListeners() {
+ var _this2 = this;
+
+ if (this._config.keyboard) {
+ $$$1(this._element).on(Event.KEYDOWN, function (event) {
+ return _this2._keydown(event);
+ });
+ }
+
+ if (this._config.pause === 'hover') {
+ $$$1(this._element).on(Event.MOUSEENTER, function (event) {
+ return _this2.pause(event);
+ }).on(Event.MOUSELEAVE, function (event) {
+ return _this2.cycle(event);
+ });
+
+ if ('ontouchstart' in document.documentElement) {
+ // If it's a touch-enabled device, mouseenter/leave are fired as
+ // part of the mouse compatibility events on first tap - the carousel
+ // would stop cycling until user tapped out of it;
+ // here, we listen for touchend, explicitly pause the carousel
+ // (as if it's the second time we tap on it, mouseenter compat event
+ // is NOT fired) and after a timeout (to allow for mouse compatibility
+ // events to fire) we explicitly restart cycling
+ $$$1(this._element).on(Event.TOUCHEND, function () {
+ _this2.pause();
+
+ if (_this2.touchTimeout) {
+ clearTimeout(_this2.touchTimeout);
+ }
+
+ _this2.touchTimeout = setTimeout(function (event) {
+ return _this2.cycle(event);
+ }, TOUCHEVENT_COMPAT_WAIT + _this2._config.interval);
+ });
+ }
+ }
+ };
+
+ _proto._keydown = function _keydown(event) {
+ if (/input|textarea/i.test(event.target.tagName)) {
+ return;
+ }
+
+ switch (event.which) {
+ case ARROW_LEFT_KEYCODE:
+ event.preventDefault();
+ this.prev();
+ break;
+
+ case ARROW_RIGHT_KEYCODE:
+ event.preventDefault();
+ this.next();
+ break;
+
+ default:
+ }
+ };
+
+ _proto._getItemIndex = function _getItemIndex(element) {
+ this._items = $$$1.makeArray($$$1(element).parent().find(Selector.ITEM));
+ return this._items.indexOf(element);
+ };
+
+ _proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
+ var isNextDirection = direction === Direction.NEXT;
+ var isPrevDirection = direction === Direction.PREV;
+
+ var activeIndex = this._getItemIndex(activeElement);
+
+ var lastItemIndex = this._items.length - 1;
+ var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex;
+
+ if (isGoingToWrap && !this._config.wrap) {
+ return activeElement;
+ }
+
+ var delta = direction === Direction.PREV ? -1 : 1;
+ var itemIndex = (activeIndex + delta) % this._items.length;
+ return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
+ };
+
+ _proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
+ var targetIndex = this._getItemIndex(relatedTarget);
+
+ var fromIndex = this._getItemIndex($$$1(this._element).find(Selector.ACTIVE_ITEM)[0]);
+
+ var slideEvent = $$$1.Event(Event.SLIDE, {
+ relatedTarget: relatedTarget,
+ direction: eventDirectionName,
+ from: fromIndex,
+ to: targetIndex
+ });
+ $$$1(this._element).trigger(slideEvent);
+ return slideEvent;
+ };
+
+ _proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
+ if (this._indicatorsElement) {
+ $$$1(this._indicatorsElement).find(Selector.ACTIVE).removeClass(ClassName.ACTIVE);
+
+ var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
+
+ if (nextIndicator) {
+ $$$1(nextIndicator).addClass(ClassName.ACTIVE);
+ }
+ }
+ };
+
+ _proto._slide = function _slide(direction, element) {
+ var _this3 = this;
+
+ var activeElement = $$$1(this._element).find(Selector.ACTIVE_ITEM)[0];
+
+ var activeElementIndex = this._getItemIndex(activeElement);
+
+ var nextElement = element || activeElement && this._getItemByDirection(direction, activeElement);
+
+ var nextElementIndex = this._getItemIndex(nextElement);
+
+ var isCycling = Boolean(this._interval);
+ var directionalClassName;
+ var orderClassName;
+ var eventDirectionName;
+
+ if (direction === Direction.NEXT) {
+ directionalClassName = ClassName.LEFT;
+ orderClassName = ClassName.NEXT;
+ eventDirectionName = Direction.LEFT;
+ } else {
+ directionalClassName = ClassName.RIGHT;
+ orderClassName = ClassName.PREV;
+ eventDirectionName = Direction.RIGHT;
+ }
+
+ if (nextElement && $$$1(nextElement).hasClass(ClassName.ACTIVE)) {
+ this._isSliding = false;
+ return;
+ }
+
+ var slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName);
+
+ if (slideEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ if (!activeElement || !nextElement) {
+ // Some weirdness is happening, so we bail
+ return;
+ }
+
+ this._isSliding = true;
+
+ if (isCycling) {
+ this.pause();
+ }
+
+ this._setActiveIndicatorElement(nextElement);
+
+ var slidEvent = $$$1.Event(Event.SLID, {
+ relatedTarget: nextElement,
+ direction: eventDirectionName,
+ from: activeElementIndex,
+ to: nextElementIndex
+ });
+
+ if (Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.SLIDE)) {
+ $$$1(nextElement).addClass(orderClassName);
+ Util.reflow(nextElement);
+ $$$1(activeElement).addClass(directionalClassName);
+ $$$1(nextElement).addClass(directionalClassName);
+ $$$1(activeElement).one(Util.TRANSITION_END, function () {
+ $$$1(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(ClassName.ACTIVE);
+ $$$1(activeElement).removeClass(ClassName.ACTIVE + " " + orderClassName + " " + directionalClassName);
+ _this3._isSliding = false;
+ setTimeout(function () {
+ return $$$1(_this3._element).trigger(slidEvent);
+ }, 0);
+ }).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ $$$1(activeElement).removeClass(ClassName.ACTIVE);
+ $$$1(nextElement).addClass(ClassName.ACTIVE);
+ this._isSliding = false;
+ $$$1(this._element).trigger(slidEvent);
+ }
+
+ if (isCycling) {
+ this.cycle();
+ }
+ }; // Static
+
+
+ Carousel._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = _extends({}, Default, $$$1(this).data());
+
+ if (typeof config === 'object') {
+ _config = _extends({}, _config, config);
+ }
+
+ var action = typeof config === 'string' ? config : _config.slide;
+
+ if (!data) {
+ data = new Carousel(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'number') {
+ data.to(config);
+ } else if (typeof action === 'string') {
+ if (typeof data[action] === 'undefined') {
+ throw new TypeError("No method named \"" + action + "\"");
+ }
+
+ data[action]();
+ } else if (_config.interval) {
+ data.pause();
+ data.cycle();
+ }
+ });
+ };
+
+ Carousel._dataApiClickHandler = function _dataApiClickHandler(event) {
+ var selector = Util.getSelectorFromElement(this);
+
+ if (!selector) {
+ return;
+ }
+
+ var target = $$$1(selector)[0];
+
+ if (!target || !$$$1(target).hasClass(ClassName.CAROUSEL)) {
+ return;
+ }
+
+ var config = _extends({}, $$$1(target).data(), $$$1(this).data());
+ var slideIndex = this.getAttribute('data-slide-to');
+
+ if (slideIndex) {
+ config.interval = false;
+ }
+
+ Carousel._jQueryInterface.call($$$1(target), config);
+
+ if (slideIndex) {
+ $$$1(target).data(DATA_KEY).to(slideIndex);
+ }
+
+ event.preventDefault();
+ };
+
+ _createClass(Carousel, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }]);
+ return Carousel;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler);
+ $$$1(window).on(Event.LOAD_DATA_API, function () {
+ $$$1(Selector.DATA_RIDE).each(function () {
+ var $carousel = $$$1(this);
+
+ Carousel._jQueryInterface.call($carousel, $carousel.data());
+ });
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Carousel._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Carousel;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Carousel._jQueryInterface;
+ };
+
+ return Carousel;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): collapse.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Collapse = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'collapse';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.collapse';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 600;
+ var Default = {
+ toggle: true,
+ parent: ''
+ };
+ var DefaultType = {
+ toggle: 'boolean',
+ parent: '(string|element)'
+ };
+ var Event = {
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ SHOW: 'show',
+ COLLAPSE: 'collapse',
+ COLLAPSING: 'collapsing',
+ COLLAPSED: 'collapsed'
+ };
+ var Dimension = {
+ WIDTH: 'width',
+ HEIGHT: 'height'
+ };
+ var Selector = {
+ ACTIVES: '.show, .collapsing',
+ DATA_TOGGLE: '[data-toggle="collapse"]'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Collapse =
+ /*#__PURE__*/
+ function () {
+ function Collapse(element, config) {
+ this._isTransitioning = false;
+ this._element = element;
+ this._config = this._getConfig(config);
+ this._triggerArray = $$$1.makeArray($$$1("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]")));
+ var tabToggles = $$$1(Selector.DATA_TOGGLE);
+
+ for (var i = 0; i < tabToggles.length; i++) {
+ var elem = tabToggles[i];
+ var selector = Util.getSelectorFromElement(elem);
+
+ if (selector !== null && $$$1(selector).filter(element).length > 0) {
+ this._selector = selector;
+
+ this._triggerArray.push(elem);
+ }
+ }
+
+ this._parent = this._config.parent ? this._getParent() : null;
+
+ if (!this._config.parent) {
+ this._addAriaAndCollapsedClass(this._element, this._triggerArray);
+ }
+
+ if (this._config.toggle) {
+ this.toggle();
+ }
+ } // Getters
+
+
+ var _proto = Collapse.prototype;
+
+ // Public
+ _proto.toggle = function toggle() {
+ if ($$$1(this._element).hasClass(ClassName.SHOW)) {
+ this.hide();
+ } else {
+ this.show();
+ }
+ };
+
+ _proto.show = function show() {
+ var _this = this;
+
+ if (this._isTransitioning || $$$1(this._element).hasClass(ClassName.SHOW)) {
+ return;
+ }
+
+ var actives;
+ var activesData;
+
+ if (this._parent) {
+ actives = $$$1.makeArray($$$1(this._parent).find(Selector.ACTIVES).filter("[data-parent=\"" + this._config.parent + "\"]"));
+
+ if (actives.length === 0) {
+ actives = null;
+ }
+ }
+
+ if (actives) {
+ activesData = $$$1(actives).not(this._selector).data(DATA_KEY);
+
+ if (activesData && activesData._isTransitioning) {
+ return;
+ }
+ }
+
+ var startEvent = $$$1.Event(Event.SHOW);
+ $$$1(this._element).trigger(startEvent);
+
+ if (startEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ if (actives) {
+ Collapse._jQueryInterface.call($$$1(actives).not(this._selector), 'hide');
+
+ if (!activesData) {
+ $$$1(actives).data(DATA_KEY, null);
+ }
+ }
+
+ var dimension = this._getDimension();
+
+ $$$1(this._element).removeClass(ClassName.COLLAPSE).addClass(ClassName.COLLAPSING);
+ this._element.style[dimension] = 0;
+
+ if (this._triggerArray.length > 0) {
+ $$$1(this._triggerArray).removeClass(ClassName.COLLAPSED).attr('aria-expanded', true);
+ }
+
+ this.setTransitioning(true);
+
+ var complete = function complete() {
+ $$$1(_this._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).addClass(ClassName.SHOW);
+ _this._element.style[dimension] = '';
+
+ _this.setTransitioning(false);
+
+ $$$1(_this._element).trigger(Event.SHOWN);
+ };
+
+ if (!Util.supportsTransitionEnd()) {
+ complete();
+ return;
+ }
+
+ var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
+ var scrollSize = "scroll" + capitalizedDimension;
+ $$$1(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+ this._element.style[dimension] = this._element[scrollSize] + "px";
+ };
+
+ _proto.hide = function hide() {
+ var _this2 = this;
+
+ if (this._isTransitioning || !$$$1(this._element).hasClass(ClassName.SHOW)) {
+ return;
+ }
+
+ var startEvent = $$$1.Event(Event.HIDE);
+ $$$1(this._element).trigger(startEvent);
+
+ if (startEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ var dimension = this._getDimension();
+
+ this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px";
+ Util.reflow(this._element);
+ $$$1(this._element).addClass(ClassName.COLLAPSING).removeClass(ClassName.COLLAPSE).removeClass(ClassName.SHOW);
+
+ if (this._triggerArray.length > 0) {
+ for (var i = 0; i < this._triggerArray.length; i++) {
+ var trigger = this._triggerArray[i];
+ var selector = Util.getSelectorFromElement(trigger);
+
+ if (selector !== null) {
+ var $elem = $$$1(selector);
+
+ if (!$elem.hasClass(ClassName.SHOW)) {
+ $$$1(trigger).addClass(ClassName.COLLAPSED).attr('aria-expanded', false);
+ }
+ }
+ }
+ }
+
+ this.setTransitioning(true);
+
+ var complete = function complete() {
+ _this2.setTransitioning(false);
+
+ $$$1(_this2._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).trigger(Event.HIDDEN);
+ };
+
+ this._element.style[dimension] = '';
+
+ if (!Util.supportsTransitionEnd()) {
+ complete();
+ return;
+ }
+
+ $$$1(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+ };
+
+ _proto.setTransitioning = function setTransitioning(isTransitioning) {
+ this._isTransitioning = isTransitioning;
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ this._config = null;
+ this._parent = null;
+ this._element = null;
+ this._triggerArray = null;
+ this._isTransitioning = null;
+ }; // Private
+
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, Default, config);
+ config.toggle = Boolean(config.toggle); // Coerce string values
+
+ Util.typeCheckConfig(NAME, config, DefaultType);
+ return config;
+ };
+
+ _proto._getDimension = function _getDimension() {
+ var hasWidth = $$$1(this._element).hasClass(Dimension.WIDTH);
+ return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT;
+ };
+
+ _proto._getParent = function _getParent() {
+ var _this3 = this;
+
+ var parent = null;
+
+ if (Util.isElement(this._config.parent)) {
+ parent = this._config.parent; // It's a jQuery object
+
+ if (typeof this._config.parent.jquery !== 'undefined') {
+ parent = this._config.parent[0];
+ }
+ } else {
+ parent = $$$1(this._config.parent)[0];
+ }
+
+ var selector = "[data-toggle=\"collapse\"][data-parent=\"" + this._config.parent + "\"]";
+ $$$1(parent).find(selector).each(function (i, element) {
+ _this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]);
+ });
+ return parent;
+ };
+
+ _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) {
+ if (element) {
+ var isOpen = $$$1(element).hasClass(ClassName.SHOW);
+
+ if (triggerArray.length > 0) {
+ $$$1(triggerArray).toggleClass(ClassName.COLLAPSED, !isOpen).attr('aria-expanded', isOpen);
+ }
+ }
+ }; // Static
+
+
+ Collapse._getTargetFromElement = function _getTargetFromElement(element) {
+ var selector = Util.getSelectorFromElement(element);
+ return selector ? $$$1(selector)[0] : null;
+ };
+
+ Collapse._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var $this = $$$1(this);
+ var data = $this.data(DATA_KEY);
+
+ var _config = _extends({}, Default, $this.data(), typeof config === 'object' && config);
+
+ if (!data && _config.toggle && /show|hide/.test(config)) {
+ _config.toggle = false;
+ }
+
+ if (!data) {
+ data = new Collapse(this, _config);
+ $this.data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Collapse, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }]);
+ return Collapse;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+ // preventDefault only for <a> elements (which change the URL) not inside the collapsible element
+ if (event.currentTarget.tagName === 'A') {
+ event.preventDefault();
+ }
+
+ var $trigger = $$$1(this);
+ var selector = Util.getSelectorFromElement(this);
+ $$$1(selector).each(function () {
+ var $target = $$$1(this);
+ var data = $target.data(DATA_KEY);
+ var config = data ? 'toggle' : $trigger.data();
+
+ Collapse._jQueryInterface.call($target, config);
+ });
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Collapse._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Collapse;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Collapse._jQueryInterface;
+ };
+
+ return Collapse;
+}($);
+
+/**!
+ * @fileOverview Kickass library to create and place poppers near their reference elements.
+ * @version 1.12.9
+ * @license
+ * Copyright (c) 2016 Federico Zivolo and contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
+var timeoutDuration = 0;
+for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
+ if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
+ timeoutDuration = 1;
+ break;
+ }
+}
+
+function microtaskDebounce(fn) {
+ var called = false;
+ return function () {
+ if (called) {
+ return;
+ }
+ called = true;
+ window.Promise.resolve().then(function () {
+ called = false;
+ fn();
+ });
+ };
+}
+
+function taskDebounce(fn) {
+ var scheduled = false;
+ return function () {
+ if (!scheduled) {
+ scheduled = true;
+ setTimeout(function () {
+ scheduled = false;
+ fn();
+ }, timeoutDuration);
+ }
+ };
+}
+
+var supportsMicroTasks = isBrowser && window.Promise;
+
+/**
+* Create a debounced version of a method, that's asynchronously deferred
+* but called in the minimum time possible.
+*
+* @method
+* @memberof Popper.Utils
+* @argument {Function} fn
+* @returns {Function}
+*/
+var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
+
+/**
+ * Check if the given variable is a function
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Any} functionToCheck - variable to check
+ * @returns {Boolean} answer to: is a function?
+ */
+function isFunction(functionToCheck) {
+ var getType = {};
+ return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+}
+
+/**
+ * Get CSS computed property of the given element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Eement} element
+ * @argument {String} property
+ */
+function getStyleComputedProperty(element, property) {
+ if (element.nodeType !== 1) {
+ return [];
+ }
+ // NOTE: 1 DOM access here
+ var css = getComputedStyle(element, null);
+ return property ? css[property] : css;
+}
+
+/**
+ * Returns the parentNode or the host of the element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Element} parent
+ */
+function getParentNode(element) {
+ if (element.nodeName === 'HTML') {
+ return element;
+ }
+ return element.parentNode || element.host;
+}
+
+/**
+ * Returns the scrolling parent of the given element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Element} scroll parent
+ */
+function getScrollParent(element) {
+ // Return body, `getScroll` will take care to get the correct `scrollTop` from it
+ if (!element) {
+ return document.body;
+ }
+
+ switch (element.nodeName) {
+ case 'HTML':
+ case 'BODY':
+ return element.ownerDocument.body;
+ case '#document':
+ return element.body;
+ }
+
+ // Firefox want us to check `-x` and `-y` variations as well
+
+ var _getStyleComputedProp = getStyleComputedProperty(element),
+ overflow = _getStyleComputedProp.overflow,
+ overflowX = _getStyleComputedProp.overflowX,
+ overflowY = _getStyleComputedProp.overflowY;
+
+ if (/(auto|scroll)/.test(overflow + overflowY + overflowX)) {
+ return element;
+ }
+
+ return getScrollParent(getParentNode(element));
+}
+
+/**
+ * Returns the offset parent of the given element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Element} offset parent
+ */
+function getOffsetParent(element) {
+ // NOTE: 1 DOM access here
+ var offsetParent = element && element.offsetParent;
+ var nodeName = offsetParent && offsetParent.nodeName;
+
+ if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
+ if (element) {
+ return element.ownerDocument.documentElement;
+ }
+
+ return document.documentElement;
+ }
+
+ // .offsetParent will return the closest TD or TABLE in case
+ // no offsetParent is present, I hate this job...
+ if (['TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
+ return getOffsetParent(offsetParent);
+ }
+
+ return offsetParent;
+}
+
+function isOffsetContainer(element) {
+ var nodeName = element.nodeName;
+
+ if (nodeName === 'BODY') {
+ return false;
+ }
+ return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
+}
+
+/**
+ * Finds the root node (document, shadowDOM root) of the given element
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} node
+ * @returns {Element} root node
+ */
+function getRoot(node) {
+ if (node.parentNode !== null) {
+ return getRoot(node.parentNode);
+ }
+
+ return node;
+}
+
+/**
+ * Finds the offset parent common to the two provided nodes
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element1
+ * @argument {Element} element2
+ * @returns {Element} common offset parent
+ */
+function findCommonOffsetParent(element1, element2) {
+ // This check is needed to avoid errors in case one of the elements isn't defined for any reason
+ if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
+ return document.documentElement;
+ }
+
+ // Here we make sure to give as "start" the element that comes first in the DOM
+ var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
+ var start = order ? element1 : element2;
+ var end = order ? element2 : element1;
+
+ // Get common ancestor container
+ var range = document.createRange();
+ range.setStart(start, 0);
+ range.setEnd(end, 0);
+ var commonAncestorContainer = range.commonAncestorContainer;
+
+ // Both nodes are inside #document
+
+ if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
+ if (isOffsetContainer(commonAncestorContainer)) {
+ return commonAncestorContainer;
+ }
+
+ return getOffsetParent(commonAncestorContainer);
+ }
+
+ // one of the nodes is inside shadowDOM, find which one
+ var element1root = getRoot(element1);
+ if (element1root.host) {
+ return findCommonOffsetParent(element1root.host, element2);
+ } else {
+ return findCommonOffsetParent(element1, getRoot(element2).host);
+ }
+}
+
+/**
+ * Gets the scroll value of the given element in the given side (top and left)
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @argument {String} side `top` or `left`
+ * @returns {number} amount of scrolled pixels
+ */
+function getScroll(element) {
+ var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
+
+ var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
+ var nodeName = element.nodeName;
+
+ if (nodeName === 'BODY' || nodeName === 'HTML') {
+ var html = element.ownerDocument.documentElement;
+ var scrollingElement = element.ownerDocument.scrollingElement || html;
+ return scrollingElement[upperSide];
+ }
+
+ return element[upperSide];
+}
+
+/*
+ * Sum or subtract the element scroll values (left and top) from a given rect object
+ * @method
+ * @memberof Popper.Utils
+ * @param {Object} rect - Rect object you want to change
+ * @param {HTMLElement} element - The element from the function reads the scroll values
+ * @param {Boolean} subtract - set to true if you want to subtract the scroll values
+ * @return {Object} rect - The modifier rect object
+ */
+function includeScroll(rect, element) {
+ var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+ var scrollTop = getScroll(element, 'top');
+ var scrollLeft = getScroll(element, 'left');
+ var modifier = subtract ? -1 : 1;
+ rect.top += scrollTop * modifier;
+ rect.bottom += scrollTop * modifier;
+ rect.left += scrollLeft * modifier;
+ rect.right += scrollLeft * modifier;
+ return rect;
+}
+
+/*
+ * Helper to detect borders of a given element
+ * @method
+ * @memberof Popper.Utils
+ * @param {CSSStyleDeclaration} styles
+ * Result of `getStyleComputedProperty` on the given element
+ * @param {String} axis - `x` or `y`
+ * @return {number} borders - The borders size of the given axis
+ */
+
+function getBordersSize(styles, axis) {
+ var sideA = axis === 'x' ? 'Left' : 'Top';
+ var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
+
+ return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
+}
+
+/**
+ * Tells if you are running Internet Explorer 10
+ * @method
+ * @memberof Popper.Utils
+ * @returns {Boolean} isIE10
+ */
+var isIE10 = undefined;
+
+var isIE10$1 = function () {
+ if (isIE10 === undefined) {
+ isIE10 = navigator.appVersion.indexOf('MSIE 10') !== -1;
+ }
+ return isIE10;
+};
+
+function getSize(axis, body, html, computedStyle) {
+ return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE10$1() ? html['offset' + axis] + computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')] + computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')] : 0);
+}
+
+function getWindowSizes() {
+ var body = document.body;
+ var html = document.documentElement;
+ var computedStyle = isIE10$1() && getComputedStyle(html);
+
+ return {
+ height: getSize('Height', body, html, computedStyle),
+ width: getSize('Width', body, html, computedStyle)
+ };
+}
+
+var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+};
+
+var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+}();
+
+
+
+
+
+var defineProperty = function (obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
+
+ return obj;
+};
+
+var _extends$1 = Object.assign || function (target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i];
+
+ for (var key in source) {
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
+ target[key] = source[key];
+ }
+ }
+ }
+
+ return target;
+};
+
+/**
+ * Given element offsets, generate an output similar to getBoundingClientRect
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Object} offsets
+ * @returns {Object} ClientRect like output
+ */
+function getClientRect(offsets) {
+ return _extends$1({}, offsets, {
+ right: offsets.left + offsets.width,
+ bottom: offsets.top + offsets.height
+ });
+}
+
+/**
+ * Get bounding client rect of given element
+ * @method
+ * @memberof Popper.Utils
+ * @param {HTMLElement} element
+ * @return {Object} client rect
+ */
+function getBoundingClientRect(element) {
+ var rect = {};
+
+ // IE10 10 FIX: Please, don't ask, the element isn't
+ // considered in DOM in some circumstances...
+ // This isn't reproducible in IE10 compatibility mode of IE11
+ if (isIE10$1()) {
+ try {
+ rect = element.getBoundingClientRect();
+ var scrollTop = getScroll(element, 'top');
+ var scrollLeft = getScroll(element, 'left');
+ rect.top += scrollTop;
+ rect.left += scrollLeft;
+ rect.bottom += scrollTop;
+ rect.right += scrollLeft;
+ } catch (err) {}
+ } else {
+ rect = element.getBoundingClientRect();
+ }
+
+ var result = {
+ left: rect.left,
+ top: rect.top,
+ width: rect.right - rect.left,
+ height: rect.bottom - rect.top
+ };
+
+ // subtract scrollbar size from sizes
+ var sizes = element.nodeName === 'HTML' ? getWindowSizes() : {};
+ var width = sizes.width || element.clientWidth || result.right - result.left;
+ var height = sizes.height || element.clientHeight || result.bottom - result.top;
+
+ var horizScrollbar = element.offsetWidth - width;
+ var vertScrollbar = element.offsetHeight - height;
+
+ // if an hypothetical scrollbar is detected, we must be sure it's not a `border`
+ // we make this check conditional for performance reasons
+ if (horizScrollbar || vertScrollbar) {
+ var styles = getStyleComputedProperty(element);
+ horizScrollbar -= getBordersSize(styles, 'x');
+ vertScrollbar -= getBordersSize(styles, 'y');
+
+ result.width -= horizScrollbar;
+ result.height -= vertScrollbar;
+ }
+
+ return getClientRect(result);
+}
+
+function getOffsetRectRelativeToArbitraryNode(children, parent) {
+ var isIE10 = isIE10$1();
+ var isHTML = parent.nodeName === 'HTML';
+ var childrenRect = getBoundingClientRect(children);
+ var parentRect = getBoundingClientRect(parent);
+ var scrollParent = getScrollParent(children);
+
+ var styles = getStyleComputedProperty(parent);
+ var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
+ var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
+
+ var offsets = getClientRect({
+ top: childrenRect.top - parentRect.top - borderTopWidth,
+ left: childrenRect.left - parentRect.left - borderLeftWidth,
+ width: childrenRect.width,
+ height: childrenRect.height
+ });
+ offsets.marginTop = 0;
+ offsets.marginLeft = 0;
+
+ // Subtract margins of documentElement in case it's being used as parent
+ // we do this only on HTML because it's the only element that behaves
+ // differently when margins are applied to it. The margins are included in
+ // the box of the documentElement, in the other cases not.
+ if (!isIE10 && isHTML) {
+ var marginTop = parseFloat(styles.marginTop, 10);
+ var marginLeft = parseFloat(styles.marginLeft, 10);
+
+ offsets.top -= borderTopWidth - marginTop;
+ offsets.bottom -= borderTopWidth - marginTop;
+ offsets.left -= borderLeftWidth - marginLeft;
+ offsets.right -= borderLeftWidth - marginLeft;
+
+ // Attach marginTop and marginLeft because in some circumstances we may need them
+ offsets.marginTop = marginTop;
+ offsets.marginLeft = marginLeft;
+ }
+
+ if (isIE10 ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
+ offsets = includeScroll(offsets, parent);
+ }
+
+ return offsets;
+}
+
+function getViewportOffsetRectRelativeToArtbitraryNode(element) {
+ var html = element.ownerDocument.documentElement;
+ var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
+ var width = Math.max(html.clientWidth, window.innerWidth || 0);
+ var height = Math.max(html.clientHeight, window.innerHeight || 0);
+
+ var scrollTop = getScroll(html);
+ var scrollLeft = getScroll(html, 'left');
+
+ var offset = {
+ top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
+ left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
+ width: width,
+ height: height
+ };
+
+ return getClientRect(offset);
+}
+
+/**
+ * Check if the given element is fixed or is inside a fixed parent
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @argument {Element} customContainer
+ * @returns {Boolean} answer to "isFixed?"
+ */
+function isFixed(element) {
+ var nodeName = element.nodeName;
+ if (nodeName === 'BODY' || nodeName === 'HTML') {
+ return false;
+ }
+ if (getStyleComputedProperty(element, 'position') === 'fixed') {
+ return true;
+ }
+ return isFixed(getParentNode(element));
+}
+
+/**
+ * Computed the boundaries limits and return them
+ * @method
+ * @memberof Popper.Utils
+ * @param {HTMLElement} popper
+ * @param {HTMLElement} reference
+ * @param {number} padding
+ * @param {HTMLElement} boundariesElement - Element used to define the boundaries
+ * @returns {Object} Coordinates of the boundaries
+ */
+function getBoundaries(popper, reference, padding, boundariesElement) {
+ // NOTE: 1 DOM access here
+ var boundaries = { top: 0, left: 0 };
+ var offsetParent = findCommonOffsetParent(popper, reference);
+
+ // Handle viewport case
+ if (boundariesElement === 'viewport') {
+ boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent);
+ } else {
+ // Handle other cases based on DOM element used as boundaries
+ var boundariesNode = void 0;
+ if (boundariesElement === 'scrollParent') {
+ boundariesNode = getScrollParent(getParentNode(reference));
+ if (boundariesNode.nodeName === 'BODY') {
+ boundariesNode = popper.ownerDocument.documentElement;
+ }
+ } else if (boundariesElement === 'window') {
+ boundariesNode = popper.ownerDocument.documentElement;
+ } else {
+ boundariesNode = boundariesElement;
+ }
+
+ var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent);
+
+ // In case of HTML, we need a different computation
+ if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
+ var _getWindowSizes = getWindowSizes(),
+ height = _getWindowSizes.height,
+ width = _getWindowSizes.width;
+
+ boundaries.top += offsets.top - offsets.marginTop;
+ boundaries.bottom = height + offsets.top;
+ boundaries.left += offsets.left - offsets.marginLeft;
+ boundaries.right = width + offsets.left;
+ } else {
+ // for all the other DOM elements, this one is good
+ boundaries = offsets;
+ }
+ }
+
+ // Add paddings
+ boundaries.left += padding;
+ boundaries.top += padding;
+ boundaries.right -= padding;
+ boundaries.bottom -= padding;
+
+ return boundaries;
+}
+
+function getArea(_ref) {
+ var width = _ref.width,
+ height = _ref.height;
+
+ return width * height;
+}
+
+/**
+ * Utility used to transform the `auto` placement to the placement with more
+ * available space.
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Object} data - The data object generated by update method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
+ var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+
+ if (placement.indexOf('auto') === -1) {
+ return placement;
+ }
+
+ var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
+
+ var rects = {
+ top: {
+ width: boundaries.width,
+ height: refRect.top - boundaries.top
+ },
+ right: {
+ width: boundaries.right - refRect.right,
+ height: boundaries.height
+ },
+ bottom: {
+ width: boundaries.width,
+ height: boundaries.bottom - refRect.bottom
+ },
+ left: {
+ width: refRect.left - boundaries.left,
+ height: boundaries.height
+ }
+ };
+
+ var sortedAreas = Object.keys(rects).map(function (key) {
+ return _extends$1({
+ key: key
+ }, rects[key], {
+ area: getArea(rects[key])
+ });
+ }).sort(function (a, b) {
+ return b.area - a.area;
+ });
+
+ var filteredAreas = sortedAreas.filter(function (_ref2) {
+ var width = _ref2.width,
+ height = _ref2.height;
+ return width >= popper.clientWidth && height >= popper.clientHeight;
+ });
+
+ var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
+
+ var variation = placement.split('-')[1];
+
+ return computedPlacement + (variation ? '-' + variation : '');
+}
+
+/**
+ * Get offsets to the reference element
+ * @method
+ * @memberof Popper.Utils
+ * @param {Object} state
+ * @param {Element} popper - the popper element
+ * @param {Element} reference - the reference element (the popper will be relative to this)
+ * @returns {Object} An object containing the offsets which will be applied to the popper
+ */
+function getReferenceOffsets(state, popper, reference) {
+ var commonOffsetParent = findCommonOffsetParent(popper, reference);
+ return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent);
+}
+
+/**
+ * Get the outer sizes of the given element (offset size + margins)
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element
+ * @returns {Object} object containing width and height properties
+ */
+function getOuterSizes(element) {
+ var styles = getComputedStyle(element);
+ var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
+ var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
+ var result = {
+ width: element.offsetWidth + y,
+ height: element.offsetHeight + x
+ };
+ return result;
+}
+
+/**
+ * Get the opposite placement of the given one
+ * @method
+ * @memberof Popper.Utils
+ * @argument {String} placement
+ * @returns {String} flipped placement
+ */
+function getOppositePlacement(placement) {
+ var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
+ return placement.replace(/left|right|bottom|top/g, function (matched) {
+ return hash[matched];
+ });
+}
+
+/**
+ * Get offsets to the popper
+ * @method
+ * @memberof Popper.Utils
+ * @param {Object} position - CSS position the Popper will get applied
+ * @param {HTMLElement} popper - the popper element
+ * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)
+ * @param {String} placement - one of the valid placement options
+ * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper
+ */
+function getPopperOffsets(popper, referenceOffsets, placement) {
+ placement = placement.split('-')[0];
+
+ // Get popper node sizes
+ var popperRect = getOuterSizes(popper);
+
+ // Add position, width and height to our offsets object
+ var popperOffsets = {
+ width: popperRect.width,
+ height: popperRect.height
+ };
+
+ // depending by the popper placement we have to compute its offsets slightly differently
+ var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
+ var mainSide = isHoriz ? 'top' : 'left';
+ var secondarySide = isHoriz ? 'left' : 'top';
+ var measurement = isHoriz ? 'height' : 'width';
+ var secondaryMeasurement = !isHoriz ? 'height' : 'width';
+
+ popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
+ if (placement === secondarySide) {
+ popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
+ } else {
+ popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
+ }
+
+ return popperOffsets;
+}
+
+/**
+ * Mimics the `find` method of Array
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Array} arr
+ * @argument prop
+ * @argument value
+ * @returns index or -1
+ */
+function find(arr, check) {
+ // use native find if supported
+ if (Array.prototype.find) {
+ return arr.find(check);
+ }
+
+ // use `filter` to obtain the same behavior of `find`
+ return arr.filter(check)[0];
+}
+
+/**
+ * Return the index of the matching object
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Array} arr
+ * @argument prop
+ * @argument value
+ * @returns index or -1
+ */
+function findIndex(arr, prop, value) {
+ // use native findIndex if supported
+ if (Array.prototype.findIndex) {
+ return arr.findIndex(function (cur) {
+ return cur[prop] === value;
+ });
+ }
+
+ // use `find` + `indexOf` if `findIndex` isn't supported
+ var match = find(arr, function (obj) {
+ return obj[prop] === value;
+ });
+ return arr.indexOf(match);
+}
+
+/**
+ * Loop trough the list of modifiers and run them in order,
+ * each of them will then edit the data object.
+ * @method
+ * @memberof Popper.Utils
+ * @param {dataObject} data
+ * @param {Array} modifiers
+ * @param {String} ends - Optional modifier name used as stopper
+ * @returns {dataObject}
+ */
+function runModifiers(modifiers, data, ends) {
+ var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
+
+ modifiersToRun.forEach(function (modifier) {
+ if (modifier['function']) {
+ // eslint-disable-line dot-notation
+ console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
+ }
+ var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation
+ if (modifier.enabled && isFunction(fn)) {
+ // Add properties to offsets to make them a complete clientRect object
+ // we do this before each modifier to make sure the previous one doesn't
+ // mess with these values
+ data.offsets.popper = getClientRect(data.offsets.popper);
+ data.offsets.reference = getClientRect(data.offsets.reference);
+
+ data = fn(data, modifier);
+ }
+ });
+
+ return data;
+}
+
+/**
+ * Updates the position of the popper, computing the new offsets and applying
+ * the new style.<br />
+ * Prefer `scheduleUpdate` over `update` because of performance reasons.
+ * @method
+ * @memberof Popper
+ */
+function update() {
+ // if popper is destroyed, don't perform any further update
+ if (this.state.isDestroyed) {
+ return;
+ }
+
+ var data = {
+ instance: this,
+ styles: {},
+ arrowStyles: {},
+ attributes: {},
+ flipped: false,
+ offsets: {}
+ };
+
+ // compute reference element offsets
+ data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference);
+
+ // compute auto placement, store placement inside the data object,
+ // modifiers will be able to edit `placement` if needed
+ // and refer to originalPlacement to know the original value
+ data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);
+
+ // store the computed placement inside `originalPlacement`
+ data.originalPlacement = data.placement;
+
+ // compute the popper offsets
+ data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);
+ data.offsets.popper.position = 'absolute';
+
+ // run the modifiers
+ data = runModifiers(this.modifiers, data);
+
+ // the first `update` will call `onCreate` callback
+ // the other ones will call `onUpdate` callback
+ if (!this.state.isCreated) {
+ this.state.isCreated = true;
+ this.options.onCreate(data);
+ } else {
+ this.options.onUpdate(data);
+ }
+}
+
+/**
+ * Helper used to know if the given modifier is enabled.
+ * @method
+ * @memberof Popper.Utils
+ * @returns {Boolean}
+ */
+function isModifierEnabled(modifiers, modifierName) {
+ return modifiers.some(function (_ref) {
+ var name = _ref.name,
+ enabled = _ref.enabled;
+ return enabled && name === modifierName;
+ });
+}
+
+/**
+ * Get the prefixed supported property name
+ * @method
+ * @memberof Popper.Utils
+ * @argument {String} property (camelCase)
+ * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)
+ */
+function getSupportedPropertyName(property) {
+ var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];
+ var upperProp = property.charAt(0).toUpperCase() + property.slice(1);
+
+ for (var i = 0; i < prefixes.length - 1; i++) {
+ var prefix = prefixes[i];
+ var toCheck = prefix ? '' + prefix + upperProp : property;
+ if (typeof document.body.style[toCheck] !== 'undefined') {
+ return toCheck;
+ }
+ }
+ return null;
+}
+
+/**
+ * Destroy the popper
+ * @method
+ * @memberof Popper
+ */
+function destroy() {
+ this.state.isDestroyed = true;
+
+ // touch DOM only if `applyStyle` modifier is enabled
+ if (isModifierEnabled(this.modifiers, 'applyStyle')) {
+ this.popper.removeAttribute('x-placement');
+ this.popper.style.left = '';
+ this.popper.style.position = '';
+ this.popper.style.top = '';
+ this.popper.style[getSupportedPropertyName('transform')] = '';
+ }
+
+ this.disableEventListeners();
+
+ // remove the popper if user explicity asked for the deletion on destroy
+ // do not use `remove` because IE11 doesn't support it
+ if (this.options.removeOnDestroy) {
+ this.popper.parentNode.removeChild(this.popper);
+ }
+ return this;
+}
+
+/**
+ * Get the window associated with the element
+ * @argument {Element} element
+ * @returns {Window}
+ */
+function getWindow(element) {
+ var ownerDocument = element.ownerDocument;
+ return ownerDocument ? ownerDocument.defaultView : window;
+}
+
+function attachToScrollParents(scrollParent, event, callback, scrollParents) {
+ var isBody = scrollParent.nodeName === 'BODY';
+ var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;
+ target.addEventListener(event, callback, { passive: true });
+
+ if (!isBody) {
+ attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);
+ }
+ scrollParents.push(target);
+}
+
+/**
+ * Setup needed event listeners used to update the popper position
+ * @method
+ * @memberof Popper.Utils
+ * @private
+ */
+function setupEventListeners(reference, options, state, updateBound) {
+ // Resize event listener on window
+ state.updateBound = updateBound;
+ getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });
+
+ // Scroll event listener on scroll parents
+ var scrollElement = getScrollParent(reference);
+ attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);
+ state.scrollElement = scrollElement;
+ state.eventsEnabled = true;
+
+ return state;
+}
+
+/**
+ * It will add resize/scroll events and start recalculating
+ * position of the popper element when they are triggered.
+ * @method
+ * @memberof Popper
+ */
+function enableEventListeners() {
+ if (!this.state.eventsEnabled) {
+ this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);
+ }
+}
+
+/**
+ * Remove event listeners used to update the popper position
+ * @method
+ * @memberof Popper.Utils
+ * @private
+ */
+function removeEventListeners(reference, state) {
+ // Remove resize event listener on window
+ getWindow(reference).removeEventListener('resize', state.updateBound);
+
+ // Remove scroll event listener on scroll parents
+ state.scrollParents.forEach(function (target) {
+ target.removeEventListener('scroll', state.updateBound);
+ });
+
+ // Reset state
+ state.updateBound = null;
+ state.scrollParents = [];
+ state.scrollElement = null;
+ state.eventsEnabled = false;
+ return state;
+}
+
+/**
+ * It will remove resize/scroll events and won't recalculate popper position
+ * when they are triggered. It also won't trigger onUpdate callback anymore,
+ * unless you call `update` method manually.
+ * @method
+ * @memberof Popper
+ */
+function disableEventListeners() {
+ if (this.state.eventsEnabled) {
+ cancelAnimationFrame(this.scheduleUpdate);
+ this.state = removeEventListeners(this.reference, this.state);
+ }
+}
+
+/**
+ * Tells if a given input is a number
+ * @method
+ * @memberof Popper.Utils
+ * @param {*} input to check
+ * @return {Boolean}
+ */
+function isNumeric(n) {
+ return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
+}
+
+/**
+ * Set the style to the given popper
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element - Element to apply the style to
+ * @argument {Object} styles
+ * Object with a list of properties and values which will be applied to the element
+ */
+function setStyles(element, styles) {
+ Object.keys(styles).forEach(function (prop) {
+ var unit = '';
+ // add unit if the value is numeric and is one of the following
+ if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {
+ unit = 'px';
+ }
+ element.style[prop] = styles[prop] + unit;
+ });
+}
+
+/**
+ * Set the attributes to the given popper
+ * @method
+ * @memberof Popper.Utils
+ * @argument {Element} element - Element to apply the attributes to
+ * @argument {Object} styles
+ * Object with a list of properties and values which will be applied to the element
+ */
+function setAttributes(element, attributes) {
+ Object.keys(attributes).forEach(function (prop) {
+ var value = attributes[prop];
+ if (value !== false) {
+ element.setAttribute(prop, attributes[prop]);
+ } else {
+ element.removeAttribute(prop);
+ }
+ });
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by `update` method
+ * @argument {Object} data.styles - List of style properties - values to apply to popper element
+ * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The same data object
+ */
+function applyStyle(data) {
+ // any property present in `data.styles` will be applied to the popper,
+ // in this way we can make the 3rd party modifiers add custom styles to it
+ // Be aware, modifiers could override the properties defined in the previous
+ // lines of this modifier!
+ setStyles(data.instance.popper, data.styles);
+
+ // any property present in `data.attributes` will be applied to the popper,
+ // they will be set as HTML attributes of the element
+ setAttributes(data.instance.popper, data.attributes);
+
+ // if arrowElement is defined and arrowStyles has some properties
+ if (data.arrowElement && Object.keys(data.arrowStyles).length) {
+ setStyles(data.arrowElement, data.arrowStyles);
+ }
+
+ return data;
+}
+
+/**
+ * Set the x-placement attribute before everything else because it could be used
+ * to add margins to the popper margins needs to be calculated to get the
+ * correct popper offsets.
+ * @method
+ * @memberof Popper.modifiers
+ * @param {HTMLElement} reference - The reference element used to position the popper
+ * @param {HTMLElement} popper - The HTML element used as popper.
+ * @param {Object} options - Popper.js options
+ */
+function applyStyleOnLoad(reference, popper, options, modifierOptions, state) {
+ // compute reference element offsets
+ var referenceOffsets = getReferenceOffsets(state, popper, reference);
+
+ // compute auto placement, store placement inside the data object,
+ // modifiers will be able to edit `placement` if needed
+ // and refer to originalPlacement to know the original value
+ var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);
+
+ popper.setAttribute('x-placement', placement);
+
+ // Apply `position` to popper before anything else because
+ // without the position applied we can't guarantee correct computations
+ setStyles(popper, { position: 'absolute' });
+
+ return options;
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by `update` method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function computeStyle(data, options) {
+ var x = options.x,
+ y = options.y;
+ var popper = data.offsets.popper;
+
+ // Remove this legacy support in Popper.js v2
+
+ var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
+ return modifier.name === 'applyStyle';
+ }).gpuAcceleration;
+ if (legacyGpuAccelerationOption !== undefined) {
+ console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');
+ }
+ var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;
+
+ var offsetParent = getOffsetParent(data.instance.popper);
+ var offsetParentRect = getBoundingClientRect(offsetParent);
+
+ // Styles
+ var styles = {
+ position: popper.position
+ };
+
+ // floor sides to avoid blurry text
+ var offsets = {
+ left: Math.floor(popper.left),
+ top: Math.floor(popper.top),
+ bottom: Math.floor(popper.bottom),
+ right: Math.floor(popper.right)
+ };
+
+ var sideA = x === 'bottom' ? 'top' : 'bottom';
+ var sideB = y === 'right' ? 'left' : 'right';
+
+ // if gpuAcceleration is set to `true` and transform is supported,
+ // we use `translate3d` to apply the position to the popper we
+ // automatically use the supported prefixed version if needed
+ var prefixedProperty = getSupportedPropertyName('transform');
+
+ // now, let's make a step back and look at this code closely (wtf?)
+ // If the content of the popper grows once it's been positioned, it
+ // may happen that the popper gets misplaced because of the new content
+ // overflowing its reference element
+ // To avoid this problem, we provide two options (x and y), which allow
+ // the consumer to define the offset origin.
+ // If we position a popper on top of a reference element, we can set
+ // `x` to `top` to make the popper grow towards its top instead of
+ // its bottom.
+ var left = void 0,
+ top = void 0;
+ if (sideA === 'bottom') {
+ top = -offsetParentRect.height + offsets.bottom;
+ } else {
+ top = offsets.top;
+ }
+ if (sideB === 'right') {
+ left = -offsetParentRect.width + offsets.right;
+ } else {
+ left = offsets.left;
+ }
+ if (gpuAcceleration && prefixedProperty) {
+ styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
+ styles[sideA] = 0;
+ styles[sideB] = 0;
+ styles.willChange = 'transform';
+ } else {
+ // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties
+ var invertTop = sideA === 'bottom' ? -1 : 1;
+ var invertLeft = sideB === 'right' ? -1 : 1;
+ styles[sideA] = top * invertTop;
+ styles[sideB] = left * invertLeft;
+ styles.willChange = sideA + ', ' + sideB;
+ }
+
+ // Attributes
+ var attributes = {
+ 'x-placement': data.placement
+ };
+
+ // Update `data` attributes, styles and arrowStyles
+ data.attributes = _extends$1({}, attributes, data.attributes);
+ data.styles = _extends$1({}, styles, data.styles);
+ data.arrowStyles = _extends$1({}, data.offsets.arrow, data.arrowStyles);
+
+ return data;
+}
+
+/**
+ * Helper used to know if the given modifier depends from another one.<br />
+ * It checks if the needed modifier is listed and enabled.
+ * @method
+ * @memberof Popper.Utils
+ * @param {Array} modifiers - list of modifiers
+ * @param {String} requestingName - name of requesting modifier
+ * @param {String} requestedName - name of requested modifier
+ * @returns {Boolean}
+ */
+function isModifierRequired(modifiers, requestingName, requestedName) {
+ var requesting = find(modifiers, function (_ref) {
+ var name = _ref.name;
+ return name === requestingName;
+ });
+
+ var isRequired = !!requesting && modifiers.some(function (modifier) {
+ return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;
+ });
+
+ if (!isRequired) {
+ var _requesting = '`' + requestingName + '`';
+ var requested = '`' + requestedName + '`';
+ console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');
+ }
+ return isRequired;
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by update method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function arrow(data, options) {
+ var _data$offsets$arrow;
+
+ // arrow depends on keepTogether in order to work
+ if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
+ return data;
+ }
+
+ var arrowElement = options.element;
+
+ // if arrowElement is a string, suppose it's a CSS selector
+ if (typeof arrowElement === 'string') {
+ arrowElement = data.instance.popper.querySelector(arrowElement);
+
+ // if arrowElement is not found, don't run the modifier
+ if (!arrowElement) {
+ return data;
+ }
+ } else {
+ // if the arrowElement isn't a query selector we must check that the
+ // provided DOM node is child of its popper node
+ if (!data.instance.popper.contains(arrowElement)) {
+ console.warn('WARNING: `arrow.element` must be child of its popper element!');
+ return data;
+ }
+ }
+
+ var placement = data.placement.split('-')[0];
+ var _data$offsets = data.offsets,
+ popper = _data$offsets.popper,
+ reference = _data$offsets.reference;
+
+ var isVertical = ['left', 'right'].indexOf(placement) !== -1;
+
+ var len = isVertical ? 'height' : 'width';
+ var sideCapitalized = isVertical ? 'Top' : 'Left';
+ var side = sideCapitalized.toLowerCase();
+ var altSide = isVertical ? 'left' : 'top';
+ var opSide = isVertical ? 'bottom' : 'right';
+ var arrowElementSize = getOuterSizes(arrowElement)[len];
+
+ //
+ // extends keepTogether behavior making sure the popper and its
+ // reference have enough pixels in conjuction
+ //
+
+ // top/left side
+ if (reference[opSide] - arrowElementSize < popper[side]) {
+ data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);
+ }
+ // bottom/right side
+ if (reference[side] + arrowElementSize > popper[opSide]) {
+ data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
+ }
+ data.offsets.popper = getClientRect(data.offsets.popper);
+
+ // compute center of the popper
+ var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
+
+ // Compute the sideValue using the updated popper offsets
+ // take popper margin in account because we don't have this info available
+ var css = getStyleComputedProperty(data.instance.popper);
+ var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);
+ var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);
+ var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
+
+ // prevent arrowElement from being placed not contiguously to its popper
+ sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
+
+ data.arrowElement = arrowElement;
+ data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
+
+ return data;
+}
+
+/**
+ * Get the opposite placement variation of the given one
+ * @method
+ * @memberof Popper.Utils
+ * @argument {String} placement variation
+ * @returns {String} flipped placement variation
+ */
+function getOppositeVariation(variation) {
+ if (variation === 'end') {
+ return 'start';
+ } else if (variation === 'start') {
+ return 'end';
+ }
+ return variation;
+}
+
+/**
+ * List of accepted placements to use as values of the `placement` option.<br />
+ * Valid placements are:
+ * - `auto`
+ * - `top`
+ * - `right`
+ * - `bottom`
+ * - `left`
+ *
+ * Each placement can have a variation from this list:
+ * - `-start`
+ * - `-end`
+ *
+ * Variations are interpreted easily if you think of them as the left to right
+ * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`
+ * is right.<br />
+ * Vertically (`left` and `right`), `start` is top and `end` is bottom.
+ *
+ * Some valid examples are:
+ * - `top-end` (on top of reference, right aligned)
+ * - `right-start` (on right of reference, top aligned)
+ * - `bottom` (on bottom, centered)
+ * - `auto-right` (on the side with more space available, alignment depends by placement)
+ *
+ * @static
+ * @type {Array}
+ * @enum {String}
+ * @readonly
+ * @method placements
+ * @memberof Popper
+ */
+var placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
+
+// Get rid of `auto` `auto-start` and `auto-end`
+var validPlacements = placements.slice(3);
+
+/**
+ * Given an initial placement, returns all the subsequent placements
+ * clockwise (or counter-clockwise).
+ *
+ * @method
+ * @memberof Popper.Utils
+ * @argument {String} placement - A valid placement (it accepts variations)
+ * @argument {Boolean} counter - Set to true to walk the placements counterclockwise
+ * @returns {Array} placements including their variations
+ */
+function clockwise(placement) {
+ var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+ var index = validPlacements.indexOf(placement);
+ var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));
+ return counter ? arr.reverse() : arr;
+}
+
+var BEHAVIORS = {
+ FLIP: 'flip',
+ CLOCKWISE: 'clockwise',
+ COUNTERCLOCKWISE: 'counterclockwise'
+};
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by update method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function flip(data, options) {
+ // if `inner` modifier is enabled, we can't use the `flip` modifier
+ if (isModifierEnabled(data.instance.modifiers, 'inner')) {
+ return data;
+ }
+
+ if (data.flipped && data.placement === data.originalPlacement) {
+ // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides
+ return data;
+ }
+
+ var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement);
+
+ var placement = data.placement.split('-')[0];
+ var placementOpposite = getOppositePlacement(placement);
+ var variation = data.placement.split('-')[1] || '';
+
+ var flipOrder = [];
+
+ switch (options.behavior) {
+ case BEHAVIORS.FLIP:
+ flipOrder = [placement, placementOpposite];
+ break;
+ case BEHAVIORS.CLOCKWISE:
+ flipOrder = clockwise(placement);
+ break;
+ case BEHAVIORS.COUNTERCLOCKWISE:
+ flipOrder = clockwise(placement, true);
+ break;
+ default:
+ flipOrder = options.behavior;
+ }
+
+ flipOrder.forEach(function (step, index) {
+ if (placement !== step || flipOrder.length === index + 1) {
+ return data;
+ }
+
+ placement = data.placement.split('-')[0];
+ placementOpposite = getOppositePlacement(placement);
+
+ var popperOffsets = data.offsets.popper;
+ var refOffsets = data.offsets.reference;
+
+ // using floor because the reference offsets may contain decimals we are not going to consider here
+ var floor = Math.floor;
+ var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);
+
+ var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
+ var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
+ var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
+ var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);
+
+ var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;
+
+ // flip the variation if required
+ var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
+ var flippedVariation = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);
+
+ if (overlapsRef || overflowsBoundaries || flippedVariation) {
+ // this boolean to detect any flip loop
+ data.flipped = true;
+
+ if (overlapsRef || overflowsBoundaries) {
+ placement = flipOrder[index + 1];
+ }
+
+ if (flippedVariation) {
+ variation = getOppositeVariation(variation);
+ }
+
+ data.placement = placement + (variation ? '-' + variation : '');
+
+ // this object contains `position`, we want to preserve it along with
+ // any additional property we may add in the future
+ data.offsets.popper = _extends$1({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+
+ data = runModifiers(data.instance.modifiers, data, 'flip');
+ }
+ });
+ return data;
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by update method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function keepTogether(data) {
+ var _data$offsets = data.offsets,
+ popper = _data$offsets.popper,
+ reference = _data$offsets.reference;
+
+ var placement = data.placement.split('-')[0];
+ var floor = Math.floor;
+ var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
+ var side = isVertical ? 'right' : 'bottom';
+ var opSide = isVertical ? 'left' : 'top';
+ var measurement = isVertical ? 'width' : 'height';
+
+ if (popper[side] < floor(reference[opSide])) {
+ data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];
+ }
+ if (popper[opSide] > floor(reference[side])) {
+ data.offsets.popper[opSide] = floor(reference[side]);
+ }
+
+ return data;
+}
+
+/**
+ * Converts a string containing value + unit into a px value number
+ * @function
+ * @memberof {modifiers~offset}
+ * @private
+ * @argument {String} str - Value + unit string
+ * @argument {String} measurement - `height` or `width`
+ * @argument {Object} popperOffsets
+ * @argument {Object} referenceOffsets
+ * @returns {Number|String}
+ * Value in pixels, or original string if no values were extracted
+ */
+function toValue(str, measurement, popperOffsets, referenceOffsets) {
+ // separate value from unit
+ var split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
+ var value = +split[1];
+ var unit = split[2];
+
+ // If it's not a number it's an operator, I guess
+ if (!value) {
+ return str;
+ }
+
+ if (unit.indexOf('%') === 0) {
+ var element = void 0;
+ switch (unit) {
+ case '%p':
+ element = popperOffsets;
+ break;
+ case '%':
+ case '%r':
+ default:
+ element = referenceOffsets;
+ }
+
+ var rect = getClientRect(element);
+ return rect[measurement] / 100 * value;
+ } else if (unit === 'vh' || unit === 'vw') {
+ // if is a vh or vw, we calculate the size based on the viewport
+ var size = void 0;
+ if (unit === 'vh') {
+ size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
+ } else {
+ size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
+ }
+ return size / 100 * value;
+ } else {
+ // if is an explicit pixel unit, we get rid of the unit and keep the value
+ // if is an implicit unit, it's px, and we return just the value
+ return value;
+ }
+}
+
+/**
+ * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.
+ * @function
+ * @memberof {modifiers~offset}
+ * @private
+ * @argument {String} offset
+ * @argument {Object} popperOffsets
+ * @argument {Object} referenceOffsets
+ * @argument {String} basePlacement
+ * @returns {Array} a two cells array with x and y offsets in numbers
+ */
+function parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {
+ var offsets = [0, 0];
+
+ // Use height if placement is left or right and index is 0 otherwise use width
+ // in this way the first offset will use an axis and the second one
+ // will use the other one
+ var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
+
+ // Split the offset string to obtain a list of values and operands
+ // The regex addresses values with the plus or minus sign in front (+10, -20, etc)
+ var fragments = offset.split(/(\+|\-)/).map(function (frag) {
+ return frag.trim();
+ });
+
+ // Detect if the offset string contains a pair of values or a single one
+ // they could be separated by comma or space
+ var divider = fragments.indexOf(find(fragments, function (frag) {
+ return frag.search(/,|\s/) !== -1;
+ }));
+
+ if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
+ console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');
+ }
+
+ // If divider is found, we divide the list of values and operands to divide
+ // them by ofset X and Y.
+ var splitRegex = /\s*,\s*|\s+/;
+ var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];
+
+ // Convert the values with units to absolute pixels to allow our computations
+ ops = ops.map(function (op, index) {
+ // Most of the units rely on the orientation of the popper
+ var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';
+ var mergeWithPrevious = false;
+ return op
+ // This aggregates any `+` or `-` sign that aren't considered operators
+ // e.g.: 10 + +5 => [10, +, +5]
+ .reduce(function (a, b) {
+ if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
+ a[a.length - 1] = b;
+ mergeWithPrevious = true;
+ return a;
+ } else if (mergeWithPrevious) {
+ a[a.length - 1] += b;
+ mergeWithPrevious = false;
+ return a;
+ } else {
+ return a.concat(b);
+ }
+ }, [])
+ // Here we convert the string values into number values (in px)
+ .map(function (str) {
+ return toValue(str, measurement, popperOffsets, referenceOffsets);
+ });
+ });
+
+ // Loop trough the offsets arrays and execute the operations
+ ops.forEach(function (op, index) {
+ op.forEach(function (frag, index2) {
+ if (isNumeric(frag)) {
+ offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
+ }
+ });
+ });
+ return offsets;
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by update method
+ * @argument {Object} options - Modifiers configuration and options
+ * @argument {Number|String} options.offset=0
+ * The offset value as described in the modifier description
+ * @returns {Object} The data object, properly modified
+ */
+function offset(data, _ref) {
+ var offset = _ref.offset;
+ var placement = data.placement,
+ _data$offsets = data.offsets,
+ popper = _data$offsets.popper,
+ reference = _data$offsets.reference;
+
+ var basePlacement = placement.split('-')[0];
+
+ var offsets = void 0;
+ if (isNumeric(+offset)) {
+ offsets = [+offset, 0];
+ } else {
+ offsets = parseOffset(offset, popper, reference, basePlacement);
+ }
+
+ if (basePlacement === 'left') {
+ popper.top += offsets[0];
+ popper.left -= offsets[1];
+ } else if (basePlacement === 'right') {
+ popper.top += offsets[0];
+ popper.left += offsets[1];
+ } else if (basePlacement === 'top') {
+ popper.left += offsets[0];
+ popper.top -= offsets[1];
+ } else if (basePlacement === 'bottom') {
+ popper.left += offsets[0];
+ popper.top += offsets[1];
+ }
+
+ data.popper = popper;
+ return data;
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by `update` method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function preventOverflow(data, options) {
+ var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);
+
+ // If offsetParent is the reference element, we really want to
+ // go one step up and use the next offsetParent as reference to
+ // avoid to make this modifier completely useless and look like broken
+ if (data.instance.reference === boundariesElement) {
+ boundariesElement = getOffsetParent(boundariesElement);
+ }
+
+ var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement);
+ options.boundaries = boundaries;
+
+ var order = options.priority;
+ var popper = data.offsets.popper;
+
+ var check = {
+ primary: function primary(placement) {
+ var value = popper[placement];
+ if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {
+ value = Math.max(popper[placement], boundaries[placement]);
+ }
+ return defineProperty({}, placement, value);
+ },
+ secondary: function secondary(placement) {
+ var mainSide = placement === 'right' ? 'left' : 'top';
+ var value = popper[mainSide];
+ if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {
+ value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));
+ }
+ return defineProperty({}, mainSide, value);
+ }
+ };
+
+ order.forEach(function (placement) {
+ var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
+ popper = _extends$1({}, popper, check[side](placement));
+ });
+
+ data.offsets.popper = popper;
+
+ return data;
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by `update` method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function shift(data) {
+ var placement = data.placement;
+ var basePlacement = placement.split('-')[0];
+ var shiftvariation = placement.split('-')[1];
+
+ // if shift shiftvariation is specified, run the modifier
+ if (shiftvariation) {
+ var _data$offsets = data.offsets,
+ reference = _data$offsets.reference,
+ popper = _data$offsets.popper;
+
+ var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
+ var side = isVertical ? 'left' : 'top';
+ var measurement = isVertical ? 'width' : 'height';
+
+ var shiftOffsets = {
+ start: defineProperty({}, side, reference[side]),
+ end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
+ };
+
+ data.offsets.popper = _extends$1({}, popper, shiftOffsets[shiftvariation]);
+ }
+
+ return data;
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by update method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function hide(data) {
+ if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
+ return data;
+ }
+
+ var refRect = data.offsets.reference;
+ var bound = find(data.instance.modifiers, function (modifier) {
+ return modifier.name === 'preventOverflow';
+ }).boundaries;
+
+ if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
+ // Avoid unnecessary DOM access if visibility hasn't changed
+ if (data.hide === true) {
+ return data;
+ }
+
+ data.hide = true;
+ data.attributes['x-out-of-boundaries'] = '';
+ } else {
+ // Avoid unnecessary DOM access if visibility hasn't changed
+ if (data.hide === false) {
+ return data;
+ }
+
+ data.hide = false;
+ data.attributes['x-out-of-boundaries'] = false;
+ }
+
+ return data;
+}
+
+/**
+ * @function
+ * @memberof Modifiers
+ * @argument {Object} data - The data object generated by `update` method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {Object} The data object, properly modified
+ */
+function inner(data) {
+ var placement = data.placement;
+ var basePlacement = placement.split('-')[0];
+ var _data$offsets = data.offsets,
+ popper = _data$offsets.popper,
+ reference = _data$offsets.reference;
+
+ var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
+
+ var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
+
+ popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
+
+ data.placement = getOppositePlacement(placement);
+ data.offsets.popper = getClientRect(popper);
+
+ return data;
+}
+
+/**
+ * Modifier function, each modifier can have a function of this type assigned
+ * to its `fn` property.<br />
+ * These functions will be called on each update, this means that you must
+ * make sure they are performant enough to avoid performance bottlenecks.
+ *
+ * @function ModifierFn
+ * @argument {dataObject} data - The data object generated by `update` method
+ * @argument {Object} options - Modifiers configuration and options
+ * @returns {dataObject} The data object, properly modified
+ */
+
+/**
+ * Modifiers are plugins used to alter the behavior of your poppers.<br />
+ * Popper.js uses a set of 9 modifiers to provide all the basic functionalities
+ * needed by the library.
+ *
+ * Usually you don't want to override the `order`, `fn` and `onLoad` props.
+ * All the other properties are configurations that could be tweaked.
+ * @namespace modifiers
+ */
+var modifiers = {
+ /**
+ * Modifier used to shift the popper on the start or end of its reference
+ * element.<br />
+ * It will read the variation of the `placement` property.<br />
+ * It can be one either `-end` or `-start`.
+ * @memberof modifiers
+ * @inner
+ */
+ shift: {
+ /** @prop {number} order=100 - Index used to define the order of execution */
+ order: 100,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: shift
+ },
+
+ /**
+ * The `offset` modifier can shift your popper on both its axis.
+ *
+ * It accepts the following units:
+ * - `px` or unitless, interpreted as pixels
+ * - `%` or `%r`, percentage relative to the length of the reference element
+ * - `%p`, percentage relative to the length of the popper element
+ * - `vw`, CSS viewport width unit
+ * - `vh`, CSS viewport height unit
+ *
+ * For length is intended the main axis relative to the placement of the popper.<br />
+ * This means that if the placement is `top` or `bottom`, the length will be the
+ * `width`. In case of `left` or `right`, it will be the height.
+ *
+ * You can provide a single value (as `Number` or `String`), or a pair of values
+ * as `String` divided by a comma or one (or more) white spaces.<br />
+ * The latter is a deprecated method because it leads to confusion and will be
+ * removed in v2.<br />
+ * Additionally, it accepts additions and subtractions between different units.
+ * Note that multiplications and divisions aren't supported.
+ *
+ * Valid examples are:
+ * ```
+ * 10
+ * '10%'
+ * '10, 10'
+ * '10%, 10'
+ * '10 + 10%'
+ * '10 - 5vh + 3%'
+ * '-10px + 5vh, 5px - 6%'
+ * ```
+ * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap
+ * > with their reference element, unfortunately, you will have to disable the `flip` modifier.
+ * > More on this [reading this issue](https://github.com/FezVrasta/popper.js/issues/373)
+ *
+ * @memberof modifiers
+ * @inner
+ */
+ offset: {
+ /** @prop {number} order=200 - Index used to define the order of execution */
+ order: 200,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: offset,
+ /** @prop {Number|String} offset=0
+ * The offset value as described in the modifier description
+ */
+ offset: 0
+ },
+
+ /**
+ * Modifier used to prevent the popper from being positioned outside the boundary.
+ *
+ * An scenario exists where the reference itself is not within the boundaries.<br />
+ * We can say it has "escaped the boundaries" — or just "escaped".<br />
+ * In this case we need to decide whether the popper should either:
+ *
+ * - detach from the reference and remain "trapped" in the boundaries, or
+ * - if it should ignore the boundary and "escape with its reference"
+ *
+ * When `escapeWithReference` is set to`true` and reference is completely
+ * outside its boundaries, the popper will overflow (or completely leave)
+ * the boundaries in order to remain attached to the edge of the reference.
+ *
+ * @memberof modifiers
+ * @inner
+ */
+ preventOverflow: {
+ /** @prop {number} order=300 - Index used to define the order of execution */
+ order: 300,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: preventOverflow,
+ /**
+ * @prop {Array} [priority=['left','right','top','bottom']]
+ * Popper will try to prevent overflow following these priorities by default,
+ * then, it could overflow on the left and on top of the `boundariesElement`
+ */
+ priority: ['left', 'right', 'top', 'bottom'],
+ /**
+ * @prop {number} padding=5
+ * Amount of pixel used to define a minimum distance between the boundaries
+ * and the popper this makes sure the popper has always a little padding
+ * between the edges of its container
+ */
+ padding: 5,
+ /**
+ * @prop {String|HTMLElement} boundariesElement='scrollParent'
+ * Boundaries used by the modifier, can be `scrollParent`, `window`,
+ * `viewport` or any DOM element.
+ */
+ boundariesElement: 'scrollParent'
+ },
+
+ /**
+ * Modifier used to make sure the reference and its popper stay near eachothers
+ * without leaving any gap between the two. Expecially useful when the arrow is
+ * enabled and you want to assure it to point to its reference element.
+ * It cares only about the first axis, you can still have poppers with margin
+ * between the popper and its reference element.
+ * @memberof modifiers
+ * @inner
+ */
+ keepTogether: {
+ /** @prop {number} order=400 - Index used to define the order of execution */
+ order: 400,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: keepTogether
+ },
+
+ /**
+ * This modifier is used to move the `arrowElement` of the popper to make
+ * sure it is positioned between the reference element and its popper element.
+ * It will read the outer size of the `arrowElement` node to detect how many
+ * pixels of conjuction are needed.
+ *
+ * It has no effect if no `arrowElement` is provided.
+ * @memberof modifiers
+ * @inner
+ */
+ arrow: {
+ /** @prop {number} order=500 - Index used to define the order of execution */
+ order: 500,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: arrow,
+ /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */
+ element: '[x-arrow]'
+ },
+
+ /**
+ * Modifier used to flip the popper's placement when it starts to overlap its
+ * reference element.
+ *
+ * Requires the `preventOverflow` modifier before it in order to work.
+ *
+ * **NOTE:** this modifier will interrupt the current update cycle and will
+ * restart it if it detects the need to flip the placement.
+ * @memberof modifiers
+ * @inner
+ */
+ flip: {
+ /** @prop {number} order=600 - Index used to define the order of execution */
+ order: 600,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: flip,
+ /**
+ * @prop {String|Array} behavior='flip'
+ * The behavior used to change the popper's placement. It can be one of
+ * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid
+ * placements (with optional variations).
+ */
+ behavior: 'flip',
+ /**
+ * @prop {number} padding=5
+ * The popper will flip if it hits the edges of the `boundariesElement`
+ */
+ padding: 5,
+ /**
+ * @prop {String|HTMLElement} boundariesElement='viewport'
+ * The element which will define the boundaries of the popper position,
+ * the popper will never be placed outside of the defined boundaries
+ * (except if keepTogether is enabled)
+ */
+ boundariesElement: 'viewport'
+ },
+
+ /**
+ * Modifier used to make the popper flow toward the inner of the reference element.
+ * By default, when this modifier is disabled, the popper will be placed outside
+ * the reference element.
+ * @memberof modifiers
+ * @inner
+ */
+ inner: {
+ /** @prop {number} order=700 - Index used to define the order of execution */
+ order: 700,
+ /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */
+ enabled: false,
+ /** @prop {ModifierFn} */
+ fn: inner
+ },
+
+ /**
+ * Modifier used to hide the popper when its reference element is outside of the
+ * popper boundaries. It will set a `x-out-of-boundaries` attribute which can
+ * be used to hide with a CSS selector the popper when its reference is
+ * out of boundaries.
+ *
+ * Requires the `preventOverflow` modifier before it in order to work.
+ * @memberof modifiers
+ * @inner
+ */
+ hide: {
+ /** @prop {number} order=800 - Index used to define the order of execution */
+ order: 800,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: hide
+ },
+
+ /**
+ * Computes the style that will be applied to the popper element to gets
+ * properly positioned.
+ *
+ * Note that this modifier will not touch the DOM, it just prepares the styles
+ * so that `applyStyle` modifier can apply it. This separation is useful
+ * in case you need to replace `applyStyle` with a custom implementation.
+ *
+ * This modifier has `850` as `order` value to maintain backward compatibility
+ * with previous versions of Popper.js. Expect the modifiers ordering method
+ * to change in future major versions of the library.
+ *
+ * @memberof modifiers
+ * @inner
+ */
+ computeStyle: {
+ /** @prop {number} order=850 - Index used to define the order of execution */
+ order: 850,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: computeStyle,
+ /**
+ * @prop {Boolean} gpuAcceleration=true
+ * If true, it uses the CSS 3d transformation to position the popper.
+ * Otherwise, it will use the `top` and `left` properties.
+ */
+ gpuAcceleration: true,
+ /**
+ * @prop {string} [x='bottom']
+ * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.
+ * Change this if your popper should grow in a direction different from `bottom`
+ */
+ x: 'bottom',
+ /**
+ * @prop {string} [x='left']
+ * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.
+ * Change this if your popper should grow in a direction different from `right`
+ */
+ y: 'right'
+ },
+
+ /**
+ * Applies the computed styles to the popper element.
+ *
+ * All the DOM manipulations are limited to this modifier. This is useful in case
+ * you want to integrate Popper.js inside a framework or view library and you
+ * want to delegate all the DOM manipulations to it.
+ *
+ * Note that if you disable this modifier, you must make sure the popper element
+ * has its position set to `absolute` before Popper.js can do its work!
+ *
+ * Just disable this modifier and define you own to achieve the desired effect.
+ *
+ * @memberof modifiers
+ * @inner
+ */
+ applyStyle: {
+ /** @prop {number} order=900 - Index used to define the order of execution */
+ order: 900,
+ /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
+ enabled: true,
+ /** @prop {ModifierFn} */
+ fn: applyStyle,
+ /** @prop {Function} */
+ onLoad: applyStyleOnLoad,
+ /**
+ * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier
+ * @prop {Boolean} gpuAcceleration=true
+ * If true, it uses the CSS 3d transformation to position the popper.
+ * Otherwise, it will use the `top` and `left` properties.
+ */
+ gpuAcceleration: undefined
+ }
+};
+
+/**
+ * The `dataObject` is an object containing all the informations used by Popper.js
+ * this object get passed to modifiers and to the `onCreate` and `onUpdate` callbacks.
+ * @name dataObject
+ * @property {Object} data.instance The Popper.js instance
+ * @property {String} data.placement Placement applied to popper
+ * @property {String} data.originalPlacement Placement originally defined on init
+ * @property {Boolean} data.flipped True if popper has been flipped by flip modifier
+ * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper.
+ * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier
+ * @property {Object} data.styles Any CSS property defined here will be applied to the popper, it expects the JavaScript nomenclature (eg. `marginBottom`)
+ * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow, it expects the JavaScript nomenclature (eg. `marginBottom`)
+ * @property {Object} data.boundaries Offsets of the popper boundaries
+ * @property {Object} data.offsets The measurements of popper, reference and arrow elements.
+ * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values
+ * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values
+ * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0
+ */
+
+/**
+ * Default options provided to Popper.js constructor.<br />
+ * These can be overriden using the `options` argument of Popper.js.<br />
+ * To override an option, simply pass as 3rd argument an object with the same
+ * structure of this object, example:
+ * ```
+ * new Popper(ref, pop, {
+ * modifiers: {
+ * preventOverflow: { enabled: false }
+ * }
+ * })
+ * ```
+ * @type {Object}
+ * @static
+ * @memberof Popper
+ */
+var Defaults = {
+ /**
+ * Popper's placement
+ * @prop {Popper.placements} placement='bottom'
+ */
+ placement: 'bottom',
+
+ /**
+ * Whether events (resize, scroll) are initially enabled
+ * @prop {Boolean} eventsEnabled=true
+ */
+ eventsEnabled: true,
+
+ /**
+ * Set to true if you want to automatically remove the popper when
+ * you call the `destroy` method.
+ * @prop {Boolean} removeOnDestroy=false
+ */
+ removeOnDestroy: false,
+
+ /**
+ * Callback called when the popper is created.<br />
+ * By default, is set to no-op.<br />
+ * Access Popper.js instance with `data.instance`.
+ * @prop {onCreate}
+ */
+ onCreate: function onCreate() {},
+
+ /**
+ * Callback called when the popper is updated, this callback is not called
+ * on the initialization/creation of the popper, but only on subsequent
+ * updates.<br />
+ * By default, is set to no-op.<br />
+ * Access Popper.js instance with `data.instance`.
+ * @prop {onUpdate}
+ */
+ onUpdate: function onUpdate() {},
+
+ /**
+ * List of modifiers used to modify the offsets before they are applied to the popper.
+ * They provide most of the functionalities of Popper.js
+ * @prop {modifiers}
+ */
+ modifiers: modifiers
+};
+
+/**
+ * @callback onCreate
+ * @param {dataObject} data
+ */
+
+/**
+ * @callback onUpdate
+ * @param {dataObject} data
+ */
+
+// Utils
+// Methods
+var Popper = function () {
+ /**
+ * Create a new Popper.js instance
+ * @class Popper
+ * @param {HTMLElement|referenceObject} reference - The reference element used to position the popper
+ * @param {HTMLElement} popper - The HTML element used as popper.
+ * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)
+ * @return {Object} instance - The generated Popper.js instance
+ */
+ function Popper(reference, popper) {
+ var _this = this;
+
+ var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+ classCallCheck(this, Popper);
+
+ this.scheduleUpdate = function () {
+ return requestAnimationFrame(_this.update);
+ };
+
+ // make update() debounced, so that it only runs at most once-per-tick
+ this.update = debounce(this.update.bind(this));
+
+ // with {} we create a new object with the options inside it
+ this.options = _extends$1({}, Popper.Defaults, options);
+
+ // init state
+ this.state = {
+ isDestroyed: false,
+ isCreated: false,
+ scrollParents: []
+ };
+
+ // get reference and popper elements (allow jQuery wrappers)
+ this.reference = reference && reference.jquery ? reference[0] : reference;
+ this.popper = popper && popper.jquery ? popper[0] : popper;
+
+ // Deep merge modifiers options
+ this.options.modifiers = {};
+ Object.keys(_extends$1({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
+ _this.options.modifiers[name] = _extends$1({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+ });
+
+ // Refactoring modifiers' list (Object => Array)
+ this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
+ return _extends$1({
+ name: name
+ }, _this.options.modifiers[name]);
+ })
+ // sort the modifiers by order
+ .sort(function (a, b) {
+ return a.order - b.order;
+ });
+
+ // modifiers have the ability to execute arbitrary code when Popper.js get inited
+ // such code is executed in the same order of its modifier
+ // they could add new properties to their options configuration
+ // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!
+ this.modifiers.forEach(function (modifierOptions) {
+ if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
+ modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
+ }
+ });
+
+ // fire the first update to position the popper in the right place
+ this.update();
+
+ var eventsEnabled = this.options.eventsEnabled;
+ if (eventsEnabled) {
+ // setup event listeners, they will take care of update the position in specific situations
+ this.enableEventListeners();
+ }
+
+ this.state.eventsEnabled = eventsEnabled;
+ }
+
+ // We can't use class properties because they don't get listed in the
+ // class prototype and break stuff like Sinon stubs
+
+
+ createClass(Popper, [{
+ key: 'update',
+ value: function update$$1() {
+ return update.call(this);
+ }
+ }, {
+ key: 'destroy',
+ value: function destroy$$1() {
+ return destroy.call(this);
+ }
+ }, {
+ key: 'enableEventListeners',
+ value: function enableEventListeners$$1() {
+ return enableEventListeners.call(this);
+ }
+ }, {
+ key: 'disableEventListeners',
+ value: function disableEventListeners$$1() {
+ return disableEventListeners.call(this);
+ }
+
+ /**
+ * Schedule an update, it will run on the next UI update available
+ * @method scheduleUpdate
+ * @memberof Popper
+ */
+
+
+ /**
+ * Collection of utilities useful when writing custom modifiers.
+ * Starting from version 1.7, this method is available only if you
+ * include `popper-utils.js` before `popper.js`.
+ *
+ * **DEPRECATION**: This way to access PopperUtils is deprecated
+ * and will be removed in v2! Use the PopperUtils module directly instead.
+ * Due to the high instability of the methods contained in Utils, we can't
+ * guarantee them to follow semver. Use them at your own risk!
+ * @static
+ * @private
+ * @type {Object}
+ * @deprecated since version 1.8
+ * @member Utils
+ * @memberof Popper
+ */
+
+ }]);
+ return Popper;
+}();
+
+/**
+ * The `referenceObject` is an object that provides an interface compatible with Popper.js
+ * and lets you use it as replacement of a real DOM node.<br />
+ * You can use this method to position a popper relatively to a set of coordinates
+ * in case you don't have a DOM node to use as reference.
+ *
+ * ```
+ * new Popper(referenceObject, popperNode);
+ * ```
+ *
+ * NB: This feature isn't supported in Internet Explorer 10
+ * @name referenceObject
+ * @property {Function} data.getBoundingClientRect
+ * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.
+ * @property {number} data.clientWidth
+ * An ES6 getter that will return the width of the virtual reference element.
+ * @property {number} data.clientHeight
+ * An ES6 getter that will return the height of the virtual reference element.
+ */
+
+
+Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
+Popper.placements = placements;
+Popper.Defaults = Defaults;
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): dropdown.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Dropdown = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'dropdown';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.dropdown';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
+
+ var SPACE_KEYCODE = 32; // KeyboardEvent.which value for space key
+
+ var TAB_KEYCODE = 9; // KeyboardEvent.which value for tab key
+
+ var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key
+
+ var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key
+
+ var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse)
+
+ var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEYCODE + "|" + ARROW_DOWN_KEYCODE + "|" + ESCAPE_KEYCODE);
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ CLICK: "click" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY,
+ KEYDOWN_DATA_API: "keydown" + EVENT_KEY + DATA_API_KEY,
+ KEYUP_DATA_API: "keyup" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ DISABLED: 'disabled',
+ SHOW: 'show',
+ DROPUP: 'dropup',
+ DROPRIGHT: 'dropright',
+ DROPLEFT: 'dropleft',
+ MENURIGHT: 'dropdown-menu-right',
+ MENULEFT: 'dropdown-menu-left',
+ POSITION_STATIC: 'position-static'
+ };
+ var Selector = {
+ DATA_TOGGLE: '[data-toggle="dropdown"]',
+ FORM_CHILD: '.dropdown form',
+ MENU: '.dropdown-menu',
+ NAVBAR_NAV: '.navbar-nav',
+ VISIBLE_ITEMS: '.dropdown-menu .dropdown-item:not(.disabled)'
+ };
+ var AttachmentMap = {
+ TOP: 'top-start',
+ TOPEND: 'top-end',
+ BOTTOM: 'bottom-start',
+ BOTTOMEND: 'bottom-end',
+ RIGHT: 'right-start',
+ RIGHTEND: 'right-end',
+ LEFT: 'left-start',
+ LEFTEND: 'left-end'
+ };
+ var Default = {
+ offset: 0,
+ flip: true,
+ boundary: 'scrollParent'
+ };
+ var DefaultType = {
+ offset: '(number|string|function)',
+ flip: 'boolean',
+ boundary: '(string|element)'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Dropdown =
+ /*#__PURE__*/
+ function () {
+ function Dropdown(element, config) {
+ this._element = element;
+ this._popper = null;
+ this._config = this._getConfig(config);
+ this._menu = this._getMenuElement();
+ this._inNavbar = this._detectNavbar();
+
+ this._addEventListeners();
+ } // Getters
+
+
+ var _proto = Dropdown.prototype;
+
+ // Public
+ _proto.toggle = function toggle() {
+ if (this._element.disabled || $$$1(this._element).hasClass(ClassName.DISABLED)) {
+ return;
+ }
+
+ var parent = Dropdown._getParentFromElement(this._element);
+
+ var isActive = $$$1(this._menu).hasClass(ClassName.SHOW);
+
+ Dropdown._clearMenus();
+
+ if (isActive) {
+ return;
+ }
+
+ var relatedTarget = {
+ relatedTarget: this._element
+ };
+ var showEvent = $$$1.Event(Event.SHOW, relatedTarget);
+ $$$1(parent).trigger(showEvent);
+
+ if (showEvent.isDefaultPrevented()) {
+ return;
+ } // Disable totally Popper.js for Dropdown in Navbar
+
+
+ if (!this._inNavbar) {
+ /**
+ * Check for Popper dependency
+ * Popper - https://popper.js.org
+ */
+ if (typeof Popper === 'undefined') {
+ throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)');
+ }
+
+ var element = this._element; // For dropup with alignment we use the parent as popper container
+
+ if ($$$1(parent).hasClass(ClassName.DROPUP)) {
+ if ($$$1(this._menu).hasClass(ClassName.MENULEFT) || $$$1(this._menu).hasClass(ClassName.MENURIGHT)) {
+ element = parent;
+ }
+ } // If boundary is not `scrollParent`, then set position to `static`
+ // to allow the menu to "escape" the scroll parent's boundaries
+ // https://github.com/twbs/bootstrap/issues/24251
+
+
+ if (this._config.boundary !== 'scrollParent') {
+ $$$1(parent).addClass(ClassName.POSITION_STATIC);
+ }
+
+ this._popper = new Popper(element, this._menu, this._getPopperConfig());
+ } // If this is a touch-enabled device we add extra
+ // empty mouseover listeners to the body's immediate children;
+ // only needed because of broken event delegation on iOS
+ // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+
+
+ if ('ontouchstart' in document.documentElement && $$$1(parent).closest(Selector.NAVBAR_NAV).length === 0) {
+ $$$1('body').children().on('mouseover', null, $$$1.noop);
+ }
+
+ this._element.focus();
+
+ this._element.setAttribute('aria-expanded', true);
+
+ $$$1(this._menu).toggleClass(ClassName.SHOW);
+ $$$1(parent).toggleClass(ClassName.SHOW).trigger($$$1.Event(Event.SHOWN, relatedTarget));
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ $$$1(this._element).off(EVENT_KEY);
+ this._element = null;
+ this._menu = null;
+
+ if (this._popper !== null) {
+ this._popper.destroy();
+
+ this._popper = null;
+ }
+ };
+
+ _proto.update = function update() {
+ this._inNavbar = this._detectNavbar();
+
+ if (this._popper !== null) {
+ this._popper.scheduleUpdate();
+ }
+ }; // Private
+
+
+ _proto._addEventListeners = function _addEventListeners() {
+ var _this = this;
+
+ $$$1(this._element).on(Event.CLICK, function (event) {
+ event.preventDefault();
+ event.stopPropagation();
+
+ _this.toggle();
+ });
+ };
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, this.constructor.Default, $$$1(this._element).data(), config);
+ Util.typeCheckConfig(NAME, config, this.constructor.DefaultType);
+ return config;
+ };
+
+ _proto._getMenuElement = function _getMenuElement() {
+ if (!this._menu) {
+ var parent = Dropdown._getParentFromElement(this._element);
+
+ this._menu = $$$1(parent).find(Selector.MENU)[0];
+ }
+
+ return this._menu;
+ };
+
+ _proto._getPlacement = function _getPlacement() {
+ var $parentDropdown = $$$1(this._element).parent();
+ var placement = AttachmentMap.BOTTOM; // Handle dropup
+
+ if ($parentDropdown.hasClass(ClassName.DROPUP)) {
+ placement = AttachmentMap.TOP;
+
+ if ($$$1(this._menu).hasClass(ClassName.MENURIGHT)) {
+ placement = AttachmentMap.TOPEND;
+ }
+ } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) {
+ placement = AttachmentMap.RIGHT;
+ } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) {
+ placement = AttachmentMap.LEFT;
+ } else if ($$$1(this._menu).hasClass(ClassName.MENURIGHT)) {
+ placement = AttachmentMap.BOTTOMEND;
+ }
+
+ return placement;
+ };
+
+ _proto._detectNavbar = function _detectNavbar() {
+ return $$$1(this._element).closest('.navbar').length > 0;
+ };
+
+ _proto._getPopperConfig = function _getPopperConfig() {
+ var _this2 = this;
+
+ var offsetConf = {};
+
+ if (typeof this._config.offset === 'function') {
+ offsetConf.fn = function (data) {
+ data.offsets = _extends({}, data.offsets, _this2._config.offset(data.offsets) || {});
+ return data;
+ };
+ } else {
+ offsetConf.offset = this._config.offset;
+ }
+
+ var popperConfig = {
+ placement: this._getPlacement(),
+ modifiers: {
+ offset: offsetConf,
+ flip: {
+ enabled: this._config.flip
+ },
+ preventOverflow: {
+ boundariesElement: this._config.boundary
+ }
+ }
+ };
+ return popperConfig;
+ }; // Static
+
+
+ Dropdown._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = typeof config === 'object' ? config : null;
+
+ if (!data) {
+ data = new Dropdown(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ Dropdown._clearMenus = function _clearMenus(event) {
+ if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH || event.type === 'keyup' && event.which !== TAB_KEYCODE)) {
+ return;
+ }
+
+ var toggles = $$$1.makeArray($$$1(Selector.DATA_TOGGLE));
+
+ for (var i = 0; i < toggles.length; i++) {
+ var parent = Dropdown._getParentFromElement(toggles[i]);
+
+ var context = $$$1(toggles[i]).data(DATA_KEY);
+ var relatedTarget = {
+ relatedTarget: toggles[i]
+ };
+
+ if (!context) {
+ continue;
+ }
+
+ var dropdownMenu = context._menu;
+
+ if (!$$$1(parent).hasClass(ClassName.SHOW)) {
+ continue;
+ }
+
+ if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && $$$1.contains(parent, event.target)) {
+ continue;
+ }
+
+ var hideEvent = $$$1.Event(Event.HIDE, relatedTarget);
+ $$$1(parent).trigger(hideEvent);
+
+ if (hideEvent.isDefaultPrevented()) {
+ continue;
+ } // If this is a touch-enabled device we remove the extra
+ // empty mouseover listeners we added for iOS support
+
+
+ if ('ontouchstart' in document.documentElement) {
+ $$$1('body').children().off('mouseover', null, $$$1.noop);
+ }
+
+ toggles[i].setAttribute('aria-expanded', 'false');
+ $$$1(dropdownMenu).removeClass(ClassName.SHOW);
+ $$$1(parent).removeClass(ClassName.SHOW).trigger($$$1.Event(Event.HIDDEN, relatedTarget));
+ }
+ };
+
+ Dropdown._getParentFromElement = function _getParentFromElement(element) {
+ var parent;
+ var selector = Util.getSelectorFromElement(element);
+
+ if (selector) {
+ parent = $$$1(selector)[0];
+ }
+
+ return parent || element.parentNode;
+ }; // eslint-disable-next-line complexity
+
+
+ Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) {
+ // If not input/textarea:
+ // - And not a key in REGEXP_KEYDOWN => not a dropdown command
+ // If input/textarea:
+ // - If space key => not a dropdown command
+ // - If key is other than escape
+ // - If key is not up or down => not a dropdown command
+ // - If trigger inside the menu => not a dropdown command
+ if (/input|textarea/i.test(event.target.tagName) ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || $$$1(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {
+ return;
+ }
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ if (this.disabled || $$$1(this).hasClass(ClassName.DISABLED)) {
+ return;
+ }
+
+ var parent = Dropdown._getParentFromElement(this);
+
+ var isActive = $$$1(parent).hasClass(ClassName.SHOW);
+
+ if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) || isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {
+ if (event.which === ESCAPE_KEYCODE) {
+ var toggle = $$$1(parent).find(Selector.DATA_TOGGLE)[0];
+ $$$1(toggle).trigger('focus');
+ }
+
+ $$$1(this).trigger('click');
+ return;
+ }
+
+ var items = $$$1(parent).find(Selector.VISIBLE_ITEMS).get();
+
+ if (items.length === 0) {
+ return;
+ }
+
+ var index = items.indexOf(event.target);
+
+ if (event.which === ARROW_UP_KEYCODE && index > 0) {
+ // Up
+ index--;
+ }
+
+ if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) {
+ // Down
+ index++;
+ }
+
+ if (index < 0) {
+ index = 0;
+ }
+
+ items[index].focus();
+ };
+
+ _createClass(Dropdown, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType;
+ }
+ }]);
+ return Dropdown;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler).on(Event.CLICK_DATA_API + " " + Event.KEYUP_DATA_API, Dropdown._clearMenus).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+ event.preventDefault();
+ event.stopPropagation();
+
+ Dropdown._jQueryInterface.call($$$1(this), 'toggle');
+ }).on(Event.CLICK_DATA_API, Selector.FORM_CHILD, function (e) {
+ e.stopPropagation();
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Dropdown._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Dropdown;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Dropdown._jQueryInterface;
+ };
+
+ return Dropdown;
+}($, Popper);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): modal.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Modal = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'modal';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.modal';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 300;
+ var BACKDROP_TRANSITION_DURATION = 150;
+ var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
+
+ var Default = {
+ backdrop: true,
+ keyboard: true,
+ focus: true,
+ show: true
+ };
+ var DefaultType = {
+ backdrop: '(boolean|string)',
+ keyboard: 'boolean',
+ focus: 'boolean',
+ show: 'boolean'
+ };
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ FOCUSIN: "focusin" + EVENT_KEY,
+ RESIZE: "resize" + EVENT_KEY,
+ CLICK_DISMISS: "click.dismiss" + EVENT_KEY,
+ KEYDOWN_DISMISS: "keydown.dismiss" + EVENT_KEY,
+ MOUSEUP_DISMISS: "mouseup.dismiss" + EVENT_KEY,
+ MOUSEDOWN_DISMISS: "mousedown.dismiss" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ SCROLLBAR_MEASURER: 'modal-scrollbar-measure',
+ BACKDROP: 'modal-backdrop',
+ OPEN: 'modal-open',
+ FADE: 'fade',
+ SHOW: 'show'
+ };
+ var Selector = {
+ DIALOG: '.modal-dialog',
+ DATA_TOGGLE: '[data-toggle="modal"]',
+ DATA_DISMISS: '[data-dismiss="modal"]',
+ FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',
+ STICKY_CONTENT: '.sticky-top',
+ NAVBAR_TOGGLER: '.navbar-toggler'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Modal =
+ /*#__PURE__*/
+ function () {
+ function Modal(element, config) {
+ this._config = this._getConfig(config);
+ this._element = element;
+ this._dialog = $$$1(element).find(Selector.DIALOG)[0];
+ this._backdrop = null;
+ this._isShown = false;
+ this._isBodyOverflowing = false;
+ this._ignoreBackdropClick = false;
+ this._originalBodyPadding = 0;
+ this._scrollbarWidth = 0;
+ } // Getters
+
+
+ var _proto = Modal.prototype;
+
+ // Public
+ _proto.toggle = function toggle(relatedTarget) {
+ return this._isShown ? this.hide() : this.show(relatedTarget);
+ };
+
+ _proto.show = function show(relatedTarget) {
+ var _this = this;
+
+ if (this._isTransitioning || this._isShown) {
+ return;
+ }
+
+ if (Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.FADE)) {
+ this._isTransitioning = true;
+ }
+
+ var showEvent = $$$1.Event(Event.SHOW, {
+ relatedTarget: relatedTarget
+ });
+ $$$1(this._element).trigger(showEvent);
+
+ if (this._isShown || showEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ this._isShown = true;
+
+ this._checkScrollbar();
+
+ this._setScrollbar();
+
+ this._adjustDialog();
+
+ $$$1(document.body).addClass(ClassName.OPEN);
+
+ this._setEscapeEvent();
+
+ this._setResizeEvent();
+
+ $$$1(this._element).on(Event.CLICK_DISMISS, Selector.DATA_DISMISS, function (event) {
+ return _this.hide(event);
+ });
+ $$$1(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
+ $$$1(_this._element).one(Event.MOUSEUP_DISMISS, function (event) {
+ if ($$$1(event.target).is(_this._element)) {
+ _this._ignoreBackdropClick = true;
+ }
+ });
+ });
+
+ this._showBackdrop(function () {
+ return _this._showElement(relatedTarget);
+ });
+ };
+
+ _proto.hide = function hide(event) {
+ var _this2 = this;
+
+ if (event) {
+ event.preventDefault();
+ }
+
+ if (this._isTransitioning || !this._isShown) {
+ return;
+ }
+
+ var hideEvent = $$$1.Event(Event.HIDE);
+ $$$1(this._element).trigger(hideEvent);
+
+ if (!this._isShown || hideEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ this._isShown = false;
+ var transition = Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.FADE);
+
+ if (transition) {
+ this._isTransitioning = true;
+ }
+
+ this._setEscapeEvent();
+
+ this._setResizeEvent();
+
+ $$$1(document).off(Event.FOCUSIN);
+ $$$1(this._element).removeClass(ClassName.SHOW);
+ $$$1(this._element).off(Event.CLICK_DISMISS);
+ $$$1(this._dialog).off(Event.MOUSEDOWN_DISMISS);
+
+ if (transition) {
+ $$$1(this._element).one(Util.TRANSITION_END, function (event) {
+ return _this2._hideModal(event);
+ }).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ this._hideModal();
+ }
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ $$$1(window, document, this._element, this._backdrop).off(EVENT_KEY);
+ this._config = null;
+ this._element = null;
+ this._dialog = null;
+ this._backdrop = null;
+ this._isShown = null;
+ this._isBodyOverflowing = null;
+ this._ignoreBackdropClick = null;
+ this._scrollbarWidth = null;
+ };
+
+ _proto.handleUpdate = function handleUpdate() {
+ this._adjustDialog();
+ }; // Private
+
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, Default, config);
+ Util.typeCheckConfig(NAME, config, DefaultType);
+ return config;
+ };
+
+ _proto._showElement = function _showElement(relatedTarget) {
+ var _this3 = this;
+
+ var transition = Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.FADE);
+
+ if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
+ // Don't move modal's DOM position
+ document.body.appendChild(this._element);
+ }
+
+ this._element.style.display = 'block';
+
+ this._element.removeAttribute('aria-hidden');
+
+ this._element.scrollTop = 0;
+
+ if (transition) {
+ Util.reflow(this._element);
+ }
+
+ $$$1(this._element).addClass(ClassName.SHOW);
+
+ if (this._config.focus) {
+ this._enforceFocus();
+ }
+
+ var shownEvent = $$$1.Event(Event.SHOWN, {
+ relatedTarget: relatedTarget
+ });
+
+ var transitionComplete = function transitionComplete() {
+ if (_this3._config.focus) {
+ _this3._element.focus();
+ }
+
+ _this3._isTransitioning = false;
+ $$$1(_this3._element).trigger(shownEvent);
+ };
+
+ if (transition) {
+ $$$1(this._dialog).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ transitionComplete();
+ }
+ };
+
+ _proto._enforceFocus = function _enforceFocus() {
+ var _this4 = this;
+
+ $$$1(document).off(Event.FOCUSIN) // Guard against infinite focus loop
+ .on(Event.FOCUSIN, function (event) {
+ if (document !== event.target && _this4._element !== event.target && $$$1(_this4._element).has(event.target).length === 0) {
+ _this4._element.focus();
+ }
+ });
+ };
+
+ _proto._setEscapeEvent = function _setEscapeEvent() {
+ var _this5 = this;
+
+ if (this._isShown && this._config.keyboard) {
+ $$$1(this._element).on(Event.KEYDOWN_DISMISS, function (event) {
+ if (event.which === ESCAPE_KEYCODE) {
+ event.preventDefault();
+
+ _this5.hide();
+ }
+ });
+ } else if (!this._isShown) {
+ $$$1(this._element).off(Event.KEYDOWN_DISMISS);
+ }
+ };
+
+ _proto._setResizeEvent = function _setResizeEvent() {
+ var _this6 = this;
+
+ if (this._isShown) {
+ $$$1(window).on(Event.RESIZE, function (event) {
+ return _this6.handleUpdate(event);
+ });
+ } else {
+ $$$1(window).off(Event.RESIZE);
+ }
+ };
+
+ _proto._hideModal = function _hideModal() {
+ var _this7 = this;
+
+ this._element.style.display = 'none';
+
+ this._element.setAttribute('aria-hidden', true);
+
+ this._isTransitioning = false;
+
+ this._showBackdrop(function () {
+ $$$1(document.body).removeClass(ClassName.OPEN);
+
+ _this7._resetAdjustments();
+
+ _this7._resetScrollbar();
+
+ $$$1(_this7._element).trigger(Event.HIDDEN);
+ });
+ };
+
+ _proto._removeBackdrop = function _removeBackdrop() {
+ if (this._backdrop) {
+ $$$1(this._backdrop).remove();
+ this._backdrop = null;
+ }
+ };
+
+ _proto._showBackdrop = function _showBackdrop(callback) {
+ var _this8 = this;
+
+ var animate = $$$1(this._element).hasClass(ClassName.FADE) ? ClassName.FADE : '';
+
+ if (this._isShown && this._config.backdrop) {
+ var doAnimate = Util.supportsTransitionEnd() && animate;
+ this._backdrop = document.createElement('div');
+ this._backdrop.className = ClassName.BACKDROP;
+
+ if (animate) {
+ $$$1(this._backdrop).addClass(animate);
+ }
+
+ $$$1(this._backdrop).appendTo(document.body);
+ $$$1(this._element).on(Event.CLICK_DISMISS, function (event) {
+ if (_this8._ignoreBackdropClick) {
+ _this8._ignoreBackdropClick = false;
+ return;
+ }
+
+ if (event.target !== event.currentTarget) {
+ return;
+ }
+
+ if (_this8._config.backdrop === 'static') {
+ _this8._element.focus();
+ } else {
+ _this8.hide();
+ }
+ });
+
+ if (doAnimate) {
+ Util.reflow(this._backdrop);
+ }
+
+ $$$1(this._backdrop).addClass(ClassName.SHOW);
+
+ if (!callback) {
+ return;
+ }
+
+ if (!doAnimate) {
+ callback();
+ return;
+ }
+
+ $$$1(this._backdrop).one(Util.TRANSITION_END, callback).emulateTransitionEnd(BACKDROP_TRANSITION_DURATION);
+ } else if (!this._isShown && this._backdrop) {
+ $$$1(this._backdrop).removeClass(ClassName.SHOW);
+
+ var callbackRemove = function callbackRemove() {
+ _this8._removeBackdrop();
+
+ if (callback) {
+ callback();
+ }
+ };
+
+ if (Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.FADE)) {
+ $$$1(this._backdrop).one(Util.TRANSITION_END, callbackRemove).emulateTransitionEnd(BACKDROP_TRANSITION_DURATION);
+ } else {
+ callbackRemove();
+ }
+ } else if (callback) {
+ callback();
+ }
+ }; // ----------------------------------------------------------------------
+ // the following methods are used to handle overflowing modals
+ // todo (fat): these should probably be refactored out of modal.js
+ // ----------------------------------------------------------------------
+
+
+ _proto._adjustDialog = function _adjustDialog() {
+ var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
+
+ if (!this._isBodyOverflowing && isModalOverflowing) {
+ this._element.style.paddingLeft = this._scrollbarWidth + "px";
+ }
+
+ if (this._isBodyOverflowing && !isModalOverflowing) {
+ this._element.style.paddingRight = this._scrollbarWidth + "px";
+ }
+ };
+
+ _proto._resetAdjustments = function _resetAdjustments() {
+ this._element.style.paddingLeft = '';
+ this._element.style.paddingRight = '';
+ };
+
+ _proto._checkScrollbar = function _checkScrollbar() {
+ var rect = document.body.getBoundingClientRect();
+ this._isBodyOverflowing = rect.left + rect.right < window.innerWidth;
+ this._scrollbarWidth = this._getScrollbarWidth();
+ };
+
+ _proto._setScrollbar = function _setScrollbar() {
+ var _this9 = this;
+
+ if (this._isBodyOverflowing) {
+ // Note: DOMNode.style.paddingRight returns the actual value or '' if not set
+ // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set
+ // Adjust fixed content padding
+ $$$1(Selector.FIXED_CONTENT).each(function (index, element) {
+ var actualPadding = $$$1(element)[0].style.paddingRight;
+ var calculatedPadding = $$$1(element).css('padding-right');
+ $$$1(element).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + _this9._scrollbarWidth + "px");
+ }); // Adjust sticky content margin
+
+ $$$1(Selector.STICKY_CONTENT).each(function (index, element) {
+ var actualMargin = $$$1(element)[0].style.marginRight;
+ var calculatedMargin = $$$1(element).css('margin-right');
+ $$$1(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) - _this9._scrollbarWidth + "px");
+ }); // Adjust navbar-toggler margin
+
+ $$$1(Selector.NAVBAR_TOGGLER).each(function (index, element) {
+ var actualMargin = $$$1(element)[0].style.marginRight;
+ var calculatedMargin = $$$1(element).css('margin-right');
+ $$$1(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) + _this9._scrollbarWidth + "px");
+ }); // Adjust body padding
+
+ var actualPadding = document.body.style.paddingRight;
+ var calculatedPadding = $$$1('body').css('padding-right');
+ $$$1('body').data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + this._scrollbarWidth + "px");
+ }
+ };
+
+ _proto._resetScrollbar = function _resetScrollbar() {
+ // Restore fixed content padding
+ $$$1(Selector.FIXED_CONTENT).each(function (index, element) {
+ var padding = $$$1(element).data('padding-right');
+
+ if (typeof padding !== 'undefined') {
+ $$$1(element).css('padding-right', padding).removeData('padding-right');
+ }
+ }); // Restore sticky content and navbar-toggler margin
+
+ $$$1(Selector.STICKY_CONTENT + ", " + Selector.NAVBAR_TOGGLER).each(function (index, element) {
+ var margin = $$$1(element).data('margin-right');
+
+ if (typeof margin !== 'undefined') {
+ $$$1(element).css('margin-right', margin).removeData('margin-right');
+ }
+ }); // Restore body padding
+
+ var padding = $$$1('body').data('padding-right');
+
+ if (typeof padding !== 'undefined') {
+ $$$1('body').css('padding-right', padding).removeData('padding-right');
+ }
+ };
+
+ _proto._getScrollbarWidth = function _getScrollbarWidth() {
+ // thx d.walsh
+ var scrollDiv = document.createElement('div');
+ scrollDiv.className = ClassName.SCROLLBAR_MEASURER;
+ document.body.appendChild(scrollDiv);
+ var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
+ document.body.removeChild(scrollDiv);
+ return scrollbarWidth;
+ }; // Static
+
+
+ Modal._jQueryInterface = function _jQueryInterface(config, relatedTarget) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = _extends({}, Modal.Default, $$$1(this).data(), typeof config === 'object' && config);
+
+ if (!data) {
+ data = new Modal(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config](relatedTarget);
+ } else if (_config.show) {
+ data.show(relatedTarget);
+ }
+ });
+ };
+
+ _createClass(Modal, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }]);
+ return Modal;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+ var _this10 = this;
+
+ var target;
+ var selector = Util.getSelectorFromElement(this);
+
+ if (selector) {
+ target = $$$1(selector)[0];
+ }
+
+ var config = $$$1(target).data(DATA_KEY) ? 'toggle' : _extends({}, $$$1(target).data(), $$$1(this).data());
+
+ if (this.tagName === 'A' || this.tagName === 'AREA') {
+ event.preventDefault();
+ }
+
+ var $target = $$$1(target).one(Event.SHOW, function (showEvent) {
+ if (showEvent.isDefaultPrevented()) {
+ // Only register focus restorer if modal will actually get shown
+ return;
+ }
+
+ $target.one(Event.HIDDEN, function () {
+ if ($$$1(_this10).is(':visible')) {
+ _this10.focus();
+ }
+ });
+ });
+
+ Modal._jQueryInterface.call($$$1(target), config, this);
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Modal._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Modal;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Modal._jQueryInterface;
+ };
+
+ return Modal;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): tooltip.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Tooltip = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'tooltip';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.tooltip';
+ var EVENT_KEY = "." + DATA_KEY;
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 150;
+ var CLASS_PREFIX = 'bs-tooltip';
+ var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g');
+ var DefaultType = {
+ animation: 'boolean',
+ template: 'string',
+ title: '(string|element|function)',
+ trigger: 'string',
+ delay: '(number|object)',
+ html: 'boolean',
+ selector: '(string|boolean)',
+ placement: '(string|function)',
+ offset: '(number|string)',
+ container: '(string|element|boolean)',
+ fallbackPlacement: '(string|array)',
+ boundary: '(string|element)'
+ };
+ var AttachmentMap = {
+ AUTO: 'auto',
+ TOP: 'top',
+ RIGHT: 'right',
+ BOTTOM: 'bottom',
+ LEFT: 'left'
+ };
+ var Default = {
+ animation: true,
+ template: '<div class="tooltip" role="tooltip">' + '<div class="arrow"></div>' + '<div class="tooltip-inner"></div></div>',
+ trigger: 'hover focus',
+ title: '',
+ delay: 0,
+ html: false,
+ selector: false,
+ placement: 'top',
+ offset: 0,
+ container: false,
+ fallbackPlacement: 'flip',
+ boundary: 'scrollParent'
+ };
+ var HoverState = {
+ SHOW: 'show',
+ OUT: 'out'
+ };
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ INSERTED: "inserted" + EVENT_KEY,
+ CLICK: "click" + EVENT_KEY,
+ FOCUSIN: "focusin" + EVENT_KEY,
+ FOCUSOUT: "focusout" + EVENT_KEY,
+ MOUSEENTER: "mouseenter" + EVENT_KEY,
+ MOUSELEAVE: "mouseleave" + EVENT_KEY
+ };
+ var ClassName = {
+ FADE: 'fade',
+ SHOW: 'show'
+ };
+ var Selector = {
+ TOOLTIP: '.tooltip',
+ TOOLTIP_INNER: '.tooltip-inner',
+ ARROW: '.arrow'
+ };
+ var Trigger = {
+ HOVER: 'hover',
+ FOCUS: 'focus',
+ CLICK: 'click',
+ MANUAL: 'manual'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Tooltip =
+ /*#__PURE__*/
+ function () {
+ function Tooltip(element, config) {
+ /**
+ * Check for Popper dependency
+ * Popper - https://popper.js.org
+ */
+ if (typeof Popper === 'undefined') {
+ throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)');
+ } // private
+
+
+ this._isEnabled = true;
+ this._timeout = 0;
+ this._hoverState = '';
+ this._activeTrigger = {};
+ this._popper = null; // Protected
+
+ this.element = element;
+ this.config = this._getConfig(config);
+ this.tip = null;
+
+ this._setListeners();
+ } // Getters
+
+
+ var _proto = Tooltip.prototype;
+
+ // Public
+ _proto.enable = function enable() {
+ this._isEnabled = true;
+ };
+
+ _proto.disable = function disable() {
+ this._isEnabled = false;
+ };
+
+ _proto.toggleEnabled = function toggleEnabled() {
+ this._isEnabled = !this._isEnabled;
+ };
+
+ _proto.toggle = function toggle(event) {
+ if (!this._isEnabled) {
+ return;
+ }
+
+ if (event) {
+ var dataKey = this.constructor.DATA_KEY;
+ var context = $$$1(event.currentTarget).data(dataKey);
+
+ if (!context) {
+ context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+ $$$1(event.currentTarget).data(dataKey, context);
+ }
+
+ context._activeTrigger.click = !context._activeTrigger.click;
+
+ if (context._isWithActiveTrigger()) {
+ context._enter(null, context);
+ } else {
+ context._leave(null, context);
+ }
+ } else {
+ if ($$$1(this.getTipElement()).hasClass(ClassName.SHOW)) {
+ this._leave(null, this);
+
+ return;
+ }
+
+ this._enter(null, this);
+ }
+ };
+
+ _proto.dispose = function dispose() {
+ clearTimeout(this._timeout);
+ $$$1.removeData(this.element, this.constructor.DATA_KEY);
+ $$$1(this.element).off(this.constructor.EVENT_KEY);
+ $$$1(this.element).closest('.modal').off('hide.bs.modal');
+
+ if (this.tip) {
+ $$$1(this.tip).remove();
+ }
+
+ this._isEnabled = null;
+ this._timeout = null;
+ this._hoverState = null;
+ this._activeTrigger = null;
+
+ if (this._popper !== null) {
+ this._popper.destroy();
+ }
+
+ this._popper = null;
+ this.element = null;
+ this.config = null;
+ this.tip = null;
+ };
+
+ _proto.show = function show() {
+ var _this = this;
+
+ if ($$$1(this.element).css('display') === 'none') {
+ throw new Error('Please use show on visible elements');
+ }
+
+ var showEvent = $$$1.Event(this.constructor.Event.SHOW);
+
+ if (this.isWithContent() && this._isEnabled) {
+ $$$1(this.element).trigger(showEvent);
+ var isInTheDom = $$$1.contains(this.element.ownerDocument.documentElement, this.element);
+
+ if (showEvent.isDefaultPrevented() || !isInTheDom) {
+ return;
+ }
+
+ var tip = this.getTipElement();
+ var tipId = Util.getUID(this.constructor.NAME);
+ tip.setAttribute('id', tipId);
+ this.element.setAttribute('aria-describedby', tipId);
+ this.setContent();
+
+ if (this.config.animation) {
+ $$$1(tip).addClass(ClassName.FADE);
+ }
+
+ var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;
+
+ var attachment = this._getAttachment(placement);
+
+ this.addAttachmentClass(attachment);
+ var container = this.config.container === false ? document.body : $$$1(this.config.container);
+ $$$1(tip).data(this.constructor.DATA_KEY, this);
+
+ if (!$$$1.contains(this.element.ownerDocument.documentElement, this.tip)) {
+ $$$1(tip).appendTo(container);
+ }
+
+ $$$1(this.element).trigger(this.constructor.Event.INSERTED);
+ this._popper = new Popper(this.element, tip, {
+ placement: attachment,
+ modifiers: {
+ offset: {
+ offset: this.config.offset
+ },
+ flip: {
+ behavior: this.config.fallbackPlacement
+ },
+ arrow: {
+ element: Selector.ARROW
+ },
+ preventOverflow: {
+ boundariesElement: this.config.boundary
+ }
+ },
+ onCreate: function onCreate(data) {
+ if (data.originalPlacement !== data.placement) {
+ _this._handlePopperPlacementChange(data);
+ }
+ },
+ onUpdate: function onUpdate(data) {
+ _this._handlePopperPlacementChange(data);
+ }
+ });
+ $$$1(tip).addClass(ClassName.SHOW); // If this is a touch-enabled device we add extra
+ // empty mouseover listeners to the body's immediate children;
+ // only needed because of broken event delegation on iOS
+ // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+
+ if ('ontouchstart' in document.documentElement) {
+ $$$1('body').children().on('mouseover', null, $$$1.noop);
+ }
+
+ var complete = function complete() {
+ if (_this.config.animation) {
+ _this._fixTransition();
+ }
+
+ var prevHoverState = _this._hoverState;
+ _this._hoverState = null;
+ $$$1(_this.element).trigger(_this.constructor.Event.SHOWN);
+
+ if (prevHoverState === HoverState.OUT) {
+ _this._leave(null, _this);
+ }
+ };
+
+ if (Util.supportsTransitionEnd() && $$$1(this.tip).hasClass(ClassName.FADE)) {
+ $$$1(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION);
+ } else {
+ complete();
+ }
+ }
+ };
+
+ _proto.hide = function hide(callback) {
+ var _this2 = this;
+
+ var tip = this.getTipElement();
+ var hideEvent = $$$1.Event(this.constructor.Event.HIDE);
+
+ var complete = function complete() {
+ if (_this2._hoverState !== HoverState.SHOW && tip.parentNode) {
+ tip.parentNode.removeChild(tip);
+ }
+
+ _this2._cleanTipClass();
+
+ _this2.element.removeAttribute('aria-describedby');
+
+ $$$1(_this2.element).trigger(_this2.constructor.Event.HIDDEN);
+
+ if (_this2._popper !== null) {
+ _this2._popper.destroy();
+ }
+
+ if (callback) {
+ callback();
+ }
+ };
+
+ $$$1(this.element).trigger(hideEvent);
+
+ if (hideEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ $$$1(tip).removeClass(ClassName.SHOW); // If this is a touch-enabled device we remove the extra
+ // empty mouseover listeners we added for iOS support
+
+ if ('ontouchstart' in document.documentElement) {
+ $$$1('body').children().off('mouseover', null, $$$1.noop);
+ }
+
+ this._activeTrigger[Trigger.CLICK] = false;
+ this._activeTrigger[Trigger.FOCUS] = false;
+ this._activeTrigger[Trigger.HOVER] = false;
+
+ if (Util.supportsTransitionEnd() && $$$1(this.tip).hasClass(ClassName.FADE)) {
+ $$$1(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ complete();
+ }
+
+ this._hoverState = '';
+ };
+
+ _proto.update = function update() {
+ if (this._popper !== null) {
+ this._popper.scheduleUpdate();
+ }
+ }; // Protected
+
+
+ _proto.isWithContent = function isWithContent() {
+ return Boolean(this.getTitle());
+ };
+
+ _proto.addAttachmentClass = function addAttachmentClass(attachment) {
+ $$$1(this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment);
+ };
+
+ _proto.getTipElement = function getTipElement() {
+ this.tip = this.tip || $$$1(this.config.template)[0];
+ return this.tip;
+ };
+
+ _proto.setContent = function setContent() {
+ var $tip = $$$1(this.getTipElement());
+ this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle());
+ $tip.removeClass(ClassName.FADE + " " + ClassName.SHOW);
+ };
+
+ _proto.setElementContent = function setElementContent($element, content) {
+ var html = this.config.html;
+
+ if (typeof content === 'object' && (content.nodeType || content.jquery)) {
+ // Content is a DOM node or a jQuery
+ if (html) {
+ if (!$$$1(content).parent().is($element)) {
+ $element.empty().append(content);
+ }
+ } else {
+ $element.text($$$1(content).text());
+ }
+ } else {
+ $element[html ? 'html' : 'text'](content);
+ }
+ };
+
+ _proto.getTitle = function getTitle() {
+ var title = this.element.getAttribute('data-original-title');
+
+ if (!title) {
+ title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
+ }
+
+ return title;
+ }; // Private
+
+
+ _proto._getAttachment = function _getAttachment(placement) {
+ return AttachmentMap[placement.toUpperCase()];
+ };
+
+ _proto._setListeners = function _setListeners() {
+ var _this3 = this;
+
+ var triggers = this.config.trigger.split(' ');
+ triggers.forEach(function (trigger) {
+ if (trigger === 'click') {
+ $$$1(_this3.element).on(_this3.constructor.Event.CLICK, _this3.config.selector, function (event) {
+ return _this3.toggle(event);
+ });
+ } else if (trigger !== Trigger.MANUAL) {
+ var eventIn = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSEENTER : _this3.constructor.Event.FOCUSIN;
+ var eventOut = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSELEAVE : _this3.constructor.Event.FOCUSOUT;
+ $$$1(_this3.element).on(eventIn, _this3.config.selector, function (event) {
+ return _this3._enter(event);
+ }).on(eventOut, _this3.config.selector, function (event) {
+ return _this3._leave(event);
+ });
+ }
+
+ $$$1(_this3.element).closest('.modal').on('hide.bs.modal', function () {
+ return _this3.hide();
+ });
+ });
+
+ if (this.config.selector) {
+ this.config = _extends({}, this.config, {
+ trigger: 'manual',
+ selector: ''
+ });
+ } else {
+ this._fixTitle();
+ }
+ };
+
+ _proto._fixTitle = function _fixTitle() {
+ var titleType = typeof this.element.getAttribute('data-original-title');
+
+ if (this.element.getAttribute('title') || titleType !== 'string') {
+ this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
+ this.element.setAttribute('title', '');
+ }
+ };
+
+ _proto._enter = function _enter(event, context) {
+ var dataKey = this.constructor.DATA_KEY;
+ context = context || $$$1(event.currentTarget).data(dataKey);
+
+ if (!context) {
+ context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+ $$$1(event.currentTarget).data(dataKey, context);
+ }
+
+ if (event) {
+ context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true;
+ }
+
+ if ($$$1(context.getTipElement()).hasClass(ClassName.SHOW) || context._hoverState === HoverState.SHOW) {
+ context._hoverState = HoverState.SHOW;
+ return;
+ }
+
+ clearTimeout(context._timeout);
+ context._hoverState = HoverState.SHOW;
+
+ if (!context.config.delay || !context.config.delay.show) {
+ context.show();
+ return;
+ }
+
+ context._timeout = setTimeout(function () {
+ if (context._hoverState === HoverState.SHOW) {
+ context.show();
+ }
+ }, context.config.delay.show);
+ };
+
+ _proto._leave = function _leave(event, context) {
+ var dataKey = this.constructor.DATA_KEY;
+ context = context || $$$1(event.currentTarget).data(dataKey);
+
+ if (!context) {
+ context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+ $$$1(event.currentTarget).data(dataKey, context);
+ }
+
+ if (event) {
+ context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false;
+ }
+
+ if (context._isWithActiveTrigger()) {
+ return;
+ }
+
+ clearTimeout(context._timeout);
+ context._hoverState = HoverState.OUT;
+
+ if (!context.config.delay || !context.config.delay.hide) {
+ context.hide();
+ return;
+ }
+
+ context._timeout = setTimeout(function () {
+ if (context._hoverState === HoverState.OUT) {
+ context.hide();
+ }
+ }, context.config.delay.hide);
+ };
+
+ _proto._isWithActiveTrigger = function _isWithActiveTrigger() {
+ for (var trigger in this._activeTrigger) {
+ if (this._activeTrigger[trigger]) {
+ return true;
+ }
+ }
+
+ return false;
+ };
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, this.constructor.Default, $$$1(this.element).data(), config);
+
+ if (typeof config.delay === 'number') {
+ config.delay = {
+ show: config.delay,
+ hide: config.delay
+ };
+ }
+
+ if (typeof config.title === 'number') {
+ config.title = config.title.toString();
+ }
+
+ if (typeof config.content === 'number') {
+ config.content = config.content.toString();
+ }
+
+ Util.typeCheckConfig(NAME, config, this.constructor.DefaultType);
+ return config;
+ };
+
+ _proto._getDelegateConfig = function _getDelegateConfig() {
+ var config = {};
+
+ if (this.config) {
+ for (var key in this.config) {
+ if (this.constructor.Default[key] !== this.config[key]) {
+ config[key] = this.config[key];
+ }
+ }
+ }
+
+ return config;
+ };
+
+ _proto._cleanTipClass = function _cleanTipClass() {
+ var $tip = $$$1(this.getTipElement());
+ var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);
+
+ if (tabClass !== null && tabClass.length > 0) {
+ $tip.removeClass(tabClass.join(''));
+ }
+ };
+
+ _proto._handlePopperPlacementChange = function _handlePopperPlacementChange(data) {
+ this._cleanTipClass();
+
+ this.addAttachmentClass(this._getAttachment(data.placement));
+ };
+
+ _proto._fixTransition = function _fixTransition() {
+ var tip = this.getTipElement();
+ var initConfigAnimation = this.config.animation;
+
+ if (tip.getAttribute('x-placement') !== null) {
+ return;
+ }
+
+ $$$1(tip).removeClass(ClassName.FADE);
+ this.config.animation = false;
+ this.hide();
+ this.show();
+ this.config.animation = initConfigAnimation;
+ }; // Static
+
+
+ Tooltip._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = typeof config === 'object' && config;
+
+ if (!data && /dispose|hide/.test(config)) {
+ return;
+ }
+
+ if (!data) {
+ data = new Tooltip(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Tooltip, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME;
+ }
+ }, {
+ key: "DATA_KEY",
+ get: function get() {
+ return DATA_KEY;
+ }
+ }, {
+ key: "Event",
+ get: function get() {
+ return Event;
+ }
+ }, {
+ key: "EVENT_KEY",
+ get: function get() {
+ return EVENT_KEY;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType;
+ }
+ }]);
+ return Tooltip;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1.fn[NAME] = Tooltip._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Tooltip;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Tooltip._jQueryInterface;
+ };
+
+ return Tooltip;
+}($, Popper);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): popover.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Popover = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'popover';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.popover';
+ var EVENT_KEY = "." + DATA_KEY;
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var CLASS_PREFIX = 'bs-popover';
+ var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g');
+ var Default = _extends({}, Tooltip.Default, {
+ placement: 'right',
+ trigger: 'click',
+ content: '',
+ template: '<div class="popover" role="tooltip">' + '<div class="arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div></div>'
+ });
+ var DefaultType = _extends({}, Tooltip.DefaultType, {
+ content: '(string|element|function)'
+ });
+ var ClassName = {
+ FADE: 'fade',
+ SHOW: 'show'
+ };
+ var Selector = {
+ TITLE: '.popover-header',
+ CONTENT: '.popover-body'
+ };
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ INSERTED: "inserted" + EVENT_KEY,
+ CLICK: "click" + EVENT_KEY,
+ FOCUSIN: "focusin" + EVENT_KEY,
+ FOCUSOUT: "focusout" + EVENT_KEY,
+ MOUSEENTER: "mouseenter" + EVENT_KEY,
+ MOUSELEAVE: "mouseleave" + EVENT_KEY
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Popover =
+ /*#__PURE__*/
+ function (_Tooltip) {
+ _inheritsLoose(Popover, _Tooltip);
+
+ function Popover() {
+ return _Tooltip.apply(this, arguments) || this;
+ }
+
+ var _proto = Popover.prototype;
+
+ // Overrides
+ _proto.isWithContent = function isWithContent() {
+ return this.getTitle() || this._getContent();
+ };
+
+ _proto.addAttachmentClass = function addAttachmentClass(attachment) {
+ $$$1(this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment);
+ };
+
+ _proto.getTipElement = function getTipElement() {
+ this.tip = this.tip || $$$1(this.config.template)[0];
+ return this.tip;
+ };
+
+ _proto.setContent = function setContent() {
+ var $tip = $$$1(this.getTipElement()); // We use append for html objects to maintain js events
+
+ this.setElementContent($tip.find(Selector.TITLE), this.getTitle());
+
+ var content = this._getContent();
+
+ if (typeof content === 'function') {
+ content = content.call(this.element);
+ }
+
+ this.setElementContent($tip.find(Selector.CONTENT), content);
+ $tip.removeClass(ClassName.FADE + " " + ClassName.SHOW);
+ }; // Private
+
+
+ _proto._getContent = function _getContent() {
+ return this.element.getAttribute('data-content') || this.config.content;
+ };
+
+ _proto._cleanTipClass = function _cleanTipClass() {
+ var $tip = $$$1(this.getTipElement());
+ var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);
+
+ if (tabClass !== null && tabClass.length > 0) {
+ $tip.removeClass(tabClass.join(''));
+ }
+ }; // Static
+
+
+ Popover._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = typeof config === 'object' ? config : null;
+
+ if (!data && /destroy|hide/.test(config)) {
+ return;
+ }
+
+ if (!data) {
+ data = new Popover(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Popover, null, [{
+ key: "VERSION",
+ // Getters
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME;
+ }
+ }, {
+ key: "DATA_KEY",
+ get: function get() {
+ return DATA_KEY;
+ }
+ }, {
+ key: "Event",
+ get: function get() {
+ return Event;
+ }
+ }, {
+ key: "EVENT_KEY",
+ get: function get() {
+ return EVENT_KEY;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType;
+ }
+ }]);
+ return Popover;
+ }(Tooltip);
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1.fn[NAME] = Popover._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Popover;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Popover._jQueryInterface;
+ };
+
+ return Popover;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): scrollspy.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var ScrollSpy = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'scrollspy';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.scrollspy';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var Default = {
+ offset: 10,
+ method: 'auto',
+ target: ''
+ };
+ var DefaultType = {
+ offset: 'number',
+ method: 'string',
+ target: '(string|element)'
+ };
+ var Event = {
+ ACTIVATE: "activate" + EVENT_KEY,
+ SCROLL: "scroll" + EVENT_KEY,
+ LOAD_DATA_API: "load" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ DROPDOWN_ITEM: 'dropdown-item',
+ DROPDOWN_MENU: 'dropdown-menu',
+ ACTIVE: 'active'
+ };
+ var Selector = {
+ DATA_SPY: '[data-spy="scroll"]',
+ ACTIVE: '.active',
+ NAV_LIST_GROUP: '.nav, .list-group',
+ NAV_LINKS: '.nav-link',
+ NAV_ITEMS: '.nav-item',
+ LIST_ITEMS: '.list-group-item',
+ DROPDOWN: '.dropdown',
+ DROPDOWN_ITEMS: '.dropdown-item',
+ DROPDOWN_TOGGLE: '.dropdown-toggle'
+ };
+ var OffsetMethod = {
+ OFFSET: 'offset',
+ POSITION: 'position'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var ScrollSpy =
+ /*#__PURE__*/
+ function () {
+ function ScrollSpy(element, config) {
+ var _this = this;
+
+ this._element = element;
+ this._scrollElement = element.tagName === 'BODY' ? window : element;
+ this._config = this._getConfig(config);
+ this._selector = this._config.target + " " + Selector.NAV_LINKS + "," + (this._config.target + " " + Selector.LIST_ITEMS + ",") + (this._config.target + " " + Selector.DROPDOWN_ITEMS);
+ this._offsets = [];
+ this._targets = [];
+ this._activeTarget = null;
+ this._scrollHeight = 0;
+ $$$1(this._scrollElement).on(Event.SCROLL, function (event) {
+ return _this._process(event);
+ });
+ this.refresh();
+
+ this._process();
+ } // Getters
+
+
+ var _proto = ScrollSpy.prototype;
+
+ // Public
+ _proto.refresh = function refresh() {
+ var _this2 = this;
+
+ var autoMethod = this._scrollElement === this._scrollElement.window ? OffsetMethod.OFFSET : OffsetMethod.POSITION;
+ var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
+ var offsetBase = offsetMethod === OffsetMethod.POSITION ? this._getScrollTop() : 0;
+ this._offsets = [];
+ this._targets = [];
+ this._scrollHeight = this._getScrollHeight();
+ var targets = $$$1.makeArray($$$1(this._selector));
+ targets.map(function (element) {
+ var target;
+ var targetSelector = Util.getSelectorFromElement(element);
+
+ if (targetSelector) {
+ target = $$$1(targetSelector)[0];
+ }
+
+ if (target) {
+ var targetBCR = target.getBoundingClientRect();
+
+ if (targetBCR.width || targetBCR.height) {
+ // TODO (fat): remove sketch reliance on jQuery position/offset
+ return [$$$1(target)[offsetMethod]().top + offsetBase, targetSelector];
+ }
+ }
+
+ return null;
+ }).filter(function (item) {
+ return item;
+ }).sort(function (a, b) {
+ return a[0] - b[0];
+ }).forEach(function (item) {
+ _this2._offsets.push(item[0]);
+
+ _this2._targets.push(item[1]);
+ });
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ $$$1(this._scrollElement).off(EVENT_KEY);
+ this._element = null;
+ this._scrollElement = null;
+ this._config = null;
+ this._selector = null;
+ this._offsets = null;
+ this._targets = null;
+ this._activeTarget = null;
+ this._scrollHeight = null;
+ }; // Private
+
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, Default, config);
+
+ if (typeof config.target !== 'string') {
+ var id = $$$1(config.target).attr('id');
+
+ if (!id) {
+ id = Util.getUID(NAME);
+ $$$1(config.target).attr('id', id);
+ }
+
+ config.target = "#" + id;
+ }
+
+ Util.typeCheckConfig(NAME, config, DefaultType);
+ return config;
+ };
+
+ _proto._getScrollTop = function _getScrollTop() {
+ return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
+ };
+
+ _proto._getScrollHeight = function _getScrollHeight() {
+ return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+ };
+
+ _proto._getOffsetHeight = function _getOffsetHeight() {
+ return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
+ };
+
+ _proto._process = function _process() {
+ var scrollTop = this._getScrollTop() + this._config.offset;
+
+ var scrollHeight = this._getScrollHeight();
+
+ var maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();
+
+ if (this._scrollHeight !== scrollHeight) {
+ this.refresh();
+ }
+
+ if (scrollTop >= maxScroll) {
+ var target = this._targets[this._targets.length - 1];
+
+ if (this._activeTarget !== target) {
+ this._activate(target);
+ }
+
+ return;
+ }
+
+ if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
+ this._activeTarget = null;
+
+ this._clear();
+
+ return;
+ }
+
+ for (var i = this._offsets.length; i--;) {
+ var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);
+
+ if (isActiveTarget) {
+ this._activate(this._targets[i]);
+ }
+ }
+ };
+
+ _proto._activate = function _activate(target) {
+ this._activeTarget = target;
+
+ this._clear();
+
+ var queries = this._selector.split(','); // eslint-disable-next-line arrow-body-style
+
+
+ queries = queries.map(function (selector) {
+ return selector + "[data-target=\"" + target + "\"]," + (selector + "[href=\"" + target + "\"]");
+ });
+ var $link = $$$1(queries.join(','));
+
+ if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {
+ $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
+ $link.addClass(ClassName.ACTIVE);
+ } else {
+ // Set triggered link as active
+ $link.addClass(ClassName.ACTIVE); // Set triggered links parents as active
+ // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
+
+ $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_LINKS + ", " + Selector.LIST_ITEMS).addClass(ClassName.ACTIVE); // Handle special case when .nav-link is inside .nav-item
+
+ $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_ITEMS).children(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
+ }
+
+ $$$1(this._scrollElement).trigger(Event.ACTIVATE, {
+ relatedTarget: target
+ });
+ };
+
+ _proto._clear = function _clear() {
+ $$$1(this._selector).filter(Selector.ACTIVE).removeClass(ClassName.ACTIVE);
+ }; // Static
+
+
+ ScrollSpy._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = typeof config === 'object' && config;
+
+ if (!data) {
+ data = new ScrollSpy(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(ScrollSpy, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }]);
+ return ScrollSpy;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(window).on(Event.LOAD_DATA_API, function () {
+ var scrollSpys = $$$1.makeArray($$$1(Selector.DATA_SPY));
+
+ for (var i = scrollSpys.length; i--;) {
+ var $spy = $$$1(scrollSpys[i]);
+
+ ScrollSpy._jQueryInterface.call($spy, $spy.data());
+ }
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = ScrollSpy._jQueryInterface;
+ $$$1.fn[NAME].Constructor = ScrollSpy;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return ScrollSpy._jQueryInterface;
+ };
+
+ return ScrollSpy;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): tab.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Tab = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'tab';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.tab';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 150;
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ DROPDOWN_MENU: 'dropdown-menu',
+ ACTIVE: 'active',
+ DISABLED: 'disabled',
+ FADE: 'fade',
+ SHOW: 'show'
+ };
+ var Selector = {
+ DROPDOWN: '.dropdown',
+ NAV_LIST_GROUP: '.nav, .list-group',
+ ACTIVE: '.active',
+ ACTIVE_UL: '> li > .active',
+ DATA_TOGGLE: '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',
+ DROPDOWN_TOGGLE: '.dropdown-toggle',
+ DROPDOWN_ACTIVE_CHILD: '> .dropdown-menu .active'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Tab =
+ /*#__PURE__*/
+ function () {
+ function Tab(element) {
+ this._element = element;
+ } // Getters
+
+
+ var _proto = Tab.prototype;
+
+ // Public
+ _proto.show = function show() {
+ var _this = this;
+
+ if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && $$$1(this._element).hasClass(ClassName.ACTIVE) || $$$1(this._element).hasClass(ClassName.DISABLED)) {
+ return;
+ }
+
+ var target;
+ var previous;
+ var listElement = $$$1(this._element).closest(Selector.NAV_LIST_GROUP)[0];
+ var selector = Util.getSelectorFromElement(this._element);
+
+ if (listElement) {
+ var itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE;
+ previous = $$$1.makeArray($$$1(listElement).find(itemSelector));
+ previous = previous[previous.length - 1];
+ }
+
+ var hideEvent = $$$1.Event(Event.HIDE, {
+ relatedTarget: this._element
+ });
+ var showEvent = $$$1.Event(Event.SHOW, {
+ relatedTarget: previous
+ });
+
+ if (previous) {
+ $$$1(previous).trigger(hideEvent);
+ }
+
+ $$$1(this._element).trigger(showEvent);
+
+ if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ if (selector) {
+ target = $$$1(selector)[0];
+ }
+
+ this._activate(this._element, listElement);
+
+ var complete = function complete() {
+ var hiddenEvent = $$$1.Event(Event.HIDDEN, {
+ relatedTarget: _this._element
+ });
+ var shownEvent = $$$1.Event(Event.SHOWN, {
+ relatedTarget: previous
+ });
+ $$$1(previous).trigger(hiddenEvent);
+ $$$1(_this._element).trigger(shownEvent);
+ };
+
+ if (target) {
+ this._activate(target, target.parentNode, complete);
+ } else {
+ complete();
+ }
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ this._element = null;
+ }; // Private
+
+
+ _proto._activate = function _activate(element, container, callback) {
+ var _this2 = this;
+
+ var activeElements;
+
+ if (container.nodeName === 'UL') {
+ activeElements = $$$1(container).find(Selector.ACTIVE_UL);
+ } else {
+ activeElements = $$$1(container).children(Selector.ACTIVE);
+ }
+
+ var active = activeElements[0];
+ var isTransitioning = callback && Util.supportsTransitionEnd() && active && $$$1(active).hasClass(ClassName.FADE);
+
+ var complete = function complete() {
+ return _this2._transitionComplete(element, active, callback);
+ };
+
+ if (active && isTransitioning) {
+ $$$1(active).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ complete();
+ }
+ };
+
+ _proto._transitionComplete = function _transitionComplete(element, active, callback) {
+ if (active) {
+ $$$1(active).removeClass(ClassName.SHOW + " " + ClassName.ACTIVE);
+ var dropdownChild = $$$1(active.parentNode).find(Selector.DROPDOWN_ACTIVE_CHILD)[0];
+
+ if (dropdownChild) {
+ $$$1(dropdownChild).removeClass(ClassName.ACTIVE);
+ }
+
+ if (active.getAttribute('role') === 'tab') {
+ active.setAttribute('aria-selected', false);
+ }
+ }
+
+ $$$1(element).addClass(ClassName.ACTIVE);
+
+ if (element.getAttribute('role') === 'tab') {
+ element.setAttribute('aria-selected', true);
+ }
+
+ Util.reflow(element);
+ $$$1(element).addClass(ClassName.SHOW);
+
+ if (element.parentNode && $$$1(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {
+ var dropdownElement = $$$1(element).closest(Selector.DROPDOWN)[0];
+
+ if (dropdownElement) {
+ $$$1(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
+ }
+
+ element.setAttribute('aria-expanded', true);
+ }
+
+ if (callback) {
+ callback();
+ }
+ }; // Static
+
+
+ Tab._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var $this = $$$1(this);
+ var data = $this.data(DATA_KEY);
+
+ if (!data) {
+ data = new Tab(this);
+ $this.data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Tab, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }]);
+ return Tab;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+ event.preventDefault();
+
+ Tab._jQueryInterface.call($$$1(this), 'show');
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Tab._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Tab;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Tab._jQueryInterface;
+ };
+
+ return Tab;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0-alpha.6): index.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+(function ($$$1) {
+ if (typeof $$$1 === 'undefined') {
+ throw new TypeError('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.');
+ }
+
+ var version = $$$1.fn.jquery.split(' ')[0].split('.');
+ var minMajor = 1;
+ var ltMajor = 2;
+ var minMinor = 9;
+ var minPatch = 1;
+ var maxMajor = 4;
+
+ if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {
+ throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0');
+ }
+})($);
+
+exports.Util = Util;
+exports.Alert = Alert;
+exports.Button = Button;
+exports.Carousel = Carousel;
+exports.Collapse = Collapse;
+exports.Dropdown = Dropdown;
+exports.Modal = Modal;
+exports.Popover = Popover;
+exports.Scrollspy = ScrollSpy;
+exports.Tab = Tab;
+exports.Tooltip = Tooltip;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=bootstrap.bundle.js.map
diff --git a/public/ThirdParty/Bootstrap/js/bootstrap.bundle.js.map b/public/ThirdParty/Bootstrap/js/bootstrap.bundle.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..b185c0460592099afbfd83fd3f8859c1c1df44e0
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/js/bootstrap.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.bundle.js","sources":["../../rollupPluginBabelHelpers","../../js/src/util.js","../../js/src/alert.js","../../js/src/button.js","../../js/src/carousel.js","../../js/src/collapse.js","../../node_modules/popper.js/dist/esm/popper.js","../../js/src/dropdown.js","../../js/src/modal.js","../../js/src/tooltip.js","../../js/src/popover.js","../../js/src/scrollspy.js","../../js/src/tab.js","../../js/src/index.js"],"sourcesContent":["export { _createClass as createClass, _extends as extends, _inheritsLoose as inheritsLoose };\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","import $ from 'jquery'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): util.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Util = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Private TransitionEnd Helpers\n * ------------------------------------------------------------------------\n */\n\n let transition = false\n\n const MAX_UID = 1000000\n\n // Shoutout AngusCroll (https://goo.gl/pxwQGp)\n function toType(obj) {\n return {}.toString.call(obj).match(/\\s([a-zA-Z]+)/)[1].toLowerCase()\n }\n\n function getSpecialTransitionEndEvent() {\n return {\n bindType: transition.end,\n delegateType: transition.end,\n handle(event) {\n if ($(event.target).is(this)) {\n return event.handleObj.handler.apply(this, arguments) // eslint-disable-line prefer-rest-params\n }\n return undefined // eslint-disable-line no-undefined\n }\n }\n }\n\n function transitionEndTest() {\n if (typeof window !== 'undefined' && window.QUnit) {\n return false\n }\n\n return {\n end: 'transitionend'\n }\n }\n\n function transitionEndEmulator(duration) {\n let called = false\n\n $(this).one(Util.TRANSITION_END, () => {\n called = true\n })\n\n setTimeout(() => {\n if (!called) {\n Util.triggerTransitionEnd(this)\n }\n }, duration)\n\n return this\n }\n\n function setTransitionEndSupport() {\n transition = transitionEndTest()\n\n $.fn.emulateTransitionEnd = transitionEndEmulator\n\n if (Util.supportsTransitionEnd()) {\n $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent()\n }\n }\n\n function escapeId(selector) {\n // We escape IDs in case of special selectors (selector = '#myId:something')\n // $.escapeSelector does not exist in jQuery < 3\n selector = typeof $.escapeSelector === 'function' ? $.escapeSelector(selector).substr(1)\n : selector.replace(/(:|\\.|\\[|\\]|,|=|@)/g, '\\\\$1')\n\n return selector\n }\n\n /**\n * --------------------------------------------------------------------------\n * Public Util Api\n * --------------------------------------------------------------------------\n */\n\n const Util = {\n\n TRANSITION_END: 'bsTransitionEnd',\n\n getUID(prefix) {\n do {\n // eslint-disable-next-line no-bitwise\n prefix += ~~(Math.random() * MAX_UID) // \"~~\" acts like a faster Math.floor() here\n } while (document.getElementById(prefix))\n return prefix\n },\n\n getSelectorFromElement(element) {\n let selector = element.getAttribute('data-target')\n if (!selector || selector === '#') {\n selector = element.getAttribute('href') || ''\n }\n\n // If it's an ID\n if (selector.charAt(0) === '#') {\n selector = escapeId(selector)\n }\n\n try {\n const $selector = $(document).find(selector)\n return $selector.length > 0 ? selector : null\n } catch (err) {\n return null\n }\n },\n\n reflow(element) {\n return element.offsetHeight\n },\n\n triggerTransitionEnd(element) {\n $(element).trigger(transition.end)\n },\n\n supportsTransitionEnd() {\n return Boolean(transition)\n },\n\n isElement(obj) {\n return (obj[0] || obj).nodeType\n },\n\n typeCheckConfig(componentName, config, configTypes) {\n for (const property in configTypes) {\n if (Object.prototype.hasOwnProperty.call(configTypes, property)) {\n const expectedTypes = configTypes[property]\n const value = config[property]\n const valueType = value && Util.isElement(value)\n ? 'element' : toType(value)\n\n if (!new RegExp(expectedTypes).test(valueType)) {\n throw new Error(\n `${componentName.toUpperCase()}: ` +\n `Option \"${property}\" provided type \"${valueType}\" ` +\n `but expected type \"${expectedTypes}\".`)\n }\n }\n }\n }\n }\n\n setTransitionEndSupport()\n\n return Util\n})($)\n\nexport default Util\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Alert = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'alert'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.alert'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n\n const Selector = {\n DISMISS : '[data-dismiss=\"alert\"]'\n }\n\n const Event = {\n CLOSE : `close${EVENT_KEY}`,\n CLOSED : `closed${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n ALERT : 'alert',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n close(element) {\n element = element || this._element\n\n const rootElement = this._getRootElement(element)\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = $(selector)[0]\n }\n\n if (!parent) {\n parent = $(element).closest(`.${ClassName.ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(Event.CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(ClassName.SHOW)\n\n if (!Util.supportsTransitionEnd() ||\n !$(element).hasClass(ClassName.FADE)) {\n this._destroyElement(element)\n return\n }\n\n $(element)\n .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))\n .emulateTransitionEnd(TRANSITION_DURATION)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(Event.CLOSED)\n .remove()\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(\n Event.CLICK_DATA_API,\n Selector.DISMISS,\n Alert._handleDismiss(new Alert())\n )\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Alert._jQueryInterface\n $.fn[NAME].Constructor = Alert\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n }\n\n return Alert\n})($)\n\nexport default Alert\n","import $ from 'jquery'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): button.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Button = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'button'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.button'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const ClassName = {\n ACTIVE : 'active',\n BUTTON : 'btn',\n FOCUS : 'focus'\n }\n\n const Selector = {\n DATA_TOGGLE_CARROT : '[data-toggle^=\"button\"]',\n DATA_TOGGLE : '[data-toggle=\"buttons\"]',\n INPUT : 'input',\n ACTIVE : '.active',\n BUTTON : '.btn'\n }\n\n const Event = {\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`,\n FOCUS_BLUR_DATA_API : `focus${EVENT_KEY}${DATA_API_KEY} ` +\n `blur${EVENT_KEY}${DATA_API_KEY}`\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Button {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n toggle() {\n let triggerChangeEvent = true\n let addAriaPressed = true\n const rootElement = $(this._element).closest(\n Selector.DATA_TOGGLE\n )[0]\n\n if (rootElement) {\n const input = $(this._element).find(Selector.INPUT)[0]\n\n if (input) {\n if (input.type === 'radio') {\n if (input.checked &&\n $(this._element).hasClass(ClassName.ACTIVE)) {\n triggerChangeEvent = false\n } else {\n const activeElement = $(rootElement).find(Selector.ACTIVE)[0]\n\n if (activeElement) {\n $(activeElement).removeClass(ClassName.ACTIVE)\n }\n }\n }\n\n if (triggerChangeEvent) {\n if (input.hasAttribute('disabled') ||\n rootElement.hasAttribute('disabled') ||\n input.classList.contains('disabled') ||\n rootElement.classList.contains('disabled')) {\n return\n }\n input.checked = !$(this._element).hasClass(ClassName.ACTIVE)\n $(input).trigger('change')\n }\n\n input.focus()\n addAriaPressed = false\n }\n }\n\n if (addAriaPressed) {\n this._element.setAttribute('aria-pressed',\n !$(this._element).hasClass(ClassName.ACTIVE))\n }\n\n if (triggerChangeEvent) {\n $(this._element).toggleClass(ClassName.ACTIVE)\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n\n if (!data) {\n data = new Button(this)\n $(this).data(DATA_KEY, data)\n }\n\n if (config === 'toggle') {\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {\n event.preventDefault()\n\n let button = event.target\n\n if (!$(button).hasClass(ClassName.BUTTON)) {\n button = $(button).closest(Selector.BUTTON)\n }\n\n Button._jQueryInterface.call($(button), 'toggle')\n })\n .on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {\n const button = $(event.target).closest(Selector.BUTTON)[0]\n $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type))\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Button._jQueryInterface\n $.fn[NAME].Constructor = Button\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Button._jQueryInterface\n }\n\n return Button\n})($)\n\nexport default Button\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Carousel = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'carousel'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.carousel'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 600\n const ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key\n const ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key\n const TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\n\n const Default = {\n interval : 5000,\n keyboard : true,\n slide : false,\n pause : 'hover',\n wrap : true\n }\n\n const DefaultType = {\n interval : '(number|boolean)',\n keyboard : 'boolean',\n slide : '(boolean|string)',\n pause : '(string|boolean)',\n wrap : 'boolean'\n }\n\n const Direction = {\n NEXT : 'next',\n PREV : 'prev',\n LEFT : 'left',\n RIGHT : 'right'\n }\n\n const Event = {\n SLIDE : `slide${EVENT_KEY}`,\n SLID : `slid${EVENT_KEY}`,\n KEYDOWN : `keydown${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`,\n TOUCHEND : `touchend${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n CAROUSEL : 'carousel',\n ACTIVE : 'active',\n SLIDE : 'slide',\n RIGHT : 'carousel-item-right',\n LEFT : 'carousel-item-left',\n NEXT : 'carousel-item-next',\n PREV : 'carousel-item-prev',\n ITEM : 'carousel-item'\n }\n\n const Selector = {\n ACTIVE : '.active',\n ACTIVE_ITEM : '.active.carousel-item',\n ITEM : '.carousel-item',\n NEXT_PREV : '.carousel-item-next, .carousel-item-prev',\n INDICATORS : '.carousel-indicators',\n DATA_SLIDE : '[data-slide], [data-slide-to]',\n DATA_RIDE : '[data-ride=\"carousel\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Carousel {\n constructor(element, config) {\n this._items = null\n this._interval = null\n this._activeElement = null\n\n this._isPaused = false\n this._isSliding = false\n\n this.touchTimeout = null\n\n this._config = this._getConfig(config)\n this._element = $(element)[0]\n this._indicatorsElement = $(this._element).find(Selector.INDICATORS)[0]\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n next() {\n if (!this._isSliding) {\n this._slide(Direction.NEXT)\n }\n }\n\n nextWhenVisible() {\n // Don't call next when the page isn't visible\n // or the carousel or its parent isn't visible\n if (!document.hidden &&\n ($(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden')) {\n this.next()\n }\n }\n\n prev() {\n if (!this._isSliding) {\n this._slide(Direction.PREV)\n }\n }\n\n pause(event) {\n if (!event) {\n this._isPaused = true\n }\n\n if ($(this._element).find(Selector.NEXT_PREV)[0] &&\n Util.supportsTransitionEnd()) {\n Util.triggerTransitionEnd(this._element)\n this.cycle(true)\n }\n\n clearInterval(this._interval)\n this._interval = null\n }\n\n cycle(event) {\n if (!event) {\n this._isPaused = false\n }\n\n if (this._interval) {\n clearInterval(this._interval)\n this._interval = null\n }\n\n if (this._config.interval && !this._isPaused) {\n this._interval = setInterval(\n (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),\n this._config.interval\n )\n }\n }\n\n to(index) {\n this._activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0]\n\n const activeIndex = this._getItemIndex(this._activeElement)\n\n if (index > this._items.length - 1 || index < 0) {\n return\n }\n\n if (this._isSliding) {\n $(this._element).one(Event.SLID, () => this.to(index))\n return\n }\n\n if (activeIndex === index) {\n this.pause()\n this.cycle()\n return\n }\n\n const direction = index > activeIndex\n ? Direction.NEXT\n : Direction.PREV\n\n this._slide(direction, this._items[index])\n }\n\n dispose() {\n $(this._element).off(EVENT_KEY)\n $.removeData(this._element, DATA_KEY)\n\n this._items = null\n this._config = null\n this._element = null\n this._interval = null\n this._isPaused = null\n this._isSliding = null\n this._activeElement = null\n this._indicatorsElement = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n $(this._element)\n .on(Event.KEYDOWN, (event) => this._keydown(event))\n }\n\n if (this._config.pause === 'hover') {\n $(this._element)\n .on(Event.MOUSEENTER, (event) => this.pause(event))\n .on(Event.MOUSELEAVE, (event) => this.cycle(event))\n if ('ontouchstart' in document.documentElement) {\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n $(this._element).on(Event.TOUCHEND, () => {\n this.pause()\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout)\n }\n this.touchTimeout = setTimeout((event) => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n })\n }\n }\n }\n\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return\n }\n\n switch (event.which) {\n case ARROW_LEFT_KEYCODE:\n event.preventDefault()\n this.prev()\n break\n case ARROW_RIGHT_KEYCODE:\n event.preventDefault()\n this.next()\n break\n default:\n }\n }\n\n _getItemIndex(element) {\n this._items = $.makeArray($(element).parent().find(Selector.ITEM))\n return this._items.indexOf(element)\n }\n\n _getItemByDirection(direction, activeElement) {\n const isNextDirection = direction === Direction.NEXT\n const isPrevDirection = direction === Direction.PREV\n const activeIndex = this._getItemIndex(activeElement)\n const lastItemIndex = this._items.length - 1\n const isGoingToWrap = isPrevDirection && activeIndex === 0 ||\n isNextDirection && activeIndex === lastItemIndex\n\n if (isGoingToWrap && !this._config.wrap) {\n return activeElement\n }\n\n const delta = direction === Direction.PREV ? -1 : 1\n const itemIndex = (activeIndex + delta) % this._items.length\n\n return itemIndex === -1\n ? this._items[this._items.length - 1] : this._items[itemIndex]\n }\n\n _triggerSlideEvent(relatedTarget, eventDirectionName) {\n const targetIndex = this._getItemIndex(relatedTarget)\n const fromIndex = this._getItemIndex($(this._element).find(Selector.ACTIVE_ITEM)[0])\n const slideEvent = $.Event(Event.SLIDE, {\n relatedTarget,\n direction: eventDirectionName,\n from: fromIndex,\n to: targetIndex\n })\n\n $(this._element).trigger(slideEvent)\n\n return slideEvent\n }\n\n _setActiveIndicatorElement(element) {\n if (this._indicatorsElement) {\n $(this._indicatorsElement)\n .find(Selector.ACTIVE)\n .removeClass(ClassName.ACTIVE)\n\n const nextIndicator = this._indicatorsElement.children[\n this._getItemIndex(element)\n ]\n\n if (nextIndicator) {\n $(nextIndicator).addClass(ClassName.ACTIVE)\n }\n }\n }\n\n _slide(direction, element) {\n const activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0]\n const activeElementIndex = this._getItemIndex(activeElement)\n const nextElement = element || activeElement &&\n this._getItemByDirection(direction, activeElement)\n const nextElementIndex = this._getItemIndex(nextElement)\n const isCycling = Boolean(this._interval)\n\n let directionalClassName\n let orderClassName\n let eventDirectionName\n\n if (direction === Direction.NEXT) {\n directionalClassName = ClassName.LEFT\n orderClassName = ClassName.NEXT\n eventDirectionName = Direction.LEFT\n } else {\n directionalClassName = ClassName.RIGHT\n orderClassName = ClassName.PREV\n eventDirectionName = Direction.RIGHT\n }\n\n if (nextElement && $(nextElement).hasClass(ClassName.ACTIVE)) {\n this._isSliding = false\n return\n }\n\n const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName)\n if (slideEvent.isDefaultPrevented()) {\n return\n }\n\n if (!activeElement || !nextElement) {\n // Some weirdness is happening, so we bail\n return\n }\n\n this._isSliding = true\n\n if (isCycling) {\n this.pause()\n }\n\n this._setActiveIndicatorElement(nextElement)\n\n const slidEvent = $.Event(Event.SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n })\n\n if (Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.SLIDE)) {\n $(nextElement).addClass(orderClassName)\n\n Util.reflow(nextElement)\n\n $(activeElement).addClass(directionalClassName)\n $(nextElement).addClass(directionalClassName)\n\n $(activeElement)\n .one(Util.TRANSITION_END, () => {\n $(nextElement)\n .removeClass(`${directionalClassName} ${orderClassName}`)\n .addClass(ClassName.ACTIVE)\n\n $(activeElement).removeClass(`${ClassName.ACTIVE} ${orderClassName} ${directionalClassName}`)\n\n this._isSliding = false\n\n setTimeout(() => $(this._element).trigger(slidEvent), 0)\n })\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n $(activeElement).removeClass(ClassName.ACTIVE)\n $(nextElement).addClass(ClassName.ACTIVE)\n\n this._isSliding = false\n $(this._element).trigger(slidEvent)\n }\n\n if (isCycling) {\n this.cycle()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n let _config = {\n ...Default,\n ...$(this).data()\n }\n\n if (typeof config === 'object') {\n _config = {\n ..._config,\n ...config\n }\n }\n\n const action = typeof config === 'string' ? config : _config.slide\n\n if (!data) {\n data = new Carousel(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'number') {\n data.to(config)\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`)\n }\n data[action]()\n } else if (_config.interval) {\n data.pause()\n data.cycle()\n }\n })\n }\n\n static _dataApiClickHandler(event) {\n const selector = Util.getSelectorFromElement(this)\n\n if (!selector) {\n return\n }\n\n const target = $(selector)[0]\n\n if (!target || !$(target).hasClass(ClassName.CAROUSEL)) {\n return\n }\n\n const config = {\n ...$(target).data(),\n ...$(this).data()\n }\n const slideIndex = this.getAttribute('data-slide-to')\n\n if (slideIndex) {\n config.interval = false\n }\n\n Carousel._jQueryInterface.call($(target), config)\n\n if (slideIndex) {\n $(target).data(DATA_KEY).to(slideIndex)\n }\n\n event.preventDefault()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler)\n\n $(window).on(Event.LOAD_DATA_API, () => {\n $(Selector.DATA_RIDE).each(function () {\n const $carousel = $(this)\n Carousel._jQueryInterface.call($carousel, $carousel.data())\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Carousel._jQueryInterface\n $.fn[NAME].Constructor = Carousel\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Carousel._jQueryInterface\n }\n\n return Carousel\n})($)\n\nexport default Carousel\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Collapse = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'collapse'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.collapse'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 600\n\n const Default = {\n toggle : true,\n parent : ''\n }\n\n const DefaultType = {\n toggle : 'boolean',\n parent : '(string|element)'\n }\n\n const Event = {\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SHOW : 'show',\n COLLAPSE : 'collapse',\n COLLAPSING : 'collapsing',\n COLLAPSED : 'collapsed'\n }\n\n const Dimension = {\n WIDTH : 'width',\n HEIGHT : 'height'\n }\n\n const Selector = {\n ACTIVES : '.show, .collapsing',\n DATA_TOGGLE : '[data-toggle=\"collapse\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = $.makeArray($(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n const tabToggles = $(Selector.DATA_TOGGLE)\n for (let i = 0; i < tabToggles.length; i++) {\n const elem = tabToggles[i]\n const selector = Util.getSelectorFromElement(elem)\n if (selector !== null && $(selector).filter(element).length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle() {\n if ($(this._element).hasClass(ClassName.SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = $.makeArray(\n $(this._parent)\n .find(Selector.ACTIVES)\n .filter(`[data-parent=\"${this._config.parent}\"]`)\n )\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(Event.SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(ClassName.COLLAPSE)\n .addClass(ClassName.COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length > 0) {\n $(this._triggerArray)\n .removeClass(ClassName.COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .addClass(ClassName.SHOW)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(Event.SHOWN)\n }\n\n if (!Util.supportsTransitionEnd()) {\n complete()\n return\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n const startEvent = $.Event(Event.HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(ClassName.COLLAPSING)\n .removeClass(ClassName.COLLAPSE)\n .removeClass(ClassName.SHOW)\n\n if (this._triggerArray.length > 0) {\n for (let i = 0; i < this._triggerArray.length; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n if (selector !== null) {\n const $elem = $(selector)\n if (!$elem.hasClass(ClassName.SHOW)) {\n $(trigger).addClass(ClassName.COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .trigger(Event.HIDDEN)\n }\n\n this._element.style[dimension] = ''\n\n if (!Util.supportsTransitionEnd()) {\n complete()\n return\n }\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(Dimension.WIDTH)\n return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT\n }\n\n _getParent() {\n let parent = null\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = $(this._config.parent)[0]\n }\n\n const selector =\n `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n\n $(parent).find(selector).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n if (element) {\n const isOpen = $(element).hasClass(ClassName.SHOW)\n\n if (triggerArray.length > 0) {\n $(triggerArray)\n .toggleClass(ClassName.COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n }\n\n // Static\n\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? $(selector)[0] : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$this.data(),\n ...typeof config === 'object' && config\n }\n\n if (!data && _config.toggle && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n // preventDefault only for <a> elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n $(selector).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Collapse._jQueryInterface\n $.fn[NAME].Constructor = Collapse\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n }\n\n return Collapse\n})($)\n\nexport default Collapse\n","/**!\n * @fileOverview Kickass library to create and place poppers near their reference elements.\n * @version 1.12.9\n * @license\n * Copyright (c) 2016 Federico Zivolo and contributors\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';\nvar longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];\nvar timeoutDuration = 0;\nfor (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {\n if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {\n timeoutDuration = 1;\n break;\n }\n}\n\nfunction microtaskDebounce(fn) {\n var called = false;\n return function () {\n if (called) {\n return;\n }\n called = true;\n window.Promise.resolve().then(function () {\n called = false;\n fn();\n });\n };\n}\n\nfunction taskDebounce(fn) {\n var scheduled = false;\n return function () {\n if (!scheduled) {\n scheduled = true;\n setTimeout(function () {\n scheduled = false;\n fn();\n }, timeoutDuration);\n }\n };\n}\n\nvar supportsMicroTasks = isBrowser && window.Promise;\n\n/**\n* Create a debounced version of a method, that's asynchronously deferred\n* but called in the minimum time possible.\n*\n* @method\n* @memberof Popper.Utils\n* @argument {Function} fn\n* @returns {Function}\n*/\nvar debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;\n\n/**\n * Check if the given variable is a function\n * @method\n * @memberof Popper.Utils\n * @argument {Any} functionToCheck - variable to check\n * @returns {Boolean} answer to: is a function?\n */\nfunction isFunction(functionToCheck) {\n var getType = {};\n return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';\n}\n\n/**\n * Get CSS computed property of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Eement} element\n * @argument {String} property\n */\nfunction getStyleComputedProperty(element, property) {\n if (element.nodeType !== 1) {\n return [];\n }\n // NOTE: 1 DOM access here\n var css = getComputedStyle(element, null);\n return property ? css[property] : css;\n}\n\n/**\n * Returns the parentNode or the host of the element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} parent\n */\nfunction getParentNode(element) {\n if (element.nodeName === 'HTML') {\n return element;\n }\n return element.parentNode || element.host;\n}\n\n/**\n * Returns the scrolling parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} scroll parent\n */\nfunction getScrollParent(element) {\n // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n if (!element) {\n return document.body;\n }\n\n switch (element.nodeName) {\n case 'HTML':\n case 'BODY':\n return element.ownerDocument.body;\n case '#document':\n return element.body;\n }\n\n // Firefox want us to check `-x` and `-y` variations as well\n\n var _getStyleComputedProp = getStyleComputedProperty(element),\n overflow = _getStyleComputedProp.overflow,\n overflowX = _getStyleComputedProp.overflowX,\n overflowY = _getStyleComputedProp.overflowY;\n\n if (/(auto|scroll)/.test(overflow + overflowY + overflowX)) {\n return element;\n }\n\n return getScrollParent(getParentNode(element));\n}\n\n/**\n * Returns the offset parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} offset parent\n */\nfunction getOffsetParent(element) {\n // NOTE: 1 DOM access here\n var offsetParent = element && element.offsetParent;\n var nodeName = offsetParent && offsetParent.nodeName;\n\n if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {\n if (element) {\n return element.ownerDocument.documentElement;\n }\n\n return document.documentElement;\n }\n\n // .offsetParent will return the closest TD or TABLE in case\n // no offsetParent is present, I hate this job...\n if (['TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {\n return getOffsetParent(offsetParent);\n }\n\n return offsetParent;\n}\n\nfunction isOffsetContainer(element) {\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY') {\n return false;\n }\n return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;\n}\n\n/**\n * Finds the root node (document, shadowDOM root) of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} node\n * @returns {Element} root node\n */\nfunction getRoot(node) {\n if (node.parentNode !== null) {\n return getRoot(node.parentNode);\n }\n\n return node;\n}\n\n/**\n * Finds the offset parent common to the two provided nodes\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element1\n * @argument {Element} element2\n * @returns {Element} common offset parent\n */\nfunction findCommonOffsetParent(element1, element2) {\n // This check is needed to avoid errors in case one of the elements isn't defined for any reason\n if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {\n return document.documentElement;\n }\n\n // Here we make sure to give as \"start\" the element that comes first in the DOM\n var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;\n var start = order ? element1 : element2;\n var end = order ? element2 : element1;\n\n // Get common ancestor container\n var range = document.createRange();\n range.setStart(start, 0);\n range.setEnd(end, 0);\n var commonAncestorContainer = range.commonAncestorContainer;\n\n // Both nodes are inside #document\n\n if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {\n if (isOffsetContainer(commonAncestorContainer)) {\n return commonAncestorContainer;\n }\n\n return getOffsetParent(commonAncestorContainer);\n }\n\n // one of the nodes is inside shadowDOM, find which one\n var element1root = getRoot(element1);\n if (element1root.host) {\n return findCommonOffsetParent(element1root.host, element2);\n } else {\n return findCommonOffsetParent(element1, getRoot(element2).host);\n }\n}\n\n/**\n * Gets the scroll value of the given element in the given side (top and left)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {String} side `top` or `left`\n * @returns {number} amount of scrolled pixels\n */\nfunction getScroll(element) {\n var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';\n\n var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n var html = element.ownerDocument.documentElement;\n var scrollingElement = element.ownerDocument.scrollingElement || html;\n return scrollingElement[upperSide];\n }\n\n return element[upperSide];\n}\n\n/*\n * Sum or subtract the element scroll values (left and top) from a given rect object\n * @method\n * @memberof Popper.Utils\n * @param {Object} rect - Rect object you want to change\n * @param {HTMLElement} element - The element from the function reads the scroll values\n * @param {Boolean} subtract - set to true if you want to subtract the scroll values\n * @return {Object} rect - The modifier rect object\n */\nfunction includeScroll(rect, element) {\n var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n var scrollTop = getScroll(element, 'top');\n var scrollLeft = getScroll(element, 'left');\n var modifier = subtract ? -1 : 1;\n rect.top += scrollTop * modifier;\n rect.bottom += scrollTop * modifier;\n rect.left += scrollLeft * modifier;\n rect.right += scrollLeft * modifier;\n return rect;\n}\n\n/*\n * Helper to detect borders of a given element\n * @method\n * @memberof Popper.Utils\n * @param {CSSStyleDeclaration} styles\n * Result of `getStyleComputedProperty` on the given element\n * @param {String} axis - `x` or `y`\n * @return {number} borders - The borders size of the given axis\n */\n\nfunction getBordersSize(styles, axis) {\n var sideA = axis === 'x' ? 'Left' : 'Top';\n var sideB = sideA === 'Left' ? 'Right' : 'Bottom';\n\n return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);\n}\n\n/**\n * Tells if you are running Internet Explorer 10\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean} isIE10\n */\nvar isIE10 = undefined;\n\nvar isIE10$1 = function () {\n if (isIE10 === undefined) {\n isIE10 = navigator.appVersion.indexOf('MSIE 10') !== -1;\n }\n return isIE10;\n};\n\nfunction getSize(axis, body, html, computedStyle) {\n return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE10$1() ? html['offset' + axis] + computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')] + computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')] : 0);\n}\n\nfunction getWindowSizes() {\n var body = document.body;\n var html = document.documentElement;\n var computedStyle = isIE10$1() && getComputedStyle(html);\n\n return {\n height: getSize('Height', body, html, computedStyle),\n width: getSize('Width', body, html, computedStyle)\n };\n}\n\nvar classCallCheck = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\n\n\n\n\nvar defineProperty = function (obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n};\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\n/**\n * Given element offsets, generate an output similar to getBoundingClientRect\n * @method\n * @memberof Popper.Utils\n * @argument {Object} offsets\n * @returns {Object} ClientRect like output\n */\nfunction getClientRect(offsets) {\n return _extends({}, offsets, {\n right: offsets.left + offsets.width,\n bottom: offsets.top + offsets.height\n });\n}\n\n/**\n * Get bounding client rect of given element\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} element\n * @return {Object} client rect\n */\nfunction getBoundingClientRect(element) {\n var rect = {};\n\n // IE10 10 FIX: Please, don't ask, the element isn't\n // considered in DOM in some circumstances...\n // This isn't reproducible in IE10 compatibility mode of IE11\n if (isIE10$1()) {\n try {\n rect = element.getBoundingClientRect();\n var scrollTop = getScroll(element, 'top');\n var scrollLeft = getScroll(element, 'left');\n rect.top += scrollTop;\n rect.left += scrollLeft;\n rect.bottom += scrollTop;\n rect.right += scrollLeft;\n } catch (err) {}\n } else {\n rect = element.getBoundingClientRect();\n }\n\n var result = {\n left: rect.left,\n top: rect.top,\n width: rect.right - rect.left,\n height: rect.bottom - rect.top\n };\n\n // subtract scrollbar size from sizes\n var sizes = element.nodeName === 'HTML' ? getWindowSizes() : {};\n var width = sizes.width || element.clientWidth || result.right - result.left;\n var height = sizes.height || element.clientHeight || result.bottom - result.top;\n\n var horizScrollbar = element.offsetWidth - width;\n var vertScrollbar = element.offsetHeight - height;\n\n // if an hypothetical scrollbar is detected, we must be sure it's not a `border`\n // we make this check conditional for performance reasons\n if (horizScrollbar || vertScrollbar) {\n var styles = getStyleComputedProperty(element);\n horizScrollbar -= getBordersSize(styles, 'x');\n vertScrollbar -= getBordersSize(styles, 'y');\n\n result.width -= horizScrollbar;\n result.height -= vertScrollbar;\n }\n\n return getClientRect(result);\n}\n\nfunction getOffsetRectRelativeToArbitraryNode(children, parent) {\n var isIE10 = isIE10$1();\n var isHTML = parent.nodeName === 'HTML';\n var childrenRect = getBoundingClientRect(children);\n var parentRect = getBoundingClientRect(parent);\n var scrollParent = getScrollParent(children);\n\n var styles = getStyleComputedProperty(parent);\n var borderTopWidth = parseFloat(styles.borderTopWidth, 10);\n var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);\n\n var offsets = getClientRect({\n top: childrenRect.top - parentRect.top - borderTopWidth,\n left: childrenRect.left - parentRect.left - borderLeftWidth,\n width: childrenRect.width,\n height: childrenRect.height\n });\n offsets.marginTop = 0;\n offsets.marginLeft = 0;\n\n // Subtract margins of documentElement in case it's being used as parent\n // we do this only on HTML because it's the only element that behaves\n // differently when margins are applied to it. The margins are included in\n // the box of the documentElement, in the other cases not.\n if (!isIE10 && isHTML) {\n var marginTop = parseFloat(styles.marginTop, 10);\n var marginLeft = parseFloat(styles.marginLeft, 10);\n\n offsets.top -= borderTopWidth - marginTop;\n offsets.bottom -= borderTopWidth - marginTop;\n offsets.left -= borderLeftWidth - marginLeft;\n offsets.right -= borderLeftWidth - marginLeft;\n\n // Attach marginTop and marginLeft because in some circumstances we may need them\n offsets.marginTop = marginTop;\n offsets.marginLeft = marginLeft;\n }\n\n if (isIE10 ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {\n offsets = includeScroll(offsets, parent);\n }\n\n return offsets;\n}\n\nfunction getViewportOffsetRectRelativeToArtbitraryNode(element) {\n var html = element.ownerDocument.documentElement;\n var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);\n var width = Math.max(html.clientWidth, window.innerWidth || 0);\n var height = Math.max(html.clientHeight, window.innerHeight || 0);\n\n var scrollTop = getScroll(html);\n var scrollLeft = getScroll(html, 'left');\n\n var offset = {\n top: scrollTop - relativeOffset.top + relativeOffset.marginTop,\n left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,\n width: width,\n height: height\n };\n\n return getClientRect(offset);\n}\n\n/**\n * Check if the given element is fixed or is inside a fixed parent\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {Element} customContainer\n * @returns {Boolean} answer to \"isFixed?\"\n */\nfunction isFixed(element) {\n var nodeName = element.nodeName;\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n return false;\n }\n if (getStyleComputedProperty(element, 'position') === 'fixed') {\n return true;\n }\n return isFixed(getParentNode(element));\n}\n\n/**\n * Computed the boundaries limits and return them\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} popper\n * @param {HTMLElement} reference\n * @param {number} padding\n * @param {HTMLElement} boundariesElement - Element used to define the boundaries\n * @returns {Object} Coordinates of the boundaries\n */\nfunction getBoundaries(popper, reference, padding, boundariesElement) {\n // NOTE: 1 DOM access here\n var boundaries = { top: 0, left: 0 };\n var offsetParent = findCommonOffsetParent(popper, reference);\n\n // Handle viewport case\n if (boundariesElement === 'viewport') {\n boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent);\n } else {\n // Handle other cases based on DOM element used as boundaries\n var boundariesNode = void 0;\n if (boundariesElement === 'scrollParent') {\n boundariesNode = getScrollParent(getParentNode(reference));\n if (boundariesNode.nodeName === 'BODY') {\n boundariesNode = popper.ownerDocument.documentElement;\n }\n } else if (boundariesElement === 'window') {\n boundariesNode = popper.ownerDocument.documentElement;\n } else {\n boundariesNode = boundariesElement;\n }\n\n var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent);\n\n // In case of HTML, we need a different computation\n if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {\n var _getWindowSizes = getWindowSizes(),\n height = _getWindowSizes.height,\n width = _getWindowSizes.width;\n\n boundaries.top += offsets.top - offsets.marginTop;\n boundaries.bottom = height + offsets.top;\n boundaries.left += offsets.left - offsets.marginLeft;\n boundaries.right = width + offsets.left;\n } else {\n // for all the other DOM elements, this one is good\n boundaries = offsets;\n }\n }\n\n // Add paddings\n boundaries.left += padding;\n boundaries.top += padding;\n boundaries.right -= padding;\n boundaries.bottom -= padding;\n\n return boundaries;\n}\n\nfunction getArea(_ref) {\n var width = _ref.width,\n height = _ref.height;\n\n return width * height;\n}\n\n/**\n * Utility used to transform the `auto` placement to the placement with more\n * available space.\n * @method\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {\n var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n if (placement.indexOf('auto') === -1) {\n return placement;\n }\n\n var boundaries = getBoundaries(popper, reference, padding, boundariesElement);\n\n var rects = {\n top: {\n width: boundaries.width,\n height: refRect.top - boundaries.top\n },\n right: {\n width: boundaries.right - refRect.right,\n height: boundaries.height\n },\n bottom: {\n width: boundaries.width,\n height: boundaries.bottom - refRect.bottom\n },\n left: {\n width: refRect.left - boundaries.left,\n height: boundaries.height\n }\n };\n\n var sortedAreas = Object.keys(rects).map(function (key) {\n return _extends({\n key: key\n }, rects[key], {\n area: getArea(rects[key])\n });\n }).sort(function (a, b) {\n return b.area - a.area;\n });\n\n var filteredAreas = sortedAreas.filter(function (_ref2) {\n var width = _ref2.width,\n height = _ref2.height;\n return width >= popper.clientWidth && height >= popper.clientHeight;\n });\n\n var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;\n\n var variation = placement.split('-')[1];\n\n return computedPlacement + (variation ? '-' + variation : '');\n}\n\n/**\n * Get offsets to the reference element\n * @method\n * @memberof Popper.Utils\n * @param {Object} state\n * @param {Element} popper - the popper element\n * @param {Element} reference - the reference element (the popper will be relative to this)\n * @returns {Object} An object containing the offsets which will be applied to the popper\n */\nfunction getReferenceOffsets(state, popper, reference) {\n var commonOffsetParent = findCommonOffsetParent(popper, reference);\n return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent);\n}\n\n/**\n * Get the outer sizes of the given element (offset size + margins)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Object} object containing width and height properties\n */\nfunction getOuterSizes(element) {\n var styles = getComputedStyle(element);\n var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);\n var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);\n var result = {\n width: element.offsetWidth + y,\n height: element.offsetHeight + x\n };\n return result;\n}\n\n/**\n * Get the opposite placement of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement\n * @returns {String} flipped placement\n */\nfunction getOppositePlacement(placement) {\n var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}\n\n/**\n * Get offsets to the popper\n * @method\n * @memberof Popper.Utils\n * @param {Object} position - CSS position the Popper will get applied\n * @param {HTMLElement} popper - the popper element\n * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)\n * @param {String} placement - one of the valid placement options\n * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper\n */\nfunction getPopperOffsets(popper, referenceOffsets, placement) {\n placement = placement.split('-')[0];\n\n // Get popper node sizes\n var popperRect = getOuterSizes(popper);\n\n // Add position, width and height to our offsets object\n var popperOffsets = {\n width: popperRect.width,\n height: popperRect.height\n };\n\n // depending by the popper placement we have to compute its offsets slightly differently\n var isHoriz = ['right', 'left'].indexOf(placement) !== -1;\n var mainSide = isHoriz ? 'top' : 'left';\n var secondarySide = isHoriz ? 'left' : 'top';\n var measurement = isHoriz ? 'height' : 'width';\n var secondaryMeasurement = !isHoriz ? 'height' : 'width';\n\n popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;\n if (placement === secondarySide) {\n popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];\n } else {\n popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];\n }\n\n return popperOffsets;\n}\n\n/**\n * Mimics the `find` method of Array\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\nfunction find(arr, check) {\n // use native find if supported\n if (Array.prototype.find) {\n return arr.find(check);\n }\n\n // use `filter` to obtain the same behavior of `find`\n return arr.filter(check)[0];\n}\n\n/**\n * Return the index of the matching object\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\nfunction findIndex(arr, prop, value) {\n // use native findIndex if supported\n if (Array.prototype.findIndex) {\n return arr.findIndex(function (cur) {\n return cur[prop] === value;\n });\n }\n\n // use `find` + `indexOf` if `findIndex` isn't supported\n var match = find(arr, function (obj) {\n return obj[prop] === value;\n });\n return arr.indexOf(match);\n}\n\n/**\n * Loop trough the list of modifiers and run them in order,\n * each of them will then edit the data object.\n * @method\n * @memberof Popper.Utils\n * @param {dataObject} data\n * @param {Array} modifiers\n * @param {String} ends - Optional modifier name used as stopper\n * @returns {dataObject}\n */\nfunction runModifiers(modifiers, data, ends) {\n var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));\n\n modifiersToRun.forEach(function (modifier) {\n if (modifier['function']) {\n // eslint-disable-line dot-notation\n console.warn('`modifier.function` is deprecated, use `modifier.fn`!');\n }\n var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation\n if (modifier.enabled && isFunction(fn)) {\n // Add properties to offsets to make them a complete clientRect object\n // we do this before each modifier to make sure the previous one doesn't\n // mess with these values\n data.offsets.popper = getClientRect(data.offsets.popper);\n data.offsets.reference = getClientRect(data.offsets.reference);\n\n data = fn(data, modifier);\n }\n });\n\n return data;\n}\n\n/**\n * Updates the position of the popper, computing the new offsets and applying\n * the new style.<br />\n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\nfunction update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n var data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {}\n };\n\n // compute reference element offsets\n data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);\n\n // store the computed placement inside `originalPlacement`\n data.originalPlacement = data.placement;\n\n // compute the popper offsets\n data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);\n data.offsets.popper.position = 'absolute';\n\n // run the modifiers\n data = runModifiers(this.modifiers, data);\n\n // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n\n/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\nfunction isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(function (_ref) {\n var name = _ref.name,\n enabled = _ref.enabled;\n return enabled && name === modifierName;\n });\n}\n\n/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\nfunction getSupportedPropertyName(property) {\n var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n var upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (var i = 0; i < prefixes.length - 1; i++) {\n var prefix = prefixes[i];\n var toCheck = prefix ? '' + prefix + upperProp : property;\n if (typeof document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n return null;\n}\n\n/**\n * Destroy the popper\n * @method\n * @memberof Popper\n */\nfunction destroy() {\n this.state.isDestroyed = true;\n\n // touch DOM only if `applyStyle` modifier is enabled\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.left = '';\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners();\n\n // remove the popper if user explicity asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n return this;\n}\n\n/**\n * Get the window associated with the element\n * @argument {Element} element\n * @returns {Window}\n */\nfunction getWindow(element) {\n var ownerDocument = element.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView : window;\n}\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n var isBody = scrollParent.nodeName === 'BODY';\n var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;\n target.addEventListener(event, callback, { passive: true });\n\n if (!isBody) {\n attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);\n }\n scrollParents.push(target);\n}\n\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nfunction setupEventListeners(reference, options, state, updateBound) {\n // Resize event listener on window\n state.updateBound = updateBound;\n getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });\n\n // Scroll event listener on scroll parents\n var scrollElement = getScrollParent(reference);\n attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n\n return state;\n}\n\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\nfunction enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);\n }\n}\n\n/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nfunction removeEventListeners(reference, state) {\n // Remove resize event listener on window\n getWindow(reference).removeEventListener('resize', state.updateBound);\n\n // Remove scroll event listener on scroll parents\n state.scrollParents.forEach(function (target) {\n target.removeEventListener('scroll', state.updateBound);\n });\n\n // Reset state\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger onUpdate callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\nfunction disableEventListeners() {\n if (this.state.eventsEnabled) {\n cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n\n/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\nfunction isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nfunction setStyles(element, styles) {\n Object.keys(styles).forEach(function (prop) {\n var unit = '';\n // add unit if the value is numeric and is one of the following\n if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {\n unit = 'px';\n }\n element.style[prop] = styles[prop] + unit;\n });\n}\n\n/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nfunction setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function (prop) {\n var value = attributes[prop];\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\nfunction applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles);\n\n // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n setAttributes(data.instance.popper, data.attributes);\n\n // if arrowElement is defined and arrowStyles has some properties\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper.\n * @param {Object} options - Popper.js options\n */\nfunction applyStyleOnLoad(reference, popper, options, modifierOptions, state) {\n // compute reference element offsets\n var referenceOffsets = getReferenceOffsets(state, popper, reference);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);\n\n popper.setAttribute('x-placement', placement);\n\n // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n setStyles(popper, { position: 'absolute' });\n\n return options;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction computeStyle(data, options) {\n var x = options.x,\n y = options.y;\n var popper = data.offsets.popper;\n\n // Remove this legacy support in Popper.js v2\n\n var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'applyStyle';\n }).gpuAcceleration;\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');\n }\n var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;\n\n var offsetParent = getOffsetParent(data.instance.popper);\n var offsetParentRect = getBoundingClientRect(offsetParent);\n\n // Styles\n var styles = {\n position: popper.position\n };\n\n // floor sides to avoid blurry text\n var offsets = {\n left: Math.floor(popper.left),\n top: Math.floor(popper.top),\n bottom: Math.floor(popper.bottom),\n right: Math.floor(popper.right)\n };\n\n var sideA = x === 'bottom' ? 'top' : 'bottom';\n var sideB = y === 'right' ? 'left' : 'right';\n\n // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n var prefixedProperty = getSupportedPropertyName('transform');\n\n // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n var left = void 0,\n top = void 0;\n if (sideA === 'bottom') {\n top = -offsetParentRect.height + offsets.bottom;\n } else {\n top = offsets.top;\n }\n if (sideB === 'right') {\n left = -offsetParentRect.width + offsets.right;\n } else {\n left = offsets.left;\n }\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n var invertTop = sideA === 'bottom' ? -1 : 1;\n var invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = sideA + ', ' + sideB;\n }\n\n // Attributes\n var attributes = {\n 'x-placement': data.placement\n };\n\n // Update `data` attributes, styles and arrowStyles\n data.attributes = _extends({}, attributes, data.attributes);\n data.styles = _extends({}, styles, data.styles);\n data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);\n\n return data;\n}\n\n/**\n * Helper used to know if the given modifier depends from another one.<br />\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\nfunction isModifierRequired(modifiers, requestingName, requestedName) {\n var requesting = find(modifiers, function (_ref) {\n var name = _ref.name;\n return name === requestingName;\n });\n\n var isRequired = !!requesting && modifiers.some(function (modifier) {\n return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;\n });\n\n if (!isRequired) {\n var _requesting = '`' + requestingName + '`';\n var requested = '`' + requestedName + '`';\n console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');\n }\n return isRequired;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction arrow(data, options) {\n var _data$offsets$arrow;\n\n // arrow depends on keepTogether in order to work\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n var arrowElement = options.element;\n\n // if arrowElement is a string, suppose it's a CSS selector\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement);\n\n // if arrowElement is not found, don't run the modifier\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn('WARNING: `arrow.element` must be child of its popper element!');\n return data;\n }\n }\n\n var placement = data.placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n\n var isVertical = ['left', 'right'].indexOf(placement) !== -1;\n\n var len = isVertical ? 'height' : 'width';\n var sideCapitalized = isVertical ? 'Top' : 'Left';\n var side = sideCapitalized.toLowerCase();\n var altSide = isVertical ? 'left' : 'top';\n var opSide = isVertical ? 'bottom' : 'right';\n var arrowElementSize = getOuterSizes(arrowElement)[len];\n\n //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjuction\n //\n\n // top/left side\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);\n }\n // bottom/right side\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];\n }\n data.offsets.popper = getClientRect(data.offsets.popper);\n\n // compute center of the popper\n var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;\n\n // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n var css = getStyleComputedProperty(data.instance.popper);\n var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);\n var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);\n var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;\n\n // prevent arrowElement from being placed not contiguously to its popper\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n\n data.arrowElement = arrowElement;\n data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);\n\n return data;\n}\n\n/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\nfunction getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n return variation;\n}\n\n/**\n * List of accepted placements to use as values of the `placement` option.<br />\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.<br />\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-right` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\nvar placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];\n\n// Get rid of `auto` `auto-start` and `auto-end`\nvar validPlacements = placements.slice(3);\n\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\nfunction clockwise(placement) {\n var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n var index = validPlacements.indexOf(placement);\n var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n\nvar BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise'\n};\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement);\n\n var placement = data.placement.split('-')[0];\n var placementOpposite = getOppositePlacement(placement);\n var variation = data.placement.split('-')[1] || '';\n\n var flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach(function (step, index) {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n\n var popperOffsets = data.offsets.popper;\n var refOffsets = data.offsets.reference;\n\n // using floor because the reference offsets may contain decimals we are not going to consider here\n var floor = Math.floor;\n var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);\n\n var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);\n\n var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;\n\n // flip the variation if required\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n var flippedVariation = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : '');\n\n // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));\n\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction keepTogether(data) {\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n\n var placement = data.placement.split('-')[0];\n var floor = Math.floor;\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n var side = isVertical ? 'right' : 'bottom';\n var opSide = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];\n }\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\nfunction toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n var split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n var value = +split[1];\n var unit = split[2];\n\n // If it's not a number it's an operator, I guess\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n var element = void 0;\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n var rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n var size = void 0;\n if (unit === 'vh') {\n size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n } else {\n size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n }\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\nfunction parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {\n var offsets = [0, 0];\n\n // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;\n\n // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n var fragments = offset.split(/(\\+|\\-)/).map(function (frag) {\n return frag.trim();\n });\n\n // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n var divider = fragments.indexOf(find(fragments, function (frag) {\n return frag.search(/,|\\s/) !== -1;\n }));\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');\n }\n\n // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n var splitRegex = /\\s*,\\s*|\\s+/;\n var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];\n\n // Convert the values with units to absolute pixels to allow our computations\n ops = ops.map(function (op, index) {\n // Most of the units rely on the orientation of the popper\n var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';\n var mergeWithPrevious = false;\n return op\n // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce(function (a, b) {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, [])\n // Here we convert the string values into number values (in px)\n .map(function (str) {\n return toValue(str, measurement, popperOffsets, referenceOffsets);\n });\n });\n\n // Loop trough the offsets arrays and execute the operations\n ops.forEach(function (op, index) {\n op.forEach(function (frag, index2) {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\nfunction offset(data, _ref) {\n var offset = _ref.offset;\n var placement = data.placement,\n _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n\n var basePlacement = placement.split('-')[0];\n\n var offsets = void 0;\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction preventOverflow(data, options) {\n var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);\n\n // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n }\n\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement);\n options.boundaries = boundaries;\n\n var order = options.priority;\n var popper = data.offsets.popper;\n\n var check = {\n primary: function primary(placement) {\n var value = popper[placement];\n if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n return defineProperty({}, placement, value);\n },\n secondary: function secondary(placement) {\n var mainSide = placement === 'right' ? 'left' : 'top';\n var value = popper[mainSide];\n if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {\n value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));\n }\n return defineProperty({}, mainSide, value);\n }\n };\n\n order.forEach(function (placement) {\n var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';\n popper = _extends({}, popper, check[side](placement));\n });\n\n data.offsets.popper = popper;\n\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction shift(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var shiftvariation = placement.split('-')[1];\n\n // if shift shiftvariation is specified, run the modifier\n if (shiftvariation) {\n var _data$offsets = data.offsets,\n reference = _data$offsets.reference,\n popper = _data$offsets.popper;\n\n var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n var side = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n\n var shiftOffsets = {\n start: defineProperty({}, side, reference[side]),\n end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])\n };\n\n data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);\n }\n\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n var refRect = data.offsets.reference;\n var bound = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'preventOverflow';\n }).boundaries;\n\n if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction inner(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n\n var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n\n var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n\n popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n\n return data;\n}\n\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.<br />\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.<br />\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\nvar modifiers = {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.<br />\n * It will read the variation of the `placement` property.<br />\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: shift\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unitless, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.<br />\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the height.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.<br />\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.<br />\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > More on this [reading this issue](https://github.com/FezVrasta/popper.js/issues/373)\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: offset,\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * An scenario exists where the reference itself is not within the boundaries.<br />\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".<br />\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper this makes sure the popper has always a little padding\n * between the edges of its container\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier, can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent'\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near eachothers\n * without leaving any gap between the two. Expecially useful when the arrow is\n * enabled and you want to assure it to point to its reference element.\n * It cares only about the first axis, you can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: keepTogether\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjuction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: arrow,\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]'\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: flip,\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations).\n */\n behavior: 'flip',\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position,\n * the popper will never be placed outside of the defined boundaries\n * (except if keepTogether is enabled)\n */\n boundariesElement: 'viewport'\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n /** @prop {ModifierFn} */\n fn: inner\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: hide\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: computeStyle,\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3d transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties.\n */\n gpuAcceleration: true,\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right'\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define you own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: applyStyle,\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3d transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties.\n */\n gpuAcceleration: undefined\n }\n};\n\n/**\n * The `dataObject` is an object containing all the informations used by Popper.js\n * this object get passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper.\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper, it expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow, it expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements.\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n\n/**\n * Default options provided to Popper.js constructor.<br />\n * These can be overriden using the `options` argument of Popper.js.<br />\n * To override an option, simply pass as 3rd argument an object with the same\n * structure of this object, example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\nvar Defaults = {\n /**\n * Popper's placement\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Whether events (resize, scroll) are initially enabled\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.<br />\n * By default, is set to no-op.<br />\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: function onCreate() {},\n\n /**\n * Callback called when the popper is updated, this callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.<br />\n * By default, is set to no-op.<br />\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: function onUpdate() {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js\n * @prop {modifiers}\n */\n modifiers: modifiers\n};\n\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n\n// Utils\n// Methods\nvar Popper = function () {\n /**\n * Create a new Popper.js instance\n * @class Popper\n * @param {HTMLElement|referenceObject} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper.\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n function Popper(reference, popper) {\n var _this = this;\n\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n classCallCheck(this, Popper);\n\n this.scheduleUpdate = function () {\n return requestAnimationFrame(_this.update);\n };\n\n // make update() debounced, so that it only runs at most once-per-tick\n this.update = debounce(this.update.bind(this));\n\n // with {} we create a new object with the options inside it\n this.options = _extends({}, Popper.Defaults, options);\n\n // init state\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: []\n };\n\n // get reference and popper elements (allow jQuery wrappers)\n this.reference = reference && reference.jquery ? reference[0] : reference;\n this.popper = popper && popper.jquery ? popper[0] : popper;\n\n // Deep merge modifiers options\n this.options.modifiers = {};\n Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {\n _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});\n });\n\n // Refactoring modifiers' list (Object => Array)\n this.modifiers = Object.keys(this.options.modifiers).map(function (name) {\n return _extends({\n name: name\n }, _this.options.modifiers[name]);\n })\n // sort the modifiers by order\n .sort(function (a, b) {\n return a.order - b.order;\n });\n\n // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n this.modifiers.forEach(function (modifierOptions) {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);\n }\n });\n\n // fire the first update to position the popper in the right place\n this.update();\n\n var eventsEnabled = this.options.eventsEnabled;\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n }\n\n // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n\n\n createClass(Popper, [{\n key: 'update',\n value: function update$$1() {\n return update.call(this);\n }\n }, {\n key: 'destroy',\n value: function destroy$$1() {\n return destroy.call(this);\n }\n }, {\n key: 'enableEventListeners',\n value: function enableEventListeners$$1() {\n return enableEventListeners.call(this);\n }\n }, {\n key: 'disableEventListeners',\n value: function disableEventListeners$$1() {\n return disableEventListeners.call(this);\n }\n\n /**\n * Schedule an update, it will run on the next UI update available\n * @method scheduleUpdate\n * @memberof Popper\n */\n\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n\n }]);\n return Popper;\n}();\n\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.<br />\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n\n\nPopper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\nPopper.placements = placements;\nPopper.Defaults = Defaults;\n\nexport default Popper;\n//# sourceMappingURL=popper.js.map\n","import $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): dropdown.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Dropdown = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'dropdown'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.dropdown'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n const SPACE_KEYCODE = 32 // KeyboardEvent.which value for space key\n const TAB_KEYCODE = 9 // KeyboardEvent.which value for tab key\n const ARROW_UP_KEYCODE = 38 // KeyboardEvent.which value for up arrow key\n const ARROW_DOWN_KEYCODE = 40 // KeyboardEvent.which value for down arrow key\n const RIGHT_MOUSE_BUTTON_WHICH = 3 // MouseEvent.which value for the right button (assuming a right-handed mouse)\n const REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEYCODE}|${ARROW_DOWN_KEYCODE}|${ESCAPE_KEYCODE}`)\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`,\n KEYDOWN_DATA_API : `keydown${EVENT_KEY}${DATA_API_KEY}`,\n KEYUP_DATA_API : `keyup${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DISABLED : 'disabled',\n SHOW : 'show',\n DROPUP : 'dropup',\n DROPRIGHT : 'dropright',\n DROPLEFT : 'dropleft',\n MENURIGHT : 'dropdown-menu-right',\n MENULEFT : 'dropdown-menu-left',\n POSITION_STATIC : 'position-static'\n }\n\n const Selector = {\n DATA_TOGGLE : '[data-toggle=\"dropdown\"]',\n FORM_CHILD : '.dropdown form',\n MENU : '.dropdown-menu',\n NAVBAR_NAV : '.navbar-nav',\n VISIBLE_ITEMS : '.dropdown-menu .dropdown-item:not(.disabled)'\n }\n\n const AttachmentMap = {\n TOP : 'top-start',\n TOPEND : 'top-end',\n BOTTOM : 'bottom-start',\n BOTTOMEND : 'bottom-end',\n RIGHT : 'right-start',\n RIGHTEND : 'right-end',\n LEFT : 'left-start',\n LEFTEND : 'left-end'\n }\n\n const Default = {\n offset : 0,\n flip : true,\n boundary : 'scrollParent'\n }\n\n const DefaultType = {\n offset : '(number|string|function)',\n flip : 'boolean',\n boundary : '(string|element)'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Dropdown {\n constructor(element, config) {\n this._element = element\n this._popper = null\n this._config = this._getConfig(config)\n this._menu = this._getMenuElement()\n this._inNavbar = this._detectNavbar()\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n\n toggle() {\n if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this._element)\n const isActive = $(this._menu).hasClass(ClassName.SHOW)\n\n Dropdown._clearMenus()\n\n if (isActive) {\n return\n }\n\n const relatedTarget = {\n relatedTarget: this._element\n }\n const showEvent = $.Event(Event.SHOW, relatedTarget)\n\n $(parent).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented()) {\n return\n }\n\n // Disable totally Popper.js for Dropdown in Navbar\n if (!this._inNavbar) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)')\n }\n let element = this._element\n // For dropup with alignment we use the parent as popper container\n if ($(parent).hasClass(ClassName.DROPUP)) {\n if ($(this._menu).hasClass(ClassName.MENULEFT) || $(this._menu).hasClass(ClassName.MENURIGHT)) {\n element = parent\n }\n }\n // If boundary is not `scrollParent`, then set position to `static`\n // to allow the menu to \"escape\" the scroll parent's boundaries\n // https://github.com/twbs/bootstrap/issues/24251\n if (this._config.boundary !== 'scrollParent') {\n $(parent).addClass(ClassName.POSITION_STATIC)\n }\n this._popper = new Popper(element, this._menu, this._getPopperConfig())\n }\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement &&\n $(parent).closest(Selector.NAVBAR_NAV).length === 0) {\n $('body').children().on('mouseover', null, $.noop)\n }\n\n this._element.focus()\n this._element.setAttribute('aria-expanded', true)\n\n $(this._menu).toggleClass(ClassName.SHOW)\n $(parent)\n .toggleClass(ClassName.SHOW)\n .trigger($.Event(Event.SHOWN, relatedTarget))\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._element).off(EVENT_KEY)\n this._element = null\n this._menu = null\n if (this._popper !== null) {\n this._popper.destroy()\n this._popper = null\n }\n }\n\n update() {\n this._inNavbar = this._detectNavbar()\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Private\n\n _addEventListeners() {\n $(this._element).on(Event.CLICK, (event) => {\n event.preventDefault()\n event.stopPropagation()\n this.toggle()\n })\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this._element).data(),\n ...config\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getMenuElement() {\n if (!this._menu) {\n const parent = Dropdown._getParentFromElement(this._element)\n this._menu = $(parent).find(Selector.MENU)[0]\n }\n return this._menu\n }\n\n _getPlacement() {\n const $parentDropdown = $(this._element).parent()\n let placement = AttachmentMap.BOTTOM\n\n // Handle dropup\n if ($parentDropdown.hasClass(ClassName.DROPUP)) {\n placement = AttachmentMap.TOP\n if ($(this._menu).hasClass(ClassName.MENURIGHT)) {\n placement = AttachmentMap.TOPEND\n }\n } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) {\n placement = AttachmentMap.RIGHT\n } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) {\n placement = AttachmentMap.LEFT\n } else if ($(this._menu).hasClass(ClassName.MENURIGHT)) {\n placement = AttachmentMap.BOTTOMEND\n }\n return placement\n }\n\n _detectNavbar() {\n return $(this._element).closest('.navbar').length > 0\n }\n\n _getPopperConfig() {\n const offsetConf = {}\n if (typeof this._config.offset === 'function') {\n offsetConf.fn = (data) => {\n data.offsets = {\n ...data.offsets,\n ...this._config.offset(data.offsets) || {}\n }\n return data\n }\n } else {\n offsetConf.offset = this._config.offset\n }\n const popperConfig = {\n placement: this._getPlacement(),\n modifiers: {\n offset: offsetConf,\n flip: {\n enabled: this._config.flip\n },\n preventOverflow: {\n boundariesElement: this._config.boundary\n }\n }\n }\n\n return popperConfig\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data) {\n data = new Dropdown(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n\n static _clearMenus(event) {\n if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH ||\n event.type === 'keyup' && event.which !== TAB_KEYCODE)) {\n return\n }\n\n const toggles = $.makeArray($(Selector.DATA_TOGGLE))\n for (let i = 0; i < toggles.length; i++) {\n const parent = Dropdown._getParentFromElement(toggles[i])\n const context = $(toggles[i]).data(DATA_KEY)\n const relatedTarget = {\n relatedTarget: toggles[i]\n }\n\n if (!context) {\n continue\n }\n\n const dropdownMenu = context._menu\n if (!$(parent).hasClass(ClassName.SHOW)) {\n continue\n }\n\n if (event && (event.type === 'click' &&\n /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) &&\n $.contains(parent, event.target)) {\n continue\n }\n\n const hideEvent = $.Event(Event.HIDE, relatedTarget)\n $(parent).trigger(hideEvent)\n if (hideEvent.isDefaultPrevented()) {\n continue\n }\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $('body').children().off('mouseover', null, $.noop)\n }\n\n toggles[i].setAttribute('aria-expanded', 'false')\n\n $(dropdownMenu).removeClass(ClassName.SHOW)\n $(parent)\n .removeClass(ClassName.SHOW)\n .trigger($.Event(Event.HIDDEN, relatedTarget))\n }\n }\n\n static _getParentFromElement(element) {\n let parent\n const selector = Util.getSelectorFromElement(element)\n\n if (selector) {\n parent = $(selector)[0]\n }\n\n return parent || element.parentNode\n }\n\n // eslint-disable-next-line complexity\n static _dataApiKeydownHandler(event) {\n // If not input/textarea:\n // - And not a key in REGEXP_KEYDOWN => not a dropdown command\n // If input/textarea:\n // - If space key => not a dropdown command\n // - If key is other than escape\n // - If key is not up or down => not a dropdown command\n // - If trigger inside the menu => not a dropdown command\n if (/input|textarea/i.test(event.target.tagName)\n ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE &&\n (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE ||\n $(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {\n return\n }\n\n event.preventDefault()\n event.stopPropagation()\n\n if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this)\n const isActive = $(parent).hasClass(ClassName.SHOW)\n\n if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) ||\n isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {\n if (event.which === ESCAPE_KEYCODE) {\n const toggle = $(parent).find(Selector.DATA_TOGGLE)[0]\n $(toggle).trigger('focus')\n }\n\n $(this).trigger('click')\n return\n }\n\n const items = $(parent).find(Selector.VISIBLE_ITEMS).get()\n\n if (items.length === 0) {\n return\n }\n\n let index = items.indexOf(event.target)\n\n if (event.which === ARROW_UP_KEYCODE && index > 0) { // Up\n index--\n }\n\n if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) { // Down\n index++\n }\n\n if (index < 0) {\n index = 0\n }\n\n items[index].focus()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler)\n .on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler)\n .on(`${Event.CLICK_DATA_API} ${Event.KEYUP_DATA_API}`, Dropdown._clearMenus)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n event.preventDefault()\n event.stopPropagation()\n Dropdown._jQueryInterface.call($(this), 'toggle')\n })\n .on(Event.CLICK_DATA_API, Selector.FORM_CHILD, (e) => {\n e.stopPropagation()\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Dropdown._jQueryInterface\n $.fn[NAME].Constructor = Dropdown\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Dropdown._jQueryInterface\n }\n\n return Dropdown\n})($, Popper)\n\nexport default Dropdown\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Modal = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'modal'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.modal'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 300\n const BACKDROP_TRANSITION_DURATION = 150\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\n const Default = {\n backdrop : true,\n keyboard : true,\n focus : true,\n show : true\n }\n\n const DefaultType = {\n backdrop : '(boolean|string)',\n keyboard : 'boolean',\n focus : 'boolean',\n show : 'boolean'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n RESIZE : `resize${EVENT_KEY}`,\n CLICK_DISMISS : `click.dismiss${EVENT_KEY}`,\n KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`,\n MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`,\n MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SCROLLBAR_MEASURER : 'modal-scrollbar-measure',\n BACKDROP : 'modal-backdrop',\n OPEN : 'modal-open',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DIALOG : '.modal-dialog',\n DATA_TOGGLE : '[data-toggle=\"modal\"]',\n DATA_DISMISS : '[data-dismiss=\"modal\"]',\n FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',\n STICKY_CONTENT : '.sticky-top',\n NAVBAR_TOGGLER : '.navbar-toggler'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Modal {\n constructor(element, config) {\n this._config = this._getConfig(config)\n this._element = element\n this._dialog = $(element).find(Selector.DIALOG)[0]\n this._backdrop = null\n this._isShown = false\n this._isBodyOverflowing = false\n this._ignoreBackdropClick = false\n this._originalBodyPadding = 0\n this._scrollbarWidth = 0\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isTransitioning || this._isShown) {\n return\n }\n\n if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {\n this._isTransitioning = true\n }\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (this._isShown || showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n $(document.body).addClass(ClassName.OPEN)\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n Event.CLICK_DISMISS,\n Selector.DATA_DISMISS,\n (event) => this.hide(event)\n )\n\n $(this._dialog).on(Event.MOUSEDOWN_DISMISS, () => {\n $(this._element).one(Event.MOUSEUP_DISMISS, (event) => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (this._isTransitioning || !this._isShown) {\n return\n }\n\n const hideEvent = $.Event(Event.HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n\n const transition = Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(Event.FOCUSIN)\n\n $(this._element).removeClass(ClassName.SHOW)\n\n $(this._element).off(Event.CLICK_DISMISS)\n $(this._dialog).off(Event.MOUSEDOWN_DISMISS)\n\n if (transition) {\n $(this._element)\n .one(Util.TRANSITION_END, (event) => this._hideModal(event))\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n $(window, document, this._element, this._backdrop).off(EVENT_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _showElement(relatedTarget) {\n const transition = Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.FADE)\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.scrollTop = 0\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(ClassName.SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(Event.FOCUSIN) // Guard against infinite focus loop\n .on(Event.FOCUSIN, (event) => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown && this._config.keyboard) {\n $(this._element).on(Event.KEYDOWN_DISMISS, (event) => {\n if (event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(Event.KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(Event.RESIZE, (event) => this.handleUpdate(event))\n } else {\n $(window).off(Event.RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(ClassName.OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(Event.HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(ClassName.FADE)\n ? ClassName.FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n const doAnimate = Util.supportsTransitionEnd() && animate\n\n this._backdrop = document.createElement('div')\n this._backdrop.className = ClassName.BACKDROP\n\n if (animate) {\n $(this._backdrop).addClass(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(Event.CLICK_DISMISS, (event) => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n if (event.target !== event.currentTarget) {\n return\n }\n if (this._config.backdrop === 'static') {\n this._element.focus()\n } else {\n this.hide()\n }\n })\n\n if (doAnimate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(ClassName.SHOW)\n\n if (!callback) {\n return\n }\n\n if (!doAnimate) {\n callback()\n return\n }\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(BACKDROP_TRANSITION_DURATION)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(ClassName.SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if (Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.FADE)) {\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(BACKDROP_TRANSITION_DURATION)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing =\n this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = rect.left + rect.right < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n\n // Adjust fixed content padding\n $(Selector.FIXED_CONTENT).each((index, element) => {\n const actualPadding = $(element)[0].style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element).data('padding-right', actualPadding).css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(Selector.STICKY_CONTENT).each((index, element) => {\n const actualMargin = $(element)[0].style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element).data('margin-right', actualMargin).css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust navbar-toggler margin\n $(Selector.NAVBAR_TOGGLER).each((index, element) => {\n const actualMargin = $(element)[0].style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element).data('margin-right', actualMargin).css('margin-right', `${parseFloat(calculatedMargin) + this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $('body').css('padding-right')\n $('body').data('padding-right', actualPadding).css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n $(Selector.FIXED_CONTENT).each((index, element) => {\n const padding = $(element).data('padding-right')\n if (typeof padding !== 'undefined') {\n $(element).css('padding-right', padding).removeData('padding-right')\n }\n })\n\n // Restore sticky content and navbar-toggler margin\n $(`${Selector.STICKY_CONTENT}, ${Selector.NAVBAR_TOGGLER}`).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $('body').data('padding-right')\n if (typeof padding !== 'undefined') {\n $('body').css('padding-right', padding).removeData('padding-right')\n }\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = ClassName.SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Modal.Default,\n ...$(this).data(),\n ...typeof config === 'object' && config\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = $(selector)[0]\n }\n\n const config = $(target).data(DATA_KEY)\n ? 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(Event.SHOW, (showEvent) => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(Event.HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Modal._jQueryInterface\n $.fn[NAME].Constructor = Modal\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n }\n\n return Modal\n})($)\n\nexport default Modal\n","import $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Tooltip = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'tooltip'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.tooltip'\n const EVENT_KEY = `.${DATA_KEY}`\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n const CLASS_PREFIX = 'bs-tooltip'\n const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\n const DefaultType = {\n animation : 'boolean',\n template : 'string',\n title : '(string|element|function)',\n trigger : 'string',\n delay : '(number|object)',\n html : 'boolean',\n selector : '(string|boolean)',\n placement : '(string|function)',\n offset : '(number|string)',\n container : '(string|element|boolean)',\n fallbackPlacement : '(string|array)',\n boundary : '(string|element)'\n }\n\n const AttachmentMap = {\n AUTO : 'auto',\n TOP : 'top',\n RIGHT : 'right',\n BOTTOM : 'bottom',\n LEFT : 'left'\n }\n\n const Default = {\n animation : true,\n template : '<div class=\"tooltip\" role=\"tooltip\">' +\n '<div class=\"arrow\"></div>' +\n '<div class=\"tooltip-inner\"></div></div>',\n trigger : 'hover focus',\n title : '',\n delay : 0,\n html : false,\n selector : false,\n placement : 'top',\n offset : 0,\n container : false,\n fallbackPlacement : 'flip',\n boundary : 'scrollParent'\n }\n\n const HoverState = {\n SHOW : 'show',\n OUT : 'out'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n INSERTED : `inserted${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n FOCUSOUT : `focusout${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`\n }\n\n const ClassName = {\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n TOOLTIP : '.tooltip',\n TOOLTIP_INNER : '.tooltip-inner',\n ARROW : '.arrow'\n }\n\n const Trigger = {\n HOVER : 'hover',\n FOCUS : 'focus',\n CLICK : 'click',\n MANUAL : 'manual'\n }\n\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Tooltip {\n constructor(element, config) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)')\n }\n\n // private\n this._isEnabled = true\n this._timeout = 0\n this._hoverState = ''\n this._activeTrigger = {}\n this._popper = null\n\n // Protected\n this.element = element\n this.config = this._getConfig(config)\n this.tip = null\n\n this._setListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n\n enable() {\n this._isEnabled = true\n }\n\n disable() {\n this._isEnabled = false\n }\n\n toggleEnabled() {\n this._isEnabled = !this._isEnabled\n }\n\n toggle(event) {\n if (!this._isEnabled) {\n return\n }\n\n if (event) {\n const dataKey = this.constructor.DATA_KEY\n let context = $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n context._activeTrigger.click = !context._activeTrigger.click\n\n if (context._isWithActiveTrigger()) {\n context._enter(null, context)\n } else {\n context._leave(null, context)\n }\n } else {\n if ($(this.getTipElement()).hasClass(ClassName.SHOW)) {\n this._leave(null, this)\n return\n }\n\n this._enter(null, this)\n }\n }\n\n dispose() {\n clearTimeout(this._timeout)\n\n $.removeData(this.element, this.constructor.DATA_KEY)\n\n $(this.element).off(this.constructor.EVENT_KEY)\n $(this.element).closest('.modal').off('hide.bs.modal')\n\n if (this.tip) {\n $(this.tip).remove()\n }\n\n this._isEnabled = null\n this._timeout = null\n this._hoverState = null\n this._activeTrigger = null\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n this._popper = null\n this.element = null\n this.config = null\n this.tip = null\n }\n\n show() {\n if ($(this.element).css('display') === 'none') {\n throw new Error('Please use show on visible elements')\n }\n\n const showEvent = $.Event(this.constructor.Event.SHOW)\n if (this.isWithContent() && this._isEnabled) {\n $(this.element).trigger(showEvent)\n\n const isInTheDom = $.contains(\n this.element.ownerDocument.documentElement,\n this.element\n )\n\n if (showEvent.isDefaultPrevented() || !isInTheDom) {\n return\n }\n\n const tip = this.getTipElement()\n const tipId = Util.getUID(this.constructor.NAME)\n\n tip.setAttribute('id', tipId)\n this.element.setAttribute('aria-describedby', tipId)\n\n this.setContent()\n\n if (this.config.animation) {\n $(tip).addClass(ClassName.FADE)\n }\n\n const placement = typeof this.config.placement === 'function'\n ? this.config.placement.call(this, tip, this.element)\n : this.config.placement\n\n const attachment = this._getAttachment(placement)\n this.addAttachmentClass(attachment)\n\n const container = this.config.container === false ? document.body : $(this.config.container)\n\n $(tip).data(this.constructor.DATA_KEY, this)\n\n if (!$.contains(this.element.ownerDocument.documentElement, this.tip)) {\n $(tip).appendTo(container)\n }\n\n $(this.element).trigger(this.constructor.Event.INSERTED)\n\n this._popper = new Popper(this.element, tip, {\n placement: attachment,\n modifiers: {\n offset: {\n offset: this.config.offset\n },\n flip: {\n behavior: this.config.fallbackPlacement\n },\n arrow: {\n element: Selector.ARROW\n },\n preventOverflow: {\n boundariesElement: this.config.boundary\n }\n },\n onCreate: (data) => {\n if (data.originalPlacement !== data.placement) {\n this._handlePopperPlacementChange(data)\n }\n },\n onUpdate: (data) => {\n this._handlePopperPlacementChange(data)\n }\n })\n\n $(tip).addClass(ClassName.SHOW)\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement) {\n $('body').children().on('mouseover', null, $.noop)\n }\n\n const complete = () => {\n if (this.config.animation) {\n this._fixTransition()\n }\n const prevHoverState = this._hoverState\n this._hoverState = null\n\n $(this.element).trigger(this.constructor.Event.SHOWN)\n\n if (prevHoverState === HoverState.OUT) {\n this._leave(null, this)\n }\n }\n\n if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {\n $(this.tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(Tooltip._TRANSITION_DURATION)\n } else {\n complete()\n }\n }\n }\n\n hide(callback) {\n const tip = this.getTipElement()\n const hideEvent = $.Event(this.constructor.Event.HIDE)\n const complete = () => {\n if (this._hoverState !== HoverState.SHOW && tip.parentNode) {\n tip.parentNode.removeChild(tip)\n }\n\n this._cleanTipClass()\n this.element.removeAttribute('aria-describedby')\n $(this.element).trigger(this.constructor.Event.HIDDEN)\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n if (callback) {\n callback()\n }\n }\n\n $(this.element).trigger(hideEvent)\n\n if (hideEvent.isDefaultPrevented()) {\n return\n }\n\n $(tip).removeClass(ClassName.SHOW)\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $('body').children().off('mouseover', null, $.noop)\n }\n\n this._activeTrigger[Trigger.CLICK] = false\n this._activeTrigger[Trigger.FOCUS] = false\n this._activeTrigger[Trigger.HOVER] = false\n\n if (Util.supportsTransitionEnd() &&\n $(this.tip).hasClass(ClassName.FADE)) {\n $(tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n complete()\n }\n\n this._hoverState = ''\n }\n\n update() {\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Protected\n\n isWithContent() {\n return Boolean(this.getTitle())\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle())\n $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)\n }\n\n setElementContent($element, content) {\n const html = this.config.html\n if (typeof content === 'object' && (content.nodeType || content.jquery)) {\n // Content is a DOM node or a jQuery\n if (html) {\n if (!$(content).parent().is($element)) {\n $element.empty().append(content)\n }\n } else {\n $element.text($(content).text())\n }\n } else {\n $element[html ? 'html' : 'text'](content)\n }\n }\n\n getTitle() {\n let title = this.element.getAttribute('data-original-title')\n\n if (!title) {\n title = typeof this.config.title === 'function'\n ? this.config.title.call(this.element)\n : this.config.title\n }\n\n return title\n }\n\n // Private\n\n _getAttachment(placement) {\n return AttachmentMap[placement.toUpperCase()]\n }\n\n _setListeners() {\n const triggers = this.config.trigger.split(' ')\n\n triggers.forEach((trigger) => {\n if (trigger === 'click') {\n $(this.element).on(\n this.constructor.Event.CLICK,\n this.config.selector,\n (event) => this.toggle(event)\n )\n } else if (trigger !== Trigger.MANUAL) {\n const eventIn = trigger === Trigger.HOVER\n ? this.constructor.Event.MOUSEENTER\n : this.constructor.Event.FOCUSIN\n const eventOut = trigger === Trigger.HOVER\n ? this.constructor.Event.MOUSELEAVE\n : this.constructor.Event.FOCUSOUT\n\n $(this.element)\n .on(\n eventIn,\n this.config.selector,\n (event) => this._enter(event)\n )\n .on(\n eventOut,\n this.config.selector,\n (event) => this._leave(event)\n )\n }\n\n $(this.element).closest('.modal').on(\n 'hide.bs.modal',\n () => this.hide()\n )\n })\n\n if (this.config.selector) {\n this.config = {\n ...this.config,\n trigger: 'manual',\n selector: ''\n }\n } else {\n this._fixTitle()\n }\n }\n\n _fixTitle() {\n const titleType = typeof this.element.getAttribute('data-original-title')\n if (this.element.getAttribute('title') ||\n titleType !== 'string') {\n this.element.setAttribute(\n 'data-original-title',\n this.element.getAttribute('title') || ''\n )\n this.element.setAttribute('title', '')\n }\n }\n\n _enter(event, context) {\n const dataKey = this.constructor.DATA_KEY\n\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER\n ] = true\n }\n\n if ($(context.getTipElement()).hasClass(ClassName.SHOW) ||\n context._hoverState === HoverState.SHOW) {\n context._hoverState = HoverState.SHOW\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HoverState.SHOW\n\n if (!context.config.delay || !context.config.delay.show) {\n context.show()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HoverState.SHOW) {\n context.show()\n }\n }, context.config.delay.show)\n }\n\n _leave(event, context) {\n const dataKey = this.constructor.DATA_KEY\n\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER\n ] = false\n }\n\n if (context._isWithActiveTrigger()) {\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HoverState.OUT\n\n if (!context.config.delay || !context.config.delay.hide) {\n context.hide()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HoverState.OUT) {\n context.hide()\n }\n }, context.config.delay.hide)\n }\n\n _isWithActiveTrigger() {\n for (const trigger in this._activeTrigger) {\n if (this._activeTrigger[trigger]) {\n return true\n }\n }\n\n return false\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this.element).data(),\n ...config\n }\n\n if (typeof config.delay === 'number') {\n config.delay = {\n show: config.delay,\n hide: config.delay\n }\n }\n\n if (typeof config.title === 'number') {\n config.title = config.title.toString()\n }\n\n if (typeof config.content === 'number') {\n config.content = config.content.toString()\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getDelegateConfig() {\n const config = {}\n\n if (this.config) {\n for (const key in this.config) {\n if (this.constructor.Default[key] !== this.config[key]) {\n config[key] = this.config[key]\n }\n }\n }\n\n return config\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n _handlePopperPlacementChange(data) {\n this._cleanTipClass()\n this.addAttachmentClass(this._getAttachment(data.placement))\n }\n\n _fixTransition() {\n const tip = this.getTipElement()\n const initConfigAnimation = this.config.animation\n if (tip.getAttribute('x-placement') !== null) {\n return\n }\n $(tip).removeClass(ClassName.FADE)\n this.config.animation = false\n this.hide()\n this.show()\n this.config.animation = initConfigAnimation\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' && config\n\n if (!data && /dispose|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Tooltip(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Tooltip._jQueryInterface\n $.fn[NAME].Constructor = Tooltip\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tooltip._jQueryInterface\n }\n\n return Tooltip\n})($, Popper)\n\nexport default Tooltip\n","import $ from 'jquery'\nimport Tooltip from './tooltip'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): popover.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Popover = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'popover'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.popover'\n const EVENT_KEY = `.${DATA_KEY}`\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const CLASS_PREFIX = 'bs-popover'\n const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\n const Default = {\n ...Tooltip.Default,\n placement : 'right',\n trigger : 'click',\n content : '',\n template : '<div class=\"popover\" role=\"tooltip\">' +\n '<div class=\"arrow\"></div>' +\n '<h3 class=\"popover-header\"></h3>' +\n '<div class=\"popover-body\"></div></div>'\n }\n\n const DefaultType = {\n ...Tooltip.DefaultType,\n content : '(string|element|function)'\n }\n\n const ClassName = {\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n TITLE : '.popover-header',\n CONTENT : '.popover-body'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n INSERTED : `inserted${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n FOCUSOUT : `focusout${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Popover extends Tooltip {\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Overrides\n\n isWithContent() {\n return this.getTitle() || this._getContent()\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n\n // We use append for html objects to maintain js events\n this.setElementContent($tip.find(Selector.TITLE), this.getTitle())\n let content = this._getContent()\n if (typeof content === 'function') {\n content = content.call(this.element)\n }\n this.setElementContent($tip.find(Selector.CONTENT), content)\n\n $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)\n }\n\n // Private\n\n _getContent() {\n return this.element.getAttribute('data-content') ||\n this.config.content\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data && /destroy|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Popover(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Popover._jQueryInterface\n $.fn[NAME].Constructor = Popover\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Popover._jQueryInterface\n }\n\n return Popover\n})($)\n\nexport default Popover\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst ScrollSpy = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'scrollspy'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.scrollspy'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const Default = {\n offset : 10,\n method : 'auto',\n target : ''\n }\n\n const DefaultType = {\n offset : 'number',\n method : 'string',\n target : '(string|element)'\n }\n\n const Event = {\n ACTIVATE : `activate${EVENT_KEY}`,\n SCROLL : `scroll${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_ITEM : 'dropdown-item',\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active'\n }\n\n const Selector = {\n DATA_SPY : '[data-spy=\"scroll\"]',\n ACTIVE : '.active',\n NAV_LIST_GROUP : '.nav, .list-group',\n NAV_LINKS : '.nav-link',\n NAV_ITEMS : '.nav-item',\n LIST_ITEMS : '.list-group-item',\n DROPDOWN : '.dropdown',\n DROPDOWN_ITEMS : '.dropdown-item',\n DROPDOWN_TOGGLE : '.dropdown-toggle'\n }\n\n const OffsetMethod = {\n OFFSET : 'offset',\n POSITION : 'position'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${Selector.NAV_LINKS},` +\n `${this._config.target} ${Selector.LIST_ITEMS},` +\n `${this._config.target} ${Selector.DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window\n ? OffsetMethod.OFFSET : OffsetMethod.POSITION\n\n const offsetMethod = this._config.method === 'auto'\n ? autoMethod : this._config.method\n\n const offsetBase = offsetMethod === OffsetMethod.POSITION\n ? this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = $.makeArray($(this._selector))\n\n targets\n .map((element) => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = $(targetSelector)[0]\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n return null\n })\n .filter((item) => item)\n .sort((a, b) => a[0] - b[0])\n .forEach((item) => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n\n if (typeof config.target !== 'string') {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window\n ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window\n ? window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset +\n scrollHeight -\n this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n for (let i = this._offsets.length; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n let queries = this._selector.split(',')\n // eslint-disable-next-line arrow-body-style\n queries = queries.map((selector) => {\n return `${selector}[data-target=\"${target}\"],` +\n `${selector}[href=\"${target}\"]`\n })\n\n const $link = $(queries.join(','))\n\n if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {\n $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n $link.addClass(ClassName.ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(ClassName.ACTIVE)\n // Set triggered links parents as active\n // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor\n $link.parents(Selector.NAV_LIST_GROUP).prev(`${Selector.NAV_LINKS}, ${Selector.LIST_ITEMS}`).addClass(ClassName.ACTIVE)\n // Handle special case when .nav-link is inside .nav-item\n $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_ITEMS).children(Selector.NAV_LINKS).addClass(ClassName.ACTIVE)\n }\n\n $(this._scrollElement).trigger(Event.ACTIVATE, {\n relatedTarget: target\n })\n }\n\n _clear() {\n $(this._selector).filter(Selector.ACTIVE).removeClass(ClassName.ACTIVE)\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' && config\n\n if (!data) {\n data = new ScrollSpy(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(window).on(Event.LOAD_DATA_API, () => {\n const scrollSpys = $.makeArray($(Selector.DATA_SPY))\n\n for (let i = scrollSpys.length; i--;) {\n const $spy = $(scrollSpys[i])\n ScrollSpy._jQueryInterface.call($spy, $spy.data())\n }\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = ScrollSpy._jQueryInterface\n $.fn[NAME].Constructor = ScrollSpy\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return ScrollSpy._jQueryInterface\n }\n\n return ScrollSpy\n})($)\n\nexport default ScrollSpy\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): tab.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Tab = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'tab'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.tab'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active',\n DISABLED : 'disabled',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DROPDOWN : '.dropdown',\n NAV_LIST_GROUP : '.nav, .list-group',\n ACTIVE : '.active',\n ACTIVE_UL : '> li > .active',\n DATA_TOGGLE : '[data-toggle=\"tab\"], [data-toggle=\"pill\"], [data-toggle=\"list\"]',\n DROPDOWN_TOGGLE : '.dropdown-toggle',\n DROPDOWN_ACTIVE_CHILD : '> .dropdown-menu .active'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Tab {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n show() {\n if (this._element.parentNode &&\n this._element.parentNode.nodeType === Node.ELEMENT_NODE &&\n $(this._element).hasClass(ClassName.ACTIVE) ||\n $(this._element).hasClass(ClassName.DISABLED)) {\n return\n }\n\n let target\n let previous\n const listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0]\n const selector = Util.getSelectorFromElement(this._element)\n\n if (listElement) {\n const itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE\n previous = $.makeArray($(listElement).find(itemSelector))\n previous = previous[previous.length - 1]\n }\n\n const hideEvent = $.Event(Event.HIDE, {\n relatedTarget: this._element\n })\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget: previous\n })\n\n if (previous) {\n $(previous).trigger(hideEvent)\n }\n\n $(this._element).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented() ||\n hideEvent.isDefaultPrevented()) {\n return\n }\n\n if (selector) {\n target = $(selector)[0]\n }\n\n this._activate(\n this._element,\n listElement\n )\n\n const complete = () => {\n const hiddenEvent = $.Event(Event.HIDDEN, {\n relatedTarget: this._element\n })\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget: previous\n })\n\n $(previous).trigger(hiddenEvent)\n $(this._element).trigger(shownEvent)\n }\n\n if (target) {\n this._activate(target, target.parentNode, complete)\n } else {\n complete()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _activate(element, container, callback) {\n let activeElements\n if (container.nodeName === 'UL') {\n activeElements = $(container).find(Selector.ACTIVE_UL)\n } else {\n activeElements = $(container).children(Selector.ACTIVE)\n }\n\n const active = activeElements[0]\n const isTransitioning = callback &&\n Util.supportsTransitionEnd() &&\n (active && $(active).hasClass(ClassName.FADE))\n\n const complete = () => this._transitionComplete(\n element,\n active,\n callback\n )\n\n if (active && isTransitioning) {\n $(active)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n complete()\n }\n }\n\n _transitionComplete(element, active, callback) {\n if (active) {\n $(active).removeClass(`${ClassName.SHOW} ${ClassName.ACTIVE}`)\n\n const dropdownChild = $(active.parentNode).find(\n Selector.DROPDOWN_ACTIVE_CHILD\n )[0]\n\n if (dropdownChild) {\n $(dropdownChild).removeClass(ClassName.ACTIVE)\n }\n\n if (active.getAttribute('role') === 'tab') {\n active.setAttribute('aria-selected', false)\n }\n }\n\n $(element).addClass(ClassName.ACTIVE)\n if (element.getAttribute('role') === 'tab') {\n element.setAttribute('aria-selected', true)\n }\n\n Util.reflow(element)\n $(element).addClass(ClassName.SHOW)\n\n if (element.parentNode &&\n $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {\n const dropdownElement = $(element).closest(Selector.DROPDOWN)[0]\n if (dropdownElement) {\n $(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n }\n\n element.setAttribute('aria-expanded', true)\n }\n\n if (callback) {\n callback()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n\n if (!data) {\n data = new Tab(this)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n event.preventDefault()\n Tab._jQueryInterface.call($(this), 'show')\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Tab._jQueryInterface\n $.fn[NAME].Constructor = Tab\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tab._jQueryInterface\n }\n\n return Tab\n})($)\n\nexport default Tab\n","import $ from 'jquery'\nimport Alert from './alert'\nimport Button from './button'\nimport Carousel from './carousel'\nimport Collapse from './collapse'\nimport Dropdown from './dropdown'\nimport Modal from './modal'\nimport Popover from './popover'\nimport Scrollspy from './scrollspy'\nimport Tab from './tab'\nimport Tooltip from './tooltip'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0-alpha.6): index.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n(($) => {\n if (typeof $ === 'undefined') {\n throw new TypeError('Bootstrap\\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\\'s JavaScript.')\n }\n\n const version = $.fn.jquery.split(' ')[0].split('.')\n const minMajor = 1\n const ltMajor = 2\n const minMinor = 9\n const minPatch = 1\n const maxMajor = 4\n\n if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {\n throw new Error('Bootstrap\\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')\n }\n})($)\n\nexport {\n Util,\n Alert,\n Button,\n Carousel,\n Collapse,\n Dropdown,\n Modal,\n Popover,\n Scrollspy,\n Tab,\n Tooltip\n}\n"],"names":["Util","$","transition","MAX_UID","toType","obj","toString","call","match","toLowerCase","getSpecialTransitionEndEvent","end","event","target","is","handleObj","handler","apply","arguments","undefined","transitionEndTest","window","QUnit","transitionEndEmulator","duration","called","one","TRANSITION_END","triggerTransitionEnd","setTransitionEndSupport","fn","emulateTransitionEnd","supportsTransitionEnd","special","escapeId","selector","escapeSelector","substr","replace","prefix","Math","random","document","getElementById","element","getAttribute","charAt","$selector","find","length","err","offsetHeight","trigger","Boolean","nodeType","componentName","config","configTypes","property","Object","prototype","hasOwnProperty","expectedTypes","value","valueType","isElement","RegExp","test","Error","toUpperCase","Alert","NAME","VERSION","DATA_KEY","EVENT_KEY","DATA_API_KEY","JQUERY_NO_CONFLICT","TRANSITION_DURATION","Selector","Event","ClassName","_element","close","rootElement","_getRootElement","customEvent","_triggerCloseEvent","isDefaultPrevented","_removeElement","dispose","removeData","getSelectorFromElement","parent","closest","ALERT","closeEvent","CLOSE","removeClass","SHOW","hasClass","FADE","_destroyElement","detach","CLOSED","remove","_jQueryInterface","each","$element","data","_handleDismiss","alertInstance","preventDefault","on","CLICK_DATA_API","DISMISS","Constructor","noConflict","Button","toggle","triggerChangeEvent","addAriaPressed","DATA_TOGGLE","input","INPUT","type","checked","ACTIVE","activeElement","hasAttribute","classList","contains","focus","setAttribute","toggleClass","DATA_TOGGLE_CARROT","button","BUTTON","FOCUS_BLUR_DATA_API","FOCUS","Carousel","ARROW_LEFT_KEYCODE","ARROW_RIGHT_KEYCODE","TOUCHEVENT_COMPAT_WAIT","Default","DefaultType","Direction","_items","_interval","_activeElement","_isPaused","_isSliding","touchTimeout","_config","_getConfig","_indicatorsElement","INDICATORS","_addEventListeners","next","_slide","NEXT","nextWhenVisible","hidden","css","prev","PREV","pause","NEXT_PREV","cycle","interval","setInterval","visibilityState","bind","to","index","ACTIVE_ITEM","activeIndex","_getItemIndex","SLID","direction","off","typeCheckConfig","keyboard","KEYDOWN","_keydown","MOUSEENTER","MOUSELEAVE","documentElement","TOUCHEND","setTimeout","tagName","which","makeArray","ITEM","indexOf","_getItemByDirection","isNextDirection","isPrevDirection","lastItemIndex","isGoingToWrap","wrap","delta","itemIndex","_triggerSlideEvent","relatedTarget","eventDirectionName","targetIndex","fromIndex","slideEvent","SLIDE","_setActiveIndicatorElement","nextIndicator","children","addClass","activeElementIndex","nextElement","nextElementIndex","isCycling","directionalClassName","orderClassName","LEFT","RIGHT","slidEvent","reflow","action","slide","TypeError","_dataApiClickHandler","CAROUSEL","slideIndex","DATA_SLIDE","LOAD_DATA_API","DATA_RIDE","$carousel","Collapse","Dimension","_isTransitioning","_triggerArray","id","tabToggles","i","elem","filter","_selector","push","_parent","_getParent","_addAriaAndCollapsedClass","hide","show","actives","activesData","ACTIVES","not","startEvent","dimension","_getDimension","COLLAPSE","COLLAPSING","style","COLLAPSED","attr","setTransitioning","complete","SHOWN","capitalizedDimension","slice","scrollSize","HIDE","getBoundingClientRect","$elem","HIDDEN","isTransitioning","hasWidth","WIDTH","HEIGHT","jquery","_getTargetFromElement","triggerArray","isOpen","$this","currentTarget","$trigger","$target","_extends","Dropdown","ESCAPE_KEYCODE","SPACE_KEYCODE","TAB_KEYCODE","ARROW_UP_KEYCODE","ARROW_DOWN_KEYCODE","RIGHT_MOUSE_BUTTON_WHICH","REGEXP_KEYDOWN","AttachmentMap","_popper","_menu","_getMenuElement","_inNavbar","_detectNavbar","disabled","DISABLED","_getParentFromElement","isActive","_clearMenus","showEvent","Popper","DROPUP","MENULEFT","MENURIGHT","boundary","POSITION_STATIC","_getPopperConfig","NAVBAR_NAV","noop","destroy","update","scheduleUpdate","CLICK","stopPropagation","constructor","MENU","_getPlacement","$parentDropdown","placement","BOTTOM","TOP","TOPEND","DROPRIGHT","DROPLEFT","BOTTOMEND","offsetConf","offset","offsets","popperConfig","flip","toggles","context","dropdownMenu","hideEvent","parentNode","_dataApiKeydownHandler","items","VISIBLE_ITEMS","get","KEYDOWN_DATA_API","KEYUP_DATA_API","FORM_CHILD","e","Modal","BACKDROP_TRANSITION_DURATION","_dialog","DIALOG","_backdrop","_isShown","_isBodyOverflowing","_ignoreBackdropClick","_originalBodyPadding","_scrollbarWidth","_checkScrollbar","_setScrollbar","_adjustDialog","body","OPEN","_setEscapeEvent","_setResizeEvent","CLICK_DISMISS","DATA_DISMISS","MOUSEDOWN_DISMISS","MOUSEUP_DISMISS","_showBackdrop","_showElement","FOCUSIN","_hideModal","handleUpdate","Node","ELEMENT_NODE","appendChild","display","removeAttribute","scrollTop","_enforceFocus","shownEvent","transitionComplete","has","KEYDOWN_DISMISS","RESIZE","_resetAdjustments","_resetScrollbar","_removeBackdrop","callback","animate","backdrop","doAnimate","createElement","className","BACKDROP","appendTo","callbackRemove","isModalOverflowing","scrollHeight","clientHeight","paddingLeft","paddingRight","rect","left","right","innerWidth","_getScrollbarWidth","FIXED_CONTENT","actualPadding","calculatedPadding","parseFloat","STICKY_CONTENT","actualMargin","marginRight","calculatedMargin","NAVBAR_TOGGLER","padding","margin","scrollDiv","SCROLLBAR_MEASURER","scrollbarWidth","width","clientWidth","removeChild","Tooltip","CLASS_PREFIX","BSCLS_PREFIX_REGEX","HoverState","Trigger","_isEnabled","_timeout","_hoverState","_activeTrigger","tip","_setListeners","enable","disable","toggleEnabled","dataKey","_getDelegateConfig","click","_isWithActiveTrigger","_enter","_leave","getTipElement","isWithContent","isInTheDom","ownerDocument","tipId","getUID","setContent","animation","attachment","_getAttachment","addAttachmentClass","container","INSERTED","fallbackPlacement","ARROW","originalPlacement","_handlePopperPlacementChange","_fixTransition","prevHoverState","OUT","_TRANSITION_DURATION","_cleanTipClass","HOVER","getTitle","template","$tip","setElementContent","TOOLTIP_INNER","content","html","empty","append","text","title","triggers","split","forEach","MANUAL","eventIn","eventOut","FOCUSOUT","_fixTitle","titleType","delay","key","tabClass","join","initConfigAnimation","Popover","_getContent","TITLE","CONTENT","ScrollSpy","OffsetMethod","_scrollElement","NAV_LINKS","LIST_ITEMS","DROPDOWN_ITEMS","_offsets","_targets","_activeTarget","_scrollHeight","SCROLL","_process","refresh","autoMethod","OFFSET","POSITION","offsetMethod","method","offsetBase","_getScrollTop","_getScrollHeight","targets","map","targetSelector","targetBCR","height","top","item","sort","a","b","pageYOffset","max","_getOffsetHeight","innerHeight","maxScroll","_activate","_clear","isActiveTarget","queries","$link","DROPDOWN_ITEM","DROPDOWN","DROPDOWN_TOGGLE","parents","NAV_LIST_GROUP","NAV_ITEMS","ACTIVATE","scrollSpys","DATA_SPY","$spy","Tab","previous","listElement","itemSelector","nodeName","ACTIVE_UL","hiddenEvent","activeElements","active","_transitionComplete","dropdownChild","DROPDOWN_ACTIVE_CHILD","DROPDOWN_MENU","dropdownElement","version","minMajor","ltMajor","minMinor","minPatch","maxMajor"],"mappings":"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"}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/js/bootstrap.bundle.min.js b/public/ThirdParty/Bootstrap/js/bootstrap.bundle.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..7d50e873a1a122e762e37b900667866f5a5c2609
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/js/bootstrap.bundle.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],e):e(t.bootstrap={},t.jQuery)}(this,function(t,e){"use strict";function n(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function i(t,e,i){return e&&n(t.prototype,e),i&&n(t,i),t}function r(){return(r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}for(var o,s,a,l,c,h,f,u,d,p,g,m,_,v,E,y,b,T,C,w,I,A,D,S,O,N,k=function(t){var e=!1;function n(e){var n=this,r=!1;return t(this).one(i.TRANSITION_END,function(){r=!0}),setTimeout(function(){r||i.triggerTransitionEnd(n)},e),this}var i={TRANSITION_END:"bsTransitionEnd",getUID:function(t){do{t+=~~(1e6*Math.random())}while(document.getElementById(t));return t},getSelectorFromElement:function(e){var n,i=e.getAttribute("data-target");i&&"#"!==i||(i=e.getAttribute("href")||""),"#"===i.charAt(0)&&(n=i,i=n="function"==typeof t.escapeSelector?t.escapeSelector(n).substr(1):n.replace(/(:|\.|\[|\]|,|=|@)/g,"\\$1"));try{return t(document).find(i).length>0?i:null}catch(t){return null}},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(n){t(n).trigger(e.end)},supportsTransitionEnd:function(){return Boolean(e)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var r in n)if(Object.prototype.hasOwnProperty.call(n,r)){var o=n[r],s=e[r],a=s&&i.isElement(s)?"element":(l=s,{}.toString.call(l).match(/\s([a-zA-Z]+)/)[1].toLowerCase());if(!new RegExp(o).test(a))throw new Error(t.toUpperCase()+': Option "'+r+'" provided type "'+a+'" but expected type "'+o+'".')}var l}};return e=("undefined"==typeof window||!window.QUnit)&&{end:"transitionend"},t.fn.emulateTransitionEnd=n,i.supportsTransitionEnd()&&(t.event.special[i.TRANSITION_END]={bindType:e.end,delegateType:e.end,handle:function(e){if(t(e.target).is(this))return e.handleObj.handler.apply(this,arguments)}}),i}(e=e&&e.hasOwnProperty("default")?e.default:e),L=(s="alert",l="."+(a="bs.alert"),c=(o=e).fn[s],h={CLOSE:"close"+l,CLOSED:"closed"+l,CLICK_DATA_API:"click"+l+".data-api"},f="alert",u="fade",d="show",p=function(){function t(t){this._element=t}var e=t.prototype;return e.close=function(t){t=t||this._element;var e=this._getRootElement(t);this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},e.dispose=function(){o.removeData(this._element,a),this._element=null},e._getRootElement=function(t){var e=k.getSelectorFromElement(t),n=!1;return e&&(n=o(e)[0]),n||(n=o(t).closest("."+f)[0]),n},e._triggerCloseEvent=function(t){var e=o.Event(h.CLOSE);return o(t).trigger(e),e},e._removeElement=function(t){var e=this;o(t).removeClass(d),k.supportsTransitionEnd()&&o(t).hasClass(u)?o(t).one(k.TRANSITION_END,function(n){return e._destroyElement(t,n)}).emulateTransitionEnd(150):this._destroyElement(t)},e._destroyElement=function(t){o(t).detach().trigger(h.CLOSED).remove()},t._jQueryInterface=function(e){return this.each(function(){var n=o(this),i=n.data(a);i||(i=new t(this),n.data(a,i)),"close"===e&&i[e](this)})},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},i(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),o(document).on(h.CLICK_DATA_API,'[data-dismiss="alert"]',p._handleDismiss(new p)),o.fn[s]=p._jQueryInterface,o.fn[s].Constructor=p,o.fn[s].noConflict=function(){return o.fn[s]=c,p._jQueryInterface},p),P=(m="button",v="."+(_="bs.button"),E=".data-api",y=(g=e).fn[m],b="active",T="btn",C="focus",w='[data-toggle^="button"]',I='[data-toggle="buttons"]',A="input",D=".active",S=".btn",O={CLICK_DATA_API:"click"+v+E,FOCUS_BLUR_DATA_API:"focus"+v+E+" blur"+v+E},N=function(){function t(t){this._element=t}var e=t.prototype;return e.toggle=function(){var t=!0,e=!0,n=g(this._element).closest(I)[0];if(n){var i=g(this._element).find(A)[0];if(i){if("radio"===i.type)if(i.checked&&g(this._element).hasClass(b))t=!1;else{var r=g(n).find(D)[0];r&&g(r).removeClass(b)}if(t){if(i.hasAttribute("disabled")||n.hasAttribute("disabled")||i.classList.contains("disabled")||n.classList.contains("disabled"))return;i.checked=!g(this._element).hasClass(b),g(i).trigger("change")}i.focus(),e=!1}}e&&this._element.setAttribute("aria-pressed",!g(this._element).hasClass(b)),t&&g(this._element).toggleClass(b)},e.dispose=function(){g.removeData(this._element,_),this._element=null},t._jQueryInterface=function(e){return this.each(function(){var n=g(this).data(_);n||(n=new t(this),g(this).data(_,n)),"toggle"===e&&n[e]()})},i(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),g(document).on(O.CLICK_DATA_API,w,function(t){t.preventDefault();var e=t.target;g(e).hasClass(T)||(e=g(e).closest(S)),N._jQueryInterface.call(g(e),"toggle")}).on(O.FOCUS_BLUR_DATA_API,w,function(t){var e=g(t.target).closest(S)[0];g(e).toggleClass(C,/^focus(in)?$/.test(t.type))}),g.fn[m]=N._jQueryInterface,g.fn[m].Constructor=N,g.fn[m].noConflict=function(){return g.fn[m]=y,N._jQueryInterface},N),x=function(t){var e="carousel",n="bs.carousel",o="."+n,s=t.fn[e],a={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0},l={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean"},c="next",h="prev",f="left",u="right",d={SLIDE:"slide"+o,SLID:"slid"+o,KEYDOWN:"keydown"+o,MOUSEENTER:"mouseenter"+o,MOUSELEAVE:"mouseleave"+o,TOUCHEND:"touchend"+o,LOAD_DATA_API:"load"+o+".data-api",CLICK_DATA_API:"click"+o+".data-api"},p="carousel",g="active",m="slide",_="carousel-item-right",v="carousel-item-left",E="carousel-item-next",y="carousel-item-prev",b={ACTIVE:".active",ACTIVE_ITEM:".active.carousel-item",ITEM:".carousel-item",NEXT_PREV:".carousel-item-next, .carousel-item-prev",INDICATORS:".carousel-indicators",DATA_SLIDE:"[data-slide], [data-slide-to]",DATA_RIDE:'[data-ride="carousel"]'},T=function(){function s(e,n){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this._config=this._getConfig(n),this._element=t(e)[0],this._indicatorsElement=t(this._element).find(b.INDICATORS)[0],this._addEventListeners()}var T=s.prototype;return T.next=function(){this._isSliding||this._slide(c)},T.nextWhenVisible=function(){!document.hidden&&t(this._element).is(":visible")&&"hidden"!==t(this._element).css("visibility")&&this.next()},T.prev=function(){this._isSliding||this._slide(h)},T.pause=function(e){e||(this._isPaused=!0),t(this._element).find(b.NEXT_PREV)[0]&&k.supportsTransitionEnd()&&(k.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},T.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},T.to=function(e){var n=this;this._activeElement=t(this._element).find(b.ACTIVE_ITEM)[0];var i=this._getItemIndex(this._activeElement);if(!(e>this._items.length-1||e<0))if(this._isSliding)t(this._element).one(d.SLID,function(){return n.to(e)});else{if(i===e)return this.pause(),void this.cycle();var r=e>i?c:h;this._slide(r,this._items[e])}},T.dispose=function(){t(this._element).off(o),t.removeData(this._element,n),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},T._getConfig=function(t){return t=r({},a,t),k.typeCheckConfig(e,t,l),t},T._addEventListeners=function(){var e=this;this._config.keyboard&&t(this._element).on(d.KEYDOWN,function(t){return e._keydown(t)}),"hover"===this._config.pause&&(t(this._element).on(d.MOUSEENTER,function(t){return e.pause(t)}).on(d.MOUSELEAVE,function(t){return e.cycle(t)}),"ontouchstart"in document.documentElement&&t(this._element).on(d.TOUCHEND,function(){e.pause(),e.touchTimeout&&clearTimeout(e.touchTimeout),e.touchTimeout=setTimeout(function(t){return e.cycle(t)},500+e._config.interval)}))},T._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},T._getItemIndex=function(e){return this._items=t.makeArray(t(e).parent().find(b.ITEM)),this._items.indexOf(e)},T._getItemByDirection=function(t,e){var n=t===c,i=t===h,r=this._getItemIndex(e),o=this._items.length-1;if((i&&0===r||n&&r===o)&&!this._config.wrap)return e;var s=(r+(t===h?-1:1))%this._items.length;return-1===s?this._items[this._items.length-1]:this._items[s]},T._triggerSlideEvent=function(e,n){var i=this._getItemIndex(e),r=this._getItemIndex(t(this._element).find(b.ACTIVE_ITEM)[0]),o=t.Event(d.SLIDE,{relatedTarget:e,direction:n,from:r,to:i});return t(this._element).trigger(o),o},T._setActiveIndicatorElement=function(e){if(this._indicatorsElement){t(this._indicatorsElement).find(b.ACTIVE).removeClass(g);var n=this._indicatorsElement.children[this._getItemIndex(e)];n&&t(n).addClass(g)}},T._slide=function(e,n){var i,r,o,s=this,a=t(this._element).find(b.ACTIVE_ITEM)[0],l=this._getItemIndex(a),h=n||a&&this._getItemByDirection(e,a),p=this._getItemIndex(h),T=Boolean(this._interval);if(e===c?(i=v,r=E,o=f):(i=_,r=y,o=u),h&&t(h).hasClass(g))this._isSliding=!1;else if(!this._triggerSlideEvent(h,o).isDefaultPrevented()&&a&&h){this._isSliding=!0,T&&this.pause(),this._setActiveIndicatorElement(h);var C=t.Event(d.SLID,{relatedTarget:h,direction:o,from:l,to:p});k.supportsTransitionEnd()&&t(this._element).hasClass(m)?(t(h).addClass(r),k.reflow(h),t(a).addClass(i),t(h).addClass(i),t(a).one(k.TRANSITION_END,function(){t(h).removeClass(i+" "+r).addClass(g),t(a).removeClass(g+" "+r+" "+i),s._isSliding=!1,setTimeout(function(){return t(s._element).trigger(C)},0)}).emulateTransitionEnd(600)):(t(a).removeClass(g),t(h).addClass(g),this._isSliding=!1,t(this._element).trigger(C)),T&&this.cycle()}},s._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),o=r({},a,t(this).data());"object"==typeof e&&(o=r({},o,e));var l="string"==typeof e?e:o.slide;if(i||(i=new s(this,o),t(this).data(n,i)),"number"==typeof e)i.to(e);else if("string"==typeof l){if("undefined"==typeof i[l])throw new TypeError('No method named "'+l+'"');i[l]()}else o.interval&&(i.pause(),i.cycle())})},s._dataApiClickHandler=function(e){var i=k.getSelectorFromElement(this);if(i){var o=t(i)[0];if(o&&t(o).hasClass(p)){var a=r({},t(o).data(),t(this).data()),l=this.getAttribute("data-slide-to");l&&(a.interval=!1),s._jQueryInterface.call(t(o),a),l&&t(o).data(n).to(l),e.preventDefault()}}},i(s,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),s}();return t(document).on(d.CLICK_DATA_API,b.DATA_SLIDE,T._dataApiClickHandler),t(window).on(d.LOAD_DATA_API,function(){t(b.DATA_RIDE).each(function(){var e=t(this);T._jQueryInterface.call(e,e.data())})}),t.fn[e]=T._jQueryInterface,t.fn[e].Constructor=T,t.fn[e].noConflict=function(){return t.fn[e]=s,T._jQueryInterface},T}(e),R=function(t){var e="collapse",n="bs.collapse",o="."+n,s=t.fn[e],a={toggle:!0,parent:""},l={toggle:"boolean",parent:"(string|element)"},c={SHOW:"show"+o,SHOWN:"shown"+o,HIDE:"hide"+o,HIDDEN:"hidden"+o,CLICK_DATA_API:"click"+o+".data-api"},h="show",f="collapse",u="collapsing",d="collapsed",p="width",g="height",m={ACTIVES:".show, .collapsing",DATA_TOGGLE:'[data-toggle="collapse"]'},_=function(){function o(e,n){this._isTransitioning=!1,this._element=e,this._config=this._getConfig(n),this._triggerArray=t.makeArray(t('[data-toggle="collapse"][href="#'+e.id+'"],[data-toggle="collapse"][data-target="#'+e.id+'"]'));for(var i=t(m.DATA_TOGGLE),r=0;r<i.length;r++){var o=i[r],s=k.getSelectorFromElement(o);null!==s&&t(s).filter(e).length>0&&(this._selector=s,this._triggerArray.push(o))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var s=o.prototype;return s.toggle=function(){t(this._element).hasClass(h)?this.hide():this.show()},s.show=function(){var e,i,r=this;if(!this._isTransitioning&&!t(this._element).hasClass(h)&&(this._parent&&0===(e=t.makeArray(t(this._parent).find(m.ACTIVES).filter('[data-parent="'+this._config.parent+'"]'))).length&&(e=null),!(e&&(i=t(e).not(this._selector).data(n))&&i._isTransitioning))){var s=t.Event(c.SHOW);if(t(this._element).trigger(s),!s.isDefaultPrevented()){e&&(o._jQueryInterface.call(t(e).not(this._selector),"hide"),i||t(e).data(n,null));var a=this._getDimension();t(this._element).removeClass(f).addClass(u),this._element.style[a]=0,this._triggerArray.length>0&&t(this._triggerArray).removeClass(d).attr("aria-expanded",!0),this.setTransitioning(!0);var l=function(){t(r._element).removeClass(u).addClass(f).addClass(h),r._element.style[a]="",r.setTransitioning(!1),t(r._element).trigger(c.SHOWN)};if(k.supportsTransitionEnd()){var p="scroll"+(a[0].toUpperCase()+a.slice(1));t(this._element).one(k.TRANSITION_END,l).emulateTransitionEnd(600),this._element.style[a]=this._element[p]+"px"}else l()}}},s.hide=function(){var e=this;if(!this._isTransitioning&&t(this._element).hasClass(h)){var n=t.Event(c.HIDE);if(t(this._element).trigger(n),!n.isDefaultPrevented()){var i=this._getDimension();if(this._element.style[i]=this._element.getBoundingClientRect()[i]+"px",k.reflow(this._element),t(this._element).addClass(u).removeClass(f).removeClass(h),this._triggerArray.length>0)for(var r=0;r<this._triggerArray.length;r++){var o=this._triggerArray[r],s=k.getSelectorFromElement(o);if(null!==s)t(s).hasClass(h)||t(o).addClass(d).attr("aria-expanded",!1)}this.setTransitioning(!0);var a=function(){e.setTransitioning(!1),t(e._element).removeClass(u).addClass(f).trigger(c.HIDDEN)};this._element.style[i]="",k.supportsTransitionEnd()?t(this._element).one(k.TRANSITION_END,a).emulateTransitionEnd(600):a()}}},s.setTransitioning=function(t){this._isTransitioning=t},s.dispose=function(){t.removeData(this._element,n),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},s._getConfig=function(t){return(t=r({},a,t)).toggle=Boolean(t.toggle),k.typeCheckConfig(e,t,l),t},s._getDimension=function(){return t(this._element).hasClass(p)?p:g},s._getParent=function(){var e=this,n=null;k.isElement(this._config.parent)?(n=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(n=this._config.parent[0])):n=t(this._config.parent)[0];var i='[data-toggle="collapse"][data-parent="'+this._config.parent+'"]';return t(n).find(i).each(function(t,n){e._addAriaAndCollapsedClass(o._getTargetFromElement(n),[n])}),n},s._addAriaAndCollapsedClass=function(e,n){if(e){var i=t(e).hasClass(h);n.length>0&&t(n).toggleClass(d,!i).attr("aria-expanded",i)}},o._getTargetFromElement=function(e){var n=k.getSelectorFromElement(e);return n?t(n)[0]:null},o._jQueryInterface=function(e){return this.each(function(){var i=t(this),s=i.data(n),l=r({},a,i.data(),"object"==typeof e&&e);if(!s&&l.toggle&&/show|hide/.test(e)&&(l.toggle=!1),s||(s=new o(this,l),i.data(n,s)),"string"==typeof e){if("undefined"==typeof s[e])throw new TypeError('No method named "'+e+'"');s[e]()}})},i(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),o}();return t(document).on(c.CLICK_DATA_API,m.DATA_TOGGLE,function(e){"A"===e.currentTarget.tagName&&e.preventDefault();var i=t(this),r=k.getSelectorFromElement(this);t(r).each(function(){var e=t(this),r=e.data(n)?"toggle":i.data();_._jQueryInterface.call(e,r)})}),t.fn[e]=_._jQueryInterface,t.fn[e].Constructor=_,t.fn[e].noConflict=function(){return t.fn[e]=s,_._jQueryInterface},_}(e),j="undefined"!=typeof window&&"undefined"!=typeof document,H=["Edge","Trident","Firefox"],M=0,W=0;W<H.length;W+=1)if(j&&navigator.userAgent.indexOf(H[W])>=0){M=1;break}var U=j&&window.Promise?function(t){var e=!1;return function(){e||(e=!0,window.Promise.resolve().then(function(){e=!1,t()}))}}:function(t){var e=!1;return function(){e||(e=!0,setTimeout(function(){e=!1,t()},M))}};function B(t){return t&&"[object Function]"==={}.toString.call(t)}function F(t,e){if(1!==t.nodeType)return[];var n=getComputedStyle(t,null);return e?n[e]:n}function K(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}function V(t){if(!t)return document.body;switch(t.nodeName){case"HTML":case"BODY":return t.ownerDocument.body;case"#document":return t.body}var e=F(t),n=e.overflow,i=e.overflowX,r=e.overflowY;return/(auto|scroll)/.test(n+r+i)?t:V(K(t))}function Q(t){var e=t&&t.offsetParent,n=e&&e.nodeName;return n&&"BODY"!==n&&"HTML"!==n?-1!==["TD","TABLE"].indexOf(e.nodeName)&&"static"===F(e,"position")?Q(e):e:t?t.ownerDocument.documentElement:document.documentElement}function Y(t){return null!==t.parentNode?Y(t.parentNode):t}function G(t,e){if(!(t&&t.nodeType&&e&&e.nodeType))return document.documentElement;var n=t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING,i=n?t:e,r=n?e:t,o=document.createRange();o.setStart(i,0),o.setEnd(r,0);var s,a,l=o.commonAncestorContainer;if(t!==l&&e!==l||i.contains(r))return"BODY"===(a=(s=l).nodeName)||"HTML"!==a&&Q(s.firstElementChild)!==s?Q(l):l;var c=Y(t);return c.host?G(c.host,e):G(t,Y(e).host)}function q(t){var e="top"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top")?"scrollTop":"scrollLeft",n=t.nodeName;if("BODY"===n||"HTML"===n){var i=t.ownerDocument.documentElement;return(t.ownerDocument.scrollingElement||i)[e]}return t[e]}function z(t,e){var n="x"===e?"Left":"Top",i="Left"===n?"Right":"Bottom";return parseFloat(t["border"+n+"Width"],10)+parseFloat(t["border"+i+"Width"],10)}var X=void 0,Z=function(){return void 0===X&&(X=-1!==navigator.appVersion.indexOf("MSIE 10")),X};function J(t,e,n,i){return Math.max(e["offset"+t],e["scroll"+t],n["client"+t],n["offset"+t],n["scroll"+t],Z()?n["offset"+t]+i["margin"+("Height"===t?"Top":"Left")]+i["margin"+("Height"===t?"Bottom":"Right")]:0)}function $(){var t=document.body,e=document.documentElement,n=Z()&&getComputedStyle(e);return{height:J("Height",t,e,n),width:J("Width",t,e,n)}}var tt=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},et=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),nt=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},it=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t};function rt(t){return it({},t,{right:t.left+t.width,bottom:t.top+t.height})}function ot(t){var e={};if(Z())try{e=t.getBoundingClientRect();var n=q(t,"top"),i=q(t,"left");e.top+=n,e.left+=i,e.bottom+=n,e.right+=i}catch(t){}else e=t.getBoundingClientRect();var r={left:e.left,top:e.top,width:e.right-e.left,height:e.bottom-e.top},o="HTML"===t.nodeName?$():{},s=o.width||t.clientWidth||r.right-r.left,a=o.height||t.clientHeight||r.bottom-r.top,l=t.offsetWidth-s,c=t.offsetHeight-a;if(l||c){var h=F(t);l-=z(h,"x"),c-=z(h,"y"),r.width-=l,r.height-=c}return rt(r)}function st(t,e){var n=Z(),i="HTML"===e.nodeName,r=ot(t),o=ot(e),s=V(t),a=F(e),l=parseFloat(a.borderTopWidth,10),c=parseFloat(a.borderLeftWidth,10),h=rt({top:r.top-o.top-l,left:r.left-o.left-c,width:r.width,height:r.height});if(h.marginTop=0,h.marginLeft=0,!n&&i){var f=parseFloat(a.marginTop,10),u=parseFloat(a.marginLeft,10);h.top-=l-f,h.bottom-=l-f,h.left-=c-u,h.right-=c-u,h.marginTop=f,h.marginLeft=u}return(n?e.contains(s):e===s&&"BODY"!==s.nodeName)&&(h=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=q(e,"top"),r=q(e,"left"),o=n?-1:1;return t.top+=i*o,t.bottom+=i*o,t.left+=r*o,t.right+=r*o,t}(h,e)),h}function at(t,e,n,i){var r,o,s,a,l,c,h,f={top:0,left:0},u=G(t,e);if("viewport"===i)o=(r=u).ownerDocument.documentElement,s=st(r,o),a=Math.max(o.clientWidth,window.innerWidth||0),l=Math.max(o.clientHeight,window.innerHeight||0),c=q(o),h=q(o,"left"),f=rt({top:c-s.top+s.marginTop,left:h-s.left+s.marginLeft,width:a,height:l});else{var d=void 0;"scrollParent"===i?"BODY"===(d=V(K(e))).nodeName&&(d=t.ownerDocument.documentElement):d="window"===i?t.ownerDocument.documentElement:i;var p=st(d,u);if("HTML"!==d.nodeName||function t(e){var n=e.nodeName;return"BODY"!==n&&"HTML"!==n&&("fixed"===F(e,"position")||t(K(e)))}(u))f=p;else{var g=$(),m=g.height,_=g.width;f.top+=p.top-p.marginTop,f.bottom=m+p.top,f.left+=p.left-p.marginLeft,f.right=_+p.left}}return f.left+=n,f.top+=n,f.right-=n,f.bottom-=n,f}function lt(t,e,n,i,r){var o=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===t.indexOf("auto"))return t;var s=at(n,i,o,r),a={top:{width:s.width,height:e.top-s.top},right:{width:s.right-e.right,height:s.height},bottom:{width:s.width,height:s.bottom-e.bottom},left:{width:e.left-s.left,height:s.height}},l=Object.keys(a).map(function(t){return it({key:t},a[t],{area:(e=a[t],e.width*e.height)});var e}).sort(function(t,e){return e.area-t.area}),c=l.filter(function(t){var e=t.width,i=t.height;return e>=n.clientWidth&&i>=n.clientHeight}),h=c.length>0?c[0].key:l[0].key,f=t.split("-")[1];return h+(f?"-"+f:"")}function ct(t,e,n){return st(n,G(e,n))}function ht(t){var e=getComputedStyle(t),n=parseFloat(e.marginTop)+parseFloat(e.marginBottom),i=parseFloat(e.marginLeft)+parseFloat(e.marginRight);return{width:t.offsetWidth+i,height:t.offsetHeight+n}}function ft(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,function(t){return e[t]})}function ut(t,e,n){n=n.split("-")[0];var i=ht(t),r={width:i.width,height:i.height},o=-1!==["right","left"].indexOf(n),s=o?"top":"left",a=o?"left":"top",l=o?"height":"width",c=o?"width":"height";return r[s]=e[s]+e[l]/2-i[l]/2,r[a]=n===a?e[a]-i[c]:e[ft(a)],r}function dt(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function pt(t,e,n){return(void 0===n?t:t.slice(0,function(t,e,n){if(Array.prototype.findIndex)return t.findIndex(function(t){return t[e]===n});var i=dt(t,function(t){return t[e]===n});return t.indexOf(i)}(t,"name",n))).forEach(function(t){t.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=t.function||t.fn;t.enabled&&B(n)&&(e.offsets.popper=rt(e.offsets.popper),e.offsets.reference=rt(e.offsets.reference),e=n(e,t))}),e}function gt(t,e){return t.some(function(t){var n=t.name;return t.enabled&&n===e})}function mt(t){for(var e=[!1,"ms","Webkit","Moz","O"],n=t.charAt(0).toUpperCase()+t.slice(1),i=0;i<e.length-1;i++){var r=e[i],o=r?""+r+n:t;if("undefined"!=typeof document.body.style[o])return o}return null}function _t(t){var e=t.ownerDocument;return e?e.defaultView:window}function vt(t,e,n,i){n.updateBound=i,_t(t).addEventListener("resize",n.updateBound,{passive:!0});var r=V(t);return function t(e,n,i,r){var o="BODY"===e.nodeName,s=o?e.ownerDocument.defaultView:e;s.addEventListener(n,i,{passive:!0}),o||t(V(s.parentNode),n,i,r),r.push(s)}(r,"scroll",n.updateBound,n.scrollParents),n.scrollElement=r,n.eventsEnabled=!0,n}function Et(){var t,e;this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=(t=this.reference,e=this.state,_t(t).removeEventListener("resize",e.updateBound),e.scrollParents.forEach(function(t){t.removeEventListener("scroll",e.updateBound)}),e.updateBound=null,e.scrollParents=[],e.scrollElement=null,e.eventsEnabled=!1,e))}function yt(t){return""!==t&&!isNaN(parseFloat(t))&&isFinite(t)}function bt(t,e){Object.keys(e).forEach(function(n){var i="";-1!==["width","height","top","right","bottom","left"].indexOf(n)&&yt(e[n])&&(i="px"),t.style[n]=e[n]+i})}function Tt(t,e,n){var i=dt(t,function(t){return t.name===e}),r=!!i&&t.some(function(t){return t.name===n&&t.enabled&&t.order<i.order});if(!r){var o="`"+e+"`",s="`"+n+"`";console.warn(s+" modifier is required by "+o+" modifier in order to work, be sure to include it before "+o+"!")}return r}var Ct=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],wt=Ct.slice(3);function It(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=wt.indexOf(t),i=wt.slice(n+1).concat(wt.slice(0,n));return e?i.reverse():i}var At={FLIP:"flip",CLOCKWISE:"clockwise",COUNTERCLOCKWISE:"counterclockwise"};function Dt(t,e,n,i){var r=[0,0],o=-1!==["right","left"].indexOf(i),s=t.split(/(\+|\-)/).map(function(t){return t.trim()}),a=s.indexOf(dt(s,function(t){return-1!==t.search(/,|\s/)}));s[a]&&-1===s[a].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,c=-1!==a?[s.slice(0,a).concat([s[a].split(l)[0]]),[s[a].split(l)[1]].concat(s.slice(a+1))]:[s];return(c=c.map(function(t,i){var r=(1===i?!o:o)?"height":"width",s=!1;return t.reduce(function(t,e){return""===t[t.length-1]&&-1!==["+","-"].indexOf(e)?(t[t.length-1]=e,s=!0,t):s?(t[t.length-1]+=e,s=!1,t):t.concat(e)},[]).map(function(t){return function(t,e,n,i){var r=t.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),o=+r[1],s=r[2];if(!o)return t;if(0===s.indexOf("%")){var a=void 0;switch(s){case"%p":a=n;break;case"%":case"%r":default:a=i}return rt(a)[e]/100*o}if("vh"===s||"vw"===s)return("vh"===s?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*o;return o}(t,r,e,n)})})).forEach(function(t,e){t.forEach(function(n,i){yt(n)&&(r[e]+=n*("-"===t[i-1]?-1:1))})}),r}var St={placement:"bottom",eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(t){var e=t.placement,n=e.split("-")[0],i=e.split("-")[1];if(i){var r=t.offsets,o=r.reference,s=r.popper,a=-1!==["bottom","top"].indexOf(n),l=a?"left":"top",c=a?"width":"height",h={start:nt({},l,o[l]),end:nt({},l,o[l]+o[c]-s[c])};t.offsets.popper=it({},s,h[i])}return t}},offset:{order:200,enabled:!0,fn:function(t,e){var n=e.offset,i=t.placement,r=t.offsets,o=r.popper,s=r.reference,a=i.split("-")[0],l=void 0;return l=yt(+n)?[+n,0]:Dt(n,o,s,a),"left"===a?(o.top+=l[0],o.left-=l[1]):"right"===a?(o.top+=l[0],o.left+=l[1]):"top"===a?(o.left+=l[0],o.top-=l[1]):"bottom"===a&&(o.left+=l[0],o.top+=l[1]),t.popper=o,t},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(t,e){var n=e.boundariesElement||Q(t.instance.popper);t.instance.reference===n&&(n=Q(n));var i=at(t.instance.popper,t.instance.reference,e.padding,n);e.boundaries=i;var r=e.priority,o=t.offsets.popper,s={primary:function(t){var n=o[t];return o[t]<i[t]&&!e.escapeWithReference&&(n=Math.max(o[t],i[t])),nt({},t,n)},secondary:function(t){var n="right"===t?"left":"top",r=o[n];return o[t]>i[t]&&!e.escapeWithReference&&(r=Math.min(o[n],i[t]-("right"===t?o.width:o.height))),nt({},n,r)}};return r.forEach(function(t){var e=-1!==["left","top"].indexOf(t)?"primary":"secondary";o=it({},o,s[e](t))}),t.offsets.popper=o,t},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(t){var e=t.offsets,n=e.popper,i=e.reference,r=t.placement.split("-")[0],o=Math.floor,s=-1!==["top","bottom"].indexOf(r),a=s?"right":"bottom",l=s?"left":"top",c=s?"width":"height";return n[a]<o(i[l])&&(t.offsets.popper[l]=o(i[l])-n[c]),n[l]>o(i[a])&&(t.offsets.popper[l]=o(i[a])),t}},arrow:{order:500,enabled:!0,fn:function(t,e){var n;if(!Tt(t.instance.modifiers,"arrow","keepTogether"))return t;var i=e.element;if("string"==typeof i){if(!(i=t.instance.popper.querySelector(i)))return t}else if(!t.instance.popper.contains(i))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),t;var r=t.placement.split("-")[0],o=t.offsets,s=o.popper,a=o.reference,l=-1!==["left","right"].indexOf(r),c=l?"height":"width",h=l?"Top":"Left",f=h.toLowerCase(),u=l?"left":"top",d=l?"bottom":"right",p=ht(i)[c];a[d]-p<s[f]&&(t.offsets.popper[f]-=s[f]-(a[d]-p)),a[f]+p>s[d]&&(t.offsets.popper[f]+=a[f]+p-s[d]),t.offsets.popper=rt(t.offsets.popper);var g=a[f]+a[c]/2-p/2,m=F(t.instance.popper),_=parseFloat(m["margin"+h],10),v=parseFloat(m["border"+h+"Width"],10),E=g-t.offsets.popper[f]-_-v;return E=Math.max(Math.min(s[c]-p,E),0),t.arrowElement=i,t.offsets.arrow=(nt(n={},f,Math.round(E)),nt(n,u,""),n),t},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(t,e){if(gt(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var n=at(t.instance.popper,t.instance.reference,e.padding,e.boundariesElement),i=t.placement.split("-")[0],r=ft(i),o=t.placement.split("-")[1]||"",s=[];switch(e.behavior){case At.FLIP:s=[i,r];break;case At.CLOCKWISE:s=It(i);break;case At.COUNTERCLOCKWISE:s=It(i,!0);break;default:s=e.behavior}return s.forEach(function(a,l){if(i!==a||s.length===l+1)return t;i=t.placement.split("-")[0],r=ft(i);var c,h=t.offsets.popper,f=t.offsets.reference,u=Math.floor,d="left"===i&&u(h.right)>u(f.left)||"right"===i&&u(h.left)<u(f.right)||"top"===i&&u(h.bottom)>u(f.top)||"bottom"===i&&u(h.top)<u(f.bottom),p=u(h.left)<u(n.left),g=u(h.right)>u(n.right),m=u(h.top)<u(n.top),_=u(h.bottom)>u(n.bottom),v="left"===i&&p||"right"===i&&g||"top"===i&&m||"bottom"===i&&_,E=-1!==["top","bottom"].indexOf(i),y=!!e.flipVariations&&(E&&"start"===o&&p||E&&"end"===o&&g||!E&&"start"===o&&m||!E&&"end"===o&&_);(d||v||y)&&(t.flipped=!0,(d||v)&&(i=s[l+1]),y&&(o="end"===(c=o)?"start":"start"===c?"end":c),t.placement=i+(o?"-"+o:""),t.offsets.popper=it({},t.offsets.popper,ut(t.instance.popper,t.offsets.reference,t.placement)),t=pt(t.instance.modifiers,t,"flip"))}),t},behavior:"flip",padding:5,boundariesElement:"viewport"},inner:{order:700,enabled:!1,fn:function(t){var e=t.placement,n=e.split("-")[0],i=t.offsets,r=i.popper,o=i.reference,s=-1!==["left","right"].indexOf(n),a=-1===["top","left"].indexOf(n);return r[s?"left":"top"]=o[n]-(a?r[s?"width":"height"]:0),t.placement=ft(e),t.offsets.popper=rt(r),t}},hide:{order:800,enabled:!0,fn:function(t){if(!Tt(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,n=dt(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottom<n.top||e.left>n.right||e.top>n.bottom||e.right<n.left){if(!0===t.hide)return t;t.hide=!0,t.attributes["x-out-of-boundaries"]=""}else{if(!1===t.hide)return t;t.hide=!1,t.attributes["x-out-of-boundaries"]=!1}return t}},computeStyle:{order:850,enabled:!0,fn:function(t,e){var n=e.x,i=e.y,r=t.offsets.popper,o=dt(t.instance.modifiers,function(t){return"applyStyle"===t.name}).gpuAcceleration;void 0!==o&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var s=void 0!==o?o:e.gpuAcceleration,a=ot(Q(t.instance.popper)),l={position:r.position},c={left:Math.floor(r.left),top:Math.floor(r.top),bottom:Math.floor(r.bottom),right:Math.floor(r.right)},h="bottom"===n?"top":"bottom",f="right"===i?"left":"right",u=mt("transform"),d=void 0,p=void 0;if(p="bottom"===h?-a.height+c.bottom:c.top,d="right"===f?-a.width+c.right:c.left,s&&u)l[u]="translate3d("+d+"px, "+p+"px, 0)",l[h]=0,l[f]=0,l.willChange="transform";else{var g="bottom"===h?-1:1,m="right"===f?-1:1;l[h]=p*g,l[f]=d*m,l.willChange=h+", "+f}var _={"x-placement":t.placement};return t.attributes=it({},_,t.attributes),t.styles=it({},l,t.styles),t.arrowStyles=it({},t.offsets.arrow,t.arrowStyles),t},gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:function(t){var e,n;return bt(t.instance.popper,t.styles),e=t.instance.popper,n=t.attributes,Object.keys(n).forEach(function(t){!1!==n[t]?e.setAttribute(t,n[t]):e.removeAttribute(t)}),t.arrowElement&&Object.keys(t.arrowStyles).length&&bt(t.arrowElement,t.arrowStyles),t},onLoad:function(t,e,n,i,r){var o=ct(0,e,t),s=lt(n.placement,o,e,t,n.modifiers.flip.boundariesElement,n.modifiers.flip.padding);return e.setAttribute("x-placement",s),bt(e,{position:"absolute"}),n},gpuAcceleration:void 0}}},Ot=function(){function t(e,n){var i=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};tt(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(i.update)},this.update=U(this.update.bind(this)),this.options=it({},t.Defaults,r),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=n&&n.jquery?n[0]:n,this.options.modifiers={},Object.keys(it({},t.Defaults.modifiers,r.modifiers)).forEach(function(e){i.options.modifiers[e]=it({},t.Defaults.modifiers[e]||{},r.modifiers?r.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(t){return it({name:t},i.options.modifiers[t])}).sort(function(t,e){return t.order-e.order}),this.modifiers.forEach(function(t){t.enabled&&B(t.onLoad)&&t.onLoad(i.reference,i.popper,i.options,t,i.state)}),this.update();var o=this.options.eventsEnabled;o&&this.enableEventListeners(),this.state.eventsEnabled=o}return et(t,[{key:"update",value:function(){return function(){if(!this.state.isDestroyed){var t={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};t.offsets.reference=ct(this.state,this.popper,this.reference),t.placement=lt(this.options.placement,t.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),t.originalPlacement=t.placement,t.offsets.popper=ut(this.popper,t.offsets.reference,t.placement),t.offsets.popper.position="absolute",t=pt(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}.call(this)}},{key:"destroy",value:function(){return function(){return this.state.isDestroyed=!0,gt(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.left="",this.popper.style.position="",this.popper.style.top="",this.popper.style[mt("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}.call(this)}},{key:"enableEventListeners",value:function(){return function(){this.state.eventsEnabled||(this.state=vt(this.reference,this.options,this.state,this.scheduleUpdate))}.call(this)}},{key:"disableEventListeners",value:function(){return Et.call(this)}}]),t}();Ot.Utils=("undefined"!=typeof window?window:global).PopperUtils,Ot.placements=Ct,Ot.Defaults=St;var Nt=function(t){var e="dropdown",n="bs.dropdown",o="."+n,s=t.fn[e],a=new RegExp("38|40|27"),l={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,CLICK:"click"+o,CLICK_DATA_API:"click"+o+".data-api",KEYDOWN_DATA_API:"keydown"+o+".data-api",KEYUP_DATA_API:"keyup"+o+".data-api"},c="disabled",h="show",f="dropup",u="dropright",d="dropleft",p="dropdown-menu-right",g="dropdown-menu-left",m="position-static",_='[data-toggle="dropdown"]',v=".dropdown form",E=".dropdown-menu",y=".navbar-nav",b=".dropdown-menu .dropdown-item:not(.disabled)",T="top-start",C="top-end",w="bottom-start",I="bottom-end",A="right-start",D="left-start",S={offset:0,flip:!0,boundary:"scrollParent"},O={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)"},N=function(){function s(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var v=s.prototype;return v.toggle=function(){if(!this._element.disabled&&!t(this._element).hasClass(c)){var e=s._getParentFromElement(this._element),n=t(this._menu).hasClass(h);if(s._clearMenus(),!n){var i={relatedTarget:this._element},r=t.Event(l.SHOW,i);if(t(e).trigger(r),!r.isDefaultPrevented()){if(!this._inNavbar){if("undefined"==typeof Ot)throw new TypeError("Bootstrap dropdown require Popper.js (https://popper.js.org)");var o=this._element;t(e).hasClass(f)&&(t(this._menu).hasClass(g)||t(this._menu).hasClass(p))&&(o=e),"scrollParent"!==this._config.boundary&&t(e).addClass(m),this._popper=new Ot(o,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===t(e).closest(y).length&&t("body").children().on("mouseover",null,t.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),t(this._menu).toggleClass(h),t(e).toggleClass(h).trigger(t.Event(l.SHOWN,i))}}}},v.dispose=function(){t.removeData(this._element,n),t(this._element).off(o),this._element=null,this._menu=null,null!==this._popper&&(this._popper.destroy(),this._popper=null)},v.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},v._addEventListeners=function(){var e=this;t(this._element).on(l.CLICK,function(t){t.preventDefault(),t.stopPropagation(),e.toggle()})},v._getConfig=function(n){return n=r({},this.constructor.Default,t(this._element).data(),n),k.typeCheckConfig(e,n,this.constructor.DefaultType),n},v._getMenuElement=function(){if(!this._menu){var e=s._getParentFromElement(this._element);this._menu=t(e).find(E)[0]}return this._menu},v._getPlacement=function(){var e=t(this._element).parent(),n=w;return e.hasClass(f)?(n=T,t(this._menu).hasClass(p)&&(n=C)):e.hasClass(u)?n=A:e.hasClass(d)?n=D:t(this._menu).hasClass(p)&&(n=I),n},v._detectNavbar=function(){return t(this._element).closest(".navbar").length>0},v._getPopperConfig=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=r({},e.offsets,t._config.offset(e.offsets)||{}),e}:e.offset=this._config.offset,{placement:this._getPlacement(),modifiers:{offset:e,flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}}},s._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n);if(i||(i=new s(this,"object"==typeof e?e:null),t(this).data(n,i)),"string"==typeof e){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},s._clearMenus=function(e){if(!e||3!==e.which&&("keyup"!==e.type||9===e.which))for(var i=t.makeArray(t(_)),r=0;r<i.length;r++){var o=s._getParentFromElement(i[r]),a=t(i[r]).data(n),c={relatedTarget:i[r]};if(a){var f=a._menu;if(t(o).hasClass(h)&&!(e&&("click"===e.type&&/input|textarea/i.test(e.target.tagName)||"keyup"===e.type&&9===e.which)&&t.contains(o,e.target))){var u=t.Event(l.HIDE,c);t(o).trigger(u),u.isDefaultPrevented()||("ontouchstart"in document.documentElement&&t("body").children().off("mouseover",null,t.noop),i[r].setAttribute("aria-expanded","false"),t(f).removeClass(h),t(o).removeClass(h).trigger(t.Event(l.HIDDEN,c)))}}}},s._getParentFromElement=function(e){var n,i=k.getSelectorFromElement(e);return i&&(n=t(i)[0]),n||e.parentNode},s._dataApiKeydownHandler=function(e){if((/input|textarea/i.test(e.target.tagName)?!(32===e.which||27!==e.which&&(40!==e.which&&38!==e.which||t(e.target).closest(E).length)):a.test(e.which))&&(e.preventDefault(),e.stopPropagation(),!this.disabled&&!t(this).hasClass(c))){var n=s._getParentFromElement(this),i=t(n).hasClass(h);if((i||27===e.which&&32===e.which)&&(!i||27!==e.which&&32!==e.which)){var r=t(n).find(b).get();if(0!==r.length){var o=r.indexOf(e.target);38===e.which&&o>0&&o--,40===e.which&&o<r.length-1&&o++,o<0&&(o=0),r[o].focus()}}else{if(27===e.which){var l=t(n).find(_)[0];t(l).trigger("focus")}t(this).trigger("click")}}},i(s,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return S}},{key:"DefaultType",get:function(){return O}}]),s}();return t(document).on(l.KEYDOWN_DATA_API,_,N._dataApiKeydownHandler).on(l.KEYDOWN_DATA_API,E,N._dataApiKeydownHandler).on(l.CLICK_DATA_API+" "+l.KEYUP_DATA_API,N._clearMenus).on(l.CLICK_DATA_API,_,function(e){e.preventDefault(),e.stopPropagation(),N._jQueryInterface.call(t(this),"toggle")}).on(l.CLICK_DATA_API,v,function(t){t.stopPropagation()}),t.fn[e]=N._jQueryInterface,t.fn[e].Constructor=N,t.fn[e].noConflict=function(){return t.fn[e]=s,N._jQueryInterface},N}(e),kt=function(t){var e="bs.modal",n="."+e,o=t.fn.modal,s={backdrop:!0,keyboard:!0,focus:!0,show:!0},a={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},l={HIDE:"hide"+n,HIDDEN:"hidden"+n,SHOW:"show"+n,SHOWN:"shown"+n,FOCUSIN:"focusin"+n,RESIZE:"resize"+n,CLICK_DISMISS:"click.dismiss"+n,KEYDOWN_DISMISS:"keydown.dismiss"+n,MOUSEUP_DISMISS:"mouseup.dismiss"+n,MOUSEDOWN_DISMISS:"mousedown.dismiss"+n,CLICK_DATA_API:"click.bs.modal.data-api"},c="modal-scrollbar-measure",h="modal-backdrop",f="modal-open",u="fade",d="show",p={DIALOG:".modal-dialog",DATA_TOGGLE:'[data-toggle="modal"]',DATA_DISMISS:'[data-dismiss="modal"]',FIXED_CONTENT:".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",STICKY_CONTENT:".sticky-top",NAVBAR_TOGGLER:".navbar-toggler"},g=function(){function o(e,n){this._config=this._getConfig(n),this._element=e,this._dialog=t(e).find(p.DIALOG)[0],this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._originalBodyPadding=0,this._scrollbarWidth=0}var g=o.prototype;return g.toggle=function(t){return this._isShown?this.hide():this.show(t)},g.show=function(e){var n=this;if(!this._isTransitioning&&!this._isShown){k.supportsTransitionEnd()&&t(this._element).hasClass(u)&&(this._isTransitioning=!0);var i=t.Event(l.SHOW,{relatedTarget:e});t(this._element).trigger(i),this._isShown||i.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),t(document.body).addClass(f),this._setEscapeEvent(),this._setResizeEvent(),t(this._element).on(l.CLICK_DISMISS,p.DATA_DISMISS,function(t){return n.hide(t)}),t(this._dialog).on(l.MOUSEDOWN_DISMISS,function(){t(n._element).one(l.MOUSEUP_DISMISS,function(e){t(e.target).is(n._element)&&(n._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return n._showElement(e)}))}},g.hide=function(e){var n=this;if(e&&e.preventDefault(),!this._isTransitioning&&this._isShown){var i=t.Event(l.HIDE);if(t(this._element).trigger(i),this._isShown&&!i.isDefaultPrevented()){this._isShown=!1;var r=k.supportsTransitionEnd()&&t(this._element).hasClass(u);r&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),t(document).off(l.FOCUSIN),t(this._element).removeClass(d),t(this._element).off(l.CLICK_DISMISS),t(this._dialog).off(l.MOUSEDOWN_DISMISS),r?t(this._element).one(k.TRANSITION_END,function(t){return n._hideModal(t)}).emulateTransitionEnd(300):this._hideModal()}}},g.dispose=function(){t.removeData(this._element,e),t(window,document,this._element,this._backdrop).off(n),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._scrollbarWidth=null},g.handleUpdate=function(){this._adjustDialog()},g._getConfig=function(t){return t=r({},s,t),k.typeCheckConfig("modal",t,a),t},g._showElement=function(e){var n=this,i=k.supportsTransitionEnd()&&t(this._element).hasClass(u);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.scrollTop=0,i&&k.reflow(this._element),t(this._element).addClass(d),this._config.focus&&this._enforceFocus();var r=t.Event(l.SHOWN,{relatedTarget:e}),o=function(){n._config.focus&&n._element.focus(),n._isTransitioning=!1,t(n._element).trigger(r)};i?t(this._dialog).one(k.TRANSITION_END,o).emulateTransitionEnd(300):o()},g._enforceFocus=function(){var e=this;t(document).off(l.FOCUSIN).on(l.FOCUSIN,function(n){document!==n.target&&e._element!==n.target&&0===t(e._element).has(n.target).length&&e._element.focus()})},g._setEscapeEvent=function(){var e=this;this._isShown&&this._config.keyboard?t(this._element).on(l.KEYDOWN_DISMISS,function(t){27===t.which&&(t.preventDefault(),e.hide())}):this._isShown||t(this._element).off(l.KEYDOWN_DISMISS)},g._setResizeEvent=function(){var e=this;this._isShown?t(window).on(l.RESIZE,function(t){return e.handleUpdate(t)}):t(window).off(l.RESIZE)},g._hideModal=function(){var e=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._isTransitioning=!1,this._showBackdrop(function(){t(document.body).removeClass(f),e._resetAdjustments(),e._resetScrollbar(),t(e._element).trigger(l.HIDDEN)})},g._removeBackdrop=function(){this._backdrop&&(t(this._backdrop).remove(),this._backdrop=null)},g._showBackdrop=function(e){var n=this,i=t(this._element).hasClass(u)?u:"";if(this._isShown&&this._config.backdrop){var r=k.supportsTransitionEnd()&&i;if(this._backdrop=document.createElement("div"),this._backdrop.className=h,i&&t(this._backdrop).addClass(i),t(this._backdrop).appendTo(document.body),t(this._element).on(l.CLICK_DISMISS,function(t){n._ignoreBackdropClick?n._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===n._config.backdrop?n._element.focus():n.hide())}),r&&k.reflow(this._backdrop),t(this._backdrop).addClass(d),!e)return;if(!r)return void e();t(this._backdrop).one(k.TRANSITION_END,e).emulateTransitionEnd(150)}else if(!this._isShown&&this._backdrop){t(this._backdrop).removeClass(d);var o=function(){n._removeBackdrop(),e&&e()};k.supportsTransitionEnd()&&t(this._element).hasClass(u)?t(this._backdrop).one(k.TRANSITION_END,o).emulateTransitionEnd(150):o()}else e&&e()},g._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},g._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},g._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},g._setScrollbar=function(){var e=this;if(this._isBodyOverflowing){t(p.FIXED_CONTENT).each(function(n,i){var r=t(i)[0].style.paddingRight,o=t(i).css("padding-right");t(i).data("padding-right",r).css("padding-right",parseFloat(o)+e._scrollbarWidth+"px")}),t(p.STICKY_CONTENT).each(function(n,i){var r=t(i)[0].style.marginRight,o=t(i).css("margin-right");t(i).data("margin-right",r).css("margin-right",parseFloat(o)-e._scrollbarWidth+"px")}),t(p.NAVBAR_TOGGLER).each(function(n,i){var r=t(i)[0].style.marginRight,o=t(i).css("margin-right");t(i).data("margin-right",r).css("margin-right",parseFloat(o)+e._scrollbarWidth+"px")});var n=document.body.style.paddingRight,i=t("body").css("padding-right");t("body").data("padding-right",n).css("padding-right",parseFloat(i)+this._scrollbarWidth+"px")}},g._resetScrollbar=function(){t(p.FIXED_CONTENT).each(function(e,n){var i=t(n).data("padding-right");"undefined"!=typeof i&&t(n).css("padding-right",i).removeData("padding-right")}),t(p.STICKY_CONTENT+", "+p.NAVBAR_TOGGLER).each(function(e,n){var i=t(n).data("margin-right");"undefined"!=typeof i&&t(n).css("margin-right",i).removeData("margin-right")});var e=t("body").data("padding-right");"undefined"!=typeof e&&t("body").css("padding-right",e).removeData("padding-right")},g._getScrollbarWidth=function(){var t=document.createElement("div");t.className=c,document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},o._jQueryInterface=function(n,i){return this.each(function(){var s=t(this).data(e),a=r({},o.Default,t(this).data(),"object"==typeof n&&n);if(s||(s=new o(this,a),t(this).data(e,s)),"string"==typeof n){if("undefined"==typeof s[n])throw new TypeError('No method named "'+n+'"');s[n](i)}else a.show&&s.show(i)})},i(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return s}}]),o}();return t(document).on(l.CLICK_DATA_API,p.DATA_TOGGLE,function(n){var i,o=this,s=k.getSelectorFromElement(this);s&&(i=t(s)[0]);var a=t(i).data(e)?"toggle":r({},t(i).data(),t(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||n.preventDefault();var c=t(i).one(l.SHOW,function(e){e.isDefaultPrevented()||c.one(l.HIDDEN,function(){t(o).is(":visible")&&o.focus()})});g._jQueryInterface.call(t(i),a,this)}),t.fn.modal=g._jQueryInterface,t.fn.modal.Constructor=g,t.fn.modal.noConflict=function(){return t.fn.modal=o,g._jQueryInterface},g}(e),Lt=function(t){var e="tooltip",n="bs.tooltip",o="."+n,s=t.fn[e],a=new RegExp("(^|\\s)bs-tooltip\\S+","g"),l={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)"},c={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},h={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent"},f="show",u="out",d={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,INSERTED:"inserted"+o,CLICK:"click"+o,FOCUSIN:"focusin"+o,FOCUSOUT:"focusout"+o,MOUSEENTER:"mouseenter"+o,MOUSELEAVE:"mouseleave"+o},p="fade",g="show",m=".tooltip-inner",_=".arrow",v="hover",E="focus",y="click",b="manual",T=function(){function s(t,e){if("undefined"==typeof Ot)throw new TypeError("Bootstrap tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var T=s.prototype;return T.enable=function(){this._isEnabled=!0},T.disable=function(){this._isEnabled=!1},T.toggleEnabled=function(){this._isEnabled=!this._isEnabled},T.toggle=function(e){if(this._isEnabled)if(e){var n=this.constructor.DATA_KEY,i=t(e.currentTarget).data(n);i||(i=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(n,i)),i._activeTrigger.click=!i._activeTrigger.click,i._isWithActiveTrigger()?i._enter(null,i):i._leave(null,i)}else{if(t(this.getTipElement()).hasClass(g))return void this._leave(null,this);this._enter(null,this)}},T.dispose=function(){clearTimeout(this._timeout),t.removeData(this.element,this.constructor.DATA_KEY),t(this.element).off(this.constructor.EVENT_KEY),t(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&t(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,null!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},T.show=function(){var e=this;if("none"===t(this.element).css("display"))throw new Error("Please use show on visible elements");var n=t.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){t(this.element).trigger(n);var i=t.contains(this.element.ownerDocument.documentElement,this.element);if(n.isDefaultPrevented()||!i)return;var r=this.getTipElement(),o=k.getUID(this.constructor.NAME);r.setAttribute("id",o),this.element.setAttribute("aria-describedby",o),this.setContent(),this.config.animation&&t(r).addClass(p);var a="function"==typeof this.config.placement?this.config.placement.call(this,r,this.element):this.config.placement,l=this._getAttachment(a);this.addAttachmentClass(l);var c=!1===this.config.container?document.body:t(this.config.container);t(r).data(this.constructor.DATA_KEY,this),t.contains(this.element.ownerDocument.documentElement,this.tip)||t(r).appendTo(c),t(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new Ot(this.element,r,{placement:l,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:_},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){e._handlePopperPlacementChange(t)}}),t(r).addClass(g),"ontouchstart"in document.documentElement&&t("body").children().on("mouseover",null,t.noop);var h=function(){e.config.animation&&e._fixTransition();var n=e._hoverState;e._hoverState=null,t(e.element).trigger(e.constructor.Event.SHOWN),n===u&&e._leave(null,e)};k.supportsTransitionEnd()&&t(this.tip).hasClass(p)?t(this.tip).one(k.TRANSITION_END,h).emulateTransitionEnd(s._TRANSITION_DURATION):h()}},T.hide=function(e){var n=this,i=this.getTipElement(),r=t.Event(this.constructor.Event.HIDE),o=function(){n._hoverState!==f&&i.parentNode&&i.parentNode.removeChild(i),n._cleanTipClass(),n.element.removeAttribute("aria-describedby"),t(n.element).trigger(n.constructor.Event.HIDDEN),null!==n._popper&&n._popper.destroy(),e&&e()};t(this.element).trigger(r),r.isDefaultPrevented()||(t(i).removeClass(g),"ontouchstart"in document.documentElement&&t("body").children().off("mouseover",null,t.noop),this._activeTrigger[y]=!1,this._activeTrigger[E]=!1,this._activeTrigger[v]=!1,k.supportsTransitionEnd()&&t(this.tip).hasClass(p)?t(i).one(k.TRANSITION_END,o).emulateTransitionEnd(150):o(),this._hoverState="")},T.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},T.isWithContent=function(){return Boolean(this.getTitle())},T.addAttachmentClass=function(e){t(this.getTipElement()).addClass("bs-tooltip-"+e)},T.getTipElement=function(){return this.tip=this.tip||t(this.config.template)[0],this.tip},T.setContent=function(){var e=t(this.getTipElement());this.setElementContent(e.find(m),this.getTitle()),e.removeClass(p+" "+g)},T.setElementContent=function(e,n){var i=this.config.html;"object"==typeof n&&(n.nodeType||n.jquery)?i?t(n).parent().is(e)||e.empty().append(n):e.text(t(n).text()):e[i?"html":"text"](n)},T.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},T._getAttachment=function(t){return c[t.toUpperCase()]},T._setListeners=function(){var e=this;this.config.trigger.split(" ").forEach(function(n){if("click"===n)t(e.element).on(e.constructor.Event.CLICK,e.config.selector,function(t){return e.toggle(t)});else if(n!==b){var i=n===v?e.constructor.Event.MOUSEENTER:e.constructor.Event.FOCUSIN,r=n===v?e.constructor.Event.MOUSELEAVE:e.constructor.Event.FOCUSOUT;t(e.element).on(i,e.config.selector,function(t){return e._enter(t)}).on(r,e.config.selector,function(t){return e._leave(t)})}t(e.element).closest(".modal").on("hide.bs.modal",function(){return e.hide()})}),this.config.selector?this.config=r({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},T._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},T._enter=function(e,n){var i=this.constructor.DATA_KEY;(n=n||t(e.currentTarget).data(i))||(n=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(i,n)),e&&(n._activeTrigger["focusin"===e.type?E:v]=!0),t(n.getTipElement()).hasClass(g)||n._hoverState===f?n._hoverState=f:(clearTimeout(n._timeout),n._hoverState=f,n.config.delay&&n.config.delay.show?n._timeout=setTimeout(function(){n._hoverState===f&&n.show()},n.config.delay.show):n.show())},T._leave=function(e,n){var i=this.constructor.DATA_KEY;(n=n||t(e.currentTarget).data(i))||(n=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(i,n)),e&&(n._activeTrigger["focusout"===e.type?E:v]=!1),n._isWithActiveTrigger()||(clearTimeout(n._timeout),n._hoverState=u,n.config.delay&&n.config.delay.hide?n._timeout=setTimeout(function(){n._hoverState===u&&n.hide()},n.config.delay.hide):n.hide())},T._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},T._getConfig=function(n){return"number"==typeof(n=r({},this.constructor.Default,t(this.element).data(),n)).delay&&(n.delay={show:n.delay,hide:n.delay}),"number"==typeof n.title&&(n.title=n.title.toString()),"number"==typeof n.content&&(n.content=n.content.toString()),k.typeCheckConfig(e,n,this.constructor.DefaultType),n},T._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},T._cleanTipClass=function(){var e=t(this.getTipElement()),n=e.attr("class").match(a);null!==n&&n.length>0&&e.removeClass(n.join(""))},T._handlePopperPlacementChange=function(t){this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},T._fixTransition=function(){var e=this.getTipElement(),n=this.config.animation;null===e.getAttribute("x-placement")&&(t(e).removeClass(p),this.config.animation=!1,this.hide(),this.show(),this.config.animation=n)},s._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),r="object"==typeof e&&e;if((i||!/dispose|hide/.test(e))&&(i||(i=new s(this,r),t(this).data(n,i)),"string"==typeof e)){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},i(s,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return h}},{key:"NAME",get:function(){return e}},{key:"DATA_KEY",get:function(){return n}},{key:"Event",get:function(){return d}},{key:"EVENT_KEY",get:function(){return o}},{key:"DefaultType",get:function(){return l}}]),s}();return t.fn[e]=T._jQueryInterface,t.fn[e].Constructor=T,t.fn[e].noConflict=function(){return t.fn[e]=s,T._jQueryInterface},T}(e),Pt=function(t){var e="popover",n="bs.popover",o="."+n,s=t.fn[e],a=new RegExp("(^|\\s)bs-popover\\S+","g"),l=r({},Lt.Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),c=r({},Lt.DefaultType,{content:"(string|element|function)"}),h="fade",f="show",u=".popover-header",d=".popover-body",p={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,INSERTED:"inserted"+o,CLICK:"click"+o,FOCUSIN:"focusin"+o,FOCUSOUT:"focusout"+o,MOUSEENTER:"mouseenter"+o,MOUSELEAVE:"mouseleave"+o},g=function(r){var s,g;function m(){return r.apply(this,arguments)||this}g=r,(s=m).prototype=Object.create(g.prototype),s.prototype.constructor=s,s.__proto__=g;var _=m.prototype;return _.isWithContent=function(){return this.getTitle()||this._getContent()},_.addAttachmentClass=function(e){t(this.getTipElement()).addClass("bs-popover-"+e)},_.getTipElement=function(){return this.tip=this.tip||t(this.config.template)[0],this.tip},_.setContent=function(){var e=t(this.getTipElement());this.setElementContent(e.find(u),this.getTitle());var n=this._getContent();"function"==typeof n&&(n=n.call(this.element)),this.setElementContent(e.find(d),n),e.removeClass(h+" "+f)},_._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},_._cleanTipClass=function(){var e=t(this.getTipElement()),n=e.attr("class").match(a);null!==n&&n.length>0&&e.removeClass(n.join(""))},m._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),r="object"==typeof e?e:null;if((i||!/destroy|hide/.test(e))&&(i||(i=new m(this,r),t(this).data(n,i)),"string"==typeof e)){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},i(m,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return l}},{key:"NAME",get:function(){return e}},{key:"DATA_KEY",get:function(){return n}},{key:"Event",get:function(){return p}},{key:"EVENT_KEY",get:function(){return o}},{key:"DefaultType",get:function(){return c}}]),m}(Lt);return t.fn[e]=g._jQueryInterface,t.fn[e].Constructor=g,t.fn[e].noConflict=function(){return t.fn[e]=s,g._jQueryInterface},g}(e),xt=function(t){var e="scrollspy",n="bs.scrollspy",o="."+n,s=t.fn[e],a={offset:10,method:"auto",target:""},l={offset:"number",method:"string",target:"(string|element)"},c={ACTIVATE:"activate"+o,SCROLL:"scroll"+o,LOAD_DATA_API:"load"+o+".data-api"},h="dropdown-item",f="active",u={DATA_SPY:'[data-spy="scroll"]',ACTIVE:".active",NAV_LIST_GROUP:".nav, .list-group",NAV_LINKS:".nav-link",NAV_ITEMS:".nav-item",LIST_ITEMS:".list-group-item",DROPDOWN:".dropdown",DROPDOWN_ITEMS:".dropdown-item",DROPDOWN_TOGGLE:".dropdown-toggle"},d="offset",p="position",g=function(){function s(e,n){var i=this;this._element=e,this._scrollElement="BODY"===e.tagName?window:e,this._config=this._getConfig(n),this._selector=this._config.target+" "+u.NAV_LINKS+","+this._config.target+" "+u.LIST_ITEMS+","+this._config.target+" "+u.DROPDOWN_ITEMS,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,t(this._scrollElement).on(c.SCROLL,function(t){return i._process(t)}),this.refresh(),this._process()}var g=s.prototype;return g.refresh=function(){var e=this,n=this._scrollElement===this._scrollElement.window?d:p,i="auto"===this._config.method?n:this._config.method,r=i===p?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),t.makeArray(t(this._selector)).map(function(e){var n,o=k.getSelectorFromElement(e);if(o&&(n=t(o)[0]),n){var s=n.getBoundingClientRect();if(s.width||s.height)return[t(n)[i]().top+r,o]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(t){e._offsets.push(t[0]),e._targets.push(t[1])})},g.dispose=function(){t.removeData(this._element,n),t(this._scrollElement).off(o),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},g._getConfig=function(n){if("string"!=typeof(n=r({},a,n)).target){var i=t(n.target).attr("id");i||(i=k.getUID(e),t(n.target).attr("id",i)),n.target="#"+i}return k.typeCheckConfig(e,n,l),n},g._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},g._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},g._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},g._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&this._offsets[0]>0)return this._activeTarget=null,void this._clear();for(var r=this._offsets.length;r--;){this._activeTarget!==this._targets[r]&&t>=this._offsets[r]&&("undefined"==typeof this._offsets[r+1]||t<this._offsets[r+1])&&this._activate(this._targets[r])}}},g._activate=function(e){this._activeTarget=e,this._clear();var n=this._selector.split(",");n=n.map(function(t){return t+'[data-target="'+e+'"],'+t+'[href="'+e+'"]'});var i=t(n.join(","));i.hasClass(h)?(i.closest(u.DROPDOWN).find(u.DROPDOWN_TOGGLE).addClass(f),i.addClass(f)):(i.addClass(f),i.parents(u.NAV_LIST_GROUP).prev(u.NAV_LINKS+", "+u.LIST_ITEMS).addClass(f),i.parents(u.NAV_LIST_GROUP).prev(u.NAV_ITEMS).children(u.NAV_LINKS).addClass(f)),t(this._scrollElement).trigger(c.ACTIVATE,{relatedTarget:e})},g._clear=function(){t(this._selector).filter(u.ACTIVE).removeClass(f)},s._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n);if(i||(i=new s(this,"object"==typeof e&&e),t(this).data(n,i)),"string"==typeof e){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},i(s,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),s}();return t(window).on(c.LOAD_DATA_API,function(){for(var e=t.makeArray(t(u.DATA_SPY)),n=e.length;n--;){var i=t(e[n]);g._jQueryInterface.call(i,i.data())}}),t.fn[e]=g._jQueryInterface,t.fn[e].Constructor=g,t.fn[e].noConflict=function(){return t.fn[e]=s,g._jQueryInterface},g}(e),Rt=function(t){var e=".bs.tab",n=t.fn.tab,r={HIDE:"hide"+e,HIDDEN:"hidden"+e,SHOW:"show"+e,SHOWN:"shown"+e,CLICK_DATA_API:"click.bs.tab.data-api"},o="dropdown-menu",s="active",a="disabled",l="fade",c="show",h=".dropdown",f=".nav, .list-group",u=".active",d="> li > .active",p='[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',g=".dropdown-toggle",m="> .dropdown-menu .active",_=function(){function e(t){this._element=t}var n=e.prototype;return n.show=function(){var e=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&t(this._element).hasClass(s)||t(this._element).hasClass(a))){var n,i,o=t(this._element).closest(f)[0],l=k.getSelectorFromElement(this._element);if(o){var c="UL"===o.nodeName?d:u;i=(i=t.makeArray(t(o).find(c)))[i.length-1]}var h=t.Event(r.HIDE,{relatedTarget:this._element}),p=t.Event(r.SHOW,{relatedTarget:i});if(i&&t(i).trigger(h),t(this._element).trigger(p),!p.isDefaultPrevented()&&!h.isDefaultPrevented()){l&&(n=t(l)[0]),this._activate(this._element,o);var g=function(){var n=t.Event(r.HIDDEN,{relatedTarget:e._element}),o=t.Event(r.SHOWN,{relatedTarget:i});t(i).trigger(n),t(e._element).trigger(o)};n?this._activate(n,n.parentNode,g):g()}}},n.dispose=function(){t.removeData(this._element,"bs.tab"),this._element=null},n._activate=function(e,n,i){var r=this,o=("UL"===n.nodeName?t(n).find(d):t(n).children(u))[0],s=i&&k.supportsTransitionEnd()&&o&&t(o).hasClass(l),a=function(){return r._transitionComplete(e,o,i)};o&&s?t(o).one(k.TRANSITION_END,a).emulateTransitionEnd(150):a()},n._transitionComplete=function(e,n,i){if(n){t(n).removeClass(c+" "+s);var r=t(n.parentNode).find(m)[0];r&&t(r).removeClass(s),"tab"===n.getAttribute("role")&&n.setAttribute("aria-selected",!1)}if(t(e).addClass(s),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!0),k.reflow(e),t(e).addClass(c),e.parentNode&&t(e.parentNode).hasClass(o)){var a=t(e).closest(h)[0];a&&t(a).find(g).addClass(s),e.setAttribute("aria-expanded",!0)}i&&i()},e._jQueryInterface=function(n){return this.each(function(){var i=t(this),r=i.data("bs.tab");if(r||(r=new e(this),i.data("bs.tab",r)),"string"==typeof n){if("undefined"==typeof r[n])throw new TypeError('No method named "'+n+'"');r[n]()}})},i(e,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),e}();return t(document).on(r.CLICK_DATA_API,p,function(e){e.preventDefault(),_._jQueryInterface.call(t(this),"show")}),t.fn.tab=_._jQueryInterface,t.fn.tab.Constructor=_,t.fn.tab.noConflict=function(){return t.fn.tab=n,_._jQueryInterface},_}(e);!function(t){if("undefined"==typeof t)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var e=t.fn.jquery.split(" ")[0].split(".");if(e[0]<2&&e[1]<9||1===e[0]&&9===e[1]&&e[2]<1||e[0]>=4)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}(e),t.Util=k,t.Alert=L,t.Button=P,t.Carousel=x,t.Collapse=R,t.Dropdown=Nt,t.Modal=kt,t.Popover=Pt,t.Scrollspy=xt,t.Tab=Rt,t.Tooltip=Lt,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=bootstrap.bundle.min.js.map
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/js/bootstrap.bundle.min.js.map b/public/ThirdParty/Bootstrap/js/bootstrap.bundle.min.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..c234ff2cdadda1a47c1243d36c869e88f8c6dfd6
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/js/bootstrap.bundle.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../rollupPluginBabelHelpers","../../node_modules/popper.js/dist/esm/popper.js","../../js/src/util.js","../../js/src/alert.js","../../js/src/button.js","../../js/src/carousel.js","../../js/src/collapse.js","../../js/src/dropdown.js","../../js/src/modal.js","../../js/src/tooltip.js","../../js/src/popover.js","../../js/src/scrollspy.js","../../js/src/tab.js","../../js/src/index.js"],"names":["_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","Constructor","protoProps","staticProps","prototype","_extends","assign","arguments","source","hasOwnProperty","call","apply","this","$","NAME","DATA_KEY","EVENT_KEY","JQUERY_NO_CONFLICT","Event","ClassName","Alert","DATA_API_KEY","Selector","Button","Util","transition","transitionEndEmulator","duration","called","one","TRANSITION_END","triggerTransitionEnd","_this","prefix","Math","random","document","getElementById","element","selector","getAttribute","charAt","escapeSelector","substr","replace","find","err","offsetHeight","trigger","end","Boolean","obj","nodeType","componentName","config","configTypes","property","expectedTypes","value","valueType","isElement","toString","match","toLowerCase","RegExp","test","Error","toUpperCase","window","QUnit","fn","emulateTransitionEnd","supportsTransitionEnd","event","special","is","handleObj","handler","_element","close","rootElement","_getRootElement","_triggerCloseEvent","isDefaultPrevented","_removeElement","dispose","removeData","getSelectorFromElement","parent","closest","closeEvent","CLOSE","removeClass","hasClass","_destroyElement","detach","CLOSED","remove","_jQueryInterface","each","$element","data","_handleDismiss","alertInstance","preventDefault","on","CLICK_DATA_API","noConflict","toggle","triggerChangeEvent","addAriaPressed","input","type","checked","activeElement","hasAttribute","classList","contains","focus","setAttribute","toggleClass","button","FOCUS_BLUR_DATA_API","Carousel","Default","DefaultType","Direction","_items","_interval","_activeElement","_isPaused","_isSliding","touchTimeout","_config","_getConfig","_indicatorsElement","INDICATORS","_addEventListeners","next","_slide","nextWhenVisible","hidden","css","prev","pause","NEXT_PREV","cycle","interval","setInterval","visibilityState","bind","to","index","ACTIVE_ITEM","activeIndex","_getItemIndex","SLID","direction","off","typeCheckConfig","keyboard","KEYDOWN","_this2","_keydown","MOUSEENTER","MOUSELEAVE","documentElement","TOUCHEND","setTimeout","tagName","which","makeArray","ITEM","indexOf","_getItemByDirection","isNextDirection","isPrevDirection","lastItemIndex","wrap","itemIndex","_triggerSlideEvent","relatedTarget","eventDirectionName","targetIndex","fromIndex","slideEvent","SLIDE","_setActiveIndicatorElement","ACTIVE","nextIndicator","children","addClass","directionalClassName","orderClassName","activeElementIndex","nextElement","nextElementIndex","isCycling","slidEvent","reflow","_this3","action","slide","TypeError","_dataApiClickHandler","slideIndex","DATA_SLIDE","LOAD_DATA_API","DATA_RIDE","$carousel","Collapse","Dimension","_isTransitioning","_triggerArray","id","tabToggles","DATA_TOGGLE","elem","filter","_selector","push","_parent","_getParent","_addAriaAndCollapsedClass","hide","show","actives","activesData","ACTIVES","not","startEvent","SHOW","dimension","_getDimension","style","attr","setTransitioning","complete","SHOWN","scrollSize","slice","HIDE","getBoundingClientRect","HIDDEN","isTransitioning","jquery","_getTargetFromElement","triggerArray","isOpen","$this","currentTarget","$trigger","$target","isBrowser","longerTimeoutBrowsers","timeoutDuration","navigator","userAgent","debounce","Promise","resolve","then","scheduled","isFunction","functionToCheck","getStyleComputedProperty","getComputedStyle","getParentNode","nodeName","parentNode","host","getScrollParent","body","ownerDocument","_getStyleComputedProp","overflow","overflowX","overflowY","getOffsetParent","offsetParent","getRoot","node","findCommonOffsetParent","element1","element2","order","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","start","range","createRange","setStart","setEnd","commonAncestorContainer","firstElementChild","element1root","getScroll","upperSide","undefined","html","scrollingElement","getBordersSize","styles","axis","sideA","sideB","parseFloat","isIE10","isIE10$1","appVersion","getSize","computedStyle","max","getWindowSizes","height","width","classCallCheck","instance","createClass","defineProperties","getClientRect","offsets","right","left","bottom","top","rect","scrollTop","scrollLeft","result","sizes","clientWidth","clientHeight","horizScrollbar","offsetWidth","vertScrollbar","getOffsetRectRelativeToArbitraryNode","isHTML","childrenRect","parentRect","scrollParent","borderTopWidth","borderLeftWidth","marginTop","marginLeft","subtract","modifier","includeScroll","getBoundaries","popper","reference","padding","boundariesElement","relativeOffset","boundaries","innerWidth","innerHeight","boundariesNode","isFixed","_getWindowSizes","computeAutoPlacement","placement","refRect","rects","sortedAreas","keys","map","area","_ref","sort","a","b","filteredAreas","_ref2","computedPlacement","variation","split","getReferenceOffsets","state","getOuterSizes","x","marginBottom","y","marginRight","getOppositePlacement","hash","matched","getPopperOffsets","referenceOffsets","popperRect","popperOffsets","isHoriz","mainSide","secondarySide","measurement","secondaryMeasurement","arr","check","Array","runModifiers","modifiers","ends","prop","findIndex","cur","forEach","console","warn","enabled","isModifierEnabled","modifierName","some","name","getSupportedPropertyName","prefixes","upperProp","toCheck","getWindow","defaultView","setupEventListeners","options","updateBound","addEventListener","passive","scrollElement","attachToScrollParents","callback","scrollParents","isBody","eventsEnabled","disableEventListeners","cancelAnimationFrame","scheduleUpdate","removeEventListener","isNumeric","n","isNaN","isFinite","setStyles","unit","isModifierRequired","requestingName","requestedName","requesting","isRequired","_requesting","requested","placements","validPlacements","clockwise","counter","concat","reverse","BEHAVIORS","FLIP","CLOCKWISE","COUNTERCLOCKWISE","parseOffset","offset","basePlacement","useHeight","fragments","frag","trim","divider","search","splitRegex","ops","op","mergeWithPrevious","reduce","str","toValue","index2","Defaults","removeOnDestroy","onCreate","onUpdate","shift","shiftvariation","_data$offsets","isVertical","side","shiftOffsets","preventOverflow","priority","primary","escapeWithReference","secondary","min","keepTogether","floor","opSide","arrow","_data$offsets$arrow","arrowElement","querySelector","len","sideCapitalized","altSide","arrowElementSize","center","popperMarginSide","popperBorderSide","sideValue","round","flip","flipped","originalPlacement","placementOpposite","flipOrder","behavior","step","refOffsets","overlapsRef","overflowsLeft","overflowsRight","overflowsTop","overflowsBottom","overflowsBoundaries","flippedVariation","flipVariations","inner","subtractLength","bound","attributes","computeStyle","legacyGpuAccelerationOption","gpuAcceleration","offsetParentRect","position","prefixedProperty","willChange","invertTop","invertLeft","x-placement","arrowStyles","applyStyle","removeAttribute","onLoad","modifierOptions","Popper","requestAnimationFrame","update","isDestroyed","isCreated","enableEventListeners","removeChild","Utils","global","PopperUtils","Dropdown","REGEXP_KEYDOWN","ARROW_UP_KEYCODE","AttachmentMap","_popper","_menu","_getMenuElement","_inNavbar","_detectNavbar","disabled","_getParentFromElement","isActive","_clearMenus","showEvent","boundary","_getPopperConfig","noop","destroy","CLICK","stopPropagation","constructor","_getPlacement","$parentDropdown","offsetConf","toggles","context","dropdownMenu","hideEvent","_dataApiKeydownHandler","items","get","KEYDOWN_DATA_API","KEYUP_DATA_API","e","Modal","_dialog","DIALOG","_backdrop","_isShown","_isBodyOverflowing","_ignoreBackdropClick","_originalBodyPadding","_scrollbarWidth","_checkScrollbar","_setScrollbar","_adjustDialog","_setEscapeEvent","_setResizeEvent","CLICK_DISMISS","DATA_DISMISS","MOUSEDOWN_DISMISS","MOUSEUP_DISMISS","_showBackdrop","_showElement","FOCUSIN","_hideModal","handleUpdate","ELEMENT_NODE","appendChild","display","_enforceFocus","shownEvent","transitionComplete","_this4","has","KEYDOWN_DISMISS","RESIZE","_this6","_resetAdjustments","_resetScrollbar","_this7","_removeBackdrop","animate","backdrop","doAnimate","createElement","className","appendTo","_this8","callbackRemove","isModalOverflowing","scrollHeight","paddingLeft","paddingRight","_getScrollbarWidth","FIXED_CONTENT","actualPadding","calculatedPadding","_this9","STICKY_CONTENT","actualMargin","calculatedMargin","NAVBAR_TOGGLER","margin","scrollDiv","scrollbarWidth","Tooltip","BSCLS_PREFIX_REGEX","HoverState","Trigger","_isEnabled","_timeout","_hoverState","_activeTrigger","tip","_setListeners","enable","disable","toggleEnabled","dataKey","_getDelegateConfig","click","_isWithActiveTrigger","_enter","_leave","getTipElement","isWithContent","isInTheDom","tipId","getUID","setContent","animation","attachment","_getAttachment","addAttachmentClass","container","INSERTED","fallbackPlacement","_handlePopperPlacementChange","_fixTransition","prevHoverState","_TRANSITION_DURATION","_cleanTipClass","getTitle","CLASS_PREFIX","template","$tip","setElementContent","content","empty","append","text","title","eventIn","eventOut","FOCUSOUT","_fixTitle","titleType","delay","tabClass","join","initConfigAnimation","Popover","subClass","superClass","create","__proto__","_getContent","ScrollSpy","OffsetMethod","_scrollElement","NAV_LINKS","LIST_ITEMS","DROPDOWN_ITEMS","_offsets","_targets","_activeTarget","_scrollHeight","SCROLL","_process","refresh","autoMethod","offsetMethod","method","offsetBase","_getScrollTop","_getScrollHeight","targetSelector","targetBCR","item","pageYOffset","_getOffsetHeight","maxScroll","_activate","_clear","queries","$link","DROPDOWN","DROPDOWN_TOGGLE","parents","NAV_LIST_GROUP","NAV_ITEMS","ACTIVATE","scrollSpys","DATA_SPY","$spy","Tab","previous","listElement","itemSelector","hiddenEvent","active","_transitionComplete","dropdownChild","dropdownElement","version"],"mappings":"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","sourcesContent":["export { _createClass as createClass, _extends as extends, _inheritsLoose as inheritsLoose };\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","/**!\n * @fileOverview Kickass library to create and place poppers near their reference elements.\n * @version 1.12.9\n * @license\n * Copyright (c) 2016 Federico Zivolo and contributors\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';\nvar longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];\nvar timeoutDuration = 0;\nfor (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {\n if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {\n timeoutDuration = 1;\n break;\n }\n}\n\nfunction microtaskDebounce(fn) {\n var called = false;\n return function () {\n if (called) {\n return;\n }\n called = true;\n window.Promise.resolve().then(function () {\n called = false;\n fn();\n });\n };\n}\n\nfunction taskDebounce(fn) {\n var scheduled = false;\n return function () {\n if (!scheduled) {\n scheduled = true;\n setTimeout(function () {\n scheduled = false;\n fn();\n }, timeoutDuration);\n }\n };\n}\n\nvar supportsMicroTasks = isBrowser && window.Promise;\n\n/**\n* Create a debounced version of a method, that's asynchronously deferred\n* but called in the minimum time possible.\n*\n* @method\n* @memberof Popper.Utils\n* @argument {Function} fn\n* @returns {Function}\n*/\nvar debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;\n\n/**\n * Check if the given variable is a function\n * @method\n * @memberof Popper.Utils\n * @argument {Any} functionToCheck - variable to check\n * @returns {Boolean} answer to: is a function?\n */\nfunction isFunction(functionToCheck) {\n var getType = {};\n return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';\n}\n\n/**\n * Get CSS computed property of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Eement} element\n * @argument {String} property\n */\nfunction getStyleComputedProperty(element, property) {\n if (element.nodeType !== 1) {\n return [];\n }\n // NOTE: 1 DOM access here\n var css = getComputedStyle(element, null);\n return property ? css[property] : css;\n}\n\n/**\n * Returns the parentNode or the host of the element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} parent\n */\nfunction getParentNode(element) {\n if (element.nodeName === 'HTML') {\n return element;\n }\n return element.parentNode || element.host;\n}\n\n/**\n * Returns the scrolling parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} scroll parent\n */\nfunction getScrollParent(element) {\n // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n if (!element) {\n return document.body;\n }\n\n switch (element.nodeName) {\n case 'HTML':\n case 'BODY':\n return element.ownerDocument.body;\n case '#document':\n return element.body;\n }\n\n // Firefox want us to check `-x` and `-y` variations as well\n\n var _getStyleComputedProp = getStyleComputedProperty(element),\n overflow = _getStyleComputedProp.overflow,\n overflowX = _getStyleComputedProp.overflowX,\n overflowY = _getStyleComputedProp.overflowY;\n\n if (/(auto|scroll)/.test(overflow + overflowY + overflowX)) {\n return element;\n }\n\n return getScrollParent(getParentNode(element));\n}\n\n/**\n * Returns the offset parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} offset parent\n */\nfunction getOffsetParent(element) {\n // NOTE: 1 DOM access here\n var offsetParent = element && element.offsetParent;\n var nodeName = offsetParent && offsetParent.nodeName;\n\n if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {\n if (element) {\n return element.ownerDocument.documentElement;\n }\n\n return document.documentElement;\n }\n\n // .offsetParent will return the closest TD or TABLE in case\n // no offsetParent is present, I hate this job...\n if (['TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {\n return getOffsetParent(offsetParent);\n }\n\n return offsetParent;\n}\n\nfunction isOffsetContainer(element) {\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY') {\n return false;\n }\n return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;\n}\n\n/**\n * Finds the root node (document, shadowDOM root) of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} node\n * @returns {Element} root node\n */\nfunction getRoot(node) {\n if (node.parentNode !== null) {\n return getRoot(node.parentNode);\n }\n\n return node;\n}\n\n/**\n * Finds the offset parent common to the two provided nodes\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element1\n * @argument {Element} element2\n * @returns {Element} common offset parent\n */\nfunction findCommonOffsetParent(element1, element2) {\n // This check is needed to avoid errors in case one of the elements isn't defined for any reason\n if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {\n return document.documentElement;\n }\n\n // Here we make sure to give as \"start\" the element that comes first in the DOM\n var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;\n var start = order ? element1 : element2;\n var end = order ? element2 : element1;\n\n // Get common ancestor container\n var range = document.createRange();\n range.setStart(start, 0);\n range.setEnd(end, 0);\n var commonAncestorContainer = range.commonAncestorContainer;\n\n // Both nodes are inside #document\n\n if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {\n if (isOffsetContainer(commonAncestorContainer)) {\n return commonAncestorContainer;\n }\n\n return getOffsetParent(commonAncestorContainer);\n }\n\n // one of the nodes is inside shadowDOM, find which one\n var element1root = getRoot(element1);\n if (element1root.host) {\n return findCommonOffsetParent(element1root.host, element2);\n } else {\n return findCommonOffsetParent(element1, getRoot(element2).host);\n }\n}\n\n/**\n * Gets the scroll value of the given element in the given side (top and left)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {String} side `top` or `left`\n * @returns {number} amount of scrolled pixels\n */\nfunction getScroll(element) {\n var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';\n\n var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';\n var nodeName = element.nodeName;\n\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n var html = element.ownerDocument.documentElement;\n var scrollingElement = element.ownerDocument.scrollingElement || html;\n return scrollingElement[upperSide];\n }\n\n return element[upperSide];\n}\n\n/*\n * Sum or subtract the element scroll values (left and top) from a given rect object\n * @method\n * @memberof Popper.Utils\n * @param {Object} rect - Rect object you want to change\n * @param {HTMLElement} element - The element from the function reads the scroll values\n * @param {Boolean} subtract - set to true if you want to subtract the scroll values\n * @return {Object} rect - The modifier rect object\n */\nfunction includeScroll(rect, element) {\n var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n\n var scrollTop = getScroll(element, 'top');\n var scrollLeft = getScroll(element, 'left');\n var modifier = subtract ? -1 : 1;\n rect.top += scrollTop * modifier;\n rect.bottom += scrollTop * modifier;\n rect.left += scrollLeft * modifier;\n rect.right += scrollLeft * modifier;\n return rect;\n}\n\n/*\n * Helper to detect borders of a given element\n * @method\n * @memberof Popper.Utils\n * @param {CSSStyleDeclaration} styles\n * Result of `getStyleComputedProperty` on the given element\n * @param {String} axis - `x` or `y`\n * @return {number} borders - The borders size of the given axis\n */\n\nfunction getBordersSize(styles, axis) {\n var sideA = axis === 'x' ? 'Left' : 'Top';\n var sideB = sideA === 'Left' ? 'Right' : 'Bottom';\n\n return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);\n}\n\n/**\n * Tells if you are running Internet Explorer 10\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean} isIE10\n */\nvar isIE10 = undefined;\n\nvar isIE10$1 = function () {\n if (isIE10 === undefined) {\n isIE10 = navigator.appVersion.indexOf('MSIE 10') !== -1;\n }\n return isIE10;\n};\n\nfunction getSize(axis, body, html, computedStyle) {\n return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE10$1() ? html['offset' + axis] + computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')] + computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')] : 0);\n}\n\nfunction getWindowSizes() {\n var body = document.body;\n var html = document.documentElement;\n var computedStyle = isIE10$1() && getComputedStyle(html);\n\n return {\n height: getSize('Height', body, html, computedStyle),\n width: getSize('Width', body, html, computedStyle)\n };\n}\n\nvar classCallCheck = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\n\n\n\n\nvar defineProperty = function (obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n};\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\n/**\n * Given element offsets, generate an output similar to getBoundingClientRect\n * @method\n * @memberof Popper.Utils\n * @argument {Object} offsets\n * @returns {Object} ClientRect like output\n */\nfunction getClientRect(offsets) {\n return _extends({}, offsets, {\n right: offsets.left + offsets.width,\n bottom: offsets.top + offsets.height\n });\n}\n\n/**\n * Get bounding client rect of given element\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} element\n * @return {Object} client rect\n */\nfunction getBoundingClientRect(element) {\n var rect = {};\n\n // IE10 10 FIX: Please, don't ask, the element isn't\n // considered in DOM in some circumstances...\n // This isn't reproducible in IE10 compatibility mode of IE11\n if (isIE10$1()) {\n try {\n rect = element.getBoundingClientRect();\n var scrollTop = getScroll(element, 'top');\n var scrollLeft = getScroll(element, 'left');\n rect.top += scrollTop;\n rect.left += scrollLeft;\n rect.bottom += scrollTop;\n rect.right += scrollLeft;\n } catch (err) {}\n } else {\n rect = element.getBoundingClientRect();\n }\n\n var result = {\n left: rect.left,\n top: rect.top,\n width: rect.right - rect.left,\n height: rect.bottom - rect.top\n };\n\n // subtract scrollbar size from sizes\n var sizes = element.nodeName === 'HTML' ? getWindowSizes() : {};\n var width = sizes.width || element.clientWidth || result.right - result.left;\n var height = sizes.height || element.clientHeight || result.bottom - result.top;\n\n var horizScrollbar = element.offsetWidth - width;\n var vertScrollbar = element.offsetHeight - height;\n\n // if an hypothetical scrollbar is detected, we must be sure it's not a `border`\n // we make this check conditional for performance reasons\n if (horizScrollbar || vertScrollbar) {\n var styles = getStyleComputedProperty(element);\n horizScrollbar -= getBordersSize(styles, 'x');\n vertScrollbar -= getBordersSize(styles, 'y');\n\n result.width -= horizScrollbar;\n result.height -= vertScrollbar;\n }\n\n return getClientRect(result);\n}\n\nfunction getOffsetRectRelativeToArbitraryNode(children, parent) {\n var isIE10 = isIE10$1();\n var isHTML = parent.nodeName === 'HTML';\n var childrenRect = getBoundingClientRect(children);\n var parentRect = getBoundingClientRect(parent);\n var scrollParent = getScrollParent(children);\n\n var styles = getStyleComputedProperty(parent);\n var borderTopWidth = parseFloat(styles.borderTopWidth, 10);\n var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);\n\n var offsets = getClientRect({\n top: childrenRect.top - parentRect.top - borderTopWidth,\n left: childrenRect.left - parentRect.left - borderLeftWidth,\n width: childrenRect.width,\n height: childrenRect.height\n });\n offsets.marginTop = 0;\n offsets.marginLeft = 0;\n\n // Subtract margins of documentElement in case it's being used as parent\n // we do this only on HTML because it's the only element that behaves\n // differently when margins are applied to it. The margins are included in\n // the box of the documentElement, in the other cases not.\n if (!isIE10 && isHTML) {\n var marginTop = parseFloat(styles.marginTop, 10);\n var marginLeft = parseFloat(styles.marginLeft, 10);\n\n offsets.top -= borderTopWidth - marginTop;\n offsets.bottom -= borderTopWidth - marginTop;\n offsets.left -= borderLeftWidth - marginLeft;\n offsets.right -= borderLeftWidth - marginLeft;\n\n // Attach marginTop and marginLeft because in some circumstances we may need them\n offsets.marginTop = marginTop;\n offsets.marginLeft = marginLeft;\n }\n\n if (isIE10 ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {\n offsets = includeScroll(offsets, parent);\n }\n\n return offsets;\n}\n\nfunction getViewportOffsetRectRelativeToArtbitraryNode(element) {\n var html = element.ownerDocument.documentElement;\n var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);\n var width = Math.max(html.clientWidth, window.innerWidth || 0);\n var height = Math.max(html.clientHeight, window.innerHeight || 0);\n\n var scrollTop = getScroll(html);\n var scrollLeft = getScroll(html, 'left');\n\n var offset = {\n top: scrollTop - relativeOffset.top + relativeOffset.marginTop,\n left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,\n width: width,\n height: height\n };\n\n return getClientRect(offset);\n}\n\n/**\n * Check if the given element is fixed or is inside a fixed parent\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {Element} customContainer\n * @returns {Boolean} answer to \"isFixed?\"\n */\nfunction isFixed(element) {\n var nodeName = element.nodeName;\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n return false;\n }\n if (getStyleComputedProperty(element, 'position') === 'fixed') {\n return true;\n }\n return isFixed(getParentNode(element));\n}\n\n/**\n * Computed the boundaries limits and return them\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} popper\n * @param {HTMLElement} reference\n * @param {number} padding\n * @param {HTMLElement} boundariesElement - Element used to define the boundaries\n * @returns {Object} Coordinates of the boundaries\n */\nfunction getBoundaries(popper, reference, padding, boundariesElement) {\n // NOTE: 1 DOM access here\n var boundaries = { top: 0, left: 0 };\n var offsetParent = findCommonOffsetParent(popper, reference);\n\n // Handle viewport case\n if (boundariesElement === 'viewport') {\n boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent);\n } else {\n // Handle other cases based on DOM element used as boundaries\n var boundariesNode = void 0;\n if (boundariesElement === 'scrollParent') {\n boundariesNode = getScrollParent(getParentNode(reference));\n if (boundariesNode.nodeName === 'BODY') {\n boundariesNode = popper.ownerDocument.documentElement;\n }\n } else if (boundariesElement === 'window') {\n boundariesNode = popper.ownerDocument.documentElement;\n } else {\n boundariesNode = boundariesElement;\n }\n\n var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent);\n\n // In case of HTML, we need a different computation\n if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {\n var _getWindowSizes = getWindowSizes(),\n height = _getWindowSizes.height,\n width = _getWindowSizes.width;\n\n boundaries.top += offsets.top - offsets.marginTop;\n boundaries.bottom = height + offsets.top;\n boundaries.left += offsets.left - offsets.marginLeft;\n boundaries.right = width + offsets.left;\n } else {\n // for all the other DOM elements, this one is good\n boundaries = offsets;\n }\n }\n\n // Add paddings\n boundaries.left += padding;\n boundaries.top += padding;\n boundaries.right -= padding;\n boundaries.bottom -= padding;\n\n return boundaries;\n}\n\nfunction getArea(_ref) {\n var width = _ref.width,\n height = _ref.height;\n\n return width * height;\n}\n\n/**\n * Utility used to transform the `auto` placement to the placement with more\n * available space.\n * @method\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {\n var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;\n\n if (placement.indexOf('auto') === -1) {\n return placement;\n }\n\n var boundaries = getBoundaries(popper, reference, padding, boundariesElement);\n\n var rects = {\n top: {\n width: boundaries.width,\n height: refRect.top - boundaries.top\n },\n right: {\n width: boundaries.right - refRect.right,\n height: boundaries.height\n },\n bottom: {\n width: boundaries.width,\n height: boundaries.bottom - refRect.bottom\n },\n left: {\n width: refRect.left - boundaries.left,\n height: boundaries.height\n }\n };\n\n var sortedAreas = Object.keys(rects).map(function (key) {\n return _extends({\n key: key\n }, rects[key], {\n area: getArea(rects[key])\n });\n }).sort(function (a, b) {\n return b.area - a.area;\n });\n\n var filteredAreas = sortedAreas.filter(function (_ref2) {\n var width = _ref2.width,\n height = _ref2.height;\n return width >= popper.clientWidth && height >= popper.clientHeight;\n });\n\n var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;\n\n var variation = placement.split('-')[1];\n\n return computedPlacement + (variation ? '-' + variation : '');\n}\n\n/**\n * Get offsets to the reference element\n * @method\n * @memberof Popper.Utils\n * @param {Object} state\n * @param {Element} popper - the popper element\n * @param {Element} reference - the reference element (the popper will be relative to this)\n * @returns {Object} An object containing the offsets which will be applied to the popper\n */\nfunction getReferenceOffsets(state, popper, reference) {\n var commonOffsetParent = findCommonOffsetParent(popper, reference);\n return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent);\n}\n\n/**\n * Get the outer sizes of the given element (offset size + margins)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Object} object containing width and height properties\n */\nfunction getOuterSizes(element) {\n var styles = getComputedStyle(element);\n var x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);\n var y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);\n var result = {\n width: element.offsetWidth + y,\n height: element.offsetHeight + x\n };\n return result;\n}\n\n/**\n * Get the opposite placement of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement\n * @returns {String} flipped placement\n */\nfunction getOppositePlacement(placement) {\n var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}\n\n/**\n * Get offsets to the popper\n * @method\n * @memberof Popper.Utils\n * @param {Object} position - CSS position the Popper will get applied\n * @param {HTMLElement} popper - the popper element\n * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)\n * @param {String} placement - one of the valid placement options\n * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper\n */\nfunction getPopperOffsets(popper, referenceOffsets, placement) {\n placement = placement.split('-')[0];\n\n // Get popper node sizes\n var popperRect = getOuterSizes(popper);\n\n // Add position, width and height to our offsets object\n var popperOffsets = {\n width: popperRect.width,\n height: popperRect.height\n };\n\n // depending by the popper placement we have to compute its offsets slightly differently\n var isHoriz = ['right', 'left'].indexOf(placement) !== -1;\n var mainSide = isHoriz ? 'top' : 'left';\n var secondarySide = isHoriz ? 'left' : 'top';\n var measurement = isHoriz ? 'height' : 'width';\n var secondaryMeasurement = !isHoriz ? 'height' : 'width';\n\n popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;\n if (placement === secondarySide) {\n popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];\n } else {\n popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];\n }\n\n return popperOffsets;\n}\n\n/**\n * Mimics the `find` method of Array\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\nfunction find(arr, check) {\n // use native find if supported\n if (Array.prototype.find) {\n return arr.find(check);\n }\n\n // use `filter` to obtain the same behavior of `find`\n return arr.filter(check)[0];\n}\n\n/**\n * Return the index of the matching object\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\nfunction findIndex(arr, prop, value) {\n // use native findIndex if supported\n if (Array.prototype.findIndex) {\n return arr.findIndex(function (cur) {\n return cur[prop] === value;\n });\n }\n\n // use `find` + `indexOf` if `findIndex` isn't supported\n var match = find(arr, function (obj) {\n return obj[prop] === value;\n });\n return arr.indexOf(match);\n}\n\n/**\n * Loop trough the list of modifiers and run them in order,\n * each of them will then edit the data object.\n * @method\n * @memberof Popper.Utils\n * @param {dataObject} data\n * @param {Array} modifiers\n * @param {String} ends - Optional modifier name used as stopper\n * @returns {dataObject}\n */\nfunction runModifiers(modifiers, data, ends) {\n var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));\n\n modifiersToRun.forEach(function (modifier) {\n if (modifier['function']) {\n // eslint-disable-line dot-notation\n console.warn('`modifier.function` is deprecated, use `modifier.fn`!');\n }\n var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation\n if (modifier.enabled && isFunction(fn)) {\n // Add properties to offsets to make them a complete clientRect object\n // we do this before each modifier to make sure the previous one doesn't\n // mess with these values\n data.offsets.popper = getClientRect(data.offsets.popper);\n data.offsets.reference = getClientRect(data.offsets.reference);\n\n data = fn(data, modifier);\n }\n });\n\n return data;\n}\n\n/**\n * Updates the position of the popper, computing the new offsets and applying\n * the new style.<br />\n * Prefer `scheduleUpdate` over `update` because of performance reasons.\n * @method\n * @memberof Popper\n */\nfunction update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n var data = {\n instance: this,\n styles: {},\n arrowStyles: {},\n attributes: {},\n flipped: false,\n offsets: {}\n };\n\n // compute reference element offsets\n data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);\n\n // store the computed placement inside `originalPlacement`\n data.originalPlacement = data.placement;\n\n // compute the popper offsets\n data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);\n data.offsets.popper.position = 'absolute';\n\n // run the modifiers\n data = runModifiers(this.modifiers, data);\n\n // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n}\n\n/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\nfunction isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(function (_ref) {\n var name = _ref.name,\n enabled = _ref.enabled;\n return enabled && name === modifierName;\n });\n}\n\n/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)\n */\nfunction getSupportedPropertyName(property) {\n var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];\n var upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (var i = 0; i < prefixes.length - 1; i++) {\n var prefix = prefixes[i];\n var toCheck = prefix ? '' + prefix + upperProp : property;\n if (typeof document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n return null;\n}\n\n/**\n * Destroy the popper\n * @method\n * @memberof Popper\n */\nfunction destroy() {\n this.state.isDestroyed = true;\n\n // touch DOM only if `applyStyle` modifier is enabled\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.left = '';\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners();\n\n // remove the popper if user explicity asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n return this;\n}\n\n/**\n * Get the window associated with the element\n * @argument {Element} element\n * @returns {Window}\n */\nfunction getWindow(element) {\n var ownerDocument = element.ownerDocument;\n return ownerDocument ? ownerDocument.defaultView : window;\n}\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n var isBody = scrollParent.nodeName === 'BODY';\n var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;\n target.addEventListener(event, callback, { passive: true });\n\n if (!isBody) {\n attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);\n }\n scrollParents.push(target);\n}\n\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nfunction setupEventListeners(reference, options, state, updateBound) {\n // Resize event listener on window\n state.updateBound = updateBound;\n getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });\n\n // Scroll event listener on scroll parents\n var scrollElement = getScrollParent(reference);\n attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n\n return state;\n}\n\n/**\n * It will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered.\n * @method\n * @memberof Popper\n */\nfunction enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);\n }\n}\n\n/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nfunction removeEventListeners(reference, state) {\n // Remove resize event listener on window\n getWindow(reference).removeEventListener('resize', state.updateBound);\n\n // Remove scroll event listener on scroll parents\n state.scrollParents.forEach(function (target) {\n target.removeEventListener('scroll', state.updateBound);\n });\n\n // Reset state\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n\n/**\n * It will remove resize/scroll events and won't recalculate popper position\n * when they are triggered. It also won't trigger onUpdate callback anymore,\n * unless you call `update` method manually.\n * @method\n * @memberof Popper\n */\nfunction disableEventListeners() {\n if (this.state.eventsEnabled) {\n cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n}\n\n/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\nfunction isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nfunction setStyles(element, styles) {\n Object.keys(styles).forEach(function (prop) {\n var unit = '';\n // add unit if the value is numeric and is one of the following\n if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {\n unit = 'px';\n }\n element.style[prop] = styles[prop] + unit;\n });\n}\n\n/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles\n * Object with a list of properties and values which will be applied to the element\n */\nfunction setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function (prop) {\n var value = attributes[prop];\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\nfunction applyStyle(data) {\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, data.styles);\n\n // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n setAttributes(data.instance.popper, data.attributes);\n\n // if arrowElement is defined and arrowStyles has some properties\n if (data.arrowElement && Object.keys(data.arrowStyles).length) {\n setStyles(data.arrowElement, data.arrowStyles);\n }\n\n return data;\n}\n\n/**\n * Set the x-placement attribute before everything else because it could be used\n * to add margins to the popper margins needs to be calculated to get the\n * correct popper offsets.\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper.\n * @param {Object} options - Popper.js options\n */\nfunction applyStyleOnLoad(reference, popper, options, modifierOptions, state) {\n // compute reference element offsets\n var referenceOffsets = getReferenceOffsets(state, popper, reference);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);\n\n popper.setAttribute('x-placement', placement);\n\n // Apply `position` to popper before anything else because\n // without the position applied we can't guarantee correct computations\n setStyles(popper, { position: 'absolute' });\n\n return options;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction computeStyle(data, options) {\n var x = options.x,\n y = options.y;\n var popper = data.offsets.popper;\n\n // Remove this legacy support in Popper.js v2\n\n var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'applyStyle';\n }).gpuAcceleration;\n if (legacyGpuAccelerationOption !== undefined) {\n console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');\n }\n var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;\n\n var offsetParent = getOffsetParent(data.instance.popper);\n var offsetParentRect = getBoundingClientRect(offsetParent);\n\n // Styles\n var styles = {\n position: popper.position\n };\n\n // floor sides to avoid blurry text\n var offsets = {\n left: Math.floor(popper.left),\n top: Math.floor(popper.top),\n bottom: Math.floor(popper.bottom),\n right: Math.floor(popper.right)\n };\n\n var sideA = x === 'bottom' ? 'top' : 'bottom';\n var sideB = y === 'right' ? 'left' : 'right';\n\n // if gpuAcceleration is set to `true` and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n var prefixedProperty = getSupportedPropertyName('transform');\n\n // now, let's make a step back and look at this code closely (wtf?)\n // If the content of the popper grows once it's been positioned, it\n // may happen that the popper gets misplaced because of the new content\n // overflowing its reference element\n // To avoid this problem, we provide two options (x and y), which allow\n // the consumer to define the offset origin.\n // If we position a popper on top of a reference element, we can set\n // `x` to `top` to make the popper grow towards its top instead of\n // its bottom.\n var left = void 0,\n top = void 0;\n if (sideA === 'bottom') {\n top = -offsetParentRect.height + offsets.bottom;\n } else {\n top = offsets.top;\n }\n if (sideB === 'right') {\n left = -offsetParentRect.width + offsets.right;\n } else {\n left = offsets.left;\n }\n if (gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';\n styles[sideA] = 0;\n styles[sideB] = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties\n var invertTop = sideA === 'bottom' ? -1 : 1;\n var invertLeft = sideB === 'right' ? -1 : 1;\n styles[sideA] = top * invertTop;\n styles[sideB] = left * invertLeft;\n styles.willChange = sideA + ', ' + sideB;\n }\n\n // Attributes\n var attributes = {\n 'x-placement': data.placement\n };\n\n // Update `data` attributes, styles and arrowStyles\n data.attributes = _extends({}, attributes, data.attributes);\n data.styles = _extends({}, styles, data.styles);\n data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);\n\n return data;\n}\n\n/**\n * Helper used to know if the given modifier depends from another one.<br />\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\nfunction isModifierRequired(modifiers, requestingName, requestedName) {\n var requesting = find(modifiers, function (_ref) {\n var name = _ref.name;\n return name === requestingName;\n });\n\n var isRequired = !!requesting && modifiers.some(function (modifier) {\n return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;\n });\n\n if (!isRequired) {\n var _requesting = '`' + requestingName + '`';\n var requested = '`' + requestedName + '`';\n console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');\n }\n return isRequired;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction arrow(data, options) {\n var _data$offsets$arrow;\n\n // arrow depends on keepTogether in order to work\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n return data;\n }\n\n var arrowElement = options.element;\n\n // if arrowElement is a string, suppose it's a CSS selector\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement);\n\n // if arrowElement is not found, don't run the modifier\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn('WARNING: `arrow.element` must be child of its popper element!');\n return data;\n }\n }\n\n var placement = data.placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n\n var isVertical = ['left', 'right'].indexOf(placement) !== -1;\n\n var len = isVertical ? 'height' : 'width';\n var sideCapitalized = isVertical ? 'Top' : 'Left';\n var side = sideCapitalized.toLowerCase();\n var altSide = isVertical ? 'left' : 'top';\n var opSide = isVertical ? 'bottom' : 'right';\n var arrowElementSize = getOuterSizes(arrowElement)[len];\n\n //\n // extends keepTogether behavior making sure the popper and its\n // reference have enough pixels in conjuction\n //\n\n // top/left side\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);\n }\n // bottom/right side\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];\n }\n data.offsets.popper = getClientRect(data.offsets.popper);\n\n // compute center of the popper\n var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;\n\n // Compute the sideValue using the updated popper offsets\n // take popper margin in account because we don't have this info available\n var css = getStyleComputedProperty(data.instance.popper);\n var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);\n var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);\n var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;\n\n // prevent arrowElement from being placed not contiguously to its popper\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n\n data.arrowElement = arrowElement;\n data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);\n\n return data;\n}\n\n/**\n * Get the opposite placement variation of the given one\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\nfunction getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n return variation;\n}\n\n/**\n * List of accepted placements to use as values of the `placement` option.<br />\n * Valid placements are:\n * - `auto`\n * - `top`\n * - `right`\n * - `bottom`\n * - `left`\n *\n * Each placement can have a variation from this list:\n * - `-start`\n * - `-end`\n *\n * Variations are interpreted easily if you think of them as the left to right\n * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`\n * is right.<br />\n * Vertically (`left` and `right`), `start` is top and `end` is bottom.\n *\n * Some valid examples are:\n * - `top-end` (on top of reference, right aligned)\n * - `right-start` (on right of reference, top aligned)\n * - `bottom` (on bottom, centered)\n * - `auto-right` (on the side with more space available, alignment depends by placement)\n *\n * @static\n * @type {Array}\n * @enum {String}\n * @readonly\n * @method placements\n * @memberof Popper\n */\nvar placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];\n\n// Get rid of `auto` `auto-start` and `auto-end`\nvar validPlacements = placements.slice(3);\n\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\nfunction clockwise(placement) {\n var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n\n var index = validPlacements.indexOf(placement);\n var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n\nvar BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise'\n};\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement);\n\n var placement = data.placement.split('-')[0];\n var placementOpposite = getOppositePlacement(placement);\n var variation = data.placement.split('-')[1] || '';\n\n var flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach(function (step, index) {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n\n var popperOffsets = data.offsets.popper;\n var refOffsets = data.offsets.reference;\n\n // using floor because the reference offsets may contain decimals we are not going to consider here\n var floor = Math.floor;\n var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);\n\n var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);\n\n var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;\n\n // flip the variation if required\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n var flippedVariation = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : '');\n\n // this object contains `position`, we want to preserve it along with\n // any additional property we may add in the future\n data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));\n\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction keepTogether(data) {\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n\n var placement = data.placement.split('-')[0];\n var floor = Math.floor;\n var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n var side = isVertical ? 'right' : 'bottom';\n var opSide = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];\n }\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n\n/**\n * Converts a string containing value + unit into a px value number\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} str - Value + unit string\n * @argument {String} measurement - `height` or `width`\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @returns {Number|String}\n * Value in pixels, or original string if no values were extracted\n */\nfunction toValue(str, measurement, popperOffsets, referenceOffsets) {\n // separate value from unit\n var split = str.match(/((?:\\-|\\+)?\\d*\\.?\\d*)(.*)/);\n var value = +split[1];\n var unit = split[2];\n\n // If it's not a number it's an operator, I guess\n if (!value) {\n return str;\n }\n\n if (unit.indexOf('%') === 0) {\n var element = void 0;\n switch (unit) {\n case '%p':\n element = popperOffsets;\n break;\n case '%':\n case '%r':\n default:\n element = referenceOffsets;\n }\n\n var rect = getClientRect(element);\n return rect[measurement] / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n var size = void 0;\n if (unit === 'vh') {\n size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n } else {\n size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n }\n return size / 100 * value;\n } else {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n // if is an implicit unit, it's px, and we return just the value\n return value;\n }\n}\n\n/**\n * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.\n * @function\n * @memberof {modifiers~offset}\n * @private\n * @argument {String} offset\n * @argument {Object} popperOffsets\n * @argument {Object} referenceOffsets\n * @argument {String} basePlacement\n * @returns {Array} a two cells array with x and y offsets in numbers\n */\nfunction parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {\n var offsets = [0, 0];\n\n // Use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;\n\n // Split the offset string to obtain a list of values and operands\n // The regex addresses values with the plus or minus sign in front (+10, -20, etc)\n var fragments = offset.split(/(\\+|\\-)/).map(function (frag) {\n return frag.trim();\n });\n\n // Detect if the offset string contains a pair of values or a single one\n // they could be separated by comma or space\n var divider = fragments.indexOf(find(fragments, function (frag) {\n return frag.search(/,|\\s/) !== -1;\n }));\n\n if (fragments[divider] && fragments[divider].indexOf(',') === -1) {\n console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');\n }\n\n // If divider is found, we divide the list of values and operands to divide\n // them by ofset X and Y.\n var splitRegex = /\\s*,\\s*|\\s+/;\n var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];\n\n // Convert the values with units to absolute pixels to allow our computations\n ops = ops.map(function (op, index) {\n // Most of the units rely on the orientation of the popper\n var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';\n var mergeWithPrevious = false;\n return op\n // This aggregates any `+` or `-` sign that aren't considered operators\n // e.g.: 10 + +5 => [10, +, +5]\n .reduce(function (a, b) {\n if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {\n a[a.length - 1] = b;\n mergeWithPrevious = true;\n return a;\n } else if (mergeWithPrevious) {\n a[a.length - 1] += b;\n mergeWithPrevious = false;\n return a;\n } else {\n return a.concat(b);\n }\n }, [])\n // Here we convert the string values into number values (in px)\n .map(function (str) {\n return toValue(str, measurement, popperOffsets, referenceOffsets);\n });\n });\n\n // Loop trough the offsets arrays and execute the operations\n ops.forEach(function (op, index) {\n op.forEach(function (frag, index2) {\n if (isNumeric(frag)) {\n offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);\n }\n });\n });\n return offsets;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * The offset value as described in the modifier description\n * @returns {Object} The data object, properly modified\n */\nfunction offset(data, _ref) {\n var offset = _ref.offset;\n var placement = data.placement,\n _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n\n var basePlacement = placement.split('-')[0];\n\n var offsets = void 0;\n if (isNumeric(+offset)) {\n offsets = [+offset, 0];\n } else {\n offsets = parseOffset(offset, popper, reference, basePlacement);\n }\n\n if (basePlacement === 'left') {\n popper.top += offsets[0];\n popper.left -= offsets[1];\n } else if (basePlacement === 'right') {\n popper.top += offsets[0];\n popper.left += offsets[1];\n } else if (basePlacement === 'top') {\n popper.left += offsets[0];\n popper.top -= offsets[1];\n } else if (basePlacement === 'bottom') {\n popper.left += offsets[0];\n popper.top += offsets[1];\n }\n\n data.popper = popper;\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction preventOverflow(data, options) {\n var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);\n\n // If offsetParent is the reference element, we really want to\n // go one step up and use the next offsetParent as reference to\n // avoid to make this modifier completely useless and look like broken\n if (data.instance.reference === boundariesElement) {\n boundariesElement = getOffsetParent(boundariesElement);\n }\n\n var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement);\n options.boundaries = boundaries;\n\n var order = options.priority;\n var popper = data.offsets.popper;\n\n var check = {\n primary: function primary(placement) {\n var value = popper[placement];\n if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n return defineProperty({}, placement, value);\n },\n secondary: function secondary(placement) {\n var mainSide = placement === 'right' ? 'left' : 'top';\n var value = popper[mainSide];\n if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {\n value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));\n }\n return defineProperty({}, mainSide, value);\n }\n };\n\n order.forEach(function (placement) {\n var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';\n popper = _extends({}, popper, check[side](placement));\n });\n\n data.offsets.popper = popper;\n\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction shift(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var shiftvariation = placement.split('-')[1];\n\n // if shift shiftvariation is specified, run the modifier\n if (shiftvariation) {\n var _data$offsets = data.offsets,\n reference = _data$offsets.reference,\n popper = _data$offsets.popper;\n\n var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n var side = isVertical ? 'left' : 'top';\n var measurement = isVertical ? 'width' : 'height';\n\n var shiftOffsets = {\n start: defineProperty({}, side, reference[side]),\n end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])\n };\n\n data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);\n }\n\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n return data;\n }\n\n var refRect = data.offsets.reference;\n var bound = find(data.instance.modifiers, function (modifier) {\n return modifier.name === 'preventOverflow';\n }).boundaries;\n\n if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n\n/**\n * @function\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nfunction inner(data) {\n var placement = data.placement;\n var basePlacement = placement.split('-')[0];\n var _data$offsets = data.offsets,\n popper = _data$offsets.popper,\n reference = _data$offsets.reference;\n\n var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n\n var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n\n popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n\n return data;\n}\n\n/**\n * Modifier function, each modifier can have a function of this type assigned\n * to its `fn` property.<br />\n * These functions will be called on each update, this means that you must\n * make sure they are performant enough to avoid performance bottlenecks.\n *\n * @function ModifierFn\n * @argument {dataObject} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {dataObject} The data object, properly modified\n */\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.<br />\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `fn` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\nvar modifiers = {\n /**\n * Modifier used to shift the popper on the start or end of its reference\n * element.<br />\n * It will read the variation of the `placement` property.<br />\n * It can be one either `-end` or `-start`.\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {number} order=100 - Index used to define the order of execution */\n order: 100,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: shift\n },\n\n /**\n * The `offset` modifier can shift your popper on both its axis.\n *\n * It accepts the following units:\n * - `px` or unitless, interpreted as pixels\n * - `%` or `%r`, percentage relative to the length of the reference element\n * - `%p`, percentage relative to the length of the popper element\n * - `vw`, CSS viewport width unit\n * - `vh`, CSS viewport height unit\n *\n * For length is intended the main axis relative to the placement of the popper.<br />\n * This means that if the placement is `top` or `bottom`, the length will be the\n * `width`. In case of `left` or `right`, it will be the height.\n *\n * You can provide a single value (as `Number` or `String`), or a pair of values\n * as `String` divided by a comma or one (or more) white spaces.<br />\n * The latter is a deprecated method because it leads to confusion and will be\n * removed in v2.<br />\n * Additionally, it accepts additions and subtractions between different units.\n * Note that multiplications and divisions aren't supported.\n *\n * Valid examples are:\n * ```\n * 10\n * '10%'\n * '10, 10'\n * '10%, 10'\n * '10 + 10%'\n * '10 - 5vh + 3%'\n * '-10px + 5vh, 5px - 6%'\n * ```\n * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap\n * > with their reference element, unfortunately, you will have to disable the `flip` modifier.\n * > More on this [reading this issue](https://github.com/FezVrasta/popper.js/issues/373)\n *\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {number} order=200 - Index used to define the order of execution */\n order: 200,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: offset,\n /** @prop {Number|String} offset=0\n * The offset value as described in the modifier description\n */\n offset: 0\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * An scenario exists where the reference itself is not within the boundaries.<br />\n * We can say it has \"escaped the boundaries\" — or just \"escaped\".<br />\n * In this case we need to decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should ignore the boundary and \"escape with its reference\"\n *\n * When `escapeWithReference` is set to`true` and reference is completely\n * outside its boundaries, the popper will overflow (or completely leave)\n * the boundaries in order to remain attached to the edge of the reference.\n *\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {number} order=300 - Index used to define the order of execution */\n order: 300,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: preventOverflow,\n /**\n * @prop {Array} [priority=['left','right','top','bottom']]\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n /**\n * @prop {number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper this makes sure the popper has always a little padding\n * between the edges of its container\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier, can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent'\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near eachothers\n * without leaving any gap between the two. Expecially useful when the arrow is\n * enabled and you want to assure it to point to its reference element.\n * It cares only about the first axis, you can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {number} order=400 - Index used to define the order of execution */\n order: 400,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: keepTogether\n },\n\n /**\n * This modifier is used to move the `arrowElement` of the popper to make\n * sure it is positioned between the reference element and its popper element.\n * It will read the outer size of the `arrowElement` node to detect how many\n * pixels of conjuction are needed.\n *\n * It has no effect if no `arrowElement` is provided.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {number} order=500 - Index used to define the order of execution */\n order: 500,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: arrow,\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]'\n },\n\n /**\n * Modifier used to flip the popper's placement when it starts to overlap its\n * reference element.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n *\n * **NOTE:** this modifier will interrupt the current update cycle and will\n * restart it if it detects the need to flip the placement.\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {number} order=600 - Index used to define the order of execution */\n order: 600,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: flip,\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations).\n */\n behavior: 'flip',\n /**\n * @prop {number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position,\n * the popper will never be placed outside of the defined boundaries\n * (except if keepTogether is enabled)\n */\n boundariesElement: 'viewport'\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {number} order=700 - Index used to define the order of execution */\n order: 700,\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n /** @prop {ModifierFn} */\n fn: inner\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set a `x-out-of-boundaries` attribute which can\n * be used to hide with a CSS selector the popper when its reference is\n * out of boundaries.\n *\n * Requires the `preventOverflow` modifier before it in order to work.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {number} order=800 - Index used to define the order of execution */\n order: 800,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: hide\n },\n\n /**\n * Computes the style that will be applied to the popper element to gets\n * properly positioned.\n *\n * Note that this modifier will not touch the DOM, it just prepares the styles\n * so that `applyStyle` modifier can apply it. This separation is useful\n * in case you need to replace `applyStyle` with a custom implementation.\n *\n * This modifier has `850` as `order` value to maintain backward compatibility\n * with previous versions of Popper.js. Expect the modifiers ordering method\n * to change in future major versions of the library.\n *\n * @memberof modifiers\n * @inner\n */\n computeStyle: {\n /** @prop {number} order=850 - Index used to define the order of execution */\n order: 850,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: computeStyle,\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3d transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties.\n */\n gpuAcceleration: true,\n /**\n * @prop {string} [x='bottom']\n * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.\n * Change this if your popper should grow in a direction different from `bottom`\n */\n x: 'bottom',\n /**\n * @prop {string} [x='left']\n * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.\n * Change this if your popper should grow in a direction different from `right`\n */\n y: 'right'\n },\n\n /**\n * Applies the computed styles to the popper element.\n *\n * All the DOM manipulations are limited to this modifier. This is useful in case\n * you want to integrate Popper.js inside a framework or view library and you\n * want to delegate all the DOM manipulations to it.\n *\n * Note that if you disable this modifier, you must make sure the popper element\n * has its position set to `absolute` before Popper.js can do its work!\n *\n * Just disable this modifier and define you own to achieve the desired effect.\n *\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {number} order=900 - Index used to define the order of execution */\n order: 900,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {ModifierFn} */\n fn: applyStyle,\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n /**\n * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3d transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties.\n */\n gpuAcceleration: undefined\n }\n};\n\n/**\n * The `dataObject` is an object containing all the informations used by Popper.js\n * this object get passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper.\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper, it expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow, it expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements.\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0\n */\n\n/**\n * Default options provided to Popper.js constructor.<br />\n * These can be overriden using the `options` argument of Popper.js.<br />\n * To override an option, simply pass as 3rd argument an object with the same\n * structure of this object, example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @type {Object}\n * @static\n * @memberof Popper\n */\nvar Defaults = {\n /**\n * Popper's placement\n * @prop {Popper.placements} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Whether events (resize, scroll) are initially enabled\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.<br />\n * By default, is set to no-op.<br />\n * Access Popper.js instance with `data.instance`.\n * @prop {onCreate}\n */\n onCreate: function onCreate() {},\n\n /**\n * Callback called when the popper is updated, this callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.<br />\n * By default, is set to no-op.<br />\n * Access Popper.js instance with `data.instance`.\n * @prop {onUpdate}\n */\n onUpdate: function onUpdate() {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js\n * @prop {modifiers}\n */\n modifiers: modifiers\n};\n\n/**\n * @callback onCreate\n * @param {dataObject} data\n */\n\n/**\n * @callback onUpdate\n * @param {dataObject} data\n */\n\n// Utils\n// Methods\nvar Popper = function () {\n /**\n * Create a new Popper.js instance\n * @class Popper\n * @param {HTMLElement|referenceObject} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper.\n * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\n function Popper(reference, popper) {\n var _this = this;\n\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n classCallCheck(this, Popper);\n\n this.scheduleUpdate = function () {\n return requestAnimationFrame(_this.update);\n };\n\n // make update() debounced, so that it only runs at most once-per-tick\n this.update = debounce(this.update.bind(this));\n\n // with {} we create a new object with the options inside it\n this.options = _extends({}, Popper.Defaults, options);\n\n // init state\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: []\n };\n\n // get reference and popper elements (allow jQuery wrappers)\n this.reference = reference && reference.jquery ? reference[0] : reference;\n this.popper = popper && popper.jquery ? popper[0] : popper;\n\n // Deep merge modifiers options\n this.options.modifiers = {};\n Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {\n _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});\n });\n\n // Refactoring modifiers' list (Object => Array)\n this.modifiers = Object.keys(this.options.modifiers).map(function (name) {\n return _extends({\n name: name\n }, _this.options.modifiers[name]);\n })\n // sort the modifiers by order\n .sort(function (a, b) {\n return a.order - b.order;\n });\n\n // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n this.modifiers.forEach(function (modifierOptions) {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);\n }\n });\n\n // fire the first update to position the popper in the right place\n this.update();\n\n var eventsEnabled = this.options.eventsEnabled;\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n }\n\n // We can't use class properties because they don't get listed in the\n // class prototype and break stuff like Sinon stubs\n\n\n createClass(Popper, [{\n key: 'update',\n value: function update$$1() {\n return update.call(this);\n }\n }, {\n key: 'destroy',\n value: function destroy$$1() {\n return destroy.call(this);\n }\n }, {\n key: 'enableEventListeners',\n value: function enableEventListeners$$1() {\n return enableEventListeners.call(this);\n }\n }, {\n key: 'disableEventListeners',\n value: function disableEventListeners$$1() {\n return disableEventListeners.call(this);\n }\n\n /**\n * Schedule an update, it will run on the next UI update available\n * @method scheduleUpdate\n * @memberof Popper\n */\n\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n *\n * **DEPRECATION**: This way to access PopperUtils is deprecated\n * and will be removed in v2! Use the PopperUtils module directly instead.\n * Due to the high instability of the methods contained in Utils, we can't\n * guarantee them to follow semver. Use them at your own risk!\n * @static\n * @private\n * @type {Object}\n * @deprecated since version 1.8\n * @member Utils\n * @memberof Popper\n */\n\n }]);\n return Popper;\n}();\n\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.<br />\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n *\n * ```\n * new Popper(referenceObject, popperNode);\n * ```\n *\n * NB: This feature isn't supported in Internet Explorer 10\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect\n * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {number} data.clientWidth\n * An ES6 getter that will return the width of the virtual reference element.\n * @property {number} data.clientHeight\n * An ES6 getter that will return the height of the virtual reference element.\n */\n\n\nPopper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;\nPopper.placements = placements;\nPopper.Defaults = Defaults;\n\nexport default Popper;\n//# sourceMappingURL=popper.js.map\n","import $ from 'jquery'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): util.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Util = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Private TransitionEnd Helpers\n * ------------------------------------------------------------------------\n */\n\n let transition = false\n\n const MAX_UID = 1000000\n\n // Shoutout AngusCroll (https://goo.gl/pxwQGp)\n function toType(obj) {\n return {}.toString.call(obj).match(/\\s([a-zA-Z]+)/)[1].toLowerCase()\n }\n\n function getSpecialTransitionEndEvent() {\n return {\n bindType: transition.end,\n delegateType: transition.end,\n handle(event) {\n if ($(event.target).is(this)) {\n return event.handleObj.handler.apply(this, arguments) // eslint-disable-line prefer-rest-params\n }\n return undefined // eslint-disable-line no-undefined\n }\n }\n }\n\n function transitionEndTest() {\n if (typeof window !== 'undefined' && window.QUnit) {\n return false\n }\n\n return {\n end: 'transitionend'\n }\n }\n\n function transitionEndEmulator(duration) {\n let called = false\n\n $(this).one(Util.TRANSITION_END, () => {\n called = true\n })\n\n setTimeout(() => {\n if (!called) {\n Util.triggerTransitionEnd(this)\n }\n }, duration)\n\n return this\n }\n\n function setTransitionEndSupport() {\n transition = transitionEndTest()\n\n $.fn.emulateTransitionEnd = transitionEndEmulator\n\n if (Util.supportsTransitionEnd()) {\n $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent()\n }\n }\n\n function escapeId(selector) {\n // We escape IDs in case of special selectors (selector = '#myId:something')\n // $.escapeSelector does not exist in jQuery < 3\n selector = typeof $.escapeSelector === 'function' ? $.escapeSelector(selector).substr(1)\n : selector.replace(/(:|\\.|\\[|\\]|,|=|@)/g, '\\\\$1')\n\n return selector\n }\n\n /**\n * --------------------------------------------------------------------------\n * Public Util Api\n * --------------------------------------------------------------------------\n */\n\n const Util = {\n\n TRANSITION_END: 'bsTransitionEnd',\n\n getUID(prefix) {\n do {\n // eslint-disable-next-line no-bitwise\n prefix += ~~(Math.random() * MAX_UID) // \"~~\" acts like a faster Math.floor() here\n } while (document.getElementById(prefix))\n return prefix\n },\n\n getSelectorFromElement(element) {\n let selector = element.getAttribute('data-target')\n if (!selector || selector === '#') {\n selector = element.getAttribute('href') || ''\n }\n\n // If it's an ID\n if (selector.charAt(0) === '#') {\n selector = escapeId(selector)\n }\n\n try {\n const $selector = $(document).find(selector)\n return $selector.length > 0 ? selector : null\n } catch (err) {\n return null\n }\n },\n\n reflow(element) {\n return element.offsetHeight\n },\n\n triggerTransitionEnd(element) {\n $(element).trigger(transition.end)\n },\n\n supportsTransitionEnd() {\n return Boolean(transition)\n },\n\n isElement(obj) {\n return (obj[0] || obj).nodeType\n },\n\n typeCheckConfig(componentName, config, configTypes) {\n for (const property in configTypes) {\n if (Object.prototype.hasOwnProperty.call(configTypes, property)) {\n const expectedTypes = configTypes[property]\n const value = config[property]\n const valueType = value && Util.isElement(value)\n ? 'element' : toType(value)\n\n if (!new RegExp(expectedTypes).test(valueType)) {\n throw new Error(\n `${componentName.toUpperCase()}: ` +\n `Option \"${property}\" provided type \"${valueType}\" ` +\n `but expected type \"${expectedTypes}\".`)\n }\n }\n }\n }\n }\n\n setTransitionEndSupport()\n\n return Util\n})($)\n\nexport default Util\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Alert = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'alert'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.alert'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n\n const Selector = {\n DISMISS : '[data-dismiss=\"alert\"]'\n }\n\n const Event = {\n CLOSE : `close${EVENT_KEY}`,\n CLOSED : `closed${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n ALERT : 'alert',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n close(element) {\n element = element || this._element\n\n const rootElement = this._getRootElement(element)\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = $(selector)[0]\n }\n\n if (!parent) {\n parent = $(element).closest(`.${ClassName.ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(Event.CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(ClassName.SHOW)\n\n if (!Util.supportsTransitionEnd() ||\n !$(element).hasClass(ClassName.FADE)) {\n this._destroyElement(element)\n return\n }\n\n $(element)\n .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))\n .emulateTransitionEnd(TRANSITION_DURATION)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(Event.CLOSED)\n .remove()\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(\n Event.CLICK_DATA_API,\n Selector.DISMISS,\n Alert._handleDismiss(new Alert())\n )\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Alert._jQueryInterface\n $.fn[NAME].Constructor = Alert\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n }\n\n return Alert\n})($)\n\nexport default Alert\n","import $ from 'jquery'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): button.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Button = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'button'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.button'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const ClassName = {\n ACTIVE : 'active',\n BUTTON : 'btn',\n FOCUS : 'focus'\n }\n\n const Selector = {\n DATA_TOGGLE_CARROT : '[data-toggle^=\"button\"]',\n DATA_TOGGLE : '[data-toggle=\"buttons\"]',\n INPUT : 'input',\n ACTIVE : '.active',\n BUTTON : '.btn'\n }\n\n const Event = {\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`,\n FOCUS_BLUR_DATA_API : `focus${EVENT_KEY}${DATA_API_KEY} ` +\n `blur${EVENT_KEY}${DATA_API_KEY}`\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Button {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n toggle() {\n let triggerChangeEvent = true\n let addAriaPressed = true\n const rootElement = $(this._element).closest(\n Selector.DATA_TOGGLE\n )[0]\n\n if (rootElement) {\n const input = $(this._element).find(Selector.INPUT)[0]\n\n if (input) {\n if (input.type === 'radio') {\n if (input.checked &&\n $(this._element).hasClass(ClassName.ACTIVE)) {\n triggerChangeEvent = false\n } else {\n const activeElement = $(rootElement).find(Selector.ACTIVE)[0]\n\n if (activeElement) {\n $(activeElement).removeClass(ClassName.ACTIVE)\n }\n }\n }\n\n if (triggerChangeEvent) {\n if (input.hasAttribute('disabled') ||\n rootElement.hasAttribute('disabled') ||\n input.classList.contains('disabled') ||\n rootElement.classList.contains('disabled')) {\n return\n }\n input.checked = !$(this._element).hasClass(ClassName.ACTIVE)\n $(input).trigger('change')\n }\n\n input.focus()\n addAriaPressed = false\n }\n }\n\n if (addAriaPressed) {\n this._element.setAttribute('aria-pressed',\n !$(this._element).hasClass(ClassName.ACTIVE))\n }\n\n if (triggerChangeEvent) {\n $(this._element).toggleClass(ClassName.ACTIVE)\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n\n if (!data) {\n data = new Button(this)\n $(this).data(DATA_KEY, data)\n }\n\n if (config === 'toggle') {\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {\n event.preventDefault()\n\n let button = event.target\n\n if (!$(button).hasClass(ClassName.BUTTON)) {\n button = $(button).closest(Selector.BUTTON)\n }\n\n Button._jQueryInterface.call($(button), 'toggle')\n })\n .on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {\n const button = $(event.target).closest(Selector.BUTTON)[0]\n $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type))\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Button._jQueryInterface\n $.fn[NAME].Constructor = Button\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Button._jQueryInterface\n }\n\n return Button\n})($)\n\nexport default Button\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Carousel = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'carousel'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.carousel'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 600\n const ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key\n const ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key\n const TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\n\n const Default = {\n interval : 5000,\n keyboard : true,\n slide : false,\n pause : 'hover',\n wrap : true\n }\n\n const DefaultType = {\n interval : '(number|boolean)',\n keyboard : 'boolean',\n slide : '(boolean|string)',\n pause : '(string|boolean)',\n wrap : 'boolean'\n }\n\n const Direction = {\n NEXT : 'next',\n PREV : 'prev',\n LEFT : 'left',\n RIGHT : 'right'\n }\n\n const Event = {\n SLIDE : `slide${EVENT_KEY}`,\n SLID : `slid${EVENT_KEY}`,\n KEYDOWN : `keydown${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`,\n TOUCHEND : `touchend${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n CAROUSEL : 'carousel',\n ACTIVE : 'active',\n SLIDE : 'slide',\n RIGHT : 'carousel-item-right',\n LEFT : 'carousel-item-left',\n NEXT : 'carousel-item-next',\n PREV : 'carousel-item-prev',\n ITEM : 'carousel-item'\n }\n\n const Selector = {\n ACTIVE : '.active',\n ACTIVE_ITEM : '.active.carousel-item',\n ITEM : '.carousel-item',\n NEXT_PREV : '.carousel-item-next, .carousel-item-prev',\n INDICATORS : '.carousel-indicators',\n DATA_SLIDE : '[data-slide], [data-slide-to]',\n DATA_RIDE : '[data-ride=\"carousel\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Carousel {\n constructor(element, config) {\n this._items = null\n this._interval = null\n this._activeElement = null\n\n this._isPaused = false\n this._isSliding = false\n\n this.touchTimeout = null\n\n this._config = this._getConfig(config)\n this._element = $(element)[0]\n this._indicatorsElement = $(this._element).find(Selector.INDICATORS)[0]\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n next() {\n if (!this._isSliding) {\n this._slide(Direction.NEXT)\n }\n }\n\n nextWhenVisible() {\n // Don't call next when the page isn't visible\n // or the carousel or its parent isn't visible\n if (!document.hidden &&\n ($(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden')) {\n this.next()\n }\n }\n\n prev() {\n if (!this._isSliding) {\n this._slide(Direction.PREV)\n }\n }\n\n pause(event) {\n if (!event) {\n this._isPaused = true\n }\n\n if ($(this._element).find(Selector.NEXT_PREV)[0] &&\n Util.supportsTransitionEnd()) {\n Util.triggerTransitionEnd(this._element)\n this.cycle(true)\n }\n\n clearInterval(this._interval)\n this._interval = null\n }\n\n cycle(event) {\n if (!event) {\n this._isPaused = false\n }\n\n if (this._interval) {\n clearInterval(this._interval)\n this._interval = null\n }\n\n if (this._config.interval && !this._isPaused) {\n this._interval = setInterval(\n (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),\n this._config.interval\n )\n }\n }\n\n to(index) {\n this._activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0]\n\n const activeIndex = this._getItemIndex(this._activeElement)\n\n if (index > this._items.length - 1 || index < 0) {\n return\n }\n\n if (this._isSliding) {\n $(this._element).one(Event.SLID, () => this.to(index))\n return\n }\n\n if (activeIndex === index) {\n this.pause()\n this.cycle()\n return\n }\n\n const direction = index > activeIndex\n ? Direction.NEXT\n : Direction.PREV\n\n this._slide(direction, this._items[index])\n }\n\n dispose() {\n $(this._element).off(EVENT_KEY)\n $.removeData(this._element, DATA_KEY)\n\n this._items = null\n this._config = null\n this._element = null\n this._interval = null\n this._isPaused = null\n this._isSliding = null\n this._activeElement = null\n this._indicatorsElement = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n $(this._element)\n .on(Event.KEYDOWN, (event) => this._keydown(event))\n }\n\n if (this._config.pause === 'hover') {\n $(this._element)\n .on(Event.MOUSEENTER, (event) => this.pause(event))\n .on(Event.MOUSELEAVE, (event) => this.cycle(event))\n if ('ontouchstart' in document.documentElement) {\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n $(this._element).on(Event.TOUCHEND, () => {\n this.pause()\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout)\n }\n this.touchTimeout = setTimeout((event) => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n })\n }\n }\n }\n\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return\n }\n\n switch (event.which) {\n case ARROW_LEFT_KEYCODE:\n event.preventDefault()\n this.prev()\n break\n case ARROW_RIGHT_KEYCODE:\n event.preventDefault()\n this.next()\n break\n default:\n }\n }\n\n _getItemIndex(element) {\n this._items = $.makeArray($(element).parent().find(Selector.ITEM))\n return this._items.indexOf(element)\n }\n\n _getItemByDirection(direction, activeElement) {\n const isNextDirection = direction === Direction.NEXT\n const isPrevDirection = direction === Direction.PREV\n const activeIndex = this._getItemIndex(activeElement)\n const lastItemIndex = this._items.length - 1\n const isGoingToWrap = isPrevDirection && activeIndex === 0 ||\n isNextDirection && activeIndex === lastItemIndex\n\n if (isGoingToWrap && !this._config.wrap) {\n return activeElement\n }\n\n const delta = direction === Direction.PREV ? -1 : 1\n const itemIndex = (activeIndex + delta) % this._items.length\n\n return itemIndex === -1\n ? this._items[this._items.length - 1] : this._items[itemIndex]\n }\n\n _triggerSlideEvent(relatedTarget, eventDirectionName) {\n const targetIndex = this._getItemIndex(relatedTarget)\n const fromIndex = this._getItemIndex($(this._element).find(Selector.ACTIVE_ITEM)[0])\n const slideEvent = $.Event(Event.SLIDE, {\n relatedTarget,\n direction: eventDirectionName,\n from: fromIndex,\n to: targetIndex\n })\n\n $(this._element).trigger(slideEvent)\n\n return slideEvent\n }\n\n _setActiveIndicatorElement(element) {\n if (this._indicatorsElement) {\n $(this._indicatorsElement)\n .find(Selector.ACTIVE)\n .removeClass(ClassName.ACTIVE)\n\n const nextIndicator = this._indicatorsElement.children[\n this._getItemIndex(element)\n ]\n\n if (nextIndicator) {\n $(nextIndicator).addClass(ClassName.ACTIVE)\n }\n }\n }\n\n _slide(direction, element) {\n const activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0]\n const activeElementIndex = this._getItemIndex(activeElement)\n const nextElement = element || activeElement &&\n this._getItemByDirection(direction, activeElement)\n const nextElementIndex = this._getItemIndex(nextElement)\n const isCycling = Boolean(this._interval)\n\n let directionalClassName\n let orderClassName\n let eventDirectionName\n\n if (direction === Direction.NEXT) {\n directionalClassName = ClassName.LEFT\n orderClassName = ClassName.NEXT\n eventDirectionName = Direction.LEFT\n } else {\n directionalClassName = ClassName.RIGHT\n orderClassName = ClassName.PREV\n eventDirectionName = Direction.RIGHT\n }\n\n if (nextElement && $(nextElement).hasClass(ClassName.ACTIVE)) {\n this._isSliding = false\n return\n }\n\n const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName)\n if (slideEvent.isDefaultPrevented()) {\n return\n }\n\n if (!activeElement || !nextElement) {\n // Some weirdness is happening, so we bail\n return\n }\n\n this._isSliding = true\n\n if (isCycling) {\n this.pause()\n }\n\n this._setActiveIndicatorElement(nextElement)\n\n const slidEvent = $.Event(Event.SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n })\n\n if (Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.SLIDE)) {\n $(nextElement).addClass(orderClassName)\n\n Util.reflow(nextElement)\n\n $(activeElement).addClass(directionalClassName)\n $(nextElement).addClass(directionalClassName)\n\n $(activeElement)\n .one(Util.TRANSITION_END, () => {\n $(nextElement)\n .removeClass(`${directionalClassName} ${orderClassName}`)\n .addClass(ClassName.ACTIVE)\n\n $(activeElement).removeClass(`${ClassName.ACTIVE} ${orderClassName} ${directionalClassName}`)\n\n this._isSliding = false\n\n setTimeout(() => $(this._element).trigger(slidEvent), 0)\n })\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n $(activeElement).removeClass(ClassName.ACTIVE)\n $(nextElement).addClass(ClassName.ACTIVE)\n\n this._isSliding = false\n $(this._element).trigger(slidEvent)\n }\n\n if (isCycling) {\n this.cycle()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n let _config = {\n ...Default,\n ...$(this).data()\n }\n\n if (typeof config === 'object') {\n _config = {\n ..._config,\n ...config\n }\n }\n\n const action = typeof config === 'string' ? config : _config.slide\n\n if (!data) {\n data = new Carousel(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'number') {\n data.to(config)\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`)\n }\n data[action]()\n } else if (_config.interval) {\n data.pause()\n data.cycle()\n }\n })\n }\n\n static _dataApiClickHandler(event) {\n const selector = Util.getSelectorFromElement(this)\n\n if (!selector) {\n return\n }\n\n const target = $(selector)[0]\n\n if (!target || !$(target).hasClass(ClassName.CAROUSEL)) {\n return\n }\n\n const config = {\n ...$(target).data(),\n ...$(this).data()\n }\n const slideIndex = this.getAttribute('data-slide-to')\n\n if (slideIndex) {\n config.interval = false\n }\n\n Carousel._jQueryInterface.call($(target), config)\n\n if (slideIndex) {\n $(target).data(DATA_KEY).to(slideIndex)\n }\n\n event.preventDefault()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler)\n\n $(window).on(Event.LOAD_DATA_API, () => {\n $(Selector.DATA_RIDE).each(function () {\n const $carousel = $(this)\n Carousel._jQueryInterface.call($carousel, $carousel.data())\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Carousel._jQueryInterface\n $.fn[NAME].Constructor = Carousel\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Carousel._jQueryInterface\n }\n\n return Carousel\n})($)\n\nexport default Carousel\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Collapse = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'collapse'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.collapse'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 600\n\n const Default = {\n toggle : true,\n parent : ''\n }\n\n const DefaultType = {\n toggle : 'boolean',\n parent : '(string|element)'\n }\n\n const Event = {\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SHOW : 'show',\n COLLAPSE : 'collapse',\n COLLAPSING : 'collapsing',\n COLLAPSED : 'collapsed'\n }\n\n const Dimension = {\n WIDTH : 'width',\n HEIGHT : 'height'\n }\n\n const Selector = {\n ACTIVES : '.show, .collapsing',\n DATA_TOGGLE : '[data-toggle=\"collapse\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = $.makeArray($(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n const tabToggles = $(Selector.DATA_TOGGLE)\n for (let i = 0; i < tabToggles.length; i++) {\n const elem = tabToggles[i]\n const selector = Util.getSelectorFromElement(elem)\n if (selector !== null && $(selector).filter(element).length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle() {\n if ($(this._element).hasClass(ClassName.SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = $.makeArray(\n $(this._parent)\n .find(Selector.ACTIVES)\n .filter(`[data-parent=\"${this._config.parent}\"]`)\n )\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(Event.SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(ClassName.COLLAPSE)\n .addClass(ClassName.COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length > 0) {\n $(this._triggerArray)\n .removeClass(ClassName.COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .addClass(ClassName.SHOW)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(Event.SHOWN)\n }\n\n if (!Util.supportsTransitionEnd()) {\n complete()\n return\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n const startEvent = $.Event(Event.HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(ClassName.COLLAPSING)\n .removeClass(ClassName.COLLAPSE)\n .removeClass(ClassName.SHOW)\n\n if (this._triggerArray.length > 0) {\n for (let i = 0; i < this._triggerArray.length; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n if (selector !== null) {\n const $elem = $(selector)\n if (!$elem.hasClass(ClassName.SHOW)) {\n $(trigger).addClass(ClassName.COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .trigger(Event.HIDDEN)\n }\n\n this._element.style[dimension] = ''\n\n if (!Util.supportsTransitionEnd()) {\n complete()\n return\n }\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(Dimension.WIDTH)\n return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT\n }\n\n _getParent() {\n let parent = null\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = $(this._config.parent)[0]\n }\n\n const selector =\n `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n\n $(parent).find(selector).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n if (element) {\n const isOpen = $(element).hasClass(ClassName.SHOW)\n\n if (triggerArray.length > 0) {\n $(triggerArray)\n .toggleClass(ClassName.COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n }\n\n // Static\n\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? $(selector)[0] : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$this.data(),\n ...typeof config === 'object' && config\n }\n\n if (!data && _config.toggle && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n // preventDefault only for <a> elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n $(selector).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Collapse._jQueryInterface\n $.fn[NAME].Constructor = Collapse\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n }\n\n return Collapse\n})($)\n\nexport default Collapse\n","import $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): dropdown.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Dropdown = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'dropdown'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.dropdown'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n const SPACE_KEYCODE = 32 // KeyboardEvent.which value for space key\n const TAB_KEYCODE = 9 // KeyboardEvent.which value for tab key\n const ARROW_UP_KEYCODE = 38 // KeyboardEvent.which value for up arrow key\n const ARROW_DOWN_KEYCODE = 40 // KeyboardEvent.which value for down arrow key\n const RIGHT_MOUSE_BUTTON_WHICH = 3 // MouseEvent.which value for the right button (assuming a right-handed mouse)\n const REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEYCODE}|${ARROW_DOWN_KEYCODE}|${ESCAPE_KEYCODE}`)\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`,\n KEYDOWN_DATA_API : `keydown${EVENT_KEY}${DATA_API_KEY}`,\n KEYUP_DATA_API : `keyup${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DISABLED : 'disabled',\n SHOW : 'show',\n DROPUP : 'dropup',\n DROPRIGHT : 'dropright',\n DROPLEFT : 'dropleft',\n MENURIGHT : 'dropdown-menu-right',\n MENULEFT : 'dropdown-menu-left',\n POSITION_STATIC : 'position-static'\n }\n\n const Selector = {\n DATA_TOGGLE : '[data-toggle=\"dropdown\"]',\n FORM_CHILD : '.dropdown form',\n MENU : '.dropdown-menu',\n NAVBAR_NAV : '.navbar-nav',\n VISIBLE_ITEMS : '.dropdown-menu .dropdown-item:not(.disabled)'\n }\n\n const AttachmentMap = {\n TOP : 'top-start',\n TOPEND : 'top-end',\n BOTTOM : 'bottom-start',\n BOTTOMEND : 'bottom-end',\n RIGHT : 'right-start',\n RIGHTEND : 'right-end',\n LEFT : 'left-start',\n LEFTEND : 'left-end'\n }\n\n const Default = {\n offset : 0,\n flip : true,\n boundary : 'scrollParent'\n }\n\n const DefaultType = {\n offset : '(number|string|function)',\n flip : 'boolean',\n boundary : '(string|element)'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Dropdown {\n constructor(element, config) {\n this._element = element\n this._popper = null\n this._config = this._getConfig(config)\n this._menu = this._getMenuElement()\n this._inNavbar = this._detectNavbar()\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n\n toggle() {\n if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this._element)\n const isActive = $(this._menu).hasClass(ClassName.SHOW)\n\n Dropdown._clearMenus()\n\n if (isActive) {\n return\n }\n\n const relatedTarget = {\n relatedTarget: this._element\n }\n const showEvent = $.Event(Event.SHOW, relatedTarget)\n\n $(parent).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented()) {\n return\n }\n\n // Disable totally Popper.js for Dropdown in Navbar\n if (!this._inNavbar) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)')\n }\n let element = this._element\n // For dropup with alignment we use the parent as popper container\n if ($(parent).hasClass(ClassName.DROPUP)) {\n if ($(this._menu).hasClass(ClassName.MENULEFT) || $(this._menu).hasClass(ClassName.MENURIGHT)) {\n element = parent\n }\n }\n // If boundary is not `scrollParent`, then set position to `static`\n // to allow the menu to \"escape\" the scroll parent's boundaries\n // https://github.com/twbs/bootstrap/issues/24251\n if (this._config.boundary !== 'scrollParent') {\n $(parent).addClass(ClassName.POSITION_STATIC)\n }\n this._popper = new Popper(element, this._menu, this._getPopperConfig())\n }\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement &&\n $(parent).closest(Selector.NAVBAR_NAV).length === 0) {\n $('body').children().on('mouseover', null, $.noop)\n }\n\n this._element.focus()\n this._element.setAttribute('aria-expanded', true)\n\n $(this._menu).toggleClass(ClassName.SHOW)\n $(parent)\n .toggleClass(ClassName.SHOW)\n .trigger($.Event(Event.SHOWN, relatedTarget))\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._element).off(EVENT_KEY)\n this._element = null\n this._menu = null\n if (this._popper !== null) {\n this._popper.destroy()\n this._popper = null\n }\n }\n\n update() {\n this._inNavbar = this._detectNavbar()\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Private\n\n _addEventListeners() {\n $(this._element).on(Event.CLICK, (event) => {\n event.preventDefault()\n event.stopPropagation()\n this.toggle()\n })\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this._element).data(),\n ...config\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getMenuElement() {\n if (!this._menu) {\n const parent = Dropdown._getParentFromElement(this._element)\n this._menu = $(parent).find(Selector.MENU)[0]\n }\n return this._menu\n }\n\n _getPlacement() {\n const $parentDropdown = $(this._element).parent()\n let placement = AttachmentMap.BOTTOM\n\n // Handle dropup\n if ($parentDropdown.hasClass(ClassName.DROPUP)) {\n placement = AttachmentMap.TOP\n if ($(this._menu).hasClass(ClassName.MENURIGHT)) {\n placement = AttachmentMap.TOPEND\n }\n } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) {\n placement = AttachmentMap.RIGHT\n } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) {\n placement = AttachmentMap.LEFT\n } else if ($(this._menu).hasClass(ClassName.MENURIGHT)) {\n placement = AttachmentMap.BOTTOMEND\n }\n return placement\n }\n\n _detectNavbar() {\n return $(this._element).closest('.navbar').length > 0\n }\n\n _getPopperConfig() {\n const offsetConf = {}\n if (typeof this._config.offset === 'function') {\n offsetConf.fn = (data) => {\n data.offsets = {\n ...data.offsets,\n ...this._config.offset(data.offsets) || {}\n }\n return data\n }\n } else {\n offsetConf.offset = this._config.offset\n }\n const popperConfig = {\n placement: this._getPlacement(),\n modifiers: {\n offset: offsetConf,\n flip: {\n enabled: this._config.flip\n },\n preventOverflow: {\n boundariesElement: this._config.boundary\n }\n }\n }\n\n return popperConfig\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data) {\n data = new Dropdown(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n\n static _clearMenus(event) {\n if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH ||\n event.type === 'keyup' && event.which !== TAB_KEYCODE)) {\n return\n }\n\n const toggles = $.makeArray($(Selector.DATA_TOGGLE))\n for (let i = 0; i < toggles.length; i++) {\n const parent = Dropdown._getParentFromElement(toggles[i])\n const context = $(toggles[i]).data(DATA_KEY)\n const relatedTarget = {\n relatedTarget: toggles[i]\n }\n\n if (!context) {\n continue\n }\n\n const dropdownMenu = context._menu\n if (!$(parent).hasClass(ClassName.SHOW)) {\n continue\n }\n\n if (event && (event.type === 'click' &&\n /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) &&\n $.contains(parent, event.target)) {\n continue\n }\n\n const hideEvent = $.Event(Event.HIDE, relatedTarget)\n $(parent).trigger(hideEvent)\n if (hideEvent.isDefaultPrevented()) {\n continue\n }\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $('body').children().off('mouseover', null, $.noop)\n }\n\n toggles[i].setAttribute('aria-expanded', 'false')\n\n $(dropdownMenu).removeClass(ClassName.SHOW)\n $(parent)\n .removeClass(ClassName.SHOW)\n .trigger($.Event(Event.HIDDEN, relatedTarget))\n }\n }\n\n static _getParentFromElement(element) {\n let parent\n const selector = Util.getSelectorFromElement(element)\n\n if (selector) {\n parent = $(selector)[0]\n }\n\n return parent || element.parentNode\n }\n\n // eslint-disable-next-line complexity\n static _dataApiKeydownHandler(event) {\n // If not input/textarea:\n // - And not a key in REGEXP_KEYDOWN => not a dropdown command\n // If input/textarea:\n // - If space key => not a dropdown command\n // - If key is other than escape\n // - If key is not up or down => not a dropdown command\n // - If trigger inside the menu => not a dropdown command\n if (/input|textarea/i.test(event.target.tagName)\n ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE &&\n (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE ||\n $(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {\n return\n }\n\n event.preventDefault()\n event.stopPropagation()\n\n if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this)\n const isActive = $(parent).hasClass(ClassName.SHOW)\n\n if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) ||\n isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {\n if (event.which === ESCAPE_KEYCODE) {\n const toggle = $(parent).find(Selector.DATA_TOGGLE)[0]\n $(toggle).trigger('focus')\n }\n\n $(this).trigger('click')\n return\n }\n\n const items = $(parent).find(Selector.VISIBLE_ITEMS).get()\n\n if (items.length === 0) {\n return\n }\n\n let index = items.indexOf(event.target)\n\n if (event.which === ARROW_UP_KEYCODE && index > 0) { // Up\n index--\n }\n\n if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) { // Down\n index++\n }\n\n if (index < 0) {\n index = 0\n }\n\n items[index].focus()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler)\n .on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler)\n .on(`${Event.CLICK_DATA_API} ${Event.KEYUP_DATA_API}`, Dropdown._clearMenus)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n event.preventDefault()\n event.stopPropagation()\n Dropdown._jQueryInterface.call($(this), 'toggle')\n })\n .on(Event.CLICK_DATA_API, Selector.FORM_CHILD, (e) => {\n e.stopPropagation()\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Dropdown._jQueryInterface\n $.fn[NAME].Constructor = Dropdown\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Dropdown._jQueryInterface\n }\n\n return Dropdown\n})($, Popper)\n\nexport default Dropdown\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Modal = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'modal'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.modal'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 300\n const BACKDROP_TRANSITION_DURATION = 150\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\n const Default = {\n backdrop : true,\n keyboard : true,\n focus : true,\n show : true\n }\n\n const DefaultType = {\n backdrop : '(boolean|string)',\n keyboard : 'boolean',\n focus : 'boolean',\n show : 'boolean'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n RESIZE : `resize${EVENT_KEY}`,\n CLICK_DISMISS : `click.dismiss${EVENT_KEY}`,\n KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`,\n MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`,\n MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SCROLLBAR_MEASURER : 'modal-scrollbar-measure',\n BACKDROP : 'modal-backdrop',\n OPEN : 'modal-open',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DIALOG : '.modal-dialog',\n DATA_TOGGLE : '[data-toggle=\"modal\"]',\n DATA_DISMISS : '[data-dismiss=\"modal\"]',\n FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',\n STICKY_CONTENT : '.sticky-top',\n NAVBAR_TOGGLER : '.navbar-toggler'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Modal {\n constructor(element, config) {\n this._config = this._getConfig(config)\n this._element = element\n this._dialog = $(element).find(Selector.DIALOG)[0]\n this._backdrop = null\n this._isShown = false\n this._isBodyOverflowing = false\n this._ignoreBackdropClick = false\n this._originalBodyPadding = 0\n this._scrollbarWidth = 0\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isTransitioning || this._isShown) {\n return\n }\n\n if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {\n this._isTransitioning = true\n }\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (this._isShown || showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n $(document.body).addClass(ClassName.OPEN)\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n Event.CLICK_DISMISS,\n Selector.DATA_DISMISS,\n (event) => this.hide(event)\n )\n\n $(this._dialog).on(Event.MOUSEDOWN_DISMISS, () => {\n $(this._element).one(Event.MOUSEUP_DISMISS, (event) => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (this._isTransitioning || !this._isShown) {\n return\n }\n\n const hideEvent = $.Event(Event.HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n\n const transition = Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(Event.FOCUSIN)\n\n $(this._element).removeClass(ClassName.SHOW)\n\n $(this._element).off(Event.CLICK_DISMISS)\n $(this._dialog).off(Event.MOUSEDOWN_DISMISS)\n\n if (transition) {\n $(this._element)\n .one(Util.TRANSITION_END, (event) => this._hideModal(event))\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n $(window, document, this._element, this._backdrop).off(EVENT_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _showElement(relatedTarget) {\n const transition = Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.FADE)\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.scrollTop = 0\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(ClassName.SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(Event.FOCUSIN) // Guard against infinite focus loop\n .on(Event.FOCUSIN, (event) => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown && this._config.keyboard) {\n $(this._element).on(Event.KEYDOWN_DISMISS, (event) => {\n if (event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(Event.KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(Event.RESIZE, (event) => this.handleUpdate(event))\n } else {\n $(window).off(Event.RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(ClassName.OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(Event.HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(ClassName.FADE)\n ? ClassName.FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n const doAnimate = Util.supportsTransitionEnd() && animate\n\n this._backdrop = document.createElement('div')\n this._backdrop.className = ClassName.BACKDROP\n\n if (animate) {\n $(this._backdrop).addClass(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(Event.CLICK_DISMISS, (event) => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n if (event.target !== event.currentTarget) {\n return\n }\n if (this._config.backdrop === 'static') {\n this._element.focus()\n } else {\n this.hide()\n }\n })\n\n if (doAnimate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(ClassName.SHOW)\n\n if (!callback) {\n return\n }\n\n if (!doAnimate) {\n callback()\n return\n }\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(BACKDROP_TRANSITION_DURATION)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(ClassName.SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if (Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.FADE)) {\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(BACKDROP_TRANSITION_DURATION)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing =\n this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = rect.left + rect.right < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n\n // Adjust fixed content padding\n $(Selector.FIXED_CONTENT).each((index, element) => {\n const actualPadding = $(element)[0].style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element).data('padding-right', actualPadding).css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(Selector.STICKY_CONTENT).each((index, element) => {\n const actualMargin = $(element)[0].style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element).data('margin-right', actualMargin).css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust navbar-toggler margin\n $(Selector.NAVBAR_TOGGLER).each((index, element) => {\n const actualMargin = $(element)[0].style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element).data('margin-right', actualMargin).css('margin-right', `${parseFloat(calculatedMargin) + this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $('body').css('padding-right')\n $('body').data('padding-right', actualPadding).css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n $(Selector.FIXED_CONTENT).each((index, element) => {\n const padding = $(element).data('padding-right')\n if (typeof padding !== 'undefined') {\n $(element).css('padding-right', padding).removeData('padding-right')\n }\n })\n\n // Restore sticky content and navbar-toggler margin\n $(`${Selector.STICKY_CONTENT}, ${Selector.NAVBAR_TOGGLER}`).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $('body').data('padding-right')\n if (typeof padding !== 'undefined') {\n $('body').css('padding-right', padding).removeData('padding-right')\n }\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = ClassName.SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Modal.Default,\n ...$(this).data(),\n ...typeof config === 'object' && config\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = $(selector)[0]\n }\n\n const config = $(target).data(DATA_KEY)\n ? 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(Event.SHOW, (showEvent) => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(Event.HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Modal._jQueryInterface\n $.fn[NAME].Constructor = Modal\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n }\n\n return Modal\n})($)\n\nexport default Modal\n","import $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Tooltip = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'tooltip'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.tooltip'\n const EVENT_KEY = `.${DATA_KEY}`\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n const CLASS_PREFIX = 'bs-tooltip'\n const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\n const DefaultType = {\n animation : 'boolean',\n template : 'string',\n title : '(string|element|function)',\n trigger : 'string',\n delay : '(number|object)',\n html : 'boolean',\n selector : '(string|boolean)',\n placement : '(string|function)',\n offset : '(number|string)',\n container : '(string|element|boolean)',\n fallbackPlacement : '(string|array)',\n boundary : '(string|element)'\n }\n\n const AttachmentMap = {\n AUTO : 'auto',\n TOP : 'top',\n RIGHT : 'right',\n BOTTOM : 'bottom',\n LEFT : 'left'\n }\n\n const Default = {\n animation : true,\n template : '<div class=\"tooltip\" role=\"tooltip\">' +\n '<div class=\"arrow\"></div>' +\n '<div class=\"tooltip-inner\"></div></div>',\n trigger : 'hover focus',\n title : '',\n delay : 0,\n html : false,\n selector : false,\n placement : 'top',\n offset : 0,\n container : false,\n fallbackPlacement : 'flip',\n boundary : 'scrollParent'\n }\n\n const HoverState = {\n SHOW : 'show',\n OUT : 'out'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n INSERTED : `inserted${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n FOCUSOUT : `focusout${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`\n }\n\n const ClassName = {\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n TOOLTIP : '.tooltip',\n TOOLTIP_INNER : '.tooltip-inner',\n ARROW : '.arrow'\n }\n\n const Trigger = {\n HOVER : 'hover',\n FOCUS : 'focus',\n CLICK : 'click',\n MANUAL : 'manual'\n }\n\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Tooltip {\n constructor(element, config) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)')\n }\n\n // private\n this._isEnabled = true\n this._timeout = 0\n this._hoverState = ''\n this._activeTrigger = {}\n this._popper = null\n\n // Protected\n this.element = element\n this.config = this._getConfig(config)\n this.tip = null\n\n this._setListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n\n enable() {\n this._isEnabled = true\n }\n\n disable() {\n this._isEnabled = false\n }\n\n toggleEnabled() {\n this._isEnabled = !this._isEnabled\n }\n\n toggle(event) {\n if (!this._isEnabled) {\n return\n }\n\n if (event) {\n const dataKey = this.constructor.DATA_KEY\n let context = $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n context._activeTrigger.click = !context._activeTrigger.click\n\n if (context._isWithActiveTrigger()) {\n context._enter(null, context)\n } else {\n context._leave(null, context)\n }\n } else {\n if ($(this.getTipElement()).hasClass(ClassName.SHOW)) {\n this._leave(null, this)\n return\n }\n\n this._enter(null, this)\n }\n }\n\n dispose() {\n clearTimeout(this._timeout)\n\n $.removeData(this.element, this.constructor.DATA_KEY)\n\n $(this.element).off(this.constructor.EVENT_KEY)\n $(this.element).closest('.modal').off('hide.bs.modal')\n\n if (this.tip) {\n $(this.tip).remove()\n }\n\n this._isEnabled = null\n this._timeout = null\n this._hoverState = null\n this._activeTrigger = null\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n this._popper = null\n this.element = null\n this.config = null\n this.tip = null\n }\n\n show() {\n if ($(this.element).css('display') === 'none') {\n throw new Error('Please use show on visible elements')\n }\n\n const showEvent = $.Event(this.constructor.Event.SHOW)\n if (this.isWithContent() && this._isEnabled) {\n $(this.element).trigger(showEvent)\n\n const isInTheDom = $.contains(\n this.element.ownerDocument.documentElement,\n this.element\n )\n\n if (showEvent.isDefaultPrevented() || !isInTheDom) {\n return\n }\n\n const tip = this.getTipElement()\n const tipId = Util.getUID(this.constructor.NAME)\n\n tip.setAttribute('id', tipId)\n this.element.setAttribute('aria-describedby', tipId)\n\n this.setContent()\n\n if (this.config.animation) {\n $(tip).addClass(ClassName.FADE)\n }\n\n const placement = typeof this.config.placement === 'function'\n ? this.config.placement.call(this, tip, this.element)\n : this.config.placement\n\n const attachment = this._getAttachment(placement)\n this.addAttachmentClass(attachment)\n\n const container = this.config.container === false ? document.body : $(this.config.container)\n\n $(tip).data(this.constructor.DATA_KEY, this)\n\n if (!$.contains(this.element.ownerDocument.documentElement, this.tip)) {\n $(tip).appendTo(container)\n }\n\n $(this.element).trigger(this.constructor.Event.INSERTED)\n\n this._popper = new Popper(this.element, tip, {\n placement: attachment,\n modifiers: {\n offset: {\n offset: this.config.offset\n },\n flip: {\n behavior: this.config.fallbackPlacement\n },\n arrow: {\n element: Selector.ARROW\n },\n preventOverflow: {\n boundariesElement: this.config.boundary\n }\n },\n onCreate: (data) => {\n if (data.originalPlacement !== data.placement) {\n this._handlePopperPlacementChange(data)\n }\n },\n onUpdate: (data) => {\n this._handlePopperPlacementChange(data)\n }\n })\n\n $(tip).addClass(ClassName.SHOW)\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement) {\n $('body').children().on('mouseover', null, $.noop)\n }\n\n const complete = () => {\n if (this.config.animation) {\n this._fixTransition()\n }\n const prevHoverState = this._hoverState\n this._hoverState = null\n\n $(this.element).trigger(this.constructor.Event.SHOWN)\n\n if (prevHoverState === HoverState.OUT) {\n this._leave(null, this)\n }\n }\n\n if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {\n $(this.tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(Tooltip._TRANSITION_DURATION)\n } else {\n complete()\n }\n }\n }\n\n hide(callback) {\n const tip = this.getTipElement()\n const hideEvent = $.Event(this.constructor.Event.HIDE)\n const complete = () => {\n if (this._hoverState !== HoverState.SHOW && tip.parentNode) {\n tip.parentNode.removeChild(tip)\n }\n\n this._cleanTipClass()\n this.element.removeAttribute('aria-describedby')\n $(this.element).trigger(this.constructor.Event.HIDDEN)\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n if (callback) {\n callback()\n }\n }\n\n $(this.element).trigger(hideEvent)\n\n if (hideEvent.isDefaultPrevented()) {\n return\n }\n\n $(tip).removeClass(ClassName.SHOW)\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $('body').children().off('mouseover', null, $.noop)\n }\n\n this._activeTrigger[Trigger.CLICK] = false\n this._activeTrigger[Trigger.FOCUS] = false\n this._activeTrigger[Trigger.HOVER] = false\n\n if (Util.supportsTransitionEnd() &&\n $(this.tip).hasClass(ClassName.FADE)) {\n $(tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n complete()\n }\n\n this._hoverState = ''\n }\n\n update() {\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Protected\n\n isWithContent() {\n return Boolean(this.getTitle())\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle())\n $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)\n }\n\n setElementContent($element, content) {\n const html = this.config.html\n if (typeof content === 'object' && (content.nodeType || content.jquery)) {\n // Content is a DOM node or a jQuery\n if (html) {\n if (!$(content).parent().is($element)) {\n $element.empty().append(content)\n }\n } else {\n $element.text($(content).text())\n }\n } else {\n $element[html ? 'html' : 'text'](content)\n }\n }\n\n getTitle() {\n let title = this.element.getAttribute('data-original-title')\n\n if (!title) {\n title = typeof this.config.title === 'function'\n ? this.config.title.call(this.element)\n : this.config.title\n }\n\n return title\n }\n\n // Private\n\n _getAttachment(placement) {\n return AttachmentMap[placement.toUpperCase()]\n }\n\n _setListeners() {\n const triggers = this.config.trigger.split(' ')\n\n triggers.forEach((trigger) => {\n if (trigger === 'click') {\n $(this.element).on(\n this.constructor.Event.CLICK,\n this.config.selector,\n (event) => this.toggle(event)\n )\n } else if (trigger !== Trigger.MANUAL) {\n const eventIn = trigger === Trigger.HOVER\n ? this.constructor.Event.MOUSEENTER\n : this.constructor.Event.FOCUSIN\n const eventOut = trigger === Trigger.HOVER\n ? this.constructor.Event.MOUSELEAVE\n : this.constructor.Event.FOCUSOUT\n\n $(this.element)\n .on(\n eventIn,\n this.config.selector,\n (event) => this._enter(event)\n )\n .on(\n eventOut,\n this.config.selector,\n (event) => this._leave(event)\n )\n }\n\n $(this.element).closest('.modal').on(\n 'hide.bs.modal',\n () => this.hide()\n )\n })\n\n if (this.config.selector) {\n this.config = {\n ...this.config,\n trigger: 'manual',\n selector: ''\n }\n } else {\n this._fixTitle()\n }\n }\n\n _fixTitle() {\n const titleType = typeof this.element.getAttribute('data-original-title')\n if (this.element.getAttribute('title') ||\n titleType !== 'string') {\n this.element.setAttribute(\n 'data-original-title',\n this.element.getAttribute('title') || ''\n )\n this.element.setAttribute('title', '')\n }\n }\n\n _enter(event, context) {\n const dataKey = this.constructor.DATA_KEY\n\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER\n ] = true\n }\n\n if ($(context.getTipElement()).hasClass(ClassName.SHOW) ||\n context._hoverState === HoverState.SHOW) {\n context._hoverState = HoverState.SHOW\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HoverState.SHOW\n\n if (!context.config.delay || !context.config.delay.show) {\n context.show()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HoverState.SHOW) {\n context.show()\n }\n }, context.config.delay.show)\n }\n\n _leave(event, context) {\n const dataKey = this.constructor.DATA_KEY\n\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER\n ] = false\n }\n\n if (context._isWithActiveTrigger()) {\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HoverState.OUT\n\n if (!context.config.delay || !context.config.delay.hide) {\n context.hide()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HoverState.OUT) {\n context.hide()\n }\n }, context.config.delay.hide)\n }\n\n _isWithActiveTrigger() {\n for (const trigger in this._activeTrigger) {\n if (this._activeTrigger[trigger]) {\n return true\n }\n }\n\n return false\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this.element).data(),\n ...config\n }\n\n if (typeof config.delay === 'number') {\n config.delay = {\n show: config.delay,\n hide: config.delay\n }\n }\n\n if (typeof config.title === 'number') {\n config.title = config.title.toString()\n }\n\n if (typeof config.content === 'number') {\n config.content = config.content.toString()\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getDelegateConfig() {\n const config = {}\n\n if (this.config) {\n for (const key in this.config) {\n if (this.constructor.Default[key] !== this.config[key]) {\n config[key] = this.config[key]\n }\n }\n }\n\n return config\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n _handlePopperPlacementChange(data) {\n this._cleanTipClass()\n this.addAttachmentClass(this._getAttachment(data.placement))\n }\n\n _fixTransition() {\n const tip = this.getTipElement()\n const initConfigAnimation = this.config.animation\n if (tip.getAttribute('x-placement') !== null) {\n return\n }\n $(tip).removeClass(ClassName.FADE)\n this.config.animation = false\n this.hide()\n this.show()\n this.config.animation = initConfigAnimation\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' && config\n\n if (!data && /dispose|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Tooltip(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Tooltip._jQueryInterface\n $.fn[NAME].Constructor = Tooltip\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tooltip._jQueryInterface\n }\n\n return Tooltip\n})($, Popper)\n\nexport default Tooltip\n","import $ from 'jquery'\nimport Tooltip from './tooltip'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): popover.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Popover = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'popover'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.popover'\n const EVENT_KEY = `.${DATA_KEY}`\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const CLASS_PREFIX = 'bs-popover'\n const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\n const Default = {\n ...Tooltip.Default,\n placement : 'right',\n trigger : 'click',\n content : '',\n template : '<div class=\"popover\" role=\"tooltip\">' +\n '<div class=\"arrow\"></div>' +\n '<h3 class=\"popover-header\"></h3>' +\n '<div class=\"popover-body\"></div></div>'\n }\n\n const DefaultType = {\n ...Tooltip.DefaultType,\n content : '(string|element|function)'\n }\n\n const ClassName = {\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n TITLE : '.popover-header',\n CONTENT : '.popover-body'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n INSERTED : `inserted${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n FOCUSOUT : `focusout${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Popover extends Tooltip {\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Overrides\n\n isWithContent() {\n return this.getTitle() || this._getContent()\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n\n // We use append for html objects to maintain js events\n this.setElementContent($tip.find(Selector.TITLE), this.getTitle())\n let content = this._getContent()\n if (typeof content === 'function') {\n content = content.call(this.element)\n }\n this.setElementContent($tip.find(Selector.CONTENT), content)\n\n $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)\n }\n\n // Private\n\n _getContent() {\n return this.element.getAttribute('data-content') ||\n this.config.content\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data && /destroy|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Popover(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Popover._jQueryInterface\n $.fn[NAME].Constructor = Popover\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Popover._jQueryInterface\n }\n\n return Popover\n})($)\n\nexport default Popover\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst ScrollSpy = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'scrollspy'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.scrollspy'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const Default = {\n offset : 10,\n method : 'auto',\n target : ''\n }\n\n const DefaultType = {\n offset : 'number',\n method : 'string',\n target : '(string|element)'\n }\n\n const Event = {\n ACTIVATE : `activate${EVENT_KEY}`,\n SCROLL : `scroll${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_ITEM : 'dropdown-item',\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active'\n }\n\n const Selector = {\n DATA_SPY : '[data-spy=\"scroll\"]',\n ACTIVE : '.active',\n NAV_LIST_GROUP : '.nav, .list-group',\n NAV_LINKS : '.nav-link',\n NAV_ITEMS : '.nav-item',\n LIST_ITEMS : '.list-group-item',\n DROPDOWN : '.dropdown',\n DROPDOWN_ITEMS : '.dropdown-item',\n DROPDOWN_TOGGLE : '.dropdown-toggle'\n }\n\n const OffsetMethod = {\n OFFSET : 'offset',\n POSITION : 'position'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${Selector.NAV_LINKS},` +\n `${this._config.target} ${Selector.LIST_ITEMS},` +\n `${this._config.target} ${Selector.DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window\n ? OffsetMethod.OFFSET : OffsetMethod.POSITION\n\n const offsetMethod = this._config.method === 'auto'\n ? autoMethod : this._config.method\n\n const offsetBase = offsetMethod === OffsetMethod.POSITION\n ? this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = $.makeArray($(this._selector))\n\n targets\n .map((element) => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = $(targetSelector)[0]\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n return null\n })\n .filter((item) => item)\n .sort((a, b) => a[0] - b[0])\n .forEach((item) => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n\n if (typeof config.target !== 'string') {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window\n ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window\n ? window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset +\n scrollHeight -\n this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n for (let i = this._offsets.length; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n let queries = this._selector.split(',')\n // eslint-disable-next-line arrow-body-style\n queries = queries.map((selector) => {\n return `${selector}[data-target=\"${target}\"],` +\n `${selector}[href=\"${target}\"]`\n })\n\n const $link = $(queries.join(','))\n\n if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {\n $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n $link.addClass(ClassName.ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(ClassName.ACTIVE)\n // Set triggered links parents as active\n // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor\n $link.parents(Selector.NAV_LIST_GROUP).prev(`${Selector.NAV_LINKS}, ${Selector.LIST_ITEMS}`).addClass(ClassName.ACTIVE)\n // Handle special case when .nav-link is inside .nav-item\n $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_ITEMS).children(Selector.NAV_LINKS).addClass(ClassName.ACTIVE)\n }\n\n $(this._scrollElement).trigger(Event.ACTIVATE, {\n relatedTarget: target\n })\n }\n\n _clear() {\n $(this._selector).filter(Selector.ACTIVE).removeClass(ClassName.ACTIVE)\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' && config\n\n if (!data) {\n data = new ScrollSpy(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(window).on(Event.LOAD_DATA_API, () => {\n const scrollSpys = $.makeArray($(Selector.DATA_SPY))\n\n for (let i = scrollSpys.length; i--;) {\n const $spy = $(scrollSpys[i])\n ScrollSpy._jQueryInterface.call($spy, $spy.data())\n }\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = ScrollSpy._jQueryInterface\n $.fn[NAME].Constructor = ScrollSpy\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return ScrollSpy._jQueryInterface\n }\n\n return ScrollSpy\n})($)\n\nexport default ScrollSpy\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): tab.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Tab = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'tab'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.tab'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active',\n DISABLED : 'disabled',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DROPDOWN : '.dropdown',\n NAV_LIST_GROUP : '.nav, .list-group',\n ACTIVE : '.active',\n ACTIVE_UL : '> li > .active',\n DATA_TOGGLE : '[data-toggle=\"tab\"], [data-toggle=\"pill\"], [data-toggle=\"list\"]',\n DROPDOWN_TOGGLE : '.dropdown-toggle',\n DROPDOWN_ACTIVE_CHILD : '> .dropdown-menu .active'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Tab {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n show() {\n if (this._element.parentNode &&\n this._element.parentNode.nodeType === Node.ELEMENT_NODE &&\n $(this._element).hasClass(ClassName.ACTIVE) ||\n $(this._element).hasClass(ClassName.DISABLED)) {\n return\n }\n\n let target\n let previous\n const listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0]\n const selector = Util.getSelectorFromElement(this._element)\n\n if (listElement) {\n const itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE\n previous = $.makeArray($(listElement).find(itemSelector))\n previous = previous[previous.length - 1]\n }\n\n const hideEvent = $.Event(Event.HIDE, {\n relatedTarget: this._element\n })\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget: previous\n })\n\n if (previous) {\n $(previous).trigger(hideEvent)\n }\n\n $(this._element).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented() ||\n hideEvent.isDefaultPrevented()) {\n return\n }\n\n if (selector) {\n target = $(selector)[0]\n }\n\n this._activate(\n this._element,\n listElement\n )\n\n const complete = () => {\n const hiddenEvent = $.Event(Event.HIDDEN, {\n relatedTarget: this._element\n })\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget: previous\n })\n\n $(previous).trigger(hiddenEvent)\n $(this._element).trigger(shownEvent)\n }\n\n if (target) {\n this._activate(target, target.parentNode, complete)\n } else {\n complete()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _activate(element, container, callback) {\n let activeElements\n if (container.nodeName === 'UL') {\n activeElements = $(container).find(Selector.ACTIVE_UL)\n } else {\n activeElements = $(container).children(Selector.ACTIVE)\n }\n\n const active = activeElements[0]\n const isTransitioning = callback &&\n Util.supportsTransitionEnd() &&\n (active && $(active).hasClass(ClassName.FADE))\n\n const complete = () => this._transitionComplete(\n element,\n active,\n callback\n )\n\n if (active && isTransitioning) {\n $(active)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n complete()\n }\n }\n\n _transitionComplete(element, active, callback) {\n if (active) {\n $(active).removeClass(`${ClassName.SHOW} ${ClassName.ACTIVE}`)\n\n const dropdownChild = $(active.parentNode).find(\n Selector.DROPDOWN_ACTIVE_CHILD\n )[0]\n\n if (dropdownChild) {\n $(dropdownChild).removeClass(ClassName.ACTIVE)\n }\n\n if (active.getAttribute('role') === 'tab') {\n active.setAttribute('aria-selected', false)\n }\n }\n\n $(element).addClass(ClassName.ACTIVE)\n if (element.getAttribute('role') === 'tab') {\n element.setAttribute('aria-selected', true)\n }\n\n Util.reflow(element)\n $(element).addClass(ClassName.SHOW)\n\n if (element.parentNode &&\n $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {\n const dropdownElement = $(element).closest(Selector.DROPDOWN)[0]\n if (dropdownElement) {\n $(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n }\n\n element.setAttribute('aria-expanded', true)\n }\n\n if (callback) {\n callback()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n\n if (!data) {\n data = new Tab(this)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n event.preventDefault()\n Tab._jQueryInterface.call($(this), 'show')\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Tab._jQueryInterface\n $.fn[NAME].Constructor = Tab\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tab._jQueryInterface\n }\n\n return Tab\n})($)\n\nexport default Tab\n","import $ from 'jquery'\nimport Alert from './alert'\nimport Button from './button'\nimport Carousel from './carousel'\nimport Collapse from './collapse'\nimport Dropdown from './dropdown'\nimport Modal from './modal'\nimport Popover from './popover'\nimport Scrollspy from './scrollspy'\nimport Tab from './tab'\nimport Tooltip from './tooltip'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0-alpha.6): index.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n(($) => {\n if (typeof $ === 'undefined') {\n throw new TypeError('Bootstrap\\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\\'s JavaScript.')\n }\n\n const version = $.fn.jquery.split(' ')[0].split('.')\n const minMajor = 1\n const ltMajor = 2\n const minMinor = 9\n const minPatch = 1\n const maxMajor = 4\n\n if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {\n throw new Error('Bootstrap\\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')\n }\n})($)\n\nexport {\n Util,\n Alert,\n Button,\n Carousel,\n Collapse,\n Dropdown,\n Modal,\n Popover,\n Scrollspy,\n Tab,\n Tooltip\n}\n"]}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/js/bootstrap.js b/public/ThirdParty/Bootstrap/js/bootstrap.js
new file mode 100644
index 0000000000000000000000000000000000000000..6d9549d9912f08321f78954231c377a97179d3e9
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/js/bootstrap.js
@@ -0,0 +1,3894 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery'), require('popper.js')) :
+ typeof define === 'function' && define.amd ? define(['exports', 'jquery', 'popper.js'], factory) :
+ (factory((global.bootstrap = {}),global.jQuery,global.Popper));
+}(this, (function (exports,$,Popper) { 'use strict';
+
+$ = $ && $.hasOwnProperty('default') ? $['default'] : $;
+Popper = Popper && Popper.hasOwnProperty('default') ? Popper['default'] : Popper;
+
+function _defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) _defineProperties(Constructor, staticProps);
+ return Constructor;
+}
+
+function _extends() {
+ _extends = Object.assign || function (target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i];
+
+ for (var key in source) {
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
+ target[key] = source[key];
+ }
+ }
+ }
+
+ return target;
+ };
+
+ return _extends.apply(this, arguments);
+}
+
+function _inheritsLoose(subClass, superClass) {
+ subClass.prototype = Object.create(superClass.prototype);
+ subClass.prototype.constructor = subClass;
+ subClass.__proto__ = superClass;
+}
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): util.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Util = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Private TransitionEnd Helpers
+ * ------------------------------------------------------------------------
+ */
+ var transition = false;
+ var MAX_UID = 1000000; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
+
+ function toType(obj) {
+ return {}.toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
+ }
+
+ function getSpecialTransitionEndEvent() {
+ return {
+ bindType: transition.end,
+ delegateType: transition.end,
+ handle: function handle(event) {
+ if ($$$1(event.target).is(this)) {
+ return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params
+ }
+
+ return undefined; // eslint-disable-line no-undefined
+ }
+ };
+ }
+
+ function transitionEndTest() {
+ if (typeof window !== 'undefined' && window.QUnit) {
+ return false;
+ }
+
+ return {
+ end: 'transitionend'
+ };
+ }
+
+ function transitionEndEmulator(duration) {
+ var _this = this;
+
+ var called = false;
+ $$$1(this).one(Util.TRANSITION_END, function () {
+ called = true;
+ });
+ setTimeout(function () {
+ if (!called) {
+ Util.triggerTransitionEnd(_this);
+ }
+ }, duration);
+ return this;
+ }
+
+ function setTransitionEndSupport() {
+ transition = transitionEndTest();
+ $$$1.fn.emulateTransitionEnd = transitionEndEmulator;
+
+ if (Util.supportsTransitionEnd()) {
+ $$$1.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
+ }
+ }
+
+ function escapeId(selector) {
+ // We escape IDs in case of special selectors (selector = '#myId:something')
+ // $.escapeSelector does not exist in jQuery < 3
+ selector = typeof $$$1.escapeSelector === 'function' ? $$$1.escapeSelector(selector).substr(1) : selector.replace(/(:|\.|\[|\]|,|=|@)/g, '\\$1');
+ return selector;
+ }
+ /**
+ * --------------------------------------------------------------------------
+ * Public Util Api
+ * --------------------------------------------------------------------------
+ */
+
+
+ var Util = {
+ TRANSITION_END: 'bsTransitionEnd',
+ getUID: function getUID(prefix) {
+ do {
+ // eslint-disable-next-line no-bitwise
+ prefix += ~~(Math.random() * MAX_UID); // "~~" acts like a faster Math.floor() here
+ } while (document.getElementById(prefix));
+
+ return prefix;
+ },
+ getSelectorFromElement: function getSelectorFromElement(element) {
+ var selector = element.getAttribute('data-target');
+
+ if (!selector || selector === '#') {
+ selector = element.getAttribute('href') || '';
+ } // If it's an ID
+
+
+ if (selector.charAt(0) === '#') {
+ selector = escapeId(selector);
+ }
+
+ try {
+ var $selector = $$$1(document).find(selector);
+ return $selector.length > 0 ? selector : null;
+ } catch (err) {
+ return null;
+ }
+ },
+ reflow: function reflow(element) {
+ return element.offsetHeight;
+ },
+ triggerTransitionEnd: function triggerTransitionEnd(element) {
+ $$$1(element).trigger(transition.end);
+ },
+ supportsTransitionEnd: function supportsTransitionEnd() {
+ return Boolean(transition);
+ },
+ isElement: function isElement(obj) {
+ return (obj[0] || obj).nodeType;
+ },
+ typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
+ for (var property in configTypes) {
+ if (Object.prototype.hasOwnProperty.call(configTypes, property)) {
+ var expectedTypes = configTypes[property];
+ var value = config[property];
+ var valueType = value && Util.isElement(value) ? 'element' : toType(value);
+
+ if (!new RegExp(expectedTypes).test(valueType)) {
+ throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
+ }
+ }
+ }
+ }
+ };
+ setTransitionEndSupport();
+ return Util;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): alert.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Alert = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'alert';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.alert';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 150;
+ var Selector = {
+ DISMISS: '[data-dismiss="alert"]'
+ };
+ var Event = {
+ CLOSE: "close" + EVENT_KEY,
+ CLOSED: "closed" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ ALERT: 'alert',
+ FADE: 'fade',
+ SHOW: 'show'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Alert =
+ /*#__PURE__*/
+ function () {
+ function Alert(element) {
+ this._element = element;
+ } // Getters
+
+
+ var _proto = Alert.prototype;
+
+ // Public
+ _proto.close = function close(element) {
+ element = element || this._element;
+
+ var rootElement = this._getRootElement(element);
+
+ var customEvent = this._triggerCloseEvent(rootElement);
+
+ if (customEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ this._removeElement(rootElement);
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ this._element = null;
+ }; // Private
+
+
+ _proto._getRootElement = function _getRootElement(element) {
+ var selector = Util.getSelectorFromElement(element);
+ var parent = false;
+
+ if (selector) {
+ parent = $$$1(selector)[0];
+ }
+
+ if (!parent) {
+ parent = $$$1(element).closest("." + ClassName.ALERT)[0];
+ }
+
+ return parent;
+ };
+
+ _proto._triggerCloseEvent = function _triggerCloseEvent(element) {
+ var closeEvent = $$$1.Event(Event.CLOSE);
+ $$$1(element).trigger(closeEvent);
+ return closeEvent;
+ };
+
+ _proto._removeElement = function _removeElement(element) {
+ var _this = this;
+
+ $$$1(element).removeClass(ClassName.SHOW);
+
+ if (!Util.supportsTransitionEnd() || !$$$1(element).hasClass(ClassName.FADE)) {
+ this._destroyElement(element);
+
+ return;
+ }
+
+ $$$1(element).one(Util.TRANSITION_END, function (event) {
+ return _this._destroyElement(element, event);
+ }).emulateTransitionEnd(TRANSITION_DURATION);
+ };
+
+ _proto._destroyElement = function _destroyElement(element) {
+ $$$1(element).detach().trigger(Event.CLOSED).remove();
+ }; // Static
+
+
+ Alert._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var $element = $$$1(this);
+ var data = $element.data(DATA_KEY);
+
+ if (!data) {
+ data = new Alert(this);
+ $element.data(DATA_KEY, data);
+ }
+
+ if (config === 'close') {
+ data[config](this);
+ }
+ });
+ };
+
+ Alert._handleDismiss = function _handleDismiss(alertInstance) {
+ return function (event) {
+ if (event) {
+ event.preventDefault();
+ }
+
+ alertInstance.close(this);
+ };
+ };
+
+ _createClass(Alert, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }]);
+ return Alert;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()));
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Alert._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Alert;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Alert._jQueryInterface;
+ };
+
+ return Alert;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): button.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Button = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'button';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.button';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var ClassName = {
+ ACTIVE: 'active',
+ BUTTON: 'btn',
+ FOCUS: 'focus'
+ };
+ var Selector = {
+ DATA_TOGGLE_CARROT: '[data-toggle^="button"]',
+ DATA_TOGGLE: '[data-toggle="buttons"]',
+ INPUT: 'input',
+ ACTIVE: '.active',
+ BUTTON: '.btn'
+ };
+ var Event = {
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY,
+ FOCUS_BLUR_DATA_API: "focus" + EVENT_KEY + DATA_API_KEY + " " + ("blur" + EVENT_KEY + DATA_API_KEY)
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Button =
+ /*#__PURE__*/
+ function () {
+ function Button(element) {
+ this._element = element;
+ } // Getters
+
+
+ var _proto = Button.prototype;
+
+ // Public
+ _proto.toggle = function toggle() {
+ var triggerChangeEvent = true;
+ var addAriaPressed = true;
+ var rootElement = $$$1(this._element).closest(Selector.DATA_TOGGLE)[0];
+
+ if (rootElement) {
+ var input = $$$1(this._element).find(Selector.INPUT)[0];
+
+ if (input) {
+ if (input.type === 'radio') {
+ if (input.checked && $$$1(this._element).hasClass(ClassName.ACTIVE)) {
+ triggerChangeEvent = false;
+ } else {
+ var activeElement = $$$1(rootElement).find(Selector.ACTIVE)[0];
+
+ if (activeElement) {
+ $$$1(activeElement).removeClass(ClassName.ACTIVE);
+ }
+ }
+ }
+
+ if (triggerChangeEvent) {
+ if (input.hasAttribute('disabled') || rootElement.hasAttribute('disabled') || input.classList.contains('disabled') || rootElement.classList.contains('disabled')) {
+ return;
+ }
+
+ input.checked = !$$$1(this._element).hasClass(ClassName.ACTIVE);
+ $$$1(input).trigger('change');
+ }
+
+ input.focus();
+ addAriaPressed = false;
+ }
+ }
+
+ if (addAriaPressed) {
+ this._element.setAttribute('aria-pressed', !$$$1(this._element).hasClass(ClassName.ACTIVE));
+ }
+
+ if (triggerChangeEvent) {
+ $$$1(this._element).toggleClass(ClassName.ACTIVE);
+ }
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ this._element = null;
+ }; // Static
+
+
+ Button._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ if (!data) {
+ data = new Button(this);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (config === 'toggle') {
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Button, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }]);
+ return Button;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
+ event.preventDefault();
+ var button = event.target;
+
+ if (!$$$1(button).hasClass(ClassName.BUTTON)) {
+ button = $$$1(button).closest(Selector.BUTTON);
+ }
+
+ Button._jQueryInterface.call($$$1(button), 'toggle');
+ }).on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
+ var button = $$$1(event.target).closest(Selector.BUTTON)[0];
+ $$$1(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type));
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Button._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Button;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Button._jQueryInterface;
+ };
+
+ return Button;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): carousel.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Carousel = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'carousel';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.carousel';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 600;
+ var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key
+
+ var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key
+
+ var TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
+
+ var Default = {
+ interval: 5000,
+ keyboard: true,
+ slide: false,
+ pause: 'hover',
+ wrap: true
+ };
+ var DefaultType = {
+ interval: '(number|boolean)',
+ keyboard: 'boolean',
+ slide: '(boolean|string)',
+ pause: '(string|boolean)',
+ wrap: 'boolean'
+ };
+ var Direction = {
+ NEXT: 'next',
+ PREV: 'prev',
+ LEFT: 'left',
+ RIGHT: 'right'
+ };
+ var Event = {
+ SLIDE: "slide" + EVENT_KEY,
+ SLID: "slid" + EVENT_KEY,
+ KEYDOWN: "keydown" + EVENT_KEY,
+ MOUSEENTER: "mouseenter" + EVENT_KEY,
+ MOUSELEAVE: "mouseleave" + EVENT_KEY,
+ TOUCHEND: "touchend" + EVENT_KEY,
+ LOAD_DATA_API: "load" + EVENT_KEY + DATA_API_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ CAROUSEL: 'carousel',
+ ACTIVE: 'active',
+ SLIDE: 'slide',
+ RIGHT: 'carousel-item-right',
+ LEFT: 'carousel-item-left',
+ NEXT: 'carousel-item-next',
+ PREV: 'carousel-item-prev',
+ ITEM: 'carousel-item'
+ };
+ var Selector = {
+ ACTIVE: '.active',
+ ACTIVE_ITEM: '.active.carousel-item',
+ ITEM: '.carousel-item',
+ NEXT_PREV: '.carousel-item-next, .carousel-item-prev',
+ INDICATORS: '.carousel-indicators',
+ DATA_SLIDE: '[data-slide], [data-slide-to]',
+ DATA_RIDE: '[data-ride="carousel"]'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Carousel =
+ /*#__PURE__*/
+ function () {
+ function Carousel(element, config) {
+ this._items = null;
+ this._interval = null;
+ this._activeElement = null;
+ this._isPaused = false;
+ this._isSliding = false;
+ this.touchTimeout = null;
+ this._config = this._getConfig(config);
+ this._element = $$$1(element)[0];
+ this._indicatorsElement = $$$1(this._element).find(Selector.INDICATORS)[0];
+
+ this._addEventListeners();
+ } // Getters
+
+
+ var _proto = Carousel.prototype;
+
+ // Public
+ _proto.next = function next() {
+ if (!this._isSliding) {
+ this._slide(Direction.NEXT);
+ }
+ };
+
+ _proto.nextWhenVisible = function nextWhenVisible() {
+ // Don't call next when the page isn't visible
+ // or the carousel or its parent isn't visible
+ if (!document.hidden && $$$1(this._element).is(':visible') && $$$1(this._element).css('visibility') !== 'hidden') {
+ this.next();
+ }
+ };
+
+ _proto.prev = function prev() {
+ if (!this._isSliding) {
+ this._slide(Direction.PREV);
+ }
+ };
+
+ _proto.pause = function pause(event) {
+ if (!event) {
+ this._isPaused = true;
+ }
+
+ if ($$$1(this._element).find(Selector.NEXT_PREV)[0] && Util.supportsTransitionEnd()) {
+ Util.triggerTransitionEnd(this._element);
+ this.cycle(true);
+ }
+
+ clearInterval(this._interval);
+ this._interval = null;
+ };
+
+ _proto.cycle = function cycle(event) {
+ if (!event) {
+ this._isPaused = false;
+ }
+
+ if (this._interval) {
+ clearInterval(this._interval);
+ this._interval = null;
+ }
+
+ if (this._config.interval && !this._isPaused) {
+ this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);
+ }
+ };
+
+ _proto.to = function to(index) {
+ var _this = this;
+
+ this._activeElement = $$$1(this._element).find(Selector.ACTIVE_ITEM)[0];
+
+ var activeIndex = this._getItemIndex(this._activeElement);
+
+ if (index > this._items.length - 1 || index < 0) {
+ return;
+ }
+
+ if (this._isSliding) {
+ $$$1(this._element).one(Event.SLID, function () {
+ return _this.to(index);
+ });
+ return;
+ }
+
+ if (activeIndex === index) {
+ this.pause();
+ this.cycle();
+ return;
+ }
+
+ var direction = index > activeIndex ? Direction.NEXT : Direction.PREV;
+
+ this._slide(direction, this._items[index]);
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1(this._element).off(EVENT_KEY);
+ $$$1.removeData(this._element, DATA_KEY);
+ this._items = null;
+ this._config = null;
+ this._element = null;
+ this._interval = null;
+ this._isPaused = null;
+ this._isSliding = null;
+ this._activeElement = null;
+ this._indicatorsElement = null;
+ }; // Private
+
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, Default, config);
+ Util.typeCheckConfig(NAME, config, DefaultType);
+ return config;
+ };
+
+ _proto._addEventListeners = function _addEventListeners() {
+ var _this2 = this;
+
+ if (this._config.keyboard) {
+ $$$1(this._element).on(Event.KEYDOWN, function (event) {
+ return _this2._keydown(event);
+ });
+ }
+
+ if (this._config.pause === 'hover') {
+ $$$1(this._element).on(Event.MOUSEENTER, function (event) {
+ return _this2.pause(event);
+ }).on(Event.MOUSELEAVE, function (event) {
+ return _this2.cycle(event);
+ });
+
+ if ('ontouchstart' in document.documentElement) {
+ // If it's a touch-enabled device, mouseenter/leave are fired as
+ // part of the mouse compatibility events on first tap - the carousel
+ // would stop cycling until user tapped out of it;
+ // here, we listen for touchend, explicitly pause the carousel
+ // (as if it's the second time we tap on it, mouseenter compat event
+ // is NOT fired) and after a timeout (to allow for mouse compatibility
+ // events to fire) we explicitly restart cycling
+ $$$1(this._element).on(Event.TOUCHEND, function () {
+ _this2.pause();
+
+ if (_this2.touchTimeout) {
+ clearTimeout(_this2.touchTimeout);
+ }
+
+ _this2.touchTimeout = setTimeout(function (event) {
+ return _this2.cycle(event);
+ }, TOUCHEVENT_COMPAT_WAIT + _this2._config.interval);
+ });
+ }
+ }
+ };
+
+ _proto._keydown = function _keydown(event) {
+ if (/input|textarea/i.test(event.target.tagName)) {
+ return;
+ }
+
+ switch (event.which) {
+ case ARROW_LEFT_KEYCODE:
+ event.preventDefault();
+ this.prev();
+ break;
+
+ case ARROW_RIGHT_KEYCODE:
+ event.preventDefault();
+ this.next();
+ break;
+
+ default:
+ }
+ };
+
+ _proto._getItemIndex = function _getItemIndex(element) {
+ this._items = $$$1.makeArray($$$1(element).parent().find(Selector.ITEM));
+ return this._items.indexOf(element);
+ };
+
+ _proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
+ var isNextDirection = direction === Direction.NEXT;
+ var isPrevDirection = direction === Direction.PREV;
+
+ var activeIndex = this._getItemIndex(activeElement);
+
+ var lastItemIndex = this._items.length - 1;
+ var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex;
+
+ if (isGoingToWrap && !this._config.wrap) {
+ return activeElement;
+ }
+
+ var delta = direction === Direction.PREV ? -1 : 1;
+ var itemIndex = (activeIndex + delta) % this._items.length;
+ return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
+ };
+
+ _proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
+ var targetIndex = this._getItemIndex(relatedTarget);
+
+ var fromIndex = this._getItemIndex($$$1(this._element).find(Selector.ACTIVE_ITEM)[0]);
+
+ var slideEvent = $$$1.Event(Event.SLIDE, {
+ relatedTarget: relatedTarget,
+ direction: eventDirectionName,
+ from: fromIndex,
+ to: targetIndex
+ });
+ $$$1(this._element).trigger(slideEvent);
+ return slideEvent;
+ };
+
+ _proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
+ if (this._indicatorsElement) {
+ $$$1(this._indicatorsElement).find(Selector.ACTIVE).removeClass(ClassName.ACTIVE);
+
+ var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
+
+ if (nextIndicator) {
+ $$$1(nextIndicator).addClass(ClassName.ACTIVE);
+ }
+ }
+ };
+
+ _proto._slide = function _slide(direction, element) {
+ var _this3 = this;
+
+ var activeElement = $$$1(this._element).find(Selector.ACTIVE_ITEM)[0];
+
+ var activeElementIndex = this._getItemIndex(activeElement);
+
+ var nextElement = element || activeElement && this._getItemByDirection(direction, activeElement);
+
+ var nextElementIndex = this._getItemIndex(nextElement);
+
+ var isCycling = Boolean(this._interval);
+ var directionalClassName;
+ var orderClassName;
+ var eventDirectionName;
+
+ if (direction === Direction.NEXT) {
+ directionalClassName = ClassName.LEFT;
+ orderClassName = ClassName.NEXT;
+ eventDirectionName = Direction.LEFT;
+ } else {
+ directionalClassName = ClassName.RIGHT;
+ orderClassName = ClassName.PREV;
+ eventDirectionName = Direction.RIGHT;
+ }
+
+ if (nextElement && $$$1(nextElement).hasClass(ClassName.ACTIVE)) {
+ this._isSliding = false;
+ return;
+ }
+
+ var slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName);
+
+ if (slideEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ if (!activeElement || !nextElement) {
+ // Some weirdness is happening, so we bail
+ return;
+ }
+
+ this._isSliding = true;
+
+ if (isCycling) {
+ this.pause();
+ }
+
+ this._setActiveIndicatorElement(nextElement);
+
+ var slidEvent = $$$1.Event(Event.SLID, {
+ relatedTarget: nextElement,
+ direction: eventDirectionName,
+ from: activeElementIndex,
+ to: nextElementIndex
+ });
+
+ if (Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.SLIDE)) {
+ $$$1(nextElement).addClass(orderClassName);
+ Util.reflow(nextElement);
+ $$$1(activeElement).addClass(directionalClassName);
+ $$$1(nextElement).addClass(directionalClassName);
+ $$$1(activeElement).one(Util.TRANSITION_END, function () {
+ $$$1(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(ClassName.ACTIVE);
+ $$$1(activeElement).removeClass(ClassName.ACTIVE + " " + orderClassName + " " + directionalClassName);
+ _this3._isSliding = false;
+ setTimeout(function () {
+ return $$$1(_this3._element).trigger(slidEvent);
+ }, 0);
+ }).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ $$$1(activeElement).removeClass(ClassName.ACTIVE);
+ $$$1(nextElement).addClass(ClassName.ACTIVE);
+ this._isSliding = false;
+ $$$1(this._element).trigger(slidEvent);
+ }
+
+ if (isCycling) {
+ this.cycle();
+ }
+ }; // Static
+
+
+ Carousel._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = _extends({}, Default, $$$1(this).data());
+
+ if (typeof config === 'object') {
+ _config = _extends({}, _config, config);
+ }
+
+ var action = typeof config === 'string' ? config : _config.slide;
+
+ if (!data) {
+ data = new Carousel(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'number') {
+ data.to(config);
+ } else if (typeof action === 'string') {
+ if (typeof data[action] === 'undefined') {
+ throw new TypeError("No method named \"" + action + "\"");
+ }
+
+ data[action]();
+ } else if (_config.interval) {
+ data.pause();
+ data.cycle();
+ }
+ });
+ };
+
+ Carousel._dataApiClickHandler = function _dataApiClickHandler(event) {
+ var selector = Util.getSelectorFromElement(this);
+
+ if (!selector) {
+ return;
+ }
+
+ var target = $$$1(selector)[0];
+
+ if (!target || !$$$1(target).hasClass(ClassName.CAROUSEL)) {
+ return;
+ }
+
+ var config = _extends({}, $$$1(target).data(), $$$1(this).data());
+ var slideIndex = this.getAttribute('data-slide-to');
+
+ if (slideIndex) {
+ config.interval = false;
+ }
+
+ Carousel._jQueryInterface.call($$$1(target), config);
+
+ if (slideIndex) {
+ $$$1(target).data(DATA_KEY).to(slideIndex);
+ }
+
+ event.preventDefault();
+ };
+
+ _createClass(Carousel, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }]);
+ return Carousel;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler);
+ $$$1(window).on(Event.LOAD_DATA_API, function () {
+ $$$1(Selector.DATA_RIDE).each(function () {
+ var $carousel = $$$1(this);
+
+ Carousel._jQueryInterface.call($carousel, $carousel.data());
+ });
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Carousel._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Carousel;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Carousel._jQueryInterface;
+ };
+
+ return Carousel;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): collapse.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Collapse = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'collapse';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.collapse';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 600;
+ var Default = {
+ toggle: true,
+ parent: ''
+ };
+ var DefaultType = {
+ toggle: 'boolean',
+ parent: '(string|element)'
+ };
+ var Event = {
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ SHOW: 'show',
+ COLLAPSE: 'collapse',
+ COLLAPSING: 'collapsing',
+ COLLAPSED: 'collapsed'
+ };
+ var Dimension = {
+ WIDTH: 'width',
+ HEIGHT: 'height'
+ };
+ var Selector = {
+ ACTIVES: '.show, .collapsing',
+ DATA_TOGGLE: '[data-toggle="collapse"]'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Collapse =
+ /*#__PURE__*/
+ function () {
+ function Collapse(element, config) {
+ this._isTransitioning = false;
+ this._element = element;
+ this._config = this._getConfig(config);
+ this._triggerArray = $$$1.makeArray($$$1("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]")));
+ var tabToggles = $$$1(Selector.DATA_TOGGLE);
+
+ for (var i = 0; i < tabToggles.length; i++) {
+ var elem = tabToggles[i];
+ var selector = Util.getSelectorFromElement(elem);
+
+ if (selector !== null && $$$1(selector).filter(element).length > 0) {
+ this._selector = selector;
+
+ this._triggerArray.push(elem);
+ }
+ }
+
+ this._parent = this._config.parent ? this._getParent() : null;
+
+ if (!this._config.parent) {
+ this._addAriaAndCollapsedClass(this._element, this._triggerArray);
+ }
+
+ if (this._config.toggle) {
+ this.toggle();
+ }
+ } // Getters
+
+
+ var _proto = Collapse.prototype;
+
+ // Public
+ _proto.toggle = function toggle() {
+ if ($$$1(this._element).hasClass(ClassName.SHOW)) {
+ this.hide();
+ } else {
+ this.show();
+ }
+ };
+
+ _proto.show = function show() {
+ var _this = this;
+
+ if (this._isTransitioning || $$$1(this._element).hasClass(ClassName.SHOW)) {
+ return;
+ }
+
+ var actives;
+ var activesData;
+
+ if (this._parent) {
+ actives = $$$1.makeArray($$$1(this._parent).find(Selector.ACTIVES).filter("[data-parent=\"" + this._config.parent + "\"]"));
+
+ if (actives.length === 0) {
+ actives = null;
+ }
+ }
+
+ if (actives) {
+ activesData = $$$1(actives).not(this._selector).data(DATA_KEY);
+
+ if (activesData && activesData._isTransitioning) {
+ return;
+ }
+ }
+
+ var startEvent = $$$1.Event(Event.SHOW);
+ $$$1(this._element).trigger(startEvent);
+
+ if (startEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ if (actives) {
+ Collapse._jQueryInterface.call($$$1(actives).not(this._selector), 'hide');
+
+ if (!activesData) {
+ $$$1(actives).data(DATA_KEY, null);
+ }
+ }
+
+ var dimension = this._getDimension();
+
+ $$$1(this._element).removeClass(ClassName.COLLAPSE).addClass(ClassName.COLLAPSING);
+ this._element.style[dimension] = 0;
+
+ if (this._triggerArray.length > 0) {
+ $$$1(this._triggerArray).removeClass(ClassName.COLLAPSED).attr('aria-expanded', true);
+ }
+
+ this.setTransitioning(true);
+
+ var complete = function complete() {
+ $$$1(_this._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).addClass(ClassName.SHOW);
+ _this._element.style[dimension] = '';
+
+ _this.setTransitioning(false);
+
+ $$$1(_this._element).trigger(Event.SHOWN);
+ };
+
+ if (!Util.supportsTransitionEnd()) {
+ complete();
+ return;
+ }
+
+ var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
+ var scrollSize = "scroll" + capitalizedDimension;
+ $$$1(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+ this._element.style[dimension] = this._element[scrollSize] + "px";
+ };
+
+ _proto.hide = function hide() {
+ var _this2 = this;
+
+ if (this._isTransitioning || !$$$1(this._element).hasClass(ClassName.SHOW)) {
+ return;
+ }
+
+ var startEvent = $$$1.Event(Event.HIDE);
+ $$$1(this._element).trigger(startEvent);
+
+ if (startEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ var dimension = this._getDimension();
+
+ this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px";
+ Util.reflow(this._element);
+ $$$1(this._element).addClass(ClassName.COLLAPSING).removeClass(ClassName.COLLAPSE).removeClass(ClassName.SHOW);
+
+ if (this._triggerArray.length > 0) {
+ for (var i = 0; i < this._triggerArray.length; i++) {
+ var trigger = this._triggerArray[i];
+ var selector = Util.getSelectorFromElement(trigger);
+
+ if (selector !== null) {
+ var $elem = $$$1(selector);
+
+ if (!$elem.hasClass(ClassName.SHOW)) {
+ $$$1(trigger).addClass(ClassName.COLLAPSED).attr('aria-expanded', false);
+ }
+ }
+ }
+ }
+
+ this.setTransitioning(true);
+
+ var complete = function complete() {
+ _this2.setTransitioning(false);
+
+ $$$1(_this2._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).trigger(Event.HIDDEN);
+ };
+
+ this._element.style[dimension] = '';
+
+ if (!Util.supportsTransitionEnd()) {
+ complete();
+ return;
+ }
+
+ $$$1(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+ };
+
+ _proto.setTransitioning = function setTransitioning(isTransitioning) {
+ this._isTransitioning = isTransitioning;
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ this._config = null;
+ this._parent = null;
+ this._element = null;
+ this._triggerArray = null;
+ this._isTransitioning = null;
+ }; // Private
+
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, Default, config);
+ config.toggle = Boolean(config.toggle); // Coerce string values
+
+ Util.typeCheckConfig(NAME, config, DefaultType);
+ return config;
+ };
+
+ _proto._getDimension = function _getDimension() {
+ var hasWidth = $$$1(this._element).hasClass(Dimension.WIDTH);
+ return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT;
+ };
+
+ _proto._getParent = function _getParent() {
+ var _this3 = this;
+
+ var parent = null;
+
+ if (Util.isElement(this._config.parent)) {
+ parent = this._config.parent; // It's a jQuery object
+
+ if (typeof this._config.parent.jquery !== 'undefined') {
+ parent = this._config.parent[0];
+ }
+ } else {
+ parent = $$$1(this._config.parent)[0];
+ }
+
+ var selector = "[data-toggle=\"collapse\"][data-parent=\"" + this._config.parent + "\"]";
+ $$$1(parent).find(selector).each(function (i, element) {
+ _this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]);
+ });
+ return parent;
+ };
+
+ _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) {
+ if (element) {
+ var isOpen = $$$1(element).hasClass(ClassName.SHOW);
+
+ if (triggerArray.length > 0) {
+ $$$1(triggerArray).toggleClass(ClassName.COLLAPSED, !isOpen).attr('aria-expanded', isOpen);
+ }
+ }
+ }; // Static
+
+
+ Collapse._getTargetFromElement = function _getTargetFromElement(element) {
+ var selector = Util.getSelectorFromElement(element);
+ return selector ? $$$1(selector)[0] : null;
+ };
+
+ Collapse._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var $this = $$$1(this);
+ var data = $this.data(DATA_KEY);
+
+ var _config = _extends({}, Default, $this.data(), typeof config === 'object' && config);
+
+ if (!data && _config.toggle && /show|hide/.test(config)) {
+ _config.toggle = false;
+ }
+
+ if (!data) {
+ data = new Collapse(this, _config);
+ $this.data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Collapse, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }]);
+ return Collapse;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+ // preventDefault only for <a> elements (which change the URL) not inside the collapsible element
+ if (event.currentTarget.tagName === 'A') {
+ event.preventDefault();
+ }
+
+ var $trigger = $$$1(this);
+ var selector = Util.getSelectorFromElement(this);
+ $$$1(selector).each(function () {
+ var $target = $$$1(this);
+ var data = $target.data(DATA_KEY);
+ var config = data ? 'toggle' : $trigger.data();
+
+ Collapse._jQueryInterface.call($target, config);
+ });
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Collapse._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Collapse;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Collapse._jQueryInterface;
+ };
+
+ return Collapse;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): dropdown.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Dropdown = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'dropdown';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.dropdown';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
+
+ var SPACE_KEYCODE = 32; // KeyboardEvent.which value for space key
+
+ var TAB_KEYCODE = 9; // KeyboardEvent.which value for tab key
+
+ var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key
+
+ var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key
+
+ var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse)
+
+ var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEYCODE + "|" + ARROW_DOWN_KEYCODE + "|" + ESCAPE_KEYCODE);
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ CLICK: "click" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY,
+ KEYDOWN_DATA_API: "keydown" + EVENT_KEY + DATA_API_KEY,
+ KEYUP_DATA_API: "keyup" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ DISABLED: 'disabled',
+ SHOW: 'show',
+ DROPUP: 'dropup',
+ DROPRIGHT: 'dropright',
+ DROPLEFT: 'dropleft',
+ MENURIGHT: 'dropdown-menu-right',
+ MENULEFT: 'dropdown-menu-left',
+ POSITION_STATIC: 'position-static'
+ };
+ var Selector = {
+ DATA_TOGGLE: '[data-toggle="dropdown"]',
+ FORM_CHILD: '.dropdown form',
+ MENU: '.dropdown-menu',
+ NAVBAR_NAV: '.navbar-nav',
+ VISIBLE_ITEMS: '.dropdown-menu .dropdown-item:not(.disabled)'
+ };
+ var AttachmentMap = {
+ TOP: 'top-start',
+ TOPEND: 'top-end',
+ BOTTOM: 'bottom-start',
+ BOTTOMEND: 'bottom-end',
+ RIGHT: 'right-start',
+ RIGHTEND: 'right-end',
+ LEFT: 'left-start',
+ LEFTEND: 'left-end'
+ };
+ var Default = {
+ offset: 0,
+ flip: true,
+ boundary: 'scrollParent'
+ };
+ var DefaultType = {
+ offset: '(number|string|function)',
+ flip: 'boolean',
+ boundary: '(string|element)'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Dropdown =
+ /*#__PURE__*/
+ function () {
+ function Dropdown(element, config) {
+ this._element = element;
+ this._popper = null;
+ this._config = this._getConfig(config);
+ this._menu = this._getMenuElement();
+ this._inNavbar = this._detectNavbar();
+
+ this._addEventListeners();
+ } // Getters
+
+
+ var _proto = Dropdown.prototype;
+
+ // Public
+ _proto.toggle = function toggle() {
+ if (this._element.disabled || $$$1(this._element).hasClass(ClassName.DISABLED)) {
+ return;
+ }
+
+ var parent = Dropdown._getParentFromElement(this._element);
+
+ var isActive = $$$1(this._menu).hasClass(ClassName.SHOW);
+
+ Dropdown._clearMenus();
+
+ if (isActive) {
+ return;
+ }
+
+ var relatedTarget = {
+ relatedTarget: this._element
+ };
+ var showEvent = $$$1.Event(Event.SHOW, relatedTarget);
+ $$$1(parent).trigger(showEvent);
+
+ if (showEvent.isDefaultPrevented()) {
+ return;
+ } // Disable totally Popper.js for Dropdown in Navbar
+
+
+ if (!this._inNavbar) {
+ /**
+ * Check for Popper dependency
+ * Popper - https://popper.js.org
+ */
+ if (typeof Popper === 'undefined') {
+ throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)');
+ }
+
+ var element = this._element; // For dropup with alignment we use the parent as popper container
+
+ if ($$$1(parent).hasClass(ClassName.DROPUP)) {
+ if ($$$1(this._menu).hasClass(ClassName.MENULEFT) || $$$1(this._menu).hasClass(ClassName.MENURIGHT)) {
+ element = parent;
+ }
+ } // If boundary is not `scrollParent`, then set position to `static`
+ // to allow the menu to "escape" the scroll parent's boundaries
+ // https://github.com/twbs/bootstrap/issues/24251
+
+
+ if (this._config.boundary !== 'scrollParent') {
+ $$$1(parent).addClass(ClassName.POSITION_STATIC);
+ }
+
+ this._popper = new Popper(element, this._menu, this._getPopperConfig());
+ } // If this is a touch-enabled device we add extra
+ // empty mouseover listeners to the body's immediate children;
+ // only needed because of broken event delegation on iOS
+ // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+
+
+ if ('ontouchstart' in document.documentElement && $$$1(parent).closest(Selector.NAVBAR_NAV).length === 0) {
+ $$$1('body').children().on('mouseover', null, $$$1.noop);
+ }
+
+ this._element.focus();
+
+ this._element.setAttribute('aria-expanded', true);
+
+ $$$1(this._menu).toggleClass(ClassName.SHOW);
+ $$$1(parent).toggleClass(ClassName.SHOW).trigger($$$1.Event(Event.SHOWN, relatedTarget));
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ $$$1(this._element).off(EVENT_KEY);
+ this._element = null;
+ this._menu = null;
+
+ if (this._popper !== null) {
+ this._popper.destroy();
+
+ this._popper = null;
+ }
+ };
+
+ _proto.update = function update() {
+ this._inNavbar = this._detectNavbar();
+
+ if (this._popper !== null) {
+ this._popper.scheduleUpdate();
+ }
+ }; // Private
+
+
+ _proto._addEventListeners = function _addEventListeners() {
+ var _this = this;
+
+ $$$1(this._element).on(Event.CLICK, function (event) {
+ event.preventDefault();
+ event.stopPropagation();
+
+ _this.toggle();
+ });
+ };
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, this.constructor.Default, $$$1(this._element).data(), config);
+ Util.typeCheckConfig(NAME, config, this.constructor.DefaultType);
+ return config;
+ };
+
+ _proto._getMenuElement = function _getMenuElement() {
+ if (!this._menu) {
+ var parent = Dropdown._getParentFromElement(this._element);
+
+ this._menu = $$$1(parent).find(Selector.MENU)[0];
+ }
+
+ return this._menu;
+ };
+
+ _proto._getPlacement = function _getPlacement() {
+ var $parentDropdown = $$$1(this._element).parent();
+ var placement = AttachmentMap.BOTTOM; // Handle dropup
+
+ if ($parentDropdown.hasClass(ClassName.DROPUP)) {
+ placement = AttachmentMap.TOP;
+
+ if ($$$1(this._menu).hasClass(ClassName.MENURIGHT)) {
+ placement = AttachmentMap.TOPEND;
+ }
+ } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) {
+ placement = AttachmentMap.RIGHT;
+ } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) {
+ placement = AttachmentMap.LEFT;
+ } else if ($$$1(this._menu).hasClass(ClassName.MENURIGHT)) {
+ placement = AttachmentMap.BOTTOMEND;
+ }
+
+ return placement;
+ };
+
+ _proto._detectNavbar = function _detectNavbar() {
+ return $$$1(this._element).closest('.navbar').length > 0;
+ };
+
+ _proto._getPopperConfig = function _getPopperConfig() {
+ var _this2 = this;
+
+ var offsetConf = {};
+
+ if (typeof this._config.offset === 'function') {
+ offsetConf.fn = function (data) {
+ data.offsets = _extends({}, data.offsets, _this2._config.offset(data.offsets) || {});
+ return data;
+ };
+ } else {
+ offsetConf.offset = this._config.offset;
+ }
+
+ var popperConfig = {
+ placement: this._getPlacement(),
+ modifiers: {
+ offset: offsetConf,
+ flip: {
+ enabled: this._config.flip
+ },
+ preventOverflow: {
+ boundariesElement: this._config.boundary
+ }
+ }
+ };
+ return popperConfig;
+ }; // Static
+
+
+ Dropdown._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = typeof config === 'object' ? config : null;
+
+ if (!data) {
+ data = new Dropdown(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ Dropdown._clearMenus = function _clearMenus(event) {
+ if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH || event.type === 'keyup' && event.which !== TAB_KEYCODE)) {
+ return;
+ }
+
+ var toggles = $$$1.makeArray($$$1(Selector.DATA_TOGGLE));
+
+ for (var i = 0; i < toggles.length; i++) {
+ var parent = Dropdown._getParentFromElement(toggles[i]);
+
+ var context = $$$1(toggles[i]).data(DATA_KEY);
+ var relatedTarget = {
+ relatedTarget: toggles[i]
+ };
+
+ if (!context) {
+ continue;
+ }
+
+ var dropdownMenu = context._menu;
+
+ if (!$$$1(parent).hasClass(ClassName.SHOW)) {
+ continue;
+ }
+
+ if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && $$$1.contains(parent, event.target)) {
+ continue;
+ }
+
+ var hideEvent = $$$1.Event(Event.HIDE, relatedTarget);
+ $$$1(parent).trigger(hideEvent);
+
+ if (hideEvent.isDefaultPrevented()) {
+ continue;
+ } // If this is a touch-enabled device we remove the extra
+ // empty mouseover listeners we added for iOS support
+
+
+ if ('ontouchstart' in document.documentElement) {
+ $$$1('body').children().off('mouseover', null, $$$1.noop);
+ }
+
+ toggles[i].setAttribute('aria-expanded', 'false');
+ $$$1(dropdownMenu).removeClass(ClassName.SHOW);
+ $$$1(parent).removeClass(ClassName.SHOW).trigger($$$1.Event(Event.HIDDEN, relatedTarget));
+ }
+ };
+
+ Dropdown._getParentFromElement = function _getParentFromElement(element) {
+ var parent;
+ var selector = Util.getSelectorFromElement(element);
+
+ if (selector) {
+ parent = $$$1(selector)[0];
+ }
+
+ return parent || element.parentNode;
+ }; // eslint-disable-next-line complexity
+
+
+ Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) {
+ // If not input/textarea:
+ // - And not a key in REGEXP_KEYDOWN => not a dropdown command
+ // If input/textarea:
+ // - If space key => not a dropdown command
+ // - If key is other than escape
+ // - If key is not up or down => not a dropdown command
+ // - If trigger inside the menu => not a dropdown command
+ if (/input|textarea/i.test(event.target.tagName) ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || $$$1(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {
+ return;
+ }
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ if (this.disabled || $$$1(this).hasClass(ClassName.DISABLED)) {
+ return;
+ }
+
+ var parent = Dropdown._getParentFromElement(this);
+
+ var isActive = $$$1(parent).hasClass(ClassName.SHOW);
+
+ if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) || isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {
+ if (event.which === ESCAPE_KEYCODE) {
+ var toggle = $$$1(parent).find(Selector.DATA_TOGGLE)[0];
+ $$$1(toggle).trigger('focus');
+ }
+
+ $$$1(this).trigger('click');
+ return;
+ }
+
+ var items = $$$1(parent).find(Selector.VISIBLE_ITEMS).get();
+
+ if (items.length === 0) {
+ return;
+ }
+
+ var index = items.indexOf(event.target);
+
+ if (event.which === ARROW_UP_KEYCODE && index > 0) {
+ // Up
+ index--;
+ }
+
+ if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) {
+ // Down
+ index++;
+ }
+
+ if (index < 0) {
+ index = 0;
+ }
+
+ items[index].focus();
+ };
+
+ _createClass(Dropdown, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType;
+ }
+ }]);
+ return Dropdown;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler).on(Event.CLICK_DATA_API + " " + Event.KEYUP_DATA_API, Dropdown._clearMenus).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+ event.preventDefault();
+ event.stopPropagation();
+
+ Dropdown._jQueryInterface.call($$$1(this), 'toggle');
+ }).on(Event.CLICK_DATA_API, Selector.FORM_CHILD, function (e) {
+ e.stopPropagation();
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Dropdown._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Dropdown;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Dropdown._jQueryInterface;
+ };
+
+ return Dropdown;
+}($, Popper);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): modal.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Modal = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'modal';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.modal';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 300;
+ var BACKDROP_TRANSITION_DURATION = 150;
+ var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
+
+ var Default = {
+ backdrop: true,
+ keyboard: true,
+ focus: true,
+ show: true
+ };
+ var DefaultType = {
+ backdrop: '(boolean|string)',
+ keyboard: 'boolean',
+ focus: 'boolean',
+ show: 'boolean'
+ };
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ FOCUSIN: "focusin" + EVENT_KEY,
+ RESIZE: "resize" + EVENT_KEY,
+ CLICK_DISMISS: "click.dismiss" + EVENT_KEY,
+ KEYDOWN_DISMISS: "keydown.dismiss" + EVENT_KEY,
+ MOUSEUP_DISMISS: "mouseup.dismiss" + EVENT_KEY,
+ MOUSEDOWN_DISMISS: "mousedown.dismiss" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ SCROLLBAR_MEASURER: 'modal-scrollbar-measure',
+ BACKDROP: 'modal-backdrop',
+ OPEN: 'modal-open',
+ FADE: 'fade',
+ SHOW: 'show'
+ };
+ var Selector = {
+ DIALOG: '.modal-dialog',
+ DATA_TOGGLE: '[data-toggle="modal"]',
+ DATA_DISMISS: '[data-dismiss="modal"]',
+ FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',
+ STICKY_CONTENT: '.sticky-top',
+ NAVBAR_TOGGLER: '.navbar-toggler'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Modal =
+ /*#__PURE__*/
+ function () {
+ function Modal(element, config) {
+ this._config = this._getConfig(config);
+ this._element = element;
+ this._dialog = $$$1(element).find(Selector.DIALOG)[0];
+ this._backdrop = null;
+ this._isShown = false;
+ this._isBodyOverflowing = false;
+ this._ignoreBackdropClick = false;
+ this._originalBodyPadding = 0;
+ this._scrollbarWidth = 0;
+ } // Getters
+
+
+ var _proto = Modal.prototype;
+
+ // Public
+ _proto.toggle = function toggle(relatedTarget) {
+ return this._isShown ? this.hide() : this.show(relatedTarget);
+ };
+
+ _proto.show = function show(relatedTarget) {
+ var _this = this;
+
+ if (this._isTransitioning || this._isShown) {
+ return;
+ }
+
+ if (Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.FADE)) {
+ this._isTransitioning = true;
+ }
+
+ var showEvent = $$$1.Event(Event.SHOW, {
+ relatedTarget: relatedTarget
+ });
+ $$$1(this._element).trigger(showEvent);
+
+ if (this._isShown || showEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ this._isShown = true;
+
+ this._checkScrollbar();
+
+ this._setScrollbar();
+
+ this._adjustDialog();
+
+ $$$1(document.body).addClass(ClassName.OPEN);
+
+ this._setEscapeEvent();
+
+ this._setResizeEvent();
+
+ $$$1(this._element).on(Event.CLICK_DISMISS, Selector.DATA_DISMISS, function (event) {
+ return _this.hide(event);
+ });
+ $$$1(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
+ $$$1(_this._element).one(Event.MOUSEUP_DISMISS, function (event) {
+ if ($$$1(event.target).is(_this._element)) {
+ _this._ignoreBackdropClick = true;
+ }
+ });
+ });
+
+ this._showBackdrop(function () {
+ return _this._showElement(relatedTarget);
+ });
+ };
+
+ _proto.hide = function hide(event) {
+ var _this2 = this;
+
+ if (event) {
+ event.preventDefault();
+ }
+
+ if (this._isTransitioning || !this._isShown) {
+ return;
+ }
+
+ var hideEvent = $$$1.Event(Event.HIDE);
+ $$$1(this._element).trigger(hideEvent);
+
+ if (!this._isShown || hideEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ this._isShown = false;
+ var transition = Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.FADE);
+
+ if (transition) {
+ this._isTransitioning = true;
+ }
+
+ this._setEscapeEvent();
+
+ this._setResizeEvent();
+
+ $$$1(document).off(Event.FOCUSIN);
+ $$$1(this._element).removeClass(ClassName.SHOW);
+ $$$1(this._element).off(Event.CLICK_DISMISS);
+ $$$1(this._dialog).off(Event.MOUSEDOWN_DISMISS);
+
+ if (transition) {
+ $$$1(this._element).one(Util.TRANSITION_END, function (event) {
+ return _this2._hideModal(event);
+ }).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ this._hideModal();
+ }
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ $$$1(window, document, this._element, this._backdrop).off(EVENT_KEY);
+ this._config = null;
+ this._element = null;
+ this._dialog = null;
+ this._backdrop = null;
+ this._isShown = null;
+ this._isBodyOverflowing = null;
+ this._ignoreBackdropClick = null;
+ this._scrollbarWidth = null;
+ };
+
+ _proto.handleUpdate = function handleUpdate() {
+ this._adjustDialog();
+ }; // Private
+
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, Default, config);
+ Util.typeCheckConfig(NAME, config, DefaultType);
+ return config;
+ };
+
+ _proto._showElement = function _showElement(relatedTarget) {
+ var _this3 = this;
+
+ var transition = Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.FADE);
+
+ if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
+ // Don't move modal's DOM position
+ document.body.appendChild(this._element);
+ }
+
+ this._element.style.display = 'block';
+
+ this._element.removeAttribute('aria-hidden');
+
+ this._element.scrollTop = 0;
+
+ if (transition) {
+ Util.reflow(this._element);
+ }
+
+ $$$1(this._element).addClass(ClassName.SHOW);
+
+ if (this._config.focus) {
+ this._enforceFocus();
+ }
+
+ var shownEvent = $$$1.Event(Event.SHOWN, {
+ relatedTarget: relatedTarget
+ });
+
+ var transitionComplete = function transitionComplete() {
+ if (_this3._config.focus) {
+ _this3._element.focus();
+ }
+
+ _this3._isTransitioning = false;
+ $$$1(_this3._element).trigger(shownEvent);
+ };
+
+ if (transition) {
+ $$$1(this._dialog).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ transitionComplete();
+ }
+ };
+
+ _proto._enforceFocus = function _enforceFocus() {
+ var _this4 = this;
+
+ $$$1(document).off(Event.FOCUSIN) // Guard against infinite focus loop
+ .on(Event.FOCUSIN, function (event) {
+ if (document !== event.target && _this4._element !== event.target && $$$1(_this4._element).has(event.target).length === 0) {
+ _this4._element.focus();
+ }
+ });
+ };
+
+ _proto._setEscapeEvent = function _setEscapeEvent() {
+ var _this5 = this;
+
+ if (this._isShown && this._config.keyboard) {
+ $$$1(this._element).on(Event.KEYDOWN_DISMISS, function (event) {
+ if (event.which === ESCAPE_KEYCODE) {
+ event.preventDefault();
+
+ _this5.hide();
+ }
+ });
+ } else if (!this._isShown) {
+ $$$1(this._element).off(Event.KEYDOWN_DISMISS);
+ }
+ };
+
+ _proto._setResizeEvent = function _setResizeEvent() {
+ var _this6 = this;
+
+ if (this._isShown) {
+ $$$1(window).on(Event.RESIZE, function (event) {
+ return _this6.handleUpdate(event);
+ });
+ } else {
+ $$$1(window).off(Event.RESIZE);
+ }
+ };
+
+ _proto._hideModal = function _hideModal() {
+ var _this7 = this;
+
+ this._element.style.display = 'none';
+
+ this._element.setAttribute('aria-hidden', true);
+
+ this._isTransitioning = false;
+
+ this._showBackdrop(function () {
+ $$$1(document.body).removeClass(ClassName.OPEN);
+
+ _this7._resetAdjustments();
+
+ _this7._resetScrollbar();
+
+ $$$1(_this7._element).trigger(Event.HIDDEN);
+ });
+ };
+
+ _proto._removeBackdrop = function _removeBackdrop() {
+ if (this._backdrop) {
+ $$$1(this._backdrop).remove();
+ this._backdrop = null;
+ }
+ };
+
+ _proto._showBackdrop = function _showBackdrop(callback) {
+ var _this8 = this;
+
+ var animate = $$$1(this._element).hasClass(ClassName.FADE) ? ClassName.FADE : '';
+
+ if (this._isShown && this._config.backdrop) {
+ var doAnimate = Util.supportsTransitionEnd() && animate;
+ this._backdrop = document.createElement('div');
+ this._backdrop.className = ClassName.BACKDROP;
+
+ if (animate) {
+ $$$1(this._backdrop).addClass(animate);
+ }
+
+ $$$1(this._backdrop).appendTo(document.body);
+ $$$1(this._element).on(Event.CLICK_DISMISS, function (event) {
+ if (_this8._ignoreBackdropClick) {
+ _this8._ignoreBackdropClick = false;
+ return;
+ }
+
+ if (event.target !== event.currentTarget) {
+ return;
+ }
+
+ if (_this8._config.backdrop === 'static') {
+ _this8._element.focus();
+ } else {
+ _this8.hide();
+ }
+ });
+
+ if (doAnimate) {
+ Util.reflow(this._backdrop);
+ }
+
+ $$$1(this._backdrop).addClass(ClassName.SHOW);
+
+ if (!callback) {
+ return;
+ }
+
+ if (!doAnimate) {
+ callback();
+ return;
+ }
+
+ $$$1(this._backdrop).one(Util.TRANSITION_END, callback).emulateTransitionEnd(BACKDROP_TRANSITION_DURATION);
+ } else if (!this._isShown && this._backdrop) {
+ $$$1(this._backdrop).removeClass(ClassName.SHOW);
+
+ var callbackRemove = function callbackRemove() {
+ _this8._removeBackdrop();
+
+ if (callback) {
+ callback();
+ }
+ };
+
+ if (Util.supportsTransitionEnd() && $$$1(this._element).hasClass(ClassName.FADE)) {
+ $$$1(this._backdrop).one(Util.TRANSITION_END, callbackRemove).emulateTransitionEnd(BACKDROP_TRANSITION_DURATION);
+ } else {
+ callbackRemove();
+ }
+ } else if (callback) {
+ callback();
+ }
+ }; // ----------------------------------------------------------------------
+ // the following methods are used to handle overflowing modals
+ // todo (fat): these should probably be refactored out of modal.js
+ // ----------------------------------------------------------------------
+
+
+ _proto._adjustDialog = function _adjustDialog() {
+ var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
+
+ if (!this._isBodyOverflowing && isModalOverflowing) {
+ this._element.style.paddingLeft = this._scrollbarWidth + "px";
+ }
+
+ if (this._isBodyOverflowing && !isModalOverflowing) {
+ this._element.style.paddingRight = this._scrollbarWidth + "px";
+ }
+ };
+
+ _proto._resetAdjustments = function _resetAdjustments() {
+ this._element.style.paddingLeft = '';
+ this._element.style.paddingRight = '';
+ };
+
+ _proto._checkScrollbar = function _checkScrollbar() {
+ var rect = document.body.getBoundingClientRect();
+ this._isBodyOverflowing = rect.left + rect.right < window.innerWidth;
+ this._scrollbarWidth = this._getScrollbarWidth();
+ };
+
+ _proto._setScrollbar = function _setScrollbar() {
+ var _this9 = this;
+
+ if (this._isBodyOverflowing) {
+ // Note: DOMNode.style.paddingRight returns the actual value or '' if not set
+ // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set
+ // Adjust fixed content padding
+ $$$1(Selector.FIXED_CONTENT).each(function (index, element) {
+ var actualPadding = $$$1(element)[0].style.paddingRight;
+ var calculatedPadding = $$$1(element).css('padding-right');
+ $$$1(element).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + _this9._scrollbarWidth + "px");
+ }); // Adjust sticky content margin
+
+ $$$1(Selector.STICKY_CONTENT).each(function (index, element) {
+ var actualMargin = $$$1(element)[0].style.marginRight;
+ var calculatedMargin = $$$1(element).css('margin-right');
+ $$$1(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) - _this9._scrollbarWidth + "px");
+ }); // Adjust navbar-toggler margin
+
+ $$$1(Selector.NAVBAR_TOGGLER).each(function (index, element) {
+ var actualMargin = $$$1(element)[0].style.marginRight;
+ var calculatedMargin = $$$1(element).css('margin-right');
+ $$$1(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) + _this9._scrollbarWidth + "px");
+ }); // Adjust body padding
+
+ var actualPadding = document.body.style.paddingRight;
+ var calculatedPadding = $$$1('body').css('padding-right');
+ $$$1('body').data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + this._scrollbarWidth + "px");
+ }
+ };
+
+ _proto._resetScrollbar = function _resetScrollbar() {
+ // Restore fixed content padding
+ $$$1(Selector.FIXED_CONTENT).each(function (index, element) {
+ var padding = $$$1(element).data('padding-right');
+
+ if (typeof padding !== 'undefined') {
+ $$$1(element).css('padding-right', padding).removeData('padding-right');
+ }
+ }); // Restore sticky content and navbar-toggler margin
+
+ $$$1(Selector.STICKY_CONTENT + ", " + Selector.NAVBAR_TOGGLER).each(function (index, element) {
+ var margin = $$$1(element).data('margin-right');
+
+ if (typeof margin !== 'undefined') {
+ $$$1(element).css('margin-right', margin).removeData('margin-right');
+ }
+ }); // Restore body padding
+
+ var padding = $$$1('body').data('padding-right');
+
+ if (typeof padding !== 'undefined') {
+ $$$1('body').css('padding-right', padding).removeData('padding-right');
+ }
+ };
+
+ _proto._getScrollbarWidth = function _getScrollbarWidth() {
+ // thx d.walsh
+ var scrollDiv = document.createElement('div');
+ scrollDiv.className = ClassName.SCROLLBAR_MEASURER;
+ document.body.appendChild(scrollDiv);
+ var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
+ document.body.removeChild(scrollDiv);
+ return scrollbarWidth;
+ }; // Static
+
+
+ Modal._jQueryInterface = function _jQueryInterface(config, relatedTarget) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = _extends({}, Modal.Default, $$$1(this).data(), typeof config === 'object' && config);
+
+ if (!data) {
+ data = new Modal(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config](relatedTarget);
+ } else if (_config.show) {
+ data.show(relatedTarget);
+ }
+ });
+ };
+
+ _createClass(Modal, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }]);
+ return Modal;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+ var _this10 = this;
+
+ var target;
+ var selector = Util.getSelectorFromElement(this);
+
+ if (selector) {
+ target = $$$1(selector)[0];
+ }
+
+ var config = $$$1(target).data(DATA_KEY) ? 'toggle' : _extends({}, $$$1(target).data(), $$$1(this).data());
+
+ if (this.tagName === 'A' || this.tagName === 'AREA') {
+ event.preventDefault();
+ }
+
+ var $target = $$$1(target).one(Event.SHOW, function (showEvent) {
+ if (showEvent.isDefaultPrevented()) {
+ // Only register focus restorer if modal will actually get shown
+ return;
+ }
+
+ $target.one(Event.HIDDEN, function () {
+ if ($$$1(_this10).is(':visible')) {
+ _this10.focus();
+ }
+ });
+ });
+
+ Modal._jQueryInterface.call($$$1(target), config, this);
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Modal._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Modal;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Modal._jQueryInterface;
+ };
+
+ return Modal;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): tooltip.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Tooltip = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'tooltip';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.tooltip';
+ var EVENT_KEY = "." + DATA_KEY;
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 150;
+ var CLASS_PREFIX = 'bs-tooltip';
+ var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g');
+ var DefaultType = {
+ animation: 'boolean',
+ template: 'string',
+ title: '(string|element|function)',
+ trigger: 'string',
+ delay: '(number|object)',
+ html: 'boolean',
+ selector: '(string|boolean)',
+ placement: '(string|function)',
+ offset: '(number|string)',
+ container: '(string|element|boolean)',
+ fallbackPlacement: '(string|array)',
+ boundary: '(string|element)'
+ };
+ var AttachmentMap = {
+ AUTO: 'auto',
+ TOP: 'top',
+ RIGHT: 'right',
+ BOTTOM: 'bottom',
+ LEFT: 'left'
+ };
+ var Default = {
+ animation: true,
+ template: '<div class="tooltip" role="tooltip">' + '<div class="arrow"></div>' + '<div class="tooltip-inner"></div></div>',
+ trigger: 'hover focus',
+ title: '',
+ delay: 0,
+ html: false,
+ selector: false,
+ placement: 'top',
+ offset: 0,
+ container: false,
+ fallbackPlacement: 'flip',
+ boundary: 'scrollParent'
+ };
+ var HoverState = {
+ SHOW: 'show',
+ OUT: 'out'
+ };
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ INSERTED: "inserted" + EVENT_KEY,
+ CLICK: "click" + EVENT_KEY,
+ FOCUSIN: "focusin" + EVENT_KEY,
+ FOCUSOUT: "focusout" + EVENT_KEY,
+ MOUSEENTER: "mouseenter" + EVENT_KEY,
+ MOUSELEAVE: "mouseleave" + EVENT_KEY
+ };
+ var ClassName = {
+ FADE: 'fade',
+ SHOW: 'show'
+ };
+ var Selector = {
+ TOOLTIP: '.tooltip',
+ TOOLTIP_INNER: '.tooltip-inner',
+ ARROW: '.arrow'
+ };
+ var Trigger = {
+ HOVER: 'hover',
+ FOCUS: 'focus',
+ CLICK: 'click',
+ MANUAL: 'manual'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Tooltip =
+ /*#__PURE__*/
+ function () {
+ function Tooltip(element, config) {
+ /**
+ * Check for Popper dependency
+ * Popper - https://popper.js.org
+ */
+ if (typeof Popper === 'undefined') {
+ throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)');
+ } // private
+
+
+ this._isEnabled = true;
+ this._timeout = 0;
+ this._hoverState = '';
+ this._activeTrigger = {};
+ this._popper = null; // Protected
+
+ this.element = element;
+ this.config = this._getConfig(config);
+ this.tip = null;
+
+ this._setListeners();
+ } // Getters
+
+
+ var _proto = Tooltip.prototype;
+
+ // Public
+ _proto.enable = function enable() {
+ this._isEnabled = true;
+ };
+
+ _proto.disable = function disable() {
+ this._isEnabled = false;
+ };
+
+ _proto.toggleEnabled = function toggleEnabled() {
+ this._isEnabled = !this._isEnabled;
+ };
+
+ _proto.toggle = function toggle(event) {
+ if (!this._isEnabled) {
+ return;
+ }
+
+ if (event) {
+ var dataKey = this.constructor.DATA_KEY;
+ var context = $$$1(event.currentTarget).data(dataKey);
+
+ if (!context) {
+ context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+ $$$1(event.currentTarget).data(dataKey, context);
+ }
+
+ context._activeTrigger.click = !context._activeTrigger.click;
+
+ if (context._isWithActiveTrigger()) {
+ context._enter(null, context);
+ } else {
+ context._leave(null, context);
+ }
+ } else {
+ if ($$$1(this.getTipElement()).hasClass(ClassName.SHOW)) {
+ this._leave(null, this);
+
+ return;
+ }
+
+ this._enter(null, this);
+ }
+ };
+
+ _proto.dispose = function dispose() {
+ clearTimeout(this._timeout);
+ $$$1.removeData(this.element, this.constructor.DATA_KEY);
+ $$$1(this.element).off(this.constructor.EVENT_KEY);
+ $$$1(this.element).closest('.modal').off('hide.bs.modal');
+
+ if (this.tip) {
+ $$$1(this.tip).remove();
+ }
+
+ this._isEnabled = null;
+ this._timeout = null;
+ this._hoverState = null;
+ this._activeTrigger = null;
+
+ if (this._popper !== null) {
+ this._popper.destroy();
+ }
+
+ this._popper = null;
+ this.element = null;
+ this.config = null;
+ this.tip = null;
+ };
+
+ _proto.show = function show() {
+ var _this = this;
+
+ if ($$$1(this.element).css('display') === 'none') {
+ throw new Error('Please use show on visible elements');
+ }
+
+ var showEvent = $$$1.Event(this.constructor.Event.SHOW);
+
+ if (this.isWithContent() && this._isEnabled) {
+ $$$1(this.element).trigger(showEvent);
+ var isInTheDom = $$$1.contains(this.element.ownerDocument.documentElement, this.element);
+
+ if (showEvent.isDefaultPrevented() || !isInTheDom) {
+ return;
+ }
+
+ var tip = this.getTipElement();
+ var tipId = Util.getUID(this.constructor.NAME);
+ tip.setAttribute('id', tipId);
+ this.element.setAttribute('aria-describedby', tipId);
+ this.setContent();
+
+ if (this.config.animation) {
+ $$$1(tip).addClass(ClassName.FADE);
+ }
+
+ var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;
+
+ var attachment = this._getAttachment(placement);
+
+ this.addAttachmentClass(attachment);
+ var container = this.config.container === false ? document.body : $$$1(this.config.container);
+ $$$1(tip).data(this.constructor.DATA_KEY, this);
+
+ if (!$$$1.contains(this.element.ownerDocument.documentElement, this.tip)) {
+ $$$1(tip).appendTo(container);
+ }
+
+ $$$1(this.element).trigger(this.constructor.Event.INSERTED);
+ this._popper = new Popper(this.element, tip, {
+ placement: attachment,
+ modifiers: {
+ offset: {
+ offset: this.config.offset
+ },
+ flip: {
+ behavior: this.config.fallbackPlacement
+ },
+ arrow: {
+ element: Selector.ARROW
+ },
+ preventOverflow: {
+ boundariesElement: this.config.boundary
+ }
+ },
+ onCreate: function onCreate(data) {
+ if (data.originalPlacement !== data.placement) {
+ _this._handlePopperPlacementChange(data);
+ }
+ },
+ onUpdate: function onUpdate(data) {
+ _this._handlePopperPlacementChange(data);
+ }
+ });
+ $$$1(tip).addClass(ClassName.SHOW); // If this is a touch-enabled device we add extra
+ // empty mouseover listeners to the body's immediate children;
+ // only needed because of broken event delegation on iOS
+ // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+
+ if ('ontouchstart' in document.documentElement) {
+ $$$1('body').children().on('mouseover', null, $$$1.noop);
+ }
+
+ var complete = function complete() {
+ if (_this.config.animation) {
+ _this._fixTransition();
+ }
+
+ var prevHoverState = _this._hoverState;
+ _this._hoverState = null;
+ $$$1(_this.element).trigger(_this.constructor.Event.SHOWN);
+
+ if (prevHoverState === HoverState.OUT) {
+ _this._leave(null, _this);
+ }
+ };
+
+ if (Util.supportsTransitionEnd() && $$$1(this.tip).hasClass(ClassName.FADE)) {
+ $$$1(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION);
+ } else {
+ complete();
+ }
+ }
+ };
+
+ _proto.hide = function hide(callback) {
+ var _this2 = this;
+
+ var tip = this.getTipElement();
+ var hideEvent = $$$1.Event(this.constructor.Event.HIDE);
+
+ var complete = function complete() {
+ if (_this2._hoverState !== HoverState.SHOW && tip.parentNode) {
+ tip.parentNode.removeChild(tip);
+ }
+
+ _this2._cleanTipClass();
+
+ _this2.element.removeAttribute('aria-describedby');
+
+ $$$1(_this2.element).trigger(_this2.constructor.Event.HIDDEN);
+
+ if (_this2._popper !== null) {
+ _this2._popper.destroy();
+ }
+
+ if (callback) {
+ callback();
+ }
+ };
+
+ $$$1(this.element).trigger(hideEvent);
+
+ if (hideEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ $$$1(tip).removeClass(ClassName.SHOW); // If this is a touch-enabled device we remove the extra
+ // empty mouseover listeners we added for iOS support
+
+ if ('ontouchstart' in document.documentElement) {
+ $$$1('body').children().off('mouseover', null, $$$1.noop);
+ }
+
+ this._activeTrigger[Trigger.CLICK] = false;
+ this._activeTrigger[Trigger.FOCUS] = false;
+ this._activeTrigger[Trigger.HOVER] = false;
+
+ if (Util.supportsTransitionEnd() && $$$1(this.tip).hasClass(ClassName.FADE)) {
+ $$$1(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ complete();
+ }
+
+ this._hoverState = '';
+ };
+
+ _proto.update = function update() {
+ if (this._popper !== null) {
+ this._popper.scheduleUpdate();
+ }
+ }; // Protected
+
+
+ _proto.isWithContent = function isWithContent() {
+ return Boolean(this.getTitle());
+ };
+
+ _proto.addAttachmentClass = function addAttachmentClass(attachment) {
+ $$$1(this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment);
+ };
+
+ _proto.getTipElement = function getTipElement() {
+ this.tip = this.tip || $$$1(this.config.template)[0];
+ return this.tip;
+ };
+
+ _proto.setContent = function setContent() {
+ var $tip = $$$1(this.getTipElement());
+ this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle());
+ $tip.removeClass(ClassName.FADE + " " + ClassName.SHOW);
+ };
+
+ _proto.setElementContent = function setElementContent($element, content) {
+ var html = this.config.html;
+
+ if (typeof content === 'object' && (content.nodeType || content.jquery)) {
+ // Content is a DOM node or a jQuery
+ if (html) {
+ if (!$$$1(content).parent().is($element)) {
+ $element.empty().append(content);
+ }
+ } else {
+ $element.text($$$1(content).text());
+ }
+ } else {
+ $element[html ? 'html' : 'text'](content);
+ }
+ };
+
+ _proto.getTitle = function getTitle() {
+ var title = this.element.getAttribute('data-original-title');
+
+ if (!title) {
+ title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
+ }
+
+ return title;
+ }; // Private
+
+
+ _proto._getAttachment = function _getAttachment(placement) {
+ return AttachmentMap[placement.toUpperCase()];
+ };
+
+ _proto._setListeners = function _setListeners() {
+ var _this3 = this;
+
+ var triggers = this.config.trigger.split(' ');
+ triggers.forEach(function (trigger) {
+ if (trigger === 'click') {
+ $$$1(_this3.element).on(_this3.constructor.Event.CLICK, _this3.config.selector, function (event) {
+ return _this3.toggle(event);
+ });
+ } else if (trigger !== Trigger.MANUAL) {
+ var eventIn = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSEENTER : _this3.constructor.Event.FOCUSIN;
+ var eventOut = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSELEAVE : _this3.constructor.Event.FOCUSOUT;
+ $$$1(_this3.element).on(eventIn, _this3.config.selector, function (event) {
+ return _this3._enter(event);
+ }).on(eventOut, _this3.config.selector, function (event) {
+ return _this3._leave(event);
+ });
+ }
+
+ $$$1(_this3.element).closest('.modal').on('hide.bs.modal', function () {
+ return _this3.hide();
+ });
+ });
+
+ if (this.config.selector) {
+ this.config = _extends({}, this.config, {
+ trigger: 'manual',
+ selector: ''
+ });
+ } else {
+ this._fixTitle();
+ }
+ };
+
+ _proto._fixTitle = function _fixTitle() {
+ var titleType = typeof this.element.getAttribute('data-original-title');
+
+ if (this.element.getAttribute('title') || titleType !== 'string') {
+ this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
+ this.element.setAttribute('title', '');
+ }
+ };
+
+ _proto._enter = function _enter(event, context) {
+ var dataKey = this.constructor.DATA_KEY;
+ context = context || $$$1(event.currentTarget).data(dataKey);
+
+ if (!context) {
+ context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+ $$$1(event.currentTarget).data(dataKey, context);
+ }
+
+ if (event) {
+ context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true;
+ }
+
+ if ($$$1(context.getTipElement()).hasClass(ClassName.SHOW) || context._hoverState === HoverState.SHOW) {
+ context._hoverState = HoverState.SHOW;
+ return;
+ }
+
+ clearTimeout(context._timeout);
+ context._hoverState = HoverState.SHOW;
+
+ if (!context.config.delay || !context.config.delay.show) {
+ context.show();
+ return;
+ }
+
+ context._timeout = setTimeout(function () {
+ if (context._hoverState === HoverState.SHOW) {
+ context.show();
+ }
+ }, context.config.delay.show);
+ };
+
+ _proto._leave = function _leave(event, context) {
+ var dataKey = this.constructor.DATA_KEY;
+ context = context || $$$1(event.currentTarget).data(dataKey);
+
+ if (!context) {
+ context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+ $$$1(event.currentTarget).data(dataKey, context);
+ }
+
+ if (event) {
+ context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false;
+ }
+
+ if (context._isWithActiveTrigger()) {
+ return;
+ }
+
+ clearTimeout(context._timeout);
+ context._hoverState = HoverState.OUT;
+
+ if (!context.config.delay || !context.config.delay.hide) {
+ context.hide();
+ return;
+ }
+
+ context._timeout = setTimeout(function () {
+ if (context._hoverState === HoverState.OUT) {
+ context.hide();
+ }
+ }, context.config.delay.hide);
+ };
+
+ _proto._isWithActiveTrigger = function _isWithActiveTrigger() {
+ for (var trigger in this._activeTrigger) {
+ if (this._activeTrigger[trigger]) {
+ return true;
+ }
+ }
+
+ return false;
+ };
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, this.constructor.Default, $$$1(this.element).data(), config);
+
+ if (typeof config.delay === 'number') {
+ config.delay = {
+ show: config.delay,
+ hide: config.delay
+ };
+ }
+
+ if (typeof config.title === 'number') {
+ config.title = config.title.toString();
+ }
+
+ if (typeof config.content === 'number') {
+ config.content = config.content.toString();
+ }
+
+ Util.typeCheckConfig(NAME, config, this.constructor.DefaultType);
+ return config;
+ };
+
+ _proto._getDelegateConfig = function _getDelegateConfig() {
+ var config = {};
+
+ if (this.config) {
+ for (var key in this.config) {
+ if (this.constructor.Default[key] !== this.config[key]) {
+ config[key] = this.config[key];
+ }
+ }
+ }
+
+ return config;
+ };
+
+ _proto._cleanTipClass = function _cleanTipClass() {
+ var $tip = $$$1(this.getTipElement());
+ var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);
+
+ if (tabClass !== null && tabClass.length > 0) {
+ $tip.removeClass(tabClass.join(''));
+ }
+ };
+
+ _proto._handlePopperPlacementChange = function _handlePopperPlacementChange(data) {
+ this._cleanTipClass();
+
+ this.addAttachmentClass(this._getAttachment(data.placement));
+ };
+
+ _proto._fixTransition = function _fixTransition() {
+ var tip = this.getTipElement();
+ var initConfigAnimation = this.config.animation;
+
+ if (tip.getAttribute('x-placement') !== null) {
+ return;
+ }
+
+ $$$1(tip).removeClass(ClassName.FADE);
+ this.config.animation = false;
+ this.hide();
+ this.show();
+ this.config.animation = initConfigAnimation;
+ }; // Static
+
+
+ Tooltip._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = typeof config === 'object' && config;
+
+ if (!data && /dispose|hide/.test(config)) {
+ return;
+ }
+
+ if (!data) {
+ data = new Tooltip(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Tooltip, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME;
+ }
+ }, {
+ key: "DATA_KEY",
+ get: function get() {
+ return DATA_KEY;
+ }
+ }, {
+ key: "Event",
+ get: function get() {
+ return Event;
+ }
+ }, {
+ key: "EVENT_KEY",
+ get: function get() {
+ return EVENT_KEY;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType;
+ }
+ }]);
+ return Tooltip;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1.fn[NAME] = Tooltip._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Tooltip;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Tooltip._jQueryInterface;
+ };
+
+ return Tooltip;
+}($, Popper);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): popover.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Popover = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'popover';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.popover';
+ var EVENT_KEY = "." + DATA_KEY;
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var CLASS_PREFIX = 'bs-popover';
+ var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g');
+ var Default = _extends({}, Tooltip.Default, {
+ placement: 'right',
+ trigger: 'click',
+ content: '',
+ template: '<div class="popover" role="tooltip">' + '<div class="arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div></div>'
+ });
+ var DefaultType = _extends({}, Tooltip.DefaultType, {
+ content: '(string|element|function)'
+ });
+ var ClassName = {
+ FADE: 'fade',
+ SHOW: 'show'
+ };
+ var Selector = {
+ TITLE: '.popover-header',
+ CONTENT: '.popover-body'
+ };
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ INSERTED: "inserted" + EVENT_KEY,
+ CLICK: "click" + EVENT_KEY,
+ FOCUSIN: "focusin" + EVENT_KEY,
+ FOCUSOUT: "focusout" + EVENT_KEY,
+ MOUSEENTER: "mouseenter" + EVENT_KEY,
+ MOUSELEAVE: "mouseleave" + EVENT_KEY
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Popover =
+ /*#__PURE__*/
+ function (_Tooltip) {
+ _inheritsLoose(Popover, _Tooltip);
+
+ function Popover() {
+ return _Tooltip.apply(this, arguments) || this;
+ }
+
+ var _proto = Popover.prototype;
+
+ // Overrides
+ _proto.isWithContent = function isWithContent() {
+ return this.getTitle() || this._getContent();
+ };
+
+ _proto.addAttachmentClass = function addAttachmentClass(attachment) {
+ $$$1(this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment);
+ };
+
+ _proto.getTipElement = function getTipElement() {
+ this.tip = this.tip || $$$1(this.config.template)[0];
+ return this.tip;
+ };
+
+ _proto.setContent = function setContent() {
+ var $tip = $$$1(this.getTipElement()); // We use append for html objects to maintain js events
+
+ this.setElementContent($tip.find(Selector.TITLE), this.getTitle());
+
+ var content = this._getContent();
+
+ if (typeof content === 'function') {
+ content = content.call(this.element);
+ }
+
+ this.setElementContent($tip.find(Selector.CONTENT), content);
+ $tip.removeClass(ClassName.FADE + " " + ClassName.SHOW);
+ }; // Private
+
+
+ _proto._getContent = function _getContent() {
+ return this.element.getAttribute('data-content') || this.config.content;
+ };
+
+ _proto._cleanTipClass = function _cleanTipClass() {
+ var $tip = $$$1(this.getTipElement());
+ var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);
+
+ if (tabClass !== null && tabClass.length > 0) {
+ $tip.removeClass(tabClass.join(''));
+ }
+ }; // Static
+
+
+ Popover._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = typeof config === 'object' ? config : null;
+
+ if (!data && /destroy|hide/.test(config)) {
+ return;
+ }
+
+ if (!data) {
+ data = new Popover(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Popover, null, [{
+ key: "VERSION",
+ // Getters
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }, {
+ key: "NAME",
+ get: function get() {
+ return NAME;
+ }
+ }, {
+ key: "DATA_KEY",
+ get: function get() {
+ return DATA_KEY;
+ }
+ }, {
+ key: "Event",
+ get: function get() {
+ return Event;
+ }
+ }, {
+ key: "EVENT_KEY",
+ get: function get() {
+ return EVENT_KEY;
+ }
+ }, {
+ key: "DefaultType",
+ get: function get() {
+ return DefaultType;
+ }
+ }]);
+ return Popover;
+ }(Tooltip);
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1.fn[NAME] = Popover._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Popover;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Popover._jQueryInterface;
+ };
+
+ return Popover;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): scrollspy.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var ScrollSpy = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'scrollspy';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.scrollspy';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var Default = {
+ offset: 10,
+ method: 'auto',
+ target: ''
+ };
+ var DefaultType = {
+ offset: 'number',
+ method: 'string',
+ target: '(string|element)'
+ };
+ var Event = {
+ ACTIVATE: "activate" + EVENT_KEY,
+ SCROLL: "scroll" + EVENT_KEY,
+ LOAD_DATA_API: "load" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ DROPDOWN_ITEM: 'dropdown-item',
+ DROPDOWN_MENU: 'dropdown-menu',
+ ACTIVE: 'active'
+ };
+ var Selector = {
+ DATA_SPY: '[data-spy="scroll"]',
+ ACTIVE: '.active',
+ NAV_LIST_GROUP: '.nav, .list-group',
+ NAV_LINKS: '.nav-link',
+ NAV_ITEMS: '.nav-item',
+ LIST_ITEMS: '.list-group-item',
+ DROPDOWN: '.dropdown',
+ DROPDOWN_ITEMS: '.dropdown-item',
+ DROPDOWN_TOGGLE: '.dropdown-toggle'
+ };
+ var OffsetMethod = {
+ OFFSET: 'offset',
+ POSITION: 'position'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var ScrollSpy =
+ /*#__PURE__*/
+ function () {
+ function ScrollSpy(element, config) {
+ var _this = this;
+
+ this._element = element;
+ this._scrollElement = element.tagName === 'BODY' ? window : element;
+ this._config = this._getConfig(config);
+ this._selector = this._config.target + " " + Selector.NAV_LINKS + "," + (this._config.target + " " + Selector.LIST_ITEMS + ",") + (this._config.target + " " + Selector.DROPDOWN_ITEMS);
+ this._offsets = [];
+ this._targets = [];
+ this._activeTarget = null;
+ this._scrollHeight = 0;
+ $$$1(this._scrollElement).on(Event.SCROLL, function (event) {
+ return _this._process(event);
+ });
+ this.refresh();
+
+ this._process();
+ } // Getters
+
+
+ var _proto = ScrollSpy.prototype;
+
+ // Public
+ _proto.refresh = function refresh() {
+ var _this2 = this;
+
+ var autoMethod = this._scrollElement === this._scrollElement.window ? OffsetMethod.OFFSET : OffsetMethod.POSITION;
+ var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
+ var offsetBase = offsetMethod === OffsetMethod.POSITION ? this._getScrollTop() : 0;
+ this._offsets = [];
+ this._targets = [];
+ this._scrollHeight = this._getScrollHeight();
+ var targets = $$$1.makeArray($$$1(this._selector));
+ targets.map(function (element) {
+ var target;
+ var targetSelector = Util.getSelectorFromElement(element);
+
+ if (targetSelector) {
+ target = $$$1(targetSelector)[0];
+ }
+
+ if (target) {
+ var targetBCR = target.getBoundingClientRect();
+
+ if (targetBCR.width || targetBCR.height) {
+ // TODO (fat): remove sketch reliance on jQuery position/offset
+ return [$$$1(target)[offsetMethod]().top + offsetBase, targetSelector];
+ }
+ }
+
+ return null;
+ }).filter(function (item) {
+ return item;
+ }).sort(function (a, b) {
+ return a[0] - b[0];
+ }).forEach(function (item) {
+ _this2._offsets.push(item[0]);
+
+ _this2._targets.push(item[1]);
+ });
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ $$$1(this._scrollElement).off(EVENT_KEY);
+ this._element = null;
+ this._scrollElement = null;
+ this._config = null;
+ this._selector = null;
+ this._offsets = null;
+ this._targets = null;
+ this._activeTarget = null;
+ this._scrollHeight = null;
+ }; // Private
+
+
+ _proto._getConfig = function _getConfig(config) {
+ config = _extends({}, Default, config);
+
+ if (typeof config.target !== 'string') {
+ var id = $$$1(config.target).attr('id');
+
+ if (!id) {
+ id = Util.getUID(NAME);
+ $$$1(config.target).attr('id', id);
+ }
+
+ config.target = "#" + id;
+ }
+
+ Util.typeCheckConfig(NAME, config, DefaultType);
+ return config;
+ };
+
+ _proto._getScrollTop = function _getScrollTop() {
+ return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
+ };
+
+ _proto._getScrollHeight = function _getScrollHeight() {
+ return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+ };
+
+ _proto._getOffsetHeight = function _getOffsetHeight() {
+ return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
+ };
+
+ _proto._process = function _process() {
+ var scrollTop = this._getScrollTop() + this._config.offset;
+
+ var scrollHeight = this._getScrollHeight();
+
+ var maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();
+
+ if (this._scrollHeight !== scrollHeight) {
+ this.refresh();
+ }
+
+ if (scrollTop >= maxScroll) {
+ var target = this._targets[this._targets.length - 1];
+
+ if (this._activeTarget !== target) {
+ this._activate(target);
+ }
+
+ return;
+ }
+
+ if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
+ this._activeTarget = null;
+
+ this._clear();
+
+ return;
+ }
+
+ for (var i = this._offsets.length; i--;) {
+ var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);
+
+ if (isActiveTarget) {
+ this._activate(this._targets[i]);
+ }
+ }
+ };
+
+ _proto._activate = function _activate(target) {
+ this._activeTarget = target;
+
+ this._clear();
+
+ var queries = this._selector.split(','); // eslint-disable-next-line arrow-body-style
+
+
+ queries = queries.map(function (selector) {
+ return selector + "[data-target=\"" + target + "\"]," + (selector + "[href=\"" + target + "\"]");
+ });
+ var $link = $$$1(queries.join(','));
+
+ if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {
+ $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
+ $link.addClass(ClassName.ACTIVE);
+ } else {
+ // Set triggered link as active
+ $link.addClass(ClassName.ACTIVE); // Set triggered links parents as active
+ // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
+
+ $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_LINKS + ", " + Selector.LIST_ITEMS).addClass(ClassName.ACTIVE); // Handle special case when .nav-link is inside .nav-item
+
+ $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_ITEMS).children(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
+ }
+
+ $$$1(this._scrollElement).trigger(Event.ACTIVATE, {
+ relatedTarget: target
+ });
+ };
+
+ _proto._clear = function _clear() {
+ $$$1(this._selector).filter(Selector.ACTIVE).removeClass(ClassName.ACTIVE);
+ }; // Static
+
+
+ ScrollSpy._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var data = $$$1(this).data(DATA_KEY);
+
+ var _config = typeof config === 'object' && config;
+
+ if (!data) {
+ data = new ScrollSpy(this, _config);
+ $$$1(this).data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(ScrollSpy, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }, {
+ key: "Default",
+ get: function get() {
+ return Default;
+ }
+ }]);
+ return ScrollSpy;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(window).on(Event.LOAD_DATA_API, function () {
+ var scrollSpys = $$$1.makeArray($$$1(Selector.DATA_SPY));
+
+ for (var i = scrollSpys.length; i--;) {
+ var $spy = $$$1(scrollSpys[i]);
+
+ ScrollSpy._jQueryInterface.call($spy, $spy.data());
+ }
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = ScrollSpy._jQueryInterface;
+ $$$1.fn[NAME].Constructor = ScrollSpy;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return ScrollSpy._jQueryInterface;
+ };
+
+ return ScrollSpy;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): tab.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+var Tab = function ($$$1) {
+ /**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+ var NAME = 'tab';
+ var VERSION = '4.0.0';
+ var DATA_KEY = 'bs.tab';
+ var EVENT_KEY = "." + DATA_KEY;
+ var DATA_API_KEY = '.data-api';
+ var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
+ var TRANSITION_DURATION = 150;
+ var Event = {
+ HIDE: "hide" + EVENT_KEY,
+ HIDDEN: "hidden" + EVENT_KEY,
+ SHOW: "show" + EVENT_KEY,
+ SHOWN: "shown" + EVENT_KEY,
+ CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
+ };
+ var ClassName = {
+ DROPDOWN_MENU: 'dropdown-menu',
+ ACTIVE: 'active',
+ DISABLED: 'disabled',
+ FADE: 'fade',
+ SHOW: 'show'
+ };
+ var Selector = {
+ DROPDOWN: '.dropdown',
+ NAV_LIST_GROUP: '.nav, .list-group',
+ ACTIVE: '.active',
+ ACTIVE_UL: '> li > .active',
+ DATA_TOGGLE: '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',
+ DROPDOWN_TOGGLE: '.dropdown-toggle',
+ DROPDOWN_ACTIVE_CHILD: '> .dropdown-menu .active'
+ /**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+
+ };
+
+ var Tab =
+ /*#__PURE__*/
+ function () {
+ function Tab(element) {
+ this._element = element;
+ } // Getters
+
+
+ var _proto = Tab.prototype;
+
+ // Public
+ _proto.show = function show() {
+ var _this = this;
+
+ if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && $$$1(this._element).hasClass(ClassName.ACTIVE) || $$$1(this._element).hasClass(ClassName.DISABLED)) {
+ return;
+ }
+
+ var target;
+ var previous;
+ var listElement = $$$1(this._element).closest(Selector.NAV_LIST_GROUP)[0];
+ var selector = Util.getSelectorFromElement(this._element);
+
+ if (listElement) {
+ var itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE;
+ previous = $$$1.makeArray($$$1(listElement).find(itemSelector));
+ previous = previous[previous.length - 1];
+ }
+
+ var hideEvent = $$$1.Event(Event.HIDE, {
+ relatedTarget: this._element
+ });
+ var showEvent = $$$1.Event(Event.SHOW, {
+ relatedTarget: previous
+ });
+
+ if (previous) {
+ $$$1(previous).trigger(hideEvent);
+ }
+
+ $$$1(this._element).trigger(showEvent);
+
+ if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) {
+ return;
+ }
+
+ if (selector) {
+ target = $$$1(selector)[0];
+ }
+
+ this._activate(this._element, listElement);
+
+ var complete = function complete() {
+ var hiddenEvent = $$$1.Event(Event.HIDDEN, {
+ relatedTarget: _this._element
+ });
+ var shownEvent = $$$1.Event(Event.SHOWN, {
+ relatedTarget: previous
+ });
+ $$$1(previous).trigger(hiddenEvent);
+ $$$1(_this._element).trigger(shownEvent);
+ };
+
+ if (target) {
+ this._activate(target, target.parentNode, complete);
+ } else {
+ complete();
+ }
+ };
+
+ _proto.dispose = function dispose() {
+ $$$1.removeData(this._element, DATA_KEY);
+ this._element = null;
+ }; // Private
+
+
+ _proto._activate = function _activate(element, container, callback) {
+ var _this2 = this;
+
+ var activeElements;
+
+ if (container.nodeName === 'UL') {
+ activeElements = $$$1(container).find(Selector.ACTIVE_UL);
+ } else {
+ activeElements = $$$1(container).children(Selector.ACTIVE);
+ }
+
+ var active = activeElements[0];
+ var isTransitioning = callback && Util.supportsTransitionEnd() && active && $$$1(active).hasClass(ClassName.FADE);
+
+ var complete = function complete() {
+ return _this2._transitionComplete(element, active, callback);
+ };
+
+ if (active && isTransitioning) {
+ $$$1(active).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+ } else {
+ complete();
+ }
+ };
+
+ _proto._transitionComplete = function _transitionComplete(element, active, callback) {
+ if (active) {
+ $$$1(active).removeClass(ClassName.SHOW + " " + ClassName.ACTIVE);
+ var dropdownChild = $$$1(active.parentNode).find(Selector.DROPDOWN_ACTIVE_CHILD)[0];
+
+ if (dropdownChild) {
+ $$$1(dropdownChild).removeClass(ClassName.ACTIVE);
+ }
+
+ if (active.getAttribute('role') === 'tab') {
+ active.setAttribute('aria-selected', false);
+ }
+ }
+
+ $$$1(element).addClass(ClassName.ACTIVE);
+
+ if (element.getAttribute('role') === 'tab') {
+ element.setAttribute('aria-selected', true);
+ }
+
+ Util.reflow(element);
+ $$$1(element).addClass(ClassName.SHOW);
+
+ if (element.parentNode && $$$1(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {
+ var dropdownElement = $$$1(element).closest(Selector.DROPDOWN)[0];
+
+ if (dropdownElement) {
+ $$$1(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
+ }
+
+ element.setAttribute('aria-expanded', true);
+ }
+
+ if (callback) {
+ callback();
+ }
+ }; // Static
+
+
+ Tab._jQueryInterface = function _jQueryInterface(config) {
+ return this.each(function () {
+ var $this = $$$1(this);
+ var data = $this.data(DATA_KEY);
+
+ if (!data) {
+ data = new Tab(this);
+ $this.data(DATA_KEY, data);
+ }
+
+ if (typeof config === 'string') {
+ if (typeof data[config] === 'undefined') {
+ throw new TypeError("No method named \"" + config + "\"");
+ }
+
+ data[config]();
+ }
+ });
+ };
+
+ _createClass(Tab, null, [{
+ key: "VERSION",
+ get: function get() {
+ return VERSION;
+ }
+ }]);
+ return Tab;
+ }();
+ /**
+ * ------------------------------------------------------------------------
+ * Data Api implementation
+ * ------------------------------------------------------------------------
+ */
+
+
+ $$$1(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+ event.preventDefault();
+
+ Tab._jQueryInterface.call($$$1(this), 'show');
+ });
+ /**
+ * ------------------------------------------------------------------------
+ * jQuery
+ * ------------------------------------------------------------------------
+ */
+
+ $$$1.fn[NAME] = Tab._jQueryInterface;
+ $$$1.fn[NAME].Constructor = Tab;
+
+ $$$1.fn[NAME].noConflict = function () {
+ $$$1.fn[NAME] = JQUERY_NO_CONFLICT;
+ return Tab._jQueryInterface;
+ };
+
+ return Tab;
+}($);
+
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0-alpha.6): index.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+(function ($$$1) {
+ if (typeof $$$1 === 'undefined') {
+ throw new TypeError('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.');
+ }
+
+ var version = $$$1.fn.jquery.split(' ')[0].split('.');
+ var minMajor = 1;
+ var ltMajor = 2;
+ var minMinor = 9;
+ var minPatch = 1;
+ var maxMajor = 4;
+
+ if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {
+ throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0');
+ }
+})($);
+
+exports.Util = Util;
+exports.Alert = Alert;
+exports.Button = Button;
+exports.Carousel = Carousel;
+exports.Collapse = Collapse;
+exports.Dropdown = Dropdown;
+exports.Modal = Modal;
+exports.Popover = Popover;
+exports.Scrollspy = ScrollSpy;
+exports.Tab = Tab;
+exports.Tooltip = Tooltip;
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=bootstrap.js.map
diff --git a/public/ThirdParty/Bootstrap/js/bootstrap.js.map b/public/ThirdParty/Bootstrap/js/bootstrap.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..cafe4cb3dc98d7456b1e82680727828506075d4e
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/js/bootstrap.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sources":["../../rollupPluginBabelHelpers","../../js/src/util.js","../../js/src/alert.js","../../js/src/button.js","../../js/src/carousel.js","../../js/src/collapse.js","../../js/src/dropdown.js","../../js/src/modal.js","../../js/src/tooltip.js","../../js/src/popover.js","../../js/src/scrollspy.js","../../js/src/tab.js","../../js/src/index.js"],"sourcesContent":["export { _createClass as createClass, _extends as extends, _inheritsLoose as inheritsLoose };\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","import $ from 'jquery'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): util.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Util = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Private TransitionEnd Helpers\n * ------------------------------------------------------------------------\n */\n\n let transition = false\n\n const MAX_UID = 1000000\n\n // Shoutout AngusCroll (https://goo.gl/pxwQGp)\n function toType(obj) {\n return {}.toString.call(obj).match(/\\s([a-zA-Z]+)/)[1].toLowerCase()\n }\n\n function getSpecialTransitionEndEvent() {\n return {\n bindType: transition.end,\n delegateType: transition.end,\n handle(event) {\n if ($(event.target).is(this)) {\n return event.handleObj.handler.apply(this, arguments) // eslint-disable-line prefer-rest-params\n }\n return undefined // eslint-disable-line no-undefined\n }\n }\n }\n\n function transitionEndTest() {\n if (typeof window !== 'undefined' && window.QUnit) {\n return false\n }\n\n return {\n end: 'transitionend'\n }\n }\n\n function transitionEndEmulator(duration) {\n let called = false\n\n $(this).one(Util.TRANSITION_END, () => {\n called = true\n })\n\n setTimeout(() => {\n if (!called) {\n Util.triggerTransitionEnd(this)\n }\n }, duration)\n\n return this\n }\n\n function setTransitionEndSupport() {\n transition = transitionEndTest()\n\n $.fn.emulateTransitionEnd = transitionEndEmulator\n\n if (Util.supportsTransitionEnd()) {\n $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent()\n }\n }\n\n function escapeId(selector) {\n // We escape IDs in case of special selectors (selector = '#myId:something')\n // $.escapeSelector does not exist in jQuery < 3\n selector = typeof $.escapeSelector === 'function' ? $.escapeSelector(selector).substr(1)\n : selector.replace(/(:|\\.|\\[|\\]|,|=|@)/g, '\\\\$1')\n\n return selector\n }\n\n /**\n * --------------------------------------------------------------------------\n * Public Util Api\n * --------------------------------------------------------------------------\n */\n\n const Util = {\n\n TRANSITION_END: 'bsTransitionEnd',\n\n getUID(prefix) {\n do {\n // eslint-disable-next-line no-bitwise\n prefix += ~~(Math.random() * MAX_UID) // \"~~\" acts like a faster Math.floor() here\n } while (document.getElementById(prefix))\n return prefix\n },\n\n getSelectorFromElement(element) {\n let selector = element.getAttribute('data-target')\n if (!selector || selector === '#') {\n selector = element.getAttribute('href') || ''\n }\n\n // If it's an ID\n if (selector.charAt(0) === '#') {\n selector = escapeId(selector)\n }\n\n try {\n const $selector = $(document).find(selector)\n return $selector.length > 0 ? selector : null\n } catch (err) {\n return null\n }\n },\n\n reflow(element) {\n return element.offsetHeight\n },\n\n triggerTransitionEnd(element) {\n $(element).trigger(transition.end)\n },\n\n supportsTransitionEnd() {\n return Boolean(transition)\n },\n\n isElement(obj) {\n return (obj[0] || obj).nodeType\n },\n\n typeCheckConfig(componentName, config, configTypes) {\n for (const property in configTypes) {\n if (Object.prototype.hasOwnProperty.call(configTypes, property)) {\n const expectedTypes = configTypes[property]\n const value = config[property]\n const valueType = value && Util.isElement(value)\n ? 'element' : toType(value)\n\n if (!new RegExp(expectedTypes).test(valueType)) {\n throw new Error(\n `${componentName.toUpperCase()}: ` +\n `Option \"${property}\" provided type \"${valueType}\" ` +\n `but expected type \"${expectedTypes}\".`)\n }\n }\n }\n }\n }\n\n setTransitionEndSupport()\n\n return Util\n})($)\n\nexport default Util\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Alert = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'alert'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.alert'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n\n const Selector = {\n DISMISS : '[data-dismiss=\"alert\"]'\n }\n\n const Event = {\n CLOSE : `close${EVENT_KEY}`,\n CLOSED : `closed${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n ALERT : 'alert',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n close(element) {\n element = element || this._element\n\n const rootElement = this._getRootElement(element)\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = $(selector)[0]\n }\n\n if (!parent) {\n parent = $(element).closest(`.${ClassName.ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(Event.CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(ClassName.SHOW)\n\n if (!Util.supportsTransitionEnd() ||\n !$(element).hasClass(ClassName.FADE)) {\n this._destroyElement(element)\n return\n }\n\n $(element)\n .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))\n .emulateTransitionEnd(TRANSITION_DURATION)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(Event.CLOSED)\n .remove()\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(\n Event.CLICK_DATA_API,\n Selector.DISMISS,\n Alert._handleDismiss(new Alert())\n )\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Alert._jQueryInterface\n $.fn[NAME].Constructor = Alert\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n }\n\n return Alert\n})($)\n\nexport default Alert\n","import $ from 'jquery'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): button.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Button = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'button'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.button'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const ClassName = {\n ACTIVE : 'active',\n BUTTON : 'btn',\n FOCUS : 'focus'\n }\n\n const Selector = {\n DATA_TOGGLE_CARROT : '[data-toggle^=\"button\"]',\n DATA_TOGGLE : '[data-toggle=\"buttons\"]',\n INPUT : 'input',\n ACTIVE : '.active',\n BUTTON : '.btn'\n }\n\n const Event = {\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`,\n FOCUS_BLUR_DATA_API : `focus${EVENT_KEY}${DATA_API_KEY} ` +\n `blur${EVENT_KEY}${DATA_API_KEY}`\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Button {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n toggle() {\n let triggerChangeEvent = true\n let addAriaPressed = true\n const rootElement = $(this._element).closest(\n Selector.DATA_TOGGLE\n )[0]\n\n if (rootElement) {\n const input = $(this._element).find(Selector.INPUT)[0]\n\n if (input) {\n if (input.type === 'radio') {\n if (input.checked &&\n $(this._element).hasClass(ClassName.ACTIVE)) {\n triggerChangeEvent = false\n } else {\n const activeElement = $(rootElement).find(Selector.ACTIVE)[0]\n\n if (activeElement) {\n $(activeElement).removeClass(ClassName.ACTIVE)\n }\n }\n }\n\n if (triggerChangeEvent) {\n if (input.hasAttribute('disabled') ||\n rootElement.hasAttribute('disabled') ||\n input.classList.contains('disabled') ||\n rootElement.classList.contains('disabled')) {\n return\n }\n input.checked = !$(this._element).hasClass(ClassName.ACTIVE)\n $(input).trigger('change')\n }\n\n input.focus()\n addAriaPressed = false\n }\n }\n\n if (addAriaPressed) {\n this._element.setAttribute('aria-pressed',\n !$(this._element).hasClass(ClassName.ACTIVE))\n }\n\n if (triggerChangeEvent) {\n $(this._element).toggleClass(ClassName.ACTIVE)\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n\n if (!data) {\n data = new Button(this)\n $(this).data(DATA_KEY, data)\n }\n\n if (config === 'toggle') {\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {\n event.preventDefault()\n\n let button = event.target\n\n if (!$(button).hasClass(ClassName.BUTTON)) {\n button = $(button).closest(Selector.BUTTON)\n }\n\n Button._jQueryInterface.call($(button), 'toggle')\n })\n .on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {\n const button = $(event.target).closest(Selector.BUTTON)[0]\n $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type))\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Button._jQueryInterface\n $.fn[NAME].Constructor = Button\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Button._jQueryInterface\n }\n\n return Button\n})($)\n\nexport default Button\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Carousel = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'carousel'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.carousel'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 600\n const ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key\n const ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key\n const TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\n\n const Default = {\n interval : 5000,\n keyboard : true,\n slide : false,\n pause : 'hover',\n wrap : true\n }\n\n const DefaultType = {\n interval : '(number|boolean)',\n keyboard : 'boolean',\n slide : '(boolean|string)',\n pause : '(string|boolean)',\n wrap : 'boolean'\n }\n\n const Direction = {\n NEXT : 'next',\n PREV : 'prev',\n LEFT : 'left',\n RIGHT : 'right'\n }\n\n const Event = {\n SLIDE : `slide${EVENT_KEY}`,\n SLID : `slid${EVENT_KEY}`,\n KEYDOWN : `keydown${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`,\n TOUCHEND : `touchend${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n CAROUSEL : 'carousel',\n ACTIVE : 'active',\n SLIDE : 'slide',\n RIGHT : 'carousel-item-right',\n LEFT : 'carousel-item-left',\n NEXT : 'carousel-item-next',\n PREV : 'carousel-item-prev',\n ITEM : 'carousel-item'\n }\n\n const Selector = {\n ACTIVE : '.active',\n ACTIVE_ITEM : '.active.carousel-item',\n ITEM : '.carousel-item',\n NEXT_PREV : '.carousel-item-next, .carousel-item-prev',\n INDICATORS : '.carousel-indicators',\n DATA_SLIDE : '[data-slide], [data-slide-to]',\n DATA_RIDE : '[data-ride=\"carousel\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Carousel {\n constructor(element, config) {\n this._items = null\n this._interval = null\n this._activeElement = null\n\n this._isPaused = false\n this._isSliding = false\n\n this.touchTimeout = null\n\n this._config = this._getConfig(config)\n this._element = $(element)[0]\n this._indicatorsElement = $(this._element).find(Selector.INDICATORS)[0]\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n next() {\n if (!this._isSliding) {\n this._slide(Direction.NEXT)\n }\n }\n\n nextWhenVisible() {\n // Don't call next when the page isn't visible\n // or the carousel or its parent isn't visible\n if (!document.hidden &&\n ($(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden')) {\n this.next()\n }\n }\n\n prev() {\n if (!this._isSliding) {\n this._slide(Direction.PREV)\n }\n }\n\n pause(event) {\n if (!event) {\n this._isPaused = true\n }\n\n if ($(this._element).find(Selector.NEXT_PREV)[0] &&\n Util.supportsTransitionEnd()) {\n Util.triggerTransitionEnd(this._element)\n this.cycle(true)\n }\n\n clearInterval(this._interval)\n this._interval = null\n }\n\n cycle(event) {\n if (!event) {\n this._isPaused = false\n }\n\n if (this._interval) {\n clearInterval(this._interval)\n this._interval = null\n }\n\n if (this._config.interval && !this._isPaused) {\n this._interval = setInterval(\n (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),\n this._config.interval\n )\n }\n }\n\n to(index) {\n this._activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0]\n\n const activeIndex = this._getItemIndex(this._activeElement)\n\n if (index > this._items.length - 1 || index < 0) {\n return\n }\n\n if (this._isSliding) {\n $(this._element).one(Event.SLID, () => this.to(index))\n return\n }\n\n if (activeIndex === index) {\n this.pause()\n this.cycle()\n return\n }\n\n const direction = index > activeIndex\n ? Direction.NEXT\n : Direction.PREV\n\n this._slide(direction, this._items[index])\n }\n\n dispose() {\n $(this._element).off(EVENT_KEY)\n $.removeData(this._element, DATA_KEY)\n\n this._items = null\n this._config = null\n this._element = null\n this._interval = null\n this._isPaused = null\n this._isSliding = null\n this._activeElement = null\n this._indicatorsElement = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n $(this._element)\n .on(Event.KEYDOWN, (event) => this._keydown(event))\n }\n\n if (this._config.pause === 'hover') {\n $(this._element)\n .on(Event.MOUSEENTER, (event) => this.pause(event))\n .on(Event.MOUSELEAVE, (event) => this.cycle(event))\n if ('ontouchstart' in document.documentElement) {\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n $(this._element).on(Event.TOUCHEND, () => {\n this.pause()\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout)\n }\n this.touchTimeout = setTimeout((event) => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n })\n }\n }\n }\n\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return\n }\n\n switch (event.which) {\n case ARROW_LEFT_KEYCODE:\n event.preventDefault()\n this.prev()\n break\n case ARROW_RIGHT_KEYCODE:\n event.preventDefault()\n this.next()\n break\n default:\n }\n }\n\n _getItemIndex(element) {\n this._items = $.makeArray($(element).parent().find(Selector.ITEM))\n return this._items.indexOf(element)\n }\n\n _getItemByDirection(direction, activeElement) {\n const isNextDirection = direction === Direction.NEXT\n const isPrevDirection = direction === Direction.PREV\n const activeIndex = this._getItemIndex(activeElement)\n const lastItemIndex = this._items.length - 1\n const isGoingToWrap = isPrevDirection && activeIndex === 0 ||\n isNextDirection && activeIndex === lastItemIndex\n\n if (isGoingToWrap && !this._config.wrap) {\n return activeElement\n }\n\n const delta = direction === Direction.PREV ? -1 : 1\n const itemIndex = (activeIndex + delta) % this._items.length\n\n return itemIndex === -1\n ? this._items[this._items.length - 1] : this._items[itemIndex]\n }\n\n _triggerSlideEvent(relatedTarget, eventDirectionName) {\n const targetIndex = this._getItemIndex(relatedTarget)\n const fromIndex = this._getItemIndex($(this._element).find(Selector.ACTIVE_ITEM)[0])\n const slideEvent = $.Event(Event.SLIDE, {\n relatedTarget,\n direction: eventDirectionName,\n from: fromIndex,\n to: targetIndex\n })\n\n $(this._element).trigger(slideEvent)\n\n return slideEvent\n }\n\n _setActiveIndicatorElement(element) {\n if (this._indicatorsElement) {\n $(this._indicatorsElement)\n .find(Selector.ACTIVE)\n .removeClass(ClassName.ACTIVE)\n\n const nextIndicator = this._indicatorsElement.children[\n this._getItemIndex(element)\n ]\n\n if (nextIndicator) {\n $(nextIndicator).addClass(ClassName.ACTIVE)\n }\n }\n }\n\n _slide(direction, element) {\n const activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0]\n const activeElementIndex = this._getItemIndex(activeElement)\n const nextElement = element || activeElement &&\n this._getItemByDirection(direction, activeElement)\n const nextElementIndex = this._getItemIndex(nextElement)\n const isCycling = Boolean(this._interval)\n\n let directionalClassName\n let orderClassName\n let eventDirectionName\n\n if (direction === Direction.NEXT) {\n directionalClassName = ClassName.LEFT\n orderClassName = ClassName.NEXT\n eventDirectionName = Direction.LEFT\n } else {\n directionalClassName = ClassName.RIGHT\n orderClassName = ClassName.PREV\n eventDirectionName = Direction.RIGHT\n }\n\n if (nextElement && $(nextElement).hasClass(ClassName.ACTIVE)) {\n this._isSliding = false\n return\n }\n\n const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName)\n if (slideEvent.isDefaultPrevented()) {\n return\n }\n\n if (!activeElement || !nextElement) {\n // Some weirdness is happening, so we bail\n return\n }\n\n this._isSliding = true\n\n if (isCycling) {\n this.pause()\n }\n\n this._setActiveIndicatorElement(nextElement)\n\n const slidEvent = $.Event(Event.SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n })\n\n if (Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.SLIDE)) {\n $(nextElement).addClass(orderClassName)\n\n Util.reflow(nextElement)\n\n $(activeElement).addClass(directionalClassName)\n $(nextElement).addClass(directionalClassName)\n\n $(activeElement)\n .one(Util.TRANSITION_END, () => {\n $(nextElement)\n .removeClass(`${directionalClassName} ${orderClassName}`)\n .addClass(ClassName.ACTIVE)\n\n $(activeElement).removeClass(`${ClassName.ACTIVE} ${orderClassName} ${directionalClassName}`)\n\n this._isSliding = false\n\n setTimeout(() => $(this._element).trigger(slidEvent), 0)\n })\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n $(activeElement).removeClass(ClassName.ACTIVE)\n $(nextElement).addClass(ClassName.ACTIVE)\n\n this._isSliding = false\n $(this._element).trigger(slidEvent)\n }\n\n if (isCycling) {\n this.cycle()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n let _config = {\n ...Default,\n ...$(this).data()\n }\n\n if (typeof config === 'object') {\n _config = {\n ..._config,\n ...config\n }\n }\n\n const action = typeof config === 'string' ? config : _config.slide\n\n if (!data) {\n data = new Carousel(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'number') {\n data.to(config)\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`)\n }\n data[action]()\n } else if (_config.interval) {\n data.pause()\n data.cycle()\n }\n })\n }\n\n static _dataApiClickHandler(event) {\n const selector = Util.getSelectorFromElement(this)\n\n if (!selector) {\n return\n }\n\n const target = $(selector)[0]\n\n if (!target || !$(target).hasClass(ClassName.CAROUSEL)) {\n return\n }\n\n const config = {\n ...$(target).data(),\n ...$(this).data()\n }\n const slideIndex = this.getAttribute('data-slide-to')\n\n if (slideIndex) {\n config.interval = false\n }\n\n Carousel._jQueryInterface.call($(target), config)\n\n if (slideIndex) {\n $(target).data(DATA_KEY).to(slideIndex)\n }\n\n event.preventDefault()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler)\n\n $(window).on(Event.LOAD_DATA_API, () => {\n $(Selector.DATA_RIDE).each(function () {\n const $carousel = $(this)\n Carousel._jQueryInterface.call($carousel, $carousel.data())\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Carousel._jQueryInterface\n $.fn[NAME].Constructor = Carousel\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Carousel._jQueryInterface\n }\n\n return Carousel\n})($)\n\nexport default Carousel\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Collapse = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'collapse'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.collapse'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 600\n\n const Default = {\n toggle : true,\n parent : ''\n }\n\n const DefaultType = {\n toggle : 'boolean',\n parent : '(string|element)'\n }\n\n const Event = {\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SHOW : 'show',\n COLLAPSE : 'collapse',\n COLLAPSING : 'collapsing',\n COLLAPSED : 'collapsed'\n }\n\n const Dimension = {\n WIDTH : 'width',\n HEIGHT : 'height'\n }\n\n const Selector = {\n ACTIVES : '.show, .collapsing',\n DATA_TOGGLE : '[data-toggle=\"collapse\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = $.makeArray($(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n const tabToggles = $(Selector.DATA_TOGGLE)\n for (let i = 0; i < tabToggles.length; i++) {\n const elem = tabToggles[i]\n const selector = Util.getSelectorFromElement(elem)\n if (selector !== null && $(selector).filter(element).length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle() {\n if ($(this._element).hasClass(ClassName.SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = $.makeArray(\n $(this._parent)\n .find(Selector.ACTIVES)\n .filter(`[data-parent=\"${this._config.parent}\"]`)\n )\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(Event.SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(ClassName.COLLAPSE)\n .addClass(ClassName.COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length > 0) {\n $(this._triggerArray)\n .removeClass(ClassName.COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .addClass(ClassName.SHOW)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(Event.SHOWN)\n }\n\n if (!Util.supportsTransitionEnd()) {\n complete()\n return\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n const startEvent = $.Event(Event.HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(ClassName.COLLAPSING)\n .removeClass(ClassName.COLLAPSE)\n .removeClass(ClassName.SHOW)\n\n if (this._triggerArray.length > 0) {\n for (let i = 0; i < this._triggerArray.length; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n if (selector !== null) {\n const $elem = $(selector)\n if (!$elem.hasClass(ClassName.SHOW)) {\n $(trigger).addClass(ClassName.COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .trigger(Event.HIDDEN)\n }\n\n this._element.style[dimension] = ''\n\n if (!Util.supportsTransitionEnd()) {\n complete()\n return\n }\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(Dimension.WIDTH)\n return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT\n }\n\n _getParent() {\n let parent = null\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = $(this._config.parent)[0]\n }\n\n const selector =\n `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n\n $(parent).find(selector).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n if (element) {\n const isOpen = $(element).hasClass(ClassName.SHOW)\n\n if (triggerArray.length > 0) {\n $(triggerArray)\n .toggleClass(ClassName.COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n }\n\n // Static\n\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? $(selector)[0] : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$this.data(),\n ...typeof config === 'object' && config\n }\n\n if (!data && _config.toggle && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n // preventDefault only for <a> elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n $(selector).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Collapse._jQueryInterface\n $.fn[NAME].Constructor = Collapse\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n }\n\n return Collapse\n})($)\n\nexport default Collapse\n","import $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): dropdown.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Dropdown = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'dropdown'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.dropdown'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n const SPACE_KEYCODE = 32 // KeyboardEvent.which value for space key\n const TAB_KEYCODE = 9 // KeyboardEvent.which value for tab key\n const ARROW_UP_KEYCODE = 38 // KeyboardEvent.which value for up arrow key\n const ARROW_DOWN_KEYCODE = 40 // KeyboardEvent.which value for down arrow key\n const RIGHT_MOUSE_BUTTON_WHICH = 3 // MouseEvent.which value for the right button (assuming a right-handed mouse)\n const REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEYCODE}|${ARROW_DOWN_KEYCODE}|${ESCAPE_KEYCODE}`)\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`,\n KEYDOWN_DATA_API : `keydown${EVENT_KEY}${DATA_API_KEY}`,\n KEYUP_DATA_API : `keyup${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DISABLED : 'disabled',\n SHOW : 'show',\n DROPUP : 'dropup',\n DROPRIGHT : 'dropright',\n DROPLEFT : 'dropleft',\n MENURIGHT : 'dropdown-menu-right',\n MENULEFT : 'dropdown-menu-left',\n POSITION_STATIC : 'position-static'\n }\n\n const Selector = {\n DATA_TOGGLE : '[data-toggle=\"dropdown\"]',\n FORM_CHILD : '.dropdown form',\n MENU : '.dropdown-menu',\n NAVBAR_NAV : '.navbar-nav',\n VISIBLE_ITEMS : '.dropdown-menu .dropdown-item:not(.disabled)'\n }\n\n const AttachmentMap = {\n TOP : 'top-start',\n TOPEND : 'top-end',\n BOTTOM : 'bottom-start',\n BOTTOMEND : 'bottom-end',\n RIGHT : 'right-start',\n RIGHTEND : 'right-end',\n LEFT : 'left-start',\n LEFTEND : 'left-end'\n }\n\n const Default = {\n offset : 0,\n flip : true,\n boundary : 'scrollParent'\n }\n\n const DefaultType = {\n offset : '(number|string|function)',\n flip : 'boolean',\n boundary : '(string|element)'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Dropdown {\n constructor(element, config) {\n this._element = element\n this._popper = null\n this._config = this._getConfig(config)\n this._menu = this._getMenuElement()\n this._inNavbar = this._detectNavbar()\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n\n toggle() {\n if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this._element)\n const isActive = $(this._menu).hasClass(ClassName.SHOW)\n\n Dropdown._clearMenus()\n\n if (isActive) {\n return\n }\n\n const relatedTarget = {\n relatedTarget: this._element\n }\n const showEvent = $.Event(Event.SHOW, relatedTarget)\n\n $(parent).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented()) {\n return\n }\n\n // Disable totally Popper.js for Dropdown in Navbar\n if (!this._inNavbar) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)')\n }\n let element = this._element\n // For dropup with alignment we use the parent as popper container\n if ($(parent).hasClass(ClassName.DROPUP)) {\n if ($(this._menu).hasClass(ClassName.MENULEFT) || $(this._menu).hasClass(ClassName.MENURIGHT)) {\n element = parent\n }\n }\n // If boundary is not `scrollParent`, then set position to `static`\n // to allow the menu to \"escape\" the scroll parent's boundaries\n // https://github.com/twbs/bootstrap/issues/24251\n if (this._config.boundary !== 'scrollParent') {\n $(parent).addClass(ClassName.POSITION_STATIC)\n }\n this._popper = new Popper(element, this._menu, this._getPopperConfig())\n }\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement &&\n $(parent).closest(Selector.NAVBAR_NAV).length === 0) {\n $('body').children().on('mouseover', null, $.noop)\n }\n\n this._element.focus()\n this._element.setAttribute('aria-expanded', true)\n\n $(this._menu).toggleClass(ClassName.SHOW)\n $(parent)\n .toggleClass(ClassName.SHOW)\n .trigger($.Event(Event.SHOWN, relatedTarget))\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._element).off(EVENT_KEY)\n this._element = null\n this._menu = null\n if (this._popper !== null) {\n this._popper.destroy()\n this._popper = null\n }\n }\n\n update() {\n this._inNavbar = this._detectNavbar()\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Private\n\n _addEventListeners() {\n $(this._element).on(Event.CLICK, (event) => {\n event.preventDefault()\n event.stopPropagation()\n this.toggle()\n })\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this._element).data(),\n ...config\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getMenuElement() {\n if (!this._menu) {\n const parent = Dropdown._getParentFromElement(this._element)\n this._menu = $(parent).find(Selector.MENU)[0]\n }\n return this._menu\n }\n\n _getPlacement() {\n const $parentDropdown = $(this._element).parent()\n let placement = AttachmentMap.BOTTOM\n\n // Handle dropup\n if ($parentDropdown.hasClass(ClassName.DROPUP)) {\n placement = AttachmentMap.TOP\n if ($(this._menu).hasClass(ClassName.MENURIGHT)) {\n placement = AttachmentMap.TOPEND\n }\n } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) {\n placement = AttachmentMap.RIGHT\n } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) {\n placement = AttachmentMap.LEFT\n } else if ($(this._menu).hasClass(ClassName.MENURIGHT)) {\n placement = AttachmentMap.BOTTOMEND\n }\n return placement\n }\n\n _detectNavbar() {\n return $(this._element).closest('.navbar').length > 0\n }\n\n _getPopperConfig() {\n const offsetConf = {}\n if (typeof this._config.offset === 'function') {\n offsetConf.fn = (data) => {\n data.offsets = {\n ...data.offsets,\n ...this._config.offset(data.offsets) || {}\n }\n return data\n }\n } else {\n offsetConf.offset = this._config.offset\n }\n const popperConfig = {\n placement: this._getPlacement(),\n modifiers: {\n offset: offsetConf,\n flip: {\n enabled: this._config.flip\n },\n preventOverflow: {\n boundariesElement: this._config.boundary\n }\n }\n }\n\n return popperConfig\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data) {\n data = new Dropdown(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n\n static _clearMenus(event) {\n if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH ||\n event.type === 'keyup' && event.which !== TAB_KEYCODE)) {\n return\n }\n\n const toggles = $.makeArray($(Selector.DATA_TOGGLE))\n for (let i = 0; i < toggles.length; i++) {\n const parent = Dropdown._getParentFromElement(toggles[i])\n const context = $(toggles[i]).data(DATA_KEY)\n const relatedTarget = {\n relatedTarget: toggles[i]\n }\n\n if (!context) {\n continue\n }\n\n const dropdownMenu = context._menu\n if (!$(parent).hasClass(ClassName.SHOW)) {\n continue\n }\n\n if (event && (event.type === 'click' &&\n /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) &&\n $.contains(parent, event.target)) {\n continue\n }\n\n const hideEvent = $.Event(Event.HIDE, relatedTarget)\n $(parent).trigger(hideEvent)\n if (hideEvent.isDefaultPrevented()) {\n continue\n }\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $('body').children().off('mouseover', null, $.noop)\n }\n\n toggles[i].setAttribute('aria-expanded', 'false')\n\n $(dropdownMenu).removeClass(ClassName.SHOW)\n $(parent)\n .removeClass(ClassName.SHOW)\n .trigger($.Event(Event.HIDDEN, relatedTarget))\n }\n }\n\n static _getParentFromElement(element) {\n let parent\n const selector = Util.getSelectorFromElement(element)\n\n if (selector) {\n parent = $(selector)[0]\n }\n\n return parent || element.parentNode\n }\n\n // eslint-disable-next-line complexity\n static _dataApiKeydownHandler(event) {\n // If not input/textarea:\n // - And not a key in REGEXP_KEYDOWN => not a dropdown command\n // If input/textarea:\n // - If space key => not a dropdown command\n // - If key is other than escape\n // - If key is not up or down => not a dropdown command\n // - If trigger inside the menu => not a dropdown command\n if (/input|textarea/i.test(event.target.tagName)\n ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE &&\n (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE ||\n $(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {\n return\n }\n\n event.preventDefault()\n event.stopPropagation()\n\n if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this)\n const isActive = $(parent).hasClass(ClassName.SHOW)\n\n if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) ||\n isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {\n if (event.which === ESCAPE_KEYCODE) {\n const toggle = $(parent).find(Selector.DATA_TOGGLE)[0]\n $(toggle).trigger('focus')\n }\n\n $(this).trigger('click')\n return\n }\n\n const items = $(parent).find(Selector.VISIBLE_ITEMS).get()\n\n if (items.length === 0) {\n return\n }\n\n let index = items.indexOf(event.target)\n\n if (event.which === ARROW_UP_KEYCODE && index > 0) { // Up\n index--\n }\n\n if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) { // Down\n index++\n }\n\n if (index < 0) {\n index = 0\n }\n\n items[index].focus()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler)\n .on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler)\n .on(`${Event.CLICK_DATA_API} ${Event.KEYUP_DATA_API}`, Dropdown._clearMenus)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n event.preventDefault()\n event.stopPropagation()\n Dropdown._jQueryInterface.call($(this), 'toggle')\n })\n .on(Event.CLICK_DATA_API, Selector.FORM_CHILD, (e) => {\n e.stopPropagation()\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Dropdown._jQueryInterface\n $.fn[NAME].Constructor = Dropdown\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Dropdown._jQueryInterface\n }\n\n return Dropdown\n})($, Popper)\n\nexport default Dropdown\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Modal = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'modal'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.modal'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 300\n const BACKDROP_TRANSITION_DURATION = 150\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\n const Default = {\n backdrop : true,\n keyboard : true,\n focus : true,\n show : true\n }\n\n const DefaultType = {\n backdrop : '(boolean|string)',\n keyboard : 'boolean',\n focus : 'boolean',\n show : 'boolean'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n RESIZE : `resize${EVENT_KEY}`,\n CLICK_DISMISS : `click.dismiss${EVENT_KEY}`,\n KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`,\n MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`,\n MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SCROLLBAR_MEASURER : 'modal-scrollbar-measure',\n BACKDROP : 'modal-backdrop',\n OPEN : 'modal-open',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DIALOG : '.modal-dialog',\n DATA_TOGGLE : '[data-toggle=\"modal\"]',\n DATA_DISMISS : '[data-dismiss=\"modal\"]',\n FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',\n STICKY_CONTENT : '.sticky-top',\n NAVBAR_TOGGLER : '.navbar-toggler'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Modal {\n constructor(element, config) {\n this._config = this._getConfig(config)\n this._element = element\n this._dialog = $(element).find(Selector.DIALOG)[0]\n this._backdrop = null\n this._isShown = false\n this._isBodyOverflowing = false\n this._ignoreBackdropClick = false\n this._originalBodyPadding = 0\n this._scrollbarWidth = 0\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isTransitioning || this._isShown) {\n return\n }\n\n if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {\n this._isTransitioning = true\n }\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (this._isShown || showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n $(document.body).addClass(ClassName.OPEN)\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n Event.CLICK_DISMISS,\n Selector.DATA_DISMISS,\n (event) => this.hide(event)\n )\n\n $(this._dialog).on(Event.MOUSEDOWN_DISMISS, () => {\n $(this._element).one(Event.MOUSEUP_DISMISS, (event) => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (this._isTransitioning || !this._isShown) {\n return\n }\n\n const hideEvent = $.Event(Event.HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n\n const transition = Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(Event.FOCUSIN)\n\n $(this._element).removeClass(ClassName.SHOW)\n\n $(this._element).off(Event.CLICK_DISMISS)\n $(this._dialog).off(Event.MOUSEDOWN_DISMISS)\n\n if (transition) {\n $(this._element)\n .one(Util.TRANSITION_END, (event) => this._hideModal(event))\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n $(window, document, this._element, this._backdrop).off(EVENT_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _showElement(relatedTarget) {\n const transition = Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.FADE)\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.scrollTop = 0\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(ClassName.SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(Event.FOCUSIN) // Guard against infinite focus loop\n .on(Event.FOCUSIN, (event) => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown && this._config.keyboard) {\n $(this._element).on(Event.KEYDOWN_DISMISS, (event) => {\n if (event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(Event.KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(Event.RESIZE, (event) => this.handleUpdate(event))\n } else {\n $(window).off(Event.RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(ClassName.OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(Event.HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(ClassName.FADE)\n ? ClassName.FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n const doAnimate = Util.supportsTransitionEnd() && animate\n\n this._backdrop = document.createElement('div')\n this._backdrop.className = ClassName.BACKDROP\n\n if (animate) {\n $(this._backdrop).addClass(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(Event.CLICK_DISMISS, (event) => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n if (event.target !== event.currentTarget) {\n return\n }\n if (this._config.backdrop === 'static') {\n this._element.focus()\n } else {\n this.hide()\n }\n })\n\n if (doAnimate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(ClassName.SHOW)\n\n if (!callback) {\n return\n }\n\n if (!doAnimate) {\n callback()\n return\n }\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(BACKDROP_TRANSITION_DURATION)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(ClassName.SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if (Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.FADE)) {\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(BACKDROP_TRANSITION_DURATION)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing =\n this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = rect.left + rect.right < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n\n // Adjust fixed content padding\n $(Selector.FIXED_CONTENT).each((index, element) => {\n const actualPadding = $(element)[0].style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element).data('padding-right', actualPadding).css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(Selector.STICKY_CONTENT).each((index, element) => {\n const actualMargin = $(element)[0].style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element).data('margin-right', actualMargin).css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust navbar-toggler margin\n $(Selector.NAVBAR_TOGGLER).each((index, element) => {\n const actualMargin = $(element)[0].style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element).data('margin-right', actualMargin).css('margin-right', `${parseFloat(calculatedMargin) + this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $('body').css('padding-right')\n $('body').data('padding-right', actualPadding).css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n $(Selector.FIXED_CONTENT).each((index, element) => {\n const padding = $(element).data('padding-right')\n if (typeof padding !== 'undefined') {\n $(element).css('padding-right', padding).removeData('padding-right')\n }\n })\n\n // Restore sticky content and navbar-toggler margin\n $(`${Selector.STICKY_CONTENT}, ${Selector.NAVBAR_TOGGLER}`).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $('body').data('padding-right')\n if (typeof padding !== 'undefined') {\n $('body').css('padding-right', padding).removeData('padding-right')\n }\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = ClassName.SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Modal.Default,\n ...$(this).data(),\n ...typeof config === 'object' && config\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = $(selector)[0]\n }\n\n const config = $(target).data(DATA_KEY)\n ? 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(Event.SHOW, (showEvent) => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(Event.HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Modal._jQueryInterface\n $.fn[NAME].Constructor = Modal\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n }\n\n return Modal\n})($)\n\nexport default Modal\n","import $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Tooltip = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'tooltip'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.tooltip'\n const EVENT_KEY = `.${DATA_KEY}`\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n const CLASS_PREFIX = 'bs-tooltip'\n const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\n const DefaultType = {\n animation : 'boolean',\n template : 'string',\n title : '(string|element|function)',\n trigger : 'string',\n delay : '(number|object)',\n html : 'boolean',\n selector : '(string|boolean)',\n placement : '(string|function)',\n offset : '(number|string)',\n container : '(string|element|boolean)',\n fallbackPlacement : '(string|array)',\n boundary : '(string|element)'\n }\n\n const AttachmentMap = {\n AUTO : 'auto',\n TOP : 'top',\n RIGHT : 'right',\n BOTTOM : 'bottom',\n LEFT : 'left'\n }\n\n const Default = {\n animation : true,\n template : '<div class=\"tooltip\" role=\"tooltip\">' +\n '<div class=\"arrow\"></div>' +\n '<div class=\"tooltip-inner\"></div></div>',\n trigger : 'hover focus',\n title : '',\n delay : 0,\n html : false,\n selector : false,\n placement : 'top',\n offset : 0,\n container : false,\n fallbackPlacement : 'flip',\n boundary : 'scrollParent'\n }\n\n const HoverState = {\n SHOW : 'show',\n OUT : 'out'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n INSERTED : `inserted${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n FOCUSOUT : `focusout${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`\n }\n\n const ClassName = {\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n TOOLTIP : '.tooltip',\n TOOLTIP_INNER : '.tooltip-inner',\n ARROW : '.arrow'\n }\n\n const Trigger = {\n HOVER : 'hover',\n FOCUS : 'focus',\n CLICK : 'click',\n MANUAL : 'manual'\n }\n\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Tooltip {\n constructor(element, config) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)')\n }\n\n // private\n this._isEnabled = true\n this._timeout = 0\n this._hoverState = ''\n this._activeTrigger = {}\n this._popper = null\n\n // Protected\n this.element = element\n this.config = this._getConfig(config)\n this.tip = null\n\n this._setListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n\n enable() {\n this._isEnabled = true\n }\n\n disable() {\n this._isEnabled = false\n }\n\n toggleEnabled() {\n this._isEnabled = !this._isEnabled\n }\n\n toggle(event) {\n if (!this._isEnabled) {\n return\n }\n\n if (event) {\n const dataKey = this.constructor.DATA_KEY\n let context = $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n context._activeTrigger.click = !context._activeTrigger.click\n\n if (context._isWithActiveTrigger()) {\n context._enter(null, context)\n } else {\n context._leave(null, context)\n }\n } else {\n if ($(this.getTipElement()).hasClass(ClassName.SHOW)) {\n this._leave(null, this)\n return\n }\n\n this._enter(null, this)\n }\n }\n\n dispose() {\n clearTimeout(this._timeout)\n\n $.removeData(this.element, this.constructor.DATA_KEY)\n\n $(this.element).off(this.constructor.EVENT_KEY)\n $(this.element).closest('.modal').off('hide.bs.modal')\n\n if (this.tip) {\n $(this.tip).remove()\n }\n\n this._isEnabled = null\n this._timeout = null\n this._hoverState = null\n this._activeTrigger = null\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n this._popper = null\n this.element = null\n this.config = null\n this.tip = null\n }\n\n show() {\n if ($(this.element).css('display') === 'none') {\n throw new Error('Please use show on visible elements')\n }\n\n const showEvent = $.Event(this.constructor.Event.SHOW)\n if (this.isWithContent() && this._isEnabled) {\n $(this.element).trigger(showEvent)\n\n const isInTheDom = $.contains(\n this.element.ownerDocument.documentElement,\n this.element\n )\n\n if (showEvent.isDefaultPrevented() || !isInTheDom) {\n return\n }\n\n const tip = this.getTipElement()\n const tipId = Util.getUID(this.constructor.NAME)\n\n tip.setAttribute('id', tipId)\n this.element.setAttribute('aria-describedby', tipId)\n\n this.setContent()\n\n if (this.config.animation) {\n $(tip).addClass(ClassName.FADE)\n }\n\n const placement = typeof this.config.placement === 'function'\n ? this.config.placement.call(this, tip, this.element)\n : this.config.placement\n\n const attachment = this._getAttachment(placement)\n this.addAttachmentClass(attachment)\n\n const container = this.config.container === false ? document.body : $(this.config.container)\n\n $(tip).data(this.constructor.DATA_KEY, this)\n\n if (!$.contains(this.element.ownerDocument.documentElement, this.tip)) {\n $(tip).appendTo(container)\n }\n\n $(this.element).trigger(this.constructor.Event.INSERTED)\n\n this._popper = new Popper(this.element, tip, {\n placement: attachment,\n modifiers: {\n offset: {\n offset: this.config.offset\n },\n flip: {\n behavior: this.config.fallbackPlacement\n },\n arrow: {\n element: Selector.ARROW\n },\n preventOverflow: {\n boundariesElement: this.config.boundary\n }\n },\n onCreate: (data) => {\n if (data.originalPlacement !== data.placement) {\n this._handlePopperPlacementChange(data)\n }\n },\n onUpdate: (data) => {\n this._handlePopperPlacementChange(data)\n }\n })\n\n $(tip).addClass(ClassName.SHOW)\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement) {\n $('body').children().on('mouseover', null, $.noop)\n }\n\n const complete = () => {\n if (this.config.animation) {\n this._fixTransition()\n }\n const prevHoverState = this._hoverState\n this._hoverState = null\n\n $(this.element).trigger(this.constructor.Event.SHOWN)\n\n if (prevHoverState === HoverState.OUT) {\n this._leave(null, this)\n }\n }\n\n if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {\n $(this.tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(Tooltip._TRANSITION_DURATION)\n } else {\n complete()\n }\n }\n }\n\n hide(callback) {\n const tip = this.getTipElement()\n const hideEvent = $.Event(this.constructor.Event.HIDE)\n const complete = () => {\n if (this._hoverState !== HoverState.SHOW && tip.parentNode) {\n tip.parentNode.removeChild(tip)\n }\n\n this._cleanTipClass()\n this.element.removeAttribute('aria-describedby')\n $(this.element).trigger(this.constructor.Event.HIDDEN)\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n if (callback) {\n callback()\n }\n }\n\n $(this.element).trigger(hideEvent)\n\n if (hideEvent.isDefaultPrevented()) {\n return\n }\n\n $(tip).removeClass(ClassName.SHOW)\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $('body').children().off('mouseover', null, $.noop)\n }\n\n this._activeTrigger[Trigger.CLICK] = false\n this._activeTrigger[Trigger.FOCUS] = false\n this._activeTrigger[Trigger.HOVER] = false\n\n if (Util.supportsTransitionEnd() &&\n $(this.tip).hasClass(ClassName.FADE)) {\n $(tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n complete()\n }\n\n this._hoverState = ''\n }\n\n update() {\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Protected\n\n isWithContent() {\n return Boolean(this.getTitle())\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle())\n $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)\n }\n\n setElementContent($element, content) {\n const html = this.config.html\n if (typeof content === 'object' && (content.nodeType || content.jquery)) {\n // Content is a DOM node or a jQuery\n if (html) {\n if (!$(content).parent().is($element)) {\n $element.empty().append(content)\n }\n } else {\n $element.text($(content).text())\n }\n } else {\n $element[html ? 'html' : 'text'](content)\n }\n }\n\n getTitle() {\n let title = this.element.getAttribute('data-original-title')\n\n if (!title) {\n title = typeof this.config.title === 'function'\n ? this.config.title.call(this.element)\n : this.config.title\n }\n\n return title\n }\n\n // Private\n\n _getAttachment(placement) {\n return AttachmentMap[placement.toUpperCase()]\n }\n\n _setListeners() {\n const triggers = this.config.trigger.split(' ')\n\n triggers.forEach((trigger) => {\n if (trigger === 'click') {\n $(this.element).on(\n this.constructor.Event.CLICK,\n this.config.selector,\n (event) => this.toggle(event)\n )\n } else if (trigger !== Trigger.MANUAL) {\n const eventIn = trigger === Trigger.HOVER\n ? this.constructor.Event.MOUSEENTER\n : this.constructor.Event.FOCUSIN\n const eventOut = trigger === Trigger.HOVER\n ? this.constructor.Event.MOUSELEAVE\n : this.constructor.Event.FOCUSOUT\n\n $(this.element)\n .on(\n eventIn,\n this.config.selector,\n (event) => this._enter(event)\n )\n .on(\n eventOut,\n this.config.selector,\n (event) => this._leave(event)\n )\n }\n\n $(this.element).closest('.modal').on(\n 'hide.bs.modal',\n () => this.hide()\n )\n })\n\n if (this.config.selector) {\n this.config = {\n ...this.config,\n trigger: 'manual',\n selector: ''\n }\n } else {\n this._fixTitle()\n }\n }\n\n _fixTitle() {\n const titleType = typeof this.element.getAttribute('data-original-title')\n if (this.element.getAttribute('title') ||\n titleType !== 'string') {\n this.element.setAttribute(\n 'data-original-title',\n this.element.getAttribute('title') || ''\n )\n this.element.setAttribute('title', '')\n }\n }\n\n _enter(event, context) {\n const dataKey = this.constructor.DATA_KEY\n\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER\n ] = true\n }\n\n if ($(context.getTipElement()).hasClass(ClassName.SHOW) ||\n context._hoverState === HoverState.SHOW) {\n context._hoverState = HoverState.SHOW\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HoverState.SHOW\n\n if (!context.config.delay || !context.config.delay.show) {\n context.show()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HoverState.SHOW) {\n context.show()\n }\n }, context.config.delay.show)\n }\n\n _leave(event, context) {\n const dataKey = this.constructor.DATA_KEY\n\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER\n ] = false\n }\n\n if (context._isWithActiveTrigger()) {\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HoverState.OUT\n\n if (!context.config.delay || !context.config.delay.hide) {\n context.hide()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HoverState.OUT) {\n context.hide()\n }\n }, context.config.delay.hide)\n }\n\n _isWithActiveTrigger() {\n for (const trigger in this._activeTrigger) {\n if (this._activeTrigger[trigger]) {\n return true\n }\n }\n\n return false\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this.element).data(),\n ...config\n }\n\n if (typeof config.delay === 'number') {\n config.delay = {\n show: config.delay,\n hide: config.delay\n }\n }\n\n if (typeof config.title === 'number') {\n config.title = config.title.toString()\n }\n\n if (typeof config.content === 'number') {\n config.content = config.content.toString()\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getDelegateConfig() {\n const config = {}\n\n if (this.config) {\n for (const key in this.config) {\n if (this.constructor.Default[key] !== this.config[key]) {\n config[key] = this.config[key]\n }\n }\n }\n\n return config\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n _handlePopperPlacementChange(data) {\n this._cleanTipClass()\n this.addAttachmentClass(this._getAttachment(data.placement))\n }\n\n _fixTransition() {\n const tip = this.getTipElement()\n const initConfigAnimation = this.config.animation\n if (tip.getAttribute('x-placement') !== null) {\n return\n }\n $(tip).removeClass(ClassName.FADE)\n this.config.animation = false\n this.hide()\n this.show()\n this.config.animation = initConfigAnimation\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' && config\n\n if (!data && /dispose|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Tooltip(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Tooltip._jQueryInterface\n $.fn[NAME].Constructor = Tooltip\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tooltip._jQueryInterface\n }\n\n return Tooltip\n})($, Popper)\n\nexport default Tooltip\n","import $ from 'jquery'\nimport Tooltip from './tooltip'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): popover.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Popover = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'popover'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.popover'\n const EVENT_KEY = `.${DATA_KEY}`\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const CLASS_PREFIX = 'bs-popover'\n const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\n const Default = {\n ...Tooltip.Default,\n placement : 'right',\n trigger : 'click',\n content : '',\n template : '<div class=\"popover\" role=\"tooltip\">' +\n '<div class=\"arrow\"></div>' +\n '<h3 class=\"popover-header\"></h3>' +\n '<div class=\"popover-body\"></div></div>'\n }\n\n const DefaultType = {\n ...Tooltip.DefaultType,\n content : '(string|element|function)'\n }\n\n const ClassName = {\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n TITLE : '.popover-header',\n CONTENT : '.popover-body'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n INSERTED : `inserted${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n FOCUSOUT : `focusout${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Popover extends Tooltip {\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Overrides\n\n isWithContent() {\n return this.getTitle() || this._getContent()\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n\n // We use append for html objects to maintain js events\n this.setElementContent($tip.find(Selector.TITLE), this.getTitle())\n let content = this._getContent()\n if (typeof content === 'function') {\n content = content.call(this.element)\n }\n this.setElementContent($tip.find(Selector.CONTENT), content)\n\n $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)\n }\n\n // Private\n\n _getContent() {\n return this.element.getAttribute('data-content') ||\n this.config.content\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data && /destroy|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Popover(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Popover._jQueryInterface\n $.fn[NAME].Constructor = Popover\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Popover._jQueryInterface\n }\n\n return Popover\n})($)\n\nexport default Popover\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst ScrollSpy = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'scrollspy'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.scrollspy'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const Default = {\n offset : 10,\n method : 'auto',\n target : ''\n }\n\n const DefaultType = {\n offset : 'number',\n method : 'string',\n target : '(string|element)'\n }\n\n const Event = {\n ACTIVATE : `activate${EVENT_KEY}`,\n SCROLL : `scroll${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_ITEM : 'dropdown-item',\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active'\n }\n\n const Selector = {\n DATA_SPY : '[data-spy=\"scroll\"]',\n ACTIVE : '.active',\n NAV_LIST_GROUP : '.nav, .list-group',\n NAV_LINKS : '.nav-link',\n NAV_ITEMS : '.nav-item',\n LIST_ITEMS : '.list-group-item',\n DROPDOWN : '.dropdown',\n DROPDOWN_ITEMS : '.dropdown-item',\n DROPDOWN_TOGGLE : '.dropdown-toggle'\n }\n\n const OffsetMethod = {\n OFFSET : 'offset',\n POSITION : 'position'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${Selector.NAV_LINKS},` +\n `${this._config.target} ${Selector.LIST_ITEMS},` +\n `${this._config.target} ${Selector.DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window\n ? OffsetMethod.OFFSET : OffsetMethod.POSITION\n\n const offsetMethod = this._config.method === 'auto'\n ? autoMethod : this._config.method\n\n const offsetBase = offsetMethod === OffsetMethod.POSITION\n ? this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = $.makeArray($(this._selector))\n\n targets\n .map((element) => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = $(targetSelector)[0]\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n return null\n })\n .filter((item) => item)\n .sort((a, b) => a[0] - b[0])\n .forEach((item) => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n\n if (typeof config.target !== 'string') {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window\n ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window\n ? window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset +\n scrollHeight -\n this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n for (let i = this._offsets.length; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n let queries = this._selector.split(',')\n // eslint-disable-next-line arrow-body-style\n queries = queries.map((selector) => {\n return `${selector}[data-target=\"${target}\"],` +\n `${selector}[href=\"${target}\"]`\n })\n\n const $link = $(queries.join(','))\n\n if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {\n $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n $link.addClass(ClassName.ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(ClassName.ACTIVE)\n // Set triggered links parents as active\n // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor\n $link.parents(Selector.NAV_LIST_GROUP).prev(`${Selector.NAV_LINKS}, ${Selector.LIST_ITEMS}`).addClass(ClassName.ACTIVE)\n // Handle special case when .nav-link is inside .nav-item\n $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_ITEMS).children(Selector.NAV_LINKS).addClass(ClassName.ACTIVE)\n }\n\n $(this._scrollElement).trigger(Event.ACTIVATE, {\n relatedTarget: target\n })\n }\n\n _clear() {\n $(this._selector).filter(Selector.ACTIVE).removeClass(ClassName.ACTIVE)\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' && config\n\n if (!data) {\n data = new ScrollSpy(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(window).on(Event.LOAD_DATA_API, () => {\n const scrollSpys = $.makeArray($(Selector.DATA_SPY))\n\n for (let i = scrollSpys.length; i--;) {\n const $spy = $(scrollSpys[i])\n ScrollSpy._jQueryInterface.call($spy, $spy.data())\n }\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = ScrollSpy._jQueryInterface\n $.fn[NAME].Constructor = ScrollSpy\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return ScrollSpy._jQueryInterface\n }\n\n return ScrollSpy\n})($)\n\nexport default ScrollSpy\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): tab.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Tab = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'tab'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.tab'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active',\n DISABLED : 'disabled',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DROPDOWN : '.dropdown',\n NAV_LIST_GROUP : '.nav, .list-group',\n ACTIVE : '.active',\n ACTIVE_UL : '> li > .active',\n DATA_TOGGLE : '[data-toggle=\"tab\"], [data-toggle=\"pill\"], [data-toggle=\"list\"]',\n DROPDOWN_TOGGLE : '.dropdown-toggle',\n DROPDOWN_ACTIVE_CHILD : '> .dropdown-menu .active'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Tab {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n show() {\n if (this._element.parentNode &&\n this._element.parentNode.nodeType === Node.ELEMENT_NODE &&\n $(this._element).hasClass(ClassName.ACTIVE) ||\n $(this._element).hasClass(ClassName.DISABLED)) {\n return\n }\n\n let target\n let previous\n const listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0]\n const selector = Util.getSelectorFromElement(this._element)\n\n if (listElement) {\n const itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE\n previous = $.makeArray($(listElement).find(itemSelector))\n previous = previous[previous.length - 1]\n }\n\n const hideEvent = $.Event(Event.HIDE, {\n relatedTarget: this._element\n })\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget: previous\n })\n\n if (previous) {\n $(previous).trigger(hideEvent)\n }\n\n $(this._element).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented() ||\n hideEvent.isDefaultPrevented()) {\n return\n }\n\n if (selector) {\n target = $(selector)[0]\n }\n\n this._activate(\n this._element,\n listElement\n )\n\n const complete = () => {\n const hiddenEvent = $.Event(Event.HIDDEN, {\n relatedTarget: this._element\n })\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget: previous\n })\n\n $(previous).trigger(hiddenEvent)\n $(this._element).trigger(shownEvent)\n }\n\n if (target) {\n this._activate(target, target.parentNode, complete)\n } else {\n complete()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _activate(element, container, callback) {\n let activeElements\n if (container.nodeName === 'UL') {\n activeElements = $(container).find(Selector.ACTIVE_UL)\n } else {\n activeElements = $(container).children(Selector.ACTIVE)\n }\n\n const active = activeElements[0]\n const isTransitioning = callback &&\n Util.supportsTransitionEnd() &&\n (active && $(active).hasClass(ClassName.FADE))\n\n const complete = () => this._transitionComplete(\n element,\n active,\n callback\n )\n\n if (active && isTransitioning) {\n $(active)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n complete()\n }\n }\n\n _transitionComplete(element, active, callback) {\n if (active) {\n $(active).removeClass(`${ClassName.SHOW} ${ClassName.ACTIVE}`)\n\n const dropdownChild = $(active.parentNode).find(\n Selector.DROPDOWN_ACTIVE_CHILD\n )[0]\n\n if (dropdownChild) {\n $(dropdownChild).removeClass(ClassName.ACTIVE)\n }\n\n if (active.getAttribute('role') === 'tab') {\n active.setAttribute('aria-selected', false)\n }\n }\n\n $(element).addClass(ClassName.ACTIVE)\n if (element.getAttribute('role') === 'tab') {\n element.setAttribute('aria-selected', true)\n }\n\n Util.reflow(element)\n $(element).addClass(ClassName.SHOW)\n\n if (element.parentNode &&\n $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {\n const dropdownElement = $(element).closest(Selector.DROPDOWN)[0]\n if (dropdownElement) {\n $(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n }\n\n element.setAttribute('aria-expanded', true)\n }\n\n if (callback) {\n callback()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n\n if (!data) {\n data = new Tab(this)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n event.preventDefault()\n Tab._jQueryInterface.call($(this), 'show')\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Tab._jQueryInterface\n $.fn[NAME].Constructor = Tab\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tab._jQueryInterface\n }\n\n return Tab\n})($)\n\nexport default Tab\n","import $ from 'jquery'\nimport Alert from './alert'\nimport Button from './button'\nimport Carousel from './carousel'\nimport Collapse from './collapse'\nimport Dropdown from './dropdown'\nimport Modal from './modal'\nimport Popover from './popover'\nimport Scrollspy from './scrollspy'\nimport Tab from './tab'\nimport Tooltip from './tooltip'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0-alpha.6): index.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n(($) => {\n if (typeof $ === 'undefined') {\n throw new TypeError('Bootstrap\\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\\'s JavaScript.')\n }\n\n const version = $.fn.jquery.split(' ')[0].split('.')\n const minMajor = 1\n const ltMajor = 2\n const minMinor = 9\n const minPatch = 1\n const maxMajor = 4\n\n if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {\n throw new Error('Bootstrap\\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')\n }\n})($)\n\nexport {\n Util,\n Alert,\n Button,\n Carousel,\n Collapse,\n Dropdown,\n Modal,\n Popover,\n Scrollspy,\n Tab,\n Tooltip\n}\n"],"names":["Util","$","transition","MAX_UID","toType","obj","toString","call","match","toLowerCase","getSpecialTransitionEndEvent","end","event","target","is","handleObj","handler","apply","arguments","undefined","transitionEndTest","window","QUnit","transitionEndEmulator","duration","called","one","TRANSITION_END","triggerTransitionEnd","setTransitionEndSupport","fn","emulateTransitionEnd","supportsTransitionEnd","special","escapeId","selector","escapeSelector","substr","replace","prefix","Math","random","document","getElementById","element","getAttribute","charAt","$selector","find","length","err","offsetHeight","trigger","Boolean","nodeType","componentName","config","configTypes","property","Object","prototype","hasOwnProperty","expectedTypes","value","valueType","isElement","RegExp","test","Error","toUpperCase","Alert","NAME","VERSION","DATA_KEY","EVENT_KEY","DATA_API_KEY","JQUERY_NO_CONFLICT","TRANSITION_DURATION","Selector","Event","ClassName","_element","close","rootElement","_getRootElement","customEvent","_triggerCloseEvent","isDefaultPrevented","_removeElement","dispose","removeData","getSelectorFromElement","parent","closest","ALERT","closeEvent","CLOSE","removeClass","SHOW","hasClass","FADE","_destroyElement","detach","CLOSED","remove","_jQueryInterface","each","$element","data","_handleDismiss","alertInstance","preventDefault","on","CLICK_DATA_API","DISMISS","Constructor","noConflict","Button","toggle","triggerChangeEvent","addAriaPressed","DATA_TOGGLE","input","INPUT","type","checked","ACTIVE","activeElement","hasAttribute","classList","contains","focus","setAttribute","toggleClass","DATA_TOGGLE_CARROT","button","BUTTON","FOCUS_BLUR_DATA_API","FOCUS","Carousel","ARROW_LEFT_KEYCODE","ARROW_RIGHT_KEYCODE","TOUCHEVENT_COMPAT_WAIT","Default","DefaultType","Direction","_items","_interval","_activeElement","_isPaused","_isSliding","touchTimeout","_config","_getConfig","_indicatorsElement","INDICATORS","_addEventListeners","next","_slide","NEXT","nextWhenVisible","hidden","css","prev","PREV","pause","NEXT_PREV","cycle","interval","setInterval","visibilityState","bind","to","index","ACTIVE_ITEM","activeIndex","_getItemIndex","SLID","direction","off","typeCheckConfig","keyboard","KEYDOWN","_keydown","MOUSEENTER","MOUSELEAVE","documentElement","TOUCHEND","setTimeout","tagName","which","makeArray","ITEM","indexOf","_getItemByDirection","isNextDirection","isPrevDirection","lastItemIndex","isGoingToWrap","wrap","delta","itemIndex","_triggerSlideEvent","relatedTarget","eventDirectionName","targetIndex","fromIndex","slideEvent","SLIDE","_setActiveIndicatorElement","nextIndicator","children","addClass","activeElementIndex","nextElement","nextElementIndex","isCycling","directionalClassName","orderClassName","LEFT","RIGHT","slidEvent","reflow","action","slide","TypeError","_dataApiClickHandler","CAROUSEL","slideIndex","DATA_SLIDE","LOAD_DATA_API","DATA_RIDE","$carousel","Collapse","Dimension","_isTransitioning","_triggerArray","id","tabToggles","i","elem","filter","_selector","push","_parent","_getParent","_addAriaAndCollapsedClass","hide","show","actives","activesData","ACTIVES","not","startEvent","dimension","_getDimension","COLLAPSE","COLLAPSING","style","COLLAPSED","attr","setTransitioning","complete","SHOWN","capitalizedDimension","slice","scrollSize","HIDE","getBoundingClientRect","$elem","HIDDEN","isTransitioning","hasWidth","WIDTH","HEIGHT","jquery","_getTargetFromElement","triggerArray","isOpen","$this","currentTarget","$trigger","$target","Dropdown","ESCAPE_KEYCODE","SPACE_KEYCODE","TAB_KEYCODE","ARROW_UP_KEYCODE","ARROW_DOWN_KEYCODE","RIGHT_MOUSE_BUTTON_WHICH","REGEXP_KEYDOWN","AttachmentMap","_popper","_menu","_getMenuElement","_inNavbar","_detectNavbar","disabled","DISABLED","_getParentFromElement","isActive","_clearMenus","showEvent","Popper","DROPUP","MENULEFT","MENURIGHT","boundary","POSITION_STATIC","_getPopperConfig","NAVBAR_NAV","noop","destroy","update","scheduleUpdate","CLICK","stopPropagation","constructor","MENU","_getPlacement","$parentDropdown","placement","BOTTOM","TOP","TOPEND","DROPRIGHT","DROPLEFT","BOTTOMEND","offsetConf","offset","offsets","popperConfig","flip","toggles","context","dropdownMenu","hideEvent","parentNode","_dataApiKeydownHandler","items","VISIBLE_ITEMS","get","KEYDOWN_DATA_API","KEYUP_DATA_API","FORM_CHILD","e","Modal","BACKDROP_TRANSITION_DURATION","_dialog","DIALOG","_backdrop","_isShown","_isBodyOverflowing","_ignoreBackdropClick","_originalBodyPadding","_scrollbarWidth","_checkScrollbar","_setScrollbar","_adjustDialog","body","OPEN","_setEscapeEvent","_setResizeEvent","CLICK_DISMISS","DATA_DISMISS","MOUSEDOWN_DISMISS","MOUSEUP_DISMISS","_showBackdrop","_showElement","FOCUSIN","_hideModal","handleUpdate","Node","ELEMENT_NODE","appendChild","display","removeAttribute","scrollTop","_enforceFocus","shownEvent","transitionComplete","has","KEYDOWN_DISMISS","RESIZE","_resetAdjustments","_resetScrollbar","_removeBackdrop","callback","animate","backdrop","doAnimate","createElement","className","BACKDROP","appendTo","callbackRemove","isModalOverflowing","scrollHeight","clientHeight","paddingLeft","paddingRight","rect","left","right","innerWidth","_getScrollbarWidth","FIXED_CONTENT","actualPadding","calculatedPadding","parseFloat","STICKY_CONTENT","actualMargin","marginRight","calculatedMargin","NAVBAR_TOGGLER","padding","margin","scrollDiv","SCROLLBAR_MEASURER","scrollbarWidth","width","clientWidth","removeChild","Tooltip","CLASS_PREFIX","BSCLS_PREFIX_REGEX","HoverState","Trigger","_isEnabled","_timeout","_hoverState","_activeTrigger","tip","_setListeners","enable","disable","toggleEnabled","dataKey","_getDelegateConfig","click","_isWithActiveTrigger","_enter","_leave","getTipElement","isWithContent","isInTheDom","ownerDocument","tipId","getUID","setContent","animation","attachment","_getAttachment","addAttachmentClass","container","INSERTED","fallbackPlacement","ARROW","originalPlacement","_handlePopperPlacementChange","_fixTransition","prevHoverState","OUT","_TRANSITION_DURATION","_cleanTipClass","HOVER","getTitle","template","$tip","setElementContent","TOOLTIP_INNER","content","html","empty","append","text","title","triggers","split","forEach","MANUAL","eventIn","eventOut","FOCUSOUT","_fixTitle","titleType","delay","key","tabClass","join","initConfigAnimation","Popover","_getContent","TITLE","CONTENT","ScrollSpy","OffsetMethod","_scrollElement","NAV_LINKS","LIST_ITEMS","DROPDOWN_ITEMS","_offsets","_targets","_activeTarget","_scrollHeight","SCROLL","_process","refresh","autoMethod","OFFSET","POSITION","offsetMethod","method","offsetBase","_getScrollTop","_getScrollHeight","targets","map","targetSelector","targetBCR","height","top","item","sort","a","b","pageYOffset","max","_getOffsetHeight","innerHeight","maxScroll","_activate","_clear","isActiveTarget","queries","$link","DROPDOWN_ITEM","DROPDOWN","DROPDOWN_TOGGLE","parents","NAV_LIST_GROUP","NAV_ITEMS","ACTIVATE","scrollSpys","DATA_SPY","$spy","Tab","previous","listElement","itemSelector","nodeName","ACTIVE_UL","hiddenEvent","activeElements","active","_transitionComplete","dropdownChild","DROPDOWN_ACTIVE_CHILD","DROPDOWN_MENU","dropdownElement","version","minMajor","ltMajor","minMinor","minPatch","maxMajor"],"mappings":"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"}
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/js/bootstrap.min.js b/public/ThirdParty/Bootstrap/js/bootstrap.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..534d533433ab94ca11eb8dd3eea559c7f1c0f50e
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/js/bootstrap.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e(t.bootstrap={},t.jQuery,t.Popper)}(this,function(t,e,n){"use strict";function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function s(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function r(){return(r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}e=e&&e.hasOwnProperty("default")?e.default:e,n=n&&n.hasOwnProperty("default")?n.default:n;var o,a,l,h,c,u,f,d,_,g,p,m,v,E,T,y,C,I,A,b,D,S,w,N,O,k,P=function(t){var e=!1;function n(e){var n=this,s=!1;return t(this).one(i.TRANSITION_END,function(){s=!0}),setTimeout(function(){s||i.triggerTransitionEnd(n)},e),this}var i={TRANSITION_END:"bsTransitionEnd",getUID:function(t){do{t+=~~(1e6*Math.random())}while(document.getElementById(t));return t},getSelectorFromElement:function(e){var n,i=e.getAttribute("data-target");i&&"#"!==i||(i=e.getAttribute("href")||""),"#"===i.charAt(0)&&(n=i,i=n="function"==typeof t.escapeSelector?t.escapeSelector(n).substr(1):n.replace(/(:|\.|\[|\]|,|=|@)/g,"\\$1"));try{return t(document).find(i).length>0?i:null}catch(t){return null}},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(n){t(n).trigger(e.end)},supportsTransitionEnd:function(){return Boolean(e)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var s in n)if(Object.prototype.hasOwnProperty.call(n,s)){var r=n[s],o=e[s],a=o&&i.isElement(o)?"element":(l=o,{}.toString.call(l).match(/\s([a-zA-Z]+)/)[1].toLowerCase());if(!new RegExp(r).test(a))throw new Error(t.toUpperCase()+': Option "'+s+'" provided type "'+a+'" but expected type "'+r+'".')}var l}};return e=("undefined"==typeof window||!window.QUnit)&&{end:"transitionend"},t.fn.emulateTransitionEnd=n,i.supportsTransitionEnd()&&(t.event.special[i.TRANSITION_END]={bindType:e.end,delegateType:e.end,handle:function(e){if(t(e.target).is(this))return e.handleObj.handler.apply(this,arguments)}}),i}(e),L=(a="alert",h="."+(l="bs.alert"),c=(o=e).fn[a],u={CLOSE:"close"+h,CLOSED:"closed"+h,CLICK_DATA_API:"click"+h+".data-api"},f="alert",d="fade",_="show",g=function(){function t(t){this._element=t}var e=t.prototype;return e.close=function(t){t=t||this._element;var e=this._getRootElement(t);this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},e.dispose=function(){o.removeData(this._element,l),this._element=null},e._getRootElement=function(t){var e=P.getSelectorFromElement(t),n=!1;return e&&(n=o(e)[0]),n||(n=o(t).closest("."+f)[0]),n},e._triggerCloseEvent=function(t){var e=o.Event(u.CLOSE);return o(t).trigger(e),e},e._removeElement=function(t){var e=this;o(t).removeClass(_),P.supportsTransitionEnd()&&o(t).hasClass(d)?o(t).one(P.TRANSITION_END,function(n){return e._destroyElement(t,n)}).emulateTransitionEnd(150):this._destroyElement(t)},e._destroyElement=function(t){o(t).detach().trigger(u.CLOSED).remove()},t._jQueryInterface=function(e){return this.each(function(){var n=o(this),i=n.data(l);i||(i=new t(this),n.data(l,i)),"close"===e&&i[e](this)})},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},s(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),o(document).on(u.CLICK_DATA_API,'[data-dismiss="alert"]',g._handleDismiss(new g)),o.fn[a]=g._jQueryInterface,o.fn[a].Constructor=g,o.fn[a].noConflict=function(){return o.fn[a]=c,g._jQueryInterface},g),R=(m="button",E="."+(v="bs.button"),T=".data-api",y=(p=e).fn[m],C="active",I="btn",A="focus",b='[data-toggle^="button"]',D='[data-toggle="buttons"]',S="input",w=".active",N=".btn",O={CLICK_DATA_API:"click"+E+T,FOCUS_BLUR_DATA_API:"focus"+E+T+" blur"+E+T},k=function(){function t(t){this._element=t}var e=t.prototype;return e.toggle=function(){var t=!0,e=!0,n=p(this._element).closest(D)[0];if(n){var i=p(this._element).find(S)[0];if(i){if("radio"===i.type)if(i.checked&&p(this._element).hasClass(C))t=!1;else{var s=p(n).find(w)[0];s&&p(s).removeClass(C)}if(t){if(i.hasAttribute("disabled")||n.hasAttribute("disabled")||i.classList.contains("disabled")||n.classList.contains("disabled"))return;i.checked=!p(this._element).hasClass(C),p(i).trigger("change")}i.focus(),e=!1}}e&&this._element.setAttribute("aria-pressed",!p(this._element).hasClass(C)),t&&p(this._element).toggleClass(C)},e.dispose=function(){p.removeData(this._element,v),this._element=null},t._jQueryInterface=function(e){return this.each(function(){var n=p(this).data(v);n||(n=new t(this),p(this).data(v,n)),"toggle"===e&&n[e]()})},s(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),p(document).on(O.CLICK_DATA_API,b,function(t){t.preventDefault();var e=t.target;p(e).hasClass(I)||(e=p(e).closest(N)),k._jQueryInterface.call(p(e),"toggle")}).on(O.FOCUS_BLUR_DATA_API,b,function(t){var e=p(t.target).closest(N)[0];p(e).toggleClass(A,/^focus(in)?$/.test(t.type))}),p.fn[m]=k._jQueryInterface,p.fn[m].Constructor=k,p.fn[m].noConflict=function(){return p.fn[m]=y,k._jQueryInterface},k),j=function(t){var e="carousel",n="bs.carousel",i="."+n,o=t.fn[e],a={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0},l={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean"},h="next",c="prev",u="left",f="right",d={SLIDE:"slide"+i,SLID:"slid"+i,KEYDOWN:"keydown"+i,MOUSEENTER:"mouseenter"+i,MOUSELEAVE:"mouseleave"+i,TOUCHEND:"touchend"+i,LOAD_DATA_API:"load"+i+".data-api",CLICK_DATA_API:"click"+i+".data-api"},_="carousel",g="active",p="slide",m="carousel-item-right",v="carousel-item-left",E="carousel-item-next",T="carousel-item-prev",y={ACTIVE:".active",ACTIVE_ITEM:".active.carousel-item",ITEM:".carousel-item",NEXT_PREV:".carousel-item-next, .carousel-item-prev",INDICATORS:".carousel-indicators",DATA_SLIDE:"[data-slide], [data-slide-to]",DATA_RIDE:'[data-ride="carousel"]'},C=function(){function o(e,n){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this._config=this._getConfig(n),this._element=t(e)[0],this._indicatorsElement=t(this._element).find(y.INDICATORS)[0],this._addEventListeners()}var C=o.prototype;return C.next=function(){this._isSliding||this._slide(h)},C.nextWhenVisible=function(){!document.hidden&&t(this._element).is(":visible")&&"hidden"!==t(this._element).css("visibility")&&this.next()},C.prev=function(){this._isSliding||this._slide(c)},C.pause=function(e){e||(this._isPaused=!0),t(this._element).find(y.NEXT_PREV)[0]&&P.supportsTransitionEnd()&&(P.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},C.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},C.to=function(e){var n=this;this._activeElement=t(this._element).find(y.ACTIVE_ITEM)[0];var i=this._getItemIndex(this._activeElement);if(!(e>this._items.length-1||e<0))if(this._isSliding)t(this._element).one(d.SLID,function(){return n.to(e)});else{if(i===e)return this.pause(),void this.cycle();var s=e>i?h:c;this._slide(s,this._items[e])}},C.dispose=function(){t(this._element).off(i),t.removeData(this._element,n),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},C._getConfig=function(t){return t=r({},a,t),P.typeCheckConfig(e,t,l),t},C._addEventListeners=function(){var e=this;this._config.keyboard&&t(this._element).on(d.KEYDOWN,function(t){return e._keydown(t)}),"hover"===this._config.pause&&(t(this._element).on(d.MOUSEENTER,function(t){return e.pause(t)}).on(d.MOUSELEAVE,function(t){return e.cycle(t)}),"ontouchstart"in document.documentElement&&t(this._element).on(d.TOUCHEND,function(){e.pause(),e.touchTimeout&&clearTimeout(e.touchTimeout),e.touchTimeout=setTimeout(function(t){return e.cycle(t)},500+e._config.interval)}))},C._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},C._getItemIndex=function(e){return this._items=t.makeArray(t(e).parent().find(y.ITEM)),this._items.indexOf(e)},C._getItemByDirection=function(t,e){var n=t===h,i=t===c,s=this._getItemIndex(e),r=this._items.length-1;if((i&&0===s||n&&s===r)&&!this._config.wrap)return e;var o=(s+(t===c?-1:1))%this._items.length;return-1===o?this._items[this._items.length-1]:this._items[o]},C._triggerSlideEvent=function(e,n){var i=this._getItemIndex(e),s=this._getItemIndex(t(this._element).find(y.ACTIVE_ITEM)[0]),r=t.Event(d.SLIDE,{relatedTarget:e,direction:n,from:s,to:i});return t(this._element).trigger(r),r},C._setActiveIndicatorElement=function(e){if(this._indicatorsElement){t(this._indicatorsElement).find(y.ACTIVE).removeClass(g);var n=this._indicatorsElement.children[this._getItemIndex(e)];n&&t(n).addClass(g)}},C._slide=function(e,n){var i,s,r,o=this,a=t(this._element).find(y.ACTIVE_ITEM)[0],l=this._getItemIndex(a),c=n||a&&this._getItemByDirection(e,a),_=this._getItemIndex(c),C=Boolean(this._interval);if(e===h?(i=v,s=E,r=u):(i=m,s=T,r=f),c&&t(c).hasClass(g))this._isSliding=!1;else if(!this._triggerSlideEvent(c,r).isDefaultPrevented()&&a&&c){this._isSliding=!0,C&&this.pause(),this._setActiveIndicatorElement(c);var I=t.Event(d.SLID,{relatedTarget:c,direction:r,from:l,to:_});P.supportsTransitionEnd()&&t(this._element).hasClass(p)?(t(c).addClass(s),P.reflow(c),t(a).addClass(i),t(c).addClass(i),t(a).one(P.TRANSITION_END,function(){t(c).removeClass(i+" "+s).addClass(g),t(a).removeClass(g+" "+s+" "+i),o._isSliding=!1,setTimeout(function(){return t(o._element).trigger(I)},0)}).emulateTransitionEnd(600)):(t(a).removeClass(g),t(c).addClass(g),this._isSliding=!1,t(this._element).trigger(I)),C&&this.cycle()}},o._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),s=r({},a,t(this).data());"object"==typeof e&&(s=r({},s,e));var l="string"==typeof e?e:s.slide;if(i||(i=new o(this,s),t(this).data(n,i)),"number"==typeof e)i.to(e);else if("string"==typeof l){if("undefined"==typeof i[l])throw new TypeError('No method named "'+l+'"');i[l]()}else s.interval&&(i.pause(),i.cycle())})},o._dataApiClickHandler=function(e){var i=P.getSelectorFromElement(this);if(i){var s=t(i)[0];if(s&&t(s).hasClass(_)){var a=r({},t(s).data(),t(this).data()),l=this.getAttribute("data-slide-to");l&&(a.interval=!1),o._jQueryInterface.call(t(s),a),l&&t(s).data(n).to(l),e.preventDefault()}}},s(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),o}();return t(document).on(d.CLICK_DATA_API,y.DATA_SLIDE,C._dataApiClickHandler),t(window).on(d.LOAD_DATA_API,function(){t(y.DATA_RIDE).each(function(){var e=t(this);C._jQueryInterface.call(e,e.data())})}),t.fn[e]=C._jQueryInterface,t.fn[e].Constructor=C,t.fn[e].noConflict=function(){return t.fn[e]=o,C._jQueryInterface},C}(e),H=function(t){var e="collapse",n="bs.collapse",i="."+n,o=t.fn[e],a={toggle:!0,parent:""},l={toggle:"boolean",parent:"(string|element)"},h={SHOW:"show"+i,SHOWN:"shown"+i,HIDE:"hide"+i,HIDDEN:"hidden"+i,CLICK_DATA_API:"click"+i+".data-api"},c="show",u="collapse",f="collapsing",d="collapsed",_="width",g="height",p={ACTIVES:".show, .collapsing",DATA_TOGGLE:'[data-toggle="collapse"]'},m=function(){function i(e,n){this._isTransitioning=!1,this._element=e,this._config=this._getConfig(n),this._triggerArray=t.makeArray(t('[data-toggle="collapse"][href="#'+e.id+'"],[data-toggle="collapse"][data-target="#'+e.id+'"]'));for(var i=t(p.DATA_TOGGLE),s=0;s<i.length;s++){var r=i[s],o=P.getSelectorFromElement(r);null!==o&&t(o).filter(e).length>0&&(this._selector=o,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var o=i.prototype;return o.toggle=function(){t(this._element).hasClass(c)?this.hide():this.show()},o.show=function(){var e,s,r=this;if(!this._isTransitioning&&!t(this._element).hasClass(c)&&(this._parent&&0===(e=t.makeArray(t(this._parent).find(p.ACTIVES).filter('[data-parent="'+this._config.parent+'"]'))).length&&(e=null),!(e&&(s=t(e).not(this._selector).data(n))&&s._isTransitioning))){var o=t.Event(h.SHOW);if(t(this._element).trigger(o),!o.isDefaultPrevented()){e&&(i._jQueryInterface.call(t(e).not(this._selector),"hide"),s||t(e).data(n,null));var a=this._getDimension();t(this._element).removeClass(u).addClass(f),this._element.style[a]=0,this._triggerArray.length>0&&t(this._triggerArray).removeClass(d).attr("aria-expanded",!0),this.setTransitioning(!0);var l=function(){t(r._element).removeClass(f).addClass(u).addClass(c),r._element.style[a]="",r.setTransitioning(!1),t(r._element).trigger(h.SHOWN)};if(P.supportsTransitionEnd()){var _="scroll"+(a[0].toUpperCase()+a.slice(1));t(this._element).one(P.TRANSITION_END,l).emulateTransitionEnd(600),this._element.style[a]=this._element[_]+"px"}else l()}}},o.hide=function(){var e=this;if(!this._isTransitioning&&t(this._element).hasClass(c)){var n=t.Event(h.HIDE);if(t(this._element).trigger(n),!n.isDefaultPrevented()){var i=this._getDimension();if(this._element.style[i]=this._element.getBoundingClientRect()[i]+"px",P.reflow(this._element),t(this._element).addClass(f).removeClass(u).removeClass(c),this._triggerArray.length>0)for(var s=0;s<this._triggerArray.length;s++){var r=this._triggerArray[s],o=P.getSelectorFromElement(r);if(null!==o)t(o).hasClass(c)||t(r).addClass(d).attr("aria-expanded",!1)}this.setTransitioning(!0);var a=function(){e.setTransitioning(!1),t(e._element).removeClass(f).addClass(u).trigger(h.HIDDEN)};this._element.style[i]="",P.supportsTransitionEnd()?t(this._element).one(P.TRANSITION_END,a).emulateTransitionEnd(600):a()}}},o.setTransitioning=function(t){this._isTransitioning=t},o.dispose=function(){t.removeData(this._element,n),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},o._getConfig=function(t){return(t=r({},a,t)).toggle=Boolean(t.toggle),P.typeCheckConfig(e,t,l),t},o._getDimension=function(){return t(this._element).hasClass(_)?_:g},o._getParent=function(){var e=this,n=null;P.isElement(this._config.parent)?(n=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(n=this._config.parent[0])):n=t(this._config.parent)[0];var s='[data-toggle="collapse"][data-parent="'+this._config.parent+'"]';return t(n).find(s).each(function(t,n){e._addAriaAndCollapsedClass(i._getTargetFromElement(n),[n])}),n},o._addAriaAndCollapsedClass=function(e,n){if(e){var i=t(e).hasClass(c);n.length>0&&t(n).toggleClass(d,!i).attr("aria-expanded",i)}},i._getTargetFromElement=function(e){var n=P.getSelectorFromElement(e);return n?t(n)[0]:null},i._jQueryInterface=function(e){return this.each(function(){var s=t(this),o=s.data(n),l=r({},a,s.data(),"object"==typeof e&&e);if(!o&&l.toggle&&/show|hide/.test(e)&&(l.toggle=!1),o||(o=new i(this,l),s.data(n,o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),i}();return t(document).on(h.CLICK_DATA_API,p.DATA_TOGGLE,function(e){"A"===e.currentTarget.tagName&&e.preventDefault();var i=t(this),s=P.getSelectorFromElement(this);t(s).each(function(){var e=t(this),s=e.data(n)?"toggle":i.data();m._jQueryInterface.call(e,s)})}),t.fn[e]=m._jQueryInterface,t.fn[e].Constructor=m,t.fn[e].noConflict=function(){return t.fn[e]=o,m._jQueryInterface},m}(e),W=function(t){var e="dropdown",i="bs.dropdown",o="."+i,a=".data-api",l=t.fn[e],h=new RegExp("38|40|27"),c={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,CLICK:"click"+o,CLICK_DATA_API:"click"+o+a,KEYDOWN_DATA_API:"keydown"+o+a,KEYUP_DATA_API:"keyup"+o+a},u="disabled",f="show",d="dropup",_="dropright",g="dropleft",p="dropdown-menu-right",m="dropdown-menu-left",v="position-static",E='[data-toggle="dropdown"]',T=".dropdown form",y=".dropdown-menu",C=".navbar-nav",I=".dropdown-menu .dropdown-item:not(.disabled)",A="top-start",b="top-end",D="bottom-start",S="bottom-end",w="right-start",N="left-start",O={offset:0,flip:!0,boundary:"scrollParent"},k={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)"},L=function(){function a(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var l=a.prototype;return l.toggle=function(){if(!this._element.disabled&&!t(this._element).hasClass(u)){var e=a._getParentFromElement(this._element),i=t(this._menu).hasClass(f);if(a._clearMenus(),!i){var s={relatedTarget:this._element},r=t.Event(c.SHOW,s);if(t(e).trigger(r),!r.isDefaultPrevented()){if(!this._inNavbar){if("undefined"==typeof n)throw new TypeError("Bootstrap dropdown require Popper.js (https://popper.js.org)");var o=this._element;t(e).hasClass(d)&&(t(this._menu).hasClass(m)||t(this._menu).hasClass(p))&&(o=e),"scrollParent"!==this._config.boundary&&t(e).addClass(v),this._popper=new n(o,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===t(e).closest(C).length&&t("body").children().on("mouseover",null,t.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),t(this._menu).toggleClass(f),t(e).toggleClass(f).trigger(t.Event(c.SHOWN,s))}}}},l.dispose=function(){t.removeData(this._element,i),t(this._element).off(o),this._element=null,this._menu=null,null!==this._popper&&(this._popper.destroy(),this._popper=null)},l.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},l._addEventListeners=function(){var e=this;t(this._element).on(c.CLICK,function(t){t.preventDefault(),t.stopPropagation(),e.toggle()})},l._getConfig=function(n){return n=r({},this.constructor.Default,t(this._element).data(),n),P.typeCheckConfig(e,n,this.constructor.DefaultType),n},l._getMenuElement=function(){if(!this._menu){var e=a._getParentFromElement(this._element);this._menu=t(e).find(y)[0]}return this._menu},l._getPlacement=function(){var e=t(this._element).parent(),n=D;return e.hasClass(d)?(n=A,t(this._menu).hasClass(p)&&(n=b)):e.hasClass(_)?n=w:e.hasClass(g)?n=N:t(this._menu).hasClass(p)&&(n=S),n},l._detectNavbar=function(){return t(this._element).closest(".navbar").length>0},l._getPopperConfig=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=r({},e.offsets,t._config.offset(e.offsets)||{}),e}:e.offset=this._config.offset,{placement:this._getPlacement(),modifiers:{offset:e,flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}}},a._jQueryInterface=function(e){return this.each(function(){var n=t(this).data(i);if(n||(n=new a(this,"object"==typeof e?e:null),t(this).data(i,n)),"string"==typeof e){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},a._clearMenus=function(e){if(!e||3!==e.which&&("keyup"!==e.type||9===e.which))for(var n=t.makeArray(t(E)),s=0;s<n.length;s++){var r=a._getParentFromElement(n[s]),o=t(n[s]).data(i),l={relatedTarget:n[s]};if(o){var h=o._menu;if(t(r).hasClass(f)&&!(e&&("click"===e.type&&/input|textarea/i.test(e.target.tagName)||"keyup"===e.type&&9===e.which)&&t.contains(r,e.target))){var u=t.Event(c.HIDE,l);t(r).trigger(u),u.isDefaultPrevented()||("ontouchstart"in document.documentElement&&t("body").children().off("mouseover",null,t.noop),n[s].setAttribute("aria-expanded","false"),t(h).removeClass(f),t(r).removeClass(f).trigger(t.Event(c.HIDDEN,l)))}}}},a._getParentFromElement=function(e){var n,i=P.getSelectorFromElement(e);return i&&(n=t(i)[0]),n||e.parentNode},a._dataApiKeydownHandler=function(e){if((/input|textarea/i.test(e.target.tagName)?!(32===e.which||27!==e.which&&(40!==e.which&&38!==e.which||t(e.target).closest(y).length)):h.test(e.which))&&(e.preventDefault(),e.stopPropagation(),!this.disabled&&!t(this).hasClass(u))){var n=a._getParentFromElement(this),i=t(n).hasClass(f);if((i||27===e.which&&32===e.which)&&(!i||27!==e.which&&32!==e.which)){var s=t(n).find(I).get();if(0!==s.length){var r=s.indexOf(e.target);38===e.which&&r>0&&r--,40===e.which&&r<s.length-1&&r++,r<0&&(r=0),s[r].focus()}}else{if(27===e.which){var o=t(n).find(E)[0];t(o).trigger("focus")}t(this).trigger("click")}}},s(a,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return O}},{key:"DefaultType",get:function(){return k}}]),a}();return t(document).on(c.KEYDOWN_DATA_API,E,L._dataApiKeydownHandler).on(c.KEYDOWN_DATA_API,y,L._dataApiKeydownHandler).on(c.CLICK_DATA_API+" "+c.KEYUP_DATA_API,L._clearMenus).on(c.CLICK_DATA_API,E,function(e){e.preventDefault(),e.stopPropagation(),L._jQueryInterface.call(t(this),"toggle")}).on(c.CLICK_DATA_API,T,function(t){t.stopPropagation()}),t.fn[e]=L._jQueryInterface,t.fn[e].Constructor=L,t.fn[e].noConflict=function(){return t.fn[e]=l,L._jQueryInterface},L}(e),M=function(t){var e="modal",n="bs.modal",i="."+n,o=t.fn.modal,a={backdrop:!0,keyboard:!0,focus:!0,show:!0},l={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},h={HIDE:"hide"+i,HIDDEN:"hidden"+i,SHOW:"show"+i,SHOWN:"shown"+i,FOCUSIN:"focusin"+i,RESIZE:"resize"+i,CLICK_DISMISS:"click.dismiss"+i,KEYDOWN_DISMISS:"keydown.dismiss"+i,MOUSEUP_DISMISS:"mouseup.dismiss"+i,MOUSEDOWN_DISMISS:"mousedown.dismiss"+i,CLICK_DATA_API:"click"+i+".data-api"},c="modal-scrollbar-measure",u="modal-backdrop",f="modal-open",d="fade",_="show",g={DIALOG:".modal-dialog",DATA_TOGGLE:'[data-toggle="modal"]',DATA_DISMISS:'[data-dismiss="modal"]',FIXED_CONTENT:".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",STICKY_CONTENT:".sticky-top",NAVBAR_TOGGLER:".navbar-toggler"},p=function(){function o(e,n){this._config=this._getConfig(n),this._element=e,this._dialog=t(e).find(g.DIALOG)[0],this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._originalBodyPadding=0,this._scrollbarWidth=0}var p=o.prototype;return p.toggle=function(t){return this._isShown?this.hide():this.show(t)},p.show=function(e){var n=this;if(!this._isTransitioning&&!this._isShown){P.supportsTransitionEnd()&&t(this._element).hasClass(d)&&(this._isTransitioning=!0);var i=t.Event(h.SHOW,{relatedTarget:e});t(this._element).trigger(i),this._isShown||i.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),t(document.body).addClass(f),this._setEscapeEvent(),this._setResizeEvent(),t(this._element).on(h.CLICK_DISMISS,g.DATA_DISMISS,function(t){return n.hide(t)}),t(this._dialog).on(h.MOUSEDOWN_DISMISS,function(){t(n._element).one(h.MOUSEUP_DISMISS,function(e){t(e.target).is(n._element)&&(n._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return n._showElement(e)}))}},p.hide=function(e){var n=this;if(e&&e.preventDefault(),!this._isTransitioning&&this._isShown){var i=t.Event(h.HIDE);if(t(this._element).trigger(i),this._isShown&&!i.isDefaultPrevented()){this._isShown=!1;var s=P.supportsTransitionEnd()&&t(this._element).hasClass(d);s&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),t(document).off(h.FOCUSIN),t(this._element).removeClass(_),t(this._element).off(h.CLICK_DISMISS),t(this._dialog).off(h.MOUSEDOWN_DISMISS),s?t(this._element).one(P.TRANSITION_END,function(t){return n._hideModal(t)}).emulateTransitionEnd(300):this._hideModal()}}},p.dispose=function(){t.removeData(this._element,n),t(window,document,this._element,this._backdrop).off(i),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._scrollbarWidth=null},p.handleUpdate=function(){this._adjustDialog()},p._getConfig=function(t){return t=r({},a,t),P.typeCheckConfig(e,t,l),t},p._showElement=function(e){var n=this,i=P.supportsTransitionEnd()&&t(this._element).hasClass(d);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.scrollTop=0,i&&P.reflow(this._element),t(this._element).addClass(_),this._config.focus&&this._enforceFocus();var s=t.Event(h.SHOWN,{relatedTarget:e}),r=function(){n._config.focus&&n._element.focus(),n._isTransitioning=!1,t(n._element).trigger(s)};i?t(this._dialog).one(P.TRANSITION_END,r).emulateTransitionEnd(300):r()},p._enforceFocus=function(){var e=this;t(document).off(h.FOCUSIN).on(h.FOCUSIN,function(n){document!==n.target&&e._element!==n.target&&0===t(e._element).has(n.target).length&&e._element.focus()})},p._setEscapeEvent=function(){var e=this;this._isShown&&this._config.keyboard?t(this._element).on(h.KEYDOWN_DISMISS,function(t){27===t.which&&(t.preventDefault(),e.hide())}):this._isShown||t(this._element).off(h.KEYDOWN_DISMISS)},p._setResizeEvent=function(){var e=this;this._isShown?t(window).on(h.RESIZE,function(t){return e.handleUpdate(t)}):t(window).off(h.RESIZE)},p._hideModal=function(){var e=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._isTransitioning=!1,this._showBackdrop(function(){t(document.body).removeClass(f),e._resetAdjustments(),e._resetScrollbar(),t(e._element).trigger(h.HIDDEN)})},p._removeBackdrop=function(){this._backdrop&&(t(this._backdrop).remove(),this._backdrop=null)},p._showBackdrop=function(e){var n=this,i=t(this._element).hasClass(d)?d:"";if(this._isShown&&this._config.backdrop){var s=P.supportsTransitionEnd()&&i;if(this._backdrop=document.createElement("div"),this._backdrop.className=u,i&&t(this._backdrop).addClass(i),t(this._backdrop).appendTo(document.body),t(this._element).on(h.CLICK_DISMISS,function(t){n._ignoreBackdropClick?n._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===n._config.backdrop?n._element.focus():n.hide())}),s&&P.reflow(this._backdrop),t(this._backdrop).addClass(_),!e)return;if(!s)return void e();t(this._backdrop).one(P.TRANSITION_END,e).emulateTransitionEnd(150)}else if(!this._isShown&&this._backdrop){t(this._backdrop).removeClass(_);var r=function(){n._removeBackdrop(),e&&e()};P.supportsTransitionEnd()&&t(this._element).hasClass(d)?t(this._backdrop).one(P.TRANSITION_END,r).emulateTransitionEnd(150):r()}else e&&e()},p._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},p._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},p._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},p._setScrollbar=function(){var e=this;if(this._isBodyOverflowing){t(g.FIXED_CONTENT).each(function(n,i){var s=t(i)[0].style.paddingRight,r=t(i).css("padding-right");t(i).data("padding-right",s).css("padding-right",parseFloat(r)+e._scrollbarWidth+"px")}),t(g.STICKY_CONTENT).each(function(n,i){var s=t(i)[0].style.marginRight,r=t(i).css("margin-right");t(i).data("margin-right",s).css("margin-right",parseFloat(r)-e._scrollbarWidth+"px")}),t(g.NAVBAR_TOGGLER).each(function(n,i){var s=t(i)[0].style.marginRight,r=t(i).css("margin-right");t(i).data("margin-right",s).css("margin-right",parseFloat(r)+e._scrollbarWidth+"px")});var n=document.body.style.paddingRight,i=t("body").css("padding-right");t("body").data("padding-right",n).css("padding-right",parseFloat(i)+this._scrollbarWidth+"px")}},p._resetScrollbar=function(){t(g.FIXED_CONTENT).each(function(e,n){var i=t(n).data("padding-right");"undefined"!=typeof i&&t(n).css("padding-right",i).removeData("padding-right")}),t(g.STICKY_CONTENT+", "+g.NAVBAR_TOGGLER).each(function(e,n){var i=t(n).data("margin-right");"undefined"!=typeof i&&t(n).css("margin-right",i).removeData("margin-right")});var e=t("body").data("padding-right");"undefined"!=typeof e&&t("body").css("padding-right",e).removeData("padding-right")},p._getScrollbarWidth=function(){var t=document.createElement("div");t.className=c,document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},o._jQueryInterface=function(e,i){return this.each(function(){var s=t(this).data(n),a=r({},o.Default,t(this).data(),"object"==typeof e&&e);if(s||(s=new o(this,a),t(this).data(n,s)),"string"==typeof e){if("undefined"==typeof s[e])throw new TypeError('No method named "'+e+'"');s[e](i)}else a.show&&s.show(i)})},s(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),o}();return t(document).on(h.CLICK_DATA_API,g.DATA_TOGGLE,function(e){var i,s=this,o=P.getSelectorFromElement(this);o&&(i=t(o)[0]);var a=t(i).data(n)?"toggle":r({},t(i).data(),t(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||e.preventDefault();var l=t(i).one(h.SHOW,function(e){e.isDefaultPrevented()||l.one(h.HIDDEN,function(){t(s).is(":visible")&&s.focus()})});p._jQueryInterface.call(t(i),a,this)}),t.fn.modal=p._jQueryInterface,t.fn.modal.Constructor=p,t.fn.modal.noConflict=function(){return t.fn.modal=o,p._jQueryInterface},p}(e),U=function(t){var e="tooltip",i="bs.tooltip",o="."+i,a=t.fn[e],l=new RegExp("(^|\\s)bs-tooltip\\S+","g"),h={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)"},c={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},u={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent"},f="show",d="out",_={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,INSERTED:"inserted"+o,CLICK:"click"+o,FOCUSIN:"focusin"+o,FOCUSOUT:"focusout"+o,MOUSEENTER:"mouseenter"+o,MOUSELEAVE:"mouseleave"+o},g="fade",p="show",m=".tooltip-inner",v=".arrow",E="hover",T="focus",y="click",C="manual",I=function(){function a(t,e){if("undefined"==typeof n)throw new TypeError("Bootstrap tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var I=a.prototype;return I.enable=function(){this._isEnabled=!0},I.disable=function(){this._isEnabled=!1},I.toggleEnabled=function(){this._isEnabled=!this._isEnabled},I.toggle=function(e){if(this._isEnabled)if(e){var n=this.constructor.DATA_KEY,i=t(e.currentTarget).data(n);i||(i=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(n,i)),i._activeTrigger.click=!i._activeTrigger.click,i._isWithActiveTrigger()?i._enter(null,i):i._leave(null,i)}else{if(t(this.getTipElement()).hasClass(p))return void this._leave(null,this);this._enter(null,this)}},I.dispose=function(){clearTimeout(this._timeout),t.removeData(this.element,this.constructor.DATA_KEY),t(this.element).off(this.constructor.EVENT_KEY),t(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&t(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,null!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},I.show=function(){var e=this;if("none"===t(this.element).css("display"))throw new Error("Please use show on visible elements");var i=t.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){t(this.element).trigger(i);var s=t.contains(this.element.ownerDocument.documentElement,this.element);if(i.isDefaultPrevented()||!s)return;var r=this.getTipElement(),o=P.getUID(this.constructor.NAME);r.setAttribute("id",o),this.element.setAttribute("aria-describedby",o),this.setContent(),this.config.animation&&t(r).addClass(g);var l="function"==typeof this.config.placement?this.config.placement.call(this,r,this.element):this.config.placement,h=this._getAttachment(l);this.addAttachmentClass(h);var c=!1===this.config.container?document.body:t(this.config.container);t(r).data(this.constructor.DATA_KEY,this),t.contains(this.element.ownerDocument.documentElement,this.tip)||t(r).appendTo(c),t(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new n(this.element,r,{placement:h,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:v},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){e._handlePopperPlacementChange(t)}}),t(r).addClass(p),"ontouchstart"in document.documentElement&&t("body").children().on("mouseover",null,t.noop);var u=function(){e.config.animation&&e._fixTransition();var n=e._hoverState;e._hoverState=null,t(e.element).trigger(e.constructor.Event.SHOWN),n===d&&e._leave(null,e)};P.supportsTransitionEnd()&&t(this.tip).hasClass(g)?t(this.tip).one(P.TRANSITION_END,u).emulateTransitionEnd(a._TRANSITION_DURATION):u()}},I.hide=function(e){var n=this,i=this.getTipElement(),s=t.Event(this.constructor.Event.HIDE),r=function(){n._hoverState!==f&&i.parentNode&&i.parentNode.removeChild(i),n._cleanTipClass(),n.element.removeAttribute("aria-describedby"),t(n.element).trigger(n.constructor.Event.HIDDEN),null!==n._popper&&n._popper.destroy(),e&&e()};t(this.element).trigger(s),s.isDefaultPrevented()||(t(i).removeClass(p),"ontouchstart"in document.documentElement&&t("body").children().off("mouseover",null,t.noop),this._activeTrigger[y]=!1,this._activeTrigger[T]=!1,this._activeTrigger[E]=!1,P.supportsTransitionEnd()&&t(this.tip).hasClass(g)?t(i).one(P.TRANSITION_END,r).emulateTransitionEnd(150):r(),this._hoverState="")},I.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},I.isWithContent=function(){return Boolean(this.getTitle())},I.addAttachmentClass=function(e){t(this.getTipElement()).addClass("bs-tooltip-"+e)},I.getTipElement=function(){return this.tip=this.tip||t(this.config.template)[0],this.tip},I.setContent=function(){var e=t(this.getTipElement());this.setElementContent(e.find(m),this.getTitle()),e.removeClass(g+" "+p)},I.setElementContent=function(e,n){var i=this.config.html;"object"==typeof n&&(n.nodeType||n.jquery)?i?t(n).parent().is(e)||e.empty().append(n):e.text(t(n).text()):e[i?"html":"text"](n)},I.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},I._getAttachment=function(t){return c[t.toUpperCase()]},I._setListeners=function(){var e=this;this.config.trigger.split(" ").forEach(function(n){if("click"===n)t(e.element).on(e.constructor.Event.CLICK,e.config.selector,function(t){return e.toggle(t)});else if(n!==C){var i=n===E?e.constructor.Event.MOUSEENTER:e.constructor.Event.FOCUSIN,s=n===E?e.constructor.Event.MOUSELEAVE:e.constructor.Event.FOCUSOUT;t(e.element).on(i,e.config.selector,function(t){return e._enter(t)}).on(s,e.config.selector,function(t){return e._leave(t)})}t(e.element).closest(".modal").on("hide.bs.modal",function(){return e.hide()})}),this.config.selector?this.config=r({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},I._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},I._enter=function(e,n){var i=this.constructor.DATA_KEY;(n=n||t(e.currentTarget).data(i))||(n=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(i,n)),e&&(n._activeTrigger["focusin"===e.type?T:E]=!0),t(n.getTipElement()).hasClass(p)||n._hoverState===f?n._hoverState=f:(clearTimeout(n._timeout),n._hoverState=f,n.config.delay&&n.config.delay.show?n._timeout=setTimeout(function(){n._hoverState===f&&n.show()},n.config.delay.show):n.show())},I._leave=function(e,n){var i=this.constructor.DATA_KEY;(n=n||t(e.currentTarget).data(i))||(n=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(i,n)),e&&(n._activeTrigger["focusout"===e.type?T:E]=!1),n._isWithActiveTrigger()||(clearTimeout(n._timeout),n._hoverState=d,n.config.delay&&n.config.delay.hide?n._timeout=setTimeout(function(){n._hoverState===d&&n.hide()},n.config.delay.hide):n.hide())},I._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},I._getConfig=function(n){return"number"==typeof(n=r({},this.constructor.Default,t(this.element).data(),n)).delay&&(n.delay={show:n.delay,hide:n.delay}),"number"==typeof n.title&&(n.title=n.title.toString()),"number"==typeof n.content&&(n.content=n.content.toString()),P.typeCheckConfig(e,n,this.constructor.DefaultType),n},I._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},I._cleanTipClass=function(){var e=t(this.getTipElement()),n=e.attr("class").match(l);null!==n&&n.length>0&&e.removeClass(n.join(""))},I._handlePopperPlacementChange=function(t){this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},I._fixTransition=function(){var e=this.getTipElement(),n=this.config.animation;null===e.getAttribute("x-placement")&&(t(e).removeClass(g),this.config.animation=!1,this.hide(),this.show(),this.config.animation=n)},a._jQueryInterface=function(e){return this.each(function(){var n=t(this).data(i),s="object"==typeof e&&e;if((n||!/dispose|hide/.test(e))&&(n||(n=new a(this,s),t(this).data(i,n)),"string"==typeof e)){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},s(a,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return u}},{key:"NAME",get:function(){return e}},{key:"DATA_KEY",get:function(){return i}},{key:"Event",get:function(){return _}},{key:"EVENT_KEY",get:function(){return o}},{key:"DefaultType",get:function(){return h}}]),a}();return t.fn[e]=I._jQueryInterface,t.fn[e].Constructor=I,t.fn[e].noConflict=function(){return t.fn[e]=a,I._jQueryInterface},I}(e),x=function(t){var e="popover",n="bs.popover",i="."+n,o=t.fn[e],a=new RegExp("(^|\\s)bs-popover\\S+","g"),l=r({},U.Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),h=r({},U.DefaultType,{content:"(string|element|function)"}),c="fade",u="show",f=".popover-header",d=".popover-body",_={HIDE:"hide"+i,HIDDEN:"hidden"+i,SHOW:"show"+i,SHOWN:"shown"+i,INSERTED:"inserted"+i,CLICK:"click"+i,FOCUSIN:"focusin"+i,FOCUSOUT:"focusout"+i,MOUSEENTER:"mouseenter"+i,MOUSELEAVE:"mouseleave"+i},g=function(r){var o,g;function p(){return r.apply(this,arguments)||this}g=r,(o=p).prototype=Object.create(g.prototype),o.prototype.constructor=o,o.__proto__=g;var m=p.prototype;return m.isWithContent=function(){return this.getTitle()||this._getContent()},m.addAttachmentClass=function(e){t(this.getTipElement()).addClass("bs-popover-"+e)},m.getTipElement=function(){return this.tip=this.tip||t(this.config.template)[0],this.tip},m.setContent=function(){var e=t(this.getTipElement());this.setElementContent(e.find(f),this.getTitle());var n=this._getContent();"function"==typeof n&&(n=n.call(this.element)),this.setElementContent(e.find(d),n),e.removeClass(c+" "+u)},m._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},m._cleanTipClass=function(){var e=t(this.getTipElement()),n=e.attr("class").match(a);null!==n&&n.length>0&&e.removeClass(n.join(""))},p._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),s="object"==typeof e?e:null;if((i||!/destroy|hide/.test(e))&&(i||(i=new p(this,s),t(this).data(n,i)),"string"==typeof e)){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},s(p,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return l}},{key:"NAME",get:function(){return e}},{key:"DATA_KEY",get:function(){return n}},{key:"Event",get:function(){return _}},{key:"EVENT_KEY",get:function(){return i}},{key:"DefaultType",get:function(){return h}}]),p}(U);return t.fn[e]=g._jQueryInterface,t.fn[e].Constructor=g,t.fn[e].noConflict=function(){return t.fn[e]=o,g._jQueryInterface},g}(e),K=function(t){var e="scrollspy",n="bs.scrollspy",i="."+n,o=t.fn[e],a={offset:10,method:"auto",target:""},l={offset:"number",method:"string",target:"(string|element)"},h={ACTIVATE:"activate"+i,SCROLL:"scroll"+i,LOAD_DATA_API:"load"+i+".data-api"},c="dropdown-item",u="active",f={DATA_SPY:'[data-spy="scroll"]',ACTIVE:".active",NAV_LIST_GROUP:".nav, .list-group",NAV_LINKS:".nav-link",NAV_ITEMS:".nav-item",LIST_ITEMS:".list-group-item",DROPDOWN:".dropdown",DROPDOWN_ITEMS:".dropdown-item",DROPDOWN_TOGGLE:".dropdown-toggle"},d="offset",_="position",g=function(){function o(e,n){var i=this;this._element=e,this._scrollElement="BODY"===e.tagName?window:e,this._config=this._getConfig(n),this._selector=this._config.target+" "+f.NAV_LINKS+","+this._config.target+" "+f.LIST_ITEMS+","+this._config.target+" "+f.DROPDOWN_ITEMS,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,t(this._scrollElement).on(h.SCROLL,function(t){return i._process(t)}),this.refresh(),this._process()}var g=o.prototype;return g.refresh=function(){var e=this,n=this._scrollElement===this._scrollElement.window?d:_,i="auto"===this._config.method?n:this._config.method,s=i===_?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),t.makeArray(t(this._selector)).map(function(e){var n,r=P.getSelectorFromElement(e);if(r&&(n=t(r)[0]),n){var o=n.getBoundingClientRect();if(o.width||o.height)return[t(n)[i]().top+s,r]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(t){e._offsets.push(t[0]),e._targets.push(t[1])})},g.dispose=function(){t.removeData(this._element,n),t(this._scrollElement).off(i),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},g._getConfig=function(n){if("string"!=typeof(n=r({},a,n)).target){var i=t(n.target).attr("id");i||(i=P.getUID(e),t(n.target).attr("id",i)),n.target="#"+i}return P.typeCheckConfig(e,n,l),n},g._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},g._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},g._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},g._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&this._offsets[0]>0)return this._activeTarget=null,void this._clear();for(var s=this._offsets.length;s--;){this._activeTarget!==this._targets[s]&&t>=this._offsets[s]&&("undefined"==typeof this._offsets[s+1]||t<this._offsets[s+1])&&this._activate(this._targets[s])}}},g._activate=function(e){this._activeTarget=e,this._clear();var n=this._selector.split(",");n=n.map(function(t){return t+'[data-target="'+e+'"],'+t+'[href="'+e+'"]'});var i=t(n.join(","));i.hasClass(c)?(i.closest(f.DROPDOWN).find(f.DROPDOWN_TOGGLE).addClass(u),i.addClass(u)):(i.addClass(u),i.parents(f.NAV_LIST_GROUP).prev(f.NAV_LINKS+", "+f.LIST_ITEMS).addClass(u),i.parents(f.NAV_LIST_GROUP).prev(f.NAV_ITEMS).children(f.NAV_LINKS).addClass(u)),t(this._scrollElement).trigger(h.ACTIVATE,{relatedTarget:e})},g._clear=function(){t(this._selector).filter(f.ACTIVE).removeClass(u)},o._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n);if(i||(i=new o(this,"object"==typeof e&&e),t(this).data(n,i)),"string"==typeof e){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},s(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),o}();return t(window).on(h.LOAD_DATA_API,function(){for(var e=t.makeArray(t(f.DATA_SPY)),n=e.length;n--;){var i=t(e[n]);g._jQueryInterface.call(i,i.data())}}),t.fn[e]=g._jQueryInterface,t.fn[e].Constructor=g,t.fn[e].noConflict=function(){return t.fn[e]=o,g._jQueryInterface},g}(e),V=function(t){var e="bs.tab",n="."+e,i=t.fn.tab,r={HIDE:"hide"+n,HIDDEN:"hidden"+n,SHOW:"show"+n,SHOWN:"shown"+n,CLICK_DATA_API:"click.bs.tab.data-api"},o="dropdown-menu",a="active",l="disabled",h="fade",c="show",u=".dropdown",f=".nav, .list-group",d=".active",_="> li > .active",g='[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',p=".dropdown-toggle",m="> .dropdown-menu .active",v=function(){function n(t){this._element=t}var i=n.prototype;return i.show=function(){var e=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&t(this._element).hasClass(a)||t(this._element).hasClass(l))){var n,i,s=t(this._element).closest(f)[0],o=P.getSelectorFromElement(this._element);if(s){var h="UL"===s.nodeName?_:d;i=(i=t.makeArray(t(s).find(h)))[i.length-1]}var c=t.Event(r.HIDE,{relatedTarget:this._element}),u=t.Event(r.SHOW,{relatedTarget:i});if(i&&t(i).trigger(c),t(this._element).trigger(u),!u.isDefaultPrevented()&&!c.isDefaultPrevented()){o&&(n=t(o)[0]),this._activate(this._element,s);var g=function(){var n=t.Event(r.HIDDEN,{relatedTarget:e._element}),s=t.Event(r.SHOWN,{relatedTarget:i});t(i).trigger(n),t(e._element).trigger(s)};n?this._activate(n,n.parentNode,g):g()}}},i.dispose=function(){t.removeData(this._element,e),this._element=null},i._activate=function(e,n,i){var s=this,r=("UL"===n.nodeName?t(n).find(_):t(n).children(d))[0],o=i&&P.supportsTransitionEnd()&&r&&t(r).hasClass(h),a=function(){return s._transitionComplete(e,r,i)};r&&o?t(r).one(P.TRANSITION_END,a).emulateTransitionEnd(150):a()},i._transitionComplete=function(e,n,i){if(n){t(n).removeClass(c+" "+a);var s=t(n.parentNode).find(m)[0];s&&t(s).removeClass(a),"tab"===n.getAttribute("role")&&n.setAttribute("aria-selected",!1)}if(t(e).addClass(a),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!0),P.reflow(e),t(e).addClass(c),e.parentNode&&t(e.parentNode).hasClass(o)){var r=t(e).closest(u)[0];r&&t(r).find(p).addClass(a),e.setAttribute("aria-expanded",!0)}i&&i()},n._jQueryInterface=function(i){return this.each(function(){var s=t(this),r=s.data(e);if(r||(r=new n(this),s.data(e,r)),"string"==typeof i){if("undefined"==typeof r[i])throw new TypeError('No method named "'+i+'"');r[i]()}})},s(n,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),n}();return t(document).on(r.CLICK_DATA_API,g,function(e){e.preventDefault(),v._jQueryInterface.call(t(this),"show")}),t.fn.tab=v._jQueryInterface,t.fn.tab.Constructor=v,t.fn.tab.noConflict=function(){return t.fn.tab=i,v._jQueryInterface},v}(e);!function(t){if("undefined"==typeof t)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var e=t.fn.jquery.split(" ")[0].split(".");if(e[0]<2&&e[1]<9||1===e[0]&&9===e[1]&&e[2]<1||e[0]>=4)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}(e),t.Util=P,t.Alert=L,t.Button=R,t.Carousel=j,t.Collapse=H,t.Dropdown=W,t.Modal=M,t.Popover=x,t.Scrollspy=K,t.Tab=V,t.Tooltip=U,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=bootstrap.min.js.map
\ No newline at end of file
diff --git a/public/ThirdParty/Bootstrap/js/bootstrap.min.js.map b/public/ThirdParty/Bootstrap/js/bootstrap.min.js.map
new file mode 100644
index 0000000000000000000000000000000000000000..a2100fa395ef4cc89765c3bdbdf58521f48896dd
--- /dev/null
+++ b/public/ThirdParty/Bootstrap/js/bootstrap.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../rollupPluginBabelHelpers","../../js/src/util.js","../../js/src/alert.js","../../js/src/button.js","../../js/src/carousel.js","../../js/src/collapse.js","../../js/src/dropdown.js","../../js/src/modal.js","../../js/src/tooltip.js","../../js/src/popover.js","../../js/src/scrollspy.js","../../js/src/tab.js","../../js/src/index.js"],"names":["_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","Constructor","protoProps","staticProps","prototype","_extends","assign","arguments","source","hasOwnProperty","call","apply","this","$","NAME","DATA_KEY","EVENT_KEY","JQUERY_NO_CONFLICT","Event","ClassName","Alert","DATA_API_KEY","Selector","Button","Util","transition","transitionEndEmulator","duration","called","one","TRANSITION_END","triggerTransitionEnd","_this","prefix","Math","random","document","getElementById","element","selector","getAttribute","charAt","escapeSelector","substr","replace","find","err","offsetHeight","trigger","end","Boolean","obj","nodeType","componentName","config","configTypes","property","expectedTypes","value","valueType","isElement","toString","match","toLowerCase","RegExp","test","Error","toUpperCase","window","QUnit","fn","emulateTransitionEnd","supportsTransitionEnd","event","special","is","handleObj","handler","_element","close","rootElement","_getRootElement","_triggerCloseEvent","isDefaultPrevented","_removeElement","dispose","removeData","getSelectorFromElement","parent","closest","closeEvent","CLOSE","removeClass","hasClass","_destroyElement","detach","CLOSED","remove","_jQueryInterface","each","$element","data","_handleDismiss","alertInstance","preventDefault","on","CLICK_DATA_API","noConflict","toggle","triggerChangeEvent","addAriaPressed","input","type","checked","activeElement","hasAttribute","classList","contains","focus","setAttribute","toggleClass","button","FOCUS_BLUR_DATA_API","Carousel","Default","DefaultType","Direction","_items","_interval","_activeElement","_isPaused","_isSliding","touchTimeout","_config","_getConfig","_indicatorsElement","INDICATORS","_addEventListeners","next","_slide","nextWhenVisible","hidden","css","prev","pause","NEXT_PREV","cycle","interval","setInterval","visibilityState","bind","to","index","ACTIVE_ITEM","activeIndex","_getItemIndex","SLID","direction","off","typeCheckConfig","keyboard","KEYDOWN","_this2","_keydown","MOUSEENTER","MOUSELEAVE","documentElement","TOUCHEND","setTimeout","tagName","which","makeArray","ITEM","indexOf","_getItemByDirection","isNextDirection","isPrevDirection","lastItemIndex","wrap","itemIndex","_triggerSlideEvent","relatedTarget","eventDirectionName","targetIndex","fromIndex","slideEvent","SLIDE","_setActiveIndicatorElement","ACTIVE","nextIndicator","children","addClass","directionalClassName","orderClassName","activeElementIndex","nextElement","nextElementIndex","isCycling","slidEvent","reflow","_this3","action","slide","TypeError","_dataApiClickHandler","slideIndex","DATA_SLIDE","LOAD_DATA_API","DATA_RIDE","$carousel","Collapse","Dimension","_isTransitioning","_triggerArray","id","tabToggles","DATA_TOGGLE","elem","filter","_selector","push","_parent","_getParent","_addAriaAndCollapsedClass","hide","show","actives","activesData","ACTIVES","not","startEvent","SHOW","dimension","_getDimension","style","attr","setTransitioning","complete","SHOWN","scrollSize","slice","HIDE","getBoundingClientRect","HIDDEN","isTransitioning","jquery","_getTargetFromElement","triggerArray","isOpen","$this","currentTarget","$trigger","$target","Dropdown","REGEXP_KEYDOWN","ARROW_UP_KEYCODE","AttachmentMap","_popper","_menu","_getMenuElement","_inNavbar","_detectNavbar","disabled","_getParentFromElement","isActive","_clearMenus","showEvent","Popper","boundary","_getPopperConfig","noop","destroy","update","scheduleUpdate","CLICK","stopPropagation","constructor","_getPlacement","$parentDropdown","placement","offsetConf","offset","offsets","flip","toggles","context","dropdownMenu","hideEvent","parentNode","_dataApiKeydownHandler","items","get","KEYDOWN_DATA_API","KEYUP_DATA_API","e","Modal","_dialog","DIALOG","_backdrop","_isShown","_isBodyOverflowing","_ignoreBackdropClick","_originalBodyPadding","_scrollbarWidth","_checkScrollbar","_setScrollbar","_adjustDialog","body","_setEscapeEvent","_setResizeEvent","CLICK_DISMISS","DATA_DISMISS","MOUSEDOWN_DISMISS","MOUSEUP_DISMISS","_showBackdrop","_showElement","FOCUSIN","_hideModal","handleUpdate","Node","ELEMENT_NODE","appendChild","display","removeAttribute","scrollTop","_enforceFocus","shownEvent","transitionComplete","_this4","has","KEYDOWN_DISMISS","RESIZE","_this6","_resetAdjustments","_resetScrollbar","_this7","_removeBackdrop","callback","animate","backdrop","doAnimate","createElement","className","appendTo","_this8","callbackRemove","isModalOverflowing","scrollHeight","clientHeight","paddingLeft","paddingRight","rect","left","right","innerWidth","_getScrollbarWidth","FIXED_CONTENT","actualPadding","calculatedPadding","parseFloat","_this9","STICKY_CONTENT","actualMargin","marginRight","calculatedMargin","NAVBAR_TOGGLER","padding","margin","scrollDiv","scrollbarWidth","width","clientWidth","removeChild","Tooltip","BSCLS_PREFIX_REGEX","HoverState","Trigger","_isEnabled","_timeout","_hoverState","_activeTrigger","tip","_setListeners","enable","disable","toggleEnabled","dataKey","_getDelegateConfig","click","_isWithActiveTrigger","_enter","_leave","getTipElement","isWithContent","isInTheDom","ownerDocument","tipId","getUID","setContent","animation","attachment","_getAttachment","addAttachmentClass","container","INSERTED","fallbackPlacement","originalPlacement","_handlePopperPlacementChange","_fixTransition","prevHoverState","_TRANSITION_DURATION","_cleanTipClass","getTitle","CLASS_PREFIX","template","$tip","setElementContent","content","html","empty","append","text","title","split","forEach","eventIn","eventOut","FOCUSOUT","_fixTitle","titleType","delay","tabClass","join","initConfigAnimation","Popover","subClass","superClass","create","__proto__","_getContent","ScrollSpy","OffsetMethod","_scrollElement","NAV_LINKS","LIST_ITEMS","DROPDOWN_ITEMS","_offsets","_targets","_activeTarget","_scrollHeight","SCROLL","_process","refresh","autoMethod","offsetMethod","method","offsetBase","_getScrollTop","_getScrollHeight","map","targetSelector","targetBCR","height","top","item","sort","a","b","pageYOffset","max","_getOffsetHeight","innerHeight","maxScroll","_activate","_clear","queries","$link","DROPDOWN","DROPDOWN_TOGGLE","parents","NAV_LIST_GROUP","NAV_ITEMS","ACTIVATE","scrollSpys","DATA_SPY","$spy","Tab","previous","listElement","itemSelector","nodeName","hiddenEvent","active","_transitionComplete","dropdownChild","dropdownElement","version"],"mappings":"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","sourcesContent":["export { _createClass as createClass, _extends as extends, _inheritsLoose as inheritsLoose };\n\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","import $ from 'jquery'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): util.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Util = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Private TransitionEnd Helpers\n * ------------------------------------------------------------------------\n */\n\n let transition = false\n\n const MAX_UID = 1000000\n\n // Shoutout AngusCroll (https://goo.gl/pxwQGp)\n function toType(obj) {\n return {}.toString.call(obj).match(/\\s([a-zA-Z]+)/)[1].toLowerCase()\n }\n\n function getSpecialTransitionEndEvent() {\n return {\n bindType: transition.end,\n delegateType: transition.end,\n handle(event) {\n if ($(event.target).is(this)) {\n return event.handleObj.handler.apply(this, arguments) // eslint-disable-line prefer-rest-params\n }\n return undefined // eslint-disable-line no-undefined\n }\n }\n }\n\n function transitionEndTest() {\n if (typeof window !== 'undefined' && window.QUnit) {\n return false\n }\n\n return {\n end: 'transitionend'\n }\n }\n\n function transitionEndEmulator(duration) {\n let called = false\n\n $(this).one(Util.TRANSITION_END, () => {\n called = true\n })\n\n setTimeout(() => {\n if (!called) {\n Util.triggerTransitionEnd(this)\n }\n }, duration)\n\n return this\n }\n\n function setTransitionEndSupport() {\n transition = transitionEndTest()\n\n $.fn.emulateTransitionEnd = transitionEndEmulator\n\n if (Util.supportsTransitionEnd()) {\n $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent()\n }\n }\n\n function escapeId(selector) {\n // We escape IDs in case of special selectors (selector = '#myId:something')\n // $.escapeSelector does not exist in jQuery < 3\n selector = typeof $.escapeSelector === 'function' ? $.escapeSelector(selector).substr(1)\n : selector.replace(/(:|\\.|\\[|\\]|,|=|@)/g, '\\\\$1')\n\n return selector\n }\n\n /**\n * --------------------------------------------------------------------------\n * Public Util Api\n * --------------------------------------------------------------------------\n */\n\n const Util = {\n\n TRANSITION_END: 'bsTransitionEnd',\n\n getUID(prefix) {\n do {\n // eslint-disable-next-line no-bitwise\n prefix += ~~(Math.random() * MAX_UID) // \"~~\" acts like a faster Math.floor() here\n } while (document.getElementById(prefix))\n return prefix\n },\n\n getSelectorFromElement(element) {\n let selector = element.getAttribute('data-target')\n if (!selector || selector === '#') {\n selector = element.getAttribute('href') || ''\n }\n\n // If it's an ID\n if (selector.charAt(0) === '#') {\n selector = escapeId(selector)\n }\n\n try {\n const $selector = $(document).find(selector)\n return $selector.length > 0 ? selector : null\n } catch (err) {\n return null\n }\n },\n\n reflow(element) {\n return element.offsetHeight\n },\n\n triggerTransitionEnd(element) {\n $(element).trigger(transition.end)\n },\n\n supportsTransitionEnd() {\n return Boolean(transition)\n },\n\n isElement(obj) {\n return (obj[0] || obj).nodeType\n },\n\n typeCheckConfig(componentName, config, configTypes) {\n for (const property in configTypes) {\n if (Object.prototype.hasOwnProperty.call(configTypes, property)) {\n const expectedTypes = configTypes[property]\n const value = config[property]\n const valueType = value && Util.isElement(value)\n ? 'element' : toType(value)\n\n if (!new RegExp(expectedTypes).test(valueType)) {\n throw new Error(\n `${componentName.toUpperCase()}: ` +\n `Option \"${property}\" provided type \"${valueType}\" ` +\n `but expected type \"${expectedTypes}\".`)\n }\n }\n }\n }\n }\n\n setTransitionEndSupport()\n\n return Util\n})($)\n\nexport default Util\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Alert = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'alert'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.alert'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n\n const Selector = {\n DISMISS : '[data-dismiss=\"alert\"]'\n }\n\n const Event = {\n CLOSE : `close${EVENT_KEY}`,\n CLOSED : `closed${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n ALERT : 'alert',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n close(element) {\n element = element || this._element\n\n const rootElement = this._getRootElement(element)\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = $(selector)[0]\n }\n\n if (!parent) {\n parent = $(element).closest(`.${ClassName.ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(Event.CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(ClassName.SHOW)\n\n if (!Util.supportsTransitionEnd() ||\n !$(element).hasClass(ClassName.FADE)) {\n this._destroyElement(element)\n return\n }\n\n $(element)\n .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))\n .emulateTransitionEnd(TRANSITION_DURATION)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(Event.CLOSED)\n .remove()\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(\n Event.CLICK_DATA_API,\n Selector.DISMISS,\n Alert._handleDismiss(new Alert())\n )\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Alert._jQueryInterface\n $.fn[NAME].Constructor = Alert\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n }\n\n return Alert\n})($)\n\nexport default Alert\n","import $ from 'jquery'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): button.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Button = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'button'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.button'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const ClassName = {\n ACTIVE : 'active',\n BUTTON : 'btn',\n FOCUS : 'focus'\n }\n\n const Selector = {\n DATA_TOGGLE_CARROT : '[data-toggle^=\"button\"]',\n DATA_TOGGLE : '[data-toggle=\"buttons\"]',\n INPUT : 'input',\n ACTIVE : '.active',\n BUTTON : '.btn'\n }\n\n const Event = {\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`,\n FOCUS_BLUR_DATA_API : `focus${EVENT_KEY}${DATA_API_KEY} ` +\n `blur${EVENT_KEY}${DATA_API_KEY}`\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Button {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n toggle() {\n let triggerChangeEvent = true\n let addAriaPressed = true\n const rootElement = $(this._element).closest(\n Selector.DATA_TOGGLE\n )[0]\n\n if (rootElement) {\n const input = $(this._element).find(Selector.INPUT)[0]\n\n if (input) {\n if (input.type === 'radio') {\n if (input.checked &&\n $(this._element).hasClass(ClassName.ACTIVE)) {\n triggerChangeEvent = false\n } else {\n const activeElement = $(rootElement).find(Selector.ACTIVE)[0]\n\n if (activeElement) {\n $(activeElement).removeClass(ClassName.ACTIVE)\n }\n }\n }\n\n if (triggerChangeEvent) {\n if (input.hasAttribute('disabled') ||\n rootElement.hasAttribute('disabled') ||\n input.classList.contains('disabled') ||\n rootElement.classList.contains('disabled')) {\n return\n }\n input.checked = !$(this._element).hasClass(ClassName.ACTIVE)\n $(input).trigger('change')\n }\n\n input.focus()\n addAriaPressed = false\n }\n }\n\n if (addAriaPressed) {\n this._element.setAttribute('aria-pressed',\n !$(this._element).hasClass(ClassName.ACTIVE))\n }\n\n if (triggerChangeEvent) {\n $(this._element).toggleClass(ClassName.ACTIVE)\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n\n if (!data) {\n data = new Button(this)\n $(this).data(DATA_KEY, data)\n }\n\n if (config === 'toggle') {\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {\n event.preventDefault()\n\n let button = event.target\n\n if (!$(button).hasClass(ClassName.BUTTON)) {\n button = $(button).closest(Selector.BUTTON)\n }\n\n Button._jQueryInterface.call($(button), 'toggle')\n })\n .on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {\n const button = $(event.target).closest(Selector.BUTTON)[0]\n $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type))\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Button._jQueryInterface\n $.fn[NAME].Constructor = Button\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Button._jQueryInterface\n }\n\n return Button\n})($)\n\nexport default Button\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Carousel = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'carousel'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.carousel'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 600\n const ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key\n const ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key\n const TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\n\n const Default = {\n interval : 5000,\n keyboard : true,\n slide : false,\n pause : 'hover',\n wrap : true\n }\n\n const DefaultType = {\n interval : '(number|boolean)',\n keyboard : 'boolean',\n slide : '(boolean|string)',\n pause : '(string|boolean)',\n wrap : 'boolean'\n }\n\n const Direction = {\n NEXT : 'next',\n PREV : 'prev',\n LEFT : 'left',\n RIGHT : 'right'\n }\n\n const Event = {\n SLIDE : `slide${EVENT_KEY}`,\n SLID : `slid${EVENT_KEY}`,\n KEYDOWN : `keydown${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`,\n TOUCHEND : `touchend${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n CAROUSEL : 'carousel',\n ACTIVE : 'active',\n SLIDE : 'slide',\n RIGHT : 'carousel-item-right',\n LEFT : 'carousel-item-left',\n NEXT : 'carousel-item-next',\n PREV : 'carousel-item-prev',\n ITEM : 'carousel-item'\n }\n\n const Selector = {\n ACTIVE : '.active',\n ACTIVE_ITEM : '.active.carousel-item',\n ITEM : '.carousel-item',\n NEXT_PREV : '.carousel-item-next, .carousel-item-prev',\n INDICATORS : '.carousel-indicators',\n DATA_SLIDE : '[data-slide], [data-slide-to]',\n DATA_RIDE : '[data-ride=\"carousel\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Carousel {\n constructor(element, config) {\n this._items = null\n this._interval = null\n this._activeElement = null\n\n this._isPaused = false\n this._isSliding = false\n\n this.touchTimeout = null\n\n this._config = this._getConfig(config)\n this._element = $(element)[0]\n this._indicatorsElement = $(this._element).find(Selector.INDICATORS)[0]\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n next() {\n if (!this._isSliding) {\n this._slide(Direction.NEXT)\n }\n }\n\n nextWhenVisible() {\n // Don't call next when the page isn't visible\n // or the carousel or its parent isn't visible\n if (!document.hidden &&\n ($(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden')) {\n this.next()\n }\n }\n\n prev() {\n if (!this._isSliding) {\n this._slide(Direction.PREV)\n }\n }\n\n pause(event) {\n if (!event) {\n this._isPaused = true\n }\n\n if ($(this._element).find(Selector.NEXT_PREV)[0] &&\n Util.supportsTransitionEnd()) {\n Util.triggerTransitionEnd(this._element)\n this.cycle(true)\n }\n\n clearInterval(this._interval)\n this._interval = null\n }\n\n cycle(event) {\n if (!event) {\n this._isPaused = false\n }\n\n if (this._interval) {\n clearInterval(this._interval)\n this._interval = null\n }\n\n if (this._config.interval && !this._isPaused) {\n this._interval = setInterval(\n (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),\n this._config.interval\n )\n }\n }\n\n to(index) {\n this._activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0]\n\n const activeIndex = this._getItemIndex(this._activeElement)\n\n if (index > this._items.length - 1 || index < 0) {\n return\n }\n\n if (this._isSliding) {\n $(this._element).one(Event.SLID, () => this.to(index))\n return\n }\n\n if (activeIndex === index) {\n this.pause()\n this.cycle()\n return\n }\n\n const direction = index > activeIndex\n ? Direction.NEXT\n : Direction.PREV\n\n this._slide(direction, this._items[index])\n }\n\n dispose() {\n $(this._element).off(EVENT_KEY)\n $.removeData(this._element, DATA_KEY)\n\n this._items = null\n this._config = null\n this._element = null\n this._interval = null\n this._isPaused = null\n this._isSliding = null\n this._activeElement = null\n this._indicatorsElement = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n $(this._element)\n .on(Event.KEYDOWN, (event) => this._keydown(event))\n }\n\n if (this._config.pause === 'hover') {\n $(this._element)\n .on(Event.MOUSEENTER, (event) => this.pause(event))\n .on(Event.MOUSELEAVE, (event) => this.cycle(event))\n if ('ontouchstart' in document.documentElement) {\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n $(this._element).on(Event.TOUCHEND, () => {\n this.pause()\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout)\n }\n this.touchTimeout = setTimeout((event) => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n })\n }\n }\n }\n\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return\n }\n\n switch (event.which) {\n case ARROW_LEFT_KEYCODE:\n event.preventDefault()\n this.prev()\n break\n case ARROW_RIGHT_KEYCODE:\n event.preventDefault()\n this.next()\n break\n default:\n }\n }\n\n _getItemIndex(element) {\n this._items = $.makeArray($(element).parent().find(Selector.ITEM))\n return this._items.indexOf(element)\n }\n\n _getItemByDirection(direction, activeElement) {\n const isNextDirection = direction === Direction.NEXT\n const isPrevDirection = direction === Direction.PREV\n const activeIndex = this._getItemIndex(activeElement)\n const lastItemIndex = this._items.length - 1\n const isGoingToWrap = isPrevDirection && activeIndex === 0 ||\n isNextDirection && activeIndex === lastItemIndex\n\n if (isGoingToWrap && !this._config.wrap) {\n return activeElement\n }\n\n const delta = direction === Direction.PREV ? -1 : 1\n const itemIndex = (activeIndex + delta) % this._items.length\n\n return itemIndex === -1\n ? this._items[this._items.length - 1] : this._items[itemIndex]\n }\n\n _triggerSlideEvent(relatedTarget, eventDirectionName) {\n const targetIndex = this._getItemIndex(relatedTarget)\n const fromIndex = this._getItemIndex($(this._element).find(Selector.ACTIVE_ITEM)[0])\n const slideEvent = $.Event(Event.SLIDE, {\n relatedTarget,\n direction: eventDirectionName,\n from: fromIndex,\n to: targetIndex\n })\n\n $(this._element).trigger(slideEvent)\n\n return slideEvent\n }\n\n _setActiveIndicatorElement(element) {\n if (this._indicatorsElement) {\n $(this._indicatorsElement)\n .find(Selector.ACTIVE)\n .removeClass(ClassName.ACTIVE)\n\n const nextIndicator = this._indicatorsElement.children[\n this._getItemIndex(element)\n ]\n\n if (nextIndicator) {\n $(nextIndicator).addClass(ClassName.ACTIVE)\n }\n }\n }\n\n _slide(direction, element) {\n const activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0]\n const activeElementIndex = this._getItemIndex(activeElement)\n const nextElement = element || activeElement &&\n this._getItemByDirection(direction, activeElement)\n const nextElementIndex = this._getItemIndex(nextElement)\n const isCycling = Boolean(this._interval)\n\n let directionalClassName\n let orderClassName\n let eventDirectionName\n\n if (direction === Direction.NEXT) {\n directionalClassName = ClassName.LEFT\n orderClassName = ClassName.NEXT\n eventDirectionName = Direction.LEFT\n } else {\n directionalClassName = ClassName.RIGHT\n orderClassName = ClassName.PREV\n eventDirectionName = Direction.RIGHT\n }\n\n if (nextElement && $(nextElement).hasClass(ClassName.ACTIVE)) {\n this._isSliding = false\n return\n }\n\n const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName)\n if (slideEvent.isDefaultPrevented()) {\n return\n }\n\n if (!activeElement || !nextElement) {\n // Some weirdness is happening, so we bail\n return\n }\n\n this._isSliding = true\n\n if (isCycling) {\n this.pause()\n }\n\n this._setActiveIndicatorElement(nextElement)\n\n const slidEvent = $.Event(Event.SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n })\n\n if (Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.SLIDE)) {\n $(nextElement).addClass(orderClassName)\n\n Util.reflow(nextElement)\n\n $(activeElement).addClass(directionalClassName)\n $(nextElement).addClass(directionalClassName)\n\n $(activeElement)\n .one(Util.TRANSITION_END, () => {\n $(nextElement)\n .removeClass(`${directionalClassName} ${orderClassName}`)\n .addClass(ClassName.ACTIVE)\n\n $(activeElement).removeClass(`${ClassName.ACTIVE} ${orderClassName} ${directionalClassName}`)\n\n this._isSliding = false\n\n setTimeout(() => $(this._element).trigger(slidEvent), 0)\n })\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n $(activeElement).removeClass(ClassName.ACTIVE)\n $(nextElement).addClass(ClassName.ACTIVE)\n\n this._isSliding = false\n $(this._element).trigger(slidEvent)\n }\n\n if (isCycling) {\n this.cycle()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n let _config = {\n ...Default,\n ...$(this).data()\n }\n\n if (typeof config === 'object') {\n _config = {\n ..._config,\n ...config\n }\n }\n\n const action = typeof config === 'string' ? config : _config.slide\n\n if (!data) {\n data = new Carousel(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'number') {\n data.to(config)\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`)\n }\n data[action]()\n } else if (_config.interval) {\n data.pause()\n data.cycle()\n }\n })\n }\n\n static _dataApiClickHandler(event) {\n const selector = Util.getSelectorFromElement(this)\n\n if (!selector) {\n return\n }\n\n const target = $(selector)[0]\n\n if (!target || !$(target).hasClass(ClassName.CAROUSEL)) {\n return\n }\n\n const config = {\n ...$(target).data(),\n ...$(this).data()\n }\n const slideIndex = this.getAttribute('data-slide-to')\n\n if (slideIndex) {\n config.interval = false\n }\n\n Carousel._jQueryInterface.call($(target), config)\n\n if (slideIndex) {\n $(target).data(DATA_KEY).to(slideIndex)\n }\n\n event.preventDefault()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler)\n\n $(window).on(Event.LOAD_DATA_API, () => {\n $(Selector.DATA_RIDE).each(function () {\n const $carousel = $(this)\n Carousel._jQueryInterface.call($carousel, $carousel.data())\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Carousel._jQueryInterface\n $.fn[NAME].Constructor = Carousel\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Carousel._jQueryInterface\n }\n\n return Carousel\n})($)\n\nexport default Carousel\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Collapse = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'collapse'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.collapse'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 600\n\n const Default = {\n toggle : true,\n parent : ''\n }\n\n const DefaultType = {\n toggle : 'boolean',\n parent : '(string|element)'\n }\n\n const Event = {\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SHOW : 'show',\n COLLAPSE : 'collapse',\n COLLAPSING : 'collapsing',\n COLLAPSED : 'collapsed'\n }\n\n const Dimension = {\n WIDTH : 'width',\n HEIGHT : 'height'\n }\n\n const Selector = {\n ACTIVES : '.show, .collapsing',\n DATA_TOGGLE : '[data-toggle=\"collapse\"]'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = $.makeArray($(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n const tabToggles = $(Selector.DATA_TOGGLE)\n for (let i = 0; i < tabToggles.length; i++) {\n const elem = tabToggles[i]\n const selector = Util.getSelectorFromElement(elem)\n if (selector !== null && $(selector).filter(element).length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle() {\n if ($(this._element).hasClass(ClassName.SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = $.makeArray(\n $(this._parent)\n .find(Selector.ACTIVES)\n .filter(`[data-parent=\"${this._config.parent}\"]`)\n )\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(Event.SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(ClassName.COLLAPSE)\n .addClass(ClassName.COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length > 0) {\n $(this._triggerArray)\n .removeClass(ClassName.COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .addClass(ClassName.SHOW)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(Event.SHOWN)\n }\n\n if (!Util.supportsTransitionEnd()) {\n complete()\n return\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(ClassName.SHOW)) {\n return\n }\n\n const startEvent = $.Event(Event.HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(ClassName.COLLAPSING)\n .removeClass(ClassName.COLLAPSE)\n .removeClass(ClassName.SHOW)\n\n if (this._triggerArray.length > 0) {\n for (let i = 0; i < this._triggerArray.length; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n if (selector !== null) {\n const $elem = $(selector)\n if (!$elem.hasClass(ClassName.SHOW)) {\n $(trigger).addClass(ClassName.COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(ClassName.COLLAPSING)\n .addClass(ClassName.COLLAPSE)\n .trigger(Event.HIDDEN)\n }\n\n this._element.style[dimension] = ''\n\n if (!Util.supportsTransitionEnd()) {\n complete()\n return\n }\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(Dimension.WIDTH)\n return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT\n }\n\n _getParent() {\n let parent = null\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = $(this._config.parent)[0]\n }\n\n const selector =\n `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n\n $(parent).find(selector).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n if (element) {\n const isOpen = $(element).hasClass(ClassName.SHOW)\n\n if (triggerArray.length > 0) {\n $(triggerArray)\n .toggleClass(ClassName.COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n }\n\n // Static\n\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? $(selector)[0] : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$this.data(),\n ...typeof config === 'object' && config\n }\n\n if (!data && _config.toggle && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n // preventDefault only for <a> elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n $(selector).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Collapse._jQueryInterface\n $.fn[NAME].Constructor = Collapse\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n }\n\n return Collapse\n})($)\n\nexport default Collapse\n","import $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): dropdown.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Dropdown = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'dropdown'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.dropdown'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n const SPACE_KEYCODE = 32 // KeyboardEvent.which value for space key\n const TAB_KEYCODE = 9 // KeyboardEvent.which value for tab key\n const ARROW_UP_KEYCODE = 38 // KeyboardEvent.which value for up arrow key\n const ARROW_DOWN_KEYCODE = 40 // KeyboardEvent.which value for down arrow key\n const RIGHT_MOUSE_BUTTON_WHICH = 3 // MouseEvent.which value for the right button (assuming a right-handed mouse)\n const REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEYCODE}|${ARROW_DOWN_KEYCODE}|${ESCAPE_KEYCODE}`)\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`,\n KEYDOWN_DATA_API : `keydown${EVENT_KEY}${DATA_API_KEY}`,\n KEYUP_DATA_API : `keyup${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DISABLED : 'disabled',\n SHOW : 'show',\n DROPUP : 'dropup',\n DROPRIGHT : 'dropright',\n DROPLEFT : 'dropleft',\n MENURIGHT : 'dropdown-menu-right',\n MENULEFT : 'dropdown-menu-left',\n POSITION_STATIC : 'position-static'\n }\n\n const Selector = {\n DATA_TOGGLE : '[data-toggle=\"dropdown\"]',\n FORM_CHILD : '.dropdown form',\n MENU : '.dropdown-menu',\n NAVBAR_NAV : '.navbar-nav',\n VISIBLE_ITEMS : '.dropdown-menu .dropdown-item:not(.disabled)'\n }\n\n const AttachmentMap = {\n TOP : 'top-start',\n TOPEND : 'top-end',\n BOTTOM : 'bottom-start',\n BOTTOMEND : 'bottom-end',\n RIGHT : 'right-start',\n RIGHTEND : 'right-end',\n LEFT : 'left-start',\n LEFTEND : 'left-end'\n }\n\n const Default = {\n offset : 0,\n flip : true,\n boundary : 'scrollParent'\n }\n\n const DefaultType = {\n offset : '(number|string|function)',\n flip : 'boolean',\n boundary : '(string|element)'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Dropdown {\n constructor(element, config) {\n this._element = element\n this._popper = null\n this._config = this._getConfig(config)\n this._menu = this._getMenuElement()\n this._inNavbar = this._detectNavbar()\n\n this._addEventListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n\n toggle() {\n if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this._element)\n const isActive = $(this._menu).hasClass(ClassName.SHOW)\n\n Dropdown._clearMenus()\n\n if (isActive) {\n return\n }\n\n const relatedTarget = {\n relatedTarget: this._element\n }\n const showEvent = $.Event(Event.SHOW, relatedTarget)\n\n $(parent).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented()) {\n return\n }\n\n // Disable totally Popper.js for Dropdown in Navbar\n if (!this._inNavbar) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)')\n }\n let element = this._element\n // For dropup with alignment we use the parent as popper container\n if ($(parent).hasClass(ClassName.DROPUP)) {\n if ($(this._menu).hasClass(ClassName.MENULEFT) || $(this._menu).hasClass(ClassName.MENURIGHT)) {\n element = parent\n }\n }\n // If boundary is not `scrollParent`, then set position to `static`\n // to allow the menu to \"escape\" the scroll parent's boundaries\n // https://github.com/twbs/bootstrap/issues/24251\n if (this._config.boundary !== 'scrollParent') {\n $(parent).addClass(ClassName.POSITION_STATIC)\n }\n this._popper = new Popper(element, this._menu, this._getPopperConfig())\n }\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement &&\n $(parent).closest(Selector.NAVBAR_NAV).length === 0) {\n $('body').children().on('mouseover', null, $.noop)\n }\n\n this._element.focus()\n this._element.setAttribute('aria-expanded', true)\n\n $(this._menu).toggleClass(ClassName.SHOW)\n $(parent)\n .toggleClass(ClassName.SHOW)\n .trigger($.Event(Event.SHOWN, relatedTarget))\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._element).off(EVENT_KEY)\n this._element = null\n this._menu = null\n if (this._popper !== null) {\n this._popper.destroy()\n this._popper = null\n }\n }\n\n update() {\n this._inNavbar = this._detectNavbar()\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Private\n\n _addEventListeners() {\n $(this._element).on(Event.CLICK, (event) => {\n event.preventDefault()\n event.stopPropagation()\n this.toggle()\n })\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this._element).data(),\n ...config\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getMenuElement() {\n if (!this._menu) {\n const parent = Dropdown._getParentFromElement(this._element)\n this._menu = $(parent).find(Selector.MENU)[0]\n }\n return this._menu\n }\n\n _getPlacement() {\n const $parentDropdown = $(this._element).parent()\n let placement = AttachmentMap.BOTTOM\n\n // Handle dropup\n if ($parentDropdown.hasClass(ClassName.DROPUP)) {\n placement = AttachmentMap.TOP\n if ($(this._menu).hasClass(ClassName.MENURIGHT)) {\n placement = AttachmentMap.TOPEND\n }\n } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) {\n placement = AttachmentMap.RIGHT\n } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) {\n placement = AttachmentMap.LEFT\n } else if ($(this._menu).hasClass(ClassName.MENURIGHT)) {\n placement = AttachmentMap.BOTTOMEND\n }\n return placement\n }\n\n _detectNavbar() {\n return $(this._element).closest('.navbar').length > 0\n }\n\n _getPopperConfig() {\n const offsetConf = {}\n if (typeof this._config.offset === 'function') {\n offsetConf.fn = (data) => {\n data.offsets = {\n ...data.offsets,\n ...this._config.offset(data.offsets) || {}\n }\n return data\n }\n } else {\n offsetConf.offset = this._config.offset\n }\n const popperConfig = {\n placement: this._getPlacement(),\n modifiers: {\n offset: offsetConf,\n flip: {\n enabled: this._config.flip\n },\n preventOverflow: {\n boundariesElement: this._config.boundary\n }\n }\n }\n\n return popperConfig\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data) {\n data = new Dropdown(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n\n static _clearMenus(event) {\n if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH ||\n event.type === 'keyup' && event.which !== TAB_KEYCODE)) {\n return\n }\n\n const toggles = $.makeArray($(Selector.DATA_TOGGLE))\n for (let i = 0; i < toggles.length; i++) {\n const parent = Dropdown._getParentFromElement(toggles[i])\n const context = $(toggles[i]).data(DATA_KEY)\n const relatedTarget = {\n relatedTarget: toggles[i]\n }\n\n if (!context) {\n continue\n }\n\n const dropdownMenu = context._menu\n if (!$(parent).hasClass(ClassName.SHOW)) {\n continue\n }\n\n if (event && (event.type === 'click' &&\n /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) &&\n $.contains(parent, event.target)) {\n continue\n }\n\n const hideEvent = $.Event(Event.HIDE, relatedTarget)\n $(parent).trigger(hideEvent)\n if (hideEvent.isDefaultPrevented()) {\n continue\n }\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $('body').children().off('mouseover', null, $.noop)\n }\n\n toggles[i].setAttribute('aria-expanded', 'false')\n\n $(dropdownMenu).removeClass(ClassName.SHOW)\n $(parent)\n .removeClass(ClassName.SHOW)\n .trigger($.Event(Event.HIDDEN, relatedTarget))\n }\n }\n\n static _getParentFromElement(element) {\n let parent\n const selector = Util.getSelectorFromElement(element)\n\n if (selector) {\n parent = $(selector)[0]\n }\n\n return parent || element.parentNode\n }\n\n // eslint-disable-next-line complexity\n static _dataApiKeydownHandler(event) {\n // If not input/textarea:\n // - And not a key in REGEXP_KEYDOWN => not a dropdown command\n // If input/textarea:\n // - If space key => not a dropdown command\n // - If key is other than escape\n // - If key is not up or down => not a dropdown command\n // - If trigger inside the menu => not a dropdown command\n if (/input|textarea/i.test(event.target.tagName)\n ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE &&\n (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE ||\n $(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {\n return\n }\n\n event.preventDefault()\n event.stopPropagation()\n\n if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {\n return\n }\n\n const parent = Dropdown._getParentFromElement(this)\n const isActive = $(parent).hasClass(ClassName.SHOW)\n\n if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) ||\n isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {\n if (event.which === ESCAPE_KEYCODE) {\n const toggle = $(parent).find(Selector.DATA_TOGGLE)[0]\n $(toggle).trigger('focus')\n }\n\n $(this).trigger('click')\n return\n }\n\n const items = $(parent).find(Selector.VISIBLE_ITEMS).get()\n\n if (items.length === 0) {\n return\n }\n\n let index = items.indexOf(event.target)\n\n if (event.which === ARROW_UP_KEYCODE && index > 0) { // Up\n index--\n }\n\n if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) { // Down\n index++\n }\n\n if (index < 0) {\n index = 0\n }\n\n items[index].focus()\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler)\n .on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler)\n .on(`${Event.CLICK_DATA_API} ${Event.KEYUP_DATA_API}`, Dropdown._clearMenus)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n event.preventDefault()\n event.stopPropagation()\n Dropdown._jQueryInterface.call($(this), 'toggle')\n })\n .on(Event.CLICK_DATA_API, Selector.FORM_CHILD, (e) => {\n e.stopPropagation()\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Dropdown._jQueryInterface\n $.fn[NAME].Constructor = Dropdown\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Dropdown._jQueryInterface\n }\n\n return Dropdown\n})($, Popper)\n\nexport default Dropdown\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Modal = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'modal'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.modal'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 300\n const BACKDROP_TRANSITION_DURATION = 150\n const ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\n const Default = {\n backdrop : true,\n keyboard : true,\n focus : true,\n show : true\n }\n\n const DefaultType = {\n backdrop : '(boolean|string)',\n keyboard : 'boolean',\n focus : 'boolean',\n show : 'boolean'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n RESIZE : `resize${EVENT_KEY}`,\n CLICK_DISMISS : `click.dismiss${EVENT_KEY}`,\n KEYDOWN_DISMISS : `keydown.dismiss${EVENT_KEY}`,\n MOUSEUP_DISMISS : `mouseup.dismiss${EVENT_KEY}`,\n MOUSEDOWN_DISMISS : `mousedown.dismiss${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n SCROLLBAR_MEASURER : 'modal-scrollbar-measure',\n BACKDROP : 'modal-backdrop',\n OPEN : 'modal-open',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DIALOG : '.modal-dialog',\n DATA_TOGGLE : '[data-toggle=\"modal\"]',\n DATA_DISMISS : '[data-dismiss=\"modal\"]',\n FIXED_CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',\n STICKY_CONTENT : '.sticky-top',\n NAVBAR_TOGGLER : '.navbar-toggler'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Modal {\n constructor(element, config) {\n this._config = this._getConfig(config)\n this._element = element\n this._dialog = $(element).find(Selector.DIALOG)[0]\n this._backdrop = null\n this._isShown = false\n this._isBodyOverflowing = false\n this._ignoreBackdropClick = false\n this._originalBodyPadding = 0\n this._scrollbarWidth = 0\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isTransitioning || this._isShown) {\n return\n }\n\n if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {\n this._isTransitioning = true\n }\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (this._isShown || showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n $(document.body).addClass(ClassName.OPEN)\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n Event.CLICK_DISMISS,\n Selector.DATA_DISMISS,\n (event) => this.hide(event)\n )\n\n $(this._dialog).on(Event.MOUSEDOWN_DISMISS, () => {\n $(this._element).one(Event.MOUSEUP_DISMISS, (event) => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (this._isTransitioning || !this._isShown) {\n return\n }\n\n const hideEvent = $.Event(Event.HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n\n const transition = Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(Event.FOCUSIN)\n\n $(this._element).removeClass(ClassName.SHOW)\n\n $(this._element).off(Event.CLICK_DISMISS)\n $(this._dialog).off(Event.MOUSEDOWN_DISMISS)\n\n if (transition) {\n $(this._element)\n .one(Util.TRANSITION_END, (event) => this._hideModal(event))\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n $(window, document, this._element, this._backdrop).off(EVENT_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _showElement(relatedTarget) {\n const transition = Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.FADE)\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.scrollTop = 0\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(ClassName.SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(Event.FOCUSIN) // Guard against infinite focus loop\n .on(Event.FOCUSIN, (event) => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown && this._config.keyboard) {\n $(this._element).on(Event.KEYDOWN_DISMISS, (event) => {\n if (event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(Event.KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(Event.RESIZE, (event) => this.handleUpdate(event))\n } else {\n $(window).off(Event.RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(ClassName.OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(Event.HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(ClassName.FADE)\n ? ClassName.FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n const doAnimate = Util.supportsTransitionEnd() && animate\n\n this._backdrop = document.createElement('div')\n this._backdrop.className = ClassName.BACKDROP\n\n if (animate) {\n $(this._backdrop).addClass(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(Event.CLICK_DISMISS, (event) => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n if (event.target !== event.currentTarget) {\n return\n }\n if (this._config.backdrop === 'static') {\n this._element.focus()\n } else {\n this.hide()\n }\n })\n\n if (doAnimate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(ClassName.SHOW)\n\n if (!callback) {\n return\n }\n\n if (!doAnimate) {\n callback()\n return\n }\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(BACKDROP_TRANSITION_DURATION)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(ClassName.SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if (Util.supportsTransitionEnd() &&\n $(this._element).hasClass(ClassName.FADE)) {\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(BACKDROP_TRANSITION_DURATION)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing =\n this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = rect.left + rect.right < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n\n // Adjust fixed content padding\n $(Selector.FIXED_CONTENT).each((index, element) => {\n const actualPadding = $(element)[0].style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element).data('padding-right', actualPadding).css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(Selector.STICKY_CONTENT).each((index, element) => {\n const actualMargin = $(element)[0].style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element).data('margin-right', actualMargin).css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust navbar-toggler margin\n $(Selector.NAVBAR_TOGGLER).each((index, element) => {\n const actualMargin = $(element)[0].style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element).data('margin-right', actualMargin).css('margin-right', `${parseFloat(calculatedMargin) + this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $('body').css('padding-right')\n $('body').data('padding-right', actualPadding).css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n $(Selector.FIXED_CONTENT).each((index, element) => {\n const padding = $(element).data('padding-right')\n if (typeof padding !== 'undefined') {\n $(element).css('padding-right', padding).removeData('padding-right')\n }\n })\n\n // Restore sticky content and navbar-toggler margin\n $(`${Selector.STICKY_CONTENT}, ${Selector.NAVBAR_TOGGLER}`).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $('body').data('padding-right')\n if (typeof padding !== 'undefined') {\n $('body').css('padding-right', padding).removeData('padding-right')\n }\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = ClassName.SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Modal.Default,\n ...$(this).data(),\n ...typeof config === 'object' && config\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = $(selector)[0]\n }\n\n const config = $(target).data(DATA_KEY)\n ? 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(Event.SHOW, (showEvent) => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(Event.HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Modal._jQueryInterface\n $.fn[NAME].Constructor = Modal\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n }\n\n return Modal\n})($)\n\nexport default Modal\n","import $ from 'jquery'\nimport Popper from 'popper.js'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Tooltip = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'tooltip'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.tooltip'\n const EVENT_KEY = `.${DATA_KEY}`\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n const CLASS_PREFIX = 'bs-tooltip'\n const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\n const DefaultType = {\n animation : 'boolean',\n template : 'string',\n title : '(string|element|function)',\n trigger : 'string',\n delay : '(number|object)',\n html : 'boolean',\n selector : '(string|boolean)',\n placement : '(string|function)',\n offset : '(number|string)',\n container : '(string|element|boolean)',\n fallbackPlacement : '(string|array)',\n boundary : '(string|element)'\n }\n\n const AttachmentMap = {\n AUTO : 'auto',\n TOP : 'top',\n RIGHT : 'right',\n BOTTOM : 'bottom',\n LEFT : 'left'\n }\n\n const Default = {\n animation : true,\n template : '<div class=\"tooltip\" role=\"tooltip\">' +\n '<div class=\"arrow\"></div>' +\n '<div class=\"tooltip-inner\"></div></div>',\n trigger : 'hover focus',\n title : '',\n delay : 0,\n html : false,\n selector : false,\n placement : 'top',\n offset : 0,\n container : false,\n fallbackPlacement : 'flip',\n boundary : 'scrollParent'\n }\n\n const HoverState = {\n SHOW : 'show',\n OUT : 'out'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n INSERTED : `inserted${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n FOCUSOUT : `focusout${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`\n }\n\n const ClassName = {\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n TOOLTIP : '.tooltip',\n TOOLTIP_INNER : '.tooltip-inner',\n ARROW : '.arrow'\n }\n\n const Trigger = {\n HOVER : 'hover',\n FOCUS : 'focus',\n CLICK : 'click',\n MANUAL : 'manual'\n }\n\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Tooltip {\n constructor(element, config) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)')\n }\n\n // private\n this._isEnabled = true\n this._timeout = 0\n this._hoverState = ''\n this._activeTrigger = {}\n this._popper = null\n\n // Protected\n this.element = element\n this.config = this._getConfig(config)\n this.tip = null\n\n this._setListeners()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Public\n\n enable() {\n this._isEnabled = true\n }\n\n disable() {\n this._isEnabled = false\n }\n\n toggleEnabled() {\n this._isEnabled = !this._isEnabled\n }\n\n toggle(event) {\n if (!this._isEnabled) {\n return\n }\n\n if (event) {\n const dataKey = this.constructor.DATA_KEY\n let context = $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n context._activeTrigger.click = !context._activeTrigger.click\n\n if (context._isWithActiveTrigger()) {\n context._enter(null, context)\n } else {\n context._leave(null, context)\n }\n } else {\n if ($(this.getTipElement()).hasClass(ClassName.SHOW)) {\n this._leave(null, this)\n return\n }\n\n this._enter(null, this)\n }\n }\n\n dispose() {\n clearTimeout(this._timeout)\n\n $.removeData(this.element, this.constructor.DATA_KEY)\n\n $(this.element).off(this.constructor.EVENT_KEY)\n $(this.element).closest('.modal').off('hide.bs.modal')\n\n if (this.tip) {\n $(this.tip).remove()\n }\n\n this._isEnabled = null\n this._timeout = null\n this._hoverState = null\n this._activeTrigger = null\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n this._popper = null\n this.element = null\n this.config = null\n this.tip = null\n }\n\n show() {\n if ($(this.element).css('display') === 'none') {\n throw new Error('Please use show on visible elements')\n }\n\n const showEvent = $.Event(this.constructor.Event.SHOW)\n if (this.isWithContent() && this._isEnabled) {\n $(this.element).trigger(showEvent)\n\n const isInTheDom = $.contains(\n this.element.ownerDocument.documentElement,\n this.element\n )\n\n if (showEvent.isDefaultPrevented() || !isInTheDom) {\n return\n }\n\n const tip = this.getTipElement()\n const tipId = Util.getUID(this.constructor.NAME)\n\n tip.setAttribute('id', tipId)\n this.element.setAttribute('aria-describedby', tipId)\n\n this.setContent()\n\n if (this.config.animation) {\n $(tip).addClass(ClassName.FADE)\n }\n\n const placement = typeof this.config.placement === 'function'\n ? this.config.placement.call(this, tip, this.element)\n : this.config.placement\n\n const attachment = this._getAttachment(placement)\n this.addAttachmentClass(attachment)\n\n const container = this.config.container === false ? document.body : $(this.config.container)\n\n $(tip).data(this.constructor.DATA_KEY, this)\n\n if (!$.contains(this.element.ownerDocument.documentElement, this.tip)) {\n $(tip).appendTo(container)\n }\n\n $(this.element).trigger(this.constructor.Event.INSERTED)\n\n this._popper = new Popper(this.element, tip, {\n placement: attachment,\n modifiers: {\n offset: {\n offset: this.config.offset\n },\n flip: {\n behavior: this.config.fallbackPlacement\n },\n arrow: {\n element: Selector.ARROW\n },\n preventOverflow: {\n boundariesElement: this.config.boundary\n }\n },\n onCreate: (data) => {\n if (data.originalPlacement !== data.placement) {\n this._handlePopperPlacementChange(data)\n }\n },\n onUpdate: (data) => {\n this._handlePopperPlacementChange(data)\n }\n })\n\n $(tip).addClass(ClassName.SHOW)\n\n // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n if ('ontouchstart' in document.documentElement) {\n $('body').children().on('mouseover', null, $.noop)\n }\n\n const complete = () => {\n if (this.config.animation) {\n this._fixTransition()\n }\n const prevHoverState = this._hoverState\n this._hoverState = null\n\n $(this.element).trigger(this.constructor.Event.SHOWN)\n\n if (prevHoverState === HoverState.OUT) {\n this._leave(null, this)\n }\n }\n\n if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {\n $(this.tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(Tooltip._TRANSITION_DURATION)\n } else {\n complete()\n }\n }\n }\n\n hide(callback) {\n const tip = this.getTipElement()\n const hideEvent = $.Event(this.constructor.Event.HIDE)\n const complete = () => {\n if (this._hoverState !== HoverState.SHOW && tip.parentNode) {\n tip.parentNode.removeChild(tip)\n }\n\n this._cleanTipClass()\n this.element.removeAttribute('aria-describedby')\n $(this.element).trigger(this.constructor.Event.HIDDEN)\n if (this._popper !== null) {\n this._popper.destroy()\n }\n\n if (callback) {\n callback()\n }\n }\n\n $(this.element).trigger(hideEvent)\n\n if (hideEvent.isDefaultPrevented()) {\n return\n }\n\n $(tip).removeClass(ClassName.SHOW)\n\n // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n if ('ontouchstart' in document.documentElement) {\n $('body').children().off('mouseover', null, $.noop)\n }\n\n this._activeTrigger[Trigger.CLICK] = false\n this._activeTrigger[Trigger.FOCUS] = false\n this._activeTrigger[Trigger.HOVER] = false\n\n if (Util.supportsTransitionEnd() &&\n $(this.tip).hasClass(ClassName.FADE)) {\n $(tip)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n complete()\n }\n\n this._hoverState = ''\n }\n\n update() {\n if (this._popper !== null) {\n this._popper.scheduleUpdate()\n }\n }\n\n // Protected\n\n isWithContent() {\n return Boolean(this.getTitle())\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle())\n $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)\n }\n\n setElementContent($element, content) {\n const html = this.config.html\n if (typeof content === 'object' && (content.nodeType || content.jquery)) {\n // Content is a DOM node or a jQuery\n if (html) {\n if (!$(content).parent().is($element)) {\n $element.empty().append(content)\n }\n } else {\n $element.text($(content).text())\n }\n } else {\n $element[html ? 'html' : 'text'](content)\n }\n }\n\n getTitle() {\n let title = this.element.getAttribute('data-original-title')\n\n if (!title) {\n title = typeof this.config.title === 'function'\n ? this.config.title.call(this.element)\n : this.config.title\n }\n\n return title\n }\n\n // Private\n\n _getAttachment(placement) {\n return AttachmentMap[placement.toUpperCase()]\n }\n\n _setListeners() {\n const triggers = this.config.trigger.split(' ')\n\n triggers.forEach((trigger) => {\n if (trigger === 'click') {\n $(this.element).on(\n this.constructor.Event.CLICK,\n this.config.selector,\n (event) => this.toggle(event)\n )\n } else if (trigger !== Trigger.MANUAL) {\n const eventIn = trigger === Trigger.HOVER\n ? this.constructor.Event.MOUSEENTER\n : this.constructor.Event.FOCUSIN\n const eventOut = trigger === Trigger.HOVER\n ? this.constructor.Event.MOUSELEAVE\n : this.constructor.Event.FOCUSOUT\n\n $(this.element)\n .on(\n eventIn,\n this.config.selector,\n (event) => this._enter(event)\n )\n .on(\n eventOut,\n this.config.selector,\n (event) => this._leave(event)\n )\n }\n\n $(this.element).closest('.modal').on(\n 'hide.bs.modal',\n () => this.hide()\n )\n })\n\n if (this.config.selector) {\n this.config = {\n ...this.config,\n trigger: 'manual',\n selector: ''\n }\n } else {\n this._fixTitle()\n }\n }\n\n _fixTitle() {\n const titleType = typeof this.element.getAttribute('data-original-title')\n if (this.element.getAttribute('title') ||\n titleType !== 'string') {\n this.element.setAttribute(\n 'data-original-title',\n this.element.getAttribute('title') || ''\n )\n this.element.setAttribute('title', '')\n }\n }\n\n _enter(event, context) {\n const dataKey = this.constructor.DATA_KEY\n\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER\n ] = true\n }\n\n if ($(context.getTipElement()).hasClass(ClassName.SHOW) ||\n context._hoverState === HoverState.SHOW) {\n context._hoverState = HoverState.SHOW\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HoverState.SHOW\n\n if (!context.config.delay || !context.config.delay.show) {\n context.show()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HoverState.SHOW) {\n context.show()\n }\n }, context.config.delay.show)\n }\n\n _leave(event, context) {\n const dataKey = this.constructor.DATA_KEY\n\n context = context || $(event.currentTarget).data(dataKey)\n\n if (!context) {\n context = new this.constructor(\n event.currentTarget,\n this._getDelegateConfig()\n )\n $(event.currentTarget).data(dataKey, context)\n }\n\n if (event) {\n context._activeTrigger[\n event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER\n ] = false\n }\n\n if (context._isWithActiveTrigger()) {\n return\n }\n\n clearTimeout(context._timeout)\n\n context._hoverState = HoverState.OUT\n\n if (!context.config.delay || !context.config.delay.hide) {\n context.hide()\n return\n }\n\n context._timeout = setTimeout(() => {\n if (context._hoverState === HoverState.OUT) {\n context.hide()\n }\n }, context.config.delay.hide)\n }\n\n _isWithActiveTrigger() {\n for (const trigger in this._activeTrigger) {\n if (this._activeTrigger[trigger]) {\n return true\n }\n }\n\n return false\n }\n\n _getConfig(config) {\n config = {\n ...this.constructor.Default,\n ...$(this.element).data(),\n ...config\n }\n\n if (typeof config.delay === 'number') {\n config.delay = {\n show: config.delay,\n hide: config.delay\n }\n }\n\n if (typeof config.title === 'number') {\n config.title = config.title.toString()\n }\n\n if (typeof config.content === 'number') {\n config.content = config.content.toString()\n }\n\n Util.typeCheckConfig(\n NAME,\n config,\n this.constructor.DefaultType\n )\n\n return config\n }\n\n _getDelegateConfig() {\n const config = {}\n\n if (this.config) {\n for (const key in this.config) {\n if (this.constructor.Default[key] !== this.config[key]) {\n config[key] = this.config[key]\n }\n }\n }\n\n return config\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n _handlePopperPlacementChange(data) {\n this._cleanTipClass()\n this.addAttachmentClass(this._getAttachment(data.placement))\n }\n\n _fixTransition() {\n const tip = this.getTipElement()\n const initConfigAnimation = this.config.animation\n if (tip.getAttribute('x-placement') !== null) {\n return\n }\n $(tip).removeClass(ClassName.FADE)\n this.config.animation = false\n this.hide()\n this.show()\n this.config.animation = initConfigAnimation\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' && config\n\n if (!data && /dispose|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Tooltip(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Tooltip._jQueryInterface\n $.fn[NAME].Constructor = Tooltip\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tooltip._jQueryInterface\n }\n\n return Tooltip\n})($, Popper)\n\nexport default Tooltip\n","import $ from 'jquery'\nimport Tooltip from './tooltip'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): popover.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Popover = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'popover'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.popover'\n const EVENT_KEY = `.${DATA_KEY}`\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const CLASS_PREFIX = 'bs-popover'\n const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\n const Default = {\n ...Tooltip.Default,\n placement : 'right',\n trigger : 'click',\n content : '',\n template : '<div class=\"popover\" role=\"tooltip\">' +\n '<div class=\"arrow\"></div>' +\n '<h3 class=\"popover-header\"></h3>' +\n '<div class=\"popover-body\"></div></div>'\n }\n\n const DefaultType = {\n ...Tooltip.DefaultType,\n content : '(string|element|function)'\n }\n\n const ClassName = {\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n TITLE : '.popover-header',\n CONTENT : '.popover-body'\n }\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n INSERTED : `inserted${EVENT_KEY}`,\n CLICK : `click${EVENT_KEY}`,\n FOCUSIN : `focusin${EVENT_KEY}`,\n FOCUSOUT : `focusout${EVENT_KEY}`,\n MOUSEENTER : `mouseenter${EVENT_KEY}`,\n MOUSELEAVE : `mouseleave${EVENT_KEY}`\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Popover extends Tooltip {\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Overrides\n\n isWithContent() {\n return this.getTitle() || this._getContent()\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n\n // We use append for html objects to maintain js events\n this.setElementContent($tip.find(Selector.TITLE), this.getTitle())\n let content = this._getContent()\n if (typeof content === 'function') {\n content = content.call(this.element)\n }\n this.setElementContent($tip.find(Selector.CONTENT), content)\n\n $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)\n }\n\n // Private\n\n _getContent() {\n return this.element.getAttribute('data-content') ||\n this.config.content\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data && /destroy|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Popover(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Popover._jQueryInterface\n $.fn[NAME].Constructor = Popover\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Popover._jQueryInterface\n }\n\n return Popover\n})($)\n\nexport default Popover\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst ScrollSpy = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'scrollspy'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.scrollspy'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n\n const Default = {\n offset : 10,\n method : 'auto',\n target : ''\n }\n\n const DefaultType = {\n offset : 'number',\n method : 'string',\n target : '(string|element)'\n }\n\n const Event = {\n ACTIVATE : `activate${EVENT_KEY}`,\n SCROLL : `scroll${EVENT_KEY}`,\n LOAD_DATA_API : `load${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_ITEM : 'dropdown-item',\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active'\n }\n\n const Selector = {\n DATA_SPY : '[data-spy=\"scroll\"]',\n ACTIVE : '.active',\n NAV_LIST_GROUP : '.nav, .list-group',\n NAV_LINKS : '.nav-link',\n NAV_ITEMS : '.nav-item',\n LIST_ITEMS : '.list-group-item',\n DROPDOWN : '.dropdown',\n DROPDOWN_ITEMS : '.dropdown-item',\n DROPDOWN_TOGGLE : '.dropdown-toggle'\n }\n\n const OffsetMethod = {\n OFFSET : 'offset',\n POSITION : 'position'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${Selector.NAV_LINKS},` +\n `${this._config.target} ${Selector.LIST_ITEMS},` +\n `${this._config.target} ${Selector.DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(Event.SCROLL, (event) => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window\n ? OffsetMethod.OFFSET : OffsetMethod.POSITION\n\n const offsetMethod = this._config.method === 'auto'\n ? autoMethod : this._config.method\n\n const offsetBase = offsetMethod === OffsetMethod.POSITION\n ? this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = $.makeArray($(this._selector))\n\n targets\n .map((element) => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = $(targetSelector)[0]\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n return null\n })\n .filter((item) => item)\n .sort((a, b) => a[0] - b[0])\n .forEach((item) => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n\n if (typeof config.target !== 'string') {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window\n ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window\n ? window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset +\n scrollHeight -\n this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n for (let i = this._offsets.length; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n let queries = this._selector.split(',')\n // eslint-disable-next-line arrow-body-style\n queries = queries.map((selector) => {\n return `${selector}[data-target=\"${target}\"],` +\n `${selector}[href=\"${target}\"]`\n })\n\n const $link = $(queries.join(','))\n\n if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {\n $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n $link.addClass(ClassName.ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(ClassName.ACTIVE)\n // Set triggered links parents as active\n // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor\n $link.parents(Selector.NAV_LIST_GROUP).prev(`${Selector.NAV_LINKS}, ${Selector.LIST_ITEMS}`).addClass(ClassName.ACTIVE)\n // Handle special case when .nav-link is inside .nav-item\n $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_ITEMS).children(Selector.NAV_LINKS).addClass(ClassName.ACTIVE)\n }\n\n $(this._scrollElement).trigger(Event.ACTIVATE, {\n relatedTarget: target\n })\n }\n\n _clear() {\n $(this._selector).filter(Selector.ACTIVE).removeClass(ClassName.ACTIVE)\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' && config\n\n if (!data) {\n data = new ScrollSpy(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(window).on(Event.LOAD_DATA_API, () => {\n const scrollSpys = $.makeArray($(Selector.DATA_SPY))\n\n for (let i = scrollSpys.length; i--;) {\n const $spy = $(scrollSpys[i])\n ScrollSpy._jQueryInterface.call($spy, $spy.data())\n }\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = ScrollSpy._jQueryInterface\n $.fn[NAME].Constructor = ScrollSpy\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return ScrollSpy._jQueryInterface\n }\n\n return ScrollSpy\n})($)\n\nexport default ScrollSpy\n","import $ from 'jquery'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0): tab.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst Tab = (($) => {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n\n const NAME = 'tab'\n const VERSION = '4.0.0'\n const DATA_KEY = 'bs.tab'\n const EVENT_KEY = `.${DATA_KEY}`\n const DATA_API_KEY = '.data-api'\n const JQUERY_NO_CONFLICT = $.fn[NAME]\n const TRANSITION_DURATION = 150\n\n const Event = {\n HIDE : `hide${EVENT_KEY}`,\n HIDDEN : `hidden${EVENT_KEY}`,\n SHOW : `show${EVENT_KEY}`,\n SHOWN : `shown${EVENT_KEY}`,\n CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`\n }\n\n const ClassName = {\n DROPDOWN_MENU : 'dropdown-menu',\n ACTIVE : 'active',\n DISABLED : 'disabled',\n FADE : 'fade',\n SHOW : 'show'\n }\n\n const Selector = {\n DROPDOWN : '.dropdown',\n NAV_LIST_GROUP : '.nav, .list-group',\n ACTIVE : '.active',\n ACTIVE_UL : '> li > .active',\n DATA_TOGGLE : '[data-toggle=\"tab\"], [data-toggle=\"pill\"], [data-toggle=\"list\"]',\n DROPDOWN_TOGGLE : '.dropdown-toggle',\n DROPDOWN_ACTIVE_CHILD : '> .dropdown-menu .active'\n }\n\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n class Tab {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n\n static get VERSION() {\n return VERSION\n }\n\n // Public\n\n show() {\n if (this._element.parentNode &&\n this._element.parentNode.nodeType === Node.ELEMENT_NODE &&\n $(this._element).hasClass(ClassName.ACTIVE) ||\n $(this._element).hasClass(ClassName.DISABLED)) {\n return\n }\n\n let target\n let previous\n const listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0]\n const selector = Util.getSelectorFromElement(this._element)\n\n if (listElement) {\n const itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE\n previous = $.makeArray($(listElement).find(itemSelector))\n previous = previous[previous.length - 1]\n }\n\n const hideEvent = $.Event(Event.HIDE, {\n relatedTarget: this._element\n })\n\n const showEvent = $.Event(Event.SHOW, {\n relatedTarget: previous\n })\n\n if (previous) {\n $(previous).trigger(hideEvent)\n }\n\n $(this._element).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented() ||\n hideEvent.isDefaultPrevented()) {\n return\n }\n\n if (selector) {\n target = $(selector)[0]\n }\n\n this._activate(\n this._element,\n listElement\n )\n\n const complete = () => {\n const hiddenEvent = $.Event(Event.HIDDEN, {\n relatedTarget: this._element\n })\n\n const shownEvent = $.Event(Event.SHOWN, {\n relatedTarget: previous\n })\n\n $(previous).trigger(hiddenEvent)\n $(this._element).trigger(shownEvent)\n }\n\n if (target) {\n this._activate(target, target.parentNode, complete)\n } else {\n complete()\n }\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n\n _activate(element, container, callback) {\n let activeElements\n if (container.nodeName === 'UL') {\n activeElements = $(container).find(Selector.ACTIVE_UL)\n } else {\n activeElements = $(container).children(Selector.ACTIVE)\n }\n\n const active = activeElements[0]\n const isTransitioning = callback &&\n Util.supportsTransitionEnd() &&\n (active && $(active).hasClass(ClassName.FADE))\n\n const complete = () => this._transitionComplete(\n element,\n active,\n callback\n )\n\n if (active && isTransitioning) {\n $(active)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(TRANSITION_DURATION)\n } else {\n complete()\n }\n }\n\n _transitionComplete(element, active, callback) {\n if (active) {\n $(active).removeClass(`${ClassName.SHOW} ${ClassName.ACTIVE}`)\n\n const dropdownChild = $(active.parentNode).find(\n Selector.DROPDOWN_ACTIVE_CHILD\n )[0]\n\n if (dropdownChild) {\n $(dropdownChild).removeClass(ClassName.ACTIVE)\n }\n\n if (active.getAttribute('role') === 'tab') {\n active.setAttribute('aria-selected', false)\n }\n }\n\n $(element).addClass(ClassName.ACTIVE)\n if (element.getAttribute('role') === 'tab') {\n element.setAttribute('aria-selected', true)\n }\n\n Util.reflow(element)\n $(element).addClass(ClassName.SHOW)\n\n if (element.parentNode &&\n $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {\n const dropdownElement = $(element).closest(Selector.DROPDOWN)[0]\n if (dropdownElement) {\n $(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE)\n }\n\n element.setAttribute('aria-expanded', true)\n }\n\n if (callback) {\n callback()\n }\n }\n\n // Static\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $this = $(this)\n let data = $this.data(DATA_KEY)\n\n if (!data) {\n data = new Tab(this)\n $this.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n data[config]()\n }\n })\n }\n }\n\n /**\n * ------------------------------------------------------------------------\n * Data Api implementation\n * ------------------------------------------------------------------------\n */\n\n $(document)\n .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {\n event.preventDefault()\n Tab._jQueryInterface.call($(this), 'show')\n })\n\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n $.fn[NAME] = Tab._jQueryInterface\n $.fn[NAME].Constructor = Tab\n $.fn[NAME].noConflict = function () {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Tab._jQueryInterface\n }\n\n return Tab\n})($)\n\nexport default Tab\n","import $ from 'jquery'\nimport Alert from './alert'\nimport Button from './button'\nimport Carousel from './carousel'\nimport Collapse from './collapse'\nimport Dropdown from './dropdown'\nimport Modal from './modal'\nimport Popover from './popover'\nimport Scrollspy from './scrollspy'\nimport Tab from './tab'\nimport Tooltip from './tooltip'\nimport Util from './util'\n\n/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.0.0-alpha.6): index.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n(($) => {\n if (typeof $ === 'undefined') {\n throw new TypeError('Bootstrap\\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\\'s JavaScript.')\n }\n\n const version = $.fn.jquery.split(' ')[0].split('.')\n const minMajor = 1\n const ltMajor = 2\n const minMinor = 9\n const minPatch = 1\n const maxMajor = 4\n\n if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {\n throw new Error('Bootstrap\\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')\n }\n})($)\n\nexport {\n Util,\n Alert,\n Button,\n Carousel,\n Collapse,\n Dropdown,\n Modal,\n Popover,\n Scrollspy,\n Tab,\n Tooltip\n}\n"]}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/.eslintrc.js b/public/ThirdParty/apexcharts-bundle/.eslintrc.js
new file mode 100644
index 0000000000000000000000000000000000000000..170066a7e8d2b745839abdcbe0f51672eec67a56
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/.eslintrc.js
@@ -0,0 +1,9 @@
+module.exports = {
+ "extends": "standard",
+ "globals": {
+ "Blob": true,
+ "URL": true,
+ "Apex": true,
+ "screen": true
+ }
+};
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/dist/apexcharts.common.js b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.common.js
new file mode 100644
index 0000000000000000000000000000000000000000..bbcf8aec17a800b236a493446faf63440d068c7d
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.common.js
@@ -0,0 +1,27543 @@
+/*!
+ * ApexCharts v3.6.2
+ * (c) 2018-2019 Juned Chhipa
+ * Released under the MIT License.
+ */
+'use strict';
+
+function _typeof(obj) {
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+ _typeof = function (obj) {
+ return typeof obj;
+ };
+ } else {
+ _typeof = function (obj) {
+ return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+ };
+ }
+
+ return _typeof(obj);
+}
+
+function _classCallCheck(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+}
+
+function _defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) _defineProperties(Constructor, staticProps);
+ return Constructor;
+}
+
+function _defineProperty(obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
+
+ return obj;
+}
+
+function _objectSpread(target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i] != null ? arguments[i] : {};
+ var ownKeys = Object.keys(source);
+
+ if (typeof Object.getOwnPropertySymbols === 'function') {
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+ }));
+ }
+
+ ownKeys.forEach(function (key) {
+ _defineProperty(target, key, source[key]);
+ });
+ }
+
+ return target;
+}
+
+function _inherits(subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function");
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+ return o.__proto__ || Object.getPrototypeOf(o);
+ };
+ return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+ _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+ o.__proto__ = p;
+ return o;
+ };
+
+ return _setPrototypeOf(o, p);
+}
+
+function _assertThisInitialized(self) {
+ if (self === void 0) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+ if (call && (typeof call === "object" || typeof call === "function")) {
+ return call;
+ }
+
+ return _assertThisInitialized(self);
+}
+
+function _toConsumableArray(arr) {
+ return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+}
+
+function _arrayWithoutHoles(arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ }
+}
+
+function _iterableToArray(iter) {
+ if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+}
+
+function _nonIterableSpread() {
+ throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
+
+/*
+ ** Generic functions which are not dependent on ApexCharts
+ */
+var Utils =
+/*#__PURE__*/
+function () {
+ function Utils() {
+ _classCallCheck(this, Utils);
+ }
+
+ _createClass(Utils, [{
+ key: "shadeRGBColor",
+ value: function shadeRGBColor(percent, color) {
+ var f = color.split(','),
+ t = percent < 0 ? 0 : 255,
+ p = percent < 0 ? percent * -1 : percent,
+ R = parseInt(f[0].slice(4)),
+ G = parseInt(f[1]),
+ B = parseInt(f[2]);
+ return 'rgb(' + (Math.round((t - R) * p) + R) + ',' + (Math.round((t - G) * p) + G) + ',' + (Math.round((t - B) * p) + B) + ')';
+ }
+ }, {
+ key: "shadeHexColor",
+ value: function shadeHexColor(percent, color) {
+ var f = parseInt(color.slice(1), 16),
+ t = percent < 0 ? 0 : 255,
+ p = percent < 0 ? percent * -1 : percent,
+ R = f >> 16,
+ G = f >> 8 & 0x00ff,
+ B = f & 0x0000ff;
+ return '#' + (0x1000000 + (Math.round((t - R) * p) + R) * 0x10000 + (Math.round((t - G) * p) + G) * 0x100 + (Math.round((t - B) * p) + B)).toString(16).slice(1);
+ } // beautiful color shading blending code
+ // http://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
+
+ }, {
+ key: "shadeColor",
+ value: function shadeColor(p, color) {
+ if (color.length > 7) return this.shadeRGBColor(p, color);else return this.shadeHexColor(p, color);
+ }
+ }], [{
+ key: "bind",
+ value: function bind(fn, me) {
+ return function () {
+ return fn.apply(me, arguments);
+ };
+ }
+ }, {
+ key: "isObject",
+ value: function isObject(item) {
+ return item && _typeof(item) === 'object' && !Array.isArray(item) && item != null;
+ } // to extend defaults with user options
+ // credit: http://stackoverflow.com/questions/27936772/deep-object-merging-in-es6-es7#answer-34749873
+
+ }, {
+ key: "extend",
+ value: function extend(target, source) {
+ var _this = this;
+
+ if (typeof Object.assign !== 'function') {
+
+ (function () {
+ Object.assign = function (target) {
+
+ if (target === undefined || target === null) {
+ throw new TypeError('Cannot convert undefined or null to object');
+ }
+
+ var output = Object(target);
+
+ for (var index = 1; index < arguments.length; index++) {
+ var _source = arguments[index];
+
+ if (_source !== undefined && _source !== null) {
+ for (var nextKey in _source) {
+ if (_source.hasOwnProperty(nextKey)) {
+ output[nextKey] = _source[nextKey];
+ }
+ }
+ }
+ }
+
+ return output;
+ };
+ })();
+ }
+
+ var output = Object.assign({}, target);
+
+ if (this.isObject(target) && this.isObject(source)) {
+ Object.keys(source).forEach(function (key) {
+ if (_this.isObject(source[key])) {
+ if (!(key in target)) {
+ Object.assign(output, _defineProperty({}, key, source[key]));
+ } else {
+ output[key] = _this.extend(target[key], source[key]);
+ }
+ } else {
+ Object.assign(output, _defineProperty({}, key, source[key]));
+ }
+ });
+ }
+
+ return output;
+ }
+ }, {
+ key: "extendArray",
+ value: function extendArray(arrToExtend, resultArr) {
+ var extendedArr = [];
+ arrToExtend.map(function (item) {
+ extendedArr.push(Utils.extend(resultArr, item));
+ });
+ arrToExtend = extendedArr;
+ return arrToExtend;
+ } // If month counter exceeds 12, it starts again from 1
+
+ }, {
+ key: "monthMod",
+ value: function monthMod(month) {
+ return month % 12;
+ }
+ }, {
+ key: "addProps",
+ value: function addProps(obj, arr, val) {
+ if (typeof arr === 'string') {
+ arr = arr.split('.');
+ }
+
+ obj[arr[0]] = obj[arr[0]] || {};
+ var tmpObj = obj[arr[0]];
+
+ if (arr.length > 1) {
+ arr.shift();
+ this.addProps(tmpObj, arr, val);
+ } else {
+ obj[arr[0]] = val;
+ }
+
+ return obj;
+ }
+ }, {
+ key: "clone",
+ value: function clone(source) {
+ if (Object.prototype.toString.call(source) === '[object Array]') {
+ var cloneResult = [];
+
+ for (var i = 0; i < source.length; i++) {
+ cloneResult[i] = this.clone(source[i]);
+ }
+
+ return cloneResult;
+ } else if (_typeof(source) === 'object') {
+ var _cloneResult = {};
+
+ for (var prop in source) {
+ if (source.hasOwnProperty(prop)) {
+ _cloneResult[prop] = this.clone(source[prop]);
+ }
+ }
+
+ return _cloneResult;
+ } else {
+ return source;
+ }
+ }
+ }, {
+ key: "log10",
+ value: function log10(x) {
+ return Math.log(x) / Math.LN10;
+ }
+ }, {
+ key: "roundToBase10",
+ value: function roundToBase10(x) {
+ return Math.pow(10, Math.floor(Math.log10(x)));
+ }
+ }, {
+ key: "roundToBase",
+ value: function roundToBase(x, base) {
+ return Math.pow(base, Math.floor(Math.log(x) / Math.log(base)));
+ }
+ }, {
+ key: "parseNumber",
+ value: function parseNumber(val) {
+ if (val === null) return val;
+ return parseFloat(val);
+ }
+ }, {
+ key: "getDimensions",
+ value: function getDimensions(el) {
+ var computedStyle = getComputedStyle(el);
+ var ret = [];
+ var elementHeight = el.clientHeight;
+ var elementWidth = el.clientWidth;
+ elementHeight -= parseFloat(computedStyle.paddingTop) + parseFloat(computedStyle.paddingBottom);
+ elementWidth -= parseFloat(computedStyle.paddingLeft) + parseFloat(computedStyle.paddingRight);
+ ret.push(elementWidth);
+ ret.push(elementHeight);
+ return ret;
+ }
+ }, {
+ key: "getBoundingClientRect",
+ value: function getBoundingClientRect(element) {
+ var rect = element.getBoundingClientRect();
+ return {
+ top: rect.top,
+ right: rect.right,
+ bottom: rect.bottom,
+ left: rect.left,
+ width: rect.width,
+ height: rect.height,
+ x: rect.x,
+ y: rect.y
+ };
+ } // http://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb#answer-12342275
+
+ }, {
+ key: "hexToRgba",
+ value: function hexToRgba() {
+ var hex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#999999';
+ var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+
+ if (hex.substring(0, 1) !== '#') {
+ hex = '#999999';
+ }
+
+ var h = hex.replace('#', '');
+ h = h.match(new RegExp('(.{' + h.length / 3 + '})', 'g'));
+
+ for (var i = 0; i < h.length; i++) {
+ h[i] = parseInt(h[i].length === 1 ? h[i] + h[i] : h[i], 16);
+ }
+
+ if (typeof opacity !== 'undefined') h.push(opacity);
+ return 'rgba(' + h.join(',') + ')';
+ }
+ }, {
+ key: "getOpacityFromRGBA",
+ value: function getOpacityFromRGBA(rgba) {
+ rgba = rgba.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
+ return rgba[3];
+ }
+ }, {
+ key: "rgb2hex",
+ value: function rgb2hex(rgb) {
+ rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
+ return rgb && rgb.length === 4 ? '#' + ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[3], 10).toString(16)).slice(-2) : '';
+ }
+ }, {
+ key: "isColorHex",
+ value: function isColorHex(color) {
+ return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
+ }
+ }, {
+ key: "polarToCartesian",
+ value: function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
+ var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
+ return {
+ x: centerX + radius * Math.cos(angleInRadians),
+ y: centerY + radius * Math.sin(angleInRadians)
+ };
+ }
+ }, {
+ key: "escapeString",
+ value: function escapeString(str) {
+ var escapeWith = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'x';
+ var newStr = str.toString().slice();
+ newStr = newStr.replace(/[` ~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, escapeWith);
+ return newStr;
+ }
+ }, {
+ key: "negToZero",
+ value: function negToZero(val) {
+ return val < 0 ? 0 : val;
+ }
+ }, {
+ key: "moveIndexInArray",
+ value: function moveIndexInArray(arr, old_index, new_index) {
+ if (new_index >= arr.length) {
+ var k = new_index - arr.length + 1;
+
+ while (k--) {
+ arr.push(undefined);
+ }
+ }
+
+ arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);
+ return arr;
+ }
+ }, {
+ key: "extractNumber",
+ value: function extractNumber(s) {
+ return parseFloat(s.replace(/[^\d\.]*/g, ''));
+ }
+ }, {
+ key: "randomString",
+ value: function randomString(len) {
+ var text = '';
+ var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
+
+ for (var i = 0; i < len; i++) {
+ text += possible.charAt(Math.floor(Math.random() * possible.length));
+ }
+
+ return text;
+ }
+ }, {
+ key: "findAncestor",
+ value: function findAncestor(el, cls) {
+ while ((el = el.parentElement) && !el.classList.contains(cls)) {
+ }
+
+ return el;
+ }
+ }, {
+ key: "setELstyles",
+ value: function setELstyles(el, styles) {
+ for (var key in styles) {
+ if (styles.hasOwnProperty(key)) {
+ el.style.key = styles[key];
+ }
+ }
+ }
+ }, {
+ key: "isNumber",
+ value: function isNumber(value) {
+ return !isNaN(value) && parseFloat(Number(value)) === value && !isNaN(parseInt(value, 10));
+ }
+ }, {
+ key: "isFloat",
+ value: function isFloat(n) {
+ return Number(n) === n && n % 1 !== 0;
+ }
+ }, {
+ key: "isSafari",
+ value: function isSafari() {
+ return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+ }
+ }, {
+ key: "isFirefox",
+ value: function isFirefox() {
+ return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+ }
+ }, {
+ key: "isIE11",
+ value: function isIE11() {
+ if (window.navigator.userAgent.indexOf('MSIE') !== -1 || window.navigator.appVersion.indexOf('Trident/') > -1) {
+ return true;
+ }
+ }
+ }, {
+ key: "isIE",
+ value: function isIE() {
+ var ua = window.navigator.userAgent;
+ var msie = ua.indexOf('MSIE ');
+
+ if (msie > 0) {
+ // IE 10 or older => return version number
+ return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
+ }
+
+ var trident = ua.indexOf('Trident/');
+
+ if (trident > 0) {
+ // IE 11 => return version number
+ var rv = ua.indexOf('rv:');
+ return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
+ }
+
+ var edge = ua.indexOf('Edge/');
+
+ if (edge > 0) {
+ // Edge (IE 12+) => return version number
+ return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
+ } // other browser
+
+
+ return false;
+ }
+ }]);
+
+ return Utils;
+}();
+
+/**
+ * ApexCharts Filters Class for setting hover/active states on the paths.
+ *
+ * @module Formatters
+ **/
+
+var Filters =
+/*#__PURE__*/
+function () {
+ function Filters(ctx) {
+ _classCallCheck(this, Filters);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // create a re-usable filter which can be appended other filter effects and applied to multiple elements
+
+
+ _createClass(Filters, [{
+ key: "getDefaultFilter",
+ value: function getDefaultFilter(el) {
+ var w = this.w;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+
+ if (w.config.states.normal.filter !== 'none') {
+ this.applyFilter(el, w.config.states.normal.filter.type, w.config.states.normal.filter.value);
+ } else {
+ if (w.config.chart.dropShadow.enabled) {
+ this.dropShadow(el, w.config.chart.dropShadow);
+ }
+ }
+ }
+ }, {
+ key: "addNormalFilter",
+ value: function addNormalFilter(el) {
+ var w = this.w;
+
+ if (w.config.chart.dropShadow.enabled) {
+ this.dropShadow(el, w.config.chart.dropShadow);
+ }
+ }
+ }, {
+ key: "addDesaturateFilter",
+ value: function addDesaturateFilter(el) {
+ var _this = this;
+
+ var w = this.w;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.colorMatrix('matrix', [0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 1.0, 0]).colorMatrix('saturate', 0);
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addLightenFilter",
+ value: function addLightenFilter(el, attrs) {
+ var _this2 = this;
+
+ var w = this.w;
+ var intensity = attrs.intensity;
+
+ if (Utils.isFirefox()) {
+ return;
+ }
+
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this2.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.componentTransfer({
+ rgb: {
+ type: 'linear',
+ slope: 1.5,
+ intercept: intensity
+ }
+ });
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addDarkenFilter",
+ value: function addDarkenFilter(el, attrs) {
+ var _this3 = this;
+
+ var w = this.w;
+ var intensity = attrs.intensity;
+
+ if (Utils.isFirefox()) {
+ return;
+ }
+
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this3.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.componentTransfer({
+ rgb: {
+ type: 'linear',
+ slope: intensity
+ }
+ });
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ }
+ }, {
+ key: "applyFilter",
+ value: function applyFilter(el, filter) {
+ var intensity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
+
+ switch (filter) {
+ case 'none':
+ {
+ this.addNormalFilter(el);
+ break;
+ }
+
+ case 'lighten':
+ {
+ this.addLightenFilter(el, {
+ intensity: intensity
+ });
+ break;
+ }
+
+ case 'darken':
+ {
+ this.addDarkenFilter(el, {
+ intensity: intensity
+ });
+ break;
+ }
+
+ case 'desaturate':
+ {
+ this.addDesaturateFilter(el);
+ break;
+ }
+
+ default:
+ // do nothing
+ break;
+ }
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addShadow",
+ value: function addShadow(add, attrs) {
+ var blur = attrs.blur,
+ top = attrs.top,
+ left = attrs.left,
+ color = attrs.color,
+ opacity = attrs.opacity;
+ var shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur).merge(add.source);
+ return add.blend(add.source, shadowBlur);
+ } // directly adds dropShadow to the element and returns the same element.
+ // the only way it is different from the addShadow() function is that addShadow is chainable to other filters, while this function discards all filters and add dropShadow
+
+ }, {
+ key: "dropShadow",
+ value: function dropShadow(el, attrs) {
+ var top = attrs.top,
+ left = attrs.left,
+ blur = attrs.blur,
+ color = attrs.color,
+ opacity = attrs.opacity,
+ noUserSpaceOnUse = attrs.noUserSpaceOnUse;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowBlur = null;
+
+ if (Utils.isSafari() || Utils.isFirefox() || Utils.isIE()) {
+ // safari/firefox has some alternative way to use this filter
+ shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur);
+ } else {
+ shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur).merge(add.source);
+ }
+
+ add.blend(add.source, shadowBlur);
+ });
+
+ if (!noUserSpaceOnUse) {
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ }
+
+ return el;
+ }
+ }, {
+ key: "setSelectionFilter",
+ value: function setSelectionFilter(el, realIndex, dataPointIndex) {
+ var w = this.w;
+
+ if (typeof w.globals.selectedDataPoints[realIndex] !== 'undefined') {
+ if (w.globals.selectedDataPoints[realIndex].indexOf(dataPointIndex) > -1) {
+ el.node.setAttribute('selected', true);
+ var activeFilter = w.config.states.active.filter;
+
+ if (activeFilter !== 'none') {
+ this.applyFilter(el, activeFilter.type, activeFilter.value);
+ }
+ }
+ }
+ }
+ }]);
+
+ return Filters;
+}();
+
+/**
+ * ApexCharts Animation Class.
+ *
+ * @module Animations
+ **/
+
+var Animations =
+/*#__PURE__*/
+function () {
+ function Animations(ctx) {
+ _classCallCheck(this, Animations);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.setEasingFunctions();
+ }
+
+ _createClass(Animations, [{
+ key: "setEasingFunctions",
+ value: function setEasingFunctions() {
+ var easing;
+ var userDefinedEasing = this.w.config.chart.animations.easing;
+
+ switch (userDefinedEasing) {
+ case 'linear':
+ {
+ easing = '-';
+ break;
+ }
+
+ case 'easein':
+ {
+ easing = '<';
+ break;
+ }
+
+ case 'easeout':
+ {
+ easing = '>';
+ break;
+ }
+
+ case 'easeinout':
+ {
+ easing = '<>';
+ break;
+ }
+
+ case 'swing':
+ {
+ easing = function easing(pos) {
+ var s = 1.70158;
+ return (pos -= 1) * pos * ((s + 1) * pos + s) + 1;
+ };
+
+ break;
+ }
+
+ case 'bounce':
+ {
+ easing = function easing(pos) {
+ if (pos < 1 / 2.75) {
+ return 7.5625 * pos * pos;
+ } else if (pos < 2 / 2.75) {
+ return 7.5625 * (pos -= 1.5 / 2.75) * pos + 0.75;
+ } else if (pos < 2.5 / 2.75) {
+ return 7.5625 * (pos -= 2.25 / 2.75) * pos + 0.9375;
+ } else {
+ return 7.5625 * (pos -= 2.625 / 2.75) * pos + 0.984375;
+ }
+ };
+
+ break;
+ }
+
+ case 'elastic':
+ {
+ easing = function easing(pos) {
+ if (pos === !!pos) return pos;
+ return Math.pow(2, -10 * pos) * Math.sin((pos - 0.075) * (2 * Math.PI) / 0.3) + 1;
+ };
+
+ break;
+ }
+
+ default:
+ {
+ easing = '<>';
+ }
+ }
+
+ this.w.globals.easing = easing;
+ }
+ }, {
+ key: "animateLine",
+ value: function animateLine(el, from, to, speed) {
+ el.attr(from).animate(speed).attr(to);
+ }
+ /*
+ ** Animate radius of a circle element
+ */
+
+ }, {
+ key: "animateCircleRadius",
+ value: function animateCircleRadius(el, from, to, speed, easing) {
+ if (!from) from = 0;
+ el.attr({
+ r: from
+ }).animate(speed, easing).attr({
+ r: to
+ });
+ }
+ /*
+ ** Animate radius and position of a circle element
+ */
+
+ }, {
+ key: "animateCircle",
+ value: function animateCircle(el, from, to, speed, easing) {
+ el.attr({
+ r: from.r,
+ cx: from.cx,
+ cy: from.cy
+ }).animate(speed, easing).attr({
+ r: to.r,
+ cx: to.cx,
+ cy: to.cy
+ });
+ }
+ /*
+ ** Animate rect properties
+ */
+
+ }, {
+ key: "animateRect",
+ value: function animateRect(el, from, to, speed, fn) {
+ el.attr(from).animate(speed).attr(to).afterAll(function () {
+ fn();
+ });
+ }
+ }, {
+ key: "animatePathsGradually",
+ value: function animatePathsGradually(params) {
+ var el = params.el,
+ j = params.j,
+ pathFrom = params.pathFrom,
+ pathTo = params.pathTo,
+ speed = params.speed,
+ delay = params.delay,
+ strokeWidth = params.strokeWidth;
+ var me = this;
+ var w = this.w;
+ var delayFactor = 0;
+
+ if (w.config.chart.animations.animateGradually.enabled) {
+ delayFactor = w.config.chart.animations.animateGradually.delay;
+ }
+
+ if (w.config.chart.animations.dynamicAnimation.enabled && w.globals.dataChanged) {
+ delayFactor = 0;
+ }
+
+ me.morphSVG(el, j, pathFrom, pathTo, speed, strokeWidth, delay * delayFactor);
+ }
+ }, {
+ key: "showDelayedElements",
+ value: function showDelayedElements() {
+ this.w.globals.delayedElements.forEach(function (d) {
+ var ele = d.el;
+ ele.classList.remove('hidden');
+ });
+ } // SVG.js animation for morphing one path to another
+
+ }, {
+ key: "morphSVG",
+ value: function morphSVG(el, j, pathFrom, pathTo, speed, strokeWidth, delay) {
+ var _this = this;
+
+ var w = this.w;
+
+ if (!pathFrom) {
+ pathFrom = el.attr('pathFrom');
+ }
+
+ if (!pathTo) {
+ pathTo = el.attr('pathTo');
+ }
+
+ if (!pathFrom || pathFrom.indexOf('undefined') > -1 || pathFrom.indexOf('NaN') > -1) {
+ pathFrom = "M 0 ".concat(w.globals.gridHeight);
+ speed = 1;
+ }
+
+ if (pathTo.indexOf('undefined') > -1 || pathTo.indexOf('NaN') > -1) {
+ pathTo = "M 0 ".concat(w.globals.gridHeight);
+ speed = 1;
+ }
+
+ if (!w.globals.shouldAnimate) {
+ speed = 1;
+ }
+
+ el.plot(pathFrom).animate(1, w.globals.easing, delay).plot(pathFrom).animate(speed, w.globals.easing, delay).plot(pathTo).afterAll(function () {
+ // a flag to indicate that the original mount function can return true now as animation finished here
+ if (Utils.isNumber(j)) {
+ if (j === w.globals.series[w.globals.maxValsInArrayIndex].length - 2 && w.globals.shouldAnimate) {
+ w.globals.animationEnded = true;
+ }
+ } else if (w.globals.shouldAnimate) {
+ w.globals.animationEnded = true;
+
+ if (typeof w.config.chart.events.animationEnd === 'function') {
+ w.config.chart.events.animationEnd(_this.ctx, w);
+ }
+ }
+
+ _this.showDelayedElements();
+ });
+ }
+ }]);
+
+ return Animations;
+}();
+
+/**
+ * ApexCharts Graphics Class for all drawing operations.
+ *
+ * @module Graphics
+ **/
+
+var Graphics =
+/*#__PURE__*/
+function () {
+ function Graphics(ctx) {
+ _classCallCheck(this, Graphics);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Graphics, [{
+ key: "drawLine",
+ value: function drawLine(x1, y1, x2, y2) {
+ var lineColor = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '#a8a8a8';
+ var dashArray = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+ var strokeWidth = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
+ var w = this.w;
+ var line = w.globals.dom.Paper.line().attr({
+ x1: x1,
+ y1: y1,
+ x2: x2,
+ y2: y2,
+ stroke: lineColor,
+ 'stroke-dasharray': dashArray,
+ 'stroke-width': strokeWidth
+ });
+ return line;
+ }
+ }, {
+ key: "drawRect",
+ value: function drawRect() {
+ var x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+ var x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+ var y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+ var radius = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+ var color = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '#fefefe';
+ var opacity = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 1;
+ var strokeWidth = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+ var strokeColor = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : null;
+ var strokeDashArray = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 0;
+ var w = this.w;
+ var rect = w.globals.dom.Paper.rect();
+ rect.attr({
+ x: x1,
+ y: y1,
+ width: x2 > 0 ? x2 : 0,
+ height: y2 > 0 ? y2 : 0,
+ rx: radius,
+ ry: radius,
+ fill: color,
+ opacity: opacity,
+ 'stroke-width': strokeWidth !== null ? strokeWidth : 0,
+ stroke: strokeColor !== null ? strokeColor : 'none',
+ 'stroke-dasharray': strokeDashArray
+ });
+ return rect;
+ }
+ }, {
+ key: "drawPolygon",
+ value: function drawPolygon(polygonString) {
+ var stroke = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#e1e1e1';
+ var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'none';
+ var w = this.w;
+ var polygon = w.globals.dom.Paper.polygon(polygonString).attr({
+ fill: fill,
+ stroke: stroke
+ });
+ return polygon;
+ }
+ }, {
+ key: "drawCircle",
+ value: function drawCircle(radius) {
+ var attrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var w = this.w;
+ var c = w.globals.dom.Paper.circle(radius * 2);
+
+ if (attrs !== null) {
+ c.attr(attrs);
+ }
+
+ return c;
+ }
+ }, {
+ key: "drawPath",
+ value: function drawPath(_ref) {
+ var _ref$d = _ref.d,
+ d = _ref$d === void 0 ? '' : _ref$d,
+ _ref$stroke = _ref.stroke,
+ stroke = _ref$stroke === void 0 ? '#a8a8a8' : _ref$stroke,
+ _ref$strokeWidth = _ref.strokeWidth,
+ strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth,
+ fill = _ref.fill,
+ _ref$fillOpacity = _ref.fillOpacity,
+ fillOpacity = _ref$fillOpacity === void 0 ? 1 : _ref$fillOpacity,
+ _ref$strokeOpacity = _ref.strokeOpacity,
+ strokeOpacity = _ref$strokeOpacity === void 0 ? 1 : _ref$strokeOpacity,
+ classes = _ref.classes,
+ _ref$strokeLinecap = _ref.strokeLinecap,
+ strokeLinecap = _ref$strokeLinecap === void 0 ? null : _ref$strokeLinecap,
+ _ref$strokeDashArray = _ref.strokeDashArray,
+ strokeDashArray = _ref$strokeDashArray === void 0 ? 0 : _ref$strokeDashArray;
+ var w = this.w;
+
+ if (strokeLinecap === null) {
+ strokeLinecap = w.config.stroke.lineCap;
+ }
+
+ if (d.indexOf('undefined') > -1 || d.indexOf('NaN') > -1) {
+ d = "M 0 ".concat(w.globals.gridHeight);
+ }
+
+ var p = w.globals.dom.Paper.path(d).attr({
+ fill: fill,
+ 'fill-opacity': fillOpacity,
+ stroke: stroke,
+ 'stroke-opacity': strokeOpacity,
+ 'stroke-linecap': strokeLinecap,
+ 'stroke-width': strokeWidth,
+ 'stroke-dasharray': strokeDashArray,
+ class: classes
+ });
+ return p;
+ }
+ }, {
+ key: "group",
+ value: function group() {
+ var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var w = this.w;
+ var g = w.globals.dom.Paper.group();
+
+ if (attrs !== null) {
+ g.attr(attrs);
+ }
+
+ return g;
+ }
+ }, {
+ key: "move",
+ value: function move(x, y) {
+ var move = ['M', x, y].join(' ');
+ return move;
+ }
+ }, {
+ key: "line",
+ value: function line(x, y) {
+ var hORv = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var line = null;
+
+ if (hORv === null) {
+ line = ['L', x, y].join(' ');
+ } else if (hORv === 'H') {
+ line = ['H', x].join(' ');
+ } else if (hORv === 'V') {
+ line = ['V', y].join(' ');
+ }
+
+ return line;
+ }
+ }, {
+ key: "curve",
+ value: function curve(x1, y1, x2, y2, x, y) {
+ var curve = ['C', x1, y1, x2, y2, x, y].join(' ');
+ return curve;
+ }
+ }, {
+ key: "quadraticCurve",
+ value: function quadraticCurve(x1, y1, x, y) {
+ var curve = ['Q', x1, y1, x, y].join(' ');
+ return curve;
+ }
+ }, {
+ key: "arc",
+ value: function arc(rx, ry, axisRotation, largeArcFlag, sweepFlag, x, y) {
+ var relative = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+ var coord = 'A';
+ if (relative) coord = 'a';
+ var arc = [coord, rx, ry, axisRotation, largeArcFlag, sweepFlag, x, y].join(' ');
+ return arc;
+ }
+ /**
+ * @memberof Graphics
+ * @param {object}
+ * i = series's index
+ * realIndex = realIndex is series's actual index when it was drawn time. After several redraws, the iterating "i" may change in loops, but realIndex doesn't
+ * pathFrom = existing pathFrom to animateTo
+ * pathTo = new Path to which d attr will be animated from pathFrom to pathTo
+ * stroke = line Color
+ * strokeWidth = width of path Line
+ * fill = it can be gradient, single color, pattern or image
+ * animationDelay = how much to delay when starting animation (in milliseconds)
+ * dataChangeSpeed = for dynamic animations, when data changes
+ * className = class attribute to add
+ * @return {object} svg.js path object
+ **/
+
+ }, {
+ key: "renderPaths",
+ value: function renderPaths(_ref2) {
+ var i = _ref2.i,
+ j = _ref2.j,
+ realIndex = _ref2.realIndex,
+ pathFrom = _ref2.pathFrom,
+ pathTo = _ref2.pathTo,
+ stroke = _ref2.stroke,
+ strokeWidth = _ref2.strokeWidth,
+ strokeLinecap = _ref2.strokeLinecap,
+ fill = _ref2.fill,
+ animationDelay = _ref2.animationDelay,
+ initialSpeed = _ref2.initialSpeed,
+ dataChangeSpeed = _ref2.dataChangeSpeed,
+ className = _ref2.className,
+ id = _ref2.id,
+ _ref2$shouldClipToGri = _ref2.shouldClipToGrid,
+ shouldClipToGrid = _ref2$shouldClipToGri === void 0 ? true : _ref2$shouldClipToGri,
+ _ref2$bindEventsOnPat = _ref2.bindEventsOnPaths,
+ bindEventsOnPaths = _ref2$bindEventsOnPat === void 0 ? true : _ref2$bindEventsOnPat;
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var anim = new Animations(this.ctx);
+ var initialAnim = this.w.config.chart.animations.enabled;
+ var dynamicAnim = initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ var d;
+ var shouldAnimate = !!(initialAnim && !w.globals.resized || dynamicAnim && w.globals.dataChanged && w.globals.shouldAnimate);
+
+ if (shouldAnimate) {
+ d = pathFrom;
+ } else {
+ d = pathTo;
+ this.w.globals.animationEnded = true;
+ }
+
+ var strokeDashArrayOpt = w.config.stroke.dashArray;
+ var strokeDashArray = 0;
+
+ if (Array.isArray(strokeDashArrayOpt)) {
+ strokeDashArray = strokeDashArrayOpt[realIndex];
+ } else {
+ strokeDashArray = w.config.stroke.dashArray;
+ }
+
+ var el = this.drawPath({
+ d: d,
+ stroke: stroke,
+ strokeWidth: strokeWidth,
+ fill: fill,
+ fillOpacity: 1,
+ classes: className,
+ strokeLinecap: strokeLinecap,
+ strokeDashArray: strokeDashArray
+ });
+ el.attr('id', "".concat(id, "-").concat(i));
+ el.attr('index', realIndex);
+
+ if (shouldClipToGrid) {
+ el.attr({
+ 'clip-path': "url(#gridRectMask".concat(w.globals.cuid, ")")
+ });
+ } // const defaultFilter = el.filterer
+
+
+ if (w.config.states.normal.filter.type !== 'none') {
+ filters.getDefaultFilter(el, w.config.states.normal.filter.type, w.config.states.normal.filter.value);
+ } else {
+ if (w.config.chart.dropShadow.enabled) {
+ if (!w.config.chart.dropShadow.enabledSeries || w.config.chart.dropShadow.enabledSeries && w.config.chart.dropShadow.enabledSeries.indexOf(realIndex) !== -1) {
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(el, shadow);
+ }
+ }
+ }
+
+ if (bindEventsOnPaths) {
+ el.node.addEventListener('mouseenter', this.pathMouseEnter.bind(this, el));
+ el.node.addEventListener('mouseleave', this.pathMouseLeave.bind(this, el));
+ el.node.addEventListener('mousedown', this.pathMouseDown.bind(this, el));
+ }
+
+ el.attr({
+ pathTo: pathTo,
+ pathFrom: pathFrom
+ });
+ var defaultAnimateOpts = {
+ el: el,
+ j: j,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth
+ };
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ anim.animatePathsGradually(_objectSpread({}, defaultAnimateOpts, {
+ speed: initialSpeed,
+ delay: animationDelay
+ }));
+ } else {
+ if (w.globals.resized || !w.globals.dataChanged) {
+ anim.showDelayedElements();
+ }
+ }
+
+ if (w.globals.dataChanged && dynamicAnim && shouldAnimate) {
+ anim.animatePathsGradually(_objectSpread({}, defaultAnimateOpts, {
+ speed: dataChangeSpeed
+ }));
+ }
+
+ return el;
+ }
+ }, {
+ key: "drawPattern",
+ value: function drawPattern(style, width, height) {
+ var stroke = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '#a8a8a8';
+ var strokeWidth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+ var w = this.w;
+ var p = w.globals.dom.Paper.pattern(width, height, function (add) {
+ if (style === 'horizontalLines') {
+ add.line(0, 0, height, 0).stroke({
+ color: stroke,
+ width: strokeWidth + 1
+ });
+ } else if (style === 'verticalLines') {
+ add.line(0, 0, 0, width).stroke({
+ color: stroke,
+ width: strokeWidth + 1
+ });
+ } else if (style === 'slantedLines') {
+ add.line(0, 0, width, height).stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ } else if (style === 'squares') {
+ add.rect(width, height).fill('none').stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ } else if (style === 'circles') {
+ add.circle(width).fill('none').stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ }
+ });
+ return p;
+ }
+ }, {
+ key: "drawGradient",
+ value: function drawGradient(style, gfrom, gto, opacityFrom, opacityTo) {
+ var size = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
+ var stops = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
+ var colorStops = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+ var i = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 0;
+ var w = this.w;
+ var g;
+ gfrom = Utils.hexToRgba(gfrom, opacityFrom);
+ gto = Utils.hexToRgba(gto, opacityTo);
+ var stop1 = 0;
+ var stop2 = 1;
+ var stop3 = 1;
+ var stop4 = null;
+
+ if (stops !== null) {
+ stop1 = typeof stops[0] !== 'undefined' ? stops[0] / 100 : 0;
+ stop2 = typeof stops[1] !== 'undefined' ? stops[1] / 100 : 1;
+ stop3 = typeof stops[2] !== 'undefined' ? stops[2] / 100 : 1;
+ stop4 = typeof stops[3] !== 'undefined' ? stops[3] / 100 : null;
+ }
+
+ var radial = !!(w.config.chart.type === 'donut' || w.config.chart.type === 'pie' || w.config.chart.type === 'bubble');
+
+ if (colorStops === null || colorStops.length === 0) {
+ g = w.globals.dom.Paper.gradient(radial ? 'radial' : 'linear', function (stop) {
+ stop.at(stop1, gfrom, opacityFrom);
+ stop.at(stop2, gto, opacityTo);
+ stop.at(stop3, gto, opacityTo);
+
+ if (stop4 !== null) {
+ stop.at(stop4, gfrom, opacityFrom);
+ }
+ });
+ } else {
+ g = w.globals.dom.Paper.gradient(radial ? 'radial' : 'linear', function (stop) {
+ var stops = Array.isArray(colorStops[i]) ? colorStops[i] : colorStops;
+ stops.forEach(function (s) {
+ stop.at(s.offset / 100, s.color, s.opacity);
+ });
+ });
+ }
+
+ if (!radial) {
+ if (style === 'vertical') {
+ g.from(0, 0).to(0, 1);
+ } else if (style === 'diagonal') {
+ g.from(0, 0).to(1, 1);
+ } else if (style === 'horizontal') {
+ g.from(0, 1).to(1, 1);
+ } else if (style === 'diagonal2') {
+ g.from(0, 1).to(2, 2);
+ }
+ } else {
+ var offx = w.globals.gridWidth / 2;
+ var offy = w.globals.gridHeight / 2;
+
+ if (w.config.chart.type !== 'bubble') {
+ g.attr({
+ gradientUnits: 'userSpaceOnUse',
+ cx: offx,
+ cy: offy,
+ r: size
+ });
+ } else {
+ g.attr({
+ cx: 0.5,
+ cy: 0.5,
+ r: 0.8,
+ fx: 0.2,
+ fy: 0.2
+ });
+ }
+ }
+
+ return g;
+ }
+ }, {
+ key: "drawText",
+ value: function drawText(opts) {
+ var w = this.w;
+ var x = opts.x,
+ y = opts.y,
+ text = opts.text,
+ textAnchor = opts.textAnchor,
+ fontSize = opts.fontSize,
+ fontFamily = opts.fontFamily,
+ foreColor = opts.foreColor,
+ opacity = opts.opacity;
+
+ if (!textAnchor) {
+ textAnchor = 'start';
+ }
+
+ if (!foreColor) {
+ foreColor = w.config.chart.foreColor;
+ }
+
+ fontFamily = fontFamily || w.config.chart.fontFamily;
+ var elText;
+
+ if (Array.isArray(text)) {
+ elText = w.globals.dom.Paper.text(function (add) {
+ for (var i = 0; i < text.length; i++) {
+ add.tspan(text[i]);
+ }
+ });
+ } else {
+ elText = w.globals.dom.Paper.plain(text);
+ }
+
+ elText.attr({
+ x: x,
+ y: y,
+ 'text-anchor': textAnchor,
+ 'dominant-baseline': 'central',
+ 'font-size': fontSize,
+ 'font-family': fontFamily,
+ fill: foreColor,
+ class: 'apexcharts-text ' + opts.cssClass ? opts.cssClass : ''
+ });
+ elText.node.style.fontFamily = fontFamily;
+ elText.node.style.opacity = opacity;
+ return elText;
+ }
+ }, {
+ key: "addTspan",
+ value: function addTspan(textEl, text, fontFamily) {
+ var tspan = textEl.tspan(text);
+
+ if (!fontFamily) {
+ fontFamily = this.w.config.chart.fontFamily;
+ }
+
+ tspan.node.style.fontFamily = fontFamily;
+ }
+ }, {
+ key: "drawMarker",
+ value: function drawMarker(x, y, opts) {
+ x = x || 0;
+ var size = opts.pSize || 0;
+ var elPoint = null;
+
+ if (opts.shape === 'square') {
+ var radius = opts.pRadius === undefined ? size / 2 : opts.pRadius;
+
+ if (y === null) {
+ size = 0;
+ radius = 0;
+ }
+
+ var nSize = size * 1.2 + radius;
+ var p = this.drawRect(nSize, nSize, nSize, nSize, radius);
+ p.attr({
+ x: x - nSize / 2,
+ y: y - nSize / 2,
+ cx: x,
+ cy: y,
+ class: opts.class ? opts.class : '',
+ fill: opts.pointFillColor,
+ 'fill-opacity': opts.pointFillOpacity ? opts.pointFillOpacity : 1,
+ stroke: opts.pointStrokeColor,
+ 'stroke-width': opts.pWidth ? opts.pWidth : 0,
+ 'stroke-opacity': opts.pointStrokeOpacity ? opts.pointStrokeOpacity : 1
+ });
+ elPoint = p;
+ } else if (opts.shape === 'circle') {
+ if (!Utils.isNumber(y)) {
+ size = 0;
+ y = 0;
+ } // let nSize = size - opts.pRadius / 2 < 0 ? 0 : size - opts.pRadius / 2
+
+
+ elPoint = this.drawCircle(size, {
+ cx: x,
+ cy: y,
+ class: opts.class ? opts.class : '',
+ stroke: opts.pointStrokeColor,
+ fill: opts.pointFillColor,
+ 'fill-opacity': opts.pointFillOpacity ? opts.pointFillOpacity : 1,
+ 'stroke-width': opts.pWidth ? opts.pWidth : 0,
+ 'stroke-opacity': opts.pointStrokeOpacity ? opts.pointStrokeOpacity : 1
+ });
+ }
+
+ return elPoint;
+ }
+ }, {
+ key: "pathMouseEnter",
+ value: function pathMouseEnter(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+
+ if (typeof w.config.chart.events.dataPointMouseEnter === 'function') {
+ w.config.chart.events.dataPointMouseEnter(e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointMouseEnter', [e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]);
+
+ if (w.config.states.active.filter.type !== 'none') {
+ if (path.node.getAttribute('selected') === 'true') {
+ return;
+ }
+ }
+
+ if (w.config.states.hover.filter.type !== 'none') {
+ if (w.config.states.active.filter.type !== 'none' && !w.globals.isTouchDevice) {
+ var hoverFilter = w.config.states.hover.filter;
+ filters.applyFilter(path, hoverFilter.type, hoverFilter.value);
+ }
+ }
+ }
+ }, {
+ key: "pathMouseLeave",
+ value: function pathMouseLeave(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+
+ if (typeof w.config.chart.events.dataPointMouseLeave === 'function') {
+ w.config.chart.events.dataPointMouseLeave(e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointMouseLeave', [e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]);
+
+ if (w.config.states.active.filter.type !== 'none') {
+ if (path.node.getAttribute('selected') === 'true') {
+ return;
+ }
+ }
+
+ if (w.config.states.hover.filter.type !== 'none') {
+ filters.getDefaultFilter(path);
+ }
+ }
+ }, {
+ key: "pathMouseDown",
+ value: function pathMouseDown(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+ var selected = 'false';
+
+ if (path.node.getAttribute('selected') === 'true') {
+ path.node.setAttribute('selected', 'false');
+
+ if (w.globals.selectedDataPoints[i].indexOf(j) > -1) {
+ var index = w.globals.selectedDataPoints[i].indexOf(j);
+ w.globals.selectedDataPoints[i].splice(index, 1);
+ }
+ } else {
+ if (!w.config.states.active.allowMultipleDataPointsSelection && w.globals.selectedDataPoints.length > 0) {
+ w.globals.selectedDataPoints = [];
+ var elPaths = w.globals.dom.Paper.select('.apexcharts-series path').members;
+ var elCircles = w.globals.dom.Paper.select('.apexcharts-series circle, .apexcharts-series rect').members;
+ elPaths.forEach(function (elPath) {
+ elPath.node.setAttribute('selected', 'false');
+ filters.getDefaultFilter(elPath);
+ });
+ elCircles.forEach(function (circle) {
+ circle.node.setAttribute('selected', 'false');
+ filters.getDefaultFilter(circle);
+ });
+ }
+
+ path.node.setAttribute('selected', 'true');
+ selected = 'true';
+
+ if (typeof w.globals.selectedDataPoints[i] === 'undefined') {
+ w.globals.selectedDataPoints[i] = [];
+ }
+
+ w.globals.selectedDataPoints[i].push(j);
+ }
+
+ if (selected === 'true') {
+ var activeFilter = w.config.states.active.filter;
+
+ if (activeFilter !== 'none') {
+ filters.applyFilter(path, activeFilter.type, activeFilter.value);
+ }
+ } else {
+ if (w.config.states.active.filter.type !== 'none') {
+ filters.getDefaultFilter(path);
+ }
+ }
+
+ if (typeof w.config.chart.events.dataPointSelection === 'function') {
+ w.config.chart.events.dataPointSelection(e, this.ctx, {
+ selectedDataPoints: w.globals.selectedDataPoints,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointSelection', [e, this.ctx, {
+ selectedDataPoints: w.globals.selectedDataPoints,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]); // if (this.w.config.chart.selection.selectedPoints !== undefined) {
+ // this.w.config.chart.selection.selectedPoints(w.globals.selectedDataPoints)
+ // }
+ }
+ }, {
+ key: "rotateAroundCenter",
+ value: function rotateAroundCenter(el) {
+ var coord = el.getBBox();
+ var x = coord.x + coord.width / 2;
+ var y = coord.y + coord.height / 2;
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "getTextRects",
+ value: function getTextRects(text, fontSize, fontFamily, transform) {
+ var useBBox = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
+ var w = this.w;
+ var virtualText = this.drawText({
+ x: -200,
+ y: -200,
+ text: text,
+ textAnchor: 'start',
+ fontSize: fontSize,
+ fontFamily: fontFamily,
+ foreColor: '#fff',
+ opacity: 0
+ });
+
+ if (transform) {
+ virtualText.attr('transform', transform);
+ }
+
+ w.globals.dom.Paper.add(virtualText);
+ var rect = virtualText.bbox();
+
+ if (!useBBox) {
+ rect = virtualText.node.getBoundingClientRect();
+ }
+
+ virtualText.remove();
+ return {
+ width: rect.width,
+ height: rect.height
+ };
+ }
+ /**
+ * append ... to long text
+ * http://stackoverflow.com/questions/9241315/trimming-text-to-a-given-pixel-width-in-svg
+ * @memberof Graphics
+ **/
+
+ }, {
+ key: "placeTextWithEllipsis",
+ value: function placeTextWithEllipsis(textObj, textString, width) {
+ textObj.textContent = textString;
+
+ if (textString.length > 0) {
+ // ellipsis is needed
+ if (textObj.getSubStringLength(0, textString.length) >= width) {
+ for (var x = textString.length - 3; x > 0; x -= 3) {
+ if (textObj.getSubStringLength(0, x) <= width) {
+ textObj.textContent = textString.substring(0, x) + '...';
+ return;
+ }
+ }
+
+ textObj.textContent = '...'; // can't place at all
+ }
+ }
+ }
+ }], [{
+ key: "setAttrs",
+ value: function setAttrs(el, attrs) {
+ for (var key in attrs) {
+ if (attrs.hasOwnProperty(key)) {
+ el.setAttribute(key, attrs[key]);
+ }
+ }
+ }
+ }]);
+
+ return Graphics;
+}();
+
+const name = "en";
+const options = {
+ months: [
+ "January",
+ "February",
+ "March",
+ "April",
+ "May",
+ "June",
+ "July",
+ "August",
+ "September",
+ "October",
+ "November",
+ "December"
+ ],
+ shortMonths: [
+ "Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec"
+ ],
+ days: [
+ "Sunday",
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ shortDays: [
+ "Sun",
+ "Mon",
+ "Tue",
+ "Wed",
+ "Thu",
+ "Fri",
+ "Sat"
+ ],
+ toolbar: {
+ exportToSVG: "Download SVG",
+ exportToPNG: "Download PNG",
+ menu: "Menu",
+ selection: "Selection",
+ selectionZoom: "Selection Zoom",
+ zoomIn: "Zoom In",
+ zoomOut: "Zoom Out",
+ pan: "Panning",
+ reset: "Reset Zoom"
+ }
+};
+var en = {
+ name: name,
+ options: options
+};
+
+var Options =
+/*#__PURE__*/
+function () {
+ function Options() {
+ _classCallCheck(this, Options);
+
+ this.yAxis = {
+ show: true,
+ showAlways: false,
+ seriesName: undefined,
+ opposite: false,
+ reversed: false,
+ logarithmic: false,
+ tickAmount: undefined,
+ forceNiceScale: false,
+ max: undefined,
+ min: undefined,
+ floating: false,
+ decimalsInFloat: 2,
+ labels: {
+ show: true,
+ minWidth: 0,
+ maxWidth: 160,
+ offsetX: 0,
+ offsetY: 0,
+ rotate: 0,
+ padding: 20,
+ style: {
+ colors: [],
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: ''
+ },
+ formatter: undefined
+ },
+ axisBorder: {
+ show: false,
+ color: '#78909C',
+ offsetX: 0,
+ offsetY: 0
+ },
+ axisTicks: {
+ show: false,
+ color: '#78909C',
+ width: 6,
+ offsetX: 0,
+ offsetY: 0
+ },
+ title: {
+ text: undefined,
+ rotate: 90,
+ offsetY: 0,
+ offsetX: 0,
+ style: {
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: ''
+ }
+ },
+ tooltip: {
+ enabled: false,
+ offsetX: 0
+ },
+ crosshairs: {
+ show: true,
+ position: 'front',
+ stroke: {
+ color: '#b6b6b6',
+ width: 1,
+ dashArray: 0
+ }
+ }
+ };
+ this.xAxisAnnotation = {
+ x: 0,
+ x2: null,
+ strokeDashArray: 1,
+ fillColor: '#c2c2c2',
+ borderColor: '#c2c2c2',
+ opacity: 0.3,
+ offsetX: 0,
+ offsetY: 0,
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'middle',
+ orientation: 'vertical',
+ position: 'top',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 2,
+ bottom: 2
+ }
+ }
+ }
+ };
+ this.yAxisAnnotation = {
+ y: 0,
+ y2: null,
+ strokeDashArray: 1,
+ fillColor: '#c2c2c2',
+ borderColor: '#c2c2c2',
+ opacity: 0.3,
+ offsetX: 0,
+ offsetY: 0,
+ yAxisIndex: 0,
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'end',
+ position: 'right',
+ offsetX: 0,
+ offsetY: -3,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 0,
+ bottom: 2
+ }
+ }
+ }
+ };
+ this.pointAnnotation = {
+ x: 0,
+ y: null,
+ yAxisIndex: 0,
+ seriesIndex: 0,
+ marker: {
+ size: 0,
+ fillColor: '#fff',
+ strokeWidth: 2,
+ strokeColor: '#333',
+ shape: 'circle',
+ offsetX: 0,
+ offsetY: 0,
+ radius: 2,
+ cssClass: ''
+ },
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'middle',
+ offsetX: 0,
+ offsetY: -15,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 0,
+ bottom: 2
+ }
+ }
+ },
+ customSVG: {
+ SVG: undefined,
+ cssClass: undefined,
+ offsetX: 0,
+ offsetY: 0
+ }
+ };
+ }
+
+ _createClass(Options, [{
+ key: "init",
+ value: function init() {
+ return {
+ annotations: {
+ position: 'front',
+ yaxis: [this.yAxisAnnotation],
+ xaxis: [this.xAxisAnnotation],
+ points: [this.pointAnnotation]
+ },
+ chart: {
+ animations: {
+ enabled: true,
+ easing: 'easeinout',
+ // linear, easeout, easein, easeinout, swing, bounce, elastic
+ speed: 800,
+ animateGradually: {
+ delay: 150,
+ enabled: true
+ },
+ dynamicAnimation: {
+ enabled: true,
+ speed: 350
+ }
+ },
+ background: 'transparent',
+ locales: [en],
+ defaultLocale: 'en',
+ dropShadow: {
+ enabled: false,
+ enabledSeries: undefined,
+ top: 2,
+ left: 2,
+ blur: 4,
+ color: '#000',
+ opacity: 0.35
+ },
+ events: {
+ animationEnd: undefined,
+ beforeMount: undefined,
+ mounted: undefined,
+ updated: undefined,
+ click: undefined,
+ legendClick: undefined,
+ selection: undefined,
+ dataPointSelection: undefined,
+ dataPointMouseEnter: undefined,
+ dataPointMouseLeave: undefined,
+ beforeZoom: undefined,
+ zoomed: undefined,
+ scrolled: undefined
+ },
+ foreColor: '#373d3f',
+ fontFamily: 'Helvetica, Arial, sans-serif',
+ height: 'auto',
+ id: undefined,
+ group: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ selection: {
+ enabled: false,
+ type: 'x',
+ // selectedPoints: undefined, // default datapoints that should be selected automatically
+ fill: {
+ color: '#24292e',
+ opacity: 0.1
+ },
+ stroke: {
+ width: 1,
+ color: '#24292e',
+ opacity: 0.4,
+ dashArray: 3
+ },
+ xaxis: {
+ min: undefined,
+ max: undefined
+ },
+ yaxis: {
+ min: undefined,
+ max: undefined
+ }
+ },
+ sparkline: {
+ enabled: false
+ },
+ brush: {
+ enabled: false,
+ autoScaleYaxis: false,
+ target: undefined
+ },
+ stacked: false,
+ stackType: 'normal',
+ toolbar: {
+ show: true,
+ tools: {
+ download: true,
+ selection: true,
+ zoom: true,
+ zoomin: true,
+ zoomout: true,
+ pan: true,
+ reset: true,
+ customIcons: []
+ },
+ autoSelected: 'zoom' // accepts -> zoom, pan, selection
+
+ },
+ type: 'line',
+ width: '100%',
+ zoom: {
+ enabled: true,
+ type: 'x',
+ // autoScaleYaxis: false, // TODO: rewrite the autoScaleY function
+ zoomedArea: {
+ fill: {
+ color: '#90CAF9',
+ opacity: 0.4
+ },
+ stroke: {
+ color: '#0D47A1',
+ opacity: 0.4,
+ width: 1
+ }
+ }
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ endingShape: 'flat',
+ // TODO: deprecate in 4.0
+ columnWidth: '70%',
+ // should be in percent 0 - 100
+ barHeight: '70%',
+ // should be in percent 0 - 100
+ distributed: false,
+ colors: {
+ ranges: [],
+ backgroundBarColors: [],
+ backgroundBarOpacity: 1
+ },
+ dataLabels: {
+ position: 'top' // top, center, bottom
+ // TODO: provide stackedLabels for stacked charts which gives additions of values
+
+ }
+ },
+ candlestick: {
+ colors: {
+ upward: '#00B746',
+ downward: '#EF403C'
+ },
+ wick: {
+ useFillColor: true
+ }
+ },
+ heatmap: {
+ radius: 2,
+ enableShades: true,
+ shadeIntensity: 0.5,
+ distributed: false,
+ colorScale: {
+ inverse: false,
+ ranges: [],
+ min: undefined,
+ max: undefined
+ }
+ },
+ radialBar: {
+ size: undefined,
+ inverseOrder: false,
+ startAngle: 0,
+ endAngle: 360,
+ offsetX: 0,
+ offsetY: 0,
+ hollow: {
+ margin: 5,
+ size: '50%',
+ background: 'transparent',
+ image: undefined,
+ imageWidth: 150,
+ imageHeight: 150,
+ imageOffsetX: 0,
+ imageOffsetY: 0,
+ imageClipped: true,
+ position: 'front',
+ dropShadow: {
+ enabled: false,
+ top: 0,
+ left: 0,
+ blur: 3,
+ color: '#000',
+ opacity: 0.5
+ }
+ },
+ track: {
+ show: true,
+ startAngle: undefined,
+ endAngle: undefined,
+ background: '#f2f2f2',
+ strokeWidth: '97%',
+ opacity: 1,
+ margin: 5,
+ // margin is in pixels
+ dropShadow: {
+ enabled: false,
+ top: 0,
+ left: 0,
+ blur: 3,
+ color: '#000',
+ opacity: 0.5
+ }
+ },
+ dataLabels: {
+ show: true,
+ name: {
+ show: true,
+ fontSize: '16px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 0
+ },
+ value: {
+ show: true,
+ fontSize: '14px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 16,
+ formatter: function formatter(val) {
+ return val + '%';
+ }
+ },
+ total: {
+ show: false,
+ label: 'Total',
+ color: '#373d3f',
+ formatter: function formatter(w) {
+ return w.globals.seriesTotals.reduce(function (a, b) {
+ return a + b;
+ }, 0) / w.globals.series.length + '%';
+ }
+ }
+ }
+ },
+ pie: {
+ size: undefined,
+ customScale: 1,
+ offsetX: 0,
+ offsetY: 0,
+ expandOnClick: true,
+ dataLabels: {
+ // These are the percentage values which are displayed on slice
+ offset: 0 // offset by which labels will move outside
+
+ },
+ donut: {
+ size: '65%',
+ background: 'transparent',
+ labels: {
+ // These are the inner labels appearing inside donut
+ show: false,
+ name: {
+ show: true,
+ fontSize: '16px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: -10
+ },
+ value: {
+ show: true,
+ fontSize: '20px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 10,
+ formatter: function formatter(val) {
+ return val;
+ }
+ },
+ total: {
+ show: false,
+ label: 'Total',
+ color: '#373d3f',
+ formatter: function formatter(w) {
+ return w.globals.seriesTotals.reduce(function (a, b) {
+ return a + b;
+ }, 0);
+ }
+ }
+ }
+ }
+ },
+ radar: {
+ size: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ polygons: {
+ // strokeColor: '#e8e8e8', // should be deprecated in the minor version i.e 3.2
+ strokeColors: '#e8e8e8',
+ connectorColors: '#e8e8e8',
+ fill: {
+ colors: undefined
+ }
+ }
+ }
+ },
+ colors: undefined,
+ dataLabels: {
+ enabled: true,
+ enabledOnSeries: undefined,
+ formatter: function formatter(val) {
+ return val;
+ },
+ textAnchor: 'middle',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined,
+ colors: undefined
+ },
+ dropShadow: {
+ enabled: false,
+ top: 1,
+ left: 1,
+ blur: 1,
+ color: '#000',
+ opacity: 0.45
+ }
+ },
+ fill: {
+ type: 'solid',
+ colors: undefined,
+ // array of colors
+ opacity: 0.85,
+ gradient: {
+ shade: 'dark',
+ type: 'horizontal',
+ shadeIntensity: 0.5,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 100],
+ colorStops: []
+ },
+ image: {
+ src: [],
+ width: undefined,
+ // optional
+ height: undefined // optional
+
+ },
+ pattern: {
+ style: 'sqaures',
+ // String | Array of Strings
+ width: 6,
+ height: 6,
+ strokeWidth: 2
+ }
+ },
+ grid: {
+ show: true,
+ borderColor: '#e0e0e0',
+ strokeDashArray: 0,
+ position: 'back',
+ xaxis: {
+ lines: {
+ show: false,
+ animate: false
+ }
+ },
+ yaxis: {
+ lines: {
+ show: true,
+ animate: true
+ }
+ },
+ row: {
+ colors: undefined,
+ // takes as array which will be repeated on rows
+ opacity: 0.5
+ },
+ column: {
+ colors: undefined,
+ // takes an array which will be repeated on columns
+ opacity: 0.5
+ },
+ padding: {
+ top: 0,
+ right: 10,
+ bottom: 0,
+ left: 12
+ }
+ },
+ labels: [],
+ legend: {
+ show: true,
+ showForSingleSeries: false,
+ showForNullSeries: true,
+ showForZeroSeries: true,
+ floating: false,
+ position: 'bottom',
+ // whether to position legends in 1 of 4
+ // direction - top, bottom, left, right
+ horizontalAlign: 'center',
+ // when position top/bottom, you can specify whether to align legends left, right or center
+ fontSize: '12px',
+ fontFamily: undefined,
+ width: undefined,
+ height: undefined,
+ formatter: undefined,
+ offsetX: -20,
+ offsetY: 0,
+ labels: {
+ colors: undefined,
+ useSeriesColors: false
+ },
+ markers: {
+ width: 12,
+ height: 12,
+ strokeWidth: 0,
+ strokeColor: '#fff',
+ radius: 12,
+ customHTML: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ onClick: undefined
+ },
+ itemMargin: {
+ horizontal: 0,
+ vertical: 5
+ },
+ onItemClick: {
+ toggleDataSeries: true
+ },
+ onItemHover: {
+ highlightDataSeries: true
+ }
+ },
+ markers: {
+ discrete: [],
+ size: 0,
+ colors: undefined,
+ //strokeColor: '#fff', // TODO: deprecate in major version 4.0
+ strokeColors: '#fff',
+ strokeWidth: 2,
+ strokeOpacity: 0.9,
+ fillOpacity: 1,
+ shape: 'circle',
+ radius: 2,
+ offsetX: 0,
+ offsetY: 0,
+ hover: {
+ size: undefined,
+ sizeOffset: 3
+ }
+ },
+ noData: {
+ text: undefined,
+ align: 'center',
+ verticalAlign: 'middle',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ color: undefined,
+ fontSize: '14px',
+ fontFamily: undefined
+ }
+ },
+ responsive: [],
+ // breakpoints should follow ascending order 400, then 700, then 1000
+ series: undefined,
+ states: {
+ normal: {
+ filter: {
+ type: 'none',
+ value: 0
+ }
+ },
+ hover: {
+ filter: {
+ type: 'lighten',
+ value: 0.15
+ }
+ },
+ active: {
+ allowMultipleDataPointsSelection: false,
+ filter: {
+ type: 'darken',
+ value: 0.65
+ }
+ }
+ },
+ title: {
+ text: undefined,
+ align: 'left',
+ margin: 10,
+ offsetX: 0,
+ offsetY: 0,
+ floating: false,
+ style: {
+ fontSize: '14px',
+ fontFamily: undefined,
+ color: undefined
+ }
+ },
+ subtitle: {
+ text: undefined,
+ align: 'left',
+ margin: 10,
+ offsetX: 0,
+ offsetY: 30,
+ floating: false,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined,
+ color: undefined
+ }
+ },
+ stroke: {
+ show: true,
+ curve: 'smooth',
+ // "smooth" / "straight" / "stepline"
+ lineCap: 'butt',
+ // round, butt , square
+ width: 2,
+ colors: undefined,
+ // array of colors
+ dashArray: 0 // single value or array of values
+
+ },
+ tooltip: {
+ enabled: true,
+ shared: true,
+ followCursor: false,
+ // when disabled, the tooltip will show on top of the series instead of mouse position
+ intersect: false,
+ // when enabled, tooltip will only show when user directly hovers over point
+ inverseOrder: false,
+ custom: undefined,
+ fillSeriesColor: false,
+ theme: 'light',
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined
+ },
+ onDatasetHover: {
+ highlightDataSeries: false
+ },
+ x: {
+ // x value
+ show: true,
+ format: 'dd MMM',
+ // dd/MM, dd MMM yy, dd MMM yyyy
+ formatter: undefined // a custom user supplied formatter function
+
+ },
+ y: {
+ formatter: undefined,
+ title: {
+ formatter: function formatter(seriesName) {
+ return seriesName;
+ }
+ }
+ },
+ z: {
+ formatter: undefined,
+ title: 'Size: '
+ },
+ marker: {
+ show: true
+ },
+ items: {
+ display: 'flex'
+ },
+ fixed: {
+ enabled: false,
+ position: 'topRight',
+ // topRight, topLeft, bottomRight, bottomLeft
+ offsetX: 0,
+ offsetY: 0
+ }
+ },
+ xaxis: {
+ type: 'category',
+ categories: [],
+ offsetX: 0,
+ offsetY: 0,
+ labels: {
+ show: true,
+ rotate: -45,
+ rotateAlways: false,
+ hideOverlappingLabels: true,
+ trim: true,
+ minHeight: undefined,
+ maxHeight: 120,
+ showDuplicates: true,
+ style: {
+ colors: [],
+ fontSize: '12px',
+ fontFamily: undefined,
+ cssClass: ''
+ },
+ offsetX: 0,
+ offsetY: 0,
+ format: undefined,
+ formatter: undefined,
+ // custom formatter function which will override format
+ datetimeFormatter: {
+ year: 'yyyy',
+ month: "MMM 'yy",
+ day: 'dd MMM',
+ hour: 'HH:mm',
+ minute: 'HH:mm:ss'
+ }
+ },
+ axisBorder: {
+ show: true,
+ color: '#78909C',
+ width: '100%',
+ height: 1,
+ offsetX: 0,
+ offsetY: 0
+ },
+ axisTicks: {
+ show: true,
+ color: '#78909C',
+ height: 6,
+ offsetX: 0,
+ offsetY: 0
+ },
+ tickAmount: undefined,
+ tickPlacement: 'on',
+ min: undefined,
+ max: undefined,
+ range: undefined,
+ floating: false,
+ position: 'bottom',
+ title: {
+ text: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ color: undefined,
+ fontSize: '12px',
+ fontFamily: undefined,
+ cssClass: ''
+ }
+ },
+ crosshairs: {
+ show: true,
+ width: 1,
+ // tickWidth/barWidth or an integer
+ position: 'back',
+ opacity: 0.9,
+ stroke: {
+ color: '#b6b6b6',
+ width: 1,
+ dashArray: 3
+ },
+ fill: {
+ type: 'solid',
+ // solid, gradient
+ color: '#B1B9C4',
+ gradient: {
+ colorFrom: '#D8E3F0',
+ colorTo: '#BED1E6',
+ stops: [0, 100],
+ opacityFrom: 0.4,
+ opacityTo: 0.5
+ }
+ },
+ dropShadow: {
+ enabled: false,
+ left: 0,
+ top: 0,
+ blur: 1,
+ opacity: 0.4
+ }
+ },
+ tooltip: {
+ enabled: true,
+ offsetY: 0,
+ formatter: undefined,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined
+ }
+ }
+ },
+ yaxis: this.yAxis,
+ theme: {
+ palette: 'palette1',
+ // If defined, it will overwrite globals.colors variable
+ monochrome: {
+ // monochrome allows you to select just 1 color and fill out the rest with light/dark shade (intensity can be selected)
+ enabled: false,
+ color: '#008FFB',
+ shadeTo: 'light',
+ shadeIntensity: 0.65
+ }
+ }
+ };
+ }
+ }]);
+
+ return Options;
+}();
+
+/**
+ * ApexCharts Annotations Class for drawing lines/rects on both xaxis and yaxis.
+ *
+ * @module Annotations
+ **/
+
+var Annotations =
+/*#__PURE__*/
+function () {
+ function Annotations(ctx) {
+ _classCallCheck(this, Annotations);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.graphics = new Graphics(this.ctx);
+
+ if (this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal) {
+ this.invertAxis = true;
+ }
+
+ this.xDivision = this.w.globals.gridWidth / this.w.globals.dataPoints;
+ }
+
+ _createClass(Annotations, [{
+ key: "drawAnnotations",
+ value: function drawAnnotations() {
+ var w = this.w;
+
+ if (w.globals.axisCharts) {
+ var yAnnotations = this.drawYAxisAnnotations();
+ var xAnnotations = this.drawXAxisAnnotations();
+ var pointAnnotations = this.drawPointAnnotations();
+ var initialAnim = w.config.chart.animations.enabled;
+ var annoArray = [yAnnotations, xAnnotations, pointAnnotations];
+ var annoElArray = [xAnnotations.node, yAnnotations.node, pointAnnotations.node];
+
+ for (var i = 0; i < 3; i++) {
+ w.globals.dom.elGraphical.add(annoArray[i]);
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ annoElArray[i].classList.add('hidden');
+ }
+
+ w.globals.delayedElements.push({
+ el: annoElArray[i],
+ index: 0
+ });
+ } // after placing the annotations on svg, set any vertically placed annotations
+
+
+ this.setOrientations(w.config.annotations.xaxis); // background sizes needs to be calculated after text is drawn, so calling them last
+
+ this.annotationsBackground();
+ }
+ }
+ }, {
+ key: "addXaxisAnnotation",
+ value: function addXaxisAnnotation(anno, parent, index) {
+ var w = this.w;
+ var min = this.invertAxis ? w.globals.minY : w.globals.minX;
+ var range = this.invertAxis ? w.globals.yRange[0] : w.globals.xRange;
+ var x1 = (anno.x - min) / (range / w.globals.gridWidth);
+
+ if (w.config.xaxis.type === 'category' || w.config.xaxis.convertedCatToNumeric) {
+ var catIndex = w.globals.labels.indexOf(anno.x);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+ x1 = parseFloat(xLabel.getAttribute('x'));
+ }
+
+ var strokeDashArray = anno.strokeDashArray;
+ if (x1 < 0 || x1 > w.globals.gridWidth) return;
+
+ if (anno.x2 === null) {
+ var line = this.graphics.drawLine(x1 + anno.offsetX, // x1
+ 0 + anno.offsetY, // y1
+ x1 + anno.offsetX, // x2
+ w.globals.gridHeight + anno.offsetY, // y2
+ anno.borderColor, // lineColor
+ strokeDashArray //dashArray
+ );
+ parent.appendChild(line.node);
+ } else {
+ var x2 = (anno.x2 - min) / (range / w.globals.gridWidth);
+
+ if (x2 < x1) {
+ var temp = x1;
+ x1 = x2;
+ x2 = temp;
+ }
+
+ var rect = this.graphics.drawRect(x1 + anno.offsetX, // x1
+ 0 + anno.offsetY, // y1
+ x2 - x1, // x2
+ w.globals.gridHeight + anno.offsetY, // y2
+ 0, // radius
+ anno.fillColor, // color
+ anno.opacity, // opacity,
+ 1, // strokeWidth
+ anno.borderColor, // strokeColor
+ strokeDashArray // stokeDashArray
+ );
+ parent.appendChild(rect.node);
+ }
+
+ var textY = anno.label.position === 'top' ? -3 : w.globals.gridHeight;
+ var text = anno.label.text ? anno.label.text : '';
+ var elText = this.graphics.drawText({
+ x: x1 + anno.label.offsetX,
+ y: textY + anno.label.offsetY,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-xaxis-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+ }
+ }, {
+ key: "drawXAxisAnnotations",
+ value: function drawXAxisAnnotations() {
+ var _this = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-xaxis-annotations'
+ });
+ w.config.annotations.xaxis.map(function (anno, index) {
+ _this.addXaxisAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "addYaxisAnnotation",
+ value: function addYaxisAnnotation(anno, parent, index) {
+ var w = this.w;
+ var strokeDashArray = anno.strokeDashArray;
+ var y1;
+ var y2;
+
+ if (this.invertAxis) {
+ var catIndex = w.globals.labels.indexOf(anno.y);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-yaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+ y1 = parseFloat(xLabel.getAttribute('y'));
+ } else {
+ y1 = w.globals.gridHeight - (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y1 = (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ var text = anno.label.text ? anno.label.text : '';
+
+ if (anno.y2 === null) {
+ var line = this.graphics.drawLine(0 + anno.offsetX, // x1
+ y1 + anno.offsetY, // y1
+ w.globals.gridWidth + anno.offsetX, // x2
+ y1 + anno.offsetY, // y2
+ anno.borderColor, // lineColor
+ strokeDashArray // dashArray
+ );
+ parent.appendChild(line.node);
+ } else {
+ if (this.invertAxis) {
+ var _catIndex = w.globals.labels.indexOf(anno.y2);
+
+ var _xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-yaxis-texts-g text:nth-child(' + (_catIndex + 1) + ')');
+
+ y2 = parseFloat(_xLabel.getAttribute('y'));
+ } else {
+ y2 = w.globals.gridHeight - (anno.y2 - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y2 = (anno.y2 - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ if (y2 > y1) {
+ var temp = y1;
+ y1 = y2;
+ y2 = temp;
+ }
+
+ var rect = this.graphics.drawRect(0 + anno.offsetX, // x1
+ y2 + anno.offsetY, // y1
+ w.globals.gridWidth + anno.offsetX, // x2
+ y1 - y2, // y2
+ 0, // radius
+ anno.fillColor, // color
+ anno.opacity, // opacity,
+ 1, // strokeWidth
+ anno.borderColor, // strokeColor
+ strokeDashArray // stokeDashArray
+ );
+ parent.appendChild(rect.node);
+ }
+
+ var textX = anno.label.position === 'right' ? w.globals.gridWidth : 0;
+ var elText = this.graphics.drawText({
+ x: textX + anno.label.offsetX,
+ y: (y2 || y1) + anno.label.offsetY - 3,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-yaxis-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+ }
+ }, {
+ key: "drawYAxisAnnotations",
+ value: function drawYAxisAnnotations() {
+ var _this2 = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-yaxis-annotations'
+ });
+ w.config.annotations.yaxis.map(function (anno, index) {
+ _this2.addYaxisAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "clearAnnotations",
+ value: function clearAnnotations(ctx) {
+ var w = ctx.w;
+ var annos = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxis-annotations, .apexcharts-xaxis-annotations, .apexcharts-point-annotations');
+ annos.forEach(function (a) {
+ while (a.firstChild) {
+ a.removeChild(a.firstChild);
+ }
+ });
+ }
+ }, {
+ key: "addPointAnnotation",
+ value: function addPointAnnotation(anno, parent, index) {
+ var w = this.w;
+ var x = 0;
+ var y = 0;
+ var pointY = 0;
+
+ if (this.invertAxis) {
+ console.warn('Point annotation is not supported in horizontal bar charts.');
+ }
+
+ if (typeof anno.x === 'string') {
+ var catIndex = w.globals.labels.indexOf(anno.x);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+ var xPos = parseFloat(xLabel.getAttribute('x'));
+ x = xPos;
+ var annoY = anno.y;
+
+ if (anno.y === null) {
+ annoY = w.globals.series[anno.seriesIndex][catIndex];
+ }
+
+ y = w.globals.gridHeight - (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = w.globals.gridHeight - (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y = (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) + parseInt(anno.label.style.fontSize) + anno.marker.size;
+ pointY = (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ } else {
+ x = (anno.x - w.globals.minX) / (w.globals.xRange / w.globals.gridWidth);
+ y = w.globals.gridHeight - (parseFloat(anno.y) - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = w.globals.gridHeight - (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y = (parseFloat(anno.y) - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ if (x < 0 || x > w.globals.gridWidth) return;
+ var optsPoints = {
+ pSize: anno.marker.size,
+ pWidth: anno.marker.strokeWidth,
+ pointFillColor: anno.marker.fillColor,
+ pointStrokeColor: anno.marker.strokeColor,
+ shape: anno.marker.shape,
+ radius: anno.marker.radius,
+ class: 'apexcharts-point-annotation-marker ' + anno.marker.cssClass
+ };
+ var point = this.graphics.drawMarker(x + anno.marker.offsetX, pointY + anno.marker.offsetY, optsPoints);
+ parent.appendChild(point.node);
+ var text = anno.label.text ? anno.label.text : '';
+ var elText = this.graphics.drawText({
+ x: x + anno.label.offsetX,
+ y: y + anno.label.offsetY,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-point-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+
+ if (anno.customSVG.SVG) {
+ var g = this.graphics.group({
+ class: 'apexcharts-point-annotations-custom-svg ' + anno.customSVG.cssClass
+ });
+ g.attr({
+ transform: "translate(".concat(x + anno.customSVG.offsetX, ", ").concat(y + anno.customSVG.offsetY, ")")
+ });
+ g.node.innerHTML = anno.customSVG.SVG;
+ parent.appendChild(g.node);
+ }
+ }
+ }, {
+ key: "drawPointAnnotations",
+ value: function drawPointAnnotations() {
+ var _this3 = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-point-annotations'
+ });
+ w.config.annotations.points.map(function (anno, index) {
+ _this3.addPointAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "setOrientations",
+ value: function setOrientations(annos) {
+ var _this4 = this;
+
+ var annoIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var w = this.w;
+ annos.map(function (anno, index) {
+ if (anno.label.orientation === 'vertical') {
+ var i = annoIndex !== null ? annoIndex : index;
+ var xAnno = w.globals.dom.baseEl.querySelector(".apexcharts-xaxis-annotations .apexcharts-xaxis-annotation-label[rel='".concat(i, "']"));
+
+ if (xAnno !== null) {
+ var xAnnoCoord = xAnno.getBoundingClientRect();
+ xAnno.setAttribute('x', parseFloat(xAnno.getAttribute('x')) - xAnnoCoord.height + 4);
+
+ if (anno.label.position === 'top') {
+ xAnno.setAttribute('y', parseFloat(xAnno.getAttribute('y')) + xAnnoCoord.width);
+ } else {
+ xAnno.setAttribute('y', parseFloat(xAnno.getAttribute('y')) - xAnnoCoord.width);
+ }
+
+ var annoRotatingCenter = _this4.graphics.rotateAroundCenter(xAnno);
+
+ var x = annoRotatingCenter.x;
+ var y = annoRotatingCenter.y;
+ xAnno.setAttribute('transform', "rotate(-90 ".concat(x, " ").concat(y, ")"));
+ }
+ }
+ });
+ }
+ }, {
+ key: "addBackgroundToAnno",
+ value: function addBackgroundToAnno(annoEl, anno) {
+ var w = this.w;
+ var elGridRect = w.globals.dom.baseEl.querySelector('.apexcharts-grid').getBoundingClientRect();
+ var coords = annoEl.getBoundingClientRect();
+ var pleft = anno.label.style.padding.left;
+ var pright = anno.label.style.padding.right;
+ var ptop = anno.label.style.padding.top;
+ var pbottom = anno.label.style.padding.bottom;
+
+ if (anno.label.orientation === 'vertical') {
+ ptop = anno.label.style.padding.left;
+ pbottom = anno.label.style.padding.right;
+ pleft = anno.label.style.padding.top;
+ pright = anno.label.style.padding.bottom;
+ }
+
+ var x1 = coords.left - elGridRect.left - pleft;
+ var y1 = coords.top - elGridRect.top - ptop;
+ var elRect = this.graphics.drawRect(x1, y1, coords.width + pleft + pright, coords.height + ptop + pbottom, 0, anno.label.style.background, 1, anno.label.borderWidth, anno.label.borderColor, 0);
+ return elRect;
+ }
+ }, {
+ key: "annotationsBackground",
+ value: function annotationsBackground() {
+ var _this5 = this;
+
+ var w = this.w;
+
+ var add = function add(anno, i, type) {
+ var annoLabel = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations .apexcharts-").concat(type, "-annotation-label[rel='").concat(i, "']"));
+
+ if (annoLabel) {
+ var parent = annoLabel.parentNode;
+
+ var elRect = _this5.addBackgroundToAnno(annoLabel, anno);
+
+ parent.insertBefore(elRect.node, annoLabel);
+ }
+ };
+
+ w.config.annotations.xaxis.map(function (anno, i) {
+ add(anno, i, 'xaxis');
+ });
+ w.config.annotations.yaxis.map(function (anno, i) {
+ add(anno, i, 'yaxis');
+ });
+ w.config.annotations.points.map(function (anno, i) {
+ add(anno, i, 'point');
+ });
+ }
+ }, {
+ key: "addText",
+ value: function addText(params, pushToMemory, context) {
+ var x = params.x,
+ y = params.y,
+ text = params.text,
+ textAnchor = params.textAnchor,
+ _params$appendTo = params.appendTo,
+ appendTo = _params$appendTo === void 0 ? '.apexcharts-inner' : _params$appendTo,
+ foreColor = params.foreColor,
+ fontSize = params.fontSize,
+ fontFamily = params.fontFamily,
+ cssClass = params.cssClass,
+ backgroundColor = params.backgroundColor,
+ borderWidth = params.borderWidth,
+ strokeDashArray = params.strokeDashArray,
+ radius = params.radius,
+ borderColor = params.borderColor,
+ _params$paddingLeft = params.paddingLeft,
+ paddingLeft = _params$paddingLeft === void 0 ? 4 : _params$paddingLeft,
+ _params$paddingRight = params.paddingRight,
+ paddingRight = _params$paddingRight === void 0 ? 4 : _params$paddingRight,
+ _params$paddingBottom = params.paddingBottom,
+ paddingBottom = _params$paddingBottom === void 0 ? 2 : _params$paddingBottom,
+ _params$paddingTop = params.paddingTop,
+ paddingTop = _params$paddingTop === void 0 ? 2 : _params$paddingTop;
+ var me = context;
+ var w = me.w;
+ var parentNode = w.globals.dom.baseEl.querySelector(appendTo);
+ var elText = this.graphics.drawText({
+ x: x,
+ y: y,
+ text: text,
+ textAnchor: textAnchor || 'start',
+ fontSize: fontSize || '12px',
+ fontFamily: fontFamily || w.config.chart.fontFamily,
+ foreColor: foreColor || w.config.chart.foreColor,
+ cssClass: 'apexcharts-text ' + cssClass ? cssClass : ''
+ });
+ parentNode.appendChild(elText.node);
+ var textRect = elText.bbox();
+ var elRect = this.graphics.drawRect(textRect.x - paddingLeft, textRect.y - paddingTop, textRect.width + paddingLeft + paddingRight, textRect.height + paddingBottom + paddingTop, radius, backgroundColor, 1, borderWidth, borderColor, strokeDashArray);
+ elText.before(elRect);
+
+ if (pushToMemory) {
+ w.globals.memory.methodsToExec.push({
+ context: me,
+ method: me.addText,
+ params: {
+ x: x,
+ y: y,
+ text: text,
+ textAnchor: textAnchor,
+ appendTo: appendTo,
+ foreColor: foreColor,
+ fontSize: fontSize,
+ cssClass: cssClass,
+ backgroundColor: backgroundColor,
+ borderWidth: borderWidth,
+ strokeDashArray: strokeDashArray,
+ radius: radius,
+ borderColor: borderColor,
+ paddingLeft: paddingLeft,
+ paddingRight: paddingRight,
+ paddingBottom: paddingBottom,
+ paddingTop: paddingTop
+ }
+ });
+ }
+
+ return context;
+ }
+ }, {
+ key: "addPointAnnotationExternal",
+ value: function addPointAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'point',
+ contextMethod: context.addPointAnnotation
+ });
+ return context;
+ }
+ }, {
+ key: "addYaxisAnnotationExternal",
+ value: function addYaxisAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'yaxis',
+ contextMethod: context.addYaxisAnnotation
+ });
+ return context;
+ } // The addXaxisAnnotation method requires a parent class, and user calling this method externally on the chart instance may not specify parent, hence a different method
+
+ }, {
+ key: "addXaxisAnnotationExternal",
+ value: function addXaxisAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'xaxis',
+ contextMethod: context.addXaxisAnnotation
+ });
+ return context;
+ }
+ }, {
+ key: "addAnnotationExternal",
+ value: function addAnnotationExternal(_ref) {
+ var params = _ref.params,
+ pushToMemory = _ref.pushToMemory,
+ context = _ref.context,
+ type = _ref.type,
+ contextMethod = _ref.contextMethod;
+ var me = context;
+ var w = me.w;
+ var parent = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations"));
+ var index = parent.childNodes.length + 1;
+ var opt = new Options();
+ var axesAnno = Object.assign({}, type === 'xaxis' ? opt.xAxisAnnotation : type === 'yaxis' ? opt.yAxisAnnotation : opt.pointAnnotation);
+ var anno = Utils.extend(axesAnno, params);
+
+ switch (type) {
+ case 'xaxis':
+ this.addXaxisAnnotation(anno, parent, index);
+ break;
+
+ case 'yaxis':
+ this.addYaxisAnnotation(anno, parent, index);
+ break;
+
+ case 'point':
+ this.addPointAnnotation(anno, parent, index);
+ break;
+ } // add background
+
+
+ var axesAnnoLabel = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations .apexcharts-").concat(type, "-annotation-label[rel='").concat(index, "']"));
+ var elRect = this.addBackgroundToAnno(axesAnnoLabel, anno);
+ parent.insertBefore(elRect.node, axesAnnoLabel);
+
+ if (pushToMemory) {
+ w.globals.memory.methodsToExec.push({
+ context: me,
+ method: contextMethod,
+ params: params
+ });
+ }
+
+ return context;
+ }
+ }]);
+
+ return Annotations;
+}();
+
+/**
+ * ApexCharts Default Class for setting default options for all chart types.
+ *
+ * @module Defaults
+ **/
+
+var Defaults =
+/*#__PURE__*/
+function () {
+ function Defaults(opts) {
+ _classCallCheck(this, Defaults);
+
+ this.opts = opts;
+ }
+
+ _createClass(Defaults, [{
+ key: "line",
+ value: function line() {
+ return {
+ chart: {
+ animations: {
+ easing: 'swing'
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 5,
+ curve: 'straight'
+ },
+ markers: {
+ size: 0,
+ hover: {
+ sizeOffset: 6
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ }
+ }
+ };
+ }
+ }, {
+ key: "sparkline",
+ value: function sparkline(defaults) {
+ this.opts.yaxis[0].labels.show = false;
+ this.opts.yaxis[0].floating = true;
+ var ret = {
+ grid: {
+ show: false,
+ padding: {
+ left: 0,
+ right: 0,
+ top: 0,
+ bottom: 0
+ }
+ },
+ legend: {
+ show: false
+ },
+ xaxis: {
+ labels: {
+ show: false
+ },
+ tooltip: {
+ enabled: false
+ },
+ axisBorder: {
+ show: false
+ }
+ },
+ chart: {
+ toolbar: {
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ }
+ };
+ return Utils.extend(defaults, ret);
+ }
+ }, {
+ key: "bar",
+ value: function bar() {
+ return {
+ chart: {
+ stacked: false,
+ animations: {
+ easing: 'swing'
+ }
+ },
+ plotOptions: {
+ bar: {
+ dataLabels: {
+ position: 'center'
+ }
+ }
+ },
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ width: 0
+ },
+ fill: {
+ opacity: 0.85
+ },
+ legend: {
+ markers: {
+ shape: 'square',
+ radius: 2,
+ size: 8
+ }
+ },
+ tooltip: {
+ shared: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ },
+ crosshairs: {
+ width: 'barWidth',
+ position: 'back',
+ fill: {
+ type: 'gradient'
+ },
+ dropShadow: {
+ enabled: false
+ },
+ stroke: {
+ width: 0
+ }
+ }
+ }
+ };
+ }
+ }, {
+ key: "candlestick",
+ value: function candlestick() {
+ return {
+ stroke: {
+ width: 1,
+ colors: ['#333']
+ },
+ dataLabels: {
+ enabled: false
+ },
+ tooltip: {
+ shared: true,
+ custom: function custom(_ref) {
+ var seriesIndex = _ref.seriesIndex,
+ dataPointIndex = _ref.dataPointIndex,
+ w = _ref.w;
+ var o = w.globals.seriesCandleO[seriesIndex][dataPointIndex];
+ var h = w.globals.seriesCandleH[seriesIndex][dataPointIndex];
+ var l = w.globals.seriesCandleL[seriesIndex][dataPointIndex];
+ var c = w.globals.seriesCandleC[seriesIndex][dataPointIndex];
+ return '<div class="apexcharts-tooltip-candlestick">' + '<div>Open: <span class="value">' + o + '</span></div>' + '<div>High: <span class="value">' + h + '</span></div>' + '<div>Low: <span class="value">' + l + '</span></div>' + '<div>Close: <span class="value">' + c + '</span></div>' + '</div>';
+ }
+ },
+ states: {
+ active: {
+ filter: {
+ type: 'none'
+ }
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ }
+ }
+ };
+ }
+ }, {
+ key: "area",
+ value: function area() {
+ return {
+ stroke: {
+ width: 4
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ inverseColors: false,
+ shade: 'light',
+ type: 'vertical',
+ opacityFrom: 0.65,
+ opacityTo: 0.5,
+ stops: [0, 100, 100]
+ }
+ },
+ markers: {
+ size: 0,
+ hover: {
+ sizeOffset: 6
+ }
+ },
+ tooltip: {
+ followCursor: false
+ }
+ };
+ }
+ }, {
+ key: "brush",
+ value: function brush(defaults) {
+ var ret = {
+ chart: {
+ toolbar: {
+ autoSelected: 'selection',
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 1
+ },
+ tooltip: {
+ enabled: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ }
+ }
+ };
+ return Utils.extend(defaults, ret);
+ }
+ }, {
+ key: "stacked100",
+ value: function stacked100() {
+ var _this = this;
+
+ this.opts.dataLabels = this.opts.dataLabels || {};
+ this.opts.dataLabels.formatter = this.opts.dataLabels.formatter || undefined;
+ var existingDataLabelFormatter = this.opts.dataLabels.formatter;
+ this.opts.yaxis.forEach(function (yaxe, index) {
+ _this.opts.yaxis[index].min = 0;
+ _this.opts.yaxis[index].max = 100;
+ });
+ var isBar = this.opts.chart.type === 'bar';
+
+ if (isBar) {
+ this.opts.dataLabels.formatter = existingDataLabelFormatter || function (val) {
+ if (typeof val === 'number') {
+ return val ? val.toFixed(0) + '%' : val;
+ }
+
+ return val;
+ };
+ }
+ } // This function removes the left and right spacing in chart for line/area/scatter if xaxis type = category for those charts by converting xaxis = numeric. Numeric/Datetime xaxis prevents the unnecessary spacing in the left/right of the chart area
+
+ }, {
+ key: "bubble",
+ value: function bubble() {
+ return {
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ tooltip: {
+ shared: false,
+ intersect: true
+ },
+ xaxis: {
+ crosshairs: {
+ width: 0
+ }
+ },
+ fill: {
+ type: 'solid',
+ gradient: {
+ shade: 'light',
+ inverse: true,
+ shadeIntensity: 0.55,
+ opacityFrom: 0.4,
+ opacityTo: 0.8
+ }
+ }
+ };
+ }
+ }, {
+ key: "scatter",
+ value: function scatter() {
+ return {
+ dataLabels: {
+ enabled: false
+ },
+ tooltip: {
+ shared: false,
+ intersect: true
+ },
+ markers: {
+ size: 6,
+ strokeWidth: 2,
+ hover: {
+ sizeOffset: 2
+ }
+ }
+ };
+ }
+ }, {
+ key: "heatmap",
+ value: function heatmap() {
+ return {
+ chart: {
+ stacked: false,
+ zoom: {
+ enabled: false
+ }
+ },
+ fill: {
+ opacity: 1
+ },
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ tooltip: {
+ followCursor: true,
+ marker: {
+ show: false
+ },
+ x: {
+ show: false
+ }
+ },
+ legend: {
+ position: 'top',
+ markers: {
+ shape: 'square',
+ size: 10,
+ offsetY: 2
+ }
+ },
+ grid: {
+ padding: {
+ right: 20
+ }
+ }
+ };
+ }
+ }, {
+ key: "pie",
+ value: function pie() {
+ return {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ plotOptions: {
+ pie: {
+ donut: {
+ labels: {
+ show: false
+ }
+ }
+ }
+ },
+ dataLabels: {
+ formatter: function formatter(val) {
+ return val.toFixed(1) + '%';
+ },
+ style: {
+ colors: ['#fff']
+ },
+ dropShadow: {
+ enabled: true
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ fill: {
+ opacity: 1,
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.35,
+ inverseColors: false,
+ stops: [0, 100, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ tooltip: {
+ theme: 'dark',
+ fillSeriesColor: true
+ },
+ legend: {
+ position: 'right'
+ }
+ };
+ }
+ }, {
+ key: "donut",
+ value: function donut() {
+ return {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ dataLabels: {
+ formatter: function formatter(val) {
+ return val.toFixed(1) + '%';
+ },
+ style: {
+ colors: ['#fff']
+ },
+ dropShadow: {
+ enabled: true
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ fill: {
+ opacity: 1,
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ type: 'vertical',
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [70, 98, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ tooltip: {
+ theme: 'dark',
+ fillSeriesColor: true
+ },
+ legend: {
+ position: 'right'
+ }
+ };
+ }
+ }, {
+ key: "radar",
+ value: function radar() {
+ this.opts.yaxis[0].labels.style.fontSize = '13px';
+ this.opts.yaxis[0].labels.offsetY = 6;
+ return {
+ dataLabels: {
+ enabled: true,
+ style: {
+ colors: ['#a8a8a8'],
+ fontSize: '11px'
+ }
+ },
+ stroke: {
+ width: 2
+ },
+ markers: {
+ size: 3,
+ strokeWidth: 1,
+ strokeOpacity: 1
+ },
+ fill: {
+ opacity: 0.2
+ },
+ tooltip: {
+ shared: false,
+ intersect: true,
+ followCursor: true
+ },
+ grid: {
+ show: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ },
+ crosshairs: {
+ show: false
+ }
+ }
+ };
+ }
+ }, {
+ key: "radialBar",
+ value: function radialBar() {
+ return {
+ chart: {
+ animations: {
+ dynamicAnimation: {
+ enabled: true,
+ speed: 800
+ }
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ fill: {
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ type: 'diagonal2',
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [70, 98, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ legend: {
+ show: false,
+ position: 'right'
+ },
+ tooltip: {
+ enabled: false,
+ fillSeriesColor: true
+ }
+ };
+ }
+ }], [{
+ key: "convertCatToNumeric",
+ value: function convertCatToNumeric(opts) {
+ opts.xaxis.type = 'numeric';
+ opts.xaxis.convertedCatToNumeric = true;
+ opts.xaxis.labels = opts.xaxis.labels || {};
+
+ opts.xaxis.labels.formatter = opts.xaxis.labels.formatter || function (val) {
+ return val;
+ };
+
+ opts.chart = opts.chart || {};
+ opts.chart.zoom = opts.chart.zoom || window.Apex.chart && window.Apex.chart.zoom || {};
+ var defaultFormatter = opts.xaxis.labels.formatter;
+ var labels = opts.xaxis.categories && opts.xaxis.categories.length ? opts.xaxis.categories : opts.labels;
+
+ if (labels && labels.length) {
+ opts.xaxis.labels.formatter = function (val) {
+ return defaultFormatter(labels[val - 1]);
+ };
+ }
+
+ opts.xaxis.categories = [];
+ opts.labels = [];
+ opts.chart.zoom.enabled = false;
+ return opts;
+ }
+ }]);
+
+ return Defaults;
+}();
+
+/*
+ ** Util functions which are dependent on ApexCharts instance
+ */
+var CoreUtils =
+/*#__PURE__*/
+function () {
+ function CoreUtils(ctx) {
+ _classCallCheck(this, CoreUtils);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(CoreUtils, [{
+ key: "getStackedSeriesTotals",
+
+ /**
+ * @memberof CoreUtils
+ * returns the sum of all individual values in a multiple stacked series
+ * Eg. w.globals.series = [[32,33,43,12], [2,3,5,1]]
+ * @return [34,36,48,13]
+ **/
+ value: function getStackedSeriesTotals() {
+ var w = this.w;
+ var total = [];
+
+ for (var i = 0; i < w.globals.series[w.globals.maxValsInArrayIndex].length; i++) {
+ var t = 0;
+
+ for (var j = 0; j < w.globals.series.length; j++) {
+ t += w.globals.series[j][i];
+ }
+
+ total.push(t);
+ }
+
+ w.globals.stackedSeriesTotals = total;
+ return total;
+ } // get total of the all values inside all series
+
+ }, {
+ key: "getSeriesTotalByIndex",
+ value: function getSeriesTotalByIndex() {
+ var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+ if (index === null) {
+ // non-plot chart types - pie / donut / circle
+ return this.w.config.series.reduce(function (acc, cur) {
+ return acc + cur;
+ }, 0);
+ } else {
+ // axis charts - supporting multiple series
+ return this.w.globals.series[index].reduce(function (acc, cur) {
+ return acc + cur;
+ }, 0);
+ }
+ }
+ }, {
+ key: "isSeriesNull",
+ value: function isSeriesNull() {
+ var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var r = [];
+
+ if (index === null) {
+ // non-plot chart types - pie / donut / circle
+ r = this.w.config.series.filter(function (d) {
+ return d !== null;
+ });
+ } else {
+ // axis charts - supporting multiple series
+ r = this.w.globals.series[index].filter(function (d) {
+ return d !== null;
+ });
+ }
+
+ return r.length === 0;
+ }
+ }, {
+ key: "seriesHaveSameValues",
+ value: function seriesHaveSameValues(index) {
+ return this.w.globals.series[index].every(function (val, i, arr) {
+ return val === arr[0];
+ });
+ } // maxValsInArrayIndex is the index of series[] which has the largest number of items
+
+ }, {
+ key: "getLargestSeries",
+ value: function getLargestSeries() {
+ var w = this.w;
+ w.globals.maxValsInArrayIndex = w.globals.series.map(function (a) {
+ return a.length;
+ }).indexOf(Math.max.apply(Math, w.globals.series.map(function (a) {
+ return a.length;
+ })));
+ }
+ }, {
+ key: "getLargestMarkerSize",
+ value: function getLargestMarkerSize() {
+ var w = this.w;
+ var size = 0;
+ w.globals.markers.size.forEach(function (m) {
+ size = Math.max(size, m);
+ });
+ w.globals.markers.largestSize = size;
+ return size;
+ }
+ /**
+ * @memberof Core
+ * returns the sum of all values in a series
+ * Eg. w.globals.series = [[32,33,43,12], [2,3,5,1]]
+ * @return [120, 11]
+ **/
+
+ }, {
+ key: "getSeriesTotals",
+ value: function getSeriesTotals() {
+ var w = this.w;
+ w.globals.seriesTotals = w.globals.series.map(function (ser, index) {
+ var total = 0;
+
+ if (Array.isArray(ser)) {
+ for (var j = 0; j < ser.length; j++) {
+ total += ser[j];
+ }
+ } else {
+ // for pie/donuts/gauges
+ total += ser;
+ }
+
+ return total;
+ });
+ }
+ }, {
+ key: "getSeriesTotalsXRange",
+ value: function getSeriesTotalsXRange(minX, maxX) {
+ var w = this.w;
+ var seriesTotalsXRange = w.globals.series.map(function (ser, index) {
+ var total = 0;
+
+ for (var j = 0; j < ser.length; j++) {
+ if (w.globals.seriesX[index][j] > minX && w.globals.seriesX[index][j] < maxX) {
+ total += ser[j];
+ }
+ }
+
+ return total;
+ });
+ return seriesTotalsXRange;
+ }
+ /**
+ * @memberof CoreUtils
+ * returns the percentage value of all individual values which can be used in a 100% stacked series
+ * Eg. w.globals.series = [[32, 33, 43, 12], [2, 3, 5, 1]]
+ * @return [[94.11, 91.66, 89.58, 92.30], [5.88, 8.33, 10.41, 7.7]]
+ **/
+
+ }, {
+ key: "getPercentSeries",
+ value: function getPercentSeries() {
+ var w = this.w;
+ w.globals.seriesPercent = w.globals.series.map(function (ser, index) {
+ var seriesPercent = [];
+
+ if (Array.isArray(ser)) {
+ for (var j = 0; j < ser.length; j++) {
+ var total = w.globals.stackedSeriesTotals[j];
+ var percent = 100 * ser[j] / total;
+ seriesPercent.push(percent);
+ }
+ } else {
+ var _total = w.globals.seriesTotals.reduce(function (acc, val) {
+ return acc + val;
+ }, 0);
+
+ var _percent = 100 * ser / _total;
+
+ seriesPercent.push(_percent);
+ }
+
+ return seriesPercent;
+ });
+ }
+ }, {
+ key: "getCalculatedRatios",
+ value: function getCalculatedRatios() {
+ var gl = this.w.globals;
+ var yRatio = [];
+ var invertedYRatio = 0;
+ var xRatio = 0;
+ var initialXRatio = 0;
+ var invertedXRatio = 0;
+ var zRatio = 0;
+ var baseLineY = [];
+ var baseLineInvertedY = 0.1;
+ var baseLineX = 0;
+ gl.yRange = [];
+
+ if (gl.isMultipleYAxis) {
+ for (var i = 0; i < gl.minYArr.length; i++) {
+ gl.yRange.push(Math.abs(gl.minYArr[i] - gl.maxYArr[i]));
+ baseLineY.push(0);
+ }
+ } else {
+ gl.yRange.push(Math.abs(gl.minY - gl.maxY));
+ }
+
+ gl.xRange = Math.abs(gl.maxX - gl.minX);
+ gl.zRange = Math.abs(gl.maxZ - gl.minZ); // multiple y axis
+
+ for (var _i = 0; _i < gl.yRange.length; _i++) {
+ yRatio.push(gl.yRange[_i] / gl.gridHeight);
+ }
+
+ xRatio = gl.xRange / gl.gridWidth;
+ initialXRatio = Math.abs(gl.initialmaxX - gl.initialminX) / gl.gridWidth;
+ invertedYRatio = gl.yRange / gl.gridWidth;
+ invertedXRatio = gl.xRange / gl.gridHeight;
+ zRatio = gl.zRange / gl.gridHeight * 16;
+
+ if (gl.minY !== Number.MIN_VALUE && Math.abs(gl.minY) !== 0) {
+ // Negative numbers present in series
+ gl.hasNegs = true;
+ baseLineY = []; // baseline variables is the 0 of the yaxis which will be needed when there are negatives
+
+ if (gl.isMultipleYAxis) {
+ for (var _i2 = 0; _i2 < yRatio.length; _i2++) {
+ baseLineY.push(-gl.minYArr[_i2] / yRatio[_i2]);
+ }
+ } else {
+ baseLineY.push(-gl.minY / yRatio[0]);
+ }
+
+ baseLineInvertedY = -gl.minY / invertedYRatio; // this is for bar chart
+
+ baseLineX = gl.minX / xRatio;
+ } else {
+ baseLineY.push(0);
+ }
+
+ return {
+ yRatio: yRatio,
+ invertedYRatio: invertedYRatio,
+ zRatio: zRatio,
+ xRatio: xRatio,
+ initialXRatio: initialXRatio,
+ invertedXRatio: invertedXRatio,
+ baseLineInvertedY: baseLineInvertedY,
+ baseLineY: baseLineY,
+ baseLineX: baseLineX
+ };
+ }
+ }, {
+ key: "getLogSeries",
+ value: function getLogSeries(series) {
+ var w = this.w;
+ w.globals.seriesLog = series.map(function (s, i) {
+ if (w.config.yaxis[i] && w.config.yaxis[i].logarithmic) {
+ return s.map(function (d) {
+ if (d === null) return null;
+ var logVal = (Math.log(d) - Math.log(w.globals.minYArr[i])) / (Math.log(w.globals.maxYArr[i]) - Math.log(w.globals.minYArr[i]));
+ return logVal;
+ });
+ } else {
+ return s;
+ }
+ });
+ return w.globals.seriesLog;
+ }
+ }, {
+ key: "getLogYRatios",
+ value: function getLogYRatios(yRatio) {
+ var _this = this;
+
+ var w = this.w;
+ var gl = this.w.globals;
+ gl.yLogRatio = yRatio.slice();
+ gl.logYRange = gl.yRange.map(function (yRange, i) {
+ if (w.config.yaxis[i] && _this.w.config.yaxis[i].logarithmic) {
+ var maxY = -Number.MAX_VALUE;
+ var minY = Number.MIN_VALUE;
+ var range = 1;
+ gl.seriesLog.forEach(function (s, si) {
+ s.forEach(function (v) {
+ if (w.config.yaxis[si] && w.config.yaxis[si].logarithmic) {
+ maxY = Math.max(v, maxY);
+ minY = Math.min(v, minY);
+ }
+ });
+ });
+ range = Math.pow(gl.yRange[i], Math.abs(minY - maxY) / gl.yRange[i]);
+ gl.yLogRatio[i] = range / gl.gridHeight;
+ return range;
+ }
+ });
+ return gl.yLogRatio;
+ } // Some config objects can be array - and we need to extend them correctly
+
+ }], [{
+ key: "checkComboSeries",
+ value: function checkComboSeries(series) {
+ var comboCharts = false;
+ var comboChartsHasBars = false; // if user specified a type in series too, turn on comboCharts flag
+
+ if (series.length && typeof series[0].type !== 'undefined') {
+ comboCharts = true;
+ series.forEach(function (s) {
+ if (s.type === 'bar' || s.type === 'column') {
+ comboChartsHasBars = true;
+ }
+ });
+ }
+
+ return {
+ comboCharts: comboCharts,
+ comboChartsHasBars: comboChartsHasBars
+ };
+ }
+ }, {
+ key: "extendArrayProps",
+ value: function extendArrayProps(configInstance, options) {
+ if (options.yaxis) {
+ options = configInstance.extendYAxis(options);
+ }
+
+ if (options.annotations) {
+ if (options.annotations.yaxis) {
+ options = configInstance.extendYAxisAnnotations(options);
+ }
+
+ if (options.annotations.xaxis) {
+ options = configInstance.extendXAxisAnnotations(options);
+ }
+
+ if (options.annotations.points) {
+ options = configInstance.extendPointAnnotations(options);
+ }
+ }
+
+ return options;
+ }
+ }]);
+
+ return CoreUtils;
+}();
+
+/**
+ * ApexCharts Config Class for extending user options with pre-defined ApexCharts config.
+ *
+ * @module Config
+ **/
+
+var Config =
+/*#__PURE__*/
+function () {
+ function Config(opts) {
+ _classCallCheck(this, Config);
+
+ this.opts = opts;
+ }
+
+ _createClass(Config, [{
+ key: "init",
+ value: function init() {
+ var opts = this.opts;
+ var options = new Options();
+ var defaults = new Defaults(opts);
+ this.chartType = opts.chart.type;
+
+ if (this.chartType === 'histogram') {
+ // technically, a histogram can be drawn by a column chart with no spaces in between
+ opts.chart.type = 'bar';
+ opts = Utils.extend({
+ plotOptions: {
+ bar: {
+ columnWidth: '99.99%'
+ }
+ }
+ }, opts);
+ }
+
+ opts.series = this.checkEmptySeries(opts.series);
+ opts = this.extendYAxis(opts);
+ opts = this.extendAnnotations(opts);
+ var config = options.init();
+ var newDefaults = {};
+
+ if (opts && _typeof(opts) === 'object') {
+ var chartDefaults = {};
+
+ switch (this.chartType) {
+ case 'line':
+ chartDefaults = defaults.line();
+ break;
+
+ case 'area':
+ chartDefaults = defaults.area();
+ break;
+
+ case 'bar':
+ chartDefaults = defaults.bar();
+ break;
+
+ case 'candlestick':
+ chartDefaults = defaults.candlestick();
+ break;
+
+ case 'histogram':
+ chartDefaults = defaults.bar();
+ break;
+
+ case 'bubble':
+ chartDefaults = defaults.bubble();
+ break;
+
+ case 'scatter':
+ chartDefaults = defaults.scatter();
+ break;
+
+ case 'heatmap':
+ chartDefaults = defaults.heatmap();
+ break;
+
+ case 'pie':
+ chartDefaults = defaults.pie();
+ break;
+
+ case 'donut':
+ chartDefaults = defaults.donut();
+ break;
+
+ case 'radar':
+ chartDefaults = defaults.radar();
+ break;
+
+ case 'radialBar':
+ chartDefaults = defaults.radialBar();
+ break;
+
+ default:
+ chartDefaults = defaults.line();
+ }
+
+ if (opts.chart.brush && opts.chart.brush.enabled) {
+ chartDefaults = defaults.brush(chartDefaults);
+ }
+
+ if (opts.chart.stacked && opts.chart.stackType === '100%') {
+ defaults.stacked100();
+ }
+
+ opts.xaxis = opts.xaxis || window.Apex.xaxis || {};
+ var combo = CoreUtils.checkComboSeries(opts.series);
+
+ if ((opts.chart.type === 'line' || opts.chart.type === 'area' || opts.chart.type === 'scatter') && !combo.comboChartsHasBars && opts.xaxis.type !== 'datetime' && opts.xaxis.tickPlacement !== 'between') {
+ opts = Defaults.convertCatToNumeric(opts);
+ }
+
+ if (opts.chart.sparkline && opts.chart.sparkline.enabled || window.Apex.chart && window.Apex.chart.sparkline && window.Apex.chart.sparkline.enabled) {
+ chartDefaults = defaults.sparkline(chartDefaults);
+ }
+
+ newDefaults = Utils.extend(config, chartDefaults);
+ } // config should cascade in this fashion
+ // default-config < global-apex-variable-config < user-defined-config
+ // get GLOBALLY defined options and merge with the default config
+
+
+ var mergedWithDefaultConfig = Utils.extend(newDefaults, window.Apex); // get the merged config and extend with user defined config
+
+ config = Utils.extend(mergedWithDefaultConfig, opts); // some features are not supported. those mismatches should be handled
+
+ config = this.handleUserInputErrors(config);
+ return config;
+ }
+ }, {
+ key: "extendYAxis",
+ value: function extendYAxis(opts) {
+ var options = new Options();
+
+ if (typeof opts.yaxis === 'undefined') {
+ opts.yaxis = {};
+ } // extend global yaxis config (only if object is provided / not an array)
+
+
+ if (opts.yaxis.constructor !== Array && window.Apex.yaxis && window.Apex.yaxis.constructor !== Array) {
+ opts.yaxis = Utils.extend(opts.yaxis, window.Apex.yaxis);
+ } // as we can't extend nested object's array with extend, we need to do it first
+ // user can provide either an array or object in yaxis config
+
+
+ if (opts.yaxis.constructor !== Array) {
+ // convert the yaxis to array if user supplied object
+ opts.yaxis = [Utils.extend(options.yAxis, opts.yaxis)];
+ } else {
+ opts.yaxis = Utils.extendArray(opts.yaxis, options.yAxis);
+ }
+
+ return opts;
+ } // annotations also accepts array, so we need to extend them manually
+
+ }, {
+ key: "extendAnnotations",
+ value: function extendAnnotations(opts) {
+ if (typeof opts.annotations === 'undefined') {
+ opts.annotations = {};
+ opts.annotations.yaxis = [];
+ opts.annotations.xaxis = [];
+ opts.annotations.points = [];
+ }
+
+ opts = this.extendYAxisAnnotations(opts);
+ opts = this.extendXAxisAnnotations(opts);
+ opts = this.extendPointAnnotations(opts);
+ return opts;
+ }
+ }, {
+ key: "extendYAxisAnnotations",
+ value: function extendYAxisAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.yaxis = Utils.extendArray(typeof opts.annotations.yaxis !== 'undefined' ? opts.annotations.yaxis : [], options.yAxisAnnotation);
+ return opts;
+ }
+ }, {
+ key: "extendXAxisAnnotations",
+ value: function extendXAxisAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.xaxis = Utils.extendArray(typeof opts.annotations.xaxis !== 'undefined' ? opts.annotations.xaxis : [], options.xAxisAnnotation);
+ return opts;
+ }
+ }, {
+ key: "extendPointAnnotations",
+ value: function extendPointAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.points = Utils.extendArray(typeof opts.annotations.points !== 'undefined' ? opts.annotations.points : [], options.pointAnnotation);
+ return opts;
+ }
+ }, {
+ key: "checkEmptySeries",
+ value: function checkEmptySeries(ser) {
+ if (ser.length === 0) {
+ return [{
+ data: []
+ }];
+ }
+
+ return ser;
+ }
+ }, {
+ key: "handleUserInputErrors",
+ value: function handleUserInputErrors(opts) {
+ var config = opts; // conflicting tooltip option. intersect makes sure to focus on 1 point at a time. Shared cannot be used along with it
+
+ if (config.tooltip.shared && config.tooltip.intersect) {
+ throw new Error('tooltip.shared cannot be enabled when tooltip.intersect is true. Turn off any other option by setting it to false.');
+ }
+
+ if (config.chart.scroller) {
+ console.warn('Scroller has been deprecated since v2.0.0. Please remove the configuration for chart.scroller');
+ }
+
+ if (config.chart.type === 'bar' && config.plotOptions.bar.horizontal) {
+ // No time series for horizontal bars
+ if (config.xaxis.type === 'datetime') {
+ throw new Error('Timelines on bars are not supported yet. Switch to column chart by setting plotOptions.bar.horizontal=false');
+ } // No multiple yaxis for bars
+
+
+ if (config.yaxis.length > 1) {
+ throw new Error('Multiple Y Axis for bars are not supported. Switch to column chart by setting plotOptions.bar.horizontal=false');
+ }
+
+ if (config.yaxis[0].reversed) {
+ config.yaxis[0].opposite = true;
+ }
+
+ config.xaxis.tooltip.enabled = false; // no xaxis tooltip for horizontal bar
+
+ config.yaxis[0].tooltip.enabled = false; // no xaxis tooltip for horizontal bar
+
+ config.chart.zoom.enabled = false; // no zooming for horz bars
+ }
+
+ if (config.chart.type === 'bar') {
+ if (config.tooltip.shared) {
+ if (config.xaxis.crosshairs.width === 'barWidth' && config.series.length > 1) {
+ console.warn('crosshairs.width = "barWidth" is only supported in single series, not in a multi-series barChart.');
+ config.xaxis.crosshairs.width = 'tickWidth';
+ }
+
+ if (config.plotOptions.bar.horizontal) {
+ config.states.hover.type = 'none';
+ }
+
+ if (!config.tooltip.followCursor) {
+ console.warn('followCursor option in shared columns cannot be turned off.');
+ config.tooltip.followCursor = true;
+ }
+ }
+ }
+
+ if (config.chart.type === 'candlestick') {
+ if (config.yaxis[0].reversed) {
+ console.warn('Reversed y-axis in candlestick chart is not supported.');
+ config.yaxis[0].reversed = false;
+ }
+ }
+
+ if (config.chart.group && config.yaxis[0].labels.minWidth === 0) {
+ console.warn('It looks like you have multiple charts in synchronization. You must provide yaxis.labels.minWidth which must be EQUAL for all grouped charts to prevent incorrect behaviour.');
+ } // if user supplied array for stroke width, it will only be applicable to line/area charts, for any other charts, revert back to Number
+
+
+ if (Array.isArray(config.stroke.width)) {
+ if (config.chart.type !== 'line' && config.chart.type !== 'area') {
+ console.warn('stroke.width option accepts array only for line and area charts. Reverted back to Number');
+ config.stroke.width = config.stroke.width[0];
+ }
+ }
+
+ return config;
+ }
+ }]);
+
+ return Config;
+}();
+
+var Globals =
+/*#__PURE__*/
+function () {
+ function Globals() {
+ _classCallCheck(this, Globals);
+ }
+
+ _createClass(Globals, [{
+ key: "globalVars",
+ value: function globalVars(config) {
+ return {
+ chartID: null,
+ // chart ID - apexcharts-cuid
+ cuid: null,
+ // chart ID - random numbers excluding "apexcharts" part
+ events: {
+ beforeMount: [],
+ mounted: [],
+ updated: [],
+ clicked: [],
+ selection: [],
+ dataPointSelection: [],
+ zoomed: [],
+ scrolled: []
+ },
+ colors: [],
+ fill: {
+ colors: []
+ },
+ stroke: {
+ colors: []
+ },
+ dataLabels: {
+ style: {
+ colors: []
+ }
+ },
+ radarPolygons: {
+ fill: {
+ colors: []
+ }
+ },
+ markers: {
+ colors: [],
+ size: config.markers.size,
+ largestSize: 0
+ },
+ animationEnded: false,
+ isTouchDevice: 'ontouchstart' in window || navigator.msMaxTouchPoints,
+ isDirty: false,
+ // chart has been updated after the initial render. This is different than dataChanged property. isDirty means user manually called some method to update
+ initialConfig: null,
+ // we will store the first config user has set to go back when user finishes interactions like zooming and come out of it
+ lastXAxis: [],
+ lastYAxis: [],
+ series: [],
+ // the MAIN series array (y values)
+ seriesPercent: [],
+ // the percentage values of the given series
+ seriesTotals: [],
+ stackedSeriesTotals: [],
+ seriesX: [],
+ // store the numeric x values in this array (x values)
+ seriesZ: [],
+ // The 3rd "Z" dimension for bubbles chart (z values)
+ labels: [],
+ // store the text to draw on x axis
+ // Don't mutate the labels, many things including tooltips depends on it!
+ timelineLabels: [],
+ // store the timeline Labels in another variable
+ seriesNames: [],
+ // same as labels, used in non axis charts
+ noLabelsProvided: false,
+ // if user didn't provide any categories/labels or x values, fallback to 1,2,3,4...
+ allSeriesCollapsed: false,
+ collapsedSeries: [],
+ // when user collapses a series, it goes into this array
+ collapsedSeriesIndices: [],
+ // this stores the index of the collapsedSeries instead of whole object for quick access
+ ancillaryCollapsedSeries: [],
+ // when user collapses an "alwaysVisible" series, it goes into this array
+ ancillaryCollapsedSeriesIndices: [],
+ // this stores the index of the collapsedSeries whose y-axis is always visible
+ risingSeries: [],
+ // when user re-opens a collapsed series, it goes here
+ selectedDataPoints: [],
+ ignoreYAxisIndexes: [],
+ // when series are being collapsed in multiple y axes, ignore certain index
+ padHorizontal: 0,
+ maxValsInArrayIndex: 0,
+ zoomEnabled: config.chart.toolbar.autoSelected === 'zoom' && config.chart.toolbar.tools.zoom && config.chart.zoom.enabled,
+ panEnabled: config.chart.toolbar.autoSelected === 'pan' && config.chart.toolbar.tools.pan,
+ selectionEnabled: config.chart.toolbar.autoSelected === 'selection' && config.chart.toolbar.tools.selection,
+ yaxis: null,
+ minY: Number.MIN_VALUE,
+ // is 5e-324, i.e. the smallest positive number
+ // NOTE: If there are multiple y axis, the first yaxis array element will be considered for all y values calculations. Rest all will be calculated based on that
+ maxY: -Number.MAX_VALUE,
+ // is -1.7976931348623157e+308
+ // NOTE: The above note for minY applies here as well
+ minYArr: [],
+ maxYArr: [],
+ maxX: -Number.MAX_VALUE,
+ // is -1.7976931348623157e+308
+ initialmaxX: -Number.MAX_VALUE,
+ minX: Number.MIN_VALUE,
+ // is 5e-324, i.e. the smallest positive number
+ initialminX: Number.MIN_VALUE,
+ minZ: Number.MIN_VALUE,
+ // Max Z value in charts with Z axis
+ maxZ: -Number.MAX_VALUE,
+ // Max Z value in charts with Z axis
+ mousedown: false,
+ lastClientPosition: {},
+ // don't reset this variable this the chart is destroyed. It is used to detect right or left mousemove in panning
+ visibleXRange: undefined,
+ yRange: [],
+ // this property is the absolute sum of positive and negative values [eg (-100 + 200 = 300)] - yAxis
+ zRange: 0,
+ // zAxis Range (for bubble charts)
+ xRange: 0,
+ // xAxis range
+ yValueDecimal: 0,
+ // are there floating numbers in the series. If yes, this represent the len of the decimals
+ total: 0,
+ SVGNS: 'http://www.w3.org/2000/svg',
+ // svg namespace
+ svgWidth: 0,
+ // the whole svg width
+ svgHeight: 0,
+ // the whole svg height
+ noData: false,
+ // whether there is any data to display or not
+ locale: {},
+ // the current locale values will be preserved here for global access
+ dom: {},
+ // for storing all dom nodes in this particular property
+ // elWrap: null, // the element that wraps everything
+ // elGraphical: null, // this contains lines/areas/bars/pies
+ // elGridRect: null, // paths going outside this area will be clipped
+ // elGridRectMask: null, // clipping will happen with this mask
+ // elGridRectMarkerMask: null, // clipping will happen with this mask
+ // elLegendWrap: null, // the whole legend area
+ // elDefs: null, // [defs] element
+ memory: {
+ methodsToExec: []
+ },
+ shouldAnimate: true,
+ delayedElements: [],
+ // element which appear after animation has finished
+ axisCharts: true,
+ // chart type = line or area or bar
+ // (refer them also as plot charts in the code)
+ isXNumeric: false,
+ // bool: data was provided in a {[x,y], [x,y]} pattern
+ isDataXYZ: false,
+ // bool: data was provided in a {[x,y,z]} pattern
+ resized: false,
+ // bool: user has resized
+ resizeTimer: null,
+ // timeout function to make a small delay before
+ // drawing when user resized
+ comboCharts: false,
+ // bool: whether it's a combination of line/column
+ comboChartsHasBars: false,
+ // bool: whether it's a combination of line/column
+ dataChanged: false,
+ // bool: has data changed dynamically
+ previousPaths: [],
+ // array: when data is changed, it will animate from
+ // previous paths
+ seriesXvalues: [],
+ // we will need this in tooltip (it's x position)
+ // when we will have unequal x values, we will need
+ // some way to get x value depending on mouse pointer
+ seriesYvalues: [],
+ // we will need this when deciding which series
+ // user hovered on
+ seriesCandleO: [],
+ // candle stick open values
+ seriesCandleH: [],
+ // candle stick high values
+ seriesCandleL: [],
+ // candle stick low values
+ seriesCandleC: [],
+ // candle stick close values
+ allSeriesHasEqualX: true,
+ dataPoints: 0,
+ // the longest series length
+ pointsArray: [],
+ // store the points positions here to draw later on hover
+ // format is - [[x,y],[x,y]... [x,y]]
+ dataLabelsRects: [],
+ // store the positions of datalabels to prevent collision
+ lastDrawnDataLabelsIndexes: [],
+ hasNullValues: false,
+ // bool: whether series contains null values
+ easing: null,
+ // function: animation effect to apply
+ zoomed: false,
+ // whether user has zoomed or not
+ gridWidth: 0,
+ // drawable width of actual graphs (series paths)
+ gridHeight: 0,
+ // drawable height of actual graphs (series paths)
+ yAxisScale: [],
+ xAxisScale: null,
+ xAxisTicksPositions: [],
+ timescaleTicks: [],
+ rotateXLabels: false,
+ defaultLabels: false,
+ xLabelFormatter: undefined,
+ // formatter for x axis labels
+ yLabelFormatters: [],
+ xaxisTooltipFormatter: undefined,
+ // formatter for x axis tooltip
+ ttKeyFormatter: undefined,
+ ttVal: undefined,
+ ttZFormatter: undefined,
+ LINE_HEIGHT_RATIO: 1.618,
+ xAxisLabelsHeight: 0,
+ yAxisLabelsWidth: 0,
+ scaleX: 1,
+ scaleY: 1,
+ translateX: 0,
+ translateY: 0,
+ translateYAxisX: [],
+ yLabelsCoords: [],
+ yTitleCoords: [],
+ yAxisWidths: [],
+ translateXAxisY: 0,
+ translateXAxisX: 0,
+ tooltip: null,
+ tooltipOpts: null
+ };
+ }
+ }, {
+ key: "init",
+ value: function init(config) {
+ var globals = this.globalVars(config);
+ globals.initialConfig = Utils.extend({}, config);
+ globals.initialSeries = JSON.parse(JSON.stringify(globals.initialConfig.series));
+ globals.lastXAxis = JSON.parse(JSON.stringify(globals.initialConfig.xaxis));
+ globals.lastYAxis = JSON.parse(JSON.stringify(globals.initialConfig.yaxis));
+ return globals;
+ }
+ }]);
+
+ return Globals;
+}();
+
+/**
+ * ApexCharts Base Class for extending user options with pre-defined ApexCharts config.
+ *
+ * @module Base
+ **/
+
+var Base =
+/*#__PURE__*/
+function () {
+ function Base(opts) {
+ _classCallCheck(this, Base);
+
+ this.opts = opts;
+ }
+
+ _createClass(Base, [{
+ key: "init",
+ value: function init() {
+ var config = new Config(this.opts).init();
+ var globals = new Globals().init(config);
+ var w = {
+ config: config,
+ globals: globals
+ };
+ return w;
+ }
+ }]);
+
+ return Base;
+}();
+
+/**
+ * ApexCharts Fill Class for setting fill options of the paths.
+ *
+ * @module Fill
+ **/
+
+var Fill =
+/*#__PURE__*/
+function () {
+ function Fill(ctx) {
+ _classCallCheck(this, Fill);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.opts = null;
+ this.seriesIndex = 0;
+ }
+
+ _createClass(Fill, [{
+ key: "clippedImgArea",
+ value: function clippedImgArea(params) {
+ var w = this.w;
+ var cnf = w.config;
+ var svgW = parseInt(w.globals.gridWidth);
+ var svgH = parseInt(w.globals.gridHeight);
+ var size = svgW > svgH ? svgW : svgH;
+ var fillImg = params.image;
+ var imgWidth = 0;
+ var imgHeight = 0;
+
+ if (typeof params.width === 'undefined' && typeof params.height === 'undefined') {
+ if (cnf.fill.image.width !== undefined && cnf.fill.image.height !== undefined) {
+ imgWidth = cnf.fill.image.width + 1;
+ imgHeight = cnf.fill.image.height;
+ } else {
+ imgWidth = size + 1;
+ imgHeight = size;
+ }
+ } else {
+ imgWidth = params.width;
+ imgHeight = params.height;
+ }
+
+ var elPattern = document.createElementNS(w.globals.SVGNS, 'pattern');
+ Graphics.setAttrs(elPattern, {
+ id: params.patternID,
+ patternUnits: params.patternUnits ? params.patternUnits : 'userSpaceOnUse',
+ width: imgWidth + 'px',
+ height: imgHeight + 'px'
+ });
+ var elImage = document.createElementNS(w.globals.SVGNS, 'image');
+ elPattern.appendChild(elImage);
+ elImage.setAttributeNS('http://www.w3.org/1999/xlink', 'href', fillImg);
+ Graphics.setAttrs(elImage, {
+ x: 0,
+ y: 0,
+ preserveAspectRatio: 'none',
+ width: imgWidth + 'px',
+ height: imgHeight + 'px'
+ });
+ elImage.style.opacity = params.opacity;
+ w.globals.dom.elDefs.node.appendChild(elPattern);
+ }
+ }, {
+ key: "getSeriesIndex",
+ value: function getSeriesIndex(opts) {
+ var w = this.w;
+
+ if (w.config.chart.type === 'bar' && w.config.plotOptions.bar.distributed || w.config.chart.type === 'heatmap') {
+ this.seriesIndex = opts.seriesNumber;
+ } else {
+ this.seriesIndex = opts.seriesNumber % w.globals.series.length;
+ }
+
+ return this.seriesIndex;
+ }
+ }, {
+ key: "fillPath",
+ value: function fillPath(opts) {
+ var w = this.w;
+ this.opts = opts;
+ var cnf = this.w.config;
+ var pathFill;
+ var patternFill, gradientFill;
+ this.seriesIndex = this.getSeriesIndex(opts);
+ var fillColors = this.getFillColors();
+ var fillColor = fillColors[this.seriesIndex];
+ var fillType = this.getFillType(this.seriesIndex);
+ var fillOpacity = Array.isArray(cnf.fill.opacity) ? cnf.fill.opacity[this.seriesIndex] : cnf.fill.opacity;
+ var defaultColor = fillColor;
+
+ if (opts.color) {
+ fillColor = opts.color;
+ }
+
+ if (fillColor.indexOf('rgb') === -1) {
+ defaultColor = Utils.hexToRgba(fillColor, fillOpacity);
+ } else {
+ if (fillColor.indexOf('rgba') > -1) {
+ fillOpacity = 0 + '.' + Utils.getOpacityFromRGBA(fillColors[this.seriesIndex]);
+ }
+ }
+
+ if (fillType === 'pattern') {
+ patternFill = this.handlePatternFill(patternFill, fillColor, fillOpacity, defaultColor);
+ }
+
+ if (fillType === 'gradient') {
+ gradientFill = this.handleGradientFill(gradientFill, fillColor, fillOpacity, this.seriesIndex);
+ }
+
+ if (cnf.fill.image.src.length > 0 && fillType === 'image') {
+ if (opts.seriesNumber < cnf.fill.image.src.length) {
+ this.clippedImgArea({
+ opacity: fillOpacity,
+ image: cnf.fill.image.src[opts.seriesNumber],
+ patternUnits: opts.patternUnits,
+ patternID: "pattern".concat(w.globals.cuid).concat(opts.seriesNumber + 1)
+ });
+ pathFill = "url(#pattern".concat(w.globals.cuid).concat(opts.seriesNumber + 1, ")");
+ } else {
+ pathFill = defaultColor;
+ }
+ } else if (fillType === 'gradient') {
+ pathFill = gradientFill;
+ } else if (fillType === 'pattern') {
+ pathFill = patternFill;
+ } else {
+ pathFill = defaultColor;
+ } // override pattern/gradient if opts.solid is true
+
+
+ if (opts.solid) {
+ pathFill = defaultColor;
+ }
+
+ return pathFill;
+ }
+ }, {
+ key: "getFillType",
+ value: function getFillType(seriesIndex) {
+ var w = this.w;
+
+ if (Array.isArray(w.config.fill.type)) {
+ return w.config.fill.type[seriesIndex];
+ } else {
+ return w.config.fill.type;
+ }
+ }
+ }, {
+ key: "getFillColors",
+ value: function getFillColors() {
+ var w = this.w;
+ var cnf = w.config;
+ var opts = this.opts;
+ var fillColors = [];
+
+ if (w.globals.comboCharts) {
+ if (w.config.series[this.seriesIndex].type === 'line') {
+ if (w.globals.stroke.colors instanceof Array) {
+ fillColors = w.globals.stroke.colors;
+ } else {
+ fillColors.push(w.globals.stroke.colors);
+ }
+ } else {
+ if (w.globals.fill.colors instanceof Array) {
+ fillColors = w.globals.fill.colors;
+ } else {
+ fillColors.push(w.globals.fill.colors);
+ }
+ }
+ } else {
+ if (cnf.chart.type === 'line') {
+ if (w.globals.stroke.colors instanceof Array) {
+ fillColors = w.globals.stroke.colors;
+ } else {
+ fillColors.push(w.globals.stroke.colors);
+ }
+ } else {
+ if (w.globals.fill.colors instanceof Array) {
+ fillColors = w.globals.fill.colors;
+ } else {
+ fillColors.push(w.globals.fill.colors);
+ }
+ }
+ } // colors passed in arguments
+
+
+ if (typeof opts.fillColors !== 'undefined') {
+ fillColors = [];
+
+ if (opts.fillColors instanceof Array) {
+ fillColors = opts.fillColors.slice();
+ } else {
+ fillColors.push(opts.fillColors);
+ }
+ }
+
+ return fillColors;
+ }
+ }, {
+ key: "handlePatternFill",
+ value: function handlePatternFill(patternFill, fillColor, fillOpacity, defaultColor) {
+ var cnf = this.w.config;
+ var opts = this.opts;
+ var graphics = new Graphics(this.ctx);
+ var patternStrokeWidth = cnf.fill.pattern.strokeWidth === undefined ? Array.isArray(cnf.stroke.width) ? cnf.stroke.width[this.seriesIndex] : cnf.stroke.width : Array.isArray(cnf.fill.pattern.strokeWidth) ? cnf.fill.pattern.strokeWidth[this.seriesIndex] : cnf.fill.pattern.strokeWidth;
+ var patternLineColor = fillColor;
+
+ if (cnf.fill.pattern.style instanceof Array) {
+ if (typeof cnf.fill.pattern.style[opts.seriesNumber] !== 'undefined') {
+ var pf = graphics.drawPattern(cnf.fill.pattern.style[opts.seriesNumber], cnf.fill.pattern.width, cnf.fill.pattern.height, patternLineColor, patternStrokeWidth, fillOpacity);
+ patternFill = pf;
+ } else {
+ patternFill = defaultColor;
+ }
+ } else {
+ patternFill = graphics.drawPattern(cnf.fill.pattern.style, cnf.fill.pattern.width, cnf.fill.pattern.height, patternLineColor, patternStrokeWidth, fillOpacity);
+ }
+
+ return patternFill;
+ }
+ }, {
+ key: "handleGradientFill",
+ value: function handleGradientFill(gradientFill, fillColor, fillOpacity, i) {
+ var cnf = this.w.config;
+ var opts = this.opts;
+ var graphics = new Graphics(this.ctx);
+ var utils = new Utils();
+ var type = cnf.fill.gradient.type;
+ var gradientFrom, gradientTo;
+ var opacityFrom = cnf.fill.gradient.opacityFrom === undefined ? fillOpacity : Array.isArray(cnf.fill.gradient.opacityFrom) ? cnf.fill.gradient.opacityFrom[i] : cnf.fill.gradient.opacityFrom;
+ var opacityTo = cnf.fill.gradient.opacityTo === undefined ? fillOpacity : Array.isArray(cnf.fill.gradient.opacityTo) ? cnf.fill.gradient.opacityTo[i] : cnf.fill.gradient.opacityTo;
+ gradientFrom = fillColor;
+
+ if (cnf.fill.gradient.gradientToColors === undefined || cnf.fill.gradient.gradientToColors.length === 0) {
+ if (cnf.fill.gradient.shade === 'dark') {
+ gradientTo = utils.shadeColor(parseFloat(cnf.fill.gradient.shadeIntensity) * -1, fillColor);
+ } else {
+ gradientTo = utils.shadeColor(parseFloat(cnf.fill.gradient.shadeIntensity), fillColor);
+ }
+ } else {
+ gradientTo = cnf.fill.gradient.gradientToColors[opts.seriesNumber];
+ }
+
+ if (cnf.fill.gradient.inverseColors) {
+ var t = gradientFrom;
+ gradientFrom = gradientTo;
+ gradientTo = t;
+ }
+
+ gradientFill = graphics.drawGradient(type, gradientFrom, gradientTo, opacityFrom, opacityTo, opts.size, cnf.fill.gradient.stops, cnf.fill.gradient.colorStops, i);
+ return gradientFill;
+ }
+ }]);
+
+ return Fill;
+}();
+
+/**
+ * ApexCharts Markers Class for drawing points on y values in axes charts.
+ *
+ * @module Markers
+ **/
+
+var Markers =
+/*#__PURE__*/
+function () {
+ function Markers(ctx, opts) {
+ _classCallCheck(this, Markers);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Markers, [{
+ key: "setGlobalMarkerSize",
+ value: function setGlobalMarkerSize() {
+ var w = this.w;
+ w.globals.markers.size = Array.isArray(w.config.markers.size) ? w.config.markers.size : [w.config.markers.size];
+
+ if (w.globals.markers.size.length > 0) {
+ if (w.globals.markers.size.length < w.globals.series.length + 1) {
+ for (var i = 0; i <= w.globals.series.length; i++) {
+ if (typeof w.globals.markers.size[i] === 'undefined') {
+ w.globals.markers.size.push(w.globals.markers.size[0]);
+ }
+ }
+ }
+ } else {
+ w.globals.markers.size = w.config.series.map(function (s) {
+ return w.config.markers.size;
+ });
+ }
+ }
+ }, {
+ key: "plotChartMarkers",
+ value: function plotChartMarkers(pointsPos, seriesIndex, j) {
+ var _this = this;
+
+ var w = this.w;
+ var p = pointsPos;
+ var elPointsWrap = null;
+ var graphics = new Graphics(this.ctx);
+ var point;
+
+ if (w.globals.markers.size[seriesIndex] > 0) {
+ elPointsWrap = graphics.group({
+ class: 'apexcharts-series-markers'
+ });
+ elPointsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+ }
+
+ if (p.x instanceof Array) {
+ var _loop = function _loop(q) {
+ var dataPointIndex = j; // a small hack as we have 2 points for the first val to connect it
+
+ if (j === 1 && q === 0) dataPointIndex = 0;
+ if (j === 1 && q === 1) dataPointIndex = 1;
+ var PointClasses = 'apexcharts-marker';
+
+ if ((w.config.chart.type === 'line' || w.config.chart.type === 'area') && !w.globals.comboCharts && !w.config.tooltip.intersect) {
+ PointClasses += ' no-pointer-events';
+ }
+
+ var shouldMarkerDraw = Array.isArray(w.config.markers.size) ? w.globals.markers.size[seriesIndex] > 0 : w.config.markers.size > 0;
+
+ if (shouldMarkerDraw) {
+ if (Utils.isNumber(p.y[q])) {
+ PointClasses += " w".concat((Math.random() + 1).toString(36).substring(4));
+ } else {
+ PointClasses = 'apexcharts-nullpoint';
+ }
+
+ var opts = _this.getMarkerConfig(PointClasses, seriesIndex); // discrete markers is an option where user can specify a particular marker with different size and color
+
+
+ w.config.markers.discrete.map(function (marker) {
+ if (marker.seriesIndex === seriesIndex && marker.dataPointIndex === dataPointIndex) {
+ opts.pointStrokeColor = marker.strokeColor;
+ opts.pointFillColor = marker.fillColor;
+ opts.pSize = marker.size;
+ }
+ });
+ point = graphics.drawMarker(p.x[q], p.y[q], opts);
+ point.attr('rel', dataPointIndex);
+ point.attr('j', dataPointIndex);
+ point.attr('index', seriesIndex);
+ point.node.setAttribute('default-marker-size', opts.pSize);
+ var filters = new Filters(_this.ctx);
+ filters.setSelectionFilter(point, seriesIndex, dataPointIndex);
+
+ _this.addEvents(point);
+
+ if (elPointsWrap) {
+ elPointsWrap.add(point);
+ }
+ } else {
+ // dynamic array creation - multidimensional
+ if (typeof w.globals.pointsArray[seriesIndex] === 'undefined') w.globals.pointsArray[seriesIndex] = [];
+ w.globals.pointsArray[seriesIndex].push([p.x[q], p.y[q]]);
+ }
+ };
+
+ for (var q = 0; q < p.x.length; q++) {
+ _loop(q);
+ }
+ }
+
+ return elPointsWrap;
+ }
+ }, {
+ key: "getMarkerConfig",
+ value: function getMarkerConfig(cssClass, seriesIndex) {
+ var w = this.w;
+ var pStyle = this.getMarkerStyle(seriesIndex);
+ var pSize = w.globals.markers.size[seriesIndex];
+ return {
+ pSize: pSize,
+ pRadius: w.config.markers.radius,
+ pWidth: w.config.markers.strokeWidth,
+ pointStrokeColor: pStyle.pointStrokeColor,
+ pointFillColor: pStyle.pointFillColor,
+ shape: w.config.markers.shape instanceof Array ? w.config.markers.shape[seriesIndex] : w.config.markers.shape,
+ class: cssClass,
+ pointStrokeOpacity: w.config.markers.strokeOpacity,
+ pointFillOpacity: w.config.markers.fillOpacity,
+ seriesIndex: seriesIndex
+ };
+ }
+ }, {
+ key: "addEvents",
+ value: function addEvents(circle) {
+ var graphics = new Graphics(this.ctx);
+ circle.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this.ctx, circle));
+ circle.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this.ctx, circle));
+ circle.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this.ctx, circle));
+ circle.node.addEventListener('touchstart', graphics.pathMouseDown.bind(this.ctx, circle), {
+ passive: true
+ });
+ }
+ }, {
+ key: "getMarkerStyle",
+ value: function getMarkerStyle(seriesIndex) {
+ var w = this.w;
+ var colors = w.globals.markers.colors;
+ var strokeColors = w.config.markers.strokeColor || w.config.markers.strokeColors;
+ var pointStrokeColor = strokeColors instanceof Array ? strokeColors[seriesIndex] : strokeColors;
+ var pointFillColor = colors instanceof Array ? colors[seriesIndex] : colors;
+ return {
+ pointStrokeColor: pointStrokeColor,
+ pointFillColor: pointFillColor
+ };
+ }
+ }]);
+
+ return Markers;
+}();
+
+/**
+ * ApexCharts Scatter Class.
+ * This Class also handles bubbles chart as currently there is no major difference in drawing them,
+ * @module Scatter
+ **/
+
+var Scatter =
+/*#__PURE__*/
+function () {
+ function Scatter(ctx) {
+ _classCallCheck(this, Scatter);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled; // this array will help in centering the label in bubbles
+
+ this.radiusSizes = [];
+ }
+
+ _createClass(Scatter, [{
+ key: "draw",
+ value: function draw(elSeries, j, opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var realIndex = opts.realIndex;
+ var pointsPos = opts.pointsPos;
+ var zRatio = opts.zRatio;
+ var elPointsMain = opts.elParent;
+ var elPointsWrap = graphics.group({
+ class: "apexcharts-series-markers apexcharts-series-".concat(w.config.chart.type)
+ });
+ elPointsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+
+ if (pointsPos.x instanceof Array) {
+ for (var q = 0; q < pointsPos.x.length; q++) {
+ var dataPointIndex = j + 1;
+ var shouldDraw = true; // a small hack as we have 2 points for the first val to connect it
+
+ if (j === 0 && q === 0) dataPointIndex = 0;
+ if (j === 0 && q === 1) dataPointIndex = 1;
+ var radius = 0;
+ var finishRadius = w.globals.markers.size[realIndex];
+
+ if (zRatio !== Infinity) {
+ // means we have a bubble
+ finishRadius = w.globals.seriesZ[realIndex][dataPointIndex] / zRatio;
+
+ if (typeof this.radiusSizes[realIndex] === 'undefined') {
+ this.radiusSizes.push([]);
+ }
+
+ this.radiusSizes[realIndex].push(finishRadius);
+ }
+
+ if (!w.config.chart.animations.enabled) {
+ radius = finishRadius;
+ }
+
+ var x = pointsPos.x[q];
+ var y = pointsPos.y[q];
+ radius = radius || 0;
+
+ if (x === 0 && y === 0 || y === null || typeof w.globals.series[realIndex][dataPointIndex] === 'undefined') {
+ shouldDraw = false;
+ }
+
+ if (shouldDraw) {
+ var circle = this.drawPoint(x, y, radius, finishRadius, realIndex, dataPointIndex, j);
+ elPointsWrap.add(circle);
+ }
+
+ elPointsMain.add(elPointsWrap);
+ }
+ }
+ }
+ }, {
+ key: "drawPoint",
+ value: function drawPoint(x, y, radius, finishRadius, realIndex, dataPointIndex, j) {
+ var w = this.w;
+ var anim = new Animations(this.ctx);
+ var filters = new Filters(this.ctx);
+ var fill = new Fill(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var pathFillCircle = fill.fillPath({
+ seriesNumber: realIndex,
+ patternUnits: 'objectBoundingBox'
+ });
+ var circle = graphics.drawCircle(radius);
+ circle.attr({
+ cx: x,
+ cy: y,
+ fill: pathFillCircle
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ filters.dropShadow(circle, {
+ top: w.config.chart.dropShadow.top,
+ left: w.config.chart.dropShadow.left,
+ blur: w.config.chart.dropShadow.blur,
+ color: w.config.chart.dropShadow.color,
+ opacity: w.config.chart.dropShadow.opacity
+ });
+ }
+
+ if (this.initialAnim && !w.globals.dataChanged) {
+ var speed = 1;
+
+ if (!w.globals.resized) {
+ speed = w.config.chart.animations.speed;
+ }
+
+ anim.animateCircleRadius(circle, 0, finishRadius, speed, w.globals.easing);
+ }
+
+ if (w.globals.dataChanged) {
+ if (this.dynamicAnim) {
+ var _speed = w.config.chart.animations.dynamicAnimation.speed;
+ var prevX, prevY, prevR;
+ var prevPathJ = null;
+ prevPathJ = w.globals.previousPaths[realIndex] && w.globals.previousPaths[realIndex][j];
+
+ if (typeof prevPathJ !== 'undefined' && prevPathJ !== null) {
+ // series containing less elements will ignore these values and revert to 0
+ prevX = prevPathJ.x;
+ prevY = prevPathJ.y;
+ prevR = typeof prevPathJ.r !== 'undefined' ? prevPathJ.r : finishRadius;
+ }
+
+ for (var cs = 0; cs < w.globals.collapsedSeries.length; cs++) {
+ if (w.globals.collapsedSeries[cs].index === realIndex) {
+ _speed = 1;
+ finishRadius = 0;
+ }
+ }
+
+ if (x === 0 && y === 0) finishRadius = 0;
+ anim.animateCircle(circle, {
+ cx: prevX,
+ cy: prevY,
+ r: prevR
+ }, {
+ cx: x,
+ cy: y,
+ r: finishRadius
+ }, _speed, w.globals.easing);
+ } else {
+ circle.attr({
+ r: finishRadius
+ });
+ }
+ }
+
+ circle.attr({
+ rel: dataPointIndex,
+ j: dataPointIndex,
+ index: realIndex,
+ 'default-marker-size': finishRadius
+ });
+ var markers = new Markers(this.ctx);
+ filters.setSelectionFilter(circle, realIndex, dataPointIndex);
+ markers.addEvents(circle);
+ circle.node.classList.add('apexcharts-marker');
+ return circle;
+ }
+ }, {
+ key: "centerTextInBubble",
+ value: function centerTextInBubble(y) {
+ var w = this.w;
+ y = y + parseInt(w.config.dataLabels.style.fontSize) / 4;
+ return {
+ y: y
+ };
+ }
+ }]);
+
+ return Scatter;
+}();
+
+/**
+ * ApexCharts DataLabels Class for drawing dataLabels on Axes based Charts.
+ *
+ * @module DataLabels
+ **/
+
+var DataLabels =
+/*#__PURE__*/
+function () {
+ function DataLabels(ctx) {
+ _classCallCheck(this, DataLabels);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // When there are many datalabels to be printed, and some of them overlaps each other in the same series, this method will take care of that
+ // Also, when datalabels exceeds the drawable area and get clipped off, we need to adjust and move some pixels to make them visible again
+
+
+ _createClass(DataLabels, [{
+ key: "dataLabelsCorrection",
+ value: function dataLabelsCorrection(x, y, val, i, dataPointIndex, alwaysDrawDataLabel, fontSize) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var drawnextLabel = false; //
+
+ var textRects = graphics.getTextRects(val, fontSize);
+ var width = textRects.width;
+ var height = textRects.height; // first value in series, so push an empty array
+
+ if (typeof w.globals.dataLabelsRects[i] === 'undefined') w.globals.dataLabelsRects[i] = []; // then start pushing actual rects in that sub-array
+
+ w.globals.dataLabelsRects[i].push({
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ });
+ var len = w.globals.dataLabelsRects[i].length - 2;
+ var lastDrawnIndex = typeof w.globals.lastDrawnDataLabelsIndexes[i] !== 'undefined' ? w.globals.lastDrawnDataLabelsIndexes[i][w.globals.lastDrawnDataLabelsIndexes[i].length - 1] : 0;
+
+ if (typeof w.globals.dataLabelsRects[i][len] !== 'undefined') {
+ var lastDataLabelRect = w.globals.dataLabelsRects[i][lastDrawnIndex];
+
+ if ( // next label forward and x not intersecting
+ x > lastDataLabelRect.x + lastDataLabelRect.width + 2 || y > lastDataLabelRect.y + lastDataLabelRect.height + 2 || x + width < lastDataLabelRect.x // next label is going to be drawn backwards
+ ) {
+ // the 2 indexes don't override, so OK to draw next label
+ drawnextLabel = true;
+ }
+ }
+
+ if (dataPointIndex === 0 || alwaysDrawDataLabel) {
+ drawnextLabel = true;
+ }
+
+ return {
+ x: x,
+ y: y,
+ drawnextLabel: drawnextLabel
+ };
+ }
+ }, {
+ key: "drawDataLabel",
+ value: function drawDataLabel(pos, i, j) {
+ // this method handles line, area, bubble, scatter charts as those charts contains markers/points which have pre-defined x/y positions
+ // all other charts like bars / heatmaps will define their own drawDataLabel routine
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var dataLabelsConfig = w.config.dataLabels;
+ var x = 0;
+ var y = 0;
+ var dataPointIndex = j;
+ var elDataLabelsWrap = null;
+
+ if (!dataLabelsConfig.enabled || pos.x instanceof Array !== true) {
+ return elDataLabelsWrap;
+ }
+
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ elDataLabelsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+
+ for (var q = 0; q < pos.x.length; q++) {
+ x = pos.x[q] + dataLabelsConfig.offsetX;
+ y = pos.y[q] + dataLabelsConfig.offsetY - w.globals.markers.size[i] - 5;
+
+ if (!isNaN(x)) {
+ // a small hack as we have 2 points for the first val to connect it
+ if (j === 1 && q === 0) dataPointIndex = 0;
+ if (j === 1 && q === 1) dataPointIndex = 1;
+ var val = w.globals.series[i][dataPointIndex];
+ var text = '';
+
+ if (w.config.chart.type === 'bubble') {
+ text = w.globals.seriesZ[i][dataPointIndex];
+ y = pos.y[q] + w.config.dataLabels.offsetY;
+ var scatter = new Scatter(this.ctx);
+ var centerTextInBubbleCoords = scatter.centerTextInBubble(y, i, dataPointIndex);
+ y = centerTextInBubbleCoords.y;
+ } else {
+ if (typeof val !== 'undefined') {
+ text = w.config.dataLabels.formatter(val, {
+ seriesIndex: i,
+ dataPointIndex: dataPointIndex,
+ w: w
+ });
+ }
+ }
+
+ this.plotDataLabelsText({
+ x: x,
+ y: y,
+ text: text,
+ i: i,
+ j: dataPointIndex,
+ parent: elDataLabelsWrap,
+ offsetCorrection: true,
+ dataLabelsConfig: w.config.dataLabels
+ });
+ }
+ }
+
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "plotDataLabelsText",
+ value: function plotDataLabelsText(opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var x = opts.x,
+ y = opts.y,
+ i = opts.i,
+ j = opts.j,
+ text = opts.text,
+ textAnchor = opts.textAnchor,
+ parent = opts.parent,
+ dataLabelsConfig = opts.dataLabelsConfig,
+ alwaysDrawDataLabel = opts.alwaysDrawDataLabel,
+ offsetCorrection = opts.offsetCorrection;
+
+ if (Array.isArray(w.config.dataLabels.enabledOnSeries)) {
+ if (w.config.dataLabels.enabledOnSeries.indexOf(i) > -1) {
+ return;
+ }
+ }
+
+ var correctedLabels = {
+ x: x,
+ y: y,
+ drawnextLabel: true
+ };
+
+ if (offsetCorrection) {
+ correctedLabels = this.dataLabelsCorrection(x, y, text, i, j, alwaysDrawDataLabel, parseInt(dataLabelsConfig.style.fontSize));
+ } // when zoomed, we don't need to correct labels offsets,
+ // but if normally, labels get cropped, correct them
+
+
+ if (!w.globals.zoomed) {
+ x = correctedLabels.x;
+ y = correctedLabels.y;
+ }
+
+ if (correctedLabels.drawnextLabel) {
+ var dataLabelText = graphics.drawText({
+ width: 100,
+ height: parseInt(dataLabelsConfig.style.fontSize),
+ x: x,
+ y: y,
+ foreColor: w.globals.dataLabels.style.colors[i],
+ textAnchor: textAnchor || dataLabelsConfig.textAnchor,
+ text: text,
+ fontSize: dataLabelsConfig.style.fontSize,
+ fontFamily: dataLabelsConfig.style.fontFamily
+ });
+ dataLabelText.attr({
+ class: 'apexcharts-datalabel',
+ cx: x,
+ cy: y
+ });
+
+ if (dataLabelsConfig.dropShadow.enabled) {
+ var textShadow = dataLabelsConfig.dropShadow;
+ var filters = new Filters(this.ctx);
+ filters.dropShadow(dataLabelText, textShadow);
+ }
+
+ parent.add(dataLabelText);
+
+ if (typeof w.globals.lastDrawnDataLabelsIndexes[i] === 'undefined') {
+ w.globals.lastDrawnDataLabelsIndexes[i] = [];
+ }
+
+ w.globals.lastDrawnDataLabelsIndexes[i].push(j);
+ }
+ }
+ }]);
+
+ return DataLabels;
+}();
+
+/**
+ * ApexCharts Bar Class responsible for drawing both Columns and Bars.
+ *
+ * @module Bar
+ **/
+
+var DATA_LABELS_WARNING_THRESHOLD = 50;
+
+var Bar =
+/*#__PURE__*/
+function () {
+ function Bar(ctx, xyRatios) {
+ _classCallCheck(this, Bar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.barOptions = w.config.plotOptions.bar;
+ this.isHorizontal = this.barOptions.horizontal;
+ this.strokeWidth = w.config.stroke.width;
+ this.isNullValue = false;
+ this.xyRatios = xyRatios;
+
+ if (this.xyRatios !== null) {
+ this.xRatio = xyRatios.xRatio;
+ this.yRatio = xyRatios.yRatio;
+ this.invertedXRatio = xyRatios.invertedXRatio;
+ this.invertedYRatio = xyRatios.invertedYRatio;
+ this.baseLineY = xyRatios.baseLineY;
+ this.baseLineInvertedY = xyRatios.baseLineInvertedY;
+ }
+
+ this.minXDiff = Number.MAX_VALUE;
+ this.yaxisIndex = 0;
+ this.seriesLen = 0;
+ }
+ /** primary draw method which is called on bar object
+ * @memberof Bar
+ * @param {array} series - user supplied series values
+ * @param {int} seriesIndex - the index by which series will be drawn on the svg
+ * @return {node} element which is supplied to parent chart draw method for appending
+ **/
+
+
+ _createClass(Bar, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var _this = this;
+
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.initVariables(series);
+ var ret = graphics.group({
+ class: 'apexcharts-bar-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+
+ if (w.config.dataLabels.enabled) {
+ if (this.totalItems > DATA_LABELS_WARNING_THRESHOLD) {
+ console.warn('WARNING: DataLabels are enabled but there are too many to display. This may cause performance issue when rendering.');
+ }
+ }
+
+ var _loop = function _loop(i, bc) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var x = void 0,
+ y = void 0,
+ xDivision = void 0,
+ // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+ yDivision = void 0,
+ // yDivision is the GRIDHEIGHT divided by number of datapoints (bars)
+ zeroH = void 0,
+ // zeroH is the baseline where 0 meets y axis
+ zeroW = void 0; // zeroW is the baseline where 0 meets x axis
+
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+
+ _this.ctx.series.addCollapsedClassToSeries(elSeries, realIndex);
+
+ if (series[i].length > 0) {
+ _this.visibleI = _this.visibleI + 1;
+ }
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ if (_this.yRatio.length > 1) {
+ _this.yaxisIndex = realIndex;
+ }
+
+ _this.isReversed = w.config.yaxis[_this.yaxisIndex] && w.config.yaxis[_this.yaxisIndex].reversed;
+
+ var initPositions = _this.initialPositions();
+
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ yDivision = initPositions.yDivision;
+ zeroW = initPositions.zeroW;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+
+ if (!_this.horizontal) {
+ xArrj.push(x + barWidth / 2);
+ } // eldatalabels
+
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ var _loop2 = function _loop2(j, tj) {
+ if (typeof _this.series[i][j] === 'undefined' || series[i][j] === null) {
+ _this.isNullValue = true;
+ } else {
+ _this.isNullValue = false;
+ }
+
+ if (w.config.stroke.show) {
+ if (_this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(_this.strokeWidth) ? _this.strokeWidth[realIndex] : _this.strokeWidth;
+ }
+ }
+
+ var paths = null;
+
+ if (_this.isHorizontal) {
+ paths = _this.drawBarPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ barHeight: barHeight,
+ strokeWidth: strokeWidth,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ zeroW: zeroW,
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ elSeries: elSeries
+ });
+ } else {
+ paths = _this.drawColumnPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ }
+
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x; // push current X
+
+ if (j > 0) {
+ xArrj.push(x + barWidth / 2);
+ }
+
+ yArrj.push(y);
+ var seriesNumber = _this.barOptions.distributed ? j : i;
+ var fillColor = null;
+
+ if (_this.barOptions.colors.ranges.length > 0) {
+ var colorRange = _this.barOptions.colors.ranges;
+ colorRange.map(function (range) {
+ if (series[i][j] >= range.from && series[i][j] <= range.to) {
+ fillColor = range.color;
+ }
+ });
+ }
+
+ var pathFill = fill.fillPath({
+ seriesNumber: _this.barOptions.distributed ? seriesNumber : realIndex,
+ color: fillColor
+ });
+ elSeries = _this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ visibleSeries: _this.visibleI,
+ type: 'bar'
+ });
+ };
+
+ for (var j = 0, tj = w.globals.dataPoints; j < w.globals.dataPoints; j++, tj--) {
+ _loop2(j, tj);
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj;
+ ret.add(elSeries);
+ };
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ _loop(i, bc);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "renderSeries",
+ value: function renderSeries(_ref) {
+ var realIndex = _ref.realIndex,
+ pathFill = _ref.pathFill,
+ lineFill = _ref.lineFill,
+ j = _ref.j,
+ i = _ref.i,
+ pathFrom = _ref.pathFrom,
+ pathTo = _ref.pathTo,
+ strokeWidth = _ref.strokeWidth,
+ elSeries = _ref.elSeries,
+ x = _ref.x,
+ y = _ref.y,
+ series = _ref.series,
+ barHeight = _ref.barHeight,
+ barWidth = _ref.barWidth,
+ elDataLabelsWrap = _ref.elDataLabelsWrap,
+ visibleSeries = _ref.visibleSeries,
+ type = _ref.type;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+
+ if (!lineFill) {
+ /* fix apexcharts#341 */
+ lineFill = this.barOptions.distributed ? w.globals.stroke.colors[j] : w.globals.stroke.colors[realIndex];
+ }
+
+ if (this.isNullValue) {
+ pathFill = 'none';
+ }
+
+ var delay = j / w.config.chart.animations.animateGradually.delay * (w.config.chart.animations.speed / w.globals.dataPoints) / 2.4;
+ var renderedPath = graphics.renderPaths({
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ stroke: lineFill,
+ strokeWidth: strokeWidth,
+ strokeLineCap: w.config.stroke.lineCap,
+ fill: pathFill,
+ animationDelay: delay,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-".concat(type, "-area"),
+ id: "apexcharts-".concat(type, "-area")
+ });
+ var filters = new Filters(this.ctx);
+ filters.setSelectionFilter(renderedPath, realIndex, j);
+ elSeries.add(renderedPath);
+ var dataLabels = this.calculateDataLabelsPos({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ series: series,
+ realIndex: realIndex,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ renderedPath: renderedPath,
+ visibleSeries: visibleSeries
+ });
+
+ if (dataLabels !== null) {
+ elDataLabelsWrap.add(dataLabels);
+ }
+
+ elSeries.add(elDataLabelsWrap);
+ return elSeries;
+ }
+ }, {
+ key: "initVariables",
+ value: function initVariables(series) {
+ var _this2 = this;
+
+ var w = this.w;
+ this.series = series;
+ this.totalItems = 0;
+ this.seriesLen = 0;
+ this.visibleI = -1;
+ this.visibleItems = 1; // number of visible bars after user zoomed in/out
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length > 0) {
+ this.seriesLen = this.seriesLen + 1;
+ this.totalItems += series[sl].length;
+ }
+
+ if (w.globals.isXNumeric) {
+ // get the least x diff if numeric x axis is present
+ w.globals.seriesX.forEach(function (sX, i) {
+ sX.forEach(function (s, j) {
+ if (j > 0) {
+ var xDiff = s - w.globals.seriesX[i][j - 1];
+ _this2.minXDiff = Math.min(xDiff, _this2.minXDiff);
+ }
+ });
+ }); // get max visible items
+
+ for (var j = 0; j < series[sl].length; j++) {
+ if (w.globals.seriesX[sl][j] > w.globals.minX && w.globals.seriesX[sl][j] < w.globals.maxX) {
+ this.visibleItems++;
+ }
+ }
+ } else {
+ this.visibleItems = w.globals.dataPoints;
+ }
+ }
+
+ if (this.seriesLen === 0) {
+ // A small adjustment when combo charts are used
+ this.seriesLen = 1;
+ }
+ }
+ }, {
+ key: "initialPositions",
+ value: function initialPositions() {
+ var w = this.w;
+ var x, y, yDivision, xDivision, barHeight, barWidth, zeroH, zeroW;
+
+ if (this.isHorizontal) {
+ // height divided into equal parts
+ yDivision = w.globals.gridHeight / w.globals.dataPoints;
+ barHeight = yDivision / this.seriesLen;
+
+ if (w.globals.isXNumeric) {
+ yDivision = w.globals.gridHeight / this.totalItems;
+ barHeight = yDivision / this.seriesLen;
+ }
+
+ barHeight = barHeight * parseInt(this.barOptions.barHeight) / 100;
+ zeroW = this.baseLineInvertedY + w.globals.padHorizontal + (this.isReversed ? w.globals.gridWidth : 0) - (this.isReversed ? this.baseLineInvertedY * 2 : 0);
+ y = (yDivision - barHeight * this.seriesLen) / 2;
+ } else {
+ // width divided into equal parts
+ xDivision = w.globals.gridWidth / this.visibleItems;
+ barWidth = xDivision / this.seriesLen * parseInt(this.barOptions.columnWidth) / 100;
+
+ if (w.globals.isXNumeric) {
+ // max barwidth should be equal to minXDiff to avoid overlap
+ if (this.minXDiff === Number.MAX_VALUE) {
+ // possibly a single dataPoint (fixes react-apexcharts/issue#34)
+ var len = w.globals.labels.length;
+
+ if (w.globals.timelineLabels.length > 0) {
+ len = w.globals.timelineLabels.length;
+ }
+
+ if (len < 3) {
+ len = 3;
+ }
+
+ this.minXDiff = (w.globals.maxX - w.globals.minX) / len;
+ }
+
+ xDivision = this.minXDiff / this.xRatio;
+ barWidth = xDivision / this.seriesLen * parseInt(this.barOptions.columnWidth) / 100;
+ }
+
+ zeroH = w.globals.gridHeight - this.baseLineY[this.yaxisIndex] - (this.isReversed ? w.globals.gridHeight : 0) + (this.isReversed ? this.baseLineY[this.yaxisIndex] * 2 : 0);
+ x = w.globals.padHorizontal + (xDivision - barWidth * this.seriesLen) / 2;
+ }
+
+ return {
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ xDivision: xDivision,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ zeroW: zeroW
+ };
+ }
+ }, {
+ key: "drawBarPaths",
+ value: function drawBarPaths(_ref2) {
+ var indexes = _ref2.indexes,
+ barHeight = _ref2.barHeight,
+ strokeWidth = _ref2.strokeWidth,
+ pathTo = _ref2.pathTo,
+ pathFrom = _ref2.pathFrom,
+ zeroW = _ref2.zeroW,
+ x = _ref2.x,
+ y = _ref2.y,
+ yDivision = _ref2.yDivision,
+ elSeries = _ref2.elSeries;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ y = (w.globals.seriesX[i][j] - w.globals.minX) / this.invertedXRatio - barHeight;
+ }
+
+ var barYPosition = y + barHeight * this.visibleI;
+ pathTo = graphics.move(zeroW, barYPosition);
+ pathFrom = graphics.move(zeroW, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ x = zeroW;
+ } else {
+ x = zeroW + this.series[i][j] / this.invertedYRatio - (this.isReversed ? this.series[i][j] / this.invertedYRatio : 0) * 2;
+ }
+
+ pathTo = pathTo + graphics.line(x, barYPosition) + graphics.line(x, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition);
+ pathFrom = pathFrom + graphics.line(zeroW, barYPosition) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition);
+
+ if (!w.globals.isXNumeric) {
+ y = y + yDivision;
+ }
+
+ if (this.barOptions.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= this.barOptions.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = this.barOptions.colors.backgroundBarColors[bc];
+ var rect = graphics.drawRect(0, barYPosition - barHeight * this.visibleI, w.globals.gridWidth, barHeight * this.seriesLen, 0, bcolor, this.barOptions.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y,
+ barYPosition: barYPosition
+ };
+ }
+ }, {
+ key: "drawColumnPaths",
+ value: function drawColumnPaths(_ref3) {
+ var indexes = _ref3.indexes,
+ x = _ref3.x,
+ y = _ref3.y,
+ xDivision = _ref3.xDivision,
+ pathTo = _ref3.pathTo,
+ pathFrom = _ref3.pathFrom,
+ barWidth = _ref3.barWidth,
+ zeroH = _ref3.zeroH,
+ strokeWidth = _ref3.strokeWidth,
+ elSeries = _ref3.elSeries;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[i][j] - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x + barWidth * this.visibleI;
+ pathTo = graphics.move(barXPosition, zeroH);
+ pathFrom = graphics.move(barXPosition, zeroH);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ y = zeroH;
+ } else {
+ y = zeroH - this.series[i][j] / this.yRatio[this.yaxisIndex] + (this.isReversed ? this.series[i][j] / this.yRatio[this.yaxisIndex] : 0) * 2;
+ }
+
+ pathTo = pathTo + graphics.line(barXPosition, y) + graphics.line(barXPosition + barWidth - strokeWidth, y) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition, zeroH);
+ pathFrom = pathFrom + graphics.line(barXPosition, zeroH) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition, zeroH);
+
+ if (!w.globals.isXNumeric) {
+ x = x + xDivision;
+ }
+
+ if (this.barOptions.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= this.barOptions.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = this.barOptions.colors.backgroundBarColors[bc];
+ var rect = graphics.drawRect(barXPosition - barWidth * this.visibleI, 0, barWidth * this.seriesLen, w.globals.gridHeight, 0, bcolor, this.barOptions.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y,
+ barXPosition: barXPosition
+ };
+ }
+ /** getPathFrom is a common function for bars/columns which is used to get previous paths when data changes.
+ * @memberof Bar
+ * @param {int} realIndex - current iterating i
+ * @param {int} j - current iterating series's j index
+ * @return {string} pathFrom is the string which will be appended in animations
+ **/
+
+ }, {
+ key: "getPathFrom",
+ value: function getPathFrom(realIndex, j) {
+ var w = this.w;
+ var pathFrom;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if (gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (typeof w.globals.previousPaths[pp].paths[j] !== 'undefined') {
+ pathFrom = w.globals.previousPaths[pp].paths[j].d;
+ }
+ }
+ }
+
+ return pathFrom;
+ }
+ /** calculateBarDataLabels is used to calculate the positions for the data-labels
+ * It also sets the element's data attr for bars and calls drawCalculatedBarDataLabels()
+ * @memberof Bar
+ * @param {object} {barProps} most of the bar properties used throughout the bar
+ * drawing function
+ * @return {object} dataLabels node-element which you can append later
+ **/
+
+ }, {
+ key: "calculateDataLabelsPos",
+ value: function calculateDataLabelsPos(_ref4) {
+ var x = _ref4.x,
+ y = _ref4.y,
+ i = _ref4.i,
+ j = _ref4.j,
+ realIndex = _ref4.realIndex,
+ series = _ref4.series,
+ barHeight = _ref4.barHeight,
+ barWidth = _ref4.barWidth,
+ visibleSeries = _ref4.visibleSeries,
+ renderedPath = _ref4.renderedPath;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var strokeWidth = Array.isArray(this.strokeWidth) ? this.strokeWidth[realIndex] : this.strokeWidth;
+ var bcx = x + parseFloat(barWidth * visibleSeries);
+ var bcy = y + parseFloat(barHeight * visibleSeries);
+
+ if (w.globals.isXNumeric) {
+ bcx = x + parseFloat(barWidth * (visibleSeries + 1)) - strokeWidth;
+ bcy = y + parseFloat(barHeight * (visibleSeries + 1)) - strokeWidth;
+ }
+
+ var dataLabels = null;
+ var dataLabelsX = x;
+ var dataLabelsY = y;
+ var dataLabelsPos = {};
+ var dataLabelsConfig = w.config.dataLabels;
+ var barDataLabelsConfig = this.barOptions.dataLabels;
+ var offX = dataLabelsConfig.offsetX;
+ var offY = dataLabelsConfig.offsetY;
+ var textRects = {
+ width: 0,
+ height: 0
+ };
+
+ if (w.config.dataLabels.enabled) {
+ textRects = graphics.getTextRects(w.globals.yLabelFormatters[0](w.globals.maxY), parseInt(dataLabelsConfig.style.fontSize));
+ }
+
+ if (this.isHorizontal) {
+ dataLabelsPos = this.calculateBarsDataLabelsPosition({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ renderedPath: renderedPath,
+ bcy: bcy,
+ barHeight: barHeight,
+ textRects: textRects,
+ strokeWidth: strokeWidth,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY,
+ barDataLabelsConfig: barDataLabelsConfig,
+ offX: offX,
+ offY: offY
+ });
+ } else {
+ dataLabelsPos = this.calculateColumnsDataLabelsPosition({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ renderedPath: renderedPath,
+ realIndex: realIndex,
+ bcx: bcx,
+ bcy: bcy,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ textRects: textRects,
+ strokeWidth: strokeWidth,
+ dataLabelsY: dataLabelsY,
+ barDataLabelsConfig: barDataLabelsConfig,
+ offX: offX,
+ offY: offY
+ });
+ }
+
+ renderedPath.attr({
+ cy: dataLabelsPos.bcy,
+ cx: dataLabelsPos.bcx,
+ j: j,
+ val: series[i][j],
+ barHeight: barHeight,
+ barWidth: barWidth
+ });
+ dataLabels = this.drawCalculatedDataLabels({
+ x: dataLabelsPos.dataLabelsX,
+ y: dataLabelsPos.dataLabelsY,
+ val: series[i][j],
+ i: realIndex,
+ j: j,
+ dataLabelsConfig: dataLabelsConfig
+ });
+ return dataLabels;
+ }
+ }, {
+ key: "calculateColumnsDataLabelsPosition",
+ value: function calculateColumnsDataLabelsPosition(opts) {
+ var w = this.w;
+ var i = opts.i,
+ j = opts.j,
+ realIndex = opts.realIndex,
+ y = opts.y,
+ bcx = opts.bcx,
+ barWidth = opts.barWidth,
+ textRects = opts.textRects,
+ dataLabelsY = opts.dataLabelsY,
+ barDataLabelsConfig = opts.barDataLabelsConfig,
+ strokeWidth = opts.strokeWidth,
+ offX = opts.offX,
+ offY = opts.offY;
+ var dataLabelsX;
+ var barHeight = this.series[i][j] / this.yRatio[this.yaxisIndex];
+ var dataPointsDividedWidth = w.globals.gridWidth / w.globals.dataPoints;
+ bcx = bcx - strokeWidth / 2;
+
+ if (w.globals.isXNumeric) {
+ dataLabelsX = bcx - barWidth / 2 + offX;
+ } else {
+ dataLabelsX = bcx - dataPointsDividedWidth + barWidth / 2 + offX;
+ }
+
+ var valIsNegative = this.series[i][j] <= 0;
+
+ if (w.config.yaxis[this.yaxisIndex].reversed) {
+ y = y - barHeight;
+ }
+
+ switch (barDataLabelsConfig.position) {
+ case 'center':
+ if (valIsNegative) {
+ dataLabelsY = y + barHeight / 2 + textRects.height / 2 + offY;
+ } else {
+ dataLabelsY = y + barHeight / 2 + textRects.height / 2 - offY;
+ }
+
+ break;
+
+ case 'bottom':
+ if (valIsNegative) {
+ dataLabelsY = y + barHeight + textRects.height + strokeWidth + offY;
+ } else {
+ dataLabelsY = y + barHeight - textRects.height / 2 + strokeWidth - offY;
+ }
+
+ break;
+
+ case 'top':
+ if (valIsNegative) {
+ dataLabelsY = y - textRects.height / 2 - offY;
+ } else {
+ dataLabelsY = y + textRects.height + offY;
+ }
+
+ break;
+ }
+
+ return {
+ bcx: bcx,
+ bcy: y,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY
+ };
+ }
+ }, {
+ key: "calculateBarsDataLabelsPosition",
+ value: function calculateBarsDataLabelsPosition(opts) {
+ var w = this.w;
+ var x = opts.x,
+ i = opts.i,
+ j = opts.j,
+ bcy = opts.bcy,
+ barHeight = opts.barHeight,
+ textRects = opts.textRects,
+ dataLabelsX = opts.dataLabelsX,
+ strokeWidth = opts.strokeWidth,
+ barDataLabelsConfig = opts.barDataLabelsConfig,
+ offX = opts.offX,
+ offY = opts.offY;
+ var dataPointsDividedHeight = w.globals.gridHeight / w.globals.dataPoints;
+ var dataLabelsY = bcy - dataPointsDividedHeight + barHeight / 2 + textRects.height / 2 + offY - 3;
+ var barWidth = this.series[i][j] / this.invertedYRatio;
+ var valIsNegative = this.series[i][j] <= 0;
+
+ if (w.config.yaxis[this.yaxisIndex].reversed) {
+ x = x + barWidth;
+ }
+
+ switch (barDataLabelsConfig.position) {
+ case 'center':
+ if (valIsNegative) {
+ dataLabelsX = x - barWidth / 2 - offX;
+ } else {
+ dataLabelsX = x - barWidth / 2 + offX;
+ }
+
+ break;
+
+ case 'bottom':
+ if (valIsNegative) {
+ dataLabelsX = x - barWidth - strokeWidth - Math.round(textRects.width / 2) - offX;
+ } else {
+ dataLabelsX = x - barWidth + strokeWidth + Math.round(textRects.width / 2) + offX;
+ }
+
+ break;
+
+ case 'top':
+ if (valIsNegative) {
+ dataLabelsX = x - strokeWidth + Math.round(textRects.width / 2) - offX;
+ } else {
+ dataLabelsX = x - strokeWidth - Math.round(textRects.width / 2) + offX;
+ }
+
+ break;
+ }
+
+ if (dataLabelsX < 0) {
+ dataLabelsX = textRects.width + strokeWidth;
+ } else if (dataLabelsX + textRects.width / 2 > w.globals.gridWidth) {
+ dataLabelsX = dataLabelsX - textRects.width - strokeWidth;
+ }
+
+ return {
+ bcx: x,
+ bcy: bcy,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY
+ };
+ }
+ }, {
+ key: "drawCalculatedDataLabels",
+ value: function drawCalculatedDataLabels(_ref5) {
+ var x = _ref5.x,
+ y = _ref5.y,
+ val = _ref5.val,
+ i = _ref5.i,
+ j = _ref5.j,
+ dataLabelsConfig = _ref5.dataLabelsConfig;
+ var w = this.w;
+ var dataLabels = new DataLabels(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var formatter = dataLabelsConfig.formatter;
+ var elDataLabelsWrap = null;
+ var isSeriesNotCollapsed = w.globals.collapsedSeriesIndices.indexOf(i) > -1;
+
+ if (dataLabelsConfig.enabled && !isSeriesNotCollapsed) {
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ var text = '';
+
+ if (typeof val !== 'undefined' && val !== null) {
+ text = formatter(val, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ dataLabels.plotDataLabelsText({
+ x: x,
+ y: y,
+ text: text,
+ i: i,
+ j: j,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig,
+ alwaysDrawDataLabel: true,
+ offsetCorrection: true
+ });
+ }
+
+ return elDataLabelsWrap;
+ }
+ }]);
+
+ return Bar;
+}();
+
+/**
+ * ApexCharts BarStacked Class responsible for drawing both Stacked Columns and Bars.
+ *
+ * @module BarStacked
+ * The whole calculation for stacked bar/column is different from normal bar/column,
+ * hence it makes sense to derive a new class for it extending most of the props of Parent Bar
+ **/
+
+var BarStacked =
+/*#__PURE__*/
+function (_Bar) {
+ _inherits(BarStacked, _Bar);
+
+ function BarStacked() {
+ _classCallCheck(this, BarStacked);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(BarStacked).apply(this, arguments));
+ }
+
+ _createClass(BarStacked, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var _this = this;
+
+ var w = this.w;
+ this.graphics = new Graphics(this.ctx);
+ this.fill = new Fill(this.ctx);
+ this.bar = new Bar(this.ctx, this.xyRatios);
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.series = series;
+ this.initVariables(series);
+
+ if (w.config.chart.stackType === '100%') {
+ this.series = w.globals.seriesPercent.slice();
+ series = this.series;
+ }
+
+ this.totalItems = 0;
+ this.prevY = []; // y position on chart
+
+ this.prevX = []; // x position on chart
+
+ this.prevYF = []; // y position including shapes on chart
+
+ this.prevXF = []; // x position including shapes on chart
+
+ this.prevYVal = []; // y values (series[i][j]) in columns
+
+ this.prevXVal = []; // x values (series[i][j]) in bars
+
+ this.xArrj = []; // xj indicates x position on graph in bars
+
+ this.xArrjF = []; // xjF indicates bar's x position + endingshape's positions in bars
+
+ this.xArrjVal = []; // x val means the actual series's y values in horizontal/bars
+
+ this.yArrj = []; // yj indicates y position on graph in columns
+
+ this.yArrjF = []; // yjF indicates bar's y position + endingshape's positions in columns
+
+ this.yArrjVal = []; // y val means the actual series's y values in columns
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length > 0) {
+ this.totalItems += series[sl].length;
+ }
+ }
+
+ var ret = this.graphics.group({
+ class: 'apexcharts-bar-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+ var x = 0;
+ var y = 0;
+
+ var _loop = function _loop(i, bc) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var xDivision = void 0; // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+
+ var yDivision = void 0; // yDivision is the GRIDHEIGHT divided by number of datapoints (bars)
+
+ var zeroH = void 0; // zeroH is the baseline where 0 meets y axis
+
+ var zeroW = void 0; // zeroW is the baseline where 0 meets x axis
+
+ var xArrValues = [];
+ var yArrValues = [];
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i;
+
+ if (_this.yRatio.length > 1) {
+ _this.yaxisIndex = realIndex;
+ }
+
+ _this.isReversed = w.config.yaxis[_this.yaxisIndex] && w.config.yaxis[_this.yaxisIndex].reversed; // el to which series will be drawn
+
+ var elSeries = _this.graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ }); // eldatalabels
+
+
+ var elDataLabelsWrap = _this.graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ var initPositions = _this.initialPositions(x, y, xDivision, yDivision, zeroH, zeroW);
+
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ yDivision = initPositions.yDivision;
+ zeroW = initPositions.zeroW;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+ _this.yArrj = [];
+ _this.yArrjF = [];
+ _this.yArrjVal = [];
+ _this.xArrj = [];
+ _this.xArrjF = [];
+ _this.xArrjVal = []; // if (!this.horizontal) {
+ // this.xArrj.push(x + barWidth / 2)
+ // }
+
+ var _loop2 = function _loop2(j) {
+ if (w.config.stroke.show) {
+ if (_this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(_this.strokeWidth) ? _this.strokeWidth[realIndex] : _this.strokeWidth;
+ }
+ }
+
+ var paths = null;
+
+ if (_this.isHorizontal) {
+ paths = _this.drawBarPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ barHeight: barHeight,
+ strokeWidth: strokeWidth,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ zeroW: zeroW,
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ elSeries: elSeries
+ });
+ } else {
+ paths = _this.drawColumnPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ }
+
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x;
+ xArrValues.push(x);
+ yArrValues.push(y);
+ var seriesNumber = w.config.plotOptions.bar.distributed ? j : i;
+ var fillColor = null;
+
+ if (_this.barOptions.colors.ranges.length > 0) {
+ var colorRange = _this.barOptions.colors.ranges;
+ colorRange.map(function (range, index) {
+ if (series[i][j] >= range.from && series[i][j] <= range.to) {
+ fillColor = range.color;
+ }
+ });
+ }
+
+ var pathFill = _this.fill.fillPath({
+ seriesNumber: _this.barOptions.distributed ? seriesNumber : realIndex,
+ color: fillColor
+ });
+
+ elSeries = _this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ type: 'bar',
+ visibleSeries: 0
+ });
+ };
+
+ for (var j = 0; j < w.globals.dataPoints; j++) {
+ _loop2(j);
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrValues;
+ w.globals.seriesYvalues[realIndex] = yArrValues; // push all current y values array to main PrevY Array
+
+ _this.prevY.push(_this.yArrj);
+
+ _this.prevYF.push(_this.yArrjF);
+
+ _this.prevYVal.push(_this.yArrjVal);
+
+ _this.prevX.push(_this.xArrj);
+
+ _this.prevXF.push(_this.xArrjF);
+
+ _this.prevXVal.push(_this.xArrjVal);
+
+ ret.add(elSeries);
+ };
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ _loop(i, bc);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "initialPositions",
+ value: function initialPositions(x, y, xDivision, yDivision, zeroH, zeroW) {
+ var w = this.w;
+ var barHeight, barWidth;
+
+ if (this.isHorizontal) {
+ // height divided into equal parts
+ yDivision = w.globals.gridHeight / w.globals.dataPoints;
+ barHeight = yDivision;
+ barHeight = barHeight * parseInt(w.config.plotOptions.bar.barHeight) / 100;
+ zeroW = this.baseLineInvertedY + w.globals.padHorizontal + (this.isReversed ? w.globals.gridWidth : 0) - (this.isReversed ? this.baseLineInvertedY * 2 : 0); // initial y position is half of barHeight * half of number of Bars
+
+ y = (yDivision - barHeight) / 2;
+ } else {
+ // width divided into equal parts
+ xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ barWidth = xDivision;
+
+ if (w.globals.isXNumeric) {
+ // max barwidth should be equal to minXDiff to avoid overlap
+ xDivision = this.minXDiff / this.xRatio;
+ barWidth = xDivision * parseInt(this.barOptions.columnWidth) / 100;
+ } else {
+ barWidth = barWidth * parseInt(w.config.plotOptions.bar.columnWidth) / 100;
+ }
+
+ zeroH = this.baseLineY[this.yaxisIndex] + (this.isReversed ? w.globals.gridHeight : 0) - (this.isReversed ? this.baseLineY[this.yaxisIndex] * 2 : 0); // initial x position is one third of barWidth
+
+ x = w.globals.padHorizontal + (xDivision - barWidth) / 2;
+ }
+
+ return {
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ xDivision: xDivision,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ zeroW: zeroW
+ };
+ }
+ }, {
+ key: "drawBarPaths",
+ value: function drawBarPaths(_ref) {
+ var indexes = _ref.indexes,
+ barHeight = _ref.barHeight,
+ strokeWidth = _ref.strokeWidth,
+ pathTo = _ref.pathTo,
+ pathFrom = _ref.pathFrom,
+ zeroW = _ref.zeroW,
+ x = _ref.x,
+ y = _ref.y,
+ yDivision = _ref.yDivision,
+ elSeries = _ref.elSeries;
+ var w = this.w;
+ var barYPosition = y;
+ var barXPosition;
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+ var prevBarW = 0;
+
+ for (var k = 0; k < this.prevXF.length; k++) {
+ prevBarW = prevBarW + this.prevXF[k][j];
+ }
+
+ if (i > 0) {
+ var bXP = zeroW;
+
+ if (this.prevXVal[i - 1][j] < 0) {
+ if (this.series[i][j] >= 0) {
+ bXP = this.prevX[i - 1][j] + prevBarW - (this.isReversed ? prevBarW : 0) * 2;
+ } else {
+ bXP = this.prevX[i - 1][j];
+ }
+ } else if (this.prevXVal[i - 1][j] >= 0) {
+ if (this.series[i][j] >= 0) {
+ bXP = this.prevX[i - 1][j];
+ } else {
+ bXP = this.prevX[i - 1][j] - prevBarW + (this.isReversed ? prevBarW : 0) * 2;
+ }
+ }
+
+ barXPosition = bXP;
+ } else {
+ // the first series will not have prevX values
+ barXPosition = zeroW;
+ }
+
+ if (this.series[i][j] === null) {
+ x = barXPosition;
+ } else {
+ x = barXPosition + this.series[i][j] / this.invertedYRatio - (this.isReversed ? this.series[i][j] / this.invertedYRatio : 0) * 2;
+ }
+
+ this.xArrj.push(x);
+ this.xArrjF.push(Math.abs(barXPosition - x));
+ this.xArrjVal.push(this.series[i][j]);
+ pathTo = this.graphics.move(barXPosition, barYPosition);
+ pathFrom = this.graphics.move(barXPosition, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.bar.getPathFrom(realIndex, j, false);
+ }
+
+ pathTo = pathTo + this.graphics.line(x, barYPosition) + this.graphics.line(x, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition);
+ pathFrom = pathFrom + this.graphics.line(barXPosition, barYPosition) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition);
+
+ if (w.config.plotOptions.bar.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= w.config.plotOptions.bar.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = w.config.plotOptions.bar.colors.backgroundBarColors[bc];
+ var rect = this.graphics.drawRect(0, barYPosition, w.globals.gridWidth, barHeight, 0, bcolor, w.config.plotOptions.bar.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ y = y + yDivision;
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "drawColumnPaths",
+ value: function drawColumnPaths(_ref2) {
+ var indexes = _ref2.indexes,
+ x = _ref2.x,
+ y = _ref2.y,
+ xDivision = _ref2.xDivision,
+ pathTo = _ref2.pathTo,
+ pathFrom = _ref2.pathFrom,
+ barWidth = _ref2.barWidth,
+ zeroH = _ref2.zeroH,
+ strokeWidth = _ref2.strokeWidth,
+ elSeries = _ref2.elSeries;
+ var w = this.w;
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ var seriesVal = w.globals.seriesX[i][j];
+ if (!seriesVal) seriesVal = 0;
+ x = (seriesVal - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x;
+ var barYPosition;
+ var prevBarH = 0;
+
+ for (var k = 0; k < this.prevYF.length; k++) {
+ prevBarH = prevBarH + this.prevYF[k][j];
+ }
+
+ if (i > 0 && !w.globals.isXNumeric || i > 0 && w.globals.isXNumeric && w.globals.seriesX[i - 1][j] === w.globals.seriesX[i][j]) {
+ var bYP;
+ var prevYValue = this.prevY[i - 1][j];
+
+ if (this.prevYVal[i - 1][j] < 0) {
+ if (this.series[i][j] >= 0) {
+ bYP = prevYValue - prevBarH + (this.isReversed ? prevBarH : 0) * 2;
+ } else {
+ bYP = prevYValue;
+ }
+ } else {
+ if (this.series[i][j] >= 0) {
+ bYP = prevYValue;
+ } else {
+ bYP = prevYValue + prevBarH - (this.isReversed ? prevBarH : 0) * 2;
+ }
+ }
+
+ barYPosition = bYP;
+ } else {
+ // the first series will not have prevY values, also if the prev index's series X doesn't matches the current index's series X, then start from zero
+ barYPosition = w.globals.gridHeight - zeroH;
+ }
+
+ y = barYPosition - this.series[i][j] / this.yRatio[this.yaxisIndex] + (this.isReversed ? this.series[i][j] / this.yRatio[this.yaxisIndex] : 0) * 2;
+ this.yArrj.push(y);
+ this.yArrjF.push(Math.abs(barYPosition - y));
+ this.yArrjVal.push(this.series[i][j]);
+ pathTo = this.graphics.move(barXPosition, barYPosition);
+ pathFrom = this.graphics.move(barXPosition, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.bar.getPathFrom(realIndex, j, false);
+ }
+
+ pathTo = pathTo + this.graphics.line(barXPosition, y) + this.graphics.line(barXPosition + barWidth - strokeWidth, y) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition, barYPosition);
+ pathFrom = pathFrom + this.graphics.line(barXPosition, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition, barYPosition);
+
+ if (w.config.plotOptions.bar.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= w.config.plotOptions.bar.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = w.config.plotOptions.bar.colors.backgroundBarColors[bc];
+ var rect = this.graphics.drawRect(barXPosition, 0, barWidth, w.globals.gridHeight, 0, bcolor, w.config.plotOptions.bar.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ x = x + xDivision;
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: w.globals.isXNumeric ? x - xDivision : x,
+ y: y
+ };
+ }
+ }]);
+
+ return BarStacked;
+}(Bar);
+
+/**
+ * ApexCharts CandleStick Class responsible for drawing both Stacked Columns and Bars.
+ *
+ * @module CandleStick
+ * The whole calculation for stacked bar/column is different from normal bar/column,
+ * hence it makes sense to derive a new class for it extending most of the props of Parent Bar
+ **/
+
+var CandleStick =
+/*#__PURE__*/
+function (_Bar) {
+ _inherits(CandleStick, _Bar);
+
+ function CandleStick() {
+ _classCallCheck(this, CandleStick);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(CandleStick).apply(this, arguments));
+ }
+
+ _createClass(CandleStick, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ this.candlestickOptions = this.w.config.plotOptions.candlestick;
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.initVariables(series);
+ var ret = graphics.group({
+ class: 'apexcharts-candlestick-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var x = void 0,
+ y = void 0,
+ xDivision = void 0,
+ // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+ zeroH = void 0; // zeroH is the baseline where 0 meets y axis
+
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+
+ if (series[i].length > 0) {
+ this.visibleI = this.visibleI + 1;
+ }
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ if (this.yRatio.length > 1) {
+ this.yaxisIndex = realIndex;
+ }
+
+ var initPositions = this.initialPositions();
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+ xArrj.push(x + barWidth / 2); // eldatalabels
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ for (var j = 0, tj = w.globals.dataPoints; j < w.globals.dataPoints; j++, tj--) {
+ if (typeof this.series[i][j] === 'undefined' || series[i][j] === null) {
+ this.isNullValue = true;
+ } else {
+ this.isNullValue = false;
+ }
+
+ if (w.config.stroke.show) {
+ if (this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(this.strokeWidth) ? this.strokeWidth[realIndex] : this.strokeWidth;
+ }
+ }
+
+ var color = void 0;
+ var paths = this.drawCandleStickPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x;
+ color = paths.color; // push current X
+
+ if (j > 0) {
+ xArrj.push(x + barWidth / 2);
+ }
+
+ yArrj.push(y);
+ var pathFill = fill.fillPath({
+ seriesNumber: realIndex,
+ color: color
+ });
+ var lineFill = this.candlestickOptions.wick.useFillColor ? color : undefined;
+ elSeries = this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ lineFill: lineFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ visibleSeries: this.visibleI,
+ type: 'candlestick'
+ });
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj;
+ ret.add(elSeries);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "drawCandleStickPaths",
+ value: function drawCandleStickPaths(_ref) {
+ var indexes = _ref.indexes,
+ x = _ref.x,
+ y = _ref.y,
+ xDivision = _ref.xDivision,
+ pathTo = _ref.pathTo,
+ pathFrom = _ref.pathFrom,
+ barWidth = _ref.barWidth,
+ zeroH = _ref.zeroH,
+ strokeWidth = _ref.strokeWidth;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var isPositive = true;
+ var colorPos = w.config.plotOptions.candlestick.colors.upward;
+ var colorNeg = w.config.plotOptions.candlestick.colors.downward;
+ var yRatio = this.yRatio[this.yaxisIndex];
+ var realIndex = indexes.realIndex;
+ var ohlc = this.getOHLCValue(realIndex, j);
+ var l1 = zeroH;
+ var l2 = zeroH;
+
+ if (ohlc.o > ohlc.c) {
+ isPositive = false;
+ }
+
+ var y1 = Math.min(ohlc.o, ohlc.c);
+ var y2 = Math.max(ohlc.o, ohlc.c);
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[i][j] - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x + barWidth * this.visibleI;
+ pathTo = graphics.move(barXPosition, zeroH);
+ pathFrom = graphics.move(barXPosition, zeroH);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j, true);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ y1 = zeroH;
+ } else {
+ y1 = zeroH - y1 / yRatio;
+ y2 = zeroH - y2 / yRatio;
+ l1 = zeroH - ohlc.h / yRatio;
+ l2 = zeroH - ohlc.l / yRatio;
+ }
+
+ pathTo = graphics.move(barXPosition, y2) + graphics.line(barXPosition + barWidth / 2, y2) + graphics.line(barXPosition + barWidth / 2, l1) + graphics.line(barXPosition + barWidth / 2, y2) + graphics.line(barXPosition + barWidth, y2) + graphics.line(barXPosition + barWidth, y1) + graphics.line(barXPosition + barWidth / 2, y1) + graphics.line(barXPosition + barWidth / 2, l2) + graphics.line(barXPosition + barWidth / 2, y1) + graphics.line(barXPosition, y1) + graphics.line(barXPosition, y2 - strokeWidth / 2);
+
+ if (!w.globals.isXNumeric) {
+ x = x + xDivision;
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y2,
+ barXPosition: barXPosition,
+ color: isPositive ? colorPos : colorNeg
+ };
+ }
+ }, {
+ key: "getOHLCValue",
+ value: function getOHLCValue(i, j) {
+ var w = this.w;
+ return {
+ o: w.globals.seriesCandleO[i][j],
+ h: w.globals.seriesCandleH[i][j],
+ l: w.globals.seriesCandleL[i][j],
+ c: w.globals.seriesCandleC[i][j]
+ };
+ }
+ }]);
+
+ return CandleStick;
+}(Bar);
+
+var Crosshairs =
+/*#__PURE__*/
+function () {
+ function Crosshairs(ctx) {
+ _classCallCheck(this, Crosshairs);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Crosshairs, [{
+ key: "drawXCrosshairs",
+ value: function drawXCrosshairs() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var filters = new Filters(this.ctx);
+ var crosshairGradient = w.config.xaxis.crosshairs.fill.gradient;
+ var crosshairShadow = w.config.xaxis.crosshairs.dropShadow;
+ var fillType = w.config.xaxis.crosshairs.fill.type;
+ var gradientFrom = crosshairGradient.colorFrom;
+ var gradientTo = crosshairGradient.colorTo;
+ var opacityFrom = crosshairGradient.opacityFrom;
+ var opacityTo = crosshairGradient.opacityTo;
+ var stops = crosshairGradient.stops;
+ var shadow = 'none';
+ var dropShadow = crosshairShadow.enabled;
+ var shadowLeft = crosshairShadow.left;
+ var shadowTop = crosshairShadow.top;
+ var shadowBlur = crosshairShadow.blur;
+ var shadowColor = crosshairShadow.color;
+ var shadowOpacity = crosshairShadow.opacity;
+ var xcrosshairsFill = w.config.xaxis.crosshairs.fill.color;
+
+ if (w.config.xaxis.crosshairs.show) {
+ if (fillType === 'gradient') {
+ xcrosshairsFill = graphics.drawGradient('vertical', gradientFrom, gradientTo, opacityFrom, opacityTo, null, stops, null);
+ }
+
+ var xcrosshairs = graphics.drawRect();
+
+ if (w.config.xaxis.crosshairs.width === 1) {
+ // to prevent drawing 2 lines, convert rect to line
+ xcrosshairs = graphics.drawLine();
+ }
+
+ xcrosshairs.attr({
+ class: 'apexcharts-xcrosshairs',
+ x: 0,
+ y: 0,
+ y2: w.globals.gridHeight,
+ width: Utils.isNumber(w.config.xaxis.crosshairs.width) ? w.config.xaxis.crosshairs.width : 0,
+ height: w.globals.gridHeight,
+ fill: xcrosshairsFill,
+ filter: shadow,
+ 'fill-opacity': w.config.xaxis.crosshairs.opacity,
+ stroke: w.config.xaxis.crosshairs.stroke.color,
+ 'stroke-width': w.config.xaxis.crosshairs.stroke.width,
+ 'stroke-dasharray': w.config.xaxis.crosshairs.stroke.dashArray
+ });
+
+ if (dropShadow) {
+ xcrosshairs = filters.dropShadow(xcrosshairs, {
+ left: shadowLeft,
+ top: shadowTop,
+ blur: shadowBlur,
+ color: shadowColor,
+ opacity: shadowOpacity
+ });
+ }
+
+ w.globals.dom.elGraphical.add(xcrosshairs);
+ }
+ }
+ }, {
+ key: "drawYCrosshairs",
+ value: function drawYCrosshairs() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var crosshair = w.config.yaxis[0].crosshairs;
+
+ if (w.config.yaxis[0].crosshairs.show) {
+ var ycrosshairs = graphics.drawLine(0, 0, w.globals.gridWidth, 0, crosshair.stroke.color, crosshair.stroke.dashArray, crosshair.stroke.width);
+ ycrosshairs.attr({
+ class: 'apexcharts-ycrosshairs'
+ });
+ w.globals.dom.elGraphical.add(ycrosshairs);
+ } // draw an invisible crosshair to help in positioning the yaxis tooltip
+
+
+ var ycrosshairsHidden = graphics.drawLine(0, 0, w.globals.gridWidth, 0, crosshair.stroke.color, 0, 0);
+ ycrosshairsHidden.attr({
+ class: 'apexcharts-ycrosshairs-hidden'
+ });
+ w.globals.dom.elGraphical.add(ycrosshairsHidden);
+ }
+ }]);
+
+ return Crosshairs;
+}();
+
+/**
+ * DateTime Class to manipulate datetime values.
+ *
+ * @module DateTime
+ **/
+
+var DateTime =
+/*#__PURE__*/
+function () {
+ function DateTime(ctx) {
+ _classCallCheck(this, DateTime);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.months31 = [1, 3, 5, 7, 8, 10, 12];
+ this.months30 = [2, 4, 6, 9, 11];
+ this.daysCntOfYear = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
+ }
+
+ _createClass(DateTime, [{
+ key: "isValidDate",
+ value: function isValidDate(date) {
+ return !isNaN(this.parseDate(date));
+ }
+ }, {
+ key: "getUTCTimeStamp",
+ value: function getUTCTimeStamp(dateStr) {
+ if (!Date.parse(dateStr)) {
+ return dateStr;
+ }
+
+ return new Date(new Date(dateStr).toISOString().substr(0, 25)).getTime();
+ }
+ }, {
+ key: "parseDate",
+ value: function parseDate(dateStr) {
+ var parsed = Date.parse(dateStr);
+
+ if (!isNaN(parsed)) {
+ return this.getUTCTimeStamp(dateStr);
+ }
+
+ var output = Date.parse(dateStr.replace(/-/g, '/').replace(/[a-z]+/gi, ' '));
+ output = this.getUTCTimeStamp(output);
+ return output;
+ } // https://stackoverflow.com/a/11252167/6495043
+
+ }, {
+ key: "treatAsUtc",
+ value: function treatAsUtc(dateStr) {
+ var result = new Date(dateStr);
+ result.setMinutes(result.getMinutes() - result.getTimezoneOffset());
+ return result;
+ } // http://stackoverflow.com/questions/14638018/current-time-formatting-with-javascript#answer-14638191
+
+ }, {
+ key: "formatDate",
+ value: function formatDate(date, format) {
+ var utc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var convertToUTC = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+ var locale = this.w.globals.locale;
+ var MMMM = ['\x00'].concat(_toConsumableArray(locale.months));
+ var MMM = ['\x01'].concat(_toConsumableArray(locale.shortMonths));
+ var dddd = ['\x02'].concat(_toConsumableArray(locale.days));
+ var ddd = ['\x03'].concat(_toConsumableArray(locale.shortDays));
+
+ function ii(i, len) {
+ var s = i + '';
+ len = len || 2;
+
+ while (s.length < len) {
+ s = '0' + s;
+ }
+
+ return s;
+ }
+
+ if (convertToUTC) {
+ date = this.treatAsUtc(date);
+ }
+
+ var y = utc ? date.getUTCFullYear() : date.getFullYear();
+ format = format.replace(/(^|[^\\])yyyy+/g, '$1' + y);
+ format = format.replace(/(^|[^\\])yy/g, '$1' + y.toString().substr(2, 2));
+ format = format.replace(/(^|[^\\])y/g, '$1' + y);
+ var M = (utc ? date.getUTCMonth() : date.getMonth()) + 1;
+ format = format.replace(/(^|[^\\])MMMM+/g, '$1' + MMMM[0]);
+ format = format.replace(/(^|[^\\])MMM/g, '$1' + MMM[0]);
+ format = format.replace(/(^|[^\\])MM/g, '$1' + ii(M));
+ format = format.replace(/(^|[^\\])M/g, '$1' + M);
+ var d = utc ? date.getUTCDate() : date.getDate();
+ format = format.replace(/(^|[^\\])dddd+/g, '$1' + dddd[0]);
+ format = format.replace(/(^|[^\\])ddd/g, '$1' + ddd[0]);
+ format = format.replace(/(^|[^\\])dd/g, '$1' + ii(d));
+ format = format.replace(/(^|[^\\])d/g, '$1' + d);
+ var H = utc ? date.getUTCHours() : date.getHours();
+ format = format.replace(/(^|[^\\])HH+/g, '$1' + ii(H));
+ format = format.replace(/(^|[^\\])H/g, '$1' + H);
+ var h = H > 12 ? H - 12 : H === 0 ? 12 : H;
+ format = format.replace(/(^|[^\\])hh+/g, '$1' + ii(h));
+ format = format.replace(/(^|[^\\])h/g, '$1' + h);
+ var m = utc ? date.getUTCMinutes() : date.getMinutes();
+ format = format.replace(/(^|[^\\])mm+/g, '$1' + ii(m));
+ format = format.replace(/(^|[^\\])m/g, '$1' + m);
+ var s = utc ? date.getUTCSeconds() : date.getSeconds();
+ format = format.replace(/(^|[^\\])ss+/g, '$1' + ii(s));
+ format = format.replace(/(^|[^\\])s/g, '$1' + s);
+ var f = utc ? date.getUTCMilliseconds() : date.getMilliseconds();
+ format = format.replace(/(^|[^\\])fff+/g, '$1' + ii(f, 3));
+ f = Math.round(f / 10);
+ format = format.replace(/(^|[^\\])ff/g, '$1' + ii(f));
+ f = Math.round(f / 10);
+ format = format.replace(/(^|[^\\])f/g, '$1' + f);
+ var T = H < 12 ? 'AM' : 'PM';
+ format = format.replace(/(^|[^\\])TT+/g, '$1' + T);
+ format = format.replace(/(^|[^\\])T/g, '$1' + T.charAt(0));
+ var t = T.toLowerCase();
+ format = format.replace(/(^|[^\\])tt+/g, '$1' + t);
+ format = format.replace(/(^|[^\\])t/g, '$1' + t.charAt(0));
+ var tz = -date.getTimezoneOffset();
+ var K = utc || !tz ? 'Z' : tz > 0 ? '+' : '-';
+
+ if (!utc) {
+ tz = Math.abs(tz);
+ var tzHrs = Math.floor(tz / 60);
+ var tzMin = tz % 60;
+ K += ii(tzHrs) + ':' + ii(tzMin);
+ }
+
+ format = format.replace(/(^|[^\\])K/g, '$1' + K);
+ var day = (utc ? date.getUTCDay() : date.getDay()) + 1;
+ format = format.replace(new RegExp(dddd[0], 'g'), dddd[day]);
+ format = format.replace(new RegExp(ddd[0], 'g'), ddd[day]);
+ format = format.replace(new RegExp(MMMM[0], 'g'), MMMM[M]);
+ format = format.replace(new RegExp(MMM[0], 'g'), MMM[M]);
+ format = format.replace(/\\(.)/g, '$1');
+ return format;
+ }
+ }, {
+ key: "getTimeUnitsfromTimestamp",
+ value: function getTimeUnitsfromTimestamp(minX, maxX) {
+ var w = this.w;
+
+ if (w.config.xaxis.min !== undefined) {
+ minX = w.config.xaxis.min;
+ }
+
+ if (w.config.xaxis.max !== undefined) {
+ maxX = w.config.xaxis.max;
+ }
+
+ var minYear = new Date(minX).getFullYear();
+ var maxYear = new Date(maxX).getFullYear();
+ var minMonth = new Date(minX).getMonth();
+ var maxMonth = new Date(maxX).getMonth();
+ var minDate = new Date(minX).getDate();
+ var maxDate = new Date(maxX).getDate();
+ var minHour = new Date(minX).getHours();
+ var maxHour = new Date(maxX).getHours();
+ var minMinute = new Date(minX).getMinutes();
+ var maxMinute = new Date(maxX).getMinutes();
+ return {
+ minMinute: minMinute,
+ maxMinute: maxMinute,
+ minHour: minHour,
+ maxHour: maxHour,
+ minDate: minDate,
+ maxDate: maxDate,
+ minMonth: minMonth,
+ maxMonth: maxMonth,
+ minYear: minYear,
+ maxYear: maxYear
+ };
+ }
+ }, {
+ key: "isLeapYear",
+ value: function isLeapYear(year) {
+ return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+ }
+ }, {
+ key: "calculcateLastDaysOfMonth",
+ value: function calculcateLastDaysOfMonth(month, year, subtract) {
+ var days = this.determineDaysOfMonths(month, year); // whatever days we get, subtract the number of days asked
+
+ return days - subtract;
+ }
+ }, {
+ key: "determineDaysOfYear",
+ value: function determineDaysOfYear(year) {
+ var days = 365;
+
+ if (this.isLeapYear(year)) {
+ days = 366;
+ }
+
+ return days;
+ }
+ }, {
+ key: "determineRemainingDaysOfYear",
+ value: function determineRemainingDaysOfYear(year, month, date) {
+ var dayOfYear = this.daysCntOfYear[month] + date;
+ if (month > 1 && this.isLeapYear()) dayOfYear++;
+ return dayOfYear;
+ }
+ }, {
+ key: "determineDaysOfMonths",
+ value: function determineDaysOfMonths(month, year) {
+ var days = 30;
+ month = Utils.monthMod(month);
+
+ switch (true) {
+ case this.months30.indexOf(month) > -1:
+ if (month === 2) {
+ if (this.isLeapYear(year)) {
+ days = 29;
+ } else {
+ days = 28;
+ }
+ }
+
+ break;
+
+ case this.months31.indexOf(month) > -1:
+ days = 31;
+ break;
+
+ default:
+ days = 31;
+ break;
+ }
+
+ return days;
+ }
+ }]);
+
+ return DateTime;
+}();
+
+/**
+ * ApexCharts HeatMap Class.
+ * @module HeatMap
+ **/
+
+var HeatMap =
+/*#__PURE__*/
+function () {
+ function HeatMap(ctx, xyRatios) {
+ _classCallCheck(this, HeatMap);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xRatio = xyRatios.xRatio;
+ this.yRatio = xyRatios.yRatio;
+ this.dynamicAnim = this.w.config.chart.animations.dynamicAnimation;
+ this.rectRadius = this.w.config.plotOptions.heatmap.radius;
+ this.strokeWidth = this.w.config.stroke.width;
+ }
+
+ _createClass(HeatMap, [{
+ key: "draw",
+ value: function draw(series) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-heatmap'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")")); // width divided into equal parts
+
+ var xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ var yDivision = w.globals.gridHeight / w.globals.series.length;
+ var y1 = 0;
+ var rev = false;
+ var heatSeries = series.slice();
+
+ if (w.config.yaxis[0].reversed) {
+ rev = true;
+ heatSeries.reverse();
+ }
+
+ for (var i = rev ? 0 : heatSeries.length - 1; rev ? i < heatSeries.length : i >= 0; rev ? i++ : i--) {
+ // el to which series will be drawn
+ var elSeries = graphics.group({
+ class: "apexcharts-series apexcharts-heatmap-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ rel: i + 1,
+ 'data:realIndex': i
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var shadow = w.config.chart.dropShadow;
+ var filters = new Filters(this.ctx);
+ filters.dropShadow(elSeries, shadow);
+ }
+
+ var x1 = 0;
+
+ for (var j = 0; j < heatSeries[i].length; j++) {
+ var colorShadePercent = 1;
+ var heatColorProps = this.determineHeatColor(i, j);
+
+ if (w.globals.hasNegs) {
+ var shadeIntensity = w.config.plotOptions.heatmap.shadeIntensity;
+
+ if (heatColorProps.percent < 0) {
+ colorShadePercent = 1 - (1 + heatColorProps.percent / 100) * shadeIntensity;
+ } else {
+ colorShadePercent = (1 - heatColorProps.percent / 100) * shadeIntensity;
+ }
+ } else {
+ colorShadePercent = 1 - heatColorProps.percent / 100;
+ }
+
+ var color = heatColorProps.color;
+
+ if (w.config.plotOptions.heatmap.enableShades) {
+ var utils = new Utils();
+ color = Utils.hexToRgba(utils.shadeColor(colorShadePercent, heatColorProps.color), w.config.fill.opacity);
+ }
+
+ var radius = this.rectRadius;
+ var rect = graphics.drawRect(x1, y1, xDivision, yDivision, radius);
+ rect.attr({
+ cx: x1,
+ cy: y1
+ });
+ rect.node.classList.add('apexcharts-heatmap-rect');
+ elSeries.add(rect);
+ rect.attr({
+ fill: color,
+ i: i,
+ index: i,
+ j: j,
+ val: heatSeries[i][j],
+ 'stroke-width': this.strokeWidth,
+ stroke: w.globals.stroke.colors[0],
+ color: color
+ });
+ rect.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this, rect));
+ rect.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this, rect));
+ rect.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this, rect));
+
+ if (w.config.chart.animations.enabled && !w.globals.dataChanged) {
+ var speed = 1;
+
+ if (!w.globals.resized) {
+ speed = w.config.chart.animations.speed;
+ }
+
+ this.animateHeatMap(rect, x1, y1, xDivision, yDivision, speed);
+ }
+
+ if (w.globals.dataChanged) {
+ var _speed = 1;
+
+ if (this.dynamicAnim.enabled && w.globals.shouldAnimate) {
+ _speed = this.dynamicAnim.speed;
+ var colorFrom = w.globals.previousPaths[i] && w.globals.previousPaths[i][j] && w.globals.previousPaths[i][j].color;
+ if (!colorFrom) colorFrom = 'rgba(255, 255, 255, 0)';
+ this.animateHeatColor(rect, Utils.isColorHex(colorFrom) ? colorFrom : Utils.rgb2hex(colorFrom), Utils.isColorHex(color) ? color : Utils.rgb2hex(color), _speed);
+ }
+ }
+
+ var dataLabels = this.calculateHeatmapDataLabels({
+ x: x1,
+ y: y1,
+ i: i,
+ j: j,
+ series: heatSeries,
+ rectHeight: yDivision,
+ rectWidth: xDivision
+ });
+
+ if (dataLabels !== null) {
+ elSeries.add(dataLabels);
+ }
+
+ x1 = x1 + xDivision;
+ }
+
+ y1 = y1 + yDivision;
+ ret.add(elSeries);
+ } // adjust yaxis labels for heatmap
+
+
+ var yAxisScale = w.globals.yAxisScale[0].result.slice();
+
+ if (w.config.yaxis[0].reversed) {
+ yAxisScale.unshift('');
+ } else {
+ yAxisScale.push('');
+ }
+
+ w.globals.yAxisScale[0].result = yAxisScale;
+ var divisor = w.globals.gridHeight / w.globals.series.length;
+ w.config.yaxis[0].labels.offsetY = -(divisor / 2);
+ return ret;
+ }
+ }, {
+ key: "determineHeatColor",
+ value: function determineHeatColor(i, j) {
+ var w = this.w;
+ var val = w.globals.series[i][j];
+ var heatmap = w.config.plotOptions.heatmap;
+ var seriesNumber = heatmap.colorScale.inverse ? j : i;
+ var color = w.globals.colors[seriesNumber];
+ var min = Math.min.apply(Math, _toConsumableArray(w.globals.series[i]));
+ var max = Math.max.apply(Math, _toConsumableArray(w.globals.series[i]));
+
+ if (!heatmap.distributed) {
+ min = w.globals.minY;
+ max = w.globals.maxY;
+ }
+
+ if (typeof heatmap.colorScale.min !== 'undefined') {
+ min = heatmap.colorScale.min < w.globals.minY ? heatmap.colorScale.min : w.globals.minY;
+ max = heatmap.colorScale.max > w.globals.maxY ? heatmap.colorScale.max : w.globals.maxY;
+ }
+
+ var total = Math.abs(max) + Math.abs(min);
+ var percent = 100 * val / (total === 0 ? total - 0.000001 : total);
+
+ if (heatmap.colorScale.ranges.length > 0) {
+ var colorRange = heatmap.colorScale.ranges;
+ colorRange.map(function (range, index) {
+ if (val >= range.from && val <= range.to) {
+ color = range.color;
+ min = range.from;
+ max = range.to;
+ total = Math.abs(max) + Math.abs(min);
+ percent = 100 * val / total;
+ }
+ });
+ }
+
+ return {
+ color: color,
+ percent: percent
+ };
+ }
+ }, {
+ key: "calculateHeatmapDataLabels",
+ value: function calculateHeatmapDataLabels(_ref) {
+ var x = _ref.x,
+ y = _ref.y,
+ i = _ref.i,
+ j = _ref.j,
+ series = _ref.series,
+ rectHeight = _ref.rectHeight,
+ rectWidth = _ref.rectWidth;
+ var w = this.w; // let graphics = new Graphics(this.ctx)
+
+ var dataLabelsConfig = w.config.dataLabels;
+ var graphics = new Graphics(this.ctx);
+ var dataLabels = new DataLabels(this.ctx);
+ var formatter = dataLabelsConfig.formatter;
+ var elDataLabelsWrap = null;
+
+ if (dataLabelsConfig.enabled) {
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ var offX = dataLabelsConfig.offsetX;
+ var offY = dataLabelsConfig.offsetY;
+ var dataLabelsX = x + rectWidth / 2 + offX;
+ var dataLabelsY = y + rectHeight / 2 + parseInt(dataLabelsConfig.style.fontSize) / 3 + offY;
+ var text = formatter(w.globals.series[i][j], {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ dataLabels.plotDataLabelsText({
+ x: dataLabelsX,
+ y: dataLabelsY,
+ text: text,
+ i: i,
+ j: j,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig
+ });
+ }
+
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "animateHeatMap",
+ value: function animateHeatMap(el, x, y, width, height, speed) {
+ var _this = this;
+
+ var animations = new Animations(this.ctx);
+ animations.animateRect(el, {
+ x: x + width / 2,
+ y: y + height / 2,
+ width: 0,
+ height: 0
+ }, {
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ }, speed, function () {
+ _this.w.globals.animationEnded = true;
+ });
+ }
+ }, {
+ key: "animateHeatColor",
+ value: function animateHeatColor(el, colorFrom, colorTo, speed) {
+ el.attr({
+ fill: colorFrom
+ }).animate(speed).attr({
+ fill: colorTo
+ });
+ }
+ }]);
+
+ return HeatMap;
+}();
+
+/**
+ * ApexCharts Pie Class for drawing Pie / Donut Charts.
+ * @module Pie
+ **/
+
+var Pie =
+/*#__PURE__*/
+function () {
+ function Pie(ctx) {
+ _classCallCheck(this, Pie);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.chartType = this.w.config.chart.type;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ this.animBeginArr = [0];
+ this.animDur = 0;
+ this.donutDataLabels = this.w.config.plotOptions.pie.donut.labels;
+ var w = this.w;
+ this.lineColorArr = w.globals.stroke.colors !== undefined ? w.globals.stroke.colors : w.globals.colors;
+ this.defaultSize = w.globals.svgHeight < w.globals.svgWidth ? w.globals.svgHeight - 35 : w.globals.gridWidth;
+ this.centerY = this.defaultSize / 2;
+ this.centerX = w.globals.gridWidth / 2;
+ this.fullAngle = 360;
+ this.size = 0;
+ this.donutSize = 0;
+ this.sliceLabels = [];
+ this.prevSectorAngleArr = []; // for dynamic animations
+ }
+
+ _createClass(Pie, [{
+ key: "draw",
+ value: function draw(series) {
+ var self = this;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-pie'
+ });
+ var total = 0;
+
+ for (var k = 0; k < series.length; k++) {
+ // CALCULATE THE TOTAL
+ total += Utils.negToZero(series[k]);
+ }
+
+ var sectorAngleArr = []; // el to which series will be drawn
+
+ var elSeries = graphics.group(); // prevent division by zero error if there is no data
+
+ if (total === 0) {
+ total = 0.00001;
+ }
+
+ for (var i = 0; i < series.length; i++) {
+ // CALCULATE THE ANGLES
+ var angle = this.fullAngle * Utils.negToZero(series[i]) / total;
+ sectorAngleArr.push(angle);
+ }
+
+ if (w.globals.dataChanged) {
+ var prevTotal = 0;
+
+ for (var _k = 0; _k < w.globals.previousPaths.length; _k++) {
+ // CALCULATE THE PREV TOTAL
+ prevTotal += Utils.negToZero(w.globals.previousPaths[_k]);
+ }
+
+ var previousAngle;
+
+ for (var _i = 0; _i < w.globals.previousPaths.length; _i++) {
+ // CALCULATE THE PREVIOUS ANGLES
+ previousAngle = this.fullAngle * Utils.negToZero(w.globals.previousPaths[_i]) / prevTotal;
+ this.prevSectorAngleArr.push(previousAngle);
+ }
+ }
+
+ this.size = this.defaultSize / 2.05 - w.config.stroke.width - w.config.chart.dropShadow.blur;
+
+ if (w.config.plotOptions.pie.size !== undefined) {
+ this.size = w.config.plotOptions.pie.size;
+ }
+
+ this.donutSize = this.size * parseInt(w.config.plotOptions.pie.donut.size) / 100;
+ var scaleSize = w.config.plotOptions.pie.customScale;
+ var halfW = w.globals.gridWidth / 2;
+ var halfH = w.globals.gridHeight / 2;
+ var translateX = halfW - w.globals.gridWidth / 2 * scaleSize;
+ var translateY = halfH - w.globals.gridHeight / 2 * scaleSize;
+
+ if (this.donutDataLabels.show) {
+ var dataLabels = this.renderInnerDataLabels(this.donutDataLabels, {
+ hollowSize: this.donutSize,
+ centerX: this.centerX,
+ centerY: this.centerY,
+ opacity: this.donutDataLabels.show,
+ translateX: translateX,
+ translateY: translateY
+ });
+ ret.add(dataLabels);
+ }
+
+ if (w.config.chart.type === 'donut') {
+ // draw the inner circle and add some text to it
+ var circle = graphics.drawCircle(this.donutSize);
+ circle.attr({
+ cx: this.centerX,
+ cy: this.centerY,
+ fill: w.config.plotOptions.pie.donut.background
+ });
+ elSeries.add(circle);
+ }
+
+ var elG = self.drawArcs(sectorAngleArr, series); // add slice dataLabels at the end
+
+ this.sliceLabels.forEach(function (s) {
+ elG.add(s);
+ });
+ elSeries.attr({
+ transform: "translate(".concat(translateX, ", ").concat(translateY - 5, ") scale(").concat(scaleSize, ")")
+ });
+ ret.attr({
+ 'data:innerTranslateX': translateX,
+ 'data:innerTranslateY': translateY - 25
+ });
+ elSeries.add(elG);
+ ret.add(elSeries);
+ return ret;
+ } // core function for drawing pie arcs
+
+ }, {
+ key: "drawArcs",
+ value: function drawArcs(sectorAngleArr, series) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var g = graphics.group();
+ var startAngle = 0;
+ var prevStartAngle = 0;
+ var endAngle = 0;
+ var prevEndAngle = 0;
+ this.strokeWidth = w.config.stroke.show ? w.config.stroke.width : 0;
+
+ for (var i = 0; i < sectorAngleArr.length; i++) {
+ // if(sectorAngleArr[i]>0) {
+ var elPieArc = graphics.group({
+ class: "apexcharts-series apexcharts-pie-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ id: 'apexcharts-series-' + i,
+ rel: i + 1
+ });
+ g.add(elPieArc);
+ startAngle = endAngle;
+ prevStartAngle = prevEndAngle;
+ endAngle = startAngle + sectorAngleArr[i];
+ prevEndAngle = prevStartAngle + this.prevSectorAngleArr[i];
+ var angle = endAngle - startAngle;
+ var pathFill = fill.fillPath({
+ seriesNumber: i,
+ size: this.size
+ }); // additionaly, pass size for gradient drawing in the fillPath function
+
+ var path = this.getChangedPath(prevStartAngle, prevEndAngle);
+ var elPath = graphics.drawPath({
+ d: path,
+ stroke: this.lineColorArr instanceof Array ? this.lineColorArr[i] : this.lineColorArr,
+ strokeWidth: this.strokeWidth,
+ fill: pathFill,
+ fillOpacity: w.config.fill.opacity,
+ classes: 'apexcharts-pie-area'
+ });
+ elPath.attr({
+ id: 'apexcharts-pie-slice-' + i,
+ index: 0,
+ j: i
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(elPath, shadow);
+ }
+
+ this.addListeners(elPath, this.donutDataLabels);
+ Graphics.setAttrs(elPath.node, {
+ 'data:angle': angle,
+ 'data:startAngle': startAngle,
+ 'data:strokeWidth': this.strokeWidth,
+ 'data:value': series[i]
+ });
+ var labelPosition = {
+ x: 0,
+ y: 0
+ };
+
+ if (w.config.chart.type === 'pie') {
+ labelPosition = Utils.polarToCartesian(this.centerX, this.centerY, this.size / 1.25 + w.config.plotOptions.pie.dataLabels.offset, startAngle + (endAngle - startAngle) / 2);
+ } else if (w.config.chart.type === 'donut') {
+ labelPosition = Utils.polarToCartesian(this.centerX, this.centerY, (this.size + this.donutSize) / 2 + w.config.plotOptions.pie.dataLabels.offset, startAngle + (endAngle - startAngle) / 2);
+ }
+
+ elPieArc.add(elPath); // Animation code starts
+
+ var dur = 0;
+
+ if (this.initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / this.fullAngle * w.config.chart.animations.speed;
+ this.animDur = dur + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ } else {
+ this.animBeginArr.push(0);
+ }
+
+ if (this.dynamicAnim && w.globals.dataChanged) {
+ this.animatePaths(elPath, {
+ endAngle: endAngle,
+ startAngle: startAngle,
+ prevStartAngle: prevStartAngle,
+ prevEndAngle: prevEndAngle,
+ animateStartingPos: true,
+ i: i,
+ animBeginArr: this.animBeginArr,
+ dur: w.config.chart.animations.dynamicAnimation.speed
+ });
+ } else {
+ this.animatePaths(elPath, {
+ endAngle: endAngle,
+ startAngle: startAngle,
+ i: i,
+ totalItems: sectorAngleArr.length - 1,
+ animBeginArr: this.animBeginArr,
+ dur: dur
+ });
+ } // animation code ends
+
+
+ if (w.config.plotOptions.pie.expandOnClick) {
+ elPath.click(this.pieClicked.bind(this, i));
+ }
+
+ if (w.config.dataLabels.enabled) {
+ var xPos = labelPosition.x;
+ var yPos = labelPosition.y;
+ var text = 100 * (endAngle - startAngle) / 360 + '%';
+
+ if (angle !== 0) {
+ var formatter = w.config.dataLabels.formatter;
+
+ if (formatter !== undefined) {
+ text = formatter(w.globals.seriesPercent[i][0], {
+ seriesIndex: i,
+ w: w
+ });
+ }
+
+ var foreColor = w.globals.dataLabels.style.colors[i];
+ var elPieLabel = graphics.drawText({
+ x: xPos,
+ y: yPos,
+ text: text,
+ textAnchor: 'middle',
+ fontSize: w.config.dataLabels.style.fontSize,
+ fontFamily: w.config.dataLabels.style.fontFamily,
+ foreColor: foreColor
+ });
+
+ if (w.config.dataLabels.dropShadow.enabled) {
+ var textShadow = w.config.dataLabels.dropShadow;
+
+ var _filters = new Filters(this.ctx);
+
+ _filters.dropShadow(elPieLabel, textShadow);
+ }
+
+ elPieLabel.node.classList.add('apexcharts-pie-label');
+
+ if (w.config.chart.animations.animate && w.globals.resized === false) {
+ elPieLabel.node.classList.add('apexcharts-pie-label-delay');
+ elPieLabel.node.style.animationDelay = w.config.chart.animations.speed / 940 + 's';
+ }
+
+ this.sliceLabels.push(elPieLabel);
+ }
+ } // }
+
+ }
+
+ return g;
+ }
+ }, {
+ key: "addListeners",
+ value: function addListeners(elPath, dataLabels) {
+ var graphics = new Graphics(this.ctx); // append filters on mouseenter and mouseleave
+
+ elPath.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this, elPath));
+ elPath.node.addEventListener('mouseenter', this.printDataLabelsInner.bind(this, elPath.node, dataLabels));
+ elPath.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this, elPath));
+ elPath.node.addEventListener('mouseleave', this.revertDataLabelsInner.bind(this, elPath.node, dataLabels));
+ elPath.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this, elPath));
+ elPath.node.addEventListener('mousedown', this.printDataLabelsInner.bind(this, elPath.node, dataLabels));
+ } // This function can be used for other circle charts too
+
+ }, {
+ key: "animatePaths",
+ value: function animatePaths(el, opts) {
+ var w = this.w;
+ var me = this;
+ var angle = opts.endAngle - opts.startAngle;
+ var prevAngle = angle;
+ var fromStartAngle = opts.startAngle;
+ var toStartAngle = opts.startAngle;
+
+ if (opts.prevStartAngle !== undefined && opts.prevEndAngle !== undefined) {
+ fromStartAngle = opts.prevEndAngle;
+ prevAngle = opts.prevEndAngle - opts.prevStartAngle;
+ }
+
+ if (opts.i === w.config.series.length - 1) {
+ // some adjustments for the last overlapping paths
+ if (angle + toStartAngle > this.fullAngle) {
+ opts.endAngle = opts.endAngle - (angle + toStartAngle);
+ } else if (angle + toStartAngle < this.fullAngle) {
+ opts.endAngle = opts.endAngle + (this.fullAngle - (angle + toStartAngle));
+ }
+ }
+
+ if (angle === this.fullAngle) angle = this.fullAngle - 0.01;
+ me.animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, opts);
+ }
+ }, {
+ key: "animateArc",
+ value: function animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, opts) {
+ var me = this;
+ var w = this.w;
+ var size = me.size;
+
+ if (!size) {
+ size = opts.size;
+ }
+
+ var path;
+
+ if (isNaN(fromStartAngle) || isNaN(prevAngle)) {
+ fromStartAngle = toStartAngle;
+ prevAngle = angle;
+ opts.dur = 0;
+ }
+
+ var currAngle = angle;
+ var startAngle = toStartAngle;
+ var fromAngle = fromStartAngle - toStartAngle;
+
+ if (w.globals.dataChanged && opts.shouldSetPrevPaths) {
+ // to avoid flickering, set prev path first and then we will animate from there
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: prevAngle,
+ size: size
+ });
+ el.attr({
+ d: path
+ });
+ }
+
+ if (opts.dur !== 0) {
+ el.animate(opts.dur, w.globals.easing, opts.animBeginArr[opts.i]).afterAll(function () {
+ if (w.config.chart.type === 'pie' || w.config.chart.type === 'donut') {
+ this.animate(300).attr({
+ 'stroke-width': w.config.stroke.width
+ });
+ }
+
+ w.globals.animationEnded = true;
+ }).during(function (pos) {
+ currAngle = fromAngle + (angle - fromAngle) * pos;
+
+ if (opts.animateStartingPos) {
+ currAngle = prevAngle + (angle - prevAngle) * pos;
+ startAngle = fromStartAngle - prevAngle + (toStartAngle - (fromStartAngle - prevAngle)) * pos;
+ }
+
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: currAngle,
+ size: size
+ });
+ el.node.setAttribute('data:pathOrig', path);
+ el.attr({
+ d: path
+ });
+ });
+ } else {
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: angle,
+ size: size
+ });
+
+ if (!opts.isTrack) {
+ w.globals.animationEnded = true;
+ }
+
+ el.node.setAttribute('data:pathOrig', path);
+ el.attr({
+ d: path
+ });
+ }
+ }
+ }, {
+ key: "pieClicked",
+ value: function pieClicked(i) {
+ var w = this.w;
+ var me = this;
+ var path;
+ var size = me.size + 3;
+ var elPath = w.globals.dom.Paper.select('#apexcharts-pie-slice-' + i).members[0];
+ var pathFrom = elPath.attr('d');
+
+ if (elPath.attr('data:pieClicked') === 'true') {
+ elPath.attr({
+ 'data:pieClicked': 'false'
+ });
+ var origPath = elPath.attr('data:pathOrig');
+ elPath.attr({
+ d: origPath
+ });
+ return;
+ } else {
+ // reset all elems
+ var allEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-pie-area');
+ Array.prototype.forEach.call(allEls, function (pieSlice) {
+ pieSlice.setAttribute('data:pieClicked', 'false');
+ var origPath = pieSlice.getAttribute('data:pathOrig');
+ pieSlice.setAttribute('d', origPath);
+ });
+ elPath.attr('data:pieClicked', 'true');
+ }
+
+ var startAngle = parseInt(elPath.attr('data:startAngle'));
+ var angle = parseInt(elPath.attr('data:angle'));
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: angle,
+ size: size
+ });
+ if (angle === 360) return;
+ elPath.plot(path).animate(1).plot(pathFrom).animate(100).plot(path);
+ }
+ }, {
+ key: "getChangedPath",
+ value: function getChangedPath(prevStartAngle, prevEndAngle) {
+ var path = '';
+
+ if (this.dynamicAnim && this.w.globals.dataChanged) {
+ path = this.getPiePath({
+ me: this,
+ startAngle: prevStartAngle,
+ angle: prevEndAngle - prevStartAngle,
+ size: this.size
+ });
+ }
+
+ return path;
+ }
+ }, {
+ key: "getPiePath",
+ value: function getPiePath(_ref) {
+ var me = _ref.me,
+ startAngle = _ref.startAngle,
+ angle = _ref.angle,
+ size = _ref.size;
+ var w = this.w;
+ var path;
+ var startDeg = startAngle;
+ var startRadians = Math.PI * (startDeg - 90) / 180;
+ var endDeg = angle + startAngle;
+ if (Math.ceil(endDeg) >= 360) endDeg = 359.99;
+ var endRadians = Math.PI * (endDeg - 90) / 180;
+ var x1 = me.centerX + size * Math.cos(startRadians);
+ var y1 = me.centerY + size * Math.sin(startRadians);
+ var x2 = me.centerX + size * Math.cos(endRadians);
+ var y2 = me.centerY + size * Math.sin(endRadians);
+ var startInner = Utils.polarToCartesian(me.centerX, me.centerY, me.donutSize, endDeg);
+ var endInner = Utils.polarToCartesian(me.centerX, me.centerY, me.donutSize, startDeg);
+ var largeArc = angle > 180 ? 1 : 0;
+
+ if (w.config.chart.type === 'donut') {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2, 'L', startInner.x, startInner.y, 'A', me.donutSize, me.donutSize, 0, largeArc, 0, endInner.x, endInner.y, 'L', x1, y1, 'z'].join(' ');
+ } else if (w.config.chart.type === 'pie') {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2, 'L', me.centerX, me.centerY, 'L', x1, y1].join(' ');
+ } else {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2].join(' ');
+ }
+
+ return path;
+ }
+ }, {
+ key: "renderInnerDataLabels",
+ value: function renderInnerDataLabels(dataLabelsConfig, opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var g = graphics.group({
+ class: 'apexcharts-datalabels-group',
+ transform: "translate(".concat(opts.translateX ? opts.translateX : 0, ", ").concat(opts.translateY ? opts.translateY : 0, ")")
+ });
+ var showTotal = dataLabelsConfig.total.show;
+ g.node.style.opacity = opts.opacity;
+ var x = opts.centerX;
+ var y = opts.centerY;
+ var labelColor, valueColor;
+
+ if (dataLabelsConfig.name.color === undefined) {
+ labelColor = w.globals.colors[0];
+ } else {
+ labelColor = dataLabelsConfig.name.color;
+ }
+
+ if (dataLabelsConfig.value.color === undefined) {
+ valueColor = w.config.chart.foreColor;
+ } else {
+ valueColor = dataLabelsConfig.value.color;
+ }
+
+ var lbFormatter = dataLabelsConfig.value.formatter;
+ var val = '';
+ var name = '';
+
+ if (showTotal) {
+ labelColor = dataLabelsConfig.total.color;
+ name = dataLabelsConfig.total.label;
+ val = dataLabelsConfig.total.formatter(w);
+ } else {
+ if (w.globals.series.length === 1) {
+ val = lbFormatter(w.globals.series[0], w);
+ name = w.globals.seriesNames[0];
+ }
+ }
+
+ if (dataLabelsConfig.name.show) {
+ var elLabel = graphics.drawText({
+ x: x,
+ y: y + parseInt(dataLabelsConfig.name.offsetY),
+ text: name,
+ textAnchor: 'middle',
+ foreColor: labelColor,
+ fontSize: dataLabelsConfig.name.fontSize,
+ fontFamily: dataLabelsConfig.name.fontFamily
+ });
+ elLabel.node.classList.add('apexcharts-datalabel-label');
+ g.add(elLabel);
+ }
+
+ if (dataLabelsConfig.value.show) {
+ var valOffset = dataLabelsConfig.name.show ? parseInt(dataLabelsConfig.value.offsetY) + 16 : dataLabelsConfig.value.offsetY;
+ var elValue = graphics.drawText({
+ x: x,
+ y: y + valOffset,
+ text: val,
+ textAnchor: 'middle',
+ foreColor: valueColor,
+ fontSize: dataLabelsConfig.value.fontSize,
+ fontFamily: dataLabelsConfig.value.fontFamily
+ });
+ elValue.node.classList.add('apexcharts-datalabel-value');
+ g.add(elValue);
+ } // for a multi-series circle chart, we need to show total value instead of first series labels
+
+
+ return g;
+ }
+ /**
+ *
+ * @param {string} name - The name of the series
+ * @param {string} val - The value of that series
+ * @param {object} el - Optional el (indicates which series was hovered/clicked). If this param is not present, means we need to show total
+ */
+
+ }, {
+ key: "printInnerLabels",
+ value: function printInnerLabels(labelsConfig, name, val, el) {
+ var w = this.w;
+ var labelColor;
+
+ if (el) {
+ if (labelsConfig.name.color === undefined) {
+ labelColor = w.globals.colors[parseInt(el.parentNode.getAttribute('rel')) - 1];
+ } else {
+ labelColor = labelsConfig.name.color;
+ }
+ } else {
+ if (w.globals.series.length > 1 && labelsConfig.total.show) {
+ labelColor = labelsConfig.total.color;
+ }
+ }
+
+ var elLabel = w.globals.dom.baseEl.querySelector('.apexcharts-datalabel-label');
+ var elValue = w.globals.dom.baseEl.querySelector('.apexcharts-datalabel-value');
+ var lbFormatter = labelsConfig.value.formatter;
+ val = lbFormatter(val, w); // we need to show Total Val - so get the formatter of it
+
+ if (!el && typeof labelsConfig.total.formatter === 'function') {
+ val = labelsConfig.total.formatter(w);
+ }
+
+ if (elLabel !== null) {
+ elLabel.textContent = name;
+ }
+
+ if (elValue !== null) {
+ elValue.textContent = val;
+ }
+
+ if (elLabel !== null) {
+ elLabel.style.fill = labelColor;
+ }
+ }
+ }, {
+ key: "printDataLabelsInner",
+ value: function printDataLabelsInner(el, dataLabelsConfig) {
+ var w = this.w;
+ var val = el.getAttribute('data:value');
+ var name = w.globals.seriesNames[parseInt(el.parentNode.getAttribute('rel')) - 1];
+
+ if (w.globals.series.length > 1) {
+ this.printInnerLabels(dataLabelsConfig, name, val, el);
+ }
+
+ var dataLabelsGroup = w.globals.dom.baseEl.querySelector('.apexcharts-datalabels-group');
+
+ if (dataLabelsGroup !== null) {
+ dataLabelsGroup.style.opacity = 1;
+ }
+ }
+ }, {
+ key: "revertDataLabelsInner",
+ value: function revertDataLabelsInner(el, dataLabelsConfig) {
+ var w = this.w;
+ var dataLabelsGroup = w.globals.dom.baseEl.querySelector('.apexcharts-datalabels-group');
+
+ if (dataLabelsConfig.total.show && w.globals.series.length > 1) {
+ var pie = new Pie(this.ctx);
+ pie.printInnerLabels(dataLabelsConfig, dataLabelsConfig.total.label, dataLabelsConfig.total.formatter(w));
+ } else {
+ if (w.globals.selectedDataPoints.length) {
+ if (w.globals.selectedDataPoints[0].length > 0) {
+ var index = w.globals.selectedDataPoints[0];
+
+ var _el = w.globals.dom.baseEl.querySelector("#apexcharts-pie-slice-".concat(index));
+
+ this.printDataLabelsInner(_el, dataLabelsConfig);
+ } else {
+ dataLabelsGroup.style.opacity = 0;
+ }
+ } else if (w.globals.selectedDataPoints.length === 0 || dataLabelsGroup !== null && w.globals.series.length > 1) {
+ dataLabelsGroup.style.opacity = 0;
+ }
+ }
+ }
+ }]);
+
+ return Pie;
+}();
+
+/**
+ * ApexCharts Radar Class for Spider/Radar Charts.
+ * @module Radar
+ **/
+
+var Radar =
+/*#__PURE__*/
+function () {
+ function Radar(ctx) {
+ _classCallCheck(this, Radar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.chartType = this.w.config.chart.type;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ this.animDur = 0;
+ var w = this.w;
+ this.graphics = new Graphics(this.ctx);
+ this.lineColorArr = w.globals.stroke.colors !== undefined ? w.globals.stroke.colors : w.globals.colors;
+ this.defaultSize = w.globals.svgHeight < w.globals.svgWidth ? w.globals.svgHeight - 35 : w.globals.gridWidth;
+ this.maxValue = this.w.globals.maxY;
+ this.polygons = w.config.plotOptions.radar.polygons;
+ this.maxLabelWidth = 20;
+ var longestLabel = w.globals.labels.slice().sort(function (a, b) {
+ return b.length - a.length;
+ })[0];
+ var labelWidth = this.graphics.getTextRects(longestLabel, w.config.dataLabels.style.fontSize);
+ this.size = this.defaultSize / 2.1 - w.config.stroke.width - w.config.chart.dropShadow.blur - labelWidth.width / 1.75;
+
+ if (w.config.plotOptions.radar.size !== undefined) {
+ this.size = w.config.plotOptions.radar.size;
+ }
+
+ this.dataRadiusOfPercent = [];
+ this.dataRadius = [];
+ this.angleArr = [];
+ this.yaxisLabelsTextsPos = [];
+ }
+
+ _createClass(Radar, [{
+ key: "draw",
+ value: function draw(series) {
+ var _this = this;
+
+ var w = this.w;
+ var fill = new Fill(this.ctx);
+ var allSeries = [];
+ this.dataPointsLen = series[w.globals.maxValsInArrayIndex].length;
+ this.disAngle = Math.PI * 2 / this.dataPointsLen;
+ var halfW = w.globals.gridWidth / 2;
+ var halfH = w.globals.gridHeight / 2;
+ var translateX = halfW;
+ var translateY = halfH;
+ var ret = this.graphics.group({
+ class: 'apexcharts-radar-series',
+ 'data:innerTranslateX': translateX,
+ 'data:innerTranslateY': translateY - 25,
+ transform: "translate(".concat(translateX || 0, ", ").concat(translateY || 0, ")")
+ });
+ var dataPointsPos = [];
+ var elPointsMain = null;
+ this.yaxisLabels = this.graphics.group({
+ class: 'apexcharts-yaxis'
+ });
+ series.forEach(function (s, i) {
+ // el to which series will be drawn
+ var elSeries = _this.graphics.group().attr({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ rel: i + 1,
+ 'data:realIndex': i
+ });
+
+ _this.dataRadiusOfPercent[i] = [];
+ _this.dataRadius[i] = [];
+ _this.angleArr[i] = [];
+ s.forEach(function (dv, j) {
+ _this.dataRadiusOfPercent[i][j] = dv / _this.maxValue;
+ _this.dataRadius[i][j] = _this.dataRadiusOfPercent[i][j] * _this.size;
+ _this.angleArr[i][j] = j * _this.disAngle;
+ });
+ dataPointsPos = _this.getDataPointsPos(_this.dataRadius[i], _this.angleArr[i]);
+
+ var paths = _this.createPaths(dataPointsPos, {
+ x: 0,
+ y: 0
+ }); // points
+
+
+ elPointsMain = _this.graphics.group({
+ class: 'apexcharts-series-markers-wrap hidden'
+ });
+ w.globals.delayedElements.push({
+ el: elPointsMain.node,
+ index: i
+ });
+ var defaultRenderedPathOptions = {
+ i: i,
+ realIndex: i,
+ animationDelay: i,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-radar",
+ id: "apexcharts-radar",
+ shouldClipToGrid: false,
+ bindEventsOnPaths: false,
+ stroke: w.globals.stroke.colors[i],
+ strokeLineCap: w.config.stroke.lineCap
+ };
+ var pathFrom = null;
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = _this.getPathFrom(i);
+ }
+
+ for (var p = 0; p < paths.linePathsTo.length; p++) {
+ var renderedLinePath = _this.graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFrom === null ? paths.linePathsFrom[p] : pathFrom,
+ pathTo: paths.linePathsTo[p],
+ strokeWidth: Array.isArray(w.config.stroke.width) ? w.config.stroke.width[i] : w.config.stroke.width,
+ fill: 'none'
+ }));
+
+ elSeries.add(renderedLinePath);
+ var pathFill = fill.fillPath({
+ seriesNumber: i
+ });
+
+ var renderedAreaPath = _this.graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFrom === null ? paths.areaPathsFrom[p] : pathFrom,
+ pathTo: paths.areaPathsTo[p],
+ strokeWidth: 0,
+ fill: pathFill
+ }));
+
+ if (w.config.chart.dropShadow.enabled) {
+ var filters = new Filters(_this.ctx);
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(renderedAreaPath, _objectSpread({}, shadow, {
+ noUserSpaceOnUse: true
+ }));
+ }
+
+ elSeries.add(renderedAreaPath);
+ }
+
+ s.forEach(function (sj, j) {
+ var markers = new Markers(_this.ctx);
+ var opts = markers.getMarkerConfig('apexcharts-marker', i);
+
+ var point = _this.graphics.drawMarker(dataPointsPos[j].x, dataPointsPos[j].y, opts);
+
+ point.attr('rel', j);
+ point.attr('j', j);
+ point.attr('index', i);
+ point.node.setAttribute('default-marker-size', opts.pSize);
+
+ var elPointsWrap = _this.graphics.group({
+ class: 'apexcharts-series-markers'
+ });
+
+ if (elPointsWrap) {
+ elPointsWrap.add(point);
+ }
+
+ elPointsMain.add(elPointsWrap);
+ elSeries.add(elPointsMain);
+ });
+ allSeries.push(elSeries);
+ });
+ this.drawPolygons({
+ parent: ret
+ });
+
+ if (w.config.dataLabels.enabled) {
+ var dataLabels = this.drawLabels();
+ ret.add(dataLabels);
+ }
+
+ ret.add(this.yaxisLabels);
+ allSeries.forEach(function (elS) {
+ ret.add(elS);
+ });
+ return ret;
+ }
+ }, {
+ key: "drawPolygons",
+ value: function drawPolygons(opts) {
+ var _this2 = this;
+
+ var w = this.w;
+ var parent = opts.parent;
+ var yaxisTexts = w.globals.yAxisScale[0].result.reverse();
+ var layers = yaxisTexts.length;
+ var radiusSizes = [];
+ var layerDis = this.size / (layers - 1);
+
+ for (var i = 0; i < layers; i++) {
+ radiusSizes[i] = layerDis * i;
+ }
+
+ radiusSizes.reverse();
+ var polygonStrings = [];
+ var lines = [];
+ radiusSizes.forEach(function (radiusSize, r) {
+ var polygon = _this2.getPolygonPos(radiusSize);
+
+ var string = '';
+ polygon.forEach(function (p, i) {
+ if (r === 0) {
+ var line = _this2.graphics.drawLine(p.x, p.y, 0, 0, Array.isArray(_this2.polygons.connectorColors) ? _this2.polygons.connectorColors[i] : _this2.polygons.connectorColors);
+
+ lines.push(line);
+ }
+
+ if (i === 0) {
+ _this2.yaxisLabelsTextsPos.push({
+ x: p.x,
+ y: p.y
+ });
+ }
+
+ string += p.x + ',' + p.y + ' ';
+ });
+ polygonStrings.push(string);
+ });
+ polygonStrings.forEach(function (p, i) {
+ var strokeColors = _this2.polygons.strokeColors;
+
+ var polygon = _this2.graphics.drawPolygon(p, Array.isArray(strokeColors) ? strokeColors[i] : strokeColors, w.globals.radarPolygons.fill.colors[i]);
+
+ parent.add(polygon);
+ });
+ lines.forEach(function (l) {
+ parent.add(l);
+ });
+
+ if (w.config.yaxis[0].show) {
+ this.yaxisLabelsTextsPos.forEach(function (p, i) {
+ var yText = _this2.drawYAxisText(p.x, p.y, i, yaxisTexts[i]);
+
+ _this2.yaxisLabels.add(yText);
+ });
+ }
+ }
+ }, {
+ key: "drawYAxisText",
+ value: function drawYAxisText(x, y, i, text) {
+ var w = this.w;
+ var yaxisConfig = w.config.yaxis[0];
+ var formatter = w.globals.yLabelFormatters[0];
+ var yaxisLabel = this.graphics.drawText({
+ x: x + yaxisConfig.labels.offsetX,
+ y: y + yaxisConfig.labels.offsetY,
+ text: formatter(text, i),
+ textAnchor: 'middle',
+ fontSize: yaxisConfig.labels.style.fontSize,
+ fontFamily: yaxisConfig.labels.style.fontFamily,
+ foreColor: yaxisConfig.labels.style.color
+ });
+ return yaxisLabel;
+ }
+ }, {
+ key: "drawLabels",
+ value: function drawLabels() {
+ var _this3 = this;
+
+ var w = this.w;
+ var limit = 10;
+ var textAnchor = 'middle';
+ var dataLabelsConfig = w.config.dataLabels;
+ var elDataLabelsWrap = this.graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+ var polygonPos = this.getPolygonPos(this.size);
+ var currPosX = 0;
+ var currPosY = 0;
+ w.globals.labels.forEach(function (label, i) {
+ var formatter = dataLabelsConfig.formatter;
+ var dataLabels = new DataLabels(_this3.ctx);
+
+ if (polygonPos[i]) {
+ currPosX = polygonPos[i].x;
+ currPosY = polygonPos[i].y;
+
+ if (Math.abs(polygonPos[i].x) >= limit) {
+ if (polygonPos[i].x > 0) {
+ textAnchor = 'start';
+ currPosX += 10;
+ } else if (polygonPos[i].x < 0) {
+ textAnchor = 'end';
+ currPosX -= 10;
+ }
+ } else {
+ textAnchor = 'middle';
+ }
+
+ if (Math.abs(polygonPos[i].y) >= _this3.size - limit) {
+ if (polygonPos[i].y < 0) {
+ currPosY -= 10;
+ } else if (polygonPos[i].y > 0) {
+ currPosY += 10;
+ }
+ }
+
+ var text = formatter(label, {
+ seriesIndex: -1,
+ dataPointIndex: i,
+ w: w
+ });
+ dataLabels.plotDataLabelsText({
+ x: currPosX,
+ y: currPosY,
+ text: text,
+ textAnchor: textAnchor,
+ i: i,
+ j: i,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig,
+ offsetCorrection: false
+ });
+ }
+ });
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "createPaths",
+ value: function createPaths(pos, origin) {
+ var _this4 = this;
+
+ var linePathsTo = [];
+ var linePathsFrom = [];
+ var areaPathsTo = [];
+ var areaPathsFrom = [];
+
+ if (pos.length) {
+ linePathsFrom = [this.graphics.move(origin.x, origin.y)];
+ areaPathsFrom = [this.graphics.move(origin.x, origin.y)];
+ var linePathTo = this.graphics.move(pos[0].x, pos[0].y);
+ var areaPathTo = this.graphics.move(pos[0].x, pos[0].y);
+ pos.forEach(function (p, i) {
+ linePathTo += _this4.graphics.line(p.x, p.y);
+ areaPathTo += _this4.graphics.line(p.x, p.y);
+
+ if (i === pos.length - 1) {
+ linePathTo += 'Z';
+ areaPathTo += 'Z';
+ }
+ });
+ linePathsTo.push(linePathTo);
+ areaPathsTo.push(areaPathTo);
+ }
+
+ return {
+ linePathsFrom: linePathsFrom,
+ linePathsTo: linePathsTo,
+ areaPathsFrom: areaPathsFrom,
+ areaPathsTo: areaPathsTo
+ };
+ }
+ }, {
+ key: "getPathFrom",
+ value: function getPathFrom(realIndex) {
+ var w = this.w;
+ var pathFrom = null;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if (gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (typeof w.globals.previousPaths[pp].paths[0] !== 'undefined') {
+ pathFrom = w.globals.previousPaths[pp].paths[0].d;
+ }
+ }
+ }
+
+ return pathFrom;
+ }
+ }, {
+ key: "getDataPointsPos",
+ value: function getDataPointsPos(dataRadiusArr, angleArr) {
+ var dataPointsLen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.dataPointsLen;
+ dataRadiusArr = dataRadiusArr || [];
+ angleArr = angleArr || [];
+ var dataPointsPosArray = [];
+
+ for (var j = 0; j < dataPointsLen; j++) {
+ var curPointPos = {};
+ curPointPos.x = dataRadiusArr[j] * Math.sin(angleArr[j]);
+ curPointPos.y = -dataRadiusArr[j] * Math.cos(angleArr[j]);
+ dataPointsPosArray.push(curPointPos);
+ }
+
+ return dataPointsPosArray;
+ }
+ }, {
+ key: "getPolygonPos",
+ value: function getPolygonPos(size) {
+ var dotsArray = [];
+ var angle = Math.PI * 2 / this.dataPointsLen;
+
+ for (var i = 0; i < this.dataPointsLen; i++) {
+ var curPos = {};
+ curPos.x = size * Math.sin(i * angle);
+ curPos.y = -size * Math.cos(i * angle);
+ dotsArray.push(curPos);
+ }
+
+ return dotsArray;
+ }
+ }]);
+
+ return Radar;
+}();
+
+/**
+ * ApexCharts Radial Class for drawing Circle / Semi Circle Charts.
+ * @module Radial
+ **/
+
+var Radial =
+/*#__PURE__*/
+function (_Pie) {
+ _inherits(Radial, _Pie);
+
+ function Radial(ctx) {
+ var _this;
+
+ _classCallCheck(this, Radial);
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(Radial).call(this, ctx));
+ _this.ctx = ctx;
+ _this.w = ctx.w;
+ _this.animBeginArr = [0];
+ _this.animDur = 0;
+ var w = _this.w;
+ _this.startAngle = w.config.plotOptions.radialBar.startAngle;
+ _this.endAngle = w.config.plotOptions.radialBar.endAngle;
+ _this.trackStartAngle = w.config.plotOptions.radialBar.track.startAngle;
+ _this.trackEndAngle = w.config.plotOptions.radialBar.track.endAngle;
+ _this.radialDataLabels = w.config.plotOptions.radialBar.dataLabels;
+ if (!_this.trackStartAngle) _this.trackStartAngle = _this.startAngle;
+ if (!_this.trackEndAngle) _this.trackEndAngle = _this.endAngle;
+ if (_this.endAngle === 360) _this.endAngle = 359.99;
+ _this.fullAngle = 360 - w.config.plotOptions.radialBar.endAngle - w.config.plotOptions.radialBar.startAngle;
+ _this.margin = parseInt(w.config.plotOptions.radialBar.track.margin);
+ return _this;
+ }
+
+ _createClass(Radial, [{
+ key: "draw",
+ value: function draw(series) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-radialbar'
+ });
+ var elSeries = graphics.group();
+ var centerY = this.defaultSize / 2;
+ var centerX = w.globals.gridWidth / 2;
+ var size = this.defaultSize / 2.05 - w.config.stroke.width - w.config.chart.dropShadow.blur;
+
+ if (w.config.plotOptions.radialBar.size !== undefined) {
+ size = w.config.plotOptions.radialBar.size;
+ }
+
+ var colorArr = w.globals.fill.colors;
+
+ if (w.config.plotOptions.radialBar.track.show) {
+ var elTracks = this.drawTracks({
+ size: size,
+ centerX: centerX,
+ centerY: centerY,
+ colorArr: colorArr,
+ series: series
+ });
+ elSeries.add(elTracks);
+ }
+
+ var elG = this.drawArcs({
+ size: size,
+ centerX: centerX,
+ centerY: centerY,
+ colorArr: colorArr,
+ series: series
+ });
+ elSeries.add(elG.g);
+
+ if (w.config.plotOptions.radialBar.hollow.position === 'front') {
+ elG.g.add(elG.elHollow);
+
+ if (elG.dataLabels) {
+ elG.g.add(elG.dataLabels);
+ }
+ }
+
+ ret.add(elSeries);
+ return ret;
+ }
+ }, {
+ key: "drawTracks",
+ value: function drawTracks(opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var g = graphics.group();
+ var filters = new Filters(this.ctx);
+ var fill = new Fill(this.ctx);
+ var strokeWidth = this.getStrokeWidth(opts);
+ opts.size = opts.size - strokeWidth / 2;
+
+ for (var i = 0; i < opts.series.length; i++) {
+ var elRadialBarTrack = graphics.group({
+ class: 'apexcharts-radialbar-track apexcharts-track'
+ });
+ g.add(elRadialBarTrack);
+ elRadialBarTrack.attr({
+ id: 'apexcharts-track-' + i,
+ rel: i + 1
+ });
+ opts.size = opts.size - strokeWidth - this.margin;
+ var trackConfig = w.config.plotOptions.radialBar.track;
+ var pathFill = fill.fillPath({
+ seriesNumber: 0,
+ size: opts.size,
+ fillColors: Array.isArray(trackConfig.background) ? trackConfig.background[i] : trackConfig.background,
+ solid: true
+ });
+ var startAngle = this.trackStartAngle;
+ var endAngle = this.trackEndAngle;
+ if (Math.abs(endAngle) + Math.abs(startAngle) >= 360) endAngle = 360 - Math.abs(this.startAngle) - 0.1;
+ var elPath = graphics.drawPath({
+ d: '',
+ stroke: pathFill,
+ strokeWidth: strokeWidth * parseInt(trackConfig.strokeWidth) / 100,
+ fill: 'none',
+ strokeOpacity: trackConfig.opacity,
+ classes: 'apexcharts-radialbar-area'
+ });
+
+ if (trackConfig.dropShadow.enabled) {
+ var shadow = trackConfig.dropShadow;
+ filters.dropShadow(elPath, shadow);
+ }
+
+ elRadialBarTrack.add(elPath);
+ elPath.attr('id', 'apexcharts-radialbarTrack-' + i);
+ var pie = new Pie(this.ctx);
+ pie.animatePaths(elPath, {
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ endAngle: endAngle,
+ startAngle: startAngle,
+ size: opts.size,
+ i: i,
+ totalItems: 2,
+ animBeginArr: 0,
+ dur: 0,
+ isTrack: true,
+ easing: w.globals.easing
+ });
+ }
+
+ return g;
+ }
+ }, {
+ key: "drawArcs",
+ value: function drawArcs(opts) {
+ var w = this.w; // size, donutSize, centerX, centerY, colorArr, lineColorArr, sectorAngleArr, series
+
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var filters = new Filters(this.ctx);
+ var g = graphics.group();
+ var strokeWidth = this.getStrokeWidth(opts);
+ opts.size = opts.size - strokeWidth / 2;
+ var hollowFillID = w.config.plotOptions.radialBar.hollow.background;
+ var hollowSize = opts.size - strokeWidth * opts.series.length - this.margin * opts.series.length - strokeWidth * parseInt(w.config.plotOptions.radialBar.track.strokeWidth) / 100 / 2;
+ var hollowRadius = hollowSize - w.config.plotOptions.radialBar.hollow.margin;
+
+ if (w.config.plotOptions.radialBar.hollow.image !== undefined) {
+ hollowFillID = this.drawHollowImage(opts, g, hollowSize, hollowFillID);
+ }
+
+ var elHollow = this.drawHollow({
+ size: hollowRadius,
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ fill: hollowFillID
+ });
+
+ if (w.config.plotOptions.radialBar.hollow.dropShadow.enabled) {
+ var shadow = w.config.plotOptions.radialBar.hollow.dropShadow;
+ filters.dropShadow(elHollow, shadow);
+ }
+
+ var shown = 1;
+
+ if (!this.radialDataLabels.total.show && w.globals.series.length > 1) {
+ shown = 0;
+ }
+
+ var pie = new Pie(this.ctx);
+ var dataLabels = null;
+
+ if (this.radialDataLabels.show) {
+ dataLabels = pie.renderInnerDataLabels(this.radialDataLabels, {
+ hollowSize: hollowSize,
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ opacity: shown
+ });
+ }
+
+ if (w.config.plotOptions.radialBar.hollow.position === 'back') {
+ g.add(elHollow);
+
+ if (dataLabels) {
+ g.add(dataLabels);
+ }
+ }
+
+ var reverseLoop = false;
+
+ if (w.config.plotOptions.radialBar.inverseOrder) {
+ reverseLoop = true;
+ }
+
+ for (var i = reverseLoop ? opts.series.length - 1 : 0; reverseLoop ? i >= 0 : i < opts.series.length; reverseLoop ? i-- : i++) {
+ var elRadialBarArc = graphics.group({
+ class: "apexcharts-series apexcharts-radial-series ".concat(Utils.escapeString(w.globals.seriesNames[i]))
+ });
+ g.add(elRadialBarArc);
+ elRadialBarArc.attr({
+ id: 'apexcharts-series-' + i,
+ rel: i + 1
+ });
+ this.ctx.series.addCollapsedClassToSeries(elRadialBarArc, i);
+ opts.size = opts.size - strokeWidth - this.margin;
+ var pathFill = fill.fillPath({
+ seriesNumber: i,
+ size: opts.size
+ });
+ var startAngle = this.startAngle;
+ var prevStartAngle = void 0;
+ var totalAngle = Math.abs(w.config.plotOptions.radialBar.endAngle - w.config.plotOptions.radialBar.startAngle); // if data exceeds 100, make it 100
+
+ var dataValue = Utils.negToZero(opts.series[i] > 100 ? 100 : opts.series[i]) / 100;
+ var endAngle = Math.round(totalAngle * dataValue) + this.startAngle;
+ var prevEndAngle = void 0;
+
+ if (w.globals.dataChanged) {
+ prevStartAngle = this.startAngle;
+ prevEndAngle = Math.round(totalAngle * Utils.negToZero(w.globals.previousPaths[i]) / 100) + prevStartAngle;
+ }
+
+ var currFullAngle = Math.abs(endAngle) + Math.abs(startAngle);
+
+ if (currFullAngle >= 360) {
+ endAngle = endAngle - 0.01;
+ }
+
+ var prevFullAngle = Math.abs(prevEndAngle) + Math.abs(prevStartAngle);
+
+ if (prevFullAngle >= 360) {
+ prevEndAngle = prevEndAngle - 0.01;
+ }
+
+ var angle = endAngle - startAngle;
+ var dashArray = Array.isArray(w.config.stroke.dashArray) ? w.config.stroke.dashArray[i] : w.config.stroke.dashArray;
+ var elPath = graphics.drawPath({
+ d: '',
+ stroke: pathFill,
+ strokeWidth: strokeWidth,
+ fill: 'none',
+ fillOpacity: w.config.fill.opacity,
+ classes: 'apexcharts-radialbar-area',
+ strokeDashArray: dashArray
+ });
+ Graphics.setAttrs(elPath.node, {
+ 'data:angle': angle,
+ 'data:value': opts.series[i]
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var _shadow = w.config.chart.dropShadow;
+ filters.dropShadow(elPath, _shadow);
+ }
+
+ this.addListeners(elPath, this.radialDataLabels);
+
+ var _pie = new Pie(this.ctx);
+
+ elRadialBarArc.add(elPath);
+ elPath.attr({
+ id: 'apexcharts-radialArc-' + i,
+ index: 0,
+ j: i
+ });
+ var dur = 0;
+
+ if (_pie.initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / 360 * w.config.chart.animations.speed;
+ this.animDur = dur / (opts.series.length * 1.2) + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ }
+
+ if (w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / 360 * w.config.chart.animations.dynamicAnimation.speed;
+ this.animDur = dur / (opts.series.length * 1.2) + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ }
+
+ _pie.animatePaths(elPath, {
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ endAngle: endAngle,
+ startAngle: startAngle,
+ prevEndAngle: prevEndAngle,
+ prevStartAngle: prevStartAngle,
+ size: opts.size,
+ i: i,
+ totalItems: 2,
+ animBeginArr: this.animBeginArr,
+ dur: dur,
+ shouldSetPrevPaths: true,
+ easing: w.globals.easing
+ });
+ }
+
+ return {
+ g: g,
+ elHollow: elHollow,
+ dataLabels: dataLabels
+ };
+ }
+ }, {
+ key: "drawHollow",
+ value: function drawHollow(opts) {
+ var graphics = new Graphics(this.ctx);
+ var circle = graphics.drawCircle(opts.size * 2);
+ circle.attr({
+ class: 'apexcharts-radialbar-hollow',
+ cx: opts.centerX,
+ cy: opts.centerY,
+ r: opts.size,
+ fill: opts.fill
+ });
+ return circle;
+ }
+ }, {
+ key: "drawHollowImage",
+ value: function drawHollowImage(opts, g, hollowSize, hollowFillID) {
+ var w = this.w;
+ var fill = new Fill(this.ctx);
+ var randID = (Math.random() + 1).toString(36).substring(4);
+ var hollowFillImg = w.config.plotOptions.radialBar.hollow.image;
+
+ if (w.config.plotOptions.radialBar.hollow.imageClipped) {
+ fill.clippedImgArea({
+ width: hollowSize,
+ height: hollowSize,
+ image: hollowFillImg,
+ patternID: "pattern".concat(w.globals.cuid).concat(randID)
+ });
+ hollowFillID = "url(#pattern".concat(w.globals.cuid).concat(randID, ")");
+ } else {
+ var imgWidth = w.config.plotOptions.radialBar.hollow.imageWidth;
+ var imgHeight = w.config.plotOptions.radialBar.hollow.imageHeight;
+
+ if (imgWidth === undefined && imgHeight === undefined) {
+ var image = w.globals.dom.Paper.image(hollowFillImg).loaded(function (loader) {
+ this.move(opts.centerX - loader.width / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetX, opts.centerY - loader.height / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetY);
+ });
+ g.add(image);
+ } else {
+ var _image = w.globals.dom.Paper.image(hollowFillImg).loaded(function (loader) {
+ this.move(opts.centerX - imgWidth / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetX, opts.centerY - imgHeight / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetY);
+ this.size(imgWidth, imgHeight);
+ });
+
+ g.add(_image);
+ }
+ }
+
+ return hollowFillID;
+ }
+ }, {
+ key: "getStrokeWidth",
+ value: function getStrokeWidth(opts) {
+ var w = this.w;
+ return opts.size * (100 - parseInt(w.config.plotOptions.radialBar.hollow.size)) / 100 / (opts.series.length + 1) - this.margin;
+ }
+ }]);
+
+ return Radial;
+}(Pie);
+
+/**
+ * ApexCharts Line Class responsible for drawing Line / Area Charts.
+ * This class is also responsible for generating values for Bubble/Scatter charts, so need to rename it to Axis Charts to avoid confusions
+ * @module Line
+ **/
+
+var Line =
+/*#__PURE__*/
+function () {
+ function Line(ctx, xyRatios, isPointsChart) {
+ _classCallCheck(this, Line);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xyRatios = xyRatios;
+ this.pointsChart = !(this.w.config.chart.type !== 'bubble' && this.w.config.chart.type !== 'scatter') || isPointsChart;
+ this.scatter = new Scatter(this.ctx);
+ this.noNegatives = this.w.globals.minX === Number.MAX_VALUE;
+ this.yaxisIndex = 0;
+ }
+
+ _createClass(Line, [{
+ key: "draw",
+ value: function draw(series, ptype, seriesIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var type = w.globals.comboCharts ? ptype : w.config.chart.type;
+ var ret = graphics.group({
+ class: "apexcharts-".concat(type, "-series apexcharts-plot-series")
+ });
+ var coreUtils = new CoreUtils(this.ctx, w);
+ series = coreUtils.getLogSeries(series);
+ var yRatio = this.xyRatios.yRatio;
+ yRatio = coreUtils.getLogYRatios(yRatio);
+ var zRatio = this.xyRatios.zRatio;
+ var xRatio = this.xyRatios.xRatio;
+ var baseLineY = this.xyRatios.baseLineY; // push all series in an array, so we can draw in reverse order (for stacked charts)
+
+ var allSeries = [];
+ var prevSeriesY = [];
+ var categoryAxisCorrection = 0;
+
+ for (var i = 0; i < series.length; i++) {
+ // width divided into equal parts
+ var xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i;
+
+ if (yRatio.length > 1) {
+ this.yaxisIndex = realIndex;
+ }
+
+ this.isReversed = w.config.yaxis[this.yaxisIndex] && w.config.yaxis[this.yaxisIndex].reversed;
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+ // zeroY is the 0 value in y series which can be used in negative charts
+
+ var zeroY = w.globals.gridHeight - baseLineY[this.yaxisIndex] - (this.isReversed ? w.globals.gridHeight : 0) + (this.isReversed ? baseLineY[this.yaxisIndex] * 2 : 0);
+ var areaBottomY = zeroY;
+
+ if (zeroY > w.globals.gridHeight) {
+ areaBottomY = w.globals.gridHeight;
+ }
+
+ categoryAxisCorrection = xDivision / 2;
+ var x = w.globals.padHorizontal + categoryAxisCorrection;
+ var y = 1;
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[realIndex][0] - w.globals.minX) / xRatio;
+ }
+
+ xArrj.push(x);
+ var linePath = void 0,
+ areaPath = void 0,
+ pathFromLine = void 0,
+ pathFromArea = void 0;
+ var linePaths = [];
+ var areaPaths = []; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex]))
+ }); // points
+
+ var elPointsMain = graphics.group({
+ class: 'apexcharts-series-markers-wrap'
+ }); // eldatalabels
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+ this.ctx.series.addCollapsedClassToSeries(elSeries, realIndex);
+ var longestSeries = series[i].length === w.globals.dataPoints;
+ elSeries.attr({
+ 'data:longestSeries': longestSeries,
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+ this.appendPathFrom = true;
+ var pX = x;
+ var pY = void 0;
+ var prevX = pX;
+ var prevY = zeroY; // w.globals.svgHeight;
+
+ var lineYPosition = 0; // the first value in the current series is not null or undefined
+
+ var firstPrevY = this.determineFirstPrevY({
+ i: i,
+ series: series,
+ yRatio: yRatio[this.yaxisIndex],
+ zeroY: zeroY,
+ prevY: prevY,
+ prevSeriesY: prevSeriesY,
+ lineYPosition: lineYPosition
+ });
+ prevY = firstPrevY.prevY;
+ yArrj.push(prevY);
+ pY = prevY;
+
+ if (series[i][0] === null) {
+ // when the first value itself is null, we need to move the pointer to a location where a null value is not found
+ for (var s = 0; s < series[i].length; s++) {
+ if (series[i][s] !== null) {
+ prevX = xDivision * s;
+ prevY = zeroY - series[i][s] / yRatio[this.yaxisIndex];
+ linePath = graphics.move(prevX, prevY);
+ areaPath = graphics.move(prevX, areaBottomY);
+ break;
+ }
+ }
+ } else {
+ linePath = graphics.move(prevX, prevY);
+ areaPath = graphics.move(prevX, areaBottomY) + graphics.line(prevX, prevY);
+ }
+
+ pathFromLine = graphics.move(-1, zeroY) + graphics.line(-1, zeroY);
+ pathFromArea = graphics.move(-1, zeroY) + graphics.line(-1, zeroY);
+
+ if (w.globals.previousPaths.length > 0) {
+ var pathFrom = this.checkPreviousPaths({
+ pathFromLine: pathFromLine,
+ pathFromArea: pathFromArea,
+ realIndex: realIndex
+ });
+ pathFromLine = pathFrom.pathFromLine;
+ pathFromArea = pathFrom.pathFromArea;
+ }
+
+ var iterations = w.globals.dataPoints > 1 ? w.globals.dataPoints - 1 : w.globals.dataPoints;
+
+ for (var j = 0; j < iterations; j++) {
+ if (w.globals.isXNumeric) {
+ var sX = w.globals.seriesX[realIndex][j + 1];
+
+ if (typeof w.globals.seriesX[realIndex][j + 1] === 'undefined') {
+ /* fix #374 */
+ sX = w.globals.seriesX[realIndex][iterations - 1];
+ }
+
+ x = (sX - w.globals.minX) / xRatio;
+ } else {
+ x = x + xDivision;
+ }
+
+ var minY = Utils.isNumber(w.globals.minYArr[realIndex]) ? w.globals.minYArr[realIndex] : w.globals.minY;
+
+ if (w.config.chart.stacked) {
+ if (i > 0 && w.globals.collapsedSeries.length < w.config.series.length - 1) {
+ lineYPosition = prevSeriesY[i - 1][j + 1];
+ } else {
+ // the first series will not have prevY values
+ lineYPosition = zeroY;
+ }
+
+ if (typeof series[i][j + 1] === 'undefined' || series[i][j + 1] === null) {
+ y = lineYPosition - minY / yRatio[this.yaxisIndex] + (this.isReversed ? minY / yRatio[this.yaxisIndex] : 0) * 2;
+ } else {
+ y = lineYPosition - series[i][j + 1] / yRatio[this.yaxisIndex] + (this.isReversed ? series[i][j + 1] / yRatio[this.yaxisIndex] : 0) * 2;
+ }
+ } else {
+ if (typeof series[i][j + 1] === 'undefined' || series[i][j + 1] === null) {
+ y = zeroY - minY / yRatio[this.yaxisIndex] + (this.isReversed ? minY / yRatio[this.yaxisIndex] : 0) * 2;
+ } else {
+ y = zeroY - series[i][j + 1] / yRatio[this.yaxisIndex] + (this.isReversed ? series[i][j + 1] / yRatio[this.yaxisIndex] : 0) * 2;
+ }
+ } // push current X
+
+
+ xArrj.push(x); // push current Y that will be used as next series's bottom position
+
+ yArrj.push(y);
+ var calculatedPaths = this.createPaths({
+ series: series,
+ i: i,
+ j: j,
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pX: pX,
+ pY: pY,
+ areaBottomY: areaBottomY,
+ linePath: linePath,
+ areaPath: areaPath,
+ linePaths: linePaths,
+ areaPaths: areaPaths
+ });
+ areaPaths = calculatedPaths.areaPaths;
+ linePaths = calculatedPaths.linePaths;
+ pX = calculatedPaths.pX;
+ pY = calculatedPaths.pY;
+ areaPath = calculatedPaths.areaPath;
+ linePath = calculatedPaths.linePath;
+
+ if (this.appendPathFrom) {
+ pathFromLine = pathFromLine + graphics.line(x, zeroY);
+ pathFromArea = pathFromArea + graphics.line(x, zeroY);
+ }
+
+ var pointsPos = this.calculatePoints({
+ series: series,
+ x: x,
+ y: y,
+ realIndex: realIndex,
+ i: i,
+ j: j,
+ prevY: prevY,
+ categoryAxisCorrection: categoryAxisCorrection,
+ xRatio: xRatio
+ });
+
+ if (!this.pointsChart) {
+ var markers = new Markers(this.ctx);
+
+ if (w.globals.dataPoints > 1) {
+ elPointsMain.node.classList.add('hidden');
+ }
+
+ var elPointsWrap = markers.plotChartMarkers(pointsPos, realIndex, j + 1);
+
+ if (elPointsWrap !== null) {
+ elPointsMain.add(elPointsWrap);
+ }
+ } else {
+ // scatter / bubble chart points creation
+ this.scatter.draw(elSeries, j, {
+ realIndex: realIndex,
+ pointsPos: pointsPos,
+ zRatio: zRatio,
+ elParent: elPointsMain
+ });
+ }
+
+ var dataLabels = new DataLabels(this.ctx);
+ var drawnLabels = dataLabels.drawDataLabel(pointsPos, realIndex, j + 1);
+
+ if (drawnLabels !== null) {
+ elDataLabelsWrap.add(drawnLabels);
+ }
+ } // push all current y values array to main PrevY Array
+
+
+ prevSeriesY.push(yArrj); // push all x val arrays into main xArr
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj; // these elements will be shown after area path animation completes
+
+ if (!this.pointsChart) {
+ w.globals.delayedElements.push({
+ el: elPointsMain.node,
+ index: realIndex
+ });
+ }
+
+ var defaultRenderedPathOptions = {
+ i: i,
+ realIndex: realIndex,
+ animationDelay: i,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-".concat(type),
+ id: "apexcharts-".concat(type)
+ };
+
+ if (w.config.stroke.show && !this.pointsChart) {
+ var lineFill = null;
+
+ if (type === 'line') {
+ // fillable lines only for lineChart
+ lineFill = fill.fillPath({
+ seriesNumber: realIndex,
+ i: i
+ });
+ } else {
+ lineFill = w.globals.stroke.colors[realIndex];
+ }
+
+ for (var p = 0; p < linePaths.length; p++) {
+ var renderedPath = graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFromLine,
+ pathTo: linePaths[p],
+ stroke: lineFill,
+ strokeWidth: Array.isArray(w.config.stroke.width) ? w.config.stroke.width[realIndex] : w.config.stroke.width,
+ strokeLineCap: w.config.stroke.lineCap,
+ fill: 'none'
+ }));
+ elSeries.add(renderedPath);
+ }
+ } // we have drawn the lines, now if it is area chart, we need to fill paths
+
+
+ if (type === 'area') {
+ var pathFill = fill.fillPath({
+ seriesNumber: realIndex
+ });
+
+ for (var _p = 0; _p < areaPaths.length; _p++) {
+ var _renderedPath = graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFromArea,
+ pathTo: areaPaths[_p],
+ stroke: 'none',
+ strokeWidth: 0,
+ strokeLineCap: null,
+ fill: pathFill
+ }));
+
+ elSeries.add(_renderedPath);
+ }
+ }
+
+ elSeries.add(elPointsMain);
+ elSeries.add(elDataLabelsWrap);
+ allSeries.push(elSeries);
+ }
+
+ for (var _s = allSeries.length; _s > 0; _s--) {
+ ret.add(allSeries[_s - 1]);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "createPaths",
+ value: function createPaths(_ref) {
+ var series = _ref.series,
+ i = _ref.i,
+ j = _ref.j,
+ x = _ref.x,
+ y = _ref.y,
+ pX = _ref.pX,
+ pY = _ref.pY,
+ xDivision = _ref.xDivision,
+ areaBottomY = _ref.areaBottomY,
+ linePath = _ref.linePath,
+ areaPath = _ref.areaPath,
+ linePaths = _ref.linePaths,
+ areaPaths = _ref.areaPaths;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var curve = Array.isArray(w.config.stroke.curve) ? w.config.stroke.curve[i] : w.config.stroke.curve; // logic of smooth curve derived from chartist
+ // CREDITS: https://gionkunz.github.io/chartist-js/
+
+ if (curve === 'smooth') {
+ var length = (x - pX) * 0.35;
+
+ if (w.globals.hasNullValues) {
+ if (series[i][j] !== null) {
+ if (series[i][j + 1] !== null) {
+ linePath = graphics.move(pX, pY) + graphics.curve(pX + length, pY, x - length, y, x + 1, y);
+ areaPath = graphics.move(pX + 1, pY) + graphics.curve(pX + length, pY, x - length, y, x + 1, y) + graphics.line(x, areaBottomY) + graphics.line(pX, areaBottomY) + 'z';
+ } else {
+ linePath = graphics.move(pX, pY);
+ areaPath = graphics.move(pX, pY) + 'z';
+ }
+ }
+
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ } else {
+ linePath = linePath + graphics.curve(pX + length, pY, x - length, y, x, y);
+ areaPath = areaPath + graphics.curve(pX + length, pY, x - length, y, x, y);
+ }
+
+ pX = x;
+ pY = y;
+
+ if (j === series[i].length - 2) {
+ // last loop, close path
+ areaPath = areaPath + graphics.curve(pX, pY, x, y, x, areaBottomY) + graphics.move(x, y) + 'z';
+
+ if (!w.globals.hasNullValues) {
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ }
+ }
+ } else {
+ if (series[i][j + 1] === null) {
+ linePath = linePath + graphics.move(x, y);
+ areaPath = areaPath + graphics.line(x - xDivision, areaBottomY) + graphics.move(x, y);
+ }
+
+ if (series[i][j] === null) {
+ linePath = linePath + graphics.move(x, y);
+ areaPath = areaPath + graphics.move(x, areaBottomY);
+ }
+
+ if (curve === 'stepline') {
+ linePath = linePath + graphics.line(x, null, 'H') + graphics.line(null, y, 'V');
+ areaPath = areaPath + graphics.line(x, null, 'H') + graphics.line(null, y, 'V');
+ } else if (curve === 'straight') {
+ linePath = linePath + graphics.line(x, y);
+ areaPath = areaPath + graphics.line(x, y);
+ }
+
+ if (j === series[i].length - 2) {
+ // last loop, close path
+ areaPath = areaPath + graphics.line(x, areaBottomY) + graphics.move(x, y) + 'z';
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ }
+ }
+
+ return {
+ linePaths: linePaths,
+ areaPaths: areaPaths,
+ pX: pX,
+ pY: pY,
+ linePath: linePath,
+ areaPath: areaPath
+ };
+ }
+ }, {
+ key: "calculatePoints",
+ value: function calculatePoints(_ref2) {
+ var series = _ref2.series,
+ realIndex = _ref2.realIndex,
+ x = _ref2.x,
+ y = _ref2.y,
+ i = _ref2.i,
+ j = _ref2.j,
+ prevY = _ref2.prevY,
+ categoryAxisCorrection = _ref2.categoryAxisCorrection,
+ xRatio = _ref2.xRatio;
+ var w = this.w;
+ var ptX = [];
+ var ptY = [];
+
+ if (j === 0) {
+ var xPT1st = categoryAxisCorrection + w.config.markers.offsetX; // the first point for line series
+ // we need to check whether it's not a time series, because a time series may
+ // start from the middle of the x axis
+
+ if (w.globals.isXNumeric) {
+ xPT1st = (w.globals.seriesX[realIndex][0] - w.globals.minX) / xRatio + w.config.markers.offsetX;
+ } // push 2 points for the first data values
+
+
+ ptX.push(xPT1st);
+ ptY.push(Utils.isNumber(series[i][0]) ? prevY + w.config.markers.offsetY : null);
+ ptX.push(x + w.config.markers.offsetX);
+ ptY.push(Utils.isNumber(series[i][j + 1]) ? y + w.config.markers.offsetY : null);
+ } else {
+ ptX.push(x + w.config.markers.offsetX);
+ ptY.push(Utils.isNumber(series[i][j + 1]) ? y + w.config.markers.offsetY : null);
+ }
+
+ var pointsPos = {
+ x: ptX,
+ y: ptY
+ };
+ return pointsPos;
+ }
+ }, {
+ key: "checkPreviousPaths",
+ value: function checkPreviousPaths(_ref3) {
+ var pathFromLine = _ref3.pathFromLine,
+ pathFromArea = _ref3.pathFromArea,
+ realIndex = _ref3.realIndex;
+ var w = this.w;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if ((gpp.type === 'line' || gpp.type === 'area') && gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (gpp.type === 'line') {
+ this.appendPathFrom = false;
+ pathFromLine = w.globals.previousPaths[pp].paths[0].d;
+ } else if (gpp.type === 'area') {
+ this.appendPathFrom = false;
+
+ if (w.config.stroke.show) {
+ pathFromLine = w.globals.previousPaths[pp].paths[0].d;
+ pathFromArea = w.globals.previousPaths[pp].paths[1].d;
+ } else {
+ pathFromArea = w.globals.previousPaths[pp].paths[0].d;
+ }
+ }
+ }
+ }
+
+ return {
+ pathFromLine: pathFromLine,
+ pathFromArea: pathFromArea
+ };
+ }
+ }, {
+ key: "determineFirstPrevY",
+ value: function determineFirstPrevY(_ref4) {
+ var i = _ref4.i,
+ series = _ref4.series,
+ yRatio = _ref4.yRatio,
+ zeroY = _ref4.zeroY,
+ prevY = _ref4.prevY,
+ prevSeriesY = _ref4.prevSeriesY,
+ lineYPosition = _ref4.lineYPosition;
+ var w = this.w;
+
+ if (typeof series[i][0] !== 'undefined') {
+ if (w.config.chart.stacked) {
+ if (i > 0) {
+ // 1st y value of previous series
+ lineYPosition = prevSeriesY[i - 1][0];
+ } else {
+ // the first series will not have prevY values
+ lineYPosition = zeroY;
+ }
+
+ prevY = lineYPosition - series[i][0] / yRatio + (this.isReversed ? series[i][0] / yRatio : 0) * 2;
+ } else {
+ prevY = zeroY - series[i][0] / yRatio + (this.isReversed ? series[i][0] / yRatio : 0) * 2;
+ }
+ } else {
+ // the first value in the current series is null
+ if (w.config.chart.stacked && i > 0 && typeof series[i][0] === 'undefined') {
+ // check for undefined value (undefined value will occur when we clear the series while user clicks on legend to hide serieses)
+ for (var s = i - 1; s >= 0; s--) {
+ // for loop to get to 1st previous value until we get it
+ if (series[s][0] !== null && typeof series[s][0] !== 'undefined') {
+ lineYPosition = prevSeriesY[s][0];
+ prevY = lineYPosition;
+ break;
+ }
+ }
+ }
+ }
+
+ return {
+ prevY: prevY,
+ lineYPosition: lineYPosition
+ };
+ }
+ }]);
+
+ return Line;
+}();
+
+/**
+ * ApexCharts YAxis Class for drawing Y-Axis.
+ *
+ * @module YAxis
+ **/
+
+var YAxis =
+/*#__PURE__*/
+function () {
+ function YAxis(ctx) {
+ _classCallCheck(this, YAxis);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xaxisFontSize = this.w.config.xaxis.labels.style.fontSize;
+ this.axisFontFamily = this.w.config.xaxis.labels.style.fontFamily;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ this.xaxisForeColors = this.w.config.xaxis.labels.style.colors;
+ this.xAxisoffX = 0;
+
+ if (this.w.config.xaxis.position === 'bottom') {
+ this.xAxisoffX = this.w.globals.gridHeight;
+ }
+ }
+
+ _createClass(YAxis, [{
+ key: "drawYaxis",
+ value: function drawYaxis(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var yaxisFontSize = w.config.yaxis[realIndex].labels.style.fontSize;
+ var yaxisFontFamily = w.config.yaxis[realIndex].labels.style.fontFamily;
+ var elYaxis = graphics.group({
+ class: 'apexcharts-yaxis',
+ rel: realIndex,
+ transform: 'translate(' + w.globals.translateYAxisX[realIndex] + ', 0)'
+ });
+
+ if (!w.config.yaxis[realIndex].show) {
+ return elYaxis;
+ }
+
+ var elYaxisTexts = graphics.group({
+ class: 'apexcharts-yaxis-texts-g'
+ });
+ elYaxis.add(elYaxisTexts);
+ var tickAmount = w.globals.yAxisScale[realIndex].result.length - 1; // labelsDivider is simply svg height/number of ticks
+
+ var labelsDivider = w.globals.gridHeight / tickAmount + 0.1; // initial label position = 0;
+
+ var l = w.globals.translateY;
+ var lbFormatter = w.globals.yLabelFormatters[realIndex];
+ var labels = w.globals.yAxisScale[realIndex].result.slice();
+
+ if (w.config.yaxis[realIndex].reversed) {
+ labels.reverse();
+ }
+
+ if (w.config.yaxis[realIndex].labels.show) {
+ for (var i = tickAmount; i >= 0; i--) {
+ var val = labels[i];
+ val = lbFormatter(val, i);
+ var xPad = w.config.yaxis[realIndex].labels.padding;
+
+ if (w.config.yaxis[realIndex].opposite && w.config.yaxis.length !== 0) {
+ xPad = xPad * -1;
+ }
+
+ var label = graphics.drawText({
+ x: xPad,
+ y: l + tickAmount / 10 + w.config.yaxis[realIndex].labels.offsetY + 1,
+ text: val,
+ textAnchor: w.config.yaxis[realIndex].opposite ? 'start' : 'end',
+ fontSize: yaxisFontSize,
+ fontFamily: yaxisFontFamily,
+ foreColor: w.config.yaxis[realIndex].labels.style.color,
+ cssClass: 'apexcharts-yaxis-label ' + w.config.yaxis[realIndex].labels.style.cssClass
+ });
+ elYaxisTexts.add(label);
+ var labelRotatingCenter = graphics.rotateAroundCenter(label.node);
+
+ if (w.config.yaxis[realIndex].labels.rotate !== 0) {
+ label.node.setAttribute('transform', "rotate(".concat(w.config.yaxis[realIndex].labels.rotate, " ").concat(labelRotatingCenter.x, " ").concat(labelRotatingCenter.y, ")"));
+ }
+
+ l = l + labelsDivider;
+ }
+ }
+
+ if (w.config.yaxis[realIndex].title.text !== undefined) {
+ var elYaxisTitle = graphics.group({
+ class: 'apexcharts-yaxis-title'
+ });
+ var x = 0;
+
+ if (w.config.yaxis[realIndex].opposite) {
+ x = w.globals.translateYAxisX[realIndex];
+ }
+
+ var elYAxisTitleText = graphics.drawText({
+ x: x,
+ y: w.globals.gridHeight / 2 + w.globals.translateY,
+ text: w.config.yaxis[realIndex].title.text,
+ textAnchor: 'end',
+ foreColor: w.config.yaxis[realIndex].title.style.color,
+ fontSize: w.config.yaxis[realIndex].title.style.fontSize,
+ fontFamily: w.config.yaxis[realIndex].title.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-title-text ' + w.config.yaxis[realIndex].title.style.cssClass
+ });
+ elYaxisTitle.add(elYAxisTitleText);
+ elYaxis.add(elYaxisTitle);
+ }
+
+ var axisBorder = w.config.yaxis[realIndex].axisBorder;
+
+ if (axisBorder.show) {
+ var _x = 31 + axisBorder.offsetX;
+
+ if (w.config.yaxis[realIndex].opposite) {
+ _x = -31 - axisBorder.offsetX;
+ }
+
+ var elVerticalLine = graphics.drawLine(_x, w.globals.translateY + axisBorder.offsetY - 2, _x, w.globals.gridHeight + w.globals.translateY + axisBorder.offsetY + 2, axisBorder.color);
+ elYaxis.add(elVerticalLine);
+ this.drawAxisTicks(_x, tickAmount, axisBorder, w.config.yaxis[realIndex].axisTicks, realIndex, labelsDivider, elYaxis);
+ }
+
+ return elYaxis;
+ } // This actually becomes horizonal axis (for bar charts)
+
+ }, {
+ key: "drawYaxisInversed",
+ value: function drawYaxisInversed(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var elXaxis = graphics.group({
+ class: 'apexcharts-xaxis apexcharts-yaxis-inversed'
+ });
+ var elXaxisTexts = graphics.group({
+ class: 'apexcharts-xaxis-texts-g',
+ transform: "translate(".concat(w.globals.translateXAxisX, ", ").concat(w.globals.translateXAxisY, ")")
+ });
+ elXaxis.add(elXaxisTexts);
+ var tickAmount = w.globals.yAxisScale[realIndex].result.length - 1; // labelsDivider is simply svg width/number of ticks
+
+ var labelsDivider = w.globals.gridWidth / tickAmount + 0.1; // initial label position;
+
+ var l = labelsDivider + w.config.xaxis.labels.offsetX;
+ var lbFormatter = w.globals.xLabelFormatter;
+ var labels = w.globals.yAxisScale[realIndex].result.slice();
+
+ if (w.config.yaxis[realIndex].reversed) {
+ labels.reverse();
+ }
+
+ if (w.config.xaxis.labels.show) {
+ for (var i = tickAmount; i >= 0; i--) {
+ var val = labels[i];
+ val = lbFormatter(val, i);
+ var elTick = graphics.drawText({
+ x: w.globals.gridWidth + w.globals.padHorizontal - (l - labelsDivider + w.config.xaxis.labels.offsetX),
+ y: this.xAxisoffX + w.config.xaxis.labels.offsetY + 30,
+ text: '',
+ textAnchor: 'middle',
+ foreColor: Array.isArray(this.xaxisForeColors) ? this.xaxisForeColors[realIndex] : this.xaxisForeColors,
+ fontSize: this.xaxisFontSize,
+ fontFamily: this.xaxisFontFamily,
+ cssClass: 'apexcharts-xaxis-label ' + w.config.xaxis.labels.style.cssClass
+ });
+ elXaxisTexts.add(elTick);
+ elTick.tspan(val);
+ var elTooltipTitle = document.createElementNS(w.globals.SVGNS, 'title');
+ elTooltipTitle.textContent = val;
+ elTick.node.appendChild(elTooltipTitle);
+ l = l + labelsDivider;
+ }
+ }
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var elYaxisTitle = graphics.group({
+ class: 'apexcharts-xaxis-title apexcharts-yaxis-title-inversed'
+ });
+ var elYAxisTitleText = graphics.drawText({
+ x: w.globals.gridWidth / 2,
+ y: this.xAxisoffX + parseInt(this.xaxisFontSize) + parseInt(w.config.xaxis.title.style.fontSize) + 20,
+ text: w.config.xaxis.title.text,
+ textAnchor: 'middle',
+ fontSize: w.config.xaxis.title.style.fontSize,
+ fontFamily: w.config.xaxis.title.style.fontFamily,
+ cssClass: 'apexcharts-xaxis-title-text ' + w.config.xaxis.title.style.cssClass
+ });
+ elYaxisTitle.add(elYAxisTitleText);
+ elXaxis.add(elYaxisTitle);
+ }
+
+ var axisBorder = w.config.yaxis[realIndex].axisBorder;
+
+ if (axisBorder.show) {
+ var elVerticalLine = graphics.drawLine(w.globals.padHorizontal + axisBorder.offsetX, 1 + axisBorder.offsetY, w.globals.padHorizontal + axisBorder.offsetX, w.globals.gridHeight + axisBorder.offsetY, axisBorder.color);
+ elXaxis.add(elVerticalLine);
+ }
+
+ return elXaxis;
+ }
+ }, {
+ key: "drawAxisTicks",
+ value: function drawAxisTicks(x, tickAmount, axisBorder, axisTicks, realIndex, labelsDivider, elYaxis) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx); // initial label position = 0;
+
+ var t = w.globals.translateY;
+
+ if (axisTicks.show) {
+ if (w.config.yaxis[realIndex].opposite === true) x = x + axisTicks.width;
+
+ for (var i = tickAmount; i >= 0; i--) {
+ var tY = t + tickAmount / 10 + w.config.yaxis[realIndex].labels.offsetY - 1;
+
+ if (this.isBarHorizontal) {
+ tY = labelsDivider * i;
+ }
+
+ var elTick = graphics.drawLine(x + axisBorder.offsetX - axisTicks.width + axisTicks.offsetX, tY + axisTicks.offsetY, x + axisBorder.offsetX + axisTicks.offsetX, tY + axisTicks.offsetY, axisBorder.color);
+ elYaxis.add(elTick);
+ t = t + labelsDivider;
+ }
+ }
+ }
+ }, {
+ key: "yAxisTitleRotate",
+ value: function yAxisTitleRotate(realIndex, yAxisOpposite) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var yAxisLabelsCoord = {
+ width: 0,
+ height: 0
+ };
+ var yAxisTitleCoord = {
+ width: 0,
+ height: 0
+ };
+ var elYAxisLabelsWrap = w.globals.dom.baseEl.querySelector(" .apexcharts-yaxis[rel='".concat(realIndex, "'] .apexcharts-yaxis-texts-g"));
+
+ if (elYAxisLabelsWrap !== null) {
+ yAxisLabelsCoord = elYAxisLabelsWrap.getBoundingClientRect();
+ }
+
+ var yAxisTitle = w.globals.dom.baseEl.querySelector(".apexcharts-yaxis[rel='".concat(realIndex, "'] .apexcharts-yaxis-title text"));
+
+ if (yAxisTitle !== null) {
+ yAxisTitleCoord = yAxisTitle.getBoundingClientRect();
+ }
+
+ if (yAxisTitle !== null) {
+ var x = this.xPaddingForYAxisTitle(realIndex, yAxisLabelsCoord, yAxisTitleCoord, yAxisOpposite);
+ yAxisTitle.setAttribute('x', x.xPos - (yAxisOpposite ? 10 : 0));
+ }
+
+ if (yAxisTitle !== null) {
+ var titleRotatingCenter = graphics.rotateAroundCenter(yAxisTitle);
+
+ if (!yAxisOpposite) {
+ yAxisTitle.setAttribute('transform', "rotate(-".concat(w.config.yaxis[realIndex].title.rotate, " ").concat(titleRotatingCenter.x, " ").concat(titleRotatingCenter.y, ")"));
+ } else {
+ yAxisTitle.setAttribute('transform', "rotate(".concat(w.config.yaxis[realIndex].title.rotate, " ").concat(titleRotatingCenter.x, " ").concat(titleRotatingCenter.y, ")"));
+ }
+ }
+ }
+ }, {
+ key: "xPaddingForYAxisTitle",
+ value: function xPaddingForYAxisTitle(realIndex, yAxisLabelsCoord, yAxisTitleCoord, yAxisOpposite) {
+ var w = this.w;
+ var oppositeAxisCount = 0;
+ var x = 0;
+ var padd = 10;
+
+ if (w.config.yaxis[realIndex].title.text === undefined || realIndex < 0) {
+ return {
+ xPos: x,
+ padd: 0
+ };
+ }
+
+ if (yAxisOpposite) {
+ x = yAxisLabelsCoord.width + w.config.yaxis[realIndex].title.offsetX + yAxisTitleCoord.width / 2 + padd / 2;
+ oppositeAxisCount += 1;
+
+ if (oppositeAxisCount === 0) {
+ x = x - padd / 2;
+ }
+ } else {
+ x = yAxisLabelsCoord.width * -1 + w.config.yaxis[realIndex].title.offsetX + padd / 2 + yAxisTitleCoord.width / 2;
+
+ if (this.isBarHorizontal) {
+ padd = 25;
+ x = yAxisLabelsCoord.width * -1 - w.config.yaxis[realIndex].title.offsetX - padd;
+ }
+ }
+
+ return {
+ xPos: x,
+ padd: padd
+ };
+ } // sets the x position of the y-axis by counting the labels width, title width and any offset
+
+ }, {
+ key: "setYAxisXPosition",
+ value: function setYAxisXPosition(yaxisLabelCoords, yTitleCoords) {
+ var _this = this;
+
+ var w = this.w;
+ var xLeft = 0;
+ var xRight = 0;
+ var leftOffsetX = 21;
+ var rightOffsetX = 1;
+
+ if (w.config.yaxis.length > 1) {
+ this.multipleYs = true;
+ }
+
+ w.config.yaxis.map(function (yaxe, index) {
+ var shouldNotDrawAxis = w.globals.ignoreYAxisIndexes.indexOf(index) > -1 || !yaxe.show || yaxe.floating || yaxisLabelCoords[index].width === 0;
+ var axisWidth = yaxisLabelCoords[index].width + yTitleCoords[index].width;
+
+ if (!yaxe.opposite) {
+ xLeft = w.globals.translateX - leftOffsetX;
+
+ if (!shouldNotDrawAxis) {
+ leftOffsetX = leftOffsetX + axisWidth + 20;
+ }
+
+ w.globals.translateYAxisX[index] = xLeft + yaxe.labels.offsetX;
+ } else {
+ if (_this.isBarHorizontal) {
+ xRight = w.globals.gridWidth + w.globals.translateX - 1;
+ w.globals.translateYAxisX[index] = xRight - yaxe.labels.offsetX;
+ } else {
+ xRight = w.globals.gridWidth + w.globals.translateX + rightOffsetX;
+
+ if (!shouldNotDrawAxis) {
+ rightOffsetX = rightOffsetX + axisWidth + 20;
+ }
+
+ w.globals.translateYAxisX[index] = xRight - yaxe.labels.offsetX + 20;
+ }
+ }
+ });
+ }
+ }]);
+
+ return YAxis;
+}();
+
+/**
+ * ApexCharts Formatter Class for setting value formatters for axes as well as tooltips.
+ *
+ * @module Formatters
+ **/
+
+var Formatters =
+/*#__PURE__*/
+function () {
+ function Formatters(ctx) {
+ _classCallCheck(this, Formatters);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.tooltipKeyFormat = 'dd MMM';
+ }
+
+ _createClass(Formatters, [{
+ key: "xLabelFormat",
+ value: function xLabelFormat(fn, val) {
+ var w = this.w;
+
+ if (w.config.xaxis.type === 'datetime') {
+ // if user has not specified a custom formatter, use the default tooltip.x.format
+ if (w.config.tooltip.x.formatter === undefined) {
+ var datetimeObj = new DateTime(this.ctx);
+ return datetimeObj.formatDate(new Date(val), w.config.tooltip.x.format, true, true);
+ }
+ }
+
+ return fn(val);
+ }
+ }, {
+ key: "setLabelFormatters",
+ value: function setLabelFormatters() {
+ var w = this.w;
+
+ w.globals.xLabelFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.xaxisTooltipFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.ttKeyFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.ttZFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.legendFormatter = function (val) {
+ return val;
+ };
+
+ if (typeof w.config.tooltip.x.formatter === 'function') {
+ w.globals.ttKeyFormatter = w.config.tooltip.x.formatter;
+ }
+
+ if (typeof w.config.xaxis.tooltip.formatter === 'function') {
+ w.globals.xaxisTooltipFormatter = w.config.xaxis.tooltip.formatter;
+ }
+
+ if (Array.isArray(w.config.tooltip.y)) {
+ w.globals.ttVal = w.config.tooltip.y;
+ } else {
+ if (w.config.tooltip.y.formatter !== undefined) {
+ w.globals.ttVal = w.config.tooltip.y;
+ }
+ }
+
+ if (w.config.tooltip.z.formatter !== undefined) {
+ w.globals.ttZFormatter = w.config.tooltip.z.formatter;
+ } // legend formatter - if user wants to append any global values of series to legend text
+
+
+ if (w.config.legend.formatter !== undefined) {
+ w.globals.legendFormatter = w.config.legend.formatter;
+ } // formatter function will always overwrite format property
+
+
+ if (w.config.xaxis.labels.formatter !== undefined) {
+ w.globals.xLabelFormatter = w.config.xaxis.labels.formatter;
+ } else {
+ w.globals.xLabelFormatter = function (val) {
+ if (Utils.isNumber(val)) {
+ // numeric xaxis may have smaller range, so defaulting to 1 decimal
+ if (w.config.xaxis.type === 'numeric' && w.globals.dataPoints < 50) {
+ return val.toFixed(1);
+ }
+
+ return val.toFixed(0);
+ }
+
+ return val;
+ };
+ } // formatter function will always overwrite format property
+
+
+ w.config.yaxis.forEach(function (yaxe, i) {
+ if (yaxe.labels.formatter !== undefined) {
+ w.globals.yLabelFormatters[i] = yaxe.labels.formatter;
+ } else {
+ w.globals.yLabelFormatters[i] = function (val) {
+ if (Utils.isNumber(val)) {
+ if (w.globals.yValueDecimal !== 0 || w.globals.maxY - w.globals.minY < 1) {
+ return val.toFixed(yaxe.decimalsInFloat);
+ } else {
+ return val.toFixed(0);
+ }
+ }
+
+ return val;
+ };
+ }
+ });
+ return w.globals;
+ }
+ }, {
+ key: "heatmapLabelFormatters",
+ value: function heatmapLabelFormatters() {
+ var w = this.w;
+
+ if (w.config.chart.type === 'heatmap') {
+ w.globals.yAxisScale[0].result = w.globals.seriesNames.slice(); // get the longest string from the labels array and also apply label formatter to it
+
+ var longest = w.globals.seriesNames.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ w.globals.yAxisScale[0].niceMax = longest;
+ w.globals.yAxisScale[0].niceMin = longest;
+ }
+ }
+ }]);
+
+ return Formatters;
+}();
+
+/**
+ * ApexCharts XAxis Class for drawing X-Axis.
+ *
+ * @module XAxis
+ **/
+
+var XAxis =
+/*#__PURE__*/
+function () {
+ function XAxis(ctx) {
+ _classCallCheck(this, XAxis);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.xaxisLabels = w.globals.labels.slice();
+
+ if (w.globals.timelineLabels.length > 0) {
+ // timeline labels are there
+ this.xaxisLabels = w.globals.timelineLabels.slice();
+ }
+
+ this.drawnLabels = [];
+
+ if (w.config.xaxis.position === 'top') {
+ this.offY = 0;
+ } else {
+ this.offY = w.globals.gridHeight + 1;
+ }
+
+ this.offY = this.offY + w.config.xaxis.axisBorder.offsetY;
+ this.xaxisFontSize = w.config.xaxis.labels.style.fontSize;
+ this.xaxisFontFamily = w.config.xaxis.labels.style.fontFamily;
+ this.xaxisForeColors = w.config.xaxis.labels.style.colors;
+ this.xaxisBorderWidth = w.config.xaxis.axisBorder.width;
+
+ if (this.xaxisBorderWidth.indexOf('%') > -1) {
+ this.xaxisBorderWidth = w.globals.gridWidth * parseInt(this.xaxisBorderWidth) / 100;
+ } else {
+ this.xaxisBorderWidth = parseInt(this.xaxisBorderWidth);
+ }
+
+ this.xaxisBorderHeight = w.config.xaxis.axisBorder.height; // For bars, we will only consider single y xais,
+ // as we are not providing multiple yaxis for bar charts
+
+ this.yaxis = w.config.yaxis[0];
+ }
+
+ _createClass(XAxis, [{
+ key: "drawXaxis",
+ value: function drawXaxis() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var elXaxis = graphics.group({
+ class: 'apexcharts-xaxis',
+ transform: "translate(".concat(w.config.xaxis.offsetX, ", ").concat(w.config.xaxis.offsetY, ")")
+ });
+ var elXaxisTexts = graphics.group({
+ class: 'apexcharts-xaxis-texts-g',
+ transform: "translate(".concat(w.globals.translateXAxisX, ", ").concat(w.globals.translateXAxisY, ")")
+ });
+ elXaxis.add(elXaxisTexts);
+ var colWidth; // initial x Position (keep adding column width in the loop)
+
+ var xPos = w.globals.padHorizontal;
+ var labels = [];
+
+ for (var i = 0; i < this.xaxisLabels.length; i++) {
+ labels.push(this.xaxisLabels[i]);
+ }
+
+ if (w.globals.isXNumeric) {
+ colWidth = w.globals.gridWidth / (labels.length - 1);
+ xPos = xPos + colWidth / 2 + w.config.xaxis.labels.offsetX;
+ } else {
+ colWidth = w.globals.gridWidth / labels.length;
+ xPos = xPos + colWidth + w.config.xaxis.labels.offsetX;
+ }
+
+ var xlbFormatter = w.globals.xLabelFormatter;
+ var customFormatter = w.config.xaxis.labels.formatter;
+ var labelsLen = labels.length;
+
+ if (w.config.xaxis.labels.show) {
+ for (var _i = 0; _i <= labelsLen - 1; _i++) {
+ var rawLabel = typeof labels[_i] === 'undefined' ? '' : labels[_i];
+ var label = void 0;
+ var xFormat = new Formatters(this.ctx);
+ label = xFormat.xLabelFormat(xlbFormatter, rawLabel);
+
+ if (customFormatter !== undefined) {
+ label = customFormatter(rawLabel, this.xaxisLabels[_i], _i);
+ }
+
+ var x = xPos - colWidth / 2 + w.config.xaxis.labels.offsetX;
+
+ if (w.globals.timelineLabels.length > 0) {
+ x = w.globals.timelineLabels[_i].position;
+ label = w.globals.timelineLabels[_i].value;
+ } else {
+ if (w.config.xaxis.type === 'datetime' && customFormatter === undefined) {
+ label = '';
+ }
+ }
+
+ label = label.toString();
+
+ if (label.indexOf('NaN') === 0 || label === 'undefined' || label.toLowerCase().indexOf('invalid') === 0 || label.toLowerCase().indexOf('infinity') >= 0 || this.drawnLabels.indexOf(label) >= 0 && !w.config.xaxis.labels.showDuplicates) {
+ label = '';
+ }
+
+ this.drawnLabels.push(label);
+ var offsetYCorrection = 28;
+
+ if (w.globals.rotateXLabels) {
+ offsetYCorrection = 22;
+ }
+
+ var elTick = graphics.drawText({
+ x: x,
+ y: this.offY + w.config.xaxis.labels.offsetY + offsetYCorrection,
+ text: '',
+ textAnchor: 'middle',
+ fontSize: this.xaxisFontSize,
+ fontFamily: this.xaxisFontFamily,
+ foreColor: Array.isArray(this.xaxisForeColors) ? this.xaxisForeColors[_i] : this.xaxisForeColors,
+ cssClass: 'apexcharts-xaxis-label ' + w.config.xaxis.labels.style.cssClass
+ });
+ elXaxisTexts.add(elTick);
+ graphics.addTspan(elTick, label, this.xaxisFontFamily);
+ var elTooltipTitle = document.createElementNS(w.globals.SVGNS, 'title');
+ elTooltipTitle.textContent = label;
+ elTick.node.appendChild(elTooltipTitle);
+ xPos = xPos + colWidth;
+ }
+ }
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var elXaxisTitle = graphics.group({
+ class: 'apexcharts-xaxis-title'
+ });
+ var elXAxisTitleText = graphics.drawText({
+ x: w.globals.gridWidth / 2 + w.config.xaxis.title.offsetX,
+ y: this.offY - parseInt(this.xaxisFontSize) + w.globals.xAxisLabelsHeight + w.config.xaxis.title.offsetY,
+ text: w.config.xaxis.title.text,
+ textAnchor: 'middle',
+ fontSize: w.config.xaxis.title.style.fontSize,
+ fontFamily: w.config.xaxis.title.style.fontFamily,
+ foreColor: w.config.xaxis.title.style.color,
+ cssClass: 'apexcharts-xaxis-title-text ' + w.config.xaxis.title.style.cssClass
+ });
+ elXaxisTitle.add(elXAxisTitleText);
+ elXaxis.add(elXaxisTitle);
+ }
+
+ if (w.config.xaxis.axisBorder.show) {
+ var lineCorrection = 0;
+
+ if (w.config.chart.type === 'bar' && w.globals.isXNumeric) {
+ lineCorrection = lineCorrection - 15;
+ }
+
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal + lineCorrection + w.config.xaxis.axisBorder.offsetX, this.offY, this.xaxisBorderWidth, this.offY, w.config.xaxis.axisBorder.color, 0, this.xaxisBorderHeight);
+ elXaxis.add(elHorzLine);
+ }
+
+ return elXaxis;
+ } // this actually becomes the vertical axis (for bar charts)
+
+ }, {
+ key: "drawXaxisInversed",
+ value: function drawXaxisInversed(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var translateYAxisX = w.config.yaxis[0].opposite ? w.globals.translateYAxisX[realIndex] : 0;
+ var elYaxis = graphics.group({
+ class: 'apexcharts-yaxis apexcharts-xaxis-inversed',
+ rel: realIndex
+ });
+ var elYaxisTexts = graphics.group({
+ class: 'apexcharts-yaxis-texts-g apexcharts-xaxis-inversed-texts-g',
+ transform: 'translate(' + translateYAxisX + ', 0)'
+ });
+ elYaxis.add(elYaxisTexts);
+ var colHeight; // initial x Position (keep adding column width in the loop)
+
+ var yPos;
+ var labels = [];
+
+ for (var i = 0; i < this.xaxisLabels.length; i++) {
+ labels.push(this.xaxisLabels[i]);
+ }
+
+ colHeight = w.globals.gridHeight / labels.length;
+ yPos = -(colHeight / 2.2);
+ var lbFormatter = w.globals.yLabelFormatters[0];
+ var ylabels = w.config.yaxis[0].labels;
+
+ if (ylabels.show) {
+ for (var _i2 = 0; _i2 <= labels.length - 1; _i2++) {
+ var label = typeof labels[_i2] === 'undefined' ? '' : labels[_i2];
+ label = lbFormatter(label);
+ var elLabel = graphics.drawText({
+ x: ylabels.offsetX - 15,
+ y: yPos + colHeight + ylabels.offsetY,
+ text: label,
+ textAnchor: this.yaxis.opposite ? 'start' : 'end',
+ foreColor: ylabels.style.color ? ylabels.style.color : ylabels.style.colors[_i2],
+ fontSize: ylabels.style.fontSize,
+ fontFamily: ylabels.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-label ' + ylabels.style.cssClass
+ }); // let labelRotatingCenter = graphics.rotateAroundCenter(elLabel.node)
+ // if (ylabels.rotate !== 0) {
+ // elLabel.node.setAttribute(
+ // 'transform',
+ // `rotate(${ylabels.rotate} ${labelRotatingCenter.x} ${labelRotatingCenter.y})`
+ // )
+ // }
+
+ elYaxisTexts.add(elLabel);
+ yPos = yPos + colHeight;
+ }
+ }
+
+ if (w.config.yaxis[0].title.text !== undefined) {
+ var elXaxisTitle = graphics.group({
+ class: 'apexcharts-yaxis-title apexcharts-xaxis-title-inversed',
+ transform: 'translate(' + translateYAxisX + ', 0)'
+ });
+ var elXAxisTitleText = graphics.drawText({
+ x: 0,
+ y: w.globals.gridHeight / 2,
+ text: w.config.yaxis[0].title.text,
+ textAnchor: 'middle',
+ foreColor: w.config.yaxis[0].title.style.color,
+ fontSize: w.config.yaxis[0].title.style.fontSize,
+ fontFamily: w.config.yaxis[0].title.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-title-text ' + w.config.yaxis[0].title.style.cssClass
+ });
+ elXaxisTitle.add(elXAxisTitleText);
+ elYaxis.add(elXaxisTitle);
+ }
+
+ if (w.config.xaxis.axisBorder.show) {
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal + w.config.xaxis.axisBorder.offsetX, this.offY, this.xaxisBorderWidth, this.offY, this.yaxis.axisBorder.color, 0, this.xaxisBorderHeight);
+ elYaxis.add(elHorzLine); // let x = w.globals.yAxisWidths[0] / 2
+ // if (w.config.yaxis[0].opposite) {
+ // x = -w.globals.yAxisWidths[0] / 2
+ // }
+
+ var yaxis = new YAxis(this.ctx);
+ yaxis.drawAxisTicks(0, labels.length, w.config.yaxis[0].axisBorder, w.config.yaxis[0].axisTicks, 0, colHeight, elYaxis);
+ }
+
+ return elYaxis;
+ }
+ }, {
+ key: "drawXaxisTicks",
+ value: function drawXaxisTicks(x1, appendToElement) {
+ var w = this.w;
+ var x2 = x1;
+ if (x1 < 0 || x1 > w.globals.gridWidth) return;
+ var y1 = this.offY + w.config.xaxis.axisTicks.offsetY;
+ var y2 = y1 + w.config.xaxis.axisTicks.height;
+
+ if (w.config.xaxis.axisTicks.show) {
+ var graphics = new Graphics(this.ctx);
+ var line = graphics.drawLine(x1 + w.config.xaxis.axisTicks.offsetX, y1 + w.config.xaxis.offsetY, x2 + w.config.xaxis.axisTicks.offsetX, y2 + w.config.xaxis.offsetY, w.config.xaxis.axisTicks.color); // we are not returning anything, but appending directly to the element pased in param
+
+ appendToElement.add(line);
+ line.node.classList.add('apexcharts-xaxis-tick');
+ }
+ }
+ }, {
+ key: "getXAxisTicksPositions",
+ value: function getXAxisTicksPositions() {
+ var w = this.w;
+ var xAxisTicksPositions = [];
+ var xCount = this.xaxisLabels.length;
+ var x1 = w.globals.padHorizontal;
+
+ if (w.globals.timelineLabels.length > 0) {
+ for (var i = 0; i < xCount; i++) {
+ x1 = this.xaxisLabels[i].position;
+ xAxisTicksPositions.push(x1);
+ }
+ } else {
+ var xCountForCategoryCharts = xCount;
+
+ for (var _i3 = 0; _i3 < xCountForCategoryCharts; _i3++) {
+ var x1Count = xCountForCategoryCharts;
+
+ if (w.globals.isXNumeric && w.config.chart.type !== 'bar') {
+ x1Count -= 1;
+ }
+
+ x1 = x1 + w.globals.gridWidth / x1Count;
+ xAxisTicksPositions.push(x1);
+ }
+ }
+
+ return xAxisTicksPositions;
+ } // to rotate x-axis labels or to put ... for longer text in xaxis
+
+ }, {
+ key: "xAxisLabelCorrections",
+ value: function xAxisLabelCorrections() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var xAxis = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g');
+ var xAxisTexts = w.globals.dom.baseEl.querySelectorAll('.apexcharts-xaxis-texts-g text');
+ var yAxisTextsInversed = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxis-inversed text');
+ var xAxisTextsInversed = w.globals.dom.baseEl.querySelectorAll('.apexcharts-xaxis-inversed-texts-g text');
+
+ if (w.globals.rotateXLabels || w.config.xaxis.labels.rotateAlways) {
+ for (var xat = 0; xat < xAxisTexts.length; xat++) {
+ var textRotatingCenter = graphics.rotateAroundCenter(xAxisTexts[xat]);
+ textRotatingCenter.y = textRotatingCenter.y - 1; // + tickWidth/4;
+
+ textRotatingCenter.x = textRotatingCenter.x + 1;
+ xAxisTexts[xat].setAttribute('transform', "rotate(".concat(w.config.xaxis.labels.rotate, " ").concat(textRotatingCenter.x, " ").concat(textRotatingCenter.y, ")"));
+ xAxisTexts[xat].setAttribute('text-anchor', "end");
+ var offsetHeight = 10;
+ xAxis.setAttribute('transform', "translate(0, ".concat(-offsetHeight, ")"));
+ var tSpan = xAxisTexts[xat].childNodes;
+
+ if (w.config.xaxis.labels.trim) {
+ graphics.placeTextWithEllipsis(tSpan[0], tSpan[0].textContent, w.config.xaxis.labels.maxHeight - 40);
+ }
+ }
+ } else {
+ var width = w.globals.gridWidth / w.globals.labels.length;
+
+ for (var _xat = 0; _xat < xAxisTexts.length; _xat++) {
+ var _tSpan = xAxisTexts[_xat].childNodes;
+
+ if (w.config.xaxis.labels.trim && w.config.chart.type !== 'bar' && w.config.plotOptions.bar.horizontal) {
+ graphics.placeTextWithEllipsis(_tSpan[0], _tSpan[0].textContent, width);
+ }
+ }
+ }
+
+ if (yAxisTextsInversed.length > 0) {
+ // truncate rotated y axis in bar chart (x axis)
+ var firstLabelPosX = yAxisTextsInversed[yAxisTextsInversed.length - 1].getBBox();
+ var lastLabelPosX = yAxisTextsInversed[0].getBBox();
+
+ if (firstLabelPosX.x < -20) {
+ yAxisTextsInversed[yAxisTextsInversed.length - 1].parentNode.removeChild(yAxisTextsInversed[yAxisTextsInversed.length - 1]);
+ }
+
+ if (lastLabelPosX.x + lastLabelPosX.width > w.globals.gridWidth) {
+ yAxisTextsInversed[0].parentNode.removeChild(yAxisTextsInversed[0]);
+ } // truncate rotated x axis in bar chart (y axis)
+
+
+ for (var _xat2 = 0; _xat2 < xAxisTextsInversed.length; _xat2++) {
+ graphics.placeTextWithEllipsis(xAxisTextsInversed[_xat2], xAxisTextsInversed[_xat2].textContent, w.config.yaxis[0].labels.maxWidth - parseInt(w.config.yaxis[0].title.style.fontSize) * 2 - 20);
+ }
+ }
+ } // renderXAxisBands() {
+ // let w = this.w;
+ // let plotBand = document.createElementNS(w.globals.SVGNS, 'rect')
+ // w.globals.dom.elGraphical.add(plotBand)
+ // }
+
+ }]);
+
+ return XAxis;
+}();
+
+var Range =
+/*#__PURE__*/
+function () {
+ function Range(ctx) {
+ _classCallCheck(this, Range);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ } // http://stackoverflow.com/questions/326679/choosing-an-attractive-linear-scale-for-a-graphs-y-axiss
+ // This routine creates the Y axis values for a graph.
+
+
+ _createClass(Range, [{
+ key: "niceScale",
+ value: function niceScale(yMin, yMax) {
+ var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+ var ticks = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
+
+ if (yMin === Number.MIN_VALUE && yMax === 0 || !Utils.isNumber(yMin) && !Utils.isNumber(yMax) || yMin === Number.MIN_VALUE && yMax === -Number.MAX_VALUE) {
+ // when all values are 0
+ yMin = 0;
+ yMax = ticks;
+ var linearScale = this.linearScale(yMin, yMax, ticks);
+ return linearScale;
+ }
+
+ if (yMin > yMax) {
+ // if somehow due to some wrong config, user sent max less than min,
+ // adjust the min/max again
+ console.warn('yaxis.min cannot be greater than yaxis.max');
+ yMax = yMin + 0.1;
+ } else if (yMin === yMax) {
+ // If yMin and yMax are identical, then
+ // adjust the yMin and yMax values to actually
+ // make a graph. Also avoids division by zero errors.
+ yMin = yMin === 0 ? 0 : yMin - 0.1; // some small value
+
+ yMax = yMax === 0 ? 2 : yMax + 0.1; // some small value
+ } // Calculate Min amd Max graphical labels and graph
+ // increments. The number of ticks defaults to
+ // 10 which is the SUGGESTED value. Any tick value
+ // entered is used as a suggested value which is
+ // adjusted to be a 'pretty' value.
+ //
+ // Output will be an array of the Y axis values that
+ // encompass the Y values.
+
+
+ var result = []; // Determine Range
+
+ var range = yMax - yMin;
+ var tiks = ticks + 1; // Adjust ticks if needed
+
+ if (tiks < 2) {
+ tiks = 2;
+ } else if (tiks > 2) {
+ tiks -= 2;
+ } // Get raw step value
+
+
+ var tempStep = range / tiks; // Calculate pretty step value
+
+ var mag = Math.floor(Utils.log10(tempStep));
+ var magPow = Math.pow(10, mag);
+ var magMsd = parseInt(tempStep / magPow);
+ var stepSize = magMsd * magPow; // build Y label array.
+ // Lower and upper bounds calculations
+
+ var lb = stepSize * Math.floor(yMin / stepSize);
+ var ub = stepSize * Math.ceil(yMax / stepSize); // Build array
+
+ var val = lb;
+
+ while (1) {
+ result.push(val);
+ val += stepSize;
+
+ if (val > ub) {
+ break;
+ }
+ } // TODO: need to remove this condition below which makes this function tightly coupled with w.
+
+
+ if (this.w.config.yaxis[index].max === undefined && this.w.config.yaxis[index].min === undefined || this.w.config.yaxis[index].forceNiceScale) {
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ } else {
+ result = [];
+ var v = yMin;
+ result.push(v);
+ var valuesDivider = Math.abs(yMax - yMin) / ticks;
+
+ for (var i = 0; i <= ticks - 1; i++) {
+ v = v + valuesDivider;
+ result.push(v);
+ }
+
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ }
+ }
+ }, {
+ key: "linearScale",
+ value: function linearScale(yMin, yMax) {
+ var ticks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+ var range = Math.abs(yMax - yMin);
+ var step = range / ticks;
+
+ if (ticks === Number.MAX_VALUE) {
+ ticks = 10;
+ step = 1;
+ }
+
+ var result = [];
+ var v = yMin;
+
+ while (ticks >= 0) {
+ result.push(v);
+ v = v + step;
+ ticks -= 1;
+ }
+
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ }
+ }, {
+ key: "logarithmicScale",
+ value: function logarithmicScale(index, yMin, yMax, ticks) {
+ if (yMin < 0 || yMin === Number.MIN_VALUE) yMin = 0.01;
+ var base = 10;
+ var min = Math.log(yMin) / Math.log(base);
+ var max = Math.log(yMax) / Math.log(base);
+ var range = Math.abs(yMax - yMin);
+ var step = range / ticks;
+ var result = [];
+ var v = yMin;
+
+ while (ticks >= 0) {
+ result.push(v);
+ v = v + step;
+ ticks -= 1;
+ }
+
+ var logs = result.map(function (niceNumber, i) {
+ if (niceNumber <= 0) {
+ niceNumber = 0.01;
+ } // calculate adjustment factor
+
+
+ var scale = (max - min) / (yMax - yMin);
+ var logVal = Math.pow(base, min + scale * (niceNumber - min));
+ return Math.round(logVal / Utils.roundToBase(logVal, base)) * Utils.roundToBase(logVal, base);
+ }); // Math.floor may have rounded the value to 0, revert back to 1
+
+ if (logs[0] === 0) logs[0] = 1;
+ return {
+ result: logs,
+ niceMin: logs[0],
+ niceMax: logs[logs.length - 1]
+ };
+ }
+ }, {
+ key: "setYScaleForIndex",
+ value: function setYScaleForIndex(index, minY, maxY) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var y = this.isBarHorizontal ? cnf.xaxis : cnf.yaxis[index];
+
+ if (typeof gl.yAxisScale[index] === 'undefined') {
+ gl.yAxisScale[index] = [];
+ }
+
+ if (y.logarithmic) {
+ gl.allSeriesCollapsed = false;
+ gl.yAxisScale[index] = this.logarithmicScale(index, minY, maxY, y.tickAmount ? y.tickAmount : Math.floor(Math.log10(maxY)));
+ } else {
+ if (maxY === -Number.MAX_VALUE || !Utils.isNumber(maxY)) {
+ // no data in the chart. Either all series collapsed or user passed a blank array
+ gl.yAxisScale[index] = this.linearScale(0, 5, 5);
+ } else {
+ // there is some data. Turn off the allSeriesCollapsed flag
+ gl.allSeriesCollapsed = false;
+ gl.yAxisScale[index] = this.niceScale(minY, maxY, index, y.tickAmount ? y.tickAmount : 5);
+ }
+ }
+ }
+ }, {
+ key: "setMultipleYScales",
+ value: function setMultipleYScales() {
+ var _this = this;
+
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var minYArr = gl.minYArr.concat([]);
+ var maxYArr = gl.maxYArr.concat([]);
+ var scalesIndices = []; // here, we loop through the yaxis array and find the item which has "seriesName" property
+
+ cnf.yaxis.forEach(function (yaxe, i) {
+ var index = i;
+ cnf.series.forEach(function (s, si) {
+ // if seriesName matches and that series is not collapsed, we use that scale
+ if (s.name === yaxe.seriesName && gl.collapsedSeriesIndices.indexOf(si) === -1) {
+ index = si;
+
+ if (i !== si) {
+ scalesIndices.push({
+ index: si,
+ similarIndex: i,
+ alreadyExists: true
+ });
+ } else {
+ scalesIndices.push({
+ index: si
+ });
+ }
+ }
+ });
+ var minY = minYArr[index];
+ var maxY = maxYArr[index];
+
+ _this.setYScaleForIndex(i, minY, maxY);
+ });
+ this.sameScaleInMultipleAxes(minYArr, maxYArr, scalesIndices);
+ }
+ }, {
+ key: "sameScaleInMultipleAxes",
+ value: function sameScaleInMultipleAxes(minYArr, maxYArr, scalesIndices) {
+ var _this2 = this;
+
+ var cnf = this.w.config;
+ var gl = this.w.globals; // we got the scalesIndices array in the above code, but we need to filter out the items which doesn't have same scales
+
+ var similarIndices = [];
+ scalesIndices.forEach(function (scale) {
+ if (scale.alreadyExists) {
+ if (typeof similarIndices[scale.index] === 'undefined') {
+ similarIndices[scale.index] = [];
+ }
+
+ similarIndices[scale.index].push(scale.index);
+ similarIndices[scale.index].push(scale.similarIndex);
+ }
+ });
+
+ function intersect(a, b) {
+ return a.filter(function (value) {
+ return b.indexOf(value) !== -1;
+ });
+ }
+
+ similarIndices.forEach(function (si, i) {
+ similarIndices.forEach(function (sj, j) {
+ if (i !== j) {
+ if (intersect(si, sj).length > 0) {
+ similarIndices[i] = similarIndices[i].concat(similarIndices[j]);
+ }
+ }
+ });
+ }); // then, we remove duplicates from the similarScale array
+
+ var uniqueSimilarIndices = similarIndices.map(function (item) {
+ return item.filter(function (i, pos) {
+ return item.indexOf(i) === pos;
+ });
+ }); // sort further to remove whole duplicate arrays later
+
+ var sortedIndices = uniqueSimilarIndices.map(function (s) {
+ return s.sort();
+ }); // remove undefined items
+
+ similarIndices = similarIndices.filter(function (s) {
+ return !!s;
+ });
+ var indices = sortedIndices.slice();
+ var stringIndices = indices.map(function (ind) {
+ return JSON.stringify(ind);
+ });
+ indices = indices.filter(function (ind, p) {
+ return stringIndices.indexOf(JSON.stringify(ind)) === p;
+ });
+ var sameScaleMinYArr = [];
+ var sameScaleMaxYArr = [];
+ minYArr.forEach(function (minYValue, yi) {
+ indices.forEach(function (scale, i) {
+ // we compare only the yIndex which exists in the indices array
+ if (scale.indexOf(yi) > -1) {
+ if (typeof sameScaleMinYArr[i] === 'undefined') {
+ sameScaleMinYArr[i] = [];
+ sameScaleMaxYArr[i] = [];
+ }
+
+ sameScaleMinYArr[i].push({
+ key: yi,
+ value: minYValue
+ });
+ sameScaleMaxYArr[i].push({
+ key: yi,
+ value: maxYArr[yi]
+ });
+ }
+ });
+ });
+ var sameScaleMin = Array.apply(null, Array(indices.length)).map(Number.prototype.valueOf, Number.MIN_VALUE);
+ var sameScaleMax = Array.apply(null, Array(indices.length)).map(Number.prototype.valueOf, -Number.MAX_VALUE);
+ sameScaleMinYArr.forEach(function (s, i) {
+ s.forEach(function (sc, j) {
+ sameScaleMin[i] = Math.min(sc.value, sameScaleMin[i]);
+ });
+ });
+ sameScaleMaxYArr.forEach(function (s, i) {
+ s.forEach(function (sc, j) {
+ sameScaleMax[i] = Math.max(sc.value, sameScaleMax[i]);
+ });
+ });
+ minYArr.forEach(function (min, i) {
+ sameScaleMaxYArr.forEach(function (s, si) {
+ var minY = sameScaleMin[si];
+ var maxY = sameScaleMax[si];
+ s.forEach(function (ind, k) {
+ if (s[k].key === i) {
+ if (cnf.yaxis[i].min !== undefined) {
+ if (typeof cnf.yaxis[i].min === 'function') {
+ minY = cnf.yaxis[i].min(gl.minY);
+ } else {
+ minY = cnf.yaxis[i].min;
+ }
+ }
+
+ if (cnf.yaxis[i].max !== undefined) {
+ if (typeof cnf.yaxis[i].max === 'function') {
+ maxY = cnf.yaxis[i].max(gl.maxY);
+ } else {
+ maxY = cnf.yaxis[i].max;
+ }
+ }
+
+ _this2.setYScaleForIndex(i, minY, maxY);
+ }
+ });
+ });
+ });
+ }
+ }, {
+ key: "autoScaleY",
+ value: function autoScaleY(ctx, e) {
+ if (!ctx) {
+ ctx = this;
+ }
+
+ var ret = [];
+ ctx.w.config.series.forEach(function (serie) {
+ var min, max;
+ var first = serie.data.find(function (x) {
+ return x[0] >= e.xaxis.min;
+ });
+ var firstValue = first[1];
+ max = min = firstValue;
+ serie.data.forEach(function (data) {
+ if (data[0] <= e.xaxis.max && data[0] >= e.xaxis.min) {
+ if (data[1] > max && data[1] !== null) max = data[1];
+ if (data[1] < min && data[1] !== null) min = data[1];
+ }
+ });
+ min *= 0.95;
+ max *= 1.05;
+ ret.push({
+ min: min,
+ max: max
+ });
+ });
+ return ret;
+ }
+ }]);
+
+ return Range;
+}();
+
+/**
+ * Range is used to generates values between min and max.
+ *
+ * @module Range
+ **/
+
+var Range$1 =
+/*#__PURE__*/
+function () {
+ function Range$$1(ctx) {
+ _classCallCheck(this, Range$$1);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ this.scales = new Range(ctx);
+ }
+
+ _createClass(Range$$1, [{
+ key: "init",
+ value: function init() {
+ this.setYRange();
+ this.setXRange();
+ this.setZRange();
+ }
+ }, {
+ key: "getMinYMaxY",
+ value: function getMinYMaxY(startingIndex) {
+ var lowestY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MAX_VALUE;
+ var highestY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -Number.MAX_VALUE;
+ var len = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+ var gl = this.w.globals;
+ var maxY = -Number.MAX_VALUE;
+ var minY = Number.MIN_VALUE;
+
+ if (len === null) {
+ len = startingIndex + 1;
+ }
+
+ var series = gl.series;
+ var seriesMin = series;
+ var seriesMax = series;
+
+ if (this.w.config.chart.type === 'candlestick') {
+ seriesMin = gl.seriesCandleL;
+ seriesMax = gl.seriesCandleH;
+ }
+
+ for (var i = startingIndex; i < len; i++) {
+ gl.dataPoints = Math.max(gl.dataPoints, series[i].length);
+
+ for (var j = 0; j < gl.series[i].length; j++) {
+ if (series[i][j] !== null && Utils.isNumber(series[i][j])) {
+ maxY = Math.max(maxY, seriesMax[i][j]);
+ lowestY = Math.min(lowestY, seriesMin[i][j]);
+ highestY = Math.max(highestY, seriesMin[i][j]);
+
+ if (Utils.isFloat(series[i][j])) {
+ gl.yValueDecimal = Math.max(gl.yValueDecimal, series[i][j].toString().split('.')[1].length);
+ }
+
+ if (minY > seriesMin[i][j] && seriesMin[i][j] < 0) {
+ minY = seriesMin[i][j];
+ }
+ } else {
+ gl.hasNullValues = true;
+ }
+ }
+ }
+
+ return {
+ minY: minY,
+ maxY: maxY,
+ lowestY: lowestY,
+ highestY: highestY
+ };
+ }
+ }, {
+ key: "setYRange",
+ value: function setYRange() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.maxY = -Number.MAX_VALUE;
+ gl.minY = Number.MIN_VALUE;
+ var lowestYInAllSeries = Number.MAX_VALUE;
+
+ if (gl.isMultipleYAxis) {
+ // we need to get minY and maxY for multiple y axis
+ for (var i = 0; i < gl.series.length; i++) {
+ var minYMaxYArr = this.getMinYMaxY(i, lowestYInAllSeries, null, i + 1);
+ gl.minYArr.push(minYMaxYArr.minY);
+ gl.maxYArr.push(minYMaxYArr.maxY);
+ lowestYInAllSeries = minYMaxYArr.lowestY;
+ }
+ } // and then, get the minY and maxY from all series
+
+
+ var minYMaxY = this.getMinYMaxY(0, lowestYInAllSeries, null, gl.series.length);
+ gl.minY = minYMaxY.minY;
+ gl.maxY = minYMaxY.maxY;
+ lowestYInAllSeries = minYMaxY.lowestY;
+
+ if (cnf.chart.stacked) {
+ // for stacked charts, we calculate each series's parallel values. i.e, series[0][j] + series[1][j] .... [series[i.length][j]] and get the max out of it
+ var stackedPoss = [];
+ var stackedNegs = [];
+
+ for (var j = 0; j < gl.series[gl.maxValsInArrayIndex].length; j++) {
+ var poss = 0;
+ var negs = 0;
+
+ for (var _i = 0; _i < gl.series.length; _i++) {
+ if (gl.series[_i][j] !== null && Utils.isNumber(gl.series[_i][j])) {
+ if (gl.series[_i][j] > 0) {
+ // 0.0001 fixes #185 when values are very small
+ poss = poss + parseFloat(gl.series[_i][j]) + 0.0001;
+ } else {
+ negs = negs + parseFloat(gl.series[_i][j]);
+ }
+ }
+
+ if (_i === gl.series.length - 1) {
+ // push all the totals to the array for future use
+ stackedPoss.push(poss);
+ stackedNegs.push(negs);
+ }
+ }
+ } // get the max/min out of the added parallel values
+
+
+ for (var z = 0; z < stackedPoss.length; z++) {
+ gl.maxY = Math.max(gl.maxY, stackedPoss[z]);
+ gl.minY = Math.min(gl.minY, stackedNegs[z]);
+ }
+ } // if the numbers are too big, reduce the range
+ // for eg, if number is between 100000-110000, putting 0 as the lowest value is not so good idea. So change the gl.minY for line/area/candlesticks
+
+
+ if (cnf.chart.type === 'line' || cnf.chart.type === 'area' || cnf.chart.type === 'candlestick') {
+ if (gl.minY === Number.MIN_VALUE && lowestYInAllSeries !== -Number.MAX_VALUE) {
+ var diff = gl.maxY - lowestYInAllSeries;
+
+ if (lowestYInAllSeries >= 0 && lowestYInAllSeries <= 10) {
+ // if minY is already 0/low value, we don't want to go negatives here - so this check is essential.
+ diff = 0;
+ }
+
+ gl.minY = lowestYInAllSeries - diff * 5 / 100;
+ gl.maxY = gl.maxY + diff * 5 / 100 + 0.05;
+ }
+ }
+
+ cnf.yaxis.map(function (yaxe, index) {
+ // override all min/max values by user defined values (y axis)
+ if (yaxe.max !== undefined) {
+ if (typeof yaxe.max === 'number') {
+ gl.maxYArr[index] = yaxe.max;
+ } else if (typeof yaxe.max === 'function') {
+ gl.maxYArr[index] = yaxe.max(gl.maxY);
+ } // gl.maxY is for single y-axis chart, it will be ignored in multi-yaxis
+
+
+ gl.maxY = gl.maxYArr[index];
+ }
+
+ if (yaxe.min !== undefined) {
+ if (typeof yaxe.min === 'number') {
+ gl.minYArr[index] = yaxe.min;
+ } else if (typeof yaxe.min === 'function') {
+ gl.minYArr[index] = yaxe.min(gl.minY);
+ } // gl.minY is for single y-axis chart, it will be ignored in multi-yaxis
+
+
+ gl.minY = gl.minYArr[index];
+ }
+ }); // for horizontal bar charts, we need to check xaxis min/max as user may have specified there
+
+ if (this.isBarHorizontal) {
+ if (cnf.xaxis.min !== undefined && typeof cnf.xaxis.min === 'number') {
+ gl.minY = cnf.xaxis.min;
+ }
+
+ if (cnf.xaxis.max !== undefined && typeof cnf.xaxis.max === 'number') {
+ gl.maxY = cnf.xaxis.max;
+ }
+ } // for multi y-axis we need different scales for each
+
+
+ if (gl.isMultipleYAxis) {
+ this.scales.setMultipleYScales();
+ gl.minY = lowestYInAllSeries;
+ gl.yAxisScale.forEach(function (scale, i) {
+ gl.minYArr[i] = scale.niceMin;
+ gl.maxYArr[i] = scale.niceMax;
+ });
+ } else {
+ this.scales.setYScaleForIndex(0, gl.minY, gl.maxY);
+ gl.minY = gl.yAxisScale[0].niceMin;
+ gl.maxY = gl.yAxisScale[0].niceMax;
+ gl.minYArr[0] = gl.yAxisScale[0].niceMin;
+ gl.maxYArr[0] = gl.yAxisScale[0].niceMax;
+ }
+ }
+ }, {
+ key: "setXRange",
+ value: function setXRange() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var isXNumeric = cnf.xaxis.type === 'numeric' || cnf.xaxis.type === 'datetime' || cnf.xaxis.type === 'category' && !gl.noLabelsProvided; // minX maxX starts here
+
+ if (gl.isXNumeric) {
+ for (var i = 0; i < gl.series.length; i++) {
+ if (gl.labels[i]) {
+ for (var j = 0; j < gl.labels[i].length; j++) {
+ if (gl.labels[i][j] !== null && Utils.isNumber(gl.labels[i][j])) {
+ gl.maxX = Math.max(gl.maxX, gl.labels[i][j]);
+ gl.initialmaxX = Math.max(gl.maxX, gl.labels[i][j]);
+ gl.minX = Math.min(gl.minX, gl.labels[i][j]);
+ gl.initialminX = Math.min(gl.minX, gl.labels[i][j]);
+ }
+ }
+ }
+ }
+ }
+
+ if (gl.noLabelsProvided) {
+ if (cnf.xaxis.categories.length === 0) {
+ gl.maxX = gl.labels[gl.labels.length - 1];
+ gl.initialmaxX = gl.labels[gl.labels.length - 1];
+ gl.minX = 1;
+ gl.initialminX = 1;
+ }
+ } // for numeric xaxis, we need to adjust some padding left and right for bar charts
+
+
+ if (gl.comboChartsHasBars || cnf.chart.type === 'candlestick' || cnf.chart.type === 'bar' && cnf.xaxis.type !== 'category') {
+ if (cnf.xaxis.type !== 'category') {
+ var minX = gl.minX - gl.svgWidth / gl.dataPoints * (Math.abs(gl.maxX - gl.minX) / gl.svgWidth) / 2;
+ gl.minX = minX;
+ gl.initialminX = minX;
+ var maxX = gl.maxX + gl.svgWidth / gl.dataPoints * (Math.abs(gl.maxX - gl.minX) / gl.svgWidth) / 2;
+ gl.maxX = maxX;
+ gl.initialmaxX = maxX;
+ }
+ }
+
+ if (gl.isXNumeric || gl.noLabelsProvided) {
+ var ticks;
+
+ if (cnf.xaxis.tickAmount === undefined) {
+ ticks = Math.round(gl.svgWidth / 150); // no labels provided and total number of dataPoints is less than 20
+
+ if (cnf.xaxis.type === 'numeric' && gl.dataPoints < 20) {
+ ticks = gl.dataPoints - 1;
+ } // this check is for when ticks exceeds total datapoints and that would result in duplicate labels
+
+
+ if (ticks > gl.dataPoints && gl.dataPoints !== 0) {
+ ticks = gl.dataPoints - 1;
+ }
+ } else if (cnf.xaxis.tickAmount === 'dataPoints') {
+ ticks = gl.series[gl.maxValsInArrayIndex].length - 1;
+ } else {
+ ticks = cnf.xaxis.tickAmount;
+ } // override all min/max values by user defined values (x axis)
+
+
+ if (cnf.xaxis.max !== undefined && typeof cnf.xaxis.max === 'number') {
+ gl.maxX = cnf.xaxis.max;
+ }
+
+ if (cnf.xaxis.min !== undefined && typeof cnf.xaxis.min === 'number') {
+ gl.minX = cnf.xaxis.min;
+ } // if range is provided, adjust the new minX
+
+
+ if (cnf.xaxis.range !== undefined) {
+ gl.minX = gl.maxX - cnf.xaxis.range;
+ }
+
+ if (gl.minX !== Number.MAX_VALUE && gl.maxX !== -Number.MAX_VALUE) {
+ gl.xAxisScale = this.scales.linearScale(gl.minX, gl.maxX, ticks);
+ } else {
+ gl.xAxisScale = this.scales.linearScale(1, ticks, ticks);
+
+ if (gl.noLabelsProvided && gl.labels.length > 0) {
+ gl.xAxisScale = this.scales.linearScale(1, gl.labels.length, ticks - 1);
+ gl.seriesX = gl.labels.slice();
+ }
+ } // we will still store these labels as the count for this will be different (to draw grid and labels placement)
+
+
+ if (isXNumeric) {
+ gl.labels = gl.xAxisScale.result.slice();
+ }
+ }
+
+ if (gl.minX === gl.maxX) {
+ // single dataPoint
+ if (cnf.xaxis.type === 'datetime') {
+ var newMinX = new Date(gl.minX);
+ newMinX.setDate(newMinX.getDate() - 2);
+ gl.minX = new Date(newMinX).getTime();
+ var newMaxX = new Date(gl.maxX);
+ newMaxX.setDate(newMaxX.getDate() + 2);
+ gl.maxX = new Date(newMaxX).getTime();
+ } else if (cnf.xaxis.type === 'numeric' || cnf.xaxis.type === 'category' && !gl.noLabelsProvided) {
+ gl.minX = gl.minX - 2;
+ gl.maxX = gl.maxX + 2;
+ }
+ }
+ }
+ }, {
+ key: "setZRange",
+ value: function setZRange() {
+ var gl = this.w.globals; // minZ, maxZ starts here
+
+ if (gl.isDataXYZ) {
+ for (var i = 0; i < gl.series.length; i++) {
+ if (typeof gl.seriesZ[i] !== 'undefined') {
+ for (var j = 0; j < gl.seriesZ[i].length; j++) {
+ if (gl.seriesZ[i][j] !== null && Utils.isNumber(gl.seriesZ[i][j])) {
+ gl.maxZ = Math.max(gl.maxZ, gl.seriesZ[i][j]);
+ gl.minZ = Math.min(gl.minZ, gl.seriesZ[i][j]);
+ }
+ }
+ }
+ }
+ }
+ }
+ }]);
+
+ return Range$$1;
+}();
+
+/**
+ * ApexCharts Series Class for interation with the Series of the chart.
+ *
+ * @module Series
+ **/
+
+var Series =
+/*#__PURE__*/
+function () {
+ function Series(ctx) {
+ _classCallCheck(this, Series);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Series, [{
+ key: "getAllSeriesEls",
+ value: function getAllSeriesEls() {
+ return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
+ }
+ }, {
+ key: "getSeriesByName",
+ value: function getSeriesByName(seriesName) {
+ return this.w.globals.dom.baseEl.querySelector(".apexcharts-series.".concat(Utils.escapeString(seriesName)));
+ }
+ }, {
+ key: "addCollapsedClassToSeries",
+ value: function addCollapsedClassToSeries(elSeries, index) {
+ var w = this.w;
+
+ for (var cs = 0; cs < w.globals.collapsedSeries.length; cs++) {
+ if (w.globals.collapsedSeries[cs].index === index) {
+ elSeries.node.classList.add('apexcharts-series-collapsed');
+ }
+ }
+ }
+ }, {
+ key: "toggleSeriesOnHover",
+ value: function toggleSeriesOnHover(e, targetElement) {
+ var w = this.w;
+ var allSeriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
+
+ if (e.type === 'mousemove') {
+ var seriesCnt = parseInt(targetElement.getAttribute('rel')) - 1;
+ var seriesEl = null;
+
+ if (w.globals.axisCharts || w.config.chart.type === 'radialBar') {
+ if (w.globals.axisCharts) {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesCnt, "']"));
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "']"));
+ }
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "'] path"));
+ }
+
+ for (var se = 0; se < allSeriesEls.length; se++) {
+ allSeriesEls[se].classList.add('legend-mouseover-inactive');
+ }
+
+ if (seriesEl !== null) {
+ if (!w.globals.axisCharts) {
+ seriesEl.parentNode.classList.remove('legend-mouseover-inactive');
+ }
+
+ seriesEl.classList.remove('legend-mouseover-inactive');
+ }
+ } else if (e.type === 'mouseout') {
+ for (var _se = 0; _se < allSeriesEls.length; _se++) {
+ allSeriesEls[_se].classList.remove('legend-mouseover-inactive');
+ }
+ }
+ }
+ }, {
+ key: "highlightRangeInSeries",
+ value: function highlightRangeInSeries(e, targetElement) {
+ var w = this.w;
+ var allHeatMapElements = w.globals.dom.baseEl.querySelectorAll('.apexcharts-heatmap-rect');
+
+ var allActive = function allActive() {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ allHeatMapElements[i].classList.remove('legend-mouseover-inactive');
+ }
+ };
+
+ var allInactive = function allInactive() {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ allHeatMapElements[i].classList.add('legend-mouseover-inactive');
+ }
+ };
+
+ var selectedActive = function selectedActive(range) {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ var val = parseInt(allHeatMapElements[i].getAttribute('val'));
+
+ if (val >= range.from && val <= range.to) {
+ allHeatMapElements[i].classList.remove('legend-mouseover-inactive');
+ }
+ }
+ };
+
+ if (e.type === 'mousemove') {
+ var seriesCnt = parseInt(targetElement.getAttribute('rel')) - 1;
+ allActive();
+ allInactive();
+ var range = w.config.plotOptions.heatmap.colorScale.ranges[seriesCnt];
+ selectedActive(range);
+ } else if (e.type === 'mouseout') {
+ allActive();
+ }
+ }
+ }, {
+ key: "getActiveSeriesIndex",
+ value: function getActiveSeriesIndex() {
+ var w = this.w;
+ var activeIndex = 0;
+
+ if (w.globals.series.length > 1) {
+ // active series flag is required to know if user has not deactivated via legend click
+ var firstActiveSeriesIndex = w.globals.series.map(function (series, index) {
+ if (series.length > 0 && w.config.series[index].type !== 'bar' && w.config.series[index].type !== 'column') {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ if (firstActiveSeriesIndex[a] !== -1) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "getActiveConfigSeriesIndex",
+ value: function getActiveConfigSeriesIndex() {
+ var w = this.w;
+ var activeIndex = 0;
+
+ if (w.config.series.length > 1) {
+ // active series flag is required to know if user has not deactivated via legend click
+ var firstActiveSeriesIndex = w.config.series.map(function (series, index) {
+ if (series.data && series.data.length > 0) {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ if (firstActiveSeriesIndex[a] !== -1) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "getPreviousPaths",
+ value: function getPreviousPaths() {
+ var w = this.w;
+ w.globals.previousPaths = [];
+
+ function pushPaths(seriesEls, i, type) {
+ var paths = seriesEls[i].childNodes;
+ var dArr = {
+ type: type,
+ paths: [],
+ realIndex: seriesEls[i].getAttribute('data:realIndex')
+ };
+
+ for (var j = 0; j < paths.length; j++) {
+ if (paths[j].hasAttribute('pathTo')) {
+ var d = paths[j].getAttribute('pathTo');
+ dArr.paths.push({
+ d: d
+ });
+ }
+ }
+
+ w.globals.previousPaths.push(dArr);
+ }
+
+ var linePaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-line-series .apexcharts-series');
+
+ if (linePaths.length > 0) {
+ for (var p = linePaths.length - 1; p >= 0; p--) {
+ pushPaths(linePaths, p, 'line');
+ }
+ }
+
+ var areapaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-area-series .apexcharts-series');
+
+ if (areapaths.length > 0) {
+ for (var i = areapaths.length - 1; i >= 0; i--) {
+ pushPaths(areapaths, i, 'area');
+ }
+ }
+
+ var barPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-series .apexcharts-series');
+
+ if (barPaths.length > 0) {
+ for (var _p = 0; _p < barPaths.length; _p++) {
+ pushPaths(barPaths, _p, 'bar');
+ }
+ }
+
+ var candlestickPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-candlestick-series .apexcharts-series');
+
+ if (candlestickPaths.length > 0) {
+ for (var _p2 = 0; _p2 < candlestickPaths.length; _p2++) {
+ pushPaths(candlestickPaths, _p2, 'candlestick');
+ }
+ }
+
+ var radarPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-radar-series .apexcharts-series');
+
+ if (radarPaths.length > 0) {
+ for (var _p3 = 0; _p3 < radarPaths.length; _p3++) {
+ pushPaths(radarPaths, _p3, 'radar');
+ }
+ }
+
+ var bubblepaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bubble-series .apexcharts-series');
+
+ if (bubblepaths.length > 0) {
+ for (var s = 0; s < bubblepaths.length; s++) {
+ var seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-bubble-series .apexcharts-series[data\\:realIndex='".concat(s, "'] circle"));
+ var dArr = [];
+
+ for (var _i = 0; _i < seriesEls.length; _i++) {
+ dArr.push({
+ x: seriesEls[_i].getAttribute('cx'),
+ y: seriesEls[_i].getAttribute('cy'),
+ r: seriesEls[_i].getAttribute('r')
+ });
+ }
+
+ w.globals.previousPaths.push(dArr);
+ }
+ }
+
+ var scatterpaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-scatter-series .apexcharts-series');
+
+ if (scatterpaths.length > 0) {
+ for (var _s = 0; _s < scatterpaths.length; _s++) {
+ var _seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-scatter-series .apexcharts-series[data\\:realIndex='".concat(_s, "'] circle"));
+
+ var _dArr = [];
+
+ for (var _i2 = 0; _i2 < _seriesEls.length; _i2++) {
+ _dArr.push({
+ x: _seriesEls[_i2].getAttribute('cx'),
+ y: _seriesEls[_i2].getAttribute('cy'),
+ r: _seriesEls[_i2].getAttribute('r')
+ });
+ }
+
+ w.globals.previousPaths.push(_dArr);
+ }
+ }
+
+ var heatmapColors = w.globals.dom.baseEl.querySelectorAll('.apexcharts-heatmap .apexcharts-series');
+
+ if (heatmapColors.length > 0) {
+ for (var h = 0; h < heatmapColors.length; h++) {
+ var _seriesEls2 = w.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap .apexcharts-series[data\\:realIndex='".concat(h, "'] rect"));
+
+ var _dArr2 = [];
+
+ for (var _i3 = 0; _i3 < _seriesEls2.length; _i3++) {
+ _dArr2.push({
+ color: _seriesEls2[_i3].getAttribute('color')
+ });
+ }
+
+ w.globals.previousPaths.push(_dArr2);
+ }
+ }
+
+ if (!w.globals.axisCharts) {
+ // for non-axis charts (i.e., circular charts, pathFrom is not usable. We need whole series)
+ w.globals.previousPaths = w.globals.series;
+ }
+ }
+ }, {
+ key: "handleNoData",
+ value: function handleNoData() {
+ var w = this.w;
+ var me = this;
+ var noDataOpts = w.config.noData;
+ var graphics = new Graphics(me.ctx);
+ var x = w.globals.svgWidth / 2;
+ var y = w.globals.svgHeight / 2;
+ var textAnchor = 'middle';
+ w.globals.noData = true;
+ w.globals.animationEnded = true;
+
+ if (noDataOpts.align === 'left') {
+ x = 10;
+ textAnchor = 'start';
+ } else if (noDataOpts.align === 'right') {
+ x = w.globals.svgWidth - 10;
+ textAnchor = 'end';
+ }
+
+ if (noDataOpts.verticalAlign === 'top') {
+ y = 50;
+ } else if (noDataOpts.verticalAlign === 'bottom') {
+ y = w.globals.svgHeight - 50;
+ }
+
+ x = x + noDataOpts.offsetX;
+ y = y + parseInt(noDataOpts.style.fontSize) + 2;
+
+ if (noDataOpts.text !== undefined && noDataOpts.text !== '') {
+ var titleText = graphics.drawText({
+ x: x,
+ y: y,
+ text: noDataOpts.text,
+ textAnchor: textAnchor,
+ fontSize: noDataOpts.style.fontSize,
+ fontFamily: noDataOpts.style.fontFamily,
+ foreColor: noDataOpts.style.color,
+ opacity: 1,
+ class: 'apexcharts-text-nodata'
+ });
+ titleText.node.setAttribute('class', 'apexcharts-title-text');
+ w.globals.dom.Paper.add(titleText);
+ }
+ } // When user clicks on legends, the collapsed series is filled with [0,0,0,...,0]
+ // This is because we don't want to alter the series' length as it is used at many places
+
+ }, {
+ key: "setNullSeriesToZeroValues",
+ value: function setNullSeriesToZeroValues(series) {
+ var w = this.w;
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length === 0) {
+ for (var j = 0; j < series[w.globals.maxValsInArrayIndex].length; j++) {
+ series[sl].push(0);
+ }
+ }
+ }
+
+ return series;
+ }
+ }, {
+ key: "hasAllSeriesEqualX",
+ value: function hasAllSeriesEqualX() {
+ var equalLen = true;
+ var w = this.w;
+ var filteredSerX = this.filteredSeriesX();
+
+ for (var i = 0; i < filteredSerX.length - 1; i++) {
+ if (filteredSerX[i][0] !== filteredSerX[i + 1][0]) {
+ equalLen = false;
+ break;
+ }
+ }
+
+ w.globals.allSeriesHasEqualX = equalLen;
+ return equalLen;
+ }
+ }, {
+ key: "filteredSeriesX",
+ value: function filteredSeriesX() {
+ var w = this.w;
+ var filteredSeriesX = w.globals.seriesX.map(function (ser, index) {
+ if (ser.length > 0) {
+ return ser;
+ } else {
+ return [];
+ }
+ });
+ return filteredSeriesX;
+ }
+ }]);
+
+ return Series;
+}();
+
+/**
+ * ApexCharts Dimensions Class for calculating rects of all elements that are drawn and will be drawn.
+ *
+ * @module Dimensions
+ **/
+
+var Dimensions =
+/*#__PURE__*/
+function () {
+ function Dimensions(ctx) {
+ _classCallCheck(this, Dimensions);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.lgRect = {};
+ this.yAxisWidth = 0;
+ this.xAxisHeight = 0;
+ this.isSparkline = this.w.config.chart.sparkline.enabled;
+ this.xPadRight = 0;
+ this.xPadLeft = 0;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ }
+ /**
+ * @memberof Dimensions
+ * @param {object} w - chart context
+ **/
+
+
+ _createClass(Dimensions, [{
+ key: "plotCoords",
+ value: function plotCoords() {
+ var w = this.w;
+ var gl = w.globals;
+ var lgRect = this.getLegendsRect();
+
+ if (gl.axisCharts) {
+ // for line / area / scatter / column
+ this.setGridCoordsForAxisCharts(lgRect);
+ } else {
+ // for pie / donuts / circle
+ this.setGridCoordsForNonAxisCharts(lgRect);
+ }
+
+ this.titleSubtitleOffset(); // after calculating everything, apply padding set by user
+
+ gl.gridHeight = gl.gridHeight - w.config.grid.padding.top - w.config.grid.padding.bottom;
+ gl.gridWidth = gl.gridWidth - w.config.grid.padding.left - w.config.grid.padding.right - this.xPadRight - this.xPadLeft;
+ gl.translateX = gl.translateX + w.config.grid.padding.left + this.xPadLeft;
+ gl.translateY = gl.translateY + w.config.grid.padding.top;
+ }
+ }, {
+ key: "conditionalChecksForAxisCoords",
+ value: function conditionalChecksForAxisCoords(xaxisLabelCoords, xtitleCoords) {
+ var w = this.w;
+ this.xAxisHeight = (xaxisLabelCoords.height + xtitleCoords.height) * w.globals.LINE_HEIGHT_RATIO + 15;
+ this.xAxisWidth = xaxisLabelCoords.width;
+
+ if (this.xAxisHeight - xtitleCoords.height > w.config.xaxis.labels.maxHeight) {
+ this.xAxisHeight = w.config.xaxis.labels.maxHeight;
+ }
+
+ if (w.config.xaxis.labels.minHeight && this.xAxisHeight < w.config.xaxis.labels.minHeight) {
+ this.xAxisHeight = w.config.xaxis.labels.minHeight;
+ }
+
+ if (w.config.xaxis.floating) {
+ this.xAxisHeight = 0;
+ }
+
+ if (!this.isBarHorizontal) {
+ this.yAxisWidth = this.getTotalYAxisWidth();
+ } else {
+ this.yAxisWidth = w.globals.yLabelsCoords[0].width + w.globals.yTitleCoords[0].width + 15;
+ }
+
+ if (!w.globals.isMultipleYAxis) {
+ if (this.yAxisWidth < w.config.yaxis[0].labels.minWidth) {
+ this.yAxisWidth = w.config.yaxis[0].labels.minWidth;
+ }
+
+ if (this.yAxisWidth > w.config.yaxis[0].labels.maxWidth) {
+ this.yAxisWidth = w.config.yaxis[0].labels.maxWidth;
+ }
+ }
+ }
+ }, {
+ key: "setGridCoordsForAxisCharts",
+ value: function setGridCoordsForAxisCharts(lgRect) {
+ var w = this.w;
+ var gl = w.globals;
+ var yaxisLabelCoords = this.getyAxisLabelsCoords();
+ var xaxisLabelCoords = this.getxAxisLabelsCoords();
+ var yTitleCoords = this.getyAxisTitleCoords();
+ var xtitleCoords = this.getxAxisTitleCoords();
+ w.globals.yLabelsCoords = [];
+ w.globals.yTitleCoords = [];
+ w.config.yaxis.map(function (yaxe, index) {
+ // store the labels and titles coords in global vars
+ w.globals.yLabelsCoords.push({
+ width: yaxisLabelCoords[index].width,
+ index: index
+ });
+ w.globals.yTitleCoords.push({
+ width: yTitleCoords[index].width,
+ index: index
+ });
+ });
+ this.conditionalChecksForAxisCoords(xaxisLabelCoords, xtitleCoords);
+ gl.translateXAxisY = w.globals.rotateXLabels ? this.xAxisHeight / 8 : -4;
+ gl.translateXAxisX = w.globals.rotateXLabels && w.globals.isXNumeric && w.config.xaxis.labels.rotate <= -45 ? -this.xAxisWidth / 4 : 0;
+
+ if (this.isBarHorizontal) {
+ gl.rotateXLabels = false;
+ gl.translateXAxisY = -1 * (parseInt(w.config.xaxis.labels.style.fontSize) / 1.5);
+ }
+
+ gl.translateXAxisY = gl.translateXAxisY + w.config.xaxis.labels.offsetY;
+ gl.translateXAxisX = gl.translateXAxisX + w.config.xaxis.labels.offsetX;
+ var yAxisWidth = this.yAxisWidth;
+ var xAxisHeight = this.xAxisHeight;
+ gl.xAxisLabelsHeight = this.xAxisHeight;
+ gl.xAxisHeight = this.xAxisHeight;
+ var translateY = 10;
+
+ if (!w.config.grid.show || w.config.chart.type === 'radar') {
+ yAxisWidth = 0;
+ xAxisHeight = 35;
+ }
+
+ if (this.isSparkline) {
+ lgRect = {
+ height: 0,
+ width: 0
+ };
+ xAxisHeight = 0;
+ yAxisWidth = 0;
+ translateY = 0;
+ }
+
+ this.additionalPaddingXLabels(xaxisLabelCoords);
+
+ switch (w.config.legend.position) {
+ case 'bottom':
+ gl.translateY = translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - lgRect.height - xAxisHeight - (!this.isSparkline ? w.globals.rotateXLabels ? 10 : 15 : 0);
+ gl.gridWidth = gl.svgWidth - yAxisWidth;
+ break;
+
+ case 'top':
+ gl.translateY = lgRect.height + translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - lgRect.height - xAxisHeight - (!this.isSparkline ? w.globals.rotateXLabels ? 10 : 15 : 0);
+ gl.gridWidth = gl.svgWidth - yAxisWidth;
+ break;
+
+ case 'left':
+ gl.translateY = translateY;
+ gl.translateX = lgRect.width + yAxisWidth;
+ gl.gridHeight = gl.svgHeight - xAxisHeight - 12;
+ gl.gridWidth = gl.svgWidth - lgRect.width - yAxisWidth;
+ break;
+
+ case 'right':
+ gl.translateY = translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - xAxisHeight - 12;
+ gl.gridWidth = gl.svgWidth - lgRect.width - yAxisWidth - 5;
+ break;
+
+ default:
+ throw new Error('Legend position not supported');
+ }
+
+ this.setGridXPosForDualYAxis(yTitleCoords, yaxisLabelCoords); // after drawing everything, set the Y axis positions
+
+ var objyAxis = new YAxis(this.ctx);
+ objyAxis.setYAxisXPosition(yaxisLabelCoords, yTitleCoords);
+ }
+ }, {
+ key: "setGridCoordsForNonAxisCharts",
+ value: function setGridCoordsForNonAxisCharts(lgRect) {
+ var w = this.w;
+ var gl = w.globals;
+ var xPad = 0;
+
+ if (w.config.legend.show && !w.config.legend.floating) {
+ xPad = 20;
+ }
+
+ var offY = 10;
+ var offX = 0;
+
+ if (w.config.chart.type === 'pie' || w.config.chart.type === 'donut') {
+ offY = offY + w.config.plotOptions.pie.offsetY;
+ offX = offX + w.config.plotOptions.pie.offsetX;
+ } else if (w.config.chart.type === 'radialBar') {
+ offY = offY + w.config.plotOptions.radialBar.offsetY;
+ offX = offX + w.config.plotOptions.radialBar.offsetX;
+ }
+
+ if (!w.config.legend.show) {
+ gl.gridHeight = gl.svgHeight - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = offY - 10;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ return;
+ }
+
+ switch (w.config.legend.position) {
+ case 'bottom':
+ gl.gridHeight = gl.svgHeight - lgRect.height - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = offY - 20;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ break;
+
+ case 'top':
+ gl.gridHeight = gl.svgHeight - lgRect.height - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = lgRect.height + offY;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ break;
+
+ case 'left':
+ gl.gridWidth = gl.svgWidth - lgRect.width - xPad;
+ gl.gridHeight = gl.gridWidth;
+ gl.translateY = offY;
+ gl.translateX = offX + lgRect.width + xPad;
+ break;
+
+ case 'right':
+ gl.gridWidth = gl.svgWidth - lgRect.width - xPad - 5;
+ gl.gridHeight = gl.gridWidth;
+ gl.translateY = offY;
+ gl.translateX = offX + 10;
+ break;
+
+ default:
+ throw new Error('Legend position not supported');
+ }
+ }
+ }, {
+ key: "setGridXPosForDualYAxis",
+ value: function setGridXPosForDualYAxis(yTitleCoords, yaxisLabelCoords) {
+ var w = this.w;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (w.globals.ignoreYAxisIndexes.indexOf(index) === -1 && !w.config.yaxis[index].floating && w.config.yaxis[index].show) {
+ if (yaxe.opposite) {
+ w.globals.translateX = w.globals.translateX - (yaxisLabelCoords[index].width + yTitleCoords[index].width) - parseInt(w.config.yaxis[index].labels.style.fontSize) / 1.2 - 12;
+ }
+ }
+ });
+ } // Sometimes, the last labels gets cropped in category/numeric xaxis.
+ // Hence, we add some additional padding based on the label length to avoid the last label being cropped.
+ // NOTE: datetime x-axis won't have any effect with this as we don't know the label length there due to many constraints.
+
+ }, {
+ key: "additionalPaddingXLabels",
+ value: function additionalPaddingXLabels(xaxisLabelCoords) {
+ var _this = this;
+
+ var w = this.w;
+
+ if (w.config.xaxis.type === 'category' && this.isBarHorizontal || w.config.xaxis.type === 'numeric') {
+ var rightPad = function rightPad(labels) {
+ if (w.config.grid.padding.right < labels.width) {
+ _this.xPadRight = labels.width / 2 + 1;
+ }
+ };
+
+ var leftPad = function leftPad(labels) {
+ if (w.config.grid.padding.left < labels.width) {
+ _this.xPadLeft = labels.width / 2 + 1;
+ }
+ };
+
+ var lineArea = w.config.chart.type === 'line' || w.config.chart.type === 'area';
+ w.config.yaxis.forEach(function (yaxe, i) {
+ var shouldPad = !yaxe.show || yaxe.floating || w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || lineArea || yaxe.opposite && _this.isBarHorizontal;
+
+ if (shouldPad) {
+ if (lineArea && w.globals.isMultipleYAxis && w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || _this.isBarHorizontal && yaxe.opposite) {
+ leftPad(xaxisLabelCoords);
+ }
+
+ if (!_this.isBarHorizontal && yaxe.opposite && w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || lineArea && !w.globals.isMultipleYAxis) {
+ rightPad(xaxisLabelCoords);
+ }
+ }
+ });
+ }
+ }
+ }, {
+ key: "titleSubtitleOffset",
+ value: function titleSubtitleOffset() {
+ var w = this.w;
+ var gl = w.globals;
+ var gridShrinkOffset = this.isSparkline ? 0 : 10;
+
+ if (w.config.title.text !== undefined) {
+ gridShrinkOffset += w.config.title.margin;
+ } else {
+ gridShrinkOffset += this.isSparkline ? 0 : 5;
+ }
+
+ if (w.config.subtitle.text !== undefined) {
+ gridShrinkOffset += w.config.subtitle.margin;
+ } else {
+ gridShrinkOffset += this.isSparkline ? 0 : 5;
+ }
+
+ if (w.config.legend.show && w.config.legend.position === 'bottom' && !w.config.legend.floating && w.config.series.length > 1) {
+ gridShrinkOffset += 10;
+ }
+
+ var titleCoords = this.getTitleSubtitleCoords('title');
+ var subtitleCoords = this.getTitleSubtitleCoords('subtitle');
+ gl.gridHeight = gl.gridHeight - titleCoords.height - subtitleCoords.height - gridShrinkOffset;
+ gl.translateY = gl.translateY + titleCoords.height + subtitleCoords.height + gridShrinkOffset;
+ }
+ }, {
+ key: "getTotalYAxisWidth",
+ value: function getTotalYAxisWidth() {
+ var w = this.w;
+ var yAxisWidth = 0;
+ var padding = 10;
+
+ var isHiddenYAxis = function isHiddenYAxis(index) {
+ return w.globals.ignoreYAxisIndexes.indexOf(index) > -1;
+ };
+
+ w.globals.yLabelsCoords.map(function (yLabelCoord, index) {
+ var floating = w.config.yaxis[index].floating;
+
+ if (yLabelCoord.width > 0 && !floating) {
+ yAxisWidth = yAxisWidth + yLabelCoord.width + padding;
+
+ if (isHiddenYAxis(index)) {
+ yAxisWidth = yAxisWidth - yLabelCoord.width - padding;
+ }
+ } else {
+ yAxisWidth = yAxisWidth + (floating || !w.config.yaxis[index].show ? 0 : 5);
+ }
+ });
+ w.globals.yTitleCoords.map(function (yTitleCoord, index) {
+ var floating = w.config.yaxis[index].floating;
+ padding = parseInt(w.config.yaxis[index].title.style.fontSize);
+
+ if (yTitleCoord.width > 0 && !floating) {
+ yAxisWidth = yAxisWidth + yTitleCoord.width + padding;
+
+ if (isHiddenYAxis(index)) {
+ yAxisWidth = yAxisWidth - yTitleCoord.width - padding;
+ }
+ } else {
+ yAxisWidth = yAxisWidth + (floating || !w.config.yaxis[index].show ? 0 : 5);
+ }
+ });
+ return yAxisWidth;
+ }
+ }, {
+ key: "getxAxisTimeScaleLabelsCoords",
+ value: function getxAxisTimeScaleLabelsCoords() {
+ var w = this.w;
+ var rect;
+ var timescaleLabels = w.globals.timelineLabels.slice();
+ var labels = timescaleLabels.map(function (label) {
+ return label.value;
+ }); // get the longest string from the labels array and also apply label formatter to it
+
+ var val = labels.reduce(function (a, b) {
+ // if undefined, maybe user didn't pass the datetime(x) values
+ if (typeof a === 'undefined') {
+ console.error('You have possibly supplied invalid Date format. Please supply a valid JavaScript Date');
+ return 0;
+ } else {
+ return a.length > b.length ? a : b;
+ }
+ }, 0);
+ var graphics = new Graphics(this.ctx);
+ rect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize);
+ var totalWidthRotated = rect.width * 1.05 * labels.length;
+
+ if (totalWidthRotated > w.globals.gridWidth && w.config.xaxis.labels.rotate !== 0) {
+ w.globals.overlappingXLabels = true;
+ }
+
+ return rect;
+ }
+ /**
+ * Get X Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getxAxisLabelsCoords",
+ value: function getxAxisLabelsCoords() {
+ var w = this.w;
+ var xaxisLabels = w.globals.labels.slice();
+ var rect;
+
+ if (w.globals.timelineLabels.length > 0) {
+ var coords = this.getxAxisTimeScaleLabelsCoords();
+ rect = {
+ width: coords.width,
+ height: coords.height
+ };
+ } else {
+ var lgWidthForSideLegends = w.config.legend.position === 'left' && w.config.legend.position === 'right' && !w.config.legend.floating ? this.lgRect.width : 0; // get the longest string from the labels array and also apply label formatter to it
+
+ var val = xaxisLabels.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0); // the labels gets changed for bar charts
+
+ if (this.isBarHorizontal) {
+ val = w.globals.yAxisScale[0].result.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ }
+
+ var xlbFormatter = w.globals.xLabelFormatter;
+ var xFormat = new Formatters(this.ctx);
+ val = xFormat.xLabelFormat(xlbFormatter, val);
+ var graphics = new Graphics(this.ctx);
+ var xLabelrect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize);
+ rect = {
+ width: xLabelrect.width,
+ height: xLabelrect.height
+ };
+
+ if (rect.width * xaxisLabels.length > w.globals.svgWidth - lgWidthForSideLegends - this.yAxisWidth && w.config.xaxis.labels.rotate !== 0) {
+ if (!this.isBarHorizontal) {
+ w.globals.rotateXLabels = true;
+ xLabelrect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize, w.config.xaxis.labels.style.fontFamily, "rotate(".concat(w.config.xaxis.labels.rotate, " 0 0)"), false);
+ rect.height = xLabelrect.height / 1.66;
+ }
+ } else {
+ w.globals.rotateXLabels = false;
+ }
+ }
+
+ if (!w.config.xaxis.labels.show) {
+ rect = {
+ width: 0,
+ height: 0
+ };
+ }
+
+ return {
+ width: rect.width,
+ height: rect.height
+ };
+ }
+ /**
+ * Get Y Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getyAxisLabelsCoords",
+ value: function getyAxisLabelsCoords() {
+ var _this2 = this;
+
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+ var ret = [];
+ var labelPad = 10;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (yaxe.show && yaxe.labels.show && w.globals.yAxisScale[index].result.length) {
+ var lbFormatter = w.globals.yLabelFormatters[index]; // the second parameter -1 is the index of tick which user can use in the formatter
+
+ var val = lbFormatter(w.globals.yAxisScale[index].niceMax, -1); // if user has specified a custom formatter, and the result is null or empty, we need to discard the formatter and take the value as it is.
+
+ if (typeof val === 'undefined' || val.length === 0) {
+ val = w.globals.yAxisScale[index].niceMax;
+ }
+
+ if (_this2.isBarHorizontal) {
+ labelPad = 0;
+ var barYaxisLabels = w.globals.labels.slice(); // get the longest string from the labels array and also apply label formatter to it
+
+ val = barYaxisLabels.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ val = lbFormatter(val, -1);
+ }
+
+ var graphics = new Graphics(_this2.ctx);
+ var rect = graphics.getTextRects(val, yaxe.labels.style.fontSize);
+ ret.push({
+ width: rect.width + labelPad,
+ height: rect.height
+ });
+ } else {
+ ret.push({
+ width: width,
+ height: height
+ });
+ }
+ });
+ return ret;
+ }
+ /**
+ * Get X Axis Title Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getxAxisTitleCoords",
+ value: function getxAxisTitleCoords() {
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var graphics = new Graphics(this.ctx);
+ var rect = graphics.getTextRects(w.config.xaxis.title.text, w.config.xaxis.title.style.fontSize);
+ width = rect.width;
+ height = rect.height;
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ }
+ /**
+ * Get Y Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getyAxisTitleCoords",
+ value: function getyAxisTitleCoords() {
+ var _this3 = this;
+
+ var w = this.w;
+ var ret = [];
+ w.config.yaxis.map(function (yaxe, index) {
+ if (yaxe.show && yaxe.title.text !== undefined) {
+ var graphics = new Graphics(_this3.ctx);
+ var rect = graphics.getTextRects(yaxe.title.text, yaxe.title.style.fontSize, yaxe.title.style.fontFamily, 'rotate(-90 0 0)', false);
+ ret.push({
+ width: rect.width,
+ height: rect.height
+ });
+ } else {
+ ret.push({
+ width: 0,
+ height: 0
+ });
+ }
+ });
+ return ret;
+ }
+ /**
+ * Get Chart Title/Subtitle Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getTitleSubtitleCoords",
+ value: function getTitleSubtitleCoords(type) {
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+ var floating = type === 'title' ? w.config.title.floating : w.config.subtitle.floating;
+ var el = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-text"));
+
+ if (el !== null && !floating) {
+ var coord = el.getBoundingClientRect();
+ width = coord.width;
+ height = w.globals.axisCharts ? coord.height + 5 : coord.height;
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ }
+ }, {
+ key: "getLegendsRect",
+ value: function getLegendsRect() {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var lgRect = Object.assign({}, Utils.getBoundingClientRect(elLegendWrap));
+
+ if (elLegendWrap !== null && !w.config.legend.floating && w.config.legend.show) {
+ this.lgRect = {
+ x: lgRect.x,
+ y: lgRect.y,
+ height: lgRect.height,
+ width: lgRect.height === 0 ? 0 : lgRect.width
+ };
+ } else {
+ this.lgRect = {
+ x: 0,
+ y: 0,
+ height: 0,
+ width: 0
+ };
+ }
+
+ return this.lgRect;
+ }
+ }]);
+
+ return Dimensions;
+}();
+
+/**
+ * ApexCharts TimeScale Class for generating time ticks for x-axis.
+ *
+ * @module TimeScale
+ **/
+
+var TimeScale =
+/*#__PURE__*/
+function () {
+ function TimeScale(ctx) {
+ _classCallCheck(this, TimeScale);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.timeScaleArray = [];
+ }
+
+ _createClass(TimeScale, [{
+ key: "calculateTimeScaleTicks",
+ value: function calculateTimeScaleTicks(minX, maxX) {
+ var _this = this;
+
+ var w = this.w; // null check when no series to show
+
+ if (w.globals.allSeriesCollapsed) {
+ w.globals.labels = [];
+ w.globals.timelineLabels = [];
+ return [];
+ }
+
+ var dt = new DateTime(this.ctx);
+ var daysDiff = (maxX - minX) / (1000 * 60 * 60 * 24);
+ this.determineInterval(daysDiff);
+ w.globals.disableZoomIn = false;
+ w.globals.disableZoomOut = false;
+
+ if (daysDiff < 0.005) {
+ w.globals.disableZoomIn = true;
+ } else if (daysDiff > 50000) {
+ w.globals.disableZoomOut = true;
+ }
+
+ var timeIntervals = dt.getTimeUnitsfromTimestamp(minX, maxX);
+ var daysWidthOnXAxis = w.globals.gridWidth / daysDiff;
+ var hoursWidthOnXAxis = daysWidthOnXAxis / 24;
+ var minutesWidthOnXAxis = hoursWidthOnXAxis / 60;
+ var numberOfHours = Math.floor(daysDiff * 24);
+ var numberOfMinutes = Math.floor(daysDiff * 24 * 60);
+ var numberOfDays = Math.floor(daysDiff);
+ var numberOfMonths = Math.floor(daysDiff / 30);
+ var numberOfYears = Math.floor(daysDiff / 365);
+ var firstVal = {
+ minMinute: timeIntervals.minMinute,
+ minHour: timeIntervals.minHour,
+ minDate: timeIntervals.minDate,
+ minMonth: timeIntervals.minMonth,
+ minYear: timeIntervals.minYear
+ };
+ var currentMinute = firstVal.minMinute;
+ var currentHour = firstVal.minHour;
+ var currentMonthDate = firstVal.minDate;
+ var currentDate = firstVal.minDate;
+ var currentMonth = firstVal.minMonth;
+ var currentYear = firstVal.minYear;
+ var params = {
+ firstVal: firstVal,
+ currentMinute: currentMinute,
+ currentHour: currentHour,
+ currentMonthDate: currentMonthDate,
+ currentDate: currentDate,
+ currentMonth: currentMonth,
+ currentYear: currentYear,
+ daysWidthOnXAxis: daysWidthOnXAxis,
+ hoursWidthOnXAxis: hoursWidthOnXAxis,
+ minutesWidthOnXAxis: minutesWidthOnXAxis,
+ numberOfMinutes: numberOfMinutes,
+ numberOfHours: numberOfHours,
+ numberOfDays: numberOfDays,
+ numberOfMonths: numberOfMonths,
+ numberOfYears: numberOfYears
+ };
+
+ switch (this.tickInterval) {
+ case 'years':
+ {
+ this.generateYearScale(params);
+ break;
+ }
+
+ case 'months':
+ case 'half_year':
+ {
+ this.generateMonthScale(params);
+ break;
+ }
+
+ case 'months_days':
+ case 'months_fortnight':
+ case 'days':
+ case 'week_days':
+ {
+ this.generateDayScale(params);
+ break;
+ }
+
+ case 'hours':
+ {
+ this.generateHourScale(params);
+ break;
+ }
+
+ case 'minutes':
+ this.generateMinuteScale(params);
+ break;
+ } // first, we will adjust the month values index
+ // as in the upper function, it is starting from 0
+ // we will start them from 1
+
+
+ var adjustedMonthInTimeScaleArray = this.timeScaleArray.map(function (ts) {
+ var defaultReturn = {
+ position: ts.position,
+ unit: ts.unit,
+ year: ts.year,
+ day: ts.day ? ts.day : 1,
+ hour: ts.hour ? ts.hour : 0,
+ month: ts.month + 1
+ };
+
+ if (ts.unit === 'month') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value + 1
+ });
+ } else if (ts.unit === 'day' || ts.unit === 'hour') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value
+ });
+ } else if (ts.unit === 'minute') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value,
+ minute: ts.value
+ });
+ }
+
+ return ts;
+ });
+ var filteredTimeScale = adjustedMonthInTimeScaleArray.filter(function (ts) {
+ var modulo = 1;
+ var ticks = Math.ceil(w.globals.gridWidth / 120);
+ var value = ts.value;
+
+ if (w.config.xaxis.tickAmount !== undefined) {
+ ticks = w.config.xaxis.tickAmount;
+ }
+
+ if (adjustedMonthInTimeScaleArray.length > ticks) {
+ modulo = Math.floor(adjustedMonthInTimeScaleArray.length / ticks);
+ }
+
+ var shouldNotSkipUnit = false; // there is a big change in unit i.e days to months
+
+ var shouldNotPrint = false; // should skip these values
+
+ switch (_this.tickInterval) {
+ case 'half_year':
+ modulo = 7;
+
+ if (ts.unit === 'year') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'months':
+ modulo = 1;
+
+ if (ts.unit === 'year') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'months_fortnight':
+ modulo = 15;
+
+ if (ts.unit === 'year' || ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ if (value === 30) {
+ shouldNotPrint = true;
+ }
+
+ break;
+
+ case 'months_days':
+ modulo = 10;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ if (value === 30) {
+ shouldNotPrint = true;
+ }
+
+ break;
+
+ case 'week_days':
+ modulo = 8;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'days':
+ modulo = 1;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'hours':
+ if (ts.unit === 'day') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'minutes':
+ if (value % 5 !== 0) {
+ shouldNotPrint = true;
+ }
+
+ break;
+ }
+
+ if (_this.tickInterval === 'minutes' || _this.tickInterval === 'hours') {
+ if (!shouldNotPrint) {
+ return true;
+ }
+ } else {
+ if ((value % modulo === 0 || shouldNotSkipUnit) && !shouldNotPrint) {
+ return true;
+ }
+ }
+ });
+ return filteredTimeScale;
+ }
+ }, {
+ key: "recalcDimensionsBasedOnFormat",
+ value: function recalcDimensionsBasedOnFormat(filteredTimeScale) {
+ var w = this.w;
+ var reformattedTimescaleArray = this.formatDates(filteredTimeScale);
+ var removedOverlappingTS = this.removeOverlappingTS(reformattedTimescaleArray);
+ w.globals.timelineLabels = removedOverlappingTS.slice(); // at this stage, we need to re-calculate coords of the grid as timeline labels may have altered the xaxis labels coords
+ // The reason we can't do this prior to this stage is because timeline labels depends on gridWidth, and as the ticks are calculated based on available gridWidth, there can be unknown number of ticks generated for different minX and maxX
+ // Dependency on Dimensions(), need to refactor correctly
+ // TODO - find an alternate way to avoid calling this Heavy method twice
+
+ var dimensions = new Dimensions(this.ctx);
+ dimensions.plotCoords();
+ }
+ }, {
+ key: "determineInterval",
+ value: function determineInterval(daysDiff) {
+ switch (true) {
+ case daysDiff > 1825:
+ // difference is more than 5 years
+ this.tickInterval = 'years';
+ break;
+
+ case daysDiff > 800 && daysDiff <= 1825:
+ this.tickInterval = 'half_year';
+ break;
+
+ case daysDiff > 180 && daysDiff <= 800:
+ this.tickInterval = 'months';
+ break;
+
+ case daysDiff > 90 && daysDiff <= 180:
+ this.tickInterval = 'months_fortnight';
+ break;
+
+ case daysDiff > 60 && daysDiff <= 90:
+ this.tickInterval = 'months_days';
+ break;
+
+ case daysDiff > 30 && daysDiff <= 60:
+ this.tickInterval = 'week_days';
+ break;
+
+ case daysDiff > 2 && daysDiff <= 30:
+ this.tickInterval = 'days';
+ break;
+
+ case daysDiff > 0.1 && daysDiff <= 2:
+ // less than 2 days
+ this.tickInterval = 'hours';
+ break;
+
+ case daysDiff < 0.1:
+ this.tickInterval = 'minutes';
+ break;
+
+ default:
+ this.tickInterval = 'days';
+ break;
+ }
+ }
+ }, {
+ key: "generateYearScale",
+ value: function generateYearScale(params) {
+ var firstVal = params.firstVal,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ daysWidthOnXAxis = params.daysWidthOnXAxis,
+ numberOfYears = params.numberOfYears;
+ var firstTickValue = firstVal.minYear;
+ var firstTickPosition = 0;
+ var dt = new DateTime(this.ctx);
+ var unit = 'year';
+
+ if (firstVal.minDate > 1 && firstVal.minMonth > 0) {
+ var remainingDays = dt.determineRemainingDaysOfYear(firstVal.minYear, firstVal.minMonth, firstVal.minDate); // remainingDaysofFirstMonth is used to reacht the 2nd tick position
+
+ var remainingDaysOfFirstYear = dt.determineDaysOfYear(firstVal.minYear) - remainingDays + 1; // calculate the first tick position
+
+ firstTickPosition = remainingDaysOfFirstYear * daysWidthOnXAxis;
+ firstTickValue = firstVal.minYear + 1; // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: firstTickValue,
+ month: Utils.monthMod(currentMonth + 1)
+ });
+ } else if (firstVal.minDate === 1 && firstVal.minMonth === 0) {
+ // push the first tick in the array
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(currentMonth + 1)
+ });
+ }
+
+ var year = firstTickValue;
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfYears; i++) {
+ year++;
+ pos = dt.determineDaysOfYear(year - 1) * daysWidthOnXAxis + pos;
+ this.timeScaleArray.push({
+ position: pos,
+ value: year,
+ unit: unit,
+ year: year,
+ month: 1
+ });
+ }
+ }
+ }, {
+ key: "generateMonthScale",
+ value: function generateMonthScale(params) {
+ var firstVal = params.firstVal,
+ currentMonthDate = params.currentMonthDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ daysWidthOnXAxis = params.daysWidthOnXAxis,
+ numberOfMonths = params.numberOfMonths;
+ var firstTickValue = currentMonth;
+ var firstTickPosition = 0;
+ var dt = new DateTime(this.ctx);
+ var unit = 'month';
+ var yrCounter = 0;
+
+ if (firstVal.minDate > 1) {
+ // remainingDaysofFirstMonth is used to reacht the 2nd tick position
+ var remainingDaysOfFirstMonth = dt.determineDaysOfMonths(currentMonth + 1, firstVal.minYear) - currentMonthDate + 1; // calculate the first tick position
+
+ firstTickPosition = remainingDaysOfFirstMonth * daysWidthOnXAxis;
+ firstTickValue = Utils.monthMod(currentMonth + 1);
+ var year = currentYear + yrCounter;
+
+ var _month = Utils.monthMod(firstTickValue);
+
+ var value = firstTickValue; // it's Jan, so update the year
+
+ if (firstTickValue === 0) {
+ unit = 'year';
+ value = year;
+ _month = 1;
+ yrCounter += 1;
+ year = year + yrCounter;
+ } // push the first tick in the array
+
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: value,
+ unit: unit,
+ year: year,
+ month: _month
+ });
+ } else {
+ // push the first tick in the array
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(currentMonth)
+ });
+ }
+
+ var month = firstTickValue + 1;
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0, j = 1; i < numberOfMonths; i++, j++) {
+ month = Utils.monthMod(month);
+
+ if (month === 0) {
+ unit = 'year';
+ yrCounter += 1;
+ } else {
+ unit = 'month';
+ }
+
+ var _year = currentYear + Math.floor(month / 12) + yrCounter;
+
+ pos = dt.determineDaysOfMonths(month, _year) * daysWidthOnXAxis + pos;
+ var monthVal = month === 0 ? _year : month;
+ this.timeScaleArray.push({
+ position: pos,
+ value: monthVal,
+ unit: unit,
+ year: _year,
+ month: month === 0 ? 1 : month
+ });
+ month++;
+ }
+ }
+ }, {
+ key: "generateDayScale",
+ value: function generateDayScale(params) {
+ var firstVal = params.firstVal,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ hoursWidthOnXAxis = params.hoursWidthOnXAxis,
+ numberOfDays = params.numberOfDays;
+ var dt = new DateTime(this.ctx);
+ var unit = 'day';
+ var remainingHours = 24 - firstVal.minHour;
+ var yrCounter = 0; // calculate the first tick position
+
+ var firstTickPosition = remainingHours * hoursWidthOnXAxis;
+ var firstTickValue = firstVal.minDate + 1;
+ var val = firstTickValue;
+
+ var changeMonth = function changeMonth(dateVal, month, year) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, year);
+
+ if (dateVal > monthdays) {
+ month = month + 1;
+ date = 1;
+ unit = 'month';
+ val = month;
+ return month;
+ }
+
+ return month;
+ };
+
+ var date = firstTickValue;
+ var month = changeMonth(date, currentMonth, currentYear); // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: val,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(month),
+ day: date
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfDays; i++) {
+ date += 1;
+ unit = 'day';
+ month = changeMonth(date, month, currentYear + Math.floor(month / 12) + yrCounter);
+ var year = currentYear + Math.floor(month / 12) + yrCounter;
+ pos = 24 * hoursWidthOnXAxis + pos;
+
+ var _val = date === 1 ? Utils.monthMod(month) : date;
+
+ this.timeScaleArray.push({
+ position: pos,
+ value: _val,
+ unit: unit,
+ year: year,
+ month: Utils.monthMod(month),
+ day: _val
+ });
+ }
+ }
+ }, {
+ key: "generateHourScale",
+ value: function generateHourScale(params) {
+ var firstVal = params.firstVal,
+ currentDate = params.currentDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ minutesWidthOnXAxis = params.minutesWidthOnXAxis,
+ numberOfHours = params.numberOfHours;
+ var dt = new DateTime(this.ctx);
+ var yrCounter = 0;
+ var unit = 'hour';
+
+ var changeDate = function changeDate(dateVal, month) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, currentYear);
+
+ if (dateVal > monthdays) {
+ date = 1;
+ month = month + 1;
+ }
+
+ return {
+ month: month,
+ date: date
+ };
+ };
+
+ var changeMonth = function changeMonth(dateVal, month) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, currentYear);
+
+ if (dateVal > monthdays) {
+ month = month + 1;
+ return month;
+ }
+
+ return month;
+ };
+
+ var remainingMins = 60 - firstVal.minMinute;
+ var firstTickPosition = remainingMins * minutesWidthOnXAxis;
+ var firstTickValue = firstVal.minHour + 1;
+ var hour = firstTickValue + 1;
+
+ if (remainingMins === 60) {
+ firstTickPosition = 0;
+ firstTickValue = firstVal.minHour;
+ hour = firstTickValue + 1;
+ }
+
+ var date = currentDate;
+ var month = changeMonth(date, currentMonth); // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ day: date,
+ hour: hour,
+ year: currentYear,
+ month: Utils.monthMod(month)
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfHours; i++) {
+ unit = 'hour';
+
+ if (hour >= 24) {
+ hour = 0;
+ date += 1;
+ unit = 'day';
+ var checkNextMonth = changeDate(date, month);
+ month = checkNextMonth.month;
+ month = changeMonth(date, month);
+ }
+
+ var year = currentYear + Math.floor(month / 12) + yrCounter;
+ pos = hour === 0 && i === 0 ? remainingMins * minutesWidthOnXAxis : 60 * minutesWidthOnXAxis + pos;
+ var val = hour === 0 ? date : hour;
+ this.timeScaleArray.push({
+ position: pos,
+ value: val,
+ unit: unit,
+ hour: hour,
+ day: date,
+ year: year,
+ month: Utils.monthMod(month)
+ });
+ hour++;
+ }
+ }
+ }, {
+ key: "generateMinuteScale",
+ value: function generateMinuteScale(params) {
+ var firstVal = params.firstVal,
+ currentMinute = params.currentMinute,
+ currentHour = params.currentHour,
+ currentDate = params.currentDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ minutesWidthOnXAxis = params.minutesWidthOnXAxis,
+ numberOfMinutes = params.numberOfMinutes;
+ var yrCounter = 0;
+ var unit = 'minute';
+ var remainingMins = currentMinute - firstVal.minMinute;
+ var firstTickPosition = minutesWidthOnXAxis - remainingMins;
+ var firstTickValue = firstVal.minMinute + 1;
+ var minute = firstTickValue + 1;
+ var date = currentDate;
+ var month = currentMonth;
+ var year = currentYear;
+ var hour = currentHour; // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ day: date,
+ hour: hour,
+ minute: minute,
+ year: year,
+ month: Utils.monthMod(month)
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfMinutes; i++) {
+ if (minute >= 60) {
+ minute = 0;
+ hour += 1;
+
+ if (hour === 24) {
+ hour = 0;
+ }
+ }
+
+ var _year2 = currentYear + Math.floor(month / 12) + yrCounter;
+
+ pos = minutesWidthOnXAxis + pos;
+ var val = minute;
+ this.timeScaleArray.push({
+ position: pos,
+ value: val,
+ unit: unit,
+ hour: hour,
+ minute: minute,
+ day: date,
+ year: _year2,
+ month: Utils.monthMod(month)
+ });
+ minute++;
+ }
+ }
+ }, {
+ key: "createRawDateString",
+ value: function createRawDateString(ts, value) {
+ var raw = ts.year;
+ raw += '-' + ('0' + ts.month.toString()).slice(-2); // unit is day
+
+ if (ts.unit === 'day') {
+ raw += ts.unit === 'day' ? '-' + ('0' + value).slice(-2) : '-01';
+ } else {
+ raw += '-' + ('0' + (ts.day ? ts.day : '1')).slice(-2);
+ } // unit is hour
+
+
+ if (ts.unit === 'hour') {
+ raw += ts.unit === 'hour' ? 'T' + ('0' + value).slice(-2) : 'T00';
+ } else {
+ raw += 'T' + ('0' + (ts.hour ? ts.hour : '0')).slice(-2);
+ } // unit is minute
+
+
+ raw += ts.unit === 'minute' ? ':' + ('0' + value).slice(-2) + ':00.000Z' : ':00:00.000Z';
+ return raw;
+ }
+ }, {
+ key: "formatDates",
+ value: function formatDates(filteredTimeScale) {
+ var _this2 = this;
+
+ var w = this.w;
+ var reformattedTimescaleArray = filteredTimeScale.map(function (ts) {
+ var value = ts.value.toString();
+ var dt = new DateTime(_this2.ctx);
+
+ var raw = _this2.createRawDateString(ts, value); // parse the whole ISO datestring
+
+
+ var dateString = new Date(Date.parse(raw));
+
+ if (w.config.xaxis.labels.format === undefined) {
+ var customFormat = 'dd MMM';
+ var dtFormatter = w.config.xaxis.labels.datetimeFormatter;
+ if (ts.unit === 'year') customFormat = dtFormatter.year;
+ if (ts.unit === 'month') customFormat = dtFormatter.month;
+ if (ts.unit === 'day') customFormat = dtFormatter.day;
+ if (ts.unit === 'hour') customFormat = dtFormatter.hour;
+ if (ts.unit === 'minute') customFormat = dtFormatter.minute;
+ value = dt.formatDate(dateString, customFormat, true, false);
+ } else {
+ value = dt.formatDate(dateString, w.config.xaxis.labels.format);
+ }
+
+ return {
+ dateString: raw,
+ position: ts.position,
+ value: value,
+ unit: ts.unit,
+ year: ts.year,
+ month: ts.month
+ };
+ });
+ return reformattedTimescaleArray;
+ }
+ }, {
+ key: "removeOverlappingTS",
+ value: function removeOverlappingTS(arr) {
+ var _this3 = this;
+
+ var graphics = new Graphics(this.ctx);
+ var lastDrawnIndex = 0;
+ var filteredArray = arr.map(function (item, index) {
+ if (index > 0 && _this3.w.config.xaxis.labels.hideOverlappingLabels) {
+ var prevLabelWidth = graphics.getTextRects(arr[lastDrawnIndex].value).width;
+ var prevPos = arr[lastDrawnIndex].position;
+ var pos = item.position;
+
+ if (pos > prevPos + prevLabelWidth + 10) {
+ lastDrawnIndex = index;
+ return item;
+ } else {
+ return null;
+ }
+ } else {
+ return item;
+ }
+ });
+ filteredArray = filteredArray.filter(function (f) {
+ return f !== null;
+ });
+ return filteredArray;
+ }
+ }]);
+
+ return TimeScale;
+}();
+
+/**
+ * ApexCharts Core Class responsible for major calculations and creating elements.
+ *
+ * @module Core
+ **/
+
+var Core =
+/*#__PURE__*/
+function () {
+ function Core(el, ctx) {
+ _classCallCheck(this, Core);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.el = el;
+ this.coreUtils = new CoreUtils(this.ctx);
+ this.twoDSeries = [];
+ this.threeDSeries = [];
+ this.twoDSeriesX = [];
+ } // get data and store into appropriate vars
+
+
+ _createClass(Core, [{
+ key: "setupElements",
+ value: function setupElements() {
+ var gl = this.w.globals;
+ var cnf = this.w.config; // const graphics = new Graphics(this.ctx)
+
+ var ct = cnf.chart.type;
+ var axisChartsArrTypes = ['line', 'area', 'bar', 'candlestick', 'radar', 'scatter', 'bubble', 'heatmap'];
+ var xyChartsArrTypes = ['line', 'area', 'bar', 'candlestick', 'scatter', 'bubble'];
+ gl.axisCharts = axisChartsArrTypes.indexOf(ct) > -1;
+ gl.xyCharts = xyChartsArrTypes.indexOf(ct) > -1;
+ gl.chartClass = '.apexcharts' + gl.cuid;
+ gl.dom.baseEl = this.el;
+ gl.dom.elWrap = document.createElement('div');
+ Graphics.setAttrs(gl.dom.elWrap, {
+ id: gl.chartClass.substring(1),
+ class: 'apexcharts-canvas ' + gl.chartClass.substring(1)
+ });
+ this.el.appendChild(gl.dom.elWrap);
+ gl.dom.Paper = new window.SVG.Doc(gl.dom.elWrap);
+ gl.dom.Paper.attr({
+ class: 'apexcharts-svg',
+ 'xmlns:data': 'ApexChartsNS',
+ transform: "translate(".concat(cnf.chart.offsetX, ", ").concat(cnf.chart.offsetY, ")")
+ });
+ gl.dom.Paper.node.style.background = cnf.chart.background;
+ this.setSVGDimensions();
+ gl.dom.elGraphical = gl.dom.Paper.group().attr({
+ class: 'apexcharts-inner apexcharts-graphical'
+ });
+ gl.dom.elDefs = gl.dom.Paper.defs();
+ gl.dom.elLegendWrap = document.createElement('div');
+ gl.dom.elLegendWrap.classList.add('apexcharts-legend');
+ gl.dom.elWrap.appendChild(gl.dom.elLegendWrap); // gl.dom.Paper.add(gl.dom.elLegendWrap)
+
+ gl.dom.Paper.add(gl.dom.elGraphical);
+ gl.dom.elGraphical.add(gl.dom.elDefs);
+ }
+ }, {
+ key: "plotChartType",
+ value: function plotChartType(ser, xyRatios) {
+ var w = this.w;
+ var cnf = w.config;
+ var gl = w.globals;
+ var lineSeries = {
+ series: [],
+ i: []
+ };
+ var areaSeries = {
+ series: [],
+ i: []
+ };
+ var scatterSeries = {
+ series: [],
+ i: []
+ };
+ var columnSeries = {
+ series: [],
+ i: []
+ };
+ var candlestickSeries = {
+ series: [],
+ i: []
+ };
+ gl.series.map(function (series, st) {
+ // if user has specified a particular type for particular series
+ if (typeof ser[st].type !== 'undefined') {
+ if (ser[st].type === 'column' || ser[st].type === 'bar') {
+ w.config.plotOptions.bar.horizontal = false; // bar not supported in mixed charts
+
+ columnSeries.series.push(series);
+ columnSeries.i.push(st);
+ } else if (ser[st].type === 'area') {
+ areaSeries.series.push(series);
+ areaSeries.i.push(st);
+ } else if (ser[st].type === 'line') {
+ lineSeries.series.push(series);
+ lineSeries.i.push(st);
+ } else if (ser[st].type === 'scatter') {
+ scatterSeries.series.push(series);
+ scatterSeries.i.push(st);
+ } else if (ser[st].type === 'bubble') ; else if (ser[st].type === 'candlestick') {
+ candlestickSeries.series.push(series);
+ candlestickSeries.i.push(st);
+ } else {
+ // user has specified type, but it is not valid (other than line/area/column)
+ console.warn('You have specified an unrecognized chart type. Available types for this propery are line/area/column/bar/scatter/bubble');
+ }
+
+ gl.comboCharts = true;
+ } else {
+ lineSeries.series.push(series);
+ lineSeries.i.push(st);
+ }
+ });
+ var line = new Line(this.ctx, xyRatios);
+ var candlestick = new CandleStick(this.ctx, xyRatios);
+ var pie = new Pie(this.ctx);
+ var radialBar = new Radial(this.ctx);
+ var radar = new Radar(this.ctx);
+ var elGraph = [];
+
+ if (gl.comboCharts) {
+ if (areaSeries.series.length > 0) {
+ elGraph.push(line.draw(areaSeries.series, 'area', areaSeries.i));
+ }
+
+ if (columnSeries.series.length > 0) {
+ if (w.config.chart.stacked) {
+ var barStacked = new BarStacked(this.ctx, xyRatios);
+ elGraph.push(barStacked.draw(columnSeries.series, columnSeries.i));
+ } else {
+ var bar = new Bar(this.ctx, xyRatios);
+ elGraph.push(bar.draw(columnSeries.series, columnSeries.i));
+ }
+ }
+
+ if (lineSeries.series.length > 0) {
+ elGraph.push(line.draw(lineSeries.series, 'line', lineSeries.i));
+ }
+
+ if (candlestickSeries.series.length > 0) {
+ elGraph.push(candlestick.draw(candlestickSeries.series, candlestickSeries.i));
+ }
+
+ if (scatterSeries.series.length > 0) {
+ var scatterLine = new Line(this.ctx, xyRatios, true);
+ elGraph.push(scatterLine.draw(scatterSeries.series, 'scatter', scatterSeries.i));
+ } // TODO: allow bubble series in a combo chart
+ // if (bubbleSeries.series.length > 0) {
+ // const bubbleLine = new Line(this.ctx, xyRatios, true)
+ // elGraph.push(
+ // bubbleLine.draw(bubbleSeries.series, 'bubble', bubbleSeries.i)
+ // )
+ // }
+
+ } else {
+ switch (cnf.chart.type) {
+ case 'line':
+ elGraph = line.draw(gl.series, 'line');
+ break;
+
+ case 'area':
+ elGraph = line.draw(gl.series, 'area');
+ break;
+
+ case 'bar':
+ if (cnf.chart.stacked) {
+ var _barStacked = new BarStacked(this.ctx, xyRatios);
+
+ elGraph = _barStacked.draw(gl.series);
+ } else {
+ var _bar = new Bar(this.ctx, xyRatios);
+
+ elGraph = _bar.draw(gl.series);
+ }
+
+ break;
+
+ case 'candlestick':
+ var candleStick = new CandleStick(this.ctx, xyRatios);
+ elGraph = candleStick.draw(gl.series);
+ break;
+
+ case 'heatmap':
+ var heatmap = new HeatMap(this.ctx, xyRatios);
+ elGraph = heatmap.draw(gl.series);
+ break;
+
+ case 'pie':
+ case 'donut':
+ elGraph = pie.draw(gl.series);
+ break;
+
+ case 'radialBar':
+ elGraph = radialBar.draw(gl.series);
+ break;
+
+ case 'radar':
+ elGraph = radar.draw(gl.series);
+ break;
+
+ default:
+ elGraph = line.draw(gl.series);
+ }
+ }
+
+ return elGraph;
+ }
+ }, {
+ key: "setSVGDimensions",
+ value: function setSVGDimensions() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.svgWidth = cnf.chart.width;
+ gl.svgHeight = cnf.chart.height;
+ var elDim = Utils.getDimensions(this.el);
+ var widthUnit = cnf.chart.width.toString().split(/[0-9]+/g).pop();
+
+ if (widthUnit === '%') {
+ if (Utils.isNumber(elDim[0])) {
+ if (elDim[0].width === 0) {
+ elDim = Utils.getDimensions(this.el.parentNode);
+ }
+
+ gl.svgWidth = elDim[0] * parseInt(cnf.chart.width) / 100;
+ }
+ } else if (widthUnit === 'px' || widthUnit === '') {
+ gl.svgWidth = parseInt(cnf.chart.width);
+ }
+
+ if (gl.svgHeight !== 'auto' && gl.svgHeight !== '') {
+ var heightUnit = cnf.chart.height.toString().split(/[0-9]+/g).pop();
+
+ if (heightUnit === '%') {
+ var elParentDim = Utils.getDimensions(this.el.parentNode);
+ gl.svgHeight = elParentDim[1] * parseInt(cnf.chart.height) / 100;
+ } else {
+ gl.svgHeight = parseInt(cnf.chart.height);
+ }
+ } else {
+ if (gl.axisCharts) {
+ gl.svgHeight = gl.svgWidth / 1.61;
+ } else {
+ gl.svgHeight = gl.svgWidth;
+ }
+ }
+
+ Graphics.setAttrs(gl.dom.Paper.node, {
+ width: gl.svgWidth,
+ height: gl.svgHeight
+ }); // gl.dom.Paper.node.parentNode.parentNode.style.minWidth = gl.svgWidth + "px";
+
+ var offsetY = cnf.chart.sparkline.enabled ? 0 : gl.axisCharts ? 14 : 5;
+ gl.dom.Paper.node.parentNode.parentNode.style.minHeight = gl.svgHeight + offsetY + 'px';
+ gl.dom.elWrap.style.width = gl.svgWidth + 'px';
+ gl.dom.elWrap.style.height = gl.svgHeight + 'px';
+ }
+ }, {
+ key: "shiftGraphPosition",
+ value: function shiftGraphPosition() {
+ var gl = this.w.globals;
+ var tY = gl.translateY;
+ var tX = gl.translateX;
+ var scalingAttrs = {
+ transform: 'translate(' + tX + ', ' + tY + ')'
+ };
+ Graphics.setAttrs(gl.dom.elGraphical.node, scalingAttrs);
+ }
+ /*
+ ** All the calculations for setting range in charts will be done here
+ */
+
+ }, {
+ key: "coreCalculations",
+ value: function coreCalculations() {
+ var range = new Range$1(this.ctx);
+ range.init();
+ }
+ }, {
+ key: "resetGlobals",
+ value: function resetGlobals() {
+ var _this = this;
+
+ var gl = this.w.globals;
+ gl.series = [];
+ gl.seriesCandleO = [];
+ gl.seriesCandleH = [];
+ gl.seriesCandleL = [];
+ gl.seriesCandleC = [];
+ gl.seriesPercent = [];
+ gl.seriesX = [];
+ gl.seriesZ = [];
+ gl.seriesNames = [];
+ gl.seriesTotals = [];
+ gl.stackedSeriesTotals = [];
+ gl.labels = [];
+ gl.timelineLabels = [];
+ gl.noLabelsProvided = false;
+ gl.timescaleTicks = [];
+ gl.resizeTimer = null;
+ gl.selectionResizeTimer = null;
+
+ gl.seriesXvalues = function () {
+ return _this.w.config.series.map(function (s) {
+ return [];
+ });
+ }();
+
+ gl.seriesYvalues = function () {
+ return _this.w.config.series.map(function (s) {
+ return [];
+ });
+ }();
+
+ gl.delayedElements = [];
+ gl.pointsArray = [];
+ gl.dataLabelsRects = [];
+ gl.isXNumeric = false;
+ gl.isDataXYZ = false;
+ gl.maxY = -Number.MAX_VALUE;
+ gl.minY = Number.MIN_VALUE;
+ gl.minYArr = [];
+ gl.maxYArr = [];
+ gl.maxX = -Number.MAX_VALUE;
+ gl.minX = Number.MAX_VALUE;
+ gl.initialmaxX = -Number.MAX_VALUE;
+ gl.initialminX = Number.MAX_VALUE;
+ gl.maxDate = 0;
+ gl.minDate = Number.MAX_VALUE;
+ gl.minZ = Number.MAX_VALUE;
+ gl.maxZ = -Number.MAX_VALUE;
+ gl.yAxisScale = [];
+ gl.xAxisScale = null;
+ gl.xAxisTicksPositions = [];
+ gl.yLabelsCoords = [];
+ gl.yTitleCoords = [];
+ gl.xRange = 0;
+ gl.yRange = [];
+ gl.zRange = 0;
+ gl.dataPoints = 0;
+ }
+ }, {
+ key: "isMultipleY",
+ value: function isMultipleY() {
+ // user has supplied an array in yaxis property. So, turn on multipleYAxis flag
+ if (this.w.config.yaxis.constructor === Array && this.w.config.yaxis.length > 1) {
+ // first, turn off stacking if multiple y axis
+ this.w.config.chart.stacked = false;
+ this.w.globals.isMultipleYAxis = true;
+ return true;
+ }
+ }
+ }, {
+ key: "excludeCollapsedSeriesInYAxis",
+ value: function excludeCollapsedSeriesInYAxis() {
+ var _this2 = this;
+
+ var w = this.w;
+ w.globals.ignoreYAxisIndexes = w.globals.collapsedSeries.map(function (collapsed, i) {
+ if (_this2.w.globals.isMultipleYAxis) {
+ return collapsed.index;
+ }
+ });
+ }
+ }, {
+ key: "isMultiFormat",
+ value: function isMultiFormat() {
+ return this.isFormatXY() || this.isFormat2DArray();
+ } // given format is [{x, y}, {x, y}]
+
+ }, {
+ key: "isFormatXY",
+ value: function isFormatXY() {
+ var series = this.w.config.series.slice();
+ var sr = new Series(this.ctx);
+ this.activeSeriesIndex = sr.getActiveConfigSeriesIndex();
+
+ if (typeof series[this.activeSeriesIndex].data !== 'undefined' && series[this.activeSeriesIndex].data.length > 0 && series[this.activeSeriesIndex].data[0] !== null && typeof series[this.activeSeriesIndex].data[0].x !== 'undefined' && series[this.activeSeriesIndex].data[0] !== null) {
+ return true;
+ }
+ } // given format is [[x, y], [x, y]]
+
+ }, {
+ key: "isFormat2DArray",
+ value: function isFormat2DArray() {
+ var series = this.w.config.series.slice();
+ var sr = new Series(this.ctx);
+ this.activeSeriesIndex = sr.getActiveConfigSeriesIndex();
+
+ if (typeof series[this.activeSeriesIndex].data !== 'undefined' && series[this.activeSeriesIndex].data.length > 0 && typeof series[this.activeSeriesIndex].data[0] !== 'undefined' && series[this.activeSeriesIndex].data[0] !== null && series[this.activeSeriesIndex].data[0].constructor === Array) {
+ return true;
+ }
+ }
+ }, {
+ key: "handleFormat2DArray",
+ value: function handleFormat2DArray(ser, i) {
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ if (typeof ser[i].data[j][1] !== 'undefined') {
+ if (Array.isArray(ser[i].data[j][1]) && ser[i].data[j][1].length === 4) {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j][1][3]));
+ } else {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j][1]));
+ }
+ }
+
+ if (cnf.xaxis.type === 'datetime') {
+ // if timestamps are provided and xaxis type is datettime,
+ var ts = new Date(ser[i].data[j][0]);
+ ts = new Date(ts).getTime();
+ this.twoDSeriesX.push(ts);
+ } else {
+ this.twoDSeriesX.push(ser[i].data[j][0]);
+ }
+ }
+
+ for (var _j = 0; _j < ser[i].data.length; _j++) {
+ if (typeof ser[i].data[_j][2] !== 'undefined') {
+ this.threeDSeries.push(ser[i].data[_j][2]);
+ gl.isDataXYZ = true;
+ }
+ }
+ }
+ }, {
+ key: "handleFormatXY",
+ value: function handleFormatXY(ser, i) {
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+ var dt = new DateTime(this.ctx);
+ var activeI = i;
+
+ if (gl.collapsedSeriesIndices.indexOf(i) > -1) {
+ // fix #368
+ activeI = this.activeSeriesIndex;
+ } // get series
+
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ if (typeof ser[i].data[j].y !== 'undefined') {
+ if (Array.isArray(ser[i].data[j].y) && ser[i].data[j].y.length === 4) {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j].y[3]));
+ } else {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j].y));
+ }
+ }
+ } // get seriesX
+
+
+ for (var _j2 = 0; _j2 < ser[activeI].data.length; _j2++) {
+ var isXString = typeof ser[activeI].data[_j2].x === 'string';
+ var isXDate = !!dt.isValidDate(ser[activeI].data[_j2].x.toString());
+
+ if (isXString || isXDate) {
+ // user supplied '01/01/2017' or a date string (a JS date object is not supported)
+ if (isXString) {
+ if (cnf.xaxis.type === 'datetime') {
+ this.twoDSeriesX.push(dt.parseDate(ser[activeI].data[_j2].x));
+ } else {
+ // a category and not a numeric x value
+ this.fallbackToCategory = true;
+ this.twoDSeriesX.push(ser[activeI].data[_j2].x);
+ }
+ } else {
+ if (cnf.xaxis.type === 'datetime') {
+ this.twoDSeriesX.push(dt.parseDate(ser[activeI].data[_j2].x.toString()));
+ } else {
+ this.twoDSeriesX.push(parseFloat(ser[activeI].data[_j2].x));
+ }
+ }
+ } else {
+ // a numeric value in x property
+ this.twoDSeriesX.push(ser[activeI].data[_j2].x);
+ }
+ }
+
+ if (ser[i].data[0] && typeof ser[i].data[0].z !== 'undefined') {
+ for (var t = 0; t < ser[i].data.length; t++) {
+ this.threeDSeries.push(ser[i].data[t].z);
+ }
+
+ gl.isDataXYZ = true;
+ }
+ }
+ }, {
+ key: "handleCandleStickData",
+ value: function handleCandleStickData(ser, i) {
+ var gl = this.w.globals;
+ var ohlc = {};
+
+ if (this.isFormat2DArray()) {
+ ohlc = this.handleCandleStickDataFormat('array', ser, i);
+ } else if (this.isFormatXY()) {
+ ohlc = this.handleCandleStickDataFormat('xy', ser, i);
+ }
+
+ gl.seriesCandleO.push(ohlc.o);
+ gl.seriesCandleH.push(ohlc.h);
+ gl.seriesCandleL.push(ohlc.l);
+ gl.seriesCandleC.push(ohlc.c);
+ return ohlc;
+ }
+ }, {
+ key: "handleCandleStickDataFormat",
+ value: function handleCandleStickDataFormat(format, ser, i) {
+ var serO = [];
+ var serH = [];
+ var serL = [];
+ var serC = [];
+ var err = 'Please provide [Open, High, Low and Close] values in valid format. Read more https://apexcharts.com/docs/series/#candlestick';
+
+ if (format === 'array') {
+ if (ser[i].data[0][1].length !== 4) {
+ throw new Error(err);
+ }
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ serO.push(ser[i].data[j][1][0]);
+ serH.push(ser[i].data[j][1][1]);
+ serL.push(ser[i].data[j][1][2]);
+ serC.push(ser[i].data[j][1][3]);
+ }
+ } else if (format === 'xy') {
+ if (ser[i].data[0].y.length !== 4) {
+ throw new Error(err);
+ }
+
+ for (var _j3 = 0; _j3 < ser[i].data.length; _j3++) {
+ serO.push(ser[i].data[_j3].y[0]);
+ serH.push(ser[i].data[_j3].y[1]);
+ serL.push(ser[i].data[_j3].y[2]);
+ serC.push(ser[i].data[_j3].y[3]);
+ }
+ }
+
+ return {
+ o: serO,
+ h: serH,
+ l: serL,
+ c: serC
+ };
+ }
+ }, {
+ key: "parseDataAxisCharts",
+ value: function parseDataAxisCharts(ser) {
+ var ctx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.ctx;
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+ var dt = new DateTime(ctx);
+
+ for (var i = 0; i < ser.length; i++) {
+ this.twoDSeries = [];
+ this.twoDSeriesX = [];
+ this.threeDSeries = [];
+
+ if (typeof ser[i].data === 'undefined') {
+ console.error("It is a possibility that you may have not included 'data' property in series.");
+ return;
+ }
+
+ if (this.isMultiFormat()) {
+ if (this.isFormat2DArray()) {
+ this.handleFormat2DArray(ser, i);
+ } else if (this.isFormatXY()) {
+ this.handleFormatXY(ser, i);
+ }
+
+ if (cnf.chart.type === 'candlestick' || ser[i].type === 'candlestick') {
+ this.handleCandleStickData(ser, i);
+ }
+
+ gl.series.push(this.twoDSeries);
+ gl.labels.push(this.twoDSeriesX);
+ gl.seriesX.push(this.twoDSeriesX);
+
+ if (!this.fallbackToCategory) {
+ gl.isXNumeric = true;
+ }
+ } else {
+ if (cnf.xaxis.type === 'datetime') {
+ // user didn't supplied [{x,y}] or [[x,y]], but single array in data.
+ // Also labels/categories were supplied differently
+ gl.isXNumeric = true;
+ var dates = cnf.labels.length > 0 ? cnf.labels.slice() : cnf.xaxis.categories.slice();
+
+ for (var j = 0; j < dates.length; j++) {
+ if (typeof dates[j] === 'string') {
+ var isDate = dt.isValidDate(dates[j]);
+
+ if (isDate) {
+ this.twoDSeriesX.push(dt.parseDate(dates[j]));
+ } else {
+ throw new Error('You have provided invalid Date format. Please provide a valid JavaScript Date');
+ }
+ }
+ }
+
+ gl.seriesX.push(this.twoDSeriesX);
+ } else if (cnf.xaxis.type === 'numeric') {
+ gl.isXNumeric = true;
+ var x = cnf.labels.length > 0 ? cnf.labels.slice() : cnf.xaxis.categories.slice();
+
+ if (x.length > 0) {
+ this.twoDSeriesX = x;
+ gl.seriesX.push(this.twoDSeriesX);
+ }
+ }
+
+ gl.labels.push(this.twoDSeriesX);
+ var singleArray = ser[i].data.map(function (d) {
+ return Utils.parseNumber(d);
+ });
+ gl.series.push(singleArray);
+ }
+
+ gl.seriesZ.push(this.threeDSeries);
+
+ if (ser[i].name !== undefined) {
+ gl.seriesNames.push(ser[i].name);
+ } else {
+ gl.seriesNames.push('series-' + parseInt(i + 1));
+ }
+ }
+
+ return this.w;
+ }
+ }, {
+ key: "parseDataNonAxisCharts",
+ value: function parseDataNonAxisCharts(ser) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.series = ser.slice();
+ gl.seriesNames = cnf.labels.slice();
+
+ for (var i = 0; i < gl.series.length; i++) {
+ if (gl.seriesNames[i] === undefined) {
+ gl.seriesNames.push('series-' + (i + 1));
+ }
+ }
+
+ return this.w;
+ }
+ }, {
+ key: "handleExternalLabelsData",
+ value: function handleExternalLabelsData(ser) {
+ var cnf = this.w.config;
+ var gl = this.w.globals; // user provided labels in category axis
+
+ if (cnf.xaxis.categories.length > 0) {
+ gl.labels = cnf.xaxis.categories;
+ } else if (cnf.labels.length > 0) {
+ gl.labels = cnf.labels.slice();
+ } else if (this.fallbackToCategory) {
+ gl.labels = gl.labels[0];
+ } else {
+ // user didn't provided labels, fallback to 1-2-3-4-5
+ var labelArr = [];
+
+ if (gl.axisCharts) {
+ for (var i = 0; i < gl.series[gl.maxValsInArrayIndex].length; i++) {
+ labelArr.push(i + 1);
+ }
+
+ for (var _i = 0; _i < ser.length; _i++) {
+ gl.seriesX.push(labelArr);
+ }
+
+ gl.isXNumeric = true;
+ } // no series to pull labels from, put a 0-10 series
+
+
+ if (labelArr.length === 0) {
+ labelArr = [0, 10];
+
+ for (var _i2 = 0; _i2 < ser.length; _i2++) {
+ gl.seriesX.push(labelArr);
+ }
+ }
+
+ gl.labels = labelArr;
+ gl.noLabelsProvided = true;
+
+ if (cnf.xaxis.type === 'category') {
+ gl.isXNumeric = false;
+ }
+ }
+ } // Segregate user provided data into appropriate vars
+
+ }, {
+ key: "parseData",
+ value: function parseData(ser) {
+ var w = this.w;
+ var cnf = w.config;
+ var gl = w.globals;
+ this.excludeCollapsedSeriesInYAxis();
+ this.fallbackToCategory = false;
+ this.resetGlobals();
+ this.isMultipleY();
+
+ if (gl.axisCharts) {
+ this.parseDataAxisCharts(ser);
+ } else {
+ this.parseDataNonAxisCharts(ser);
+ }
+
+ this.coreUtils.getLargestSeries(); // set Null values to 0 in all series when user hides/shows some series
+
+ if (cnf.chart.type === 'bar' && cnf.chart.stacked) {
+ var series = new Series(this.ctx);
+ gl.series = series.setNullSeriesToZeroValues(gl.series);
+ }
+
+ this.coreUtils.getSeriesTotals();
+
+ if (gl.axisCharts) {
+ this.coreUtils.getStackedSeriesTotals();
+ }
+
+ this.coreUtils.getPercentSeries(); // user didn't provide a [[x,y],[x,y]] series, but a named series
+
+ if (!gl.isXNumeric || cnf.xaxis.type === 'numeric' && cnf.labels.length === 0 && cnf.xaxis.categories.length === 0) {
+ this.handleExternalLabelsData(ser);
+ }
+ }
+ }, {
+ key: "xySettings",
+ value: function xySettings() {
+ var xyRatios = null;
+ var w = this.w;
+
+ if (w.globals.axisCharts) {
+ if (w.config.xaxis.crosshairs.position === 'back') {
+ var crosshairs = new Crosshairs(this.ctx);
+ crosshairs.drawXCrosshairs();
+ }
+
+ if (w.config.yaxis[0].crosshairs.position === 'back') {
+ var _crosshairs = new Crosshairs(this.ctx);
+
+ _crosshairs.drawYCrosshairs();
+ }
+
+ xyRatios = this.coreUtils.getCalculatedRatios();
+
+ if (w.config.xaxis.type === 'datetime' && w.config.xaxis.labels.formatter === undefined && isFinite(w.globals.minX) && isFinite(w.globals.maxX)) {
+ var ts = new TimeScale(this.ctx);
+ var formattedTimeScale = ts.calculateTimeScaleTicks(w.globals.minX, w.globals.maxX);
+ ts.recalcDimensionsBasedOnFormat(formattedTimeScale);
+ }
+ }
+
+ return xyRatios;
+ }
+ }, {
+ key: "drawAxis",
+ value: function drawAxis(type, xyRatios) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var xAxis = new XAxis(this.ctx);
+ var yAxis = new YAxis(this.ctx);
+
+ if (gl.axisCharts && type !== 'radar') {
+ var elXaxis, elYaxis;
+
+ if (type === 'bar' && cnf.plotOptions.bar.horizontal) {
+ elYaxis = yAxis.drawYaxisInversed(0);
+ elXaxis = xAxis.drawXaxisInversed(0);
+ gl.dom.elGraphical.add(elXaxis);
+ gl.dom.elGraphical.add(elYaxis);
+ } else {
+ elXaxis = xAxis.drawXaxis();
+ gl.dom.elGraphical.add(elXaxis);
+ cnf.yaxis.map(function (yaxe, index) {
+ if (gl.ignoreYAxisIndexes.indexOf(index) === -1) {
+ elYaxis = yAxis.drawYaxis(index);
+ gl.dom.Paper.add(elYaxis);
+ }
+ });
+ }
+ }
+
+ cnf.yaxis.map(function (yaxe, index) {
+ if (gl.ignoreYAxisIndexes.indexOf(index) === -1) {
+ yAxis.yAxisTitleRotate(index, yaxe.opposite);
+ }
+ });
+ }
+ }, {
+ key: "setupBrushHandler",
+ value: function setupBrushHandler() {
+ var _this3 = this;
+
+ var w = this.w; // only for brush charts
+
+ if (!w.config.chart.brush.enabled) {
+ return;
+ } // if user has not defined a custom function for selection - we handle the brush chart
+ // otherwise we leave it to the user to define the functionality for selection
+
+
+ if (typeof w.config.chart.events.selection !== 'function') {
+ var targets = w.config.chart.brush.targets || [w.config.chart.brush.target]; // retro compatibility with single target option
+
+ targets.forEach(function (target) {
+ var targetChart = ApexCharts.getChartByID(target);
+ targetChart.w.globals.brushSource = _this3.ctx;
+
+ var updateSourceChart = function updateSourceChart() {
+ _this3.ctx._updateOptions({
+ chart: {
+ selection: {
+ xaxis: {
+ min: targetChart.w.globals.minX,
+ max: targetChart.w.globals.maxX
+ }
+ }
+ }
+ }, false, false);
+ };
+
+ if (typeof targetChart.w.config.chart.events.zoomed !== 'function') {
+ targetChart.w.config.chart.events.zoomed = function () {
+ updateSourceChart();
+ };
+ }
+
+ if (typeof targetChart.w.config.chart.events.scrolled !== 'function') {
+ targetChart.w.config.chart.events.scrolled = function () {
+ updateSourceChart();
+ };
+ }
+
+ w.config.chart.events.selection = function (chart, e) {
+ var yaxis = Utils.clone(w.config.yaxis);
+
+ if (w.config.chart.brush.autoScaleYaxis) {
+ var scale = new Range(targetChart);
+ yaxis = scale.autoScaleY(targetChart, e);
+ }
+
+ targetChart._updateOptions({
+ xaxis: {
+ min: e.xaxis.min,
+ max: e.xaxis.max
+ },
+ yaxis: yaxis
+ }, false, false, false);
+ };
+ });
+ }
+ }
+ }]);
+
+ return Core;
+}();
+
+/**
+ * @this {Promise}
+ */
+function finallyConstructor(callback) {
+ var constructor = this.constructor;
+ return this.then(
+ function(value) {
+ return constructor.resolve(callback()).then(function() {
+ return value;
+ });
+ },
+ function(reason) {
+ return constructor.resolve(callback()).then(function() {
+ return constructor.reject(reason);
+ });
+ }
+ );
+}
+
+// Store setTimeout reference so promise-polyfill will be unaffected by
+// other code modifying setTimeout (like sinon.useFakeTimers())
+var setTimeoutFunc = setTimeout;
+
+function noop() {}
+
+// Polyfill for Function.prototype.bind
+function bind(fn, thisArg) {
+ return function() {
+ fn.apply(thisArg, arguments);
+ };
+}
+
+/**
+ * @constructor
+ * @param {Function} fn
+ */
+function Promise$1(fn) {
+ if (!(this instanceof Promise$1))
+ throw new TypeError('Promises must be constructed via new');
+ if (typeof fn !== 'function') throw new TypeError('not a function');
+ /** @type {!number} */
+ this._state = 0;
+ /** @type {!boolean} */
+ this._handled = false;
+ /** @type {Promise|undefined} */
+ this._value = undefined;
+ /** @type {!Array<!Function>} */
+ this._deferreds = [];
+
+ doResolve(fn, this);
+}
+
+function handle(self, deferred) {
+ while (self._state === 3) {
+ self = self._value;
+ }
+ if (self._state === 0) {
+ self._deferreds.push(deferred);
+ return;
+ }
+ self._handled = true;
+ Promise$1._immediateFn(function() {
+ var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
+ if (cb === null) {
+ (self._state === 1 ? resolve : reject)(deferred.promise, self._value);
+ return;
+ }
+ var ret;
+ try {
+ ret = cb(self._value);
+ } catch (e) {
+ reject(deferred.promise, e);
+ return;
+ }
+ resolve(deferred.promise, ret);
+ });
+}
+
+function resolve(self, newValue) {
+ try {
+ // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure
+ if (newValue === self)
+ throw new TypeError('A promise cannot be resolved with itself.');
+ if (
+ newValue &&
+ (typeof newValue === 'object' || typeof newValue === 'function')
+ ) {
+ var then = newValue.then;
+ if (newValue instanceof Promise$1) {
+ self._state = 3;
+ self._value = newValue;
+ finale(self);
+ return;
+ } else if (typeof then === 'function') {
+ doResolve(bind(then, newValue), self);
+ return;
+ }
+ }
+ self._state = 1;
+ self._value = newValue;
+ finale(self);
+ } catch (e) {
+ reject(self, e);
+ }
+}
+
+function reject(self, newValue) {
+ self._state = 2;
+ self._value = newValue;
+ finale(self);
+}
+
+function finale(self) {
+ if (self._state === 2 && self._deferreds.length === 0) {
+ Promise$1._immediateFn(function() {
+ if (!self._handled) {
+ Promise$1._unhandledRejectionFn(self._value);
+ }
+ });
+ }
+
+ for (var i = 0, len = self._deferreds.length; i < len; i++) {
+ handle(self, self._deferreds[i]);
+ }
+ self._deferreds = null;
+}
+
+/**
+ * @constructor
+ */
+function Handler(onFulfilled, onRejected, promise) {
+ this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+ this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+ this.promise = promise;
+}
+
+/**
+ * Take a potentially misbehaving resolver function and make sure
+ * onFulfilled and onRejected are only called once.
+ *
+ * Makes no guarantees about asynchrony.
+ */
+function doResolve(fn, self) {
+ var done = false;
+ try {
+ fn(
+ function(value) {
+ if (done) return;
+ done = true;
+ resolve(self, value);
+ },
+ function(reason) {
+ if (done) return;
+ done = true;
+ reject(self, reason);
+ }
+ );
+ } catch (ex) {
+ if (done) return;
+ done = true;
+ reject(self, ex);
+ }
+}
+
+Promise$1.prototype['catch'] = function(onRejected) {
+ return this.then(null, onRejected);
+};
+
+Promise$1.prototype.then = function(onFulfilled, onRejected) {
+ // @ts-ignore
+ var prom = new this.constructor(noop);
+
+ handle(this, new Handler(onFulfilled, onRejected, prom));
+ return prom;
+};
+
+Promise$1.prototype['finally'] = finallyConstructor;
+
+Promise$1.all = function(arr) {
+ return new Promise$1(function(resolve, reject) {
+ if (!arr || typeof arr.length === 'undefined')
+ throw new TypeError('Promise.all accepts an array');
+ var args = Array.prototype.slice.call(arr);
+ if (args.length === 0) return resolve([]);
+ var remaining = args.length;
+
+ function res(i, val) {
+ try {
+ if (val && (typeof val === 'object' || typeof val === 'function')) {
+ var then = val.then;
+ if (typeof then === 'function') {
+ then.call(
+ val,
+ function(val) {
+ res(i, val);
+ },
+ reject
+ );
+ return;
+ }
+ }
+ args[i] = val;
+ if (--remaining === 0) {
+ resolve(args);
+ }
+ } catch (ex) {
+ reject(ex);
+ }
+ }
+
+ for (var i = 0; i < args.length; i++) {
+ res(i, args[i]);
+ }
+ });
+};
+
+Promise$1.resolve = function(value) {
+ if (value && typeof value === 'object' && value.constructor === Promise$1) {
+ return value;
+ }
+
+ return new Promise$1(function(resolve) {
+ resolve(value);
+ });
+};
+
+Promise$1.reject = function(value) {
+ return new Promise$1(function(resolve, reject) {
+ reject(value);
+ });
+};
+
+Promise$1.race = function(values) {
+ return new Promise$1(function(resolve, reject) {
+ for (var i = 0, len = values.length; i < len; i++) {
+ values[i].then(resolve, reject);
+ }
+ });
+};
+
+// Use polyfill for setImmediate for performance gains
+Promise$1._immediateFn =
+ (typeof setImmediate === 'function' &&
+ function(fn) {
+ setImmediate(fn);
+ }) ||
+ function(fn) {
+ setTimeoutFunc(fn, 0);
+ };
+
+Promise$1._unhandledRejectionFn = function _unhandledRejectionFn(err) {
+ if (typeof console !== 'undefined' && console) {
+ console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console
+ }
+};
+
+var Exports =
+/*#__PURE__*/
+function () {
+ function Exports(ctx) {
+ _classCallCheck(this, Exports);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Exports, [{
+ key: "getSvgString",
+ value: function getSvgString() {
+ return this.w.globals.dom.Paper.svg();
+ }
+ }, {
+ key: "cleanup",
+ value: function cleanup() {
+ var w = this.w; // hide some elements to avoid printing them on exported svg
+
+ var xcrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-xcrosshairs');
+ var ycrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs');
+
+ if (xcrosshairs) {
+ xcrosshairs.setAttribute('x', -500);
+ }
+
+ if (ycrosshairs) {
+ ycrosshairs.setAttribute('y1', -100);
+ ycrosshairs.setAttribute('y2', -100);
+ }
+ }
+ }, {
+ key: "svgUrl",
+ value: function svgUrl() {
+ this.cleanup();
+ var svgData = this.getSvgString();
+ var svgBlob = new Blob([svgData], {
+ type: 'image/svg+xml;charset=utf-8'
+ });
+ return URL.createObjectURL(svgBlob);
+ }
+ }, {
+ key: "dataURI",
+ value: function dataURI() {
+ var _this = this;
+
+ return new Promise$1(function (resolve) {
+ var w = _this.w;
+
+ _this.cleanup();
+
+ var canvas = document.createElement('canvas');
+ canvas.width = w.globals.svgWidth;
+ canvas.height = w.globals.svgHeight;
+ var canvasBg = w.config.chart.background === 'transparent' ? '#fff' : w.config.chart.background;
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = canvasBg;
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
+ var DOMURL = window.URL || window.webkitURL || window;
+ var img = new Image();
+ img.crossOrigin = 'anonymous';
+
+ var svgData = _this.getSvgString();
+
+ var svgUrl = 'data:image/svg+xml,' + encodeURIComponent(svgData);
+
+ img.onload = function () {
+ ctx.drawImage(img, 0, 0);
+ DOMURL.revokeObjectURL(svgUrl);
+ var imgURI = canvas.toDataURL('image/png');
+ resolve(imgURI);
+ };
+
+ img.src = svgUrl;
+ });
+ }
+ }, {
+ key: "exportToSVG",
+ value: function exportToSVG() {
+ this.triggerDownload(this.svgUrl(), '.svg');
+ }
+ }, {
+ key: "exportToPng",
+ value: function exportToPng() {
+ var _this2 = this;
+
+ this.dataURI().then(function (imgURI) {
+ _this2.triggerDownload(imgURI, '.png');
+ });
+ }
+ }, {
+ key: "triggerDownload",
+ value: function triggerDownload(href, ext) {
+ var downloadLink = document.createElement('a');
+ downloadLink.href = href;
+ downloadLink.download = this.w.globals.chartID + ext;
+ document.body.appendChild(downloadLink);
+ downloadLink.click();
+ document.body.removeChild(downloadLink);
+ }
+ }]);
+
+ return Exports;
+}();
+
+/**
+ * ApexCharts Grid Class for drawing Cartesian Grid.
+ *
+ * @module Grid
+ **/
+
+var Grid =
+/*#__PURE__*/
+function () {
+ function Grid(ctx) {
+ _classCallCheck(this, Grid);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.anim = new Animations(this.ctx);
+ this.xaxisLabels = w.globals.labels.slice();
+ this.animX = w.config.grid.xaxis.lines.animate && w.config.chart.animations.enabled;
+ this.animY = w.config.grid.yaxis.lines.animate && w.config.chart.animations.enabled;
+
+ if (w.globals.timelineLabels.length > 0) {
+ // timeline labels are there
+ this.xaxisLabels = w.globals.timelineLabels.slice();
+ }
+ } // .when using sparklines or when showing no grid, we need to have a grid area which is reused at many places for other calculations as well
+
+
+ _createClass(Grid, [{
+ key: "drawGridArea",
+ value: function drawGridArea() {
+ var elGrid = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+
+ if (elGrid === null) {
+ elGrid = graphics.group({
+ class: 'apexcharts-grid'
+ });
+ }
+
+ var elVerticalLine = graphics.drawLine(w.globals.padHorizontal, 1, w.globals.padHorizontal, w.globals.gridHeight, 'transparent');
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal, w.globals.gridHeight, w.globals.gridWidth, w.globals.gridHeight, 'transparent');
+ elGrid.add(elHorzLine);
+ elGrid.add(elVerticalLine);
+ return elGrid;
+ }
+ }, {
+ key: "drawGrid",
+ value: function drawGrid() {
+ var w = this.w;
+ var xAxis = new XAxis(this.ctx);
+ var gl = this.w.globals;
+ var elgrid = null;
+
+ if (gl.axisCharts) {
+ if (w.config.grid.show) {
+ // grid is drawn after xaxis and yaxis are drawn
+ elgrid = this.renderGrid();
+ gl.dom.elGraphical.add(elgrid.el);
+ this.drawGridArea(elgrid.el);
+ } else {
+ var elgridArea = this.drawGridArea();
+ gl.dom.elGraphical.add(elgridArea);
+ }
+
+ if (elgrid !== null) {
+ xAxis.xAxisLabelCorrections(elgrid.xAxisTickWidth);
+ }
+ }
+ } // This mask will clip off overflowing graphics from the drawable area
+
+ }, {
+ key: "createGridMask",
+ value: function createGridMask() {
+ var w = this.w;
+ var gl = w.globals;
+ var graphics = new Graphics(this.ctx);
+ var strokeSize = Array.isArray(w.config.stroke.width) ? 0 : w.config.stroke.width;
+
+ if (Array.isArray(w.config.stroke.width)) {
+ var strokeMaxSize = 0;
+ w.config.stroke.width.forEach(function (m) {
+ strokeMaxSize = Math.max(strokeMaxSize, m);
+ });
+ strokeSize = strokeMaxSize;
+ }
+
+ gl.dom.elGridRectMask = document.createElementNS(gl.SVGNS, 'clipPath');
+ gl.dom.elGridRectMask.setAttribute('id', "gridRectMask".concat(gl.cuid));
+ gl.dom.elGridRectMarkerMask = document.createElementNS(gl.SVGNS, 'clipPath');
+ gl.dom.elGridRectMarkerMask.setAttribute('id', "gridRectMarkerMask".concat(gl.cuid));
+ gl.dom.elGridRect = graphics.drawRect(-strokeSize / 2, -strokeSize / 2, gl.gridWidth + strokeSize, gl.gridHeight + strokeSize, 0, '#fff');
+ var coreUtils = new CoreUtils(this);
+ coreUtils.getLargestMarkerSize();
+ var markerSize = w.globals.markers.largestSize + w.config.markers.hover.sizeOffset + 1;
+ gl.dom.elGridRectMarker = graphics.drawRect(-markerSize, -markerSize, gl.gridWidth + markerSize * 2, gl.gridHeight + markerSize * 2, 0, '#fff');
+ gl.dom.elGridRectMask.appendChild(gl.dom.elGridRect.node);
+ gl.dom.elGridRectMarkerMask.appendChild(gl.dom.elGridRectMarker.node);
+ var defs = gl.dom.baseEl.querySelector('defs');
+ defs.appendChild(gl.dom.elGridRectMask);
+ defs.appendChild(gl.dom.elGridRectMarkerMask);
+ } // actual grid rendering
+
+ }, {
+ key: "renderGrid",
+ value: function renderGrid() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var strokeDashArray = w.config.grid.strokeDashArray;
+ var elg = graphics.group({
+ class: 'apexcharts-grid'
+ });
+ var tickAmount = 8;
+
+ for (var i = 0; i < w.globals.series.length; i++) {
+ if (typeof w.globals.yAxisScale[i] !== 'undefined') {
+ tickAmount = w.globals.yAxisScale[i].result.length - 1;
+ }
+
+ if (tickAmount > 2) break;
+ }
+
+ var xCount;
+ var inversedGrid = !!(w.config.plotOptions.bar.horizontal && w.config.chart.type === 'bar');
+
+ if (!inversedGrid) {
+ xCount = this.xaxisLabels.length; // draw vertical lines
+
+ if (w.config.grid.xaxis.lines.show || w.config.xaxis.axisTicks.show) {
+ var x1 = w.globals.padHorizontal;
+ var y1 = 0;
+ var x2;
+ var y2 = w.globals.gridHeight;
+
+ if (w.globals.timelineLabels.length > 0) {
+ for (var _i = 0; _i < xCount; _i++) {
+ x1 = this.xaxisLabels[_i].position;
+ x2 = this.xaxisLabels[_i].position;
+
+ if (w.config.grid.xaxis.lines.show && x1 > 0 && x1 < w.globals.gridWidth) {
+ var line = graphics.drawLine(x1, y1, x2, y2, w.config.grid.borderColor, strokeDashArray);
+ line.node.classList.add('apexcharts-gridline');
+ elg.add(line);
+
+ if (this.animX) {
+ this.animateLine(line, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: x1,
+ x2: x2
+ });
+ }
+ }
+
+ var xAxis = new XAxis(this.ctx);
+ xAxis.drawXaxisTicks(x1, elg);
+ }
+ } else {
+ var xCountForCategoryCharts = xCount;
+
+ for (var _i2 = 0; _i2 < xCountForCategoryCharts; _i2++) {
+ var x1Count = xCountForCategoryCharts;
+
+ if (w.globals.isXNumeric && w.config.chart.type !== 'bar') {
+ x1Count -= 1;
+ }
+
+ x1 = x1 + w.globals.gridWidth / x1Count;
+ x2 = x1; // skip the last line
+
+ if (_i2 === x1Count - 1) break;
+
+ if (w.config.grid.xaxis.lines.show) {
+ var _line = graphics.drawLine(x1, y1, x2, y2, w.config.grid.borderColor, strokeDashArray);
+
+ _line.node.classList.add('apexcharts-gridline');
+
+ elg.add(_line);
+
+ if (this.animX) {
+ this.animateLine(_line, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: x1,
+ x2: x2
+ });
+ }
+ }
+
+ var _xAxis = new XAxis(this.ctx);
+
+ _xAxis.drawXaxisTicks(x1, elg);
+ }
+ }
+ } // draw horizontal lines
+
+
+ if (w.config.grid.yaxis.lines.show) {
+ var _x = 0;
+ var _y = 0;
+ var _y2 = 0;
+ var _x2 = w.globals.gridWidth;
+
+ for (var _i3 = 0; _i3 < tickAmount + 1; _i3++) {
+ var _line2 = graphics.drawLine(_x, _y, _x2, _y2, w.config.grid.borderColor, strokeDashArray);
+
+ elg.add(_line2);
+
+ _line2.node.classList.add('apexcharts-gridline');
+
+ if (this.animY) {
+ this.animateLine(_line2, {
+ y1: _y + 20,
+ y2: _y2 + 20
+ }, {
+ y1: _y,
+ y2: _y2
+ });
+ }
+
+ _y = _y + w.globals.gridHeight / tickAmount;
+ _y2 = _y;
+ }
+ }
+ } else {
+ xCount = tickAmount; // draw vertical lines
+
+ if (w.config.grid.xaxis.lines.show || w.config.xaxis.axisTicks.show) {
+ var _x3 = w.globals.padHorizontal;
+ var _y3 = 0;
+
+ var _x4;
+
+ var _y4 = w.globals.gridHeight;
+
+ for (var _i4 = 0; _i4 < xCount + 1; _i4++) {
+ _x3 = _x3 + w.globals.gridWidth / xCount + 0.3;
+ _x4 = _x3; // skip the last vertical line
+
+ if (_i4 === xCount - 1) break;
+
+ if (w.config.grid.xaxis.lines.show) {
+ var _line3 = graphics.drawLine(_x3, _y3, _x4, _y4, w.config.grid.borderColor, strokeDashArray);
+
+ _line3.node.classList.add('apexcharts-gridline');
+
+ elg.add(_line3);
+
+ if (this.animX) {
+ this.animateLine(_line3, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: _x3,
+ x2: _x4
+ });
+ }
+ } // skip the first vertical line
+
+
+ var _xAxis2 = new XAxis(this.ctx);
+
+ _xAxis2.drawXaxisTicks(_x3, elg);
+ }
+ } // draw horizontal lines
+
+
+ if (w.config.grid.yaxis.lines.show) {
+ var _x5 = 0;
+ var _y5 = 0;
+ var _y6 = 0;
+ var _x6 = w.globals.gridWidth;
+
+ for (var _i5 = 0; _i5 < w.globals.dataPoints + 1; _i5++) {
+ var _line4 = graphics.drawLine(_x5, _y5, _x6, _y6, w.config.grid.borderColor, strokeDashArray);
+
+ elg.add(_line4);
+
+ _line4.node.classList.add('apexcharts-gridline');
+
+ if (this.animY) {
+ this.animateLine(_line4, {
+ y1: _y5 + 20,
+ y2: _y6 + 20
+ }, {
+ y1: _y5,
+ y2: _y6
+ });
+ }
+
+ _y5 = _y5 + w.globals.gridHeight / w.globals.dataPoints;
+ _y6 = _y5;
+ }
+ }
+ }
+
+ this.drawGridBands(elg, xCount, tickAmount);
+ return {
+ el: elg,
+ xAxisTickWidth: w.globals.gridWidth / xCount
+ };
+ }
+ }, {
+ key: "drawGridBands",
+ value: function drawGridBands(elg, xCount, tickAmount) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx); // rows background bands
+
+ if (w.config.grid.row.colors !== undefined && w.config.grid.row.colors.length > 0) {
+ var x1 = 0;
+ var y1 = 0;
+ var y2 = w.globals.gridHeight / tickAmount;
+ var x2 = w.globals.gridWidth;
+
+ for (var i = 0, c = 0; i < tickAmount; i++, c++) {
+ if (c >= w.config.grid.row.colors.length) {
+ c = 0;
+ }
+
+ var color = w.config.grid.row.colors[c];
+ var rect = graphics.drawRect(x1, y1, x2, y2, 0, color, w.config.grid.row.opacity);
+ elg.add(rect);
+ rect.node.classList.add('apexcharts-gridRow');
+ y1 = y1 + w.globals.gridHeight / tickAmount;
+ }
+ } // columns background bands
+
+
+ if (w.config.grid.column.colors !== undefined && w.config.grid.column.colors.length > 0) {
+ var _x7 = w.globals.padHorizontal;
+ var _y7 = 0;
+
+ var _x8 = w.globals.padHorizontal + w.globals.gridWidth / xCount;
+
+ var _y8 = w.globals.gridHeight;
+
+ for (var _i6 = 0, _c = 0; _i6 < xCount; _i6++, _c++) {
+ if (_c >= w.config.grid.column.colors.length) {
+ _c = 0;
+ }
+
+ var _color = w.config.grid.column.colors[_c];
+
+ var _rect = graphics.drawRect(_x7, _y7, _x8, _y8, 0, _color, w.config.grid.column.opacity);
+
+ _rect.node.classList.add('apexcharts-gridColumn');
+
+ elg.add(_rect);
+ _x7 = _x7 + w.globals.gridWidth / xCount;
+ }
+ }
+ }
+ }, {
+ key: "animateLine",
+ value: function animateLine(line, from, to) {
+ var w = this.w;
+ var initialAnim = w.config.chart.animations;
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ var speed = initialAnim.speed;
+ this.anim.animateLine(line, from, to, speed);
+ }
+ }
+ }]);
+
+ return Grid;
+}();
+
+/**
+ * ApexCharts Legend Class to draw legend.
+ *
+ * @module Legend
+ **/
+
+var Legend =
+/*#__PURE__*/
+function () {
+ function Legend(ctx, opts) {
+ _classCallCheck(this, Legend);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.onLegendClick = this.onLegendClick.bind(this);
+ this.onLegendHovered = this.onLegendHovered.bind(this);
+ }
+
+ _createClass(Legend, [{
+ key: "init",
+ value: function init() {
+ var w = this.w;
+ var gl = w.globals;
+ var cnf = w.config;
+ var showLegendAlways = cnf.legend.showForSingleSeries && gl.series.length === 1 || gl.series.length > 1;
+
+ if ((showLegendAlways || !gl.axisCharts) && cnf.legend.show) {
+ while (gl.dom.elLegendWrap.firstChild) {
+ gl.dom.elLegendWrap.removeChild(gl.dom.elLegendWrap.firstChild);
+ }
+
+ this.drawLegends();
+
+ if (!Utils.isIE11()) {
+ this.appendToForeignObject();
+ } else {
+ // IE11 doesn't supports foreignObject, hence append it to <head>
+ document.getElementsByTagName('head')[0].appendChild(this.getLegendStyles());
+ }
+
+ if (cnf.legend.position === 'bottom' || cnf.legend.position === 'top') {
+ this.legendAlignHorizontal();
+ } else if (cnf.legend.position === 'right' || cnf.legend.position === 'left') {
+ this.legendAlignVertical();
+ }
+ }
+ }
+ }, {
+ key: "appendToForeignObject",
+ value: function appendToForeignObject() {
+ var gl = this.w.globals;
+ var elForeign = document.createElementNS(gl.SVGNS, 'foreignObject');
+ elForeign.setAttribute('x', 0);
+ elForeign.setAttribute('y', 0);
+ elForeign.setAttribute('width', gl.svgWidth);
+ elForeign.setAttribute('height', gl.svgHeight);
+ gl.dom.elLegendWrap.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
+ elForeign.appendChild(gl.dom.elLegendWrap);
+ elForeign.appendChild(this.getLegendStyles());
+ gl.dom.Paper.node.insertBefore(elForeign, gl.dom.elGraphical.node);
+ }
+ }, {
+ key: "drawLegends",
+ value: function drawLegends() {
+ var self = this;
+ var w = this.w;
+ var fontFamily = w.config.legend.fontFamily;
+ var legendNames = w.globals.seriesNames;
+ var fillcolor = w.globals.colors.slice();
+
+ if (w.config.chart.type === 'heatmap') {
+ var ranges = w.config.plotOptions.heatmap.colorScale.ranges;
+ legendNames = ranges.map(function (colorScale) {
+ return colorScale.name ? colorScale.name : colorScale.from + ' - ' + colorScale.to;
+ });
+ fillcolor = ranges.map(function (color) {
+ return color.color;
+ });
+ }
+
+ var legendFormatter = w.globals.legendFormatter;
+
+ for (var i = 0; i <= legendNames.length - 1; i++) {
+ var text = legendFormatter(legendNames[i], {
+ seriesIndex: i,
+ w: w
+ });
+ var collapsedSeries = false;
+ var ancillaryCollapsedSeries = false;
+
+ if (w.globals.collapsedSeries.length > 0) {
+ for (var c = 0; c < w.globals.collapsedSeries.length; c++) {
+ if (w.globals.collapsedSeries[c].index === i) {
+ collapsedSeries = true;
+ }
+ }
+ }
+
+ if (w.globals.ancillaryCollapsedSeriesIndices.length > 0) {
+ for (var _c = 0; _c < w.globals.ancillaryCollapsedSeriesIndices.length; _c++) {
+ if (w.globals.ancillaryCollapsedSeriesIndices[_c] === i) {
+ ancillaryCollapsedSeries = true;
+ }
+ }
+ }
+
+ var elMarker = document.createElement('span');
+ elMarker.classList.add('apexcharts-legend-marker');
+ var mOffsetX = w.config.legend.markers.offsetX;
+ var mOffsetY = w.config.legend.markers.offsetY;
+ var mHeight = w.config.legend.markers.height;
+ var mWidth = w.config.legend.markers.width;
+ var mBorderWidth = w.config.legend.markers.strokeWidth;
+ var mBorderColor = w.config.legend.markers.strokeColor;
+ var mBorderRadius = w.config.legend.markers.radius;
+ var mStyle = elMarker.style;
+ mStyle.background = fillcolor[i];
+ mStyle.color = fillcolor[i];
+ mStyle.height = Array.isArray(mHeight) ? parseFloat(mHeight[i]) + 'px' : parseFloat(mHeight) + 'px';
+ mStyle.width = Array.isArray(mWidth) ? parseFloat(mWidth[i]) + 'px' : parseFloat(mWidth) + 'px';
+ mStyle.left = Array.isArray(mOffsetX) ? mOffsetX[i] : mOffsetX;
+ mStyle.top = Array.isArray(mOffsetY) ? mOffsetY[i] : mOffsetY;
+ mStyle.borderWidth = Array.isArray(mBorderWidth) ? mBorderWidth[i] : mBorderWidth;
+ mStyle.borderColor = Array.isArray(mBorderColor) ? mBorderColor[i] : mBorderColor;
+ mStyle.borderRadius = Array.isArray(mBorderRadius) ? parseFloat(mBorderRadius[i]) + 'px' : parseFloat(mBorderRadius) + 'px';
+
+ if (w.config.legend.markers.customHTML) {
+ if (Array.isArray(w.config.legend.markers.customHTML)) {
+ elMarker.innerHTML = w.config.legend.markers.customHTML[i]();
+ } else {
+ elMarker.innerHTML = w.config.legend.markers.customHTML();
+ }
+ }
+
+ Graphics.setAttrs(elMarker, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+
+ if (collapsedSeries || ancillaryCollapsedSeries) {
+ elMarker.classList.add('inactive-legend');
+ }
+
+ var elLegend = document.createElement('div');
+ var elLegendText = document.createElement('span');
+ elLegendText.classList.add('apexcharts-legend-text');
+ elLegendText.innerHTML = text;
+ var textColor = w.config.legend.labels.useSeriesColors ? w.globals.colors[i] : w.config.legend.labels.colors;
+
+ if (!textColor) {
+ textColor = w.config.chart.foreColor;
+ }
+
+ elLegendText.style.color = textColor;
+ elLegendText.style.fontSize = parseFloat(w.config.legend.fontSize) + 'px';
+ elLegendText.style.fontFamily = fontFamily || w.config.chart.fontFamily;
+ Graphics.setAttrs(elLegendText, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+ elLegend.appendChild(elMarker);
+ elLegend.appendChild(elLegendText);
+ var coreUtils = new CoreUtils(this.ctx);
+
+ if (!w.config.legend.showForZeroSeries) {
+ var total = coreUtils.getSeriesTotalByIndex(i);
+
+ if (total === 0 && coreUtils.seriesHaveSameValues(i) && !coreUtils.isSeriesNull(i) && w.globals.collapsedSeriesIndices.indexOf(i) === -1 && w.globals.ancillaryCollapsedSeriesIndices.indexOf(i) === -1) {
+ elLegend.classList.add('apexcharts-hidden-zero-series');
+ }
+ }
+
+ if (!w.config.legend.showForNullSeries) {
+ if (coreUtils.isSeriesNull(i) && w.globals.collapsedSeriesIndices.indexOf(i) === -1 && w.globals.ancillaryCollapsedSeriesIndices.indexOf(i) === -1) {
+ elLegend.classList.add('apexcharts-hidden-null-series');
+ }
+ }
+
+ w.globals.dom.elLegendWrap.appendChild(elLegend);
+ w.globals.dom.elLegendWrap.classList.add(w.config.legend.horizontalAlign); // w.globals.dom.elLegendWrap.classList.add(w.config.legend.verticalAlign)
+
+ w.globals.dom.elLegendWrap.classList.add('position-' + w.config.legend.position);
+ elLegend.classList.add('apexcharts-legend-series');
+ elLegend.style.margin = "".concat(w.config.legend.itemMargin.horizontal, "px ").concat(w.config.legend.itemMargin.vertical, "px");
+ w.globals.dom.elLegendWrap.style.width = w.config.legend.width ? w.config.legend.width + 'px' : '';
+ w.globals.dom.elLegendWrap.style.height = w.config.legend.height ? w.config.legend.height + 'px' : '';
+ Graphics.setAttrs(elLegend, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+
+ if (collapsedSeries || ancillaryCollapsedSeries) {
+ elLegend.classList.add('inactive-legend');
+ }
+
+ if (!w.config.legend.onItemClick.toggleDataSeries) {
+ elLegend.classList.add('no-click');
+ }
+ } // for now - just prevent click on heatmap legend - and allow hover only
+
+
+ var clickAllowed = w.config.chart.type !== 'heatmap';
+
+ if (clickAllowed && w.config.legend.onItemClick.toggleDataSeries) {
+ w.globals.dom.elWrap.addEventListener('click', self.onLegendClick, true);
+ }
+
+ if (w.config.legend.onItemHover.highlightDataSeries) {
+ w.globals.dom.elWrap.addEventListener('mousemove', self.onLegendHovered, true);
+ w.globals.dom.elWrap.addEventListener('mouseout', self.onLegendHovered, true);
+ }
+ }
+ }, {
+ key: "getLegendBBox",
+ value: function getLegendBBox() {
+ var w = this.w;
+ var currLegendsWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var currLegendsWrapRect = currLegendsWrap.getBoundingClientRect();
+ var currLegendsWrapWidth = currLegendsWrapRect.width;
+ var currLegendsWrapHeight = currLegendsWrapRect.height;
+ return {
+ clwh: currLegendsWrapHeight,
+ clww: currLegendsWrapWidth
+ };
+ }
+ }, {
+ key: "setLegendWrapXY",
+ value: function setLegendWrapXY(offsetX, offsetY) {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var legendRect = elLegendWrap.getBoundingClientRect();
+ var x = 0;
+ var y = 0;
+
+ if (w.config.legend.position === 'bottom') {
+ y = y + (w.globals.svgHeight - legendRect.height / 2);
+ } else if (w.config.legend.position === 'top') {
+ var dim = new Dimensions(this.ctx);
+ var titleH = dim.getTitleSubtitleCoords('title').height;
+ var subtitleH = dim.getTitleSubtitleCoords('subtitle').height;
+ y = y + (titleH > 0 ? titleH - 10 : 0) + (subtitleH > 0 ? subtitleH - 10 : 0);
+ }
+
+ elLegendWrap.style.position = 'absolute';
+ x = x + offsetX + w.config.legend.offsetX;
+ y = y + offsetY + w.config.legend.offsetY;
+ elLegendWrap.style.left = x + 'px';
+ elLegendWrap.style.top = y + 'px';
+
+ if (w.config.legend.position === 'bottom') {
+ elLegendWrap.style.top = 'auto';
+ elLegendWrap.style.bottom = 10 + w.config.legend.offsetY + 'px';
+ } else if (w.config.legend.position === 'right') {
+ elLegendWrap.style.left = 'auto';
+ elLegendWrap.style.right = 25 + w.config.legend.offsetX + 'px';
+ }
+
+ if (elLegendWrap.style.width) {
+ elLegendWrap.style.width = parseInt(w.config.legend.width) + 'px';
+ }
+
+ if (elLegendWrap.style.height) {
+ elLegendWrap.style.height = parseInt(w.config.legend.height) + 'px';
+ }
+ }
+ }, {
+ key: "legendAlignHorizontal",
+ value: function legendAlignHorizontal() {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ elLegendWrap.style.right = 0;
+ var lRect = this.getLegendBBox();
+ var dimensions = new Dimensions(this.ctx);
+ var titleRect = dimensions.getTitleSubtitleCoords('title');
+ var subtitleRect = dimensions.getTitleSubtitleCoords('subtitle');
+ var offsetX = 20;
+ var offsetY = 0; // the whole legend box is set to bottom
+
+ if (w.config.legend.position === 'bottom') {
+ offsetY = -lRect.clwh / 1.8;
+ } else if (w.config.legend.position === 'top') {
+ offsetY = titleRect.height + subtitleRect.height + w.config.title.margin + w.config.subtitle.margin - 15;
+ }
+
+ this.setLegendWrapXY(offsetX, offsetY);
+ }
+ }, {
+ key: "legendAlignVertical",
+ value: function legendAlignVertical() {
+ var w = this.w;
+ var lRect = this.getLegendBBox();
+ var offsetY = 20;
+ var offsetX = 0;
+
+ if (w.config.legend.position === 'left') {
+ offsetX = 20;
+ }
+
+ if (w.config.legend.position === 'right') {
+ offsetX = w.globals.svgWidth - lRect.clww - 10;
+ }
+
+ this.setLegendWrapXY(offsetX, offsetY);
+ }
+ }, {
+ key: "onLegendHovered",
+ value: function onLegendHovered(e) {
+ var w = this.w;
+ var hoverOverLegend = e.target.classList.contains('apexcharts-legend-text') || e.target.classList.contains('apexcharts-legend-marker');
+
+ if (w.config.chart.type !== 'heatmap') {
+ if (!e.target.classList.contains('inactive-legend') && hoverOverLegend) {
+ var series = new Series(this.ctx);
+ series.toggleSeriesOnHover(e, e.target);
+ }
+ } else {
+ // for heatmap handling
+ if (hoverOverLegend) {
+ var seriesCnt = parseInt(e.target.getAttribute('rel')) - 1;
+ this.ctx.fireEvent('legendHover', [this.ctx, seriesCnt, this.w]);
+
+ var _series = new Series(this.ctx);
+
+ _series.highlightRangeInSeries(e, e.target);
+ }
+ }
+ }
+ }, {
+ key: "onLegendClick",
+ value: function onLegendClick(e) {
+ if (e.target.classList.contains('apexcharts-legend-text') || e.target.classList.contains('apexcharts-legend-marker')) {
+ var seriesCnt = parseInt(e.target.getAttribute('rel')) - 1;
+ var isHidden = e.target.getAttribute('data:collapsed') === 'true';
+ var legendClick = this.w.config.chart.events.legendClick;
+
+ if (typeof legendClick === 'function') {
+ legendClick(this.ctx, seriesCnt, this.w);
+ }
+
+ this.ctx.fireEvent('legendClick', [this.ctx, seriesCnt, this.w]);
+ var markerClick = this.w.config.legend.markers.onClick;
+
+ if (typeof markerClick === 'function' && e.target.classList.contains('apexcharts-legend-marker')) {
+ markerClick(this.ctx, seriesCnt, this.w);
+ this.ctx.fireEvent('legendMarkerClick', [this.ctx, seriesCnt, this.w]);
+ }
+
+ this.toggleDataSeries(seriesCnt, isHidden);
+ }
+ }
+ }, {
+ key: "getLegendStyles",
+ value: function getLegendStyles() {
+ var stylesheet = document.createElement('style');
+ stylesheet.setAttribute('type', 'text/css');
+ var text = "\n \n .apexcharts-legend {\n display: flex;\n overflow: auto;\n padding: 0 10px;\n }\n\n .apexcharts-legend.position-bottom, .apexcharts-legend.position-top {\n flex-wrap: wrap\n }\n .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n flex-direction: column;\n bottom: 0;\n }\n\n .apexcharts-legend.position-bottom.left, .apexcharts-legend.position-top.left, .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n justify-content: flex-start;\n }\n\n .apexcharts-legend.position-bottom.center, .apexcharts-legend.position-top.center {\n justify-content: center; \n }\n\n .apexcharts-legend.position-bottom.right, .apexcharts-legend.position-top.right {\n justify-content: flex-end;\n }\n\n .apexcharts-legend-series {\n cursor: pointer;\n line-height: normal;\n }\n\n .apexcharts-legend.position-bottom .apexcharts-legend-series, .apexcharts-legend.position-top .apexcharts-legend-series{\n display: flex;\n align-items: center;\n }\n\n .apexcharts-legend-text {\n position: relative;\n font-size: 14px;\n }\n\n .apexcharts-legend-text *, .apexcharts-legend-marker * {\n pointer-events: none;\n }\n\n .apexcharts-legend-marker {\n position: relative;\n display: inline-block;\n cursor: pointer;\n margin-right: 3px;\n }\n \n .apexcharts-legend.right .apexcharts-legend-series, .apexcharts-legend.left .apexcharts-legend-series{\n display: inline-block;\n }\n\n .apexcharts-legend-series.no-click {\n cursor: auto;\n }\n\n .apexcharts-legend .apexcharts-hidden-zero-series, .apexcharts-legend .apexcharts-hidden-null-series {\n display: none !important;\n }\n\n .inactive-legend {\n opacity: 0.45;\n }";
+ var rules = document.createTextNode(text);
+ stylesheet.appendChild(rules);
+ return stylesheet;
+ }
+ }, {
+ key: "resetToggleDataSeries",
+ value: function resetToggleDataSeries() {
+ var w = this.w;
+ var seriesEls = null;
+ var realIndexes = [];
+
+ if (w.globals.axisCharts) {
+ seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:realIndex]");
+ seriesEls.forEach(function (v) {
+ realIndexes.push(parseInt(v.getAttribute('data:realIndex')));
+ });
+ } else {
+ seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[rel]");
+ seriesEls.forEach(function (v) {
+ realIndexes.push(parseInt(v.getAttribute('rel')) - 1);
+ });
+ }
+
+ realIndexes.sort();
+
+ if (w.globals.collapsedSeries.length > 0) {
+ var risingSeries = w.globals.risingSeries.slice();
+ var series = w.config.series.slice();
+
+ for (var c = 0; c < w.globals.collapsedSeries.length; c++) {
+ var index = realIndexes.indexOf(w.globals.collapsedSeries[c].index);
+
+ if (index !== -1) {
+ if (w.globals.axisCharts) {
+ series[index].data = w.globals.collapsedSeries.slice()[c].data.slice();
+ } else {
+ series[index] = w.globals.collapsedSeries.slice()[c].data;
+ }
+
+ risingSeries.push(index);
+ }
+ }
+
+ w.globals.collapsedSeries = [];
+ w.globals.ancillaryCollapsedSeries = [];
+ w.globals.collapsedSeriesIndices = [];
+ w.globals.ancillaryCollapsedSeriesIndices = [];
+ w.globals.risingSeries = risingSeries;
+ w.config.series = series;
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ }
+ }, {
+ key: "toggleDataSeries",
+ value: function toggleDataSeries(seriesCnt, isHidden) {
+ var w = this.w;
+
+ if (w.globals.axisCharts || w.config.chart.type === 'radialBar') {
+ w.globals.resized = true; // we don't want initial animations again
+
+ var seriesEl = null;
+ var realIndex = null; // yes, make it null. 1 series will rise at a time
+
+ w.globals.risingSeries = [];
+
+ if (w.globals.axisCharts) {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesCnt, "']"));
+ realIndex = parseInt(seriesEl.getAttribute('data:realIndex'));
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "']"));
+ realIndex = parseInt(seriesEl.getAttribute('rel')) - 1;
+ }
+
+ if (isHidden) {
+ this.riseCollapsedSeries(w.globals.collapsedSeries, w.globals.collapsedSeriesIndices, realIndex);
+ this.riseCollapsedSeries(w.globals.ancillaryCollapsedSeries, w.globals.ancillaryCollapsedSeriesIndices, realIndex);
+ } else {
+ if (w.globals.axisCharts) {
+ var shouldNotHideYAxis = false;
+
+ if (w.config.yaxis[realIndex] && w.config.yaxis[realIndex].show && w.config.yaxis[realIndex].showAlways) {
+ shouldNotHideYAxis = true;
+
+ if (w.globals.ancillaryCollapsedSeriesIndices.indexOf(realIndex) < 0) {
+ w.globals.ancillaryCollapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex].data.slice(),
+ type: seriesEl.parentNode.className.baseVal.split('-')[1]
+ });
+ w.globals.ancillaryCollapsedSeriesIndices.push(realIndex);
+ }
+ }
+
+ if (!shouldNotHideYAxis) {
+ w.globals.collapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex].data.slice(),
+ type: seriesEl.parentNode.className.baseVal.split('-')[1]
+ });
+ w.globals.collapsedSeriesIndices.push(realIndex);
+ var removeIndexOfRising = w.globals.risingSeries.indexOf(realIndex);
+ w.globals.risingSeries.splice(removeIndexOfRising, 1);
+ } // TODO: AVOID mutating the user's config object below
+
+
+ w.config.series[realIndex].data = [];
+ } else {
+ w.globals.collapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex]
+ });
+ w.globals.collapsedSeriesIndices.push(realIndex);
+ w.config.series[realIndex] = 0;
+ }
+
+ var seriesChildren = seriesEl.childNodes;
+
+ for (var sc = 0; sc < seriesChildren.length; sc++) {
+ if (seriesChildren[sc].classList.contains('apexcharts-series-markers-wrap')) {
+ if (seriesChildren[sc].classList.contains('apexcharts-hide')) {
+ seriesChildren[sc].classList.remove('apexcharts-hide');
+ } else {
+ seriesChildren[sc].classList.add('apexcharts-hide');
+ }
+ }
+ }
+
+ w.globals.allSeriesCollapsed = w.globals.collapsedSeries.length === w.globals.series.length;
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ } else {
+ // for non-axis charts i.e pie / donuts
+ var _seriesEl = w.globals.dom.Paper.select(" .apexcharts-series[rel='".concat(seriesCnt + 1, "'] path"));
+
+ _seriesEl.fire('click');
+ }
+ }
+ }, {
+ key: "riseCollapsedSeries",
+ value: function riseCollapsedSeries(series, seriesIndices, realIndex) {
+ var w = this.w;
+
+ if (series.length > 0) {
+ for (var c = 0; c < series.length; c++) {
+ if (series[c].index === realIndex) {
+ if (w.globals.axisCharts) {
+ w.config.series[realIndex].data = series[c].data.slice();
+ series.splice(c, 1);
+ seriesIndices.splice(c, 1);
+ w.globals.risingSeries.push(realIndex);
+ } else {
+ w.config.series[realIndex] = series[c].data;
+ series.splice(c, 1);
+ seriesIndices.splice(c, 1);
+ w.globals.risingSeries.push(realIndex);
+ }
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ }
+ }
+ }
+ }]);
+
+ return Legend;
+}();
+
+/**
+ * ApexCharts Responsive Class to override options for different screen sizes.
+ *
+ * @module Responsive
+ **/
+
+var Responsive =
+/*#__PURE__*/
+function () {
+ function Responsive(ctx) {
+ _classCallCheck(this, Responsive);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // the opts parameter if not null has to be set overriding everything
+ // as the opts is set by user externally
+
+
+ _createClass(Responsive, [{
+ key: "checkResponsiveConfig",
+ value: function checkResponsiveConfig(opts) {
+ var _this = this;
+
+ var w = this.w;
+ var cnf = w.config; // check if responsive config exists
+
+ if (cnf.responsive.length === 0) return;
+ var res = cnf.responsive.slice();
+ res.sort(function (a, b) {
+ return a.breakpoint > b.breakpoint ? 1 : b.breakpoint > a.breakpoint ? -1 : 0;
+ }).reverse();
+ var config = new Config({});
+
+ var iterateResponsiveOptions = function iterateResponsiveOptions() {
+ var newOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+ var largestBreakpoint = res[0].breakpoint;
+ var width = window.innerWidth > 0 ? window.innerWidth : screen.width;
+
+ if (width > largestBreakpoint) {
+ var options = CoreUtils.extendArrayProps(config, w.globals.initialConfig);
+ newOptions = Utils.extend(options, newOptions);
+ newOptions = Utils.extend(w.config, newOptions);
+
+ _this.overrideResponsiveOptions(newOptions);
+ } else {
+ for (var i = 0; i < res.length; i++) {
+ if (width < res[i].breakpoint) {
+ newOptions = Utils.extend(config, newOptions);
+ newOptions = CoreUtils.extendArrayProps(newOptions, res[i].options);
+ newOptions = Utils.extend(w.config, newOptions);
+
+ _this.overrideResponsiveOptions(newOptions);
+ }
+ }
+ }
+ };
+
+ if (opts) {
+ var options = CoreUtils.extendArrayProps(config, opts);
+ options = Utils.extend(w.config, options);
+ options = Utils.extend(options, opts);
+ iterateResponsiveOptions(options);
+ } else {
+ iterateResponsiveOptions({});
+ }
+ }
+ }, {
+ key: "overrideResponsiveOptions",
+ value: function overrideResponsiveOptions(newOptions) {
+ var newConfig = new Config(newOptions).init();
+ this.w.config = newConfig;
+ }
+ }]);
+
+ return Responsive;
+}();
+
+/**
+ * ApexCharts Theme Class for setting the colors and palettes.
+ *
+ * @module Theme
+ **/
+
+var Theme =
+/*#__PURE__*/
+function () {
+ function Theme(ctx) {
+ _classCallCheck(this, Theme);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.colors = [];
+ }
+
+ _createClass(Theme, [{
+ key: "init",
+ value: function init() {
+ this.setDefaultColors();
+ }
+ }, {
+ key: "setDefaultColors",
+ value: function setDefaultColors() {
+ var w = this.w;
+ var utils = new Utils();
+
+ if (w.config.colors === undefined) {
+ w.globals.colors = this.predefined();
+ } else {
+ w.globals.colors = w.config.colors;
+ }
+
+ if (w.config.theme.monochrome.enabled) {
+ var monoArr = [];
+ var glsCnt = w.globals.series.length;
+
+ if (w.config.plotOptions.bar.distributed && w.config.chart.type === 'bar') {
+ glsCnt = w.globals.series[0].length * w.globals.series.length;
+ }
+
+ var mainColor = w.config.theme.monochrome.color;
+ var part = 1 / (glsCnt / w.config.theme.monochrome.shadeIntensity);
+ var shade = w.config.theme.monochrome.shadeTo;
+ var percent = 0;
+
+ for (var gsl = 0; gsl < glsCnt; gsl++) {
+ var newColor = void 0;
+
+ if (shade === 'dark') {
+ newColor = utils.shadeColor(percent * -1, mainColor);
+ percent = percent + part;
+ } else {
+ newColor = utils.shadeColor(percent, mainColor);
+ percent = percent + part;
+ }
+
+ monoArr.push(newColor);
+ }
+
+ w.globals.colors = monoArr.slice();
+ }
+
+ var defaultColors = w.globals.colors.slice(); // if user specfied less colors than no. of series, push the same colors again
+
+ this.pushExtraColors(w.globals.colors); // The Border colors
+
+ if (w.config.stroke.colors === undefined) {
+ w.globals.stroke.colors = defaultColors;
+ } else {
+ w.globals.stroke.colors = w.config.stroke.colors;
+ }
+
+ this.pushExtraColors(w.globals.stroke.colors); // The FILL colors
+
+ if (w.config.fill.colors === undefined) {
+ w.globals.fill.colors = defaultColors;
+ } else {
+ w.globals.fill.colors = w.config.fill.colors;
+ }
+
+ this.pushExtraColors(w.globals.fill.colors);
+
+ if (w.config.dataLabels.style.colors === undefined) {
+ w.globals.dataLabels.style.colors = defaultColors;
+ } else {
+ w.globals.dataLabels.style.colors = w.config.dataLabels.style.colors;
+ }
+
+ this.pushExtraColors(w.globals.dataLabels.style.colors, 50);
+
+ if (w.config.plotOptions.radar.polygons.fill.colors === undefined) {
+ w.globals.radarPolygons.fill.colors = ['#fff'];
+ } else {
+ w.globals.radarPolygons.fill.colors = w.config.plotOptions.radar.polygons.fill.colors;
+ }
+
+ this.pushExtraColors(w.globals.radarPolygons.fill.colors, 20); // The point colors
+
+ if (w.config.markers.colors === undefined) {
+ w.globals.markers.colors = defaultColors;
+ } else {
+ w.globals.markers.colors = w.config.markers.colors;
+ }
+
+ this.pushExtraColors(w.globals.markers.colors);
+ } // When the number of colors provided is less than the number of series, this method
+ // will push same colors to the list
+ // params:
+ // distributed is only valid for distributed column/bar charts
+
+ }, {
+ key: "pushExtraColors",
+ value: function pushExtraColors(colorSeries, length) {
+ var distributed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var w = this.w;
+ var len = length || w.globals.series.length;
+
+ if (distributed === null) {
+ distributed = w.config.chart.type === 'bar' && w.config.plotOptions.bar.distributed || w.config.chart.type === 'heatmap' && w.config.plotOptions.heatmap.colorScale.inverse;
+ }
+
+ if (distributed) {
+ len = w.globals.series[0].length * w.globals.series.length;
+ }
+
+ if (colorSeries.length < len) {
+ var diff = len - colorSeries.length;
+
+ for (var i = 0; i < diff; i++) {
+ colorSeries.push(colorSeries[i]);
+ }
+ }
+ }
+ }, {
+ key: "predefined",
+ value: function predefined() {
+ var palette = this.w.config.theme.palette; // D6E3F8, FCEFEF, DCE0D9, A5978B, EDDDD4, D6E3F8, FEF5EF
+
+ switch (palette) {
+ case 'palette1':
+ this.colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0'];
+ break;
+
+ case 'palette2':
+ this.colors = ['#3f51b5', '#03a9f4', '#4caf50', '#f9ce1d', '#FF9800'];
+ break;
+
+ case 'palette3':
+ this.colors = ['#33b2df', '#546E7A', '#d4526e', '#13d8aa', '#A5978B'];
+ break;
+
+ case 'palette4':
+ this.colors = ['#546E7A', '#4ecdc4', '#c7f464', '#81D4FA', '#fd6a6a'];
+ break;
+
+ case 'palette5':
+ this.colors = ['#2b908f', '#f9a3a4', '#90ee7e', '#fa4443', '#69d2e7'];
+ break;
+
+ case 'palette6':
+ this.colors = ['#449DD1', '#F86624', '#EA3546', '#662E9B', '#C5D86D'];
+ break;
+
+ case 'palette7':
+ this.colors = ['#D7263D', '#1B998B', '#2E294E', '#F46036', '#E2C044'];
+ break;
+
+ case 'palette8':
+ this.colors = ['#662E9B', '#F86624', '#F9C80E', '#EA3546', '#43BCCD'];
+ break;
+
+ case 'palette9':
+ this.colors = ['#5C4742', '#A5978B', '#8D5B4C', '#5A2A27', '#C4BBAF'];
+ break;
+
+ case 'palette10':
+ this.colors = ['#A300D6', '#7D02EB', '#5653FE', '#2983FF', '#00B1F2'];
+ break;
+
+ default:
+ this.colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0'];
+ break;
+ }
+
+ return this.colors;
+ }
+ }]);
+
+ return Theme;
+}();
+
+var Utils$1 =
+/*#__PURE__*/
+function () {
+ function Utils(tooltipContext) {
+ _classCallCheck(this, Utils);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ }
+ /**
+ ** When hovering over series, you need to capture which series is being hovered on.
+ ** This function will return both capturedseries index as well as inner index of that series
+ * @memberof Utils
+ * @param {object}
+ * - hoverArea = the rect on which user hovers
+ * - elGrid = dimensions of the hover rect (it can be different than hoverarea)
+ */
+
+
+ _createClass(Utils, [{
+ key: "getNearestValues",
+ value: function getNearestValues(_ref) {
+ var hoverArea = _ref.hoverArea,
+ elGrid = _ref.elGrid,
+ clientX = _ref.clientX,
+ clientY = _ref.clientY,
+ hasBars = _ref.hasBars;
+ var w = this.w;
+ var hoverWidth = w.globals.gridWidth;
+ var xDivisor = hoverWidth / (w.globals.dataPoints - 1);
+ var seriesBound = elGrid.getBoundingClientRect();
+
+ if (hasBars && w.globals.comboCharts || hasBars) {
+ xDivisor = hoverWidth / w.globals.dataPoints;
+ }
+
+ var hoverX = clientX - seriesBound.left;
+ var hoverY = clientY - seriesBound.top;
+ var inRect = hoverX < 0 || hoverY < 0 || hoverX > w.globals.gridWidth || hoverY > w.globals.gridHeight;
+
+ if (inRect) {
+ hoverArea.classList.remove('hovering-zoom');
+ hoverArea.classList.remove('hovering-pan');
+ } else {
+ if (w.globals.zoomEnabled) {
+ hoverArea.classList.remove('hovering-pan');
+ hoverArea.classList.add('hovering-zoom');
+ } else if (w.globals.panEnabled) {
+ hoverArea.classList.remove('hovering-zoom');
+ hoverArea.classList.add('hovering-pan');
+ }
+ }
+
+ var j = Math.round(hoverX / xDivisor);
+
+ if (hasBars) {
+ j = Math.ceil(hoverX / xDivisor);
+ j = j - 1;
+ }
+
+ var capturedSeries = null;
+ var closest = null;
+ var seriesXValArr = [];
+ var seriesYValArr = [];
+
+ for (var s = 0; s < w.globals.seriesXvalues.length; s++) {
+ seriesXValArr.push([w.globals.seriesXvalues[s][0] - 0.000001].concat(w.globals.seriesXvalues[s]));
+ }
+
+ seriesXValArr = seriesXValArr.map(function (seriesXVal) {
+ return seriesXVal.filter(function (s) {
+ return s;
+ });
+ });
+ seriesYValArr = w.globals.seriesYvalues.map(function (seriesYVal) {
+ return seriesYVal.filter(function (s) {
+ return s;
+ });
+ }); // if X axis type is not category and tooltip is not shared, then we need to find the cursor position and get the nearest value
+
+ if (w.globals.isXNumeric) {
+ closest = this.closestInMultiArray(hoverX, hoverY, seriesXValArr, seriesYValArr);
+ capturedSeries = closest.index;
+ j = closest.j;
+
+ if (capturedSeries !== null) {
+ // initial push, it should be a little smaller than the 1st val
+ seriesXValArr = w.globals.seriesXvalues[capturedSeries];
+ closest = this.closestInArray(hoverX, seriesXValArr);
+ j = closest.index;
+ }
+ }
+
+ if (!j || j < 1) j = 0;
+ return {
+ capturedSeries: capturedSeries,
+ j: j,
+ hoverX: hoverX,
+ hoverY: hoverY
+ };
+ }
+ }, {
+ key: "closestInMultiArray",
+ value: function closestInMultiArray(hoverX, hoverY, Xarrays, Yarrays) {
+ var w = this.w;
+ var activeIndex = 0;
+ var currIndex = null;
+ var j = -1;
+
+ if (w.globals.series.length > 1) {
+ activeIndex = this.getFirstActiveXArray(Xarrays);
+ } else {
+ currIndex = 0;
+ }
+
+ var currY = Yarrays[activeIndex][0];
+ var currX = Xarrays[activeIndex][0];
+ var diffX = Math.abs(hoverX - currX);
+ var diffY = Math.abs(hoverY - currY);
+ var diff = diffY + diffX;
+ Yarrays.map(function (arrY, arrIndex) {
+ arrY.map(function (y, innerKey) {
+ var newdiffY = Math.abs(hoverY - Yarrays[arrIndex][innerKey]);
+ var newdiffX = Math.abs(hoverX - Xarrays[arrIndex][innerKey]);
+ var newdiff = newdiffX + newdiffY;
+
+ if (newdiff < diff) {
+ diff = newdiff;
+ diffX = newdiffX;
+ diffY = newdiffY;
+ currIndex = arrIndex;
+ j = innerKey;
+ }
+ });
+ });
+ return {
+ index: currIndex,
+ j: j
+ };
+ }
+ }, {
+ key: "getFirstActiveXArray",
+ value: function getFirstActiveXArray(Xarrays) {
+ var activeIndex = 0;
+ var coreUtils = new CoreUtils(this.ctx);
+ var firstActiveSeriesIndex = Xarrays.map(function (xarr, index) {
+ if (xarr.length > 0) {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ var total = coreUtils.getSeriesTotalByIndex(a);
+
+ if (firstActiveSeriesIndex[a] !== -1 && total !== 0 && !coreUtils.seriesHaveSameValues(a)) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "closestInArray",
+ value: function closestInArray(val, arr) {
+ var curr = arr[0];
+ var currIndex = null;
+ var diff = Math.abs(val - curr);
+
+ for (var i = 0; i < arr.length; i++) {
+ var newdiff = Math.abs(val - arr[i]);
+
+ if (newdiff < diff) {
+ diff = newdiff;
+ curr = arr[i];
+ currIndex = i;
+ }
+ }
+
+ return {
+ index: currIndex
+ };
+ }
+ /**
+ * When there are multiple series, it is possible to have different x values for each series.
+ * But it may be possible in those multiple series, that there is same x value for 2 or more
+ * series.
+ * @memberof Utils
+ * @param {int}
+ * - j = is the inner index of series -> (series[i][j])
+ * @return {bool}
+ */
+
+ }, {
+ key: "isXoverlap",
+ value: function isXoverlap(j) {
+ var w = this.w;
+ var xSameForAllSeriesJArr = [];
+ var seriesX = w.globals.seriesX.filter(function (s) {
+ return typeof s[0] !== 'undefined';
+ });
+
+ if (seriesX.length > 0) {
+ for (var i = 0; i < seriesX.length - 1; i++) {
+ if (typeof seriesX[i][j] !== 'undefined' && typeof seriesX[i + 1][j] !== 'undefined') {
+ if (seriesX[i][j] !== seriesX[i + 1][j]) {
+ xSameForAllSeriesJArr.push('unEqual');
+ }
+ }
+ }
+ }
+
+ if (xSameForAllSeriesJArr.length === 0) {
+ return true;
+ }
+
+ return false;
+ }
+ }, {
+ key: "isinitialSeriesSameLen",
+ value: function isinitialSeriesSameLen() {
+ var sameLen = true;
+ var initialSeries = this.w.globals.initialSeries;
+
+ for (var i = 0; i < initialSeries.length - 1; i++) {
+ if (initialSeries[i].data.length !== initialSeries[i + 1].data.length) {
+ sameLen = false;
+ break;
+ }
+ }
+
+ return sameLen;
+ }
+ }, {
+ key: "getBarsHeight",
+ value: function getBarsHeight(allbars) {
+ var bars = _toConsumableArray(allbars);
+
+ var totalHeight = bars.reduce(function (acc, bar) {
+ return acc + bar.getBBox().height;
+ }, 0);
+ return totalHeight;
+ }
+ }, {
+ key: "toggleAllTooltipSeriesGroups",
+ value: function toggleAllTooltipSeriesGroups(state) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.allTooltipSeriesGroups.length === 0) {
+ ttCtx.allTooltipSeriesGroups = w.globals.dom.baseEl.querySelectorAll('.apexcharts-tooltip-series-group');
+ }
+
+ var allTooltipSeriesGroups = ttCtx.allTooltipSeriesGroups;
+
+ for (var i = 0; i < allTooltipSeriesGroups.length; i++) {
+ if (state === 'enable') {
+ allTooltipSeriesGroups[i].classList.add('active');
+ allTooltipSeriesGroups[i].style.display = w.config.tooltip.items.display;
+ } else {
+ allTooltipSeriesGroups[i].classList.remove('active');
+ allTooltipSeriesGroups[i].style.display = 'none';
+ }
+ }
+ }
+ }]);
+
+ return Utils;
+}();
+
+/**
+ * ApexCharts Tooltip.Labels Class to draw texts on the tooltip.
+ *
+ * @module Tooltip.Labels
+ **/
+
+var Labels =
+/*#__PURE__*/
+function () {
+ function Labels(tooltipContext) {
+ _classCallCheck(this, Labels);
+
+ this.w = tooltipContext.w;
+ this.ctx = tooltipContext.ctx;
+ this.ttCtx = tooltipContext;
+ this.tooltipUtil = new Utils$1(tooltipContext);
+ }
+
+ _createClass(Labels, [{
+ key: "drawSeriesTexts",
+ value: function drawSeriesTexts(_ref) {
+ var _ref$shared = _ref.shared,
+ shared = _ref$shared === void 0 ? true : _ref$shared,
+ ttItems = _ref.ttItems,
+ _ref$i = _ref.i,
+ i = _ref$i === void 0 ? 0 : _ref$i,
+ _ref$j = _ref.j,
+ j = _ref$j === void 0 ? null : _ref$j;
+ var w = this.w;
+
+ if (w.config.tooltip.custom !== undefined) {
+ this.handleCustomTooltip({
+ i: i,
+ j: j
+ });
+ } else {
+ this.toggleActiveInactiveSeries(shared);
+ }
+
+ var values = this.getValuesToPrint({
+ i: i,
+ j: j
+ });
+ this.printLabels({
+ i: i,
+ j: j,
+ values: values,
+ ttItems: ttItems,
+ shared: shared
+ }); // Re-calculate tooltip dimensions now that we have drawn the text
+
+ var tooltipEl = this.ttCtx.getElTooltip();
+ this.ttCtx.tooltipRect.ttWidth = tooltipEl.getBoundingClientRect().width;
+ this.ttCtx.tooltipRect.ttHeight = tooltipEl.getBoundingClientRect().height;
+ }
+ }, {
+ key: "printLabels",
+ value: function printLabels(_ref2) {
+ var i = _ref2.i,
+ j = _ref2.j,
+ values = _ref2.values,
+ ttItems = _ref2.ttItems,
+ shared = _ref2.shared;
+ var w = this.w;
+ var val;
+ var xVal = values.xVal,
+ zVal = values.zVal,
+ xAxisTTVal = values.xAxisTTVal;
+ var seriesName = '';
+ var pColor = w.globals.colors[i];
+
+ if (j !== null && w.config.plotOptions.bar.distributed) {
+ pColor = w.globals.colors[j];
+ }
+
+ for (var t = 0, inverset = w.globals.series.length - 1; t < w.globals.series.length; t++, inverset--) {
+ var f = this.getFormatters(i);
+ seriesName = this.getSeriesName({
+ fn: f.yLbTitleFormatter,
+ index: i,
+ seriesIndex: i,
+ j: j
+ });
+
+ if (shared) {
+ var tIndex = w.config.tooltip.inverseOrder ? inverset : t;
+ f = this.getFormatters(tIndex);
+ seriesName = this.getSeriesName({
+ fn: f.yLbTitleFormatter,
+ index: tIndex,
+ seriesIndex: i,
+ j: j
+ });
+ pColor = w.globals.colors[tIndex]; // for plot charts, not for pie/donuts
+
+ val = f.yLbFormatter(w.globals.series[tIndex][j], {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }); // discard 0 values in BARS
+
+ if (this.ttCtx.hasBars() && w.config.chart.stacked && w.globals.series[tIndex][j] === 0 || typeof w.globals.series[tIndex][j] === 'undefined') {
+ val = undefined;
+ }
+ } else {
+ val = f.yLbFormatter(w.globals.series[i][j], {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ } // for pie / donuts
+
+
+ if (j === null) {
+ val = f.yLbFormatter(w.globals.series[i], w);
+ }
+
+ this.DOMHandling({
+ t: t,
+ ttItems: ttItems,
+ values: {
+ val: val,
+ xVal: xVal,
+ xAxisTTVal: xAxisTTVal,
+ zVal: zVal
+ },
+ seriesName: seriesName,
+ shared: shared,
+ pColor: pColor
+ });
+ }
+ }
+ }, {
+ key: "getFormatters",
+ value: function getFormatters(i) {
+ var w = this.w;
+ var yLbFormatter = w.globals.yLabelFormatters[i];
+ var yLbTitleFormatter;
+
+ if (w.globals.ttVal !== undefined) {
+ if (Array.isArray(w.globals.ttVal)) {
+ yLbFormatter = w.globals.ttVal[i] && w.globals.ttVal[i].formatter;
+ yLbTitleFormatter = w.globals.ttVal[i] && w.globals.ttVal[i].title && w.globals.ttVal[i].title.formatter;
+ } else {
+ yLbFormatter = w.globals.ttVal.formatter;
+
+ if (typeof w.globals.ttVal.title.formatter === 'function') {
+ yLbTitleFormatter = w.globals.ttVal.title.formatter;
+ }
+ }
+ } else {
+ yLbTitleFormatter = w.config.tooltip.y.title.formatter;
+ }
+
+ if (typeof yLbFormatter !== 'function') {
+ if (w.globals.yLabelFormatters[0]) {
+ yLbFormatter = w.globals.yLabelFormatters[0];
+ } else {
+ yLbFormatter = function yLbFormatter(label) {
+ return label;
+ };
+ }
+ }
+
+ if (typeof yLbTitleFormatter !== 'function') {
+ yLbTitleFormatter = function yLbTitleFormatter(label) {
+ return label;
+ };
+ }
+
+ return {
+ yLbFormatter: yLbFormatter,
+ yLbTitleFormatter: yLbTitleFormatter
+ };
+ }
+ }, {
+ key: "getSeriesName",
+ value: function getSeriesName(_ref3) {
+ var fn = _ref3.fn,
+ index = _ref3.index,
+ seriesIndex = _ref3.seriesIndex,
+ j = _ref3.j;
+ var w = this.w;
+ return fn(String(w.globals.seriesNames[index]), {
+ series: w.globals.series,
+ seriesIndex: seriesIndex,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+ }, {
+ key: "DOMHandling",
+ value: function DOMHandling(_ref4) {
+ var t = _ref4.t,
+ ttItems = _ref4.ttItems,
+ values = _ref4.values,
+ seriesName = _ref4.seriesName,
+ shared = _ref4.shared,
+ pColor = _ref4.pColor;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var val = values.val,
+ xVal = values.xVal,
+ xAxisTTVal = values.xAxisTTVal,
+ zVal = values.zVal;
+ var ttItemsChildren = null;
+ ttItemsChildren = ttItems[t].children;
+
+ if (w.config.tooltip.fillSeriesColor) {
+ // elTooltip.style.backgroundColor = pColor
+ ttItems[t].style.backgroundColor = pColor;
+ ttItemsChildren[0].style.display = 'none';
+ }
+
+ if (ttCtx.showTooltipTitle) {
+ if (ttCtx.tooltipTitle === null) {
+ // get it once if null, and store it in class property
+ ttCtx.tooltipTitle = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip-title');
+ }
+
+ ttCtx.tooltipTitle.innerHTML = xVal;
+ } // if xaxis tooltip is constructed, we need to replace the innerHTML
+
+
+ if (ttCtx.blxaxisTooltip) {
+ ttCtx.xaxisTooltipText.innerHTML = xAxisTTVal !== '' ? xAxisTTVal : xVal;
+ }
+
+ var ttYLabel = ttItems[t].querySelector('.apexcharts-tooltip-text-label');
+
+ if (ttYLabel) {
+ ttYLabel.innerHTML = seriesName ? seriesName + ': ' : '';
+ }
+
+ var ttYVal = ttItems[t].querySelector('.apexcharts-tooltip-text-value');
+
+ if (ttYVal) {
+ ttYVal.innerHTML = val;
+ }
+
+ if (ttItemsChildren[0] && ttItemsChildren[0].classList.contains('apexcharts-tooltip-marker')) {
+ ttItemsChildren[0].style.backgroundColor = pColor;
+ }
+
+ if (!w.config.tooltip.marker.show) {
+ ttItemsChildren[0].style.display = 'none';
+ }
+
+ if (zVal !== null) {
+ var ttZLabel = ttItems[t].querySelector('.apexcharts-tooltip-text-z-label');
+ ttZLabel.innerHTML = w.config.tooltip.z.title;
+ var ttZVal = ttItems[t].querySelector('.apexcharts-tooltip-text-z-value');
+ ttZVal.innerHTML = zVal;
+ }
+
+ if (shared && ttItemsChildren[0]) {
+ // hide when no Val or series collapsed
+ if (typeof val === 'undefined' || val === null || w.globals.collapsedSeriesIndices.indexOf(t) > -1) {
+ ttItemsChildren[0].parentNode.style.display = 'none';
+ } else {
+ ttItemsChildren[0].parentNode.style.display = w.config.tooltip.items.display;
+ }
+ }
+ }
+ }, {
+ key: "toggleActiveInactiveSeries",
+ value: function toggleActiveInactiveSeries(shared) {
+ var w = this.w;
+
+ if (shared) {
+ // make all tooltips active
+ this.tooltipUtil.toggleAllTooltipSeriesGroups('enable');
+ } else {
+ // disable all tooltip text groups
+ this.tooltipUtil.toggleAllTooltipSeriesGroups('disable'); // enable the first tooltip text group
+
+ var firstTooltipSeriesGroup = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip-series-group');
+
+ if (firstTooltipSeriesGroup) {
+ firstTooltipSeriesGroup.classList.add('active');
+ firstTooltipSeriesGroup.style.display = w.config.tooltip.items.display;
+ }
+ }
+ }
+ }, {
+ key: "getValuesToPrint",
+ value: function getValuesToPrint(_ref5) {
+ var i = _ref5.i,
+ j = _ref5.j;
+ var w = this.w;
+ var filteredSeriesX = this.ctx.series.filteredSeriesX();
+ var xVal = '';
+ var xAxisTTVal = '';
+ var zVal = null;
+ var val = null;
+ var customFormatterOpts = {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ };
+ var zFormatter = w.globals.ttZFormatter;
+
+ if (j === null) {
+ val = w.globals.series[i];
+ } else {
+ if (w.globals.isXNumeric) {
+ xVal = filteredSeriesX[i][j];
+
+ if (filteredSeriesX[i].length === 0) {
+ // a series (possibly the first one) might be collapsed, so get the next active index
+ var firstActiveSeriesIndex = this.tooltipUtil.getFirstActiveXArray(filteredSeriesX);
+ xVal = filteredSeriesX[firstActiveSeriesIndex][j];
+ }
+ } else {
+ xVal = typeof w.globals.labels[j] !== 'undefined' ? w.globals.labels[j] : '';
+ }
+ }
+
+ var bufferXVal = xVal;
+
+ if (w.globals.isXNumeric && w.config.xaxis.type === 'datetime') {
+ var xFormat = new Formatters(this.ctx);
+ xVal = xFormat.xLabelFormat(w.globals.ttKeyFormatter, bufferXVal);
+ } else {
+ xVal = w.globals.xLabelFormatter(bufferXVal, customFormatterOpts);
+ } // override default x-axis formatter with tooltip formatter
+
+
+ if (w.config.tooltip.x.formatter !== undefined) {
+ xVal = w.globals.ttKeyFormatter(bufferXVal, customFormatterOpts);
+ }
+
+ if (w.globals.seriesZ.length > 0 && w.globals.seriesZ[0].length > 0) {
+ zVal = zFormatter(w.globals.seriesZ[i][j], w);
+ }
+
+ if (typeof w.config.xaxis.tooltip.formatter === 'function') {
+ xAxisTTVal = w.globals.xaxisTooltipFormatter(bufferXVal, customFormatterOpts);
+ } else {
+ xAxisTTVal = xVal;
+ }
+
+ return {
+ val: val,
+ xVal: xVal,
+ xAxisTTVal: xAxisTTVal,
+ zVal: zVal
+ };
+ }
+ }, {
+ key: "handleCustomTooltip",
+ value: function handleCustomTooltip(_ref6) {
+ var i = _ref6.i,
+ j = _ref6.j;
+ var w = this.w;
+ var tooltipEl = this.ttCtx.getElTooltip(); // override everything with a custom html tooltip and replace it
+
+ tooltipEl.innerHTML = w.config.tooltip.custom({
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+ }]);
+
+ return Labels;
+}();
+
+/**
+ * ApexCharts Tooltip.Position Class to move the tooltip based on x and y position.
+ *
+ * @module Tooltip.Position
+ **/
+
+var Position =
+/*#__PURE__*/
+function () {
+ function Position(tooltipContext) {
+ _classCallCheck(this, Position);
+
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ this.w = tooltipContext.w;
+ }
+ /**
+ * This will move the crosshair (the vertical/horz line that moves along with mouse)
+ * Along with this, this function also calls the xaxisMove function
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move crosshair
+ */
+
+
+ _createClass(Position, [{
+ key: "moveXCrosshairs",
+ value: function moveXCrosshairs(cx) {
+ var j = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+ var xcrosshairs = ttCtx.getElXCrosshairs();
+ var x = cx - ttCtx.xcrosshairsWidth / 2;
+ var tickAmount = w.globals.labels.slice().length;
+
+ if (j !== null) {
+ x = w.globals.gridWidth / tickAmount * j;
+ }
+
+ if (w.config.xaxis.crosshairs.width === 'tickWidth' || w.config.xaxis.crosshairs.width === 'barWidth') {
+ if (x + ttCtx.xcrosshairsWidth > w.globals.gridWidth) {
+ x = w.globals.gridWidth - ttCtx.xcrosshairsWidth;
+ }
+ } else {
+ if (j !== null) {
+ x = x + w.globals.gridWidth / tickAmount / 2;
+ }
+ }
+
+ if (x < 0) {
+ x = 0;
+ }
+
+ if (x > w.globals.gridWidth) {
+ x = w.globals.gridWidth;
+ }
+
+ if (xcrosshairs !== null) {
+ xcrosshairs.setAttribute('x', x);
+ xcrosshairs.setAttribute('x1', x);
+ xcrosshairs.setAttribute('x2', x);
+ xcrosshairs.setAttribute('y2', w.globals.gridHeight);
+ xcrosshairs.classList.add('active');
+ }
+
+ if (ttCtx.blxaxisTooltip) {
+ var tx = x;
+
+ if (w.config.xaxis.crosshairs.width === 'tickWidth' || w.config.xaxis.crosshairs.width === 'barWidth') {
+ tx = x + ttCtx.xcrosshairsWidth / 2;
+ }
+
+ this.moveXAxisTooltip(tx);
+ }
+ }
+ /**
+ * This will move the crosshair (the vertical/horz line that moves along with mouse)
+ * Along with this, this function also calls the xaxisMove function
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move crosshair
+ */
+
+ }, {
+ key: "moveYCrosshairs",
+ value: function moveYCrosshairs(cy) {
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.ycrosshairs !== null) {
+ Graphics.setAttrs(ttCtx.ycrosshairs, {
+ y1: cy,
+ y2: cy
+ });
+ Graphics.setAttrs(ttCtx.ycrosshairsHidden, {
+ y1: cy,
+ y2: cy
+ });
+ }
+ }
+ /**
+ ** AxisTooltip is the small rectangle which appears on x axis with x value, when user moves
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move
+ */
+
+ }, {
+ key: "moveXAxisTooltip",
+ value: function moveXAxisTooltip(cx) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.xaxisTooltip !== null) {
+ ttCtx.xaxisTooltip.classList.add('active');
+ var cy = ttCtx.xaxisOffY + w.config.xaxis.tooltip.offsetY + w.globals.translateY + 1 + w.config.xaxis.offsetY;
+ var xaxisTTText = ttCtx.xaxisTooltip.getBoundingClientRect();
+ var xaxisTTTextWidth = xaxisTTText.width;
+ cx = cx - xaxisTTTextWidth / 2;
+
+ if (!isNaN(cx)) {
+ cx = cx + w.globals.translateX;
+ var textRect = 0;
+ var graphics = new Graphics(this.ctx);
+ textRect = graphics.getTextRects(ttCtx.xaxisTooltipText.innerHTML);
+ ttCtx.xaxisTooltipText.style.minWidth = textRect.width + 'px';
+ ttCtx.xaxisTooltip.style.left = cx + 'px';
+ ttCtx.xaxisTooltip.style.top = cy + 'px';
+ }
+ }
+ }
+ }, {
+ key: "moveYAxisTooltip",
+ value: function moveYAxisTooltip(index) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.yaxisTTEls === null) {
+ ttCtx.yaxisTTEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxistooltip');
+ }
+
+ var ycrosshairsHiddenRectY1 = parseInt(ttCtx.ycrosshairsHidden.getAttribute('y1'));
+ var cy = w.globals.translateY + ycrosshairsHiddenRectY1;
+ var yAxisTTRect = ttCtx.yaxisTTEls[index].getBoundingClientRect();
+ var yAxisTTHeight = yAxisTTRect.height;
+ var cx = w.globals.translateYAxisX[index] - 2;
+
+ if (w.config.yaxis[index].opposite) {
+ cx = cx - 26;
+ }
+
+ cy = cy - yAxisTTHeight / 2;
+
+ if (w.globals.ignoreYAxisIndexes.indexOf(index) === -1) {
+ ttCtx.yaxisTTEls[index].classList.add('active');
+ ttCtx.yaxisTTEls[index].style.top = cy + 'px';
+ ttCtx.yaxisTTEls[index].style.left = cx + w.config.yaxis[index].tooltip.offsetX + 'px';
+ } else {
+ ttCtx.yaxisTTEls[index].classList.remove('active');
+ }
+ }
+ /**
+ ** moves the whole tooltip by changing x, y attrs
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move tooltip
+ * @param {int} - cy = point's y position, wherever point's y is, you need to move tooltip
+ * @param {int} - r = point's radius
+ */
+
+ }, {
+ key: "moveTooltip",
+ value: function moveTooltip(cx, cy) {
+ var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var tooltipEl = ttCtx.getElTooltip();
+ var tooltipRect = ttCtx.tooltipRect;
+ var pointR = r !== null ? parseInt(r) : 1;
+ var x = parseInt(cx) + pointR + 5;
+ var y = parseInt(cy) + pointR / 2; // - tooltipRect.ttHeight / 2
+
+ if (x > w.globals.gridWidth / 2) {
+ x = x - tooltipRect.ttWidth - pointR - 15;
+ }
+
+ if (x > w.globals.gridWidth - tooltipRect.ttWidth - 10) {
+ x = w.globals.gridWidth - tooltipRect.ttWidth;
+ }
+
+ if (x < -20) {
+ x = -20;
+ }
+
+ if (w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top - tooltipRect.ttHeight / 2;
+ }
+
+ var newPositions = this.positionChecks(tooltipRect, x, y);
+ x = newPositions.x;
+ y = newPositions.y;
+
+ if (!isNaN(x)) {
+ x = x + w.globals.translateX;
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ }
+ }
+ }, {
+ key: "positionChecks",
+ value: function positionChecks(tooltipRect, x, y) {
+ var w = this.w;
+
+ if (tooltipRect.ttHeight + y > w.globals.gridHeight) {
+ y = w.globals.gridHeight - tooltipRect.ttHeight + w.globals.translateY;
+ }
+
+ if (y < 0) {
+ y = 0;
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "moveMarkers",
+ value: function moveMarkers(i, j) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (w.globals.markers.size[i] > 0) {
+ var allPoints = w.globals.dom.baseEl.querySelectorAll(" .apexcharts-series[data\\:realIndex='".concat(i, "'] .apexcharts-marker"));
+
+ for (var p = 0; p < allPoints.length; p++) {
+ if (parseInt(allPoints[p].getAttribute('rel')) === j) {
+ ttCtx.marker.resetPointsSize();
+ ttCtx.marker.enlargeCurrentPoint(j, allPoints[p]);
+ }
+ }
+ } else {
+ ttCtx.marker.resetPointsSize();
+ this.moveDynamicPointOnHover(j, i);
+ }
+ } // This function is used when you need to show markers/points only on hover -
+ // DIFFERENT X VALUES in multiple series
+
+ }, {
+ key: "moveDynamicPointOnHover",
+ value: function moveDynamicPointOnHover(j, capturedSeries) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var cx = 0;
+ var cy = 0;
+ var pointsArr = w.globals.pointsArray;
+ var hoverSize = w.config.markers.hover.size;
+
+ if (hoverSize === undefined) {
+ hoverSize = w.globals.markers.size[capturedSeries] + w.config.markers.hover.sizeOffset;
+ }
+
+ cx = pointsArr[capturedSeries][j][0];
+ cy = pointsArr[capturedSeries][j][1] ? pointsArr[capturedSeries][j][1] : 0;
+ var point = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(capturedSeries, "'] .apexcharts-series-markers circle"));
+ point.setAttribute('r', hoverSize);
+ point.setAttribute('cx', cx);
+ point.setAttribute('cy', cy); // point.style.opacity = w.config.markers.hover.opacity
+
+ this.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ this.moveTooltip(cx, cy, hoverSize);
+ }
+ } // This function is used when you need to show markers/points only on hover -
+ // SAME X VALUES in multiple series
+
+ }, {
+ key: "moveDynamicPointsOnHover",
+ value: function moveDynamicPointsOnHover(j) {
+ var ttCtx = this.ttCtx;
+ var w = ttCtx.w;
+ var cx = 0;
+ var cy = 0;
+ var activeSeries = 0;
+ var pointsArr = w.globals.pointsArray;
+ var series = new Series(this.ctx);
+ activeSeries = series.getActiveSeriesIndex();
+ var hoverSize = w.config.markers.hover.size;
+
+ if (hoverSize === undefined) {
+ hoverSize = w.globals.markers.size[activeSeries] + w.config.markers.hover.sizeOffset;
+ }
+
+ if (pointsArr[activeSeries]) {
+ cx = pointsArr[activeSeries][j][0];
+ cy = pointsArr[activeSeries][j][1];
+ }
+
+ var points = null;
+ var allPoints = ttCtx.getAllMarkers();
+
+ if (allPoints !== null) {
+ points = allPoints;
+ } else {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers circle');
+ }
+
+ if (points !== null) {
+ for (var p = 0; p < points.length; p++) {
+ var pointArr = pointsArr[p];
+
+ if (pointArr && pointArr.length) {
+ var pcy = pointsArr[p][j][1];
+ points[p].setAttribute('cx', cx);
+ var realIndex = parseInt(points[p].parentNode.parentNode.parentNode.getAttribute('data:realIndex'));
+
+ if (pcy !== null) {
+ points[realIndex] && points[realIndex].setAttribute('r', hoverSize);
+ points[realIndex] && points[realIndex].setAttribute('cy', pcy);
+ } else {
+ points[realIndex] && points[realIndex].setAttribute('r', 0);
+ }
+ }
+ }
+ }
+
+ this.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ var tcy = cy || w.globals.gridHeight;
+ this.moveTooltip(cx, tcy, hoverSize);
+ }
+ }
+ }, {
+ key: "moveStickyTooltipOverBars",
+ value: function moveStickyTooltipOverBars(j) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var jBar = w.globals.dom.baseEl.querySelector(".apexcharts-bar-series .apexcharts-series[rel='1'] path[j='".concat(j, "'], .apexcharts-candlestick-series .apexcharts-series[rel='1'] path[j='").concat(j, "']"));
+ var bcx = jBar ? parseFloat(jBar.getAttribute('cx')) : 0;
+ var bcy = 0;
+ var bw = jBar ? parseFloat(jBar.getAttribute('barWidth')) : 0;
+
+ if (w.globals.isXNumeric) {
+ bcx = bcx - bw / 2;
+ } else {
+ bcx = ttCtx.xAxisTicksPositions[j - 1] + ttCtx.dataPointsDividedWidth / 2;
+
+ if (isNaN(bcx)) {
+ bcx = ttCtx.xAxisTicksPositions[j] - ttCtx.dataPointsDividedWidth / 2;
+ }
+ } // tooltip will move vertically along with mouse as it is a shared tooltip
+
+
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ bcy = ttCtx.e.clientY - seriesBound.top - ttCtx.tooltipRect.ttHeight / 2;
+ this.moveXCrosshairs(bcx);
+
+ if (!ttCtx.fixedTooltip) {
+ var tcy = bcy || w.globals.gridHeight;
+ this.moveTooltip(bcx, tcy);
+ }
+ }
+ }]);
+
+ return Position;
+}();
+
+/**
+ * ApexCharts Tooltip.Marker Class to draw texts on the tooltip.
+ *
+ * @module Tooltip.Marker
+ **/
+
+var Marker =
+/*#__PURE__*/
+function () {
+ function Marker(tooltipContext) {
+ _classCallCheck(this, Marker);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ this.tooltipPosition = new Position(tooltipContext);
+ }
+
+ _createClass(Marker, [{
+ key: "drawDynamicPoints",
+ value: function drawDynamicPoints() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var marker = new Markers(this.ctx);
+ var elsSeries = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series');
+
+ for (var i = 0; i < elsSeries.length; i++) {
+ var seriesIndex = parseInt(elsSeries[i].getAttribute('data:realIndex'));
+ var pointsMain = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesIndex, "'] .apexcharts-series-markers-wrap"));
+
+ if (pointsMain !== null) {
+ // it can be null as we have tooltips in donut/bar charts
+ var point = void 0;
+ var PointClasses = "apexcharts-marker w".concat((Math.random() + 1).toString(36).substring(4));
+
+ if ((w.config.chart.type === 'line' || w.config.chart.type === 'area') && !w.globals.comboCharts && !w.config.tooltip.intersect) {
+ PointClasses += ' no-pointer-events';
+ }
+
+ var elPointOptions = marker.getMarkerConfig(PointClasses, seriesIndex);
+ point = graphics.drawMarker(0, 0, elPointOptions);
+ point.node.setAttribute('default-marker-size', 0);
+ var elPointsG = document.createElementNS(w.globals.SVGNS, 'g');
+ elPointsG.classList.add('apexcharts-series-markers');
+ elPointsG.appendChild(point.node);
+ pointsMain.appendChild(elPointsG);
+ }
+ }
+ }
+ }, {
+ key: "enlargeCurrentPoint",
+ value: function enlargeCurrentPoint(rel, point) {
+ var w = this.w;
+
+ if (w.config.chart.type !== 'bubble') {
+ this.newPointSize(rel, point);
+ }
+
+ var cx = point.getAttribute('cx');
+ var cy = point.getAttribute('cy');
+ this.tooltipPosition.moveXCrosshairs(cx);
+
+ if (!this.fixedTooltip) {
+ if (w.config.chart.type === 'radar') {
+ var elGrid = this.ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ cx = this.ttCtx.e.clientX - seriesBound.left;
+ }
+
+ this.tooltipPosition.moveTooltip(cx, cy, w.config.markers.hover.size);
+ }
+ }
+ }, {
+ key: "enlargePoints",
+ value: function enlargePoints(j) {
+ var w = this.w;
+ var me = this;
+ var ttCtx = this.ttCtx;
+ var col = j;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker');
+ var newSize = w.config.markers.hover.size;
+
+ for (var p = 0; p < points.length; p++) {
+ var rel = points[p].getAttribute('rel');
+ var index = points[p].getAttribute('index');
+
+ if (newSize === undefined) {
+ newSize = w.globals.markers.size[index] + w.config.markers.hover.sizeOffset;
+ }
+
+ if (col === parseInt(rel)) {
+ me.newPointSize(col, points[p]);
+ var cx = points[p].getAttribute('cx');
+ var cy = points[p].getAttribute('cy');
+ me.tooltipPosition.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ me.tooltipPosition.moveTooltip(cx, cy, newSize);
+ }
+ } else {
+ me.oldPointSize(points[p]);
+ }
+ }
+ }
+ }, {
+ key: "newPointSize",
+ value: function newPointSize(rel, point) {
+ var w = this.w;
+ var newSize = w.config.markers.hover.size;
+ var elPoint = null;
+
+ if (rel === 0) {
+ elPoint = point.parentNode.firstChild;
+ } else {
+ elPoint = point.parentNode.lastChild;
+ }
+
+ var index = parseInt(elPoint.getAttribute('index'));
+
+ if (newSize === undefined) {
+ newSize = w.globals.markers.size[index] + w.config.markers.hover.sizeOffset;
+ }
+
+ elPoint.setAttribute('r', newSize);
+ }
+ }, {
+ key: "oldPointSize",
+ value: function oldPointSize(point) {
+ var size = parseInt(point.getAttribute('default-marker-size'));
+ point.setAttribute('r', size);
+ }
+ }, {
+ key: "resetPointsSize",
+ value: function resetPointsSize() {
+ var w = this.w;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker');
+
+ for (var p = 0; p < points.length; p++) {
+ var size = parseInt(points[p].getAttribute('default-marker-size'));
+
+ if (Utils.isNumber(size)) {
+ points[p].setAttribute('r', size);
+ } else {
+ points[p].setAttribute('r', 0);
+ }
+ }
+ }
+ }]);
+
+ return Marker;
+}();
+
+/**
+ * ApexCharts Tooltip.Intersect Class.
+ *
+ * @module Tooltip.Intersect
+ **/
+
+var Intersect =
+/*#__PURE__*/
+function () {
+ function Intersect(tooltipContext) {
+ _classCallCheck(this, Intersect);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ }
+
+ _createClass(Intersect, [{
+ key: "getAttr",
+ value: function getAttr(e, attr) {
+ return parseFloat(e.target.getAttribute(attr));
+ }
+ }, {
+ key: "handleHeatTooltip",
+ value: function handleHeatTooltip(_ref) {
+ var e = _ref.e,
+ opt = _ref.opt,
+ x = _ref.x,
+ y = _ref.y;
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+
+ if (e.target.classList.contains('apexcharts-heatmap-rect')) {
+ var i = this.getAttr(e, 'i');
+ var j = this.getAttr(e, 'j');
+ var cx = this.getAttr(e, 'cx');
+ var cy = this.getAttr(e, 'cy');
+ var width = this.getAttr(e, 'width');
+ var height = this.getAttr(e, 'height');
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: false
+ });
+ x = cx + ttCtx.tooltipRect.ttWidth / 2 + width;
+ y = cy + ttCtx.tooltipRect.ttHeight / 2 - height / 2;
+ ttCtx.tooltipPosition.moveXCrosshairs(cx + width / 2);
+
+ if (x > w.globals.gridWidth / 2) {
+ x = cx - ttCtx.tooltipRect.ttWidth / 2 + width;
+ }
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect(); // x = ttCtx.e.clientX - seriesBound.left
+
+ y = ttCtx.e.clientY - seriesBound.top + w.globals.translateY / 2 - 10;
+ }
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "handleMarkerTooltip",
+ value: function handleMarkerTooltip(_ref2) {
+ var e = _ref2.e,
+ opt = _ref2.opt,
+ x = _ref2.x,
+ y = _ref2.y;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var i;
+ var j;
+
+ if (e.target.classList.contains('apexcharts-marker')) {
+ var cx = parseInt(opt.paths.getAttribute('cx'));
+ var cy = parseInt(opt.paths.getAttribute('cy'));
+ var val = parseFloat(opt.paths.getAttribute('val'));
+ j = parseInt(opt.paths.getAttribute('rel'));
+ i = parseInt(opt.paths.parentNode.parentNode.parentNode.getAttribute('rel')) - 1;
+
+ if (ttCtx.intersect) {
+ var el = Utils.findAncestor(opt.paths, 'apexcharts-series');
+
+ if (el) {
+ i = parseInt(el.getAttribute('data:realIndex'));
+ }
+ }
+
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: ttCtx.intersect ? false : w.config.tooltip.shared
+ });
+ ttCtx.marker.enlargeCurrentPoint(j, opt.paths);
+ x = cx;
+ y = cy - ttCtx.tooltipRect.ttHeight * 1.4;
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top;
+ }
+
+ if (val < 0) {
+ y = cy;
+ }
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "handleBarTooltip",
+ value: function handleBarTooltip(_ref3) {
+ var e = _ref3.e,
+ opt = _ref3.opt;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var tooltipEl = ttCtx.getElTooltip();
+ var bx = 0;
+ var x = 0;
+ var y = 0; // let bW = 0
+
+ var i = 0;
+ var strokeWidth;
+ var barXY = this.getBarTooltipXY({
+ e: e,
+ opt: opt
+ });
+ i = barXY.i;
+ var barHeight = barXY.barHeight;
+ var j = barXY.j;
+
+ if (ttCtx.isBarHorizontal && ttCtx.hasBars() || !w.config.tooltip.shared) {
+ x = barXY.x;
+ y = barXY.y;
+ strokeWidth = Array.isArray(w.config.stroke.width) ? w.config.stroke.width[i] : w.config.stroke.width; // bW = barXY.barWidth
+
+ bx = x;
+ } else {
+ if (!w.globals.comboCharts && !w.config.tooltip.shared) {
+ bx = bx / 2;
+ }
+ } // y is NaN, make it touch the bottom of grid area
+
+
+ if (isNaN(y)) {
+ y = w.globals.svgHeight - ttCtx.tooltipRect.ttHeight;
+ } // x exceeds gridWidth
+
+
+ if (x + ttCtx.tooltipRect.ttWidth > w.globals.gridWidth) {
+ x = x - ttCtx.tooltipRect.ttWidth;
+ } else if (x < 0) {
+ x = x + ttCtx.tooltipRect.ttWidth;
+ }
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top;
+ } // if tooltip is still null, querySelector
+
+
+ if (ttCtx.tooltip === null) {
+ ttCtx.tooltip = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip');
+ }
+
+ if (!w.config.tooltip.shared) {
+ if (w.globals.comboChartsHasBars) {
+ ttCtx.tooltipPosition.moveXCrosshairs(bx + strokeWidth / 2);
+ } else {
+ ttCtx.tooltipPosition.moveXCrosshairs(bx);
+ }
+ } // move tooltip here
+
+
+ if (!ttCtx.fixedTooltip && (!w.config.tooltip.shared || ttCtx.isBarHorizontal && ttCtx.hasBars())) {
+ if (isReversed) {
+ x = w.globals.gridWidth - x;
+ }
+
+ tooltipEl.style.left = x + w.globals.translateX + 'px';
+ var seriesIndex = parseInt(opt.paths.parentNode.getAttribute('data:realIndex'));
+ var isReversed = w.globals.isMultipleYAxis ? w.config.yaxis[seriesIndex].reversed : w.config.yaxis[0].reversed;
+
+ if (isReversed && !(ttCtx.isBarHorizontal && ttCtx.hasBars())) {
+ y = y + barHeight - (w.globals.series[i][j] < 0 ? barHeight : 0) * 2;
+ }
+
+ if (ttCtx.tooltipRect.ttHeight + y > w.globals.gridHeight) {
+ y = w.globals.gridHeight - ttCtx.tooltipRect.ttHeight + w.globals.translateY;
+ tooltipEl.style.top = y + 'px';
+ } else {
+ tooltipEl.style.top = y + w.globals.translateY - ttCtx.tooltipRect.ttHeight / 2 + 'px';
+ }
+ }
+ }
+ }, {
+ key: "getBarTooltipXY",
+ value: function getBarTooltipXY(_ref4) {
+ var e = _ref4.e,
+ opt = _ref4.opt;
+ var w = this.w;
+ var j = null;
+ var ttCtx = this.ttCtx;
+ var i = 0;
+ var x = 0;
+ var y = 0;
+ var barWidth = 0;
+ var barHeight = 0;
+ var cl = e.target.classList;
+
+ if (cl.contains('apexcharts-bar-area') || cl.contains('apexcharts-candlestick-area')) {
+ var bar = e.target;
+ var barRect = bar.getBoundingClientRect();
+ var seriesBound = opt.elGrid.getBoundingClientRect();
+ var bh = barRect.height;
+ barHeight = barRect.height;
+ var bw = barRect.width;
+ var cx = parseInt(bar.getAttribute('cx'));
+ var cy = parseInt(bar.getAttribute('cy'));
+ barWidth = parseFloat(bar.getAttribute('barWidth'));
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+ j = parseInt(bar.getAttribute('j'));
+ i = parseInt(bar.parentNode.getAttribute('rel')) - 1;
+
+ if (w.globals.comboCharts) {
+ i = parseInt(bar.parentNode.getAttribute('data:realIndex'));
+ } // if (w.config.tooltip.shared) {
+ // this check not needed at the moment
+ // const yDivisor = w.globals.gridHeight / (w.globals.series.length)
+ // const hoverY = ttCtx.clientY - ttCtx.seriesBound.top
+ // j = Math.ceil(hoverY / yDivisor)
+ // }
+
+
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: ttCtx.showOnIntersect ? false : w.config.tooltip.shared
+ });
+
+ if (w.config.tooltip.followCursor) {
+ if (w.config.plotOptions.bar.horizontal) {
+ x = clientX - seriesBound.left + 15;
+ y = cy - ttCtx.dataPointsDividedHeight + bh / 2 - ttCtx.tooltipRect.ttHeight / 2;
+ } else {
+ if (w.globals.isXNumeric) {
+ x = cx - bw / 2;
+ } else {
+ x = cx - ttCtx.dataPointsDividedWidth + bw / 2;
+ }
+
+ y = e.clientY - seriesBound.top - ttCtx.tooltipRect.ttHeight / 2 - 15;
+ }
+ } else {
+ if (w.config.plotOptions.bar.horizontal) {
+ x = cx;
+
+ if (x < ttCtx.xyRatios.baseLineInvertedY) {
+ x = cx - ttCtx.tooltipRect.ttWidth;
+ }
+
+ y = cy - ttCtx.dataPointsDividedHeight + bh / 2 - ttCtx.tooltipRect.ttHeight / 2;
+ } else {
+ // if columns
+ if (w.globals.isXNumeric) {
+ x = cx - bw / 2;
+ } else {
+ x = cx - ttCtx.dataPointsDividedWidth + bw / 2;
+ }
+
+ y = cy; // - ttCtx.tooltipRect.ttHeight / 2 + 10
+ }
+ }
+ }
+
+ return {
+ x: x,
+ y: y,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ i: i,
+ j: j
+ };
+ }
+ }]);
+
+ return Intersect;
+}();
+
+/**
+ * ApexCharts Tooltip.AxesTooltip Class.
+ *
+ * @module Tooltip.AxesTooltip
+ **/
+var AxesTooltip =
+/*#__PURE__*/
+function () {
+ function AxesTooltip(tooltipContext) {
+ _classCallCheck(this, AxesTooltip);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ }
+ /**
+ * This method adds the secondary tooltip which appears below x axis
+ * @memberof Tooltip
+ **/
+
+
+ _createClass(AxesTooltip, [{
+ key: "drawXaxisTooltip",
+ value: function drawXaxisTooltip() {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var isBottom = w.config.xaxis.position === 'bottom';
+ ttCtx.xaxisOffY = isBottom ? w.globals.gridHeight + 1 : 1;
+ var tooltipCssClass = isBottom ? 'apexcharts-xaxistooltip apexcharts-xaxistooltip-bottom' : 'apexcharts-xaxistooltip apexcharts-xaxistooltip-top';
+ var renderTo = w.globals.dom.elWrap;
+
+ if (ttCtx.blxaxisTooltip) {
+ var xaxisTooltip = w.globals.dom.baseEl.querySelector('.apexcharts-xaxistooltip');
+
+ if (xaxisTooltip === null) {
+ ttCtx.xaxisTooltip = document.createElement('div');
+ ttCtx.xaxisTooltip.setAttribute('class', tooltipCssClass);
+ renderTo.appendChild(ttCtx.xaxisTooltip);
+ ttCtx.xaxisTooltipText = document.createElement('div');
+ ttCtx.xaxisTooltipText.classList.add('apexcharts-xaxistooltip-text');
+ ttCtx.xaxisTooltipText.style.fontFamily = w.config.xaxis.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ ttCtx.xaxisTooltipText.style.fontSize = w.config.xaxis.tooltip.style.fontSize;
+ ttCtx.xaxisTooltip.appendChild(ttCtx.xaxisTooltipText);
+ }
+ }
+ }
+ /**
+ * This method adds the secondary tooltip which appears below x axis
+ * @memberof Tooltip
+ **/
+
+ }, {
+ key: "drawYaxisTooltip",
+ value: function drawYaxisTooltip() {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ for (var i = 0; i < w.config.yaxis.length; i++) {
+ var isRight = w.config.yaxis[i].opposite || w.config.yaxis[i].crosshairs.opposite;
+ ttCtx.yaxisOffX = isRight ? w.globals.gridWidth + 1 : 1;
+ var tooltipCssClass = isRight ? "apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i, " apexcharts-yaxistooltip-right") : "apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i, " apexcharts-yaxistooltip-left");
+ var renderTo = w.globals.dom.elWrap;
+
+ if (ttCtx.blyaxisTooltip) {
+ var yaxisTooltip = w.globals.dom.baseEl.querySelector(".apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i));
+
+ if (yaxisTooltip === null) {
+ ttCtx.yaxisTooltip = document.createElement('div');
+ ttCtx.yaxisTooltip.setAttribute('class', tooltipCssClass);
+ renderTo.appendChild(ttCtx.yaxisTooltip);
+ if (i === 0) ttCtx.yaxisTooltipText = [];
+ ttCtx.yaxisTooltipText.push(document.createElement('div'));
+ ttCtx.yaxisTooltipText[i].classList.add('apexcharts-yaxistooltip-text');
+ ttCtx.yaxisTooltip.appendChild(ttCtx.yaxisTooltipText[i]);
+ }
+ }
+ }
+ }
+ /**
+ * @memberof Tooltip
+ **/
+
+ }, {
+ key: "setXCrosshairWidth",
+ value: function setXCrosshairWidth() {
+ var w = this.w;
+ var ttCtx = this.ttCtx; // set xcrosshairs width
+
+ var xcrosshairs = ttCtx.getElXCrosshairs();
+ ttCtx.xcrosshairsWidth = parseInt(w.config.xaxis.crosshairs.width);
+
+ if (!w.globals.comboCharts) {
+ if (w.config.xaxis.crosshairs.width === 'tickWidth') {
+ var count = w.globals.labels.length;
+ ttCtx.xcrosshairsWidth = w.globals.gridWidth / count;
+ } else if (w.config.xaxis.crosshairs.width === 'barWidth') {
+ var bar = w.globals.dom.baseEl.querySelector('.apexcharts-bar-area');
+
+ if (bar !== null) {
+ var barWidth = parseFloat(bar.getAttribute('barWidth'));
+ ttCtx.xcrosshairsWidth = barWidth;
+ } else {
+ ttCtx.xcrosshairsWidth = 1;
+ }
+ }
+ } else {
+ var _bar = w.globals.dom.baseEl.querySelector('.apexcharts-bar-area');
+
+ if (_bar !== null && w.config.xaxis.crosshairs.width === 'barWidth') {
+ var _barWidth = parseFloat(_bar.getAttribute('barWidth'));
+
+ ttCtx.xcrosshairsWidth = _barWidth;
+ } else {
+ if (w.config.xaxis.crosshairs.width === 'tickWidth') {
+ var _count = w.globals.labels.length;
+ ttCtx.xcrosshairsWidth = w.globals.gridWidth / _count;
+ }
+ }
+ }
+
+ if (w.config.chart.type === 'bar' && w.config.plotOptions.bar.horizontal) {
+ ttCtx.xcrosshairsWidth = 0;
+ }
+
+ if (xcrosshairs !== null && ttCtx.xcrosshairsWidth > 0) {
+ xcrosshairs.setAttribute('width', ttCtx.xcrosshairsWidth);
+ }
+ }
+ }, {
+ key: "handleYCrosshair",
+ value: function handleYCrosshair() {
+ var w = this.w;
+ var ttCtx = this.ttCtx; // set ycrosshairs height
+
+ ttCtx.ycrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs');
+ ttCtx.ycrosshairsHidden = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs-hidden');
+ }
+ }, {
+ key: "drawYaxisTooltipText",
+ value: function drawYaxisTooltipText(index, clientY, xyRatios) {
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+ var lbFormatter = w.globals.yLabelFormatters[index];
+
+ if (ttCtx.blyaxisTooltip) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ var hoverY = (clientY - seriesBound.top) * xyRatios.yRatio[index];
+ var height = w.globals.maxYArr[index] - w.globals.minYArr[index];
+ var val = w.globals.minYArr[index] + (height - hoverY);
+ ttCtx.tooltipPosition.moveYCrosshairs(clientY - seriesBound.top);
+ ttCtx.yaxisTooltipText[index].innerHTML = lbFormatter(val);
+ ttCtx.tooltipPosition.moveYAxisTooltip(index);
+ }
+ }
+ }]);
+
+ return AxesTooltip;
+}();
+
+/**
+ * ApexCharts Core Tooltip Class to handle the tooltip generation.
+ *
+ * @module Tooltip
+ **/
+
+var Tooltip =
+/*#__PURE__*/
+function () {
+ function Tooltip(ctx) {
+ _classCallCheck(this, Tooltip);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.tooltipUtil = new Utils$1(this);
+ this.tooltipLabels = new Labels(this);
+ this.tooltipPosition = new Position(this);
+ this.marker = new Marker(this);
+ this.intersect = new Intersect(this);
+ this.axesTooltip = new AxesTooltip(this);
+ this.showOnIntersect = w.config.tooltip.intersect;
+ this.showTooltipTitle = w.config.tooltip.x.show;
+ this.fixedTooltip = w.config.tooltip.fixed.enabled;
+ this.xaxisTooltip = null;
+ this.yaxisTTEls = null;
+ this.isBarHorizontal = w.config.plotOptions.bar.horizontal;
+ this.isBarShared = !w.config.plotOptions.bar.horizontal && w.config.tooltip.shared;
+ }
+
+ _createClass(Tooltip, [{
+ key: "getElTooltip",
+ value: function getElTooltip(ctx) {
+ if (!ctx) ctx = this;
+ return ctx.w.globals.dom.baseEl.querySelector('.apexcharts-tooltip');
+ }
+ }, {
+ key: "getElXCrosshairs",
+ value: function getElXCrosshairs() {
+ return this.w.globals.dom.baseEl.querySelector('.apexcharts-xcrosshairs');
+ }
+ }, {
+ key: "getElGrid",
+ value: function getElGrid() {
+ return this.w.globals.dom.baseEl.querySelector('.apexcharts-grid');
+ }
+ }, {
+ key: "drawTooltip",
+ value: function drawTooltip(xyRatios) {
+ var w = this.w;
+ this.xyRatios = xyRatios;
+ this.blxaxisTooltip = w.config.xaxis.tooltip.enabled && w.globals.axisCharts;
+ this.blyaxisTooltip = w.config.yaxis[0].tooltip.enabled && w.globals.axisCharts;
+ this.allTooltipSeriesGroups = [];
+
+ if (!w.globals.axisCharts) {
+ this.showTooltipTitle = false;
+ }
+
+ var tooltipEl = document.createElement('div');
+ tooltipEl.classList.add('apexcharts-tooltip');
+ tooltipEl.classList.add(w.config.tooltip.theme);
+ w.globals.dom.elWrap.appendChild(tooltipEl);
+
+ if (w.globals.axisCharts) {
+ this.axesTooltip.drawXaxisTooltip();
+ this.axesTooltip.drawYaxisTooltip();
+ this.axesTooltip.setXCrosshairWidth();
+ this.axesTooltip.handleYCrosshair();
+ var xAxis = new XAxis(this.ctx);
+ this.xAxisTicksPositions = xAxis.getXAxisTicksPositions();
+ } // we forcefully set intersect true for these conditions
+
+
+ if (w.globals.comboCharts && !w.config.tooltip.shared || w.config.tooltip.intersect && !w.config.tooltip.shared || w.config.chart.type === 'bar' && !w.config.tooltip.shared) {
+ this.showOnIntersect = true;
+ }
+
+ if (w.config.markers.size === 0 || w.globals.markers.largestSize === 0) {
+ // when user don't want to show points all the time, but only on when hovering on series
+ this.marker.drawDynamicPoints(this);
+ } // no visible series, exit
+
+
+ if (w.globals.collapsedSeries.length === w.globals.series.length) return;
+ this.dataPointsDividedHeight = w.globals.gridHeight / w.globals.dataPoints;
+ this.dataPointsDividedWidth = w.globals.gridWidth / w.globals.dataPoints;
+
+ if (this.showTooltipTitle) {
+ this.tooltipTitle = document.createElement('div');
+ this.tooltipTitle.classList.add('apexcharts-tooltip-title');
+ this.tooltipTitle.style.fontFamily = w.config.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ this.tooltipTitle.style.fontSize = w.config.tooltip.style.fontSize;
+ tooltipEl.appendChild(this.tooltipTitle);
+ }
+
+ var ttItemsCnt = w.globals.series.length; // whether shared or not, default is shared
+
+ if ((w.globals.xyCharts || w.globals.comboCharts) && w.config.tooltip.shared) {
+ if (!this.showOnIntersect) {
+ ttItemsCnt = w.globals.series.length;
+ } else {
+ ttItemsCnt = 1;
+ }
+ }
+
+ this.ttItems = this.createTTElements(ttItemsCnt);
+ this.addSVGEvents();
+ }
+ }, {
+ key: "createTTElements",
+ value: function createTTElements(ttItemsCnt) {
+ var w = this.w;
+ var ttItems = [];
+ var tooltipEl = this.getElTooltip();
+
+ for (var i = 0; i < ttItemsCnt; i++) {
+ var gTxt = document.createElement('div');
+ gTxt.classList.add('apexcharts-tooltip-series-group');
+ var point = document.createElement('span');
+ point.classList.add('apexcharts-tooltip-marker');
+ point.style.backgroundColor = w.globals.colors[i];
+ gTxt.appendChild(point);
+ var gYZ = document.createElement('div');
+ gYZ.classList.add('apexcharts-tooltip-text');
+ gYZ.style.fontFamily = w.config.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ gYZ.style.fontSize = w.config.tooltip.style.fontSize; // y values group
+
+ var gYValText = document.createElement('div');
+ gYValText.classList.add('apexcharts-tooltip-y-group');
+ var txtLabel = document.createElement('span');
+ txtLabel.classList.add('apexcharts-tooltip-text-label');
+ gYValText.appendChild(txtLabel);
+ var txtValue = document.createElement('span');
+ txtValue.classList.add('apexcharts-tooltip-text-value');
+ gYValText.appendChild(txtValue); // z values group
+
+ var gZValText = document.createElement('div');
+ gZValText.classList.add('apexcharts-tooltip-z-group');
+ var txtZLabel = document.createElement('span');
+ txtZLabel.classList.add('apexcharts-tooltip-text-z-label');
+ gZValText.appendChild(txtZLabel);
+ var txtZValue = document.createElement('span');
+ txtZValue.classList.add('apexcharts-tooltip-text-z-value');
+ gZValText.appendChild(txtZValue);
+ gYZ.appendChild(gYValText);
+ gYZ.appendChild(gZValText);
+ gTxt.appendChild(gYZ);
+ tooltipEl.appendChild(gTxt);
+ ttItems.push(gTxt);
+ }
+
+ return ttItems;
+ }
+ }, {
+ key: "addSVGEvents",
+ value: function addSVGEvents() {
+ var w = this.w;
+ var type = w.config.chart.type;
+ var tooltipEl = this.getElTooltip();
+ var barOrCandlestick = !!(type === 'bar' || type === 'candlestick');
+ var hoverArea = w.globals.dom.Paper.node;
+ var elGrid = this.getElGrid();
+
+ if (elGrid) {
+ this.seriesBound = elGrid.getBoundingClientRect();
+ }
+
+ var tooltipY = [];
+ var tooltipX = [];
+ var seriesHoverParams = {
+ hoverArea: hoverArea,
+ elGrid: elGrid,
+ tooltipEl: tooltipEl,
+ tooltipY: tooltipY,
+ tooltipX: tooltipX,
+ ttItems: this.ttItems
+ };
+ var points;
+
+ if (w.globals.axisCharts) {
+ if (type === 'area' || type === 'line' || type === 'scatter' || type === 'bubble') {
+ points = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:longestSeries='true'] .apexcharts-marker");
+ } else if (barOrCandlestick) {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-bar-area', '.apexcharts-series .apexcharts-candlestick-area');
+ } else if (type === 'heatmap') {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-heatmap');
+ } else if (type === 'radar') {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-marker');
+ }
+
+ if (points && points.length) {
+ for (var p = 0; p < points.length; p++) {
+ tooltipY.push(points[p].getAttribute('cy'));
+ tooltipX.push(points[p].getAttribute('cx'));
+ }
+ }
+ }
+
+ var validSharedChartTypes = w.globals.xyCharts && !this.showOnIntersect || w.globals.comboCharts && !this.showOnIntersect || barOrCandlestick && this.hasBars() && w.config.tooltip.shared;
+
+ if (validSharedChartTypes) {
+ this.addPathsEventListeners([hoverArea], seriesHoverParams);
+ } else if (barOrCandlestick && !w.globals.comboCharts) {
+ this.addBarsEventListeners(seriesHoverParams);
+ } else if (type === 'bubble' || type === 'scatter' || type === 'radar' || this.showOnIntersect && (type === 'area' || type === 'line')) {
+ this.addPointsEventsListeners(seriesHoverParams);
+ } else if (!w.globals.axisCharts || type === 'heatmap') {
+ var seriesAll = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series');
+ this.addPathsEventListeners(seriesAll, seriesHoverParams);
+ }
+
+ if (this.showOnIntersect) {
+ var linePoints = w.globals.dom.baseEl.querySelectorAll('.apexcharts-line-series .apexcharts-marker');
+
+ if (linePoints.length > 0) {
+ // if we find any lineSeries, addEventListeners for them
+ this.addPathsEventListeners(linePoints, seriesHoverParams);
+ }
+
+ var areaPoints = w.globals.dom.baseEl.querySelectorAll('.apexcharts-area-series .apexcharts-marker');
+
+ if (areaPoints.length > 0) {
+ // if we find any areaSeries, addEventListeners for them
+ this.addPathsEventListeners(areaPoints, seriesHoverParams);
+ } // combo charts may have bars, so add event listeners here too
+
+
+ if (this.hasBars() && !w.config.tooltip.shared) {
+ this.addBarsEventListeners(seriesHoverParams);
+ }
+ }
+ }
+ }, {
+ key: "drawFixedTooltipRect",
+ value: function drawFixedTooltipRect() {
+ var w = this.w;
+ var tooltipEl = this.getElTooltip();
+ var tooltipRect = tooltipEl.getBoundingClientRect();
+ var ttWidth = tooltipRect.width + 10;
+ var ttHeight = tooltipRect.height + 10;
+ var x = w.config.tooltip.fixed.offsetX;
+ var y = w.config.tooltip.fixed.offsetY;
+
+ if (w.config.tooltip.fixed.position.toLowerCase().indexOf('right') > -1) {
+ x = x + w.globals.svgWidth - ttWidth + 10;
+ }
+
+ if (w.config.tooltip.fixed.position.toLowerCase().indexOf('bottom') > -1) {
+ y = y + w.globals.svgHeight - ttHeight - 10;
+ }
+
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ return {
+ x: x,
+ y: y,
+ ttWidth: ttWidth,
+ ttHeight: ttHeight
+ };
+ }
+ }, {
+ key: "addPointsEventsListeners",
+ value: function addPointsEventsListeners(seriesHoverParams) {
+ var w = this.w;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers .apexcharts-marker');
+ this.addPathsEventListeners(points, seriesHoverParams);
+ }
+ }, {
+ key: "addBarsEventListeners",
+ value: function addBarsEventListeners(seriesHoverParams) {
+ var w = this.w;
+ var bars = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-area, .apexcharts-candlestick-area');
+ this.addPathsEventListeners(bars, seriesHoverParams);
+ }
+ }, {
+ key: "addPathsEventListeners",
+ value: function addPathsEventListeners(paths, opts) {
+ var _this = this;
+
+ var self = this;
+
+ var _loop = function _loop(p) {
+ var extendedOpts = {
+ paths: paths[p],
+ tooltipEl: opts.tooltipEl,
+ tooltipY: opts.tooltipY,
+ tooltipX: opts.tooltipX,
+ elGrid: opts.elGrid,
+ hoverArea: opts.hoverArea,
+ ttItems: opts.ttItems
+ };
+ _this.w.globals.tooltipOpts = extendedOpts;
+ var events = ['mousemove', 'touchmove', 'mouseout', 'touchend'];
+ events.map(function (ev) {
+ return paths[p].addEventListener(ev, self.seriesHover.bind(self, extendedOpts), {
+ capture: false,
+ passive: true
+ });
+ });
+ };
+
+ for (var p = 0; p < paths.length; p++) {
+ _loop(p);
+ }
+ }
+ /*
+ ** The actual series hover function
+ */
+
+ }, {
+ key: "seriesHover",
+ value: function seriesHover(opt, e) {
+ var _this2 = this;
+
+ var chartGroups = [];
+ var w = this.w; // if user has more than one charts in group, we need to sync
+
+ if (w.config.chart.group) {
+ chartGroups = this.ctx.getGroupedCharts();
+ }
+
+ if (w.globals.axisCharts && (w.globals.minX === -Infinity && w.globals.maxX === Infinity || w.globals.dataPoints === 0)) {
+ return;
+ }
+
+ if (chartGroups.length) {
+ chartGroups.forEach(function (ch) {
+ var tooltipEl = _this2.getElTooltip(ch);
+
+ var newOpts = {
+ paths: opt.paths,
+ tooltipEl: tooltipEl,
+ tooltipY: opt.tooltipY,
+ tooltipX: opt.tooltipX,
+ elGrid: opt.elGrid,
+ hoverArea: opt.hoverArea,
+ ttItems: ch.w.globals.tooltip.ttItems // all the charts should have the same minX and maxX (same xaxis) for multiple tooltips to work correctly
+
+ };
+
+ if (ch.w.globals.minX === _this2.w.globals.minX && ch.w.globals.maxX === _this2.w.globals.maxX) {
+ ch.w.globals.tooltip.seriesHoverByContext({
+ chartCtx: ch,
+ ttCtx: ch.w.globals.tooltip,
+ opt: newOpts,
+ e: e
+ });
+ }
+ });
+ } else {
+ this.seriesHoverByContext({
+ chartCtx: this.ctx,
+ ttCtx: this.w.globals.tooltip,
+ opt: opt,
+ e: e
+ });
+ }
+ }
+ }, {
+ key: "seriesHoverByContext",
+ value: function seriesHoverByContext(_ref) {
+ var chartCtx = _ref.chartCtx,
+ ttCtx = _ref.ttCtx,
+ opt = _ref.opt,
+ e = _ref.e;
+ var w = chartCtx.w;
+ var tooltipEl = this.getElTooltip(); // tooltipRect is calculated on every mousemove, because the text is dynamic
+
+ ttCtx.tooltipRect = {
+ x: 0,
+ y: 0,
+ ttWidth: tooltipEl.getBoundingClientRect().width,
+ ttHeight: tooltipEl.getBoundingClientRect().height
+ };
+ ttCtx.e = e; // highlight the current hovered bars
+
+ if (ttCtx.hasBars() && !w.globals.comboCharts && !ttCtx.isBarShared) {
+ if (w.config.tooltip.onDatasetHover.highlightDataSeries) {
+ var series = new Series(chartCtx);
+ series.toggleSeriesOnHover(e, e.target.parentNode);
+ }
+ }
+
+ if (ttCtx.fixedTooltip) {
+ ttCtx.drawFixedTooltipRect();
+ }
+
+ if (w.globals.axisCharts) {
+ ttCtx.axisChartsTooltips({
+ e: e,
+ opt: opt,
+ tooltipRect: ttCtx.tooltipRect
+ });
+ } else {
+ // non-plot charts i.e pie/donut/circle
+ ttCtx.nonAxisChartsTooltips({
+ e: e,
+ opt: opt,
+ tooltipRect: ttCtx.tooltipRect
+ });
+ }
+ } // tooltip handling for line/area/bar/columns/scatter
+
+ }, {
+ key: "axisChartsTooltips",
+ value: function axisChartsTooltips(_ref2) {
+ var e = _ref2.e,
+ opt = _ref2.opt;
+ var w = this.w;
+ var j, x, y;
+ var self = this;
+ var capj = null;
+ var seriesBound = opt.elGrid.getBoundingClientRect();
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+ var clientY = e.type === 'touchmove' ? e.touches[0].clientY : e.clientY;
+ this.clientY = clientY;
+ this.clientX = clientX;
+
+ if (clientY < seriesBound.top || clientY > seriesBound.top + seriesBound.height) {
+ self.handleMouseOut(opt);
+ return;
+ }
+
+ var tooltipEl = this.getElTooltip();
+ var xcrosshairs = this.getElXCrosshairs();
+ var isStickyTooltip = w.globals.xyCharts || w.config.chart.type === 'bar' && !this.isBarHorizontal && this.hasBars() && w.config.tooltip.shared || w.globals.comboCharts && this.hasBars;
+
+ if (w.config.chart.type === 'bar' && this.isBarHorizontal && this.hasBars()) {
+ isStickyTooltip = false;
+ }
+
+ if (e.type === 'mousemove' || e.type === 'touchmove') {
+ if (xcrosshairs !== null) {
+ xcrosshairs.classList.add('active');
+ }
+
+ if (self.ycrosshairs !== null && self.blyaxisTooltip) {
+ self.ycrosshairs.classList.add('active');
+ }
+
+ if (isStickyTooltip && !self.showOnIntersect) {
+ capj = self.tooltipUtil.getNearestValues({
+ context: self,
+ hoverArea: opt.hoverArea,
+ elGrid: opt.elGrid,
+ clientX: clientX,
+ clientY: clientY,
+ hasBars: self.hasBars
+ });
+ j = capj.j;
+ var capturedSeries = capj.capturedSeries;
+
+ if (capj.hoverX < 0 || capj.hoverX > w.globals.gridWidth) {
+ self.handleMouseOut(opt);
+ return;
+ }
+
+ if (capturedSeries !== null) {
+ var ignoreNull = w.globals.series[capturedSeries][j] === null;
+
+ if (ignoreNull) {
+ opt.tooltipEl.classList.remove('active');
+ return;
+ }
+
+ if (typeof w.globals.series[capturedSeries][j] !== 'undefined') {
+ if (w.config.tooltip.shared && this.tooltipUtil.isXoverlap(j) && this.tooltipUtil.isinitialSeriesSameLen()) {
+ this.create(self, capturedSeries, j, opt.ttItems);
+ } else {
+ this.create(self, capturedSeries, j, opt.ttItems, false);
+ }
+ } else {
+ if (this.tooltipUtil.isXoverlap(j)) {
+ self.create(self, 0, j, opt.ttItems);
+ }
+ }
+ } else {
+ // couldn't capture any series. check if shared X is same,
+ // if yes, draw a grouped tooltip
+ if (this.tooltipUtil.isXoverlap(j)) {
+ self.create(self, 0, j, opt.ttItems);
+ }
+ }
+ } else {
+ if (w.config.chart.type === 'heatmap') {
+ var markerXY = this.intersect.handleHeatTooltip({
+ e: e,
+ opt: opt,
+ x: x,
+ y: y
+ });
+ x = markerXY.x;
+ y = markerXY.y;
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ } else {
+ if (this.hasBars) {
+ this.intersect.handleBarTooltip({
+ e: e,
+ opt: opt
+ });
+ }
+
+ if (this.hasMarkers) {
+ // intersect - line/area/scatter/bubble
+ this.intersect.handleMarkerTooltip({
+ e: e,
+ opt: opt,
+ x: x,
+ y: y
+ });
+ }
+ }
+ }
+
+ if (this.blyaxisTooltip) {
+ for (var yt = 0; yt < w.config.yaxis.length; yt++) {
+ self.axesTooltip.drawYaxisTooltipText(yt, clientY, self.xyRatios);
+ }
+ }
+
+ opt.tooltipEl.classList.add('active');
+ } else if (e.type === 'mouseout' || e.type === 'touchend') {
+ this.handleMouseOut(opt);
+ }
+ } // tooltip handling for pie/donuts
+
+ }, {
+ key: "nonAxisChartsTooltips",
+ value: function nonAxisChartsTooltips(_ref3) {
+ var e = _ref3.e,
+ opt = _ref3.opt,
+ tooltipRect = _ref3.tooltipRect;
+ var w = this.w;
+ var rel = opt.paths.getAttribute('rel');
+ var tooltipEl = this.getElTooltip();
+ var trX = 0;
+ var trY = 0;
+ var elPie = null;
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+
+ if (w.config.chart.type === 'radialBar') {
+ elPie = w.globals.dom.baseEl.querySelector('.apexcharts-radialbar');
+ } else {
+ elPie = w.globals.dom.baseEl.querySelector('.apexcharts-pie');
+ trX = parseInt(elPie.getAttribute('data:innerTranslateX'));
+ trY = parseInt(elPie.getAttribute('data:innerTranslateY'));
+ }
+
+ var seriesBound = elPie.getBoundingClientRect();
+
+ if (e.type === 'mousemove' || e.type === 'touchmove') {
+ tooltipEl.classList.add('active');
+ this.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: parseInt(rel) - 1,
+ shared: false
+ });
+ var x = clientX - seriesBound.left - tooltipRect.ttWidth / 2.2 + trX;
+ var y = e.clientY - seriesBound.top - tooltipRect.ttHeight / 2 - 15 + trY;
+
+ if (x < 0) {
+ x = 0;
+ } else if (x + tooltipRect.ttWidth > w.globals.gridWidth) {
+ x = clientX - seriesBound.left - tooltipRect.ttWidth + trX;
+ }
+
+ if (y < 0) y = tooltipRect.ttHeight + 20;
+ tooltipEl.style.left = x + w.globals.translateX + 'px';
+ tooltipEl.style.top = y + 'px';
+ } else if (e.type === 'mouseout' || e.type === 'touchend') {
+ tooltipEl.classList.remove('active');
+ }
+ }
+ }, {
+ key: "deactivateHoverFilter",
+ value: function deactivateHoverFilter() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var allPaths = w.globals.dom.Paper.select(".apexcharts-bar-area");
+
+ for (var b = 0; b < allPaths.length; b++) {
+ graphics.pathMouseLeave(allPaths[b]);
+ }
+ }
+ }, {
+ key: "handleMouseOut",
+ value: function handleMouseOut(opt) {
+ var w = this.w;
+ var xcrosshairs = this.getElXCrosshairs();
+ opt.tooltipEl.classList.remove('active');
+ this.deactivateHoverFilter();
+
+ if (w.config.chart.type !== 'bubble') {
+ this.marker.resetPointsSize();
+ }
+
+ if (xcrosshairs !== null) {
+ xcrosshairs.classList.remove('active');
+ }
+
+ if (this.ycrosshairs !== null) {
+ this.ycrosshairs.classList.remove('active');
+ }
+
+ if (this.blxaxisTooltip) {
+ this.xaxisTooltip.classList.remove('active');
+ }
+
+ if (this.blyaxisTooltip) {
+ if (this.yaxisTTEls === null) {
+ this.yaxisTTEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxistooltip');
+ }
+
+ for (var i = 0; i < this.yaxisTTEls.length; i++) {
+ this.yaxisTTEls[i].classList.remove('active');
+ }
+ }
+ }
+ }, {
+ key: "getElMarkers",
+ value: function getElMarkers() {
+ return this.w.globals.dom.baseEl.querySelectorAll(' .apexcharts-series-markers');
+ }
+ }, {
+ key: "getAllMarkers",
+ value: function getAllMarkers() {
+ return this.w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers .apexcharts-marker');
+ }
+ }, {
+ key: "hasMarkers",
+ value: function hasMarkers() {
+ var markers = this.getElMarkers();
+ return markers.length > 0;
+ }
+ }, {
+ key: "getElBars",
+ value: function getElBars() {
+ return this.w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-series, .apexcharts-candlestick-series');
+ }
+ }, {
+ key: "hasBars",
+ value: function hasBars() {
+ var bars = this.getElBars();
+ return bars.length > 0;
+ }
+ }, {
+ key: "create",
+ value: function create(context, capturedSeries, j, ttItems) {
+ var shared = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+ var w = this.w;
+ var self = context;
+ if (shared === null) shared = w.config.tooltip.shared;
+ var hasMarkers = this.hasMarkers();
+ var bars = this.getElBars();
+
+ if (shared) {
+ self.tooltipLabels.drawSeriesTexts({
+ ttItems: ttItems,
+ i: capturedSeries,
+ j: j,
+ shared: this.showOnIntersect ? false : w.config.tooltip.shared
+ });
+
+ if (hasMarkers) {
+ if (w.globals.markers.largestSize > 0) {
+ self.marker.enlargePoints(j);
+ } else {
+ self.tooltipPosition.moveDynamicPointsOnHover(j);
+ }
+ }
+
+ if (this.hasBars()) {
+ this.barSeriesHeight = this.tooltipUtil.getBarsHeight(bars);
+
+ if (this.barSeriesHeight > 0) {
+ // hover state, activate snap filter
+ var graphics = new Graphics(this.ctx);
+ var paths = w.globals.dom.Paper.select(".apexcharts-bar-area[j='".concat(j, "']")); // de-activate first
+
+ this.deactivateHoverFilter();
+ this.tooltipPosition.moveStickyTooltipOverBars(j);
+
+ for (var b = 0; b < paths.length; b++) {
+ graphics.pathMouseEnter(paths[b]);
+ }
+ }
+ }
+ } else {
+ self.tooltipLabels.drawSeriesTexts({
+ shared: false,
+ ttItems: ttItems,
+ i: capturedSeries,
+ j: j
+ });
+
+ if (this.hasBars()) {
+ self.tooltipPosition.moveStickyTooltipOverBars(j);
+ }
+
+ if (hasMarkers) {
+ self.tooltipPosition.moveMarkers(capturedSeries, j);
+ }
+ }
+ }
+ }]);
+
+ return Tooltip;
+}();
+
+var icoPan = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n <defs>\n <path d=\"M0 0h24v24H0z\" id=\"a\"/>\n </defs>\n <clipPath id=\"b\">\n <use overflow=\"visible\" xlink:href=\"#a\"/>\n </clipPath>\n <path clip-path=\"url(#b)\" d=\"M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z\"/>\n</svg>";
+
+var icoZoom = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/>\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n <path d=\"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z\"/>\n</svg>";
+
+var icoReset = "<svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>";
+
+var icoZoomIn = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/>\n</svg>\n";
+
+var icoZoomOut = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/>\n</svg>\n";
+
+var icoSelect = "<svg fill=\"#6E8192\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2z\"/>\n</svg>";
+
+var icoMenu = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"/><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"/></svg>";
+
+/**
+ * ApexCharts Toolbar Class for creating toolbar in axis based charts.
+ *
+ * @module Toolbar
+ **/
+
+var Toolbar =
+/*#__PURE__*/
+function () {
+ function Toolbar(ctx) {
+ _classCallCheck(this, Toolbar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.ev = this.w.config.chart.events;
+ this.localeValues = this.w.globals.locale.toolbar;
+ }
+
+ _createClass(Toolbar, [{
+ key: "createToolbar",
+ value: function createToolbar() {
+ var w = this.w;
+ var elToolbarWrap = document.createElement('div');
+ elToolbarWrap.setAttribute('class', 'apexcharts-toolbar');
+ w.globals.dom.elWrap.appendChild(elToolbarWrap);
+ this.elZoom = document.createElement('div');
+ this.elZoomIn = document.createElement('div');
+ this.elZoomOut = document.createElement('div');
+ this.elPan = document.createElement('div');
+ this.elSelection = document.createElement('div');
+ this.elZoomReset = document.createElement('div');
+ this.elMenuIcon = document.createElement('div');
+ this.elMenu = document.createElement('div');
+ this.elCustomIcons = [];
+ this.t = w.config.chart.toolbar.tools;
+
+ if (Array.isArray(this.t.customIcons)) {
+ for (var i = 0; i < this.t.customIcons.length; i++) {
+ this.elCustomIcons.push(document.createElement('div'));
+ }
+ }
+
+ this.elMenuItems = [];
+ var toolbarControls = [];
+
+ if (this.t.zoomin && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomIn,
+ icon: typeof this.t.zoomin === 'string' ? this.t.zoomin : icoZoomIn,
+ title: this.localeValues.zoomIn,
+ class: 'apexcharts-zoom-in-icon'
+ });
+ }
+
+ if (this.t.zoomout && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomOut,
+ icon: typeof this.t.zoomout === 'string' ? this.t.zoomout : icoZoomOut,
+ title: this.localeValues.zoomOut,
+ class: 'apexcharts-zoom-out-icon'
+ });
+ }
+
+ if (this.t.zoom && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoom,
+ icon: typeof this.t.zoom === 'string' ? this.t.zoom : icoZoom,
+ title: this.localeValues.selectionZoom,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-zoom-icon'
+ });
+ }
+
+ if (this.t.selection && w.config.chart.selection.enabled) {
+ toolbarControls.push({
+ el: this.elSelection,
+ icon: typeof this.t.selection === 'string' ? this.t.selection : icoSelect,
+ title: this.localeValues.selection,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-selection-icon'
+ });
+ }
+
+ if (this.t.pan && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elPan,
+ icon: typeof this.t.pan === 'string' ? this.t.pan : icoPan,
+ title: this.localeValues.pan,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-pan-icon'
+ });
+ }
+
+ if (this.t.reset && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomReset,
+ icon: typeof this.t.reset === 'string' ? this.t.reset : icoReset,
+ title: this.localeValues.reset,
+ class: 'apexcharts-reset-zoom-icon'
+ });
+ }
+
+ if (this.t.download) {
+ toolbarControls.push({
+ el: this.elMenuIcon,
+ icon: typeof this.t.download === 'string' ? this.t.download : icoMenu,
+ title: this.localeValues.menu,
+ class: 'apexcharts-menu-icon'
+ });
+ }
+
+ for (var _i = 0; _i < this.elCustomIcons.length; _i++) {
+ toolbarControls.push({
+ el: this.elCustomIcons[_i],
+ icon: this.t.customIcons[_i].icon,
+ title: this.t.customIcons[_i].title,
+ index: this.t.customIcons[_i].index,
+ class: 'apexcharts-toolbar-custom-icon ' + this.t.customIcons[_i].class
+ });
+ }
+
+ toolbarControls.forEach(function (t, index) {
+ if (t.index) {
+ Utils.moveIndexInArray(toolbarControls, index, t.index);
+ }
+ });
+
+ for (var _i2 = 0; _i2 < toolbarControls.length; _i2++) {
+ Graphics.setAttrs(toolbarControls[_i2].el, {
+ class: toolbarControls[_i2].class,
+ title: toolbarControls[_i2].title
+ });
+ toolbarControls[_i2].el.innerHTML = toolbarControls[_i2].icon;
+ elToolbarWrap.appendChild(toolbarControls[_i2].el);
+ }
+
+ elToolbarWrap.appendChild(this.elMenu);
+ Graphics.setAttrs(this.elMenu, {
+ class: 'apexcharts-menu'
+ });
+ var menuItems = [{
+ name: 'exportSVG',
+ title: this.localeValues.exportToSVG
+ }, {
+ name: 'exportPNG',
+ title: this.localeValues.exportToPNG
+ }];
+
+ for (var _i3 = 0; _i3 < menuItems.length; _i3++) {
+ this.elMenuItems.push(document.createElement('div'));
+ this.elMenuItems[_i3].innerHTML = menuItems[_i3].title;
+ Graphics.setAttrs(this.elMenuItems[_i3], {
+ class: "apexcharts-menu-item ".concat(menuItems[_i3].name),
+ title: menuItems[_i3].title
+ });
+ this.elMenu.appendChild(this.elMenuItems[_i3]);
+ }
+
+ if (w.globals.zoomEnabled) {
+ this.elZoom.classList.add('selected');
+ } else if (w.globals.panEnabled) {
+ this.elPan.classList.add('selected');
+ } else if (w.globals.selectionEnabled) {
+ this.elSelection.classList.add('selected');
+ }
+
+ this.addToolbarEventListeners();
+ }
+ }, {
+ key: "addToolbarEventListeners",
+ value: function addToolbarEventListeners() {
+ var _this = this;
+
+ this.elZoomReset.addEventListener('click', this.handleZoomReset.bind(this));
+ this.elSelection.addEventListener('click', this.toggleSelection.bind(this));
+ this.elZoom.addEventListener('click', this.toggleZooming.bind(this));
+ this.elZoomIn.addEventListener('click', this.handleZoomIn.bind(this));
+ this.elZoomOut.addEventListener('click', this.handleZoomOut.bind(this));
+ this.elPan.addEventListener('click', this.togglePanning.bind(this));
+ this.elMenuIcon.addEventListener('click', this.toggleMenu.bind(this));
+ this.elMenuItems.forEach(function (m) {
+ if (m.classList.contains('exportSVG')) {
+ m.addEventListener('click', _this.downloadSVG.bind(_this));
+ } else if (m.classList.contains('exportPNG')) {
+ m.addEventListener('click', _this.downloadPNG.bind(_this));
+ }
+ });
+
+ for (var i = 0; i < this.t.customIcons.length; i++) {
+ this.elCustomIcons[i].addEventListener('click', this.t.customIcons[i].click);
+ }
+ }
+ }, {
+ key: "toggleSelection",
+ value: function toggleSelection() {
+ this.toggleOtherControls();
+ this.w.globals.selectionEnabled = !this.w.globals.selectionEnabled;
+
+ if (!this.elSelection.classList.contains('selected')) {
+ this.elSelection.classList.add('selected');
+ } else {
+ this.elSelection.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "toggleZooming",
+ value: function toggleZooming() {
+ this.toggleOtherControls();
+ this.w.globals.zoomEnabled = !this.w.globals.zoomEnabled;
+
+ if (!this.elZoom.classList.contains('selected')) {
+ this.elZoom.classList.add('selected');
+ } else {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "getToolbarIconsReference",
+ value: function getToolbarIconsReference() {
+ var w = this.w;
+
+ if (!this.elZoom) {
+ this.elZoom = w.globals.dom.baseEl.querySelector('.apexcharts-zoom-icon');
+ }
+
+ if (!this.elPan) {
+ this.elPan = w.globals.dom.baseEl.querySelector('.apexcharts-pan-icon');
+ }
+
+ if (!this.elSelection) {
+ this.elSelection = w.globals.dom.baseEl.querySelector('.apexcharts-selection-icon');
+ }
+ }
+ }, {
+ key: "enableZooming",
+ value: function enableZooming() {
+ this.toggleOtherControls();
+ this.w.globals.zoomEnabled = true;
+
+ if (this.elZoom) {
+ this.elZoom.classList.add('selected');
+ }
+
+ if (this.elPan) {
+ this.elPan.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "enablePanning",
+ value: function enablePanning() {
+ this.toggleOtherControls();
+ this.w.globals.panEnabled = true;
+
+ if (this.elPan) {
+ this.elPan.classList.add('selected');
+ }
+
+ if (this.elZoom) {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "togglePanning",
+ value: function togglePanning() {
+ this.toggleOtherControls();
+ this.w.globals.panEnabled = !this.w.globals.panEnabled;
+
+ if (!this.elPan.classList.contains('selected')) {
+ this.elPan.classList.add('selected');
+ } else {
+ this.elPan.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "toggleOtherControls",
+ value: function toggleOtherControls() {
+ var w = this.w;
+ w.globals.panEnabled = false;
+ w.globals.zoomEnabled = false;
+ w.globals.selectionEnabled = false;
+ this.getToolbarIconsReference();
+
+ if (this.elPan) {
+ this.elPan.classList.remove('selected');
+ }
+
+ if (this.elSelection) {
+ this.elSelection.classList.remove('selected');
+ }
+
+ if (this.elZoom) {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "handleZoomIn",
+ value: function handleZoomIn() {
+ var w = this.w;
+ var centerX = (w.globals.minX + w.globals.maxX) / 2;
+ var newMinX = (w.globals.minX + centerX) / 2;
+ var newMaxX = (w.globals.maxX + centerX) / 2;
+
+ if (!w.globals.disableZoomIn) {
+ this.zoomUpdateOptions(newMinX, newMaxX);
+ }
+ }
+ }, {
+ key: "handleZoomOut",
+ value: function handleZoomOut() {
+ var w = this.w; // avoid zooming out beyond 1000 which may result in NaN values being printed on x-axis
+
+ if (w.config.xaxis.type === 'datetime' && new Date(w.globals.minX).getUTCFullYear() < 1000) {
+ return;
+ }
+
+ var centerX = (w.globals.minX + w.globals.maxX) / 2;
+ var newMinX = w.globals.minX - (centerX - w.globals.minX);
+ var newMaxX = w.globals.maxX - (centerX - w.globals.maxX);
+
+ if (!w.globals.disableZoomOut) {
+ this.zoomUpdateOptions(newMinX, newMaxX);
+ }
+ }
+ }, {
+ key: "zoomUpdateOptions",
+ value: function zoomUpdateOptions(newMinX, newMaxX) {
+ var xaxis = {
+ min: newMinX,
+ max: newMaxX
+ };
+ var beforeZoomRange = this.getBeforeZoomRange(xaxis);
+
+ if (beforeZoomRange) {
+ xaxis = beforeZoomRange.xaxis;
+ }
+
+ this.w.globals.zoomed = true;
+
+ this.ctx._updateOptions({
+ xaxis: xaxis
+ }, false, this.w.config.chart.animations.dynamicAnimation.enabled);
+
+ this.zoomCallback(xaxis);
+ }
+ }, {
+ key: "zoomCallback",
+ value: function zoomCallback(xaxis, yaxis) {
+ if (typeof this.ev.zoomed === 'function') {
+ this.ev.zoomed(this.ctx, {
+ xaxis: xaxis,
+ yaxis: yaxis
+ });
+ }
+ }
+ }, {
+ key: "getBeforeZoomRange",
+ value: function getBeforeZoomRange(xaxis, yaxis) {
+ var newRange = null;
+
+ if (typeof this.ev.beforeZoom === 'function') {
+ newRange = this.ev.beforeZoom(this, {
+ xaxis: xaxis,
+ yaxis: yaxis
+ });
+ }
+
+ return newRange;
+ }
+ }, {
+ key: "toggleMenu",
+ value: function toggleMenu() {
+ if (this.elMenu.classList.contains('open')) {
+ this.elMenu.classList.remove('open');
+ } else {
+ this.elMenu.classList.add('open');
+ }
+ }
+ }, {
+ key: "downloadPNG",
+ value: function downloadPNG() {
+ var downloadPNG = new Exports(this.ctx);
+ downloadPNG.exportToPng(this.ctx);
+ this.toggleMenu();
+ }
+ }, {
+ key: "downloadSVG",
+ value: function downloadSVG() {
+ var downloadSVG = new Exports(this.ctx);
+ downloadSVG.exportToSVG();
+ this.toggleMenu();
+ }
+ }, {
+ key: "handleZoomReset",
+ value: function handleZoomReset(e) {
+ var _this2 = this;
+
+ var charts = this.ctx.getSyncedCharts();
+ charts.forEach(function (ch) {
+ var w = ch.w;
+
+ if (w.globals.minX !== w.globals.initialminX && w.globals.maxX !== w.globals.initialmaxX) {
+ ch.revertDefaultAxisMinMax();
+
+ if (typeof w.config.chart.events.zoomed === 'function') {
+ _this2.zoomCallback({
+ min: w.config.xaxis.min,
+ max: w.config.xaxis.max
+ });
+ }
+
+ w.globals.zoomed = false;
+
+ ch._updateSeries(w.globals.initialSeries, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ });
+ }
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ if (this.elZoomReset) {
+ this.elZoomReset.removeEventListener('click', this.handleZoomReset.bind(this));
+ this.elSelection.removeEventListener('click', this.toggleSelection.bind(this));
+ this.elZoom.removeEventListener('click', this.toggleZooming.bind(this));
+ this.elZoomIn.removeEventListener('click', this.handleZoomIn.bind(this));
+ this.elZoomOut.removeEventListener('click', this.handleZoomOut.bind(this));
+ this.elPan.removeEventListener('click', this.togglePanning.bind(this));
+ this.elMenuIcon.removeEventListener('click', this.toggleMenu.bind(this));
+ }
+
+ this.elZoom = null;
+ this.elZoomIn = null;
+ this.elZoomOut = null;
+ this.elPan = null;
+ this.elSelection = null;
+ this.elZoomReset = null;
+ this.elMenuIcon = null;
+ }
+ }]);
+
+ return Toolbar;
+}();
+
+/**
+ * ApexCharts Zoom Class for handling zooming and panning on axes based charts.
+ *
+ * @module ZoomPanSelection
+ **/
+
+var ZoomPanSelection =
+/*#__PURE__*/
+function (_Toolbar) {
+ _inherits(ZoomPanSelection, _Toolbar);
+
+ function ZoomPanSelection(ctx) {
+ var _this;
+
+ _classCallCheck(this, ZoomPanSelection);
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(ZoomPanSelection).call(this, ctx));
+ _this.ctx = ctx;
+ _this.w = ctx.w;
+ _this.dragged = false;
+ _this.graphics = new Graphics(_this.ctx);
+ _this.eventList = ['mousedown', 'mousemove', 'touchstart', 'touchmove', 'mouseup', 'touchend'];
+ _this.clientX = 0;
+ _this.clientY = 0;
+ _this.startX = 0;
+ _this.endX = 0;
+ _this.dragX = 0;
+ _this.startY = 0;
+ _this.endY = 0;
+ _this.dragY = 0;
+ return _this;
+ }
+
+ _createClass(ZoomPanSelection, [{
+ key: "init",
+ value: function init(_ref) {
+ var _this2 = this;
+
+ var xyRatios = _ref.xyRatios;
+ var w = this.w;
+ var me = this;
+ this.xyRatios = xyRatios;
+ this.zoomRect = this.graphics.drawRect(0, 0, 0, 0);
+ this.selectionRect = this.graphics.drawRect(0, 0, 0, 0);
+ this.gridRect = w.globals.dom.baseEl.querySelector('.apexcharts-grid');
+ this.zoomRect.node.classList.add('apexcharts-zoom-rect');
+ this.selectionRect.node.classList.add('apexcharts-selection-rect');
+ w.globals.dom.elGraphical.add(this.zoomRect);
+ w.globals.dom.elGraphical.add(this.selectionRect);
+
+ if (w.config.chart.selection.type === 'x') {
+ this.slDraggableRect = this.selectionRect.draggable({
+ minX: 0,
+ minY: 0,
+ maxX: w.globals.gridWidth,
+ maxY: w.globals.gridHeight
+ }).on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ } else if (w.config.chart.selection.type === 'y') {
+ this.slDraggableRect = this.selectionRect.draggable({
+ minX: 0,
+ maxX: w.globals.gridWidth
+ }).on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ } else {
+ this.slDraggableRect = this.selectionRect.draggable().on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ }
+
+ this.preselectedSelection();
+ this.hoverArea = w.globals.dom.baseEl.querySelector(w.globals.chartClass);
+ this.hoverArea.classList.add('zoomable');
+ this.eventList.forEach(function (event) {
+ _this2.hoverArea.addEventListener(event, me.svgMouseEvents.bind(me, xyRatios), {
+ capture: false,
+ passive: true
+ });
+ });
+ } // remove the event listeners which were previously added on hover area
+
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ var _this3 = this;
+
+ var me = this;
+ this.eventList.forEach(function (event) {
+ if (_this3.hoverArea) {
+ _this3.hoverArea.removeEventListener(event, me.svgMouseEvents.bind(me, me.xyRatios), {
+ capture: false,
+ passive: true
+ });
+ }
+ });
+
+ if (this.slDraggableRect) {
+ this.slDraggableRect.draggable(false);
+ this.slDraggableRect.off();
+ this.selectionRect.off();
+ }
+
+ this.selectionRect = null;
+ this.zoomRect = null;
+ this.gridRect = null;
+ }
+ }, {
+ key: "svgMouseEvents",
+ value: function svgMouseEvents(xyRatios, e) {
+ var w = this.w;
+ var me = this;
+ var toolbar = this.ctx.toolbar;
+ var zoomtype = w.globals.zoomEnabled ? w.config.chart.zoom.type : w.config.chart.selection.type;
+
+ if (e.shiftKey) {
+ this.shiftWasPressed = true;
+ toolbar.enablePanning();
+ } else {
+ if (this.shiftWasPressed) {
+ toolbar.enableZooming();
+ this.shiftWasPressed = false;
+ }
+ }
+
+ var falsePositives = e.target.classList.contains('apexcharts-selection-rect') || e.target.parentNode.classList.contains('apexcharts-toolbar');
+ if (falsePositives) return;
+ me.clientX = e.type === 'touchmove' || e.type === 'touchstart' ? e.touches[0].clientX : e.type === 'touchend' ? e.changedTouches[0].clientX : e.clientX;
+ me.clientY = e.type === 'touchmove' || e.type === 'touchstart' ? e.touches[0].clientY : e.type === 'touchend' ? e.changedTouches[0].clientY : e.clientY;
+
+ if (e.type === 'mousedown' && e.which === 1) {
+ var gridRectDim = me.gridRect.getBoundingClientRect();
+ me.startX = me.clientX - gridRectDim.left;
+ me.startY = me.clientY - gridRectDim.top;
+ me.dragged = false;
+ me.w.globals.mousedown = true;
+ }
+
+ if (e.type === 'mousemove' && e.which === 1 || e.type === 'touchmove') {
+ me.dragged = true;
+
+ if (w.globals.panEnabled) {
+ w.globals.selection = null;
+
+ if (me.w.globals.mousedown) {
+ me.panDragging({
+ context: me,
+ zoomtype: zoomtype,
+ xyRatios: xyRatios
+ });
+ }
+ } else {
+ if (me.w.globals.mousedown && w.globals.zoomEnabled || me.w.globals.mousedown && w.globals.selectionEnabled) {
+ me.selection = me.selectionDrawing({
+ context: me,
+ zoomtype: zoomtype
+ });
+ }
+ }
+ }
+
+ if (e.type === 'mouseup' || e.type === 'touchend') {
+ // we will be calling getBoundingClientRect on each mousedown/mousemove/mouseup
+ var _gridRectDim = me.gridRect.getBoundingClientRect();
+
+ if (me.w.globals.mousedown) {
+ // user released the drag, now do all the calculations
+ me.endX = me.clientX - _gridRectDim.left;
+ me.endY = me.clientY - _gridRectDim.top;
+ me.dragX = Math.abs(me.endX - me.startX);
+ me.dragY = Math.abs(me.endY - me.startY);
+
+ if (w.globals.zoomEnabled || w.globals.selectionEnabled) {
+ me.selectionDrawn({
+ context: me,
+ zoomtype: zoomtype
+ });
+ }
+ }
+
+ if (w.globals.zoomEnabled) {
+ me.hideSelectionRect(this.selectionRect);
+ }
+
+ me.dragged = false;
+ me.w.globals.mousedown = false;
+ }
+
+ this.makeSelectionRectDraggable();
+ }
+ }, {
+ key: "makeSelectionRectDraggable",
+ value: function makeSelectionRectDraggable() {
+ var w = this.w;
+ if (!this.selectionRect) return;
+ var rectDim = this.selectionRect.node.getBoundingClientRect();
+
+ if (rectDim.width > 0 && rectDim.height > 0) {
+ this.slDraggableRect.selectize().resize({
+ constraint: {
+ minX: 0,
+ minY: 0,
+ maxX: w.globals.gridWidth,
+ maxY: w.globals.gridHeight
+ }
+ }).on('resizing', this.selectionDragging.bind(this, 'resizing'));
+ }
+ }
+ }, {
+ key: "preselectedSelection",
+ value: function preselectedSelection() {
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+
+ if (!w.globals.zoomEnabled) {
+ if (typeof w.globals.selection !== 'undefined' && w.globals.selection !== null) {
+ this.drawSelectionRect(w.globals.selection);
+ } else {
+ if (w.config.chart.selection.xaxis.min !== undefined && w.config.chart.selection.xaxis.max !== undefined) {
+ var x = (w.config.chart.selection.xaxis.min - w.globals.minX) / xyRatios.xRatio;
+ var width = w.globals.gridWidth - (w.globals.maxX - w.config.chart.selection.xaxis.max) / xyRatios.xRatio - x;
+ var selectionRect = {
+ x: x,
+ y: 0,
+ width: width,
+ height: w.globals.gridHeight,
+ translateX: 0,
+ translateY: 0,
+ selectionEnabled: true
+ };
+ this.drawSelectionRect(selectionRect);
+ this.makeSelectionRectDraggable();
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ w.config.chart.events.selection(this.ctx, {
+ xaxis: {
+ min: w.config.chart.selection.xaxis.min,
+ max: w.config.chart.selection.xaxis.max
+ },
+ yaxis: {}
+ });
+ }
+ }
+ }
+ }
+ }
+ }, {
+ key: "drawSelectionRect",
+ value: function drawSelectionRect(_ref2) {
+ var x = _ref2.x,
+ y = _ref2.y,
+ width = _ref2.width,
+ height = _ref2.height,
+ translateX = _ref2.translateX,
+ translateY = _ref2.translateY;
+ var w = this.w;
+ var zoomRect = this.zoomRect;
+ var selectionRect = this.selectionRect;
+
+ if (this.dragged || w.globals.selection !== null) {
+ var scalingAttrs = {
+ transform: 'translate(' + translateX + ', ' + translateY + ')' // change styles based on zoom or selection
+ // zoom is Enabled and user has dragged, so draw blue rect
+
+ };
+
+ if (w.globals.zoomEnabled && this.dragged) {
+ zoomRect.attr({
+ x: x,
+ y: y,
+ width: width,
+ height: height,
+ fill: w.config.chart.zoom.zoomedArea.fill.color,
+ 'fill-opacity': w.config.chart.zoom.zoomedArea.fill.opacity,
+ stroke: w.config.chart.zoom.zoomedArea.stroke.color,
+ 'stroke-width': w.config.chart.zoom.zoomedArea.stroke.width,
+ 'stroke-opacity': w.config.chart.zoom.zoomedArea.stroke.opacity
+ });
+ Graphics.setAttrs(zoomRect.node, scalingAttrs);
+ } // selection is enabled
+
+
+ if (w.globals.selectionEnabled) {
+ selectionRect.attr({
+ x: x,
+ y: y,
+ width: width > 0 ? width : 0,
+ height: height > 0 ? height : 0,
+ fill: w.config.chart.selection.fill.color,
+ 'fill-opacity': w.config.chart.selection.fill.opacity,
+ stroke: w.config.chart.selection.stroke.color,
+ 'stroke-width': w.config.chart.selection.stroke.width,
+ 'stroke-dasharray': w.config.chart.selection.stroke.dashArray,
+ 'stroke-opacity': w.config.chart.selection.stroke.opacity
+ });
+ Graphics.setAttrs(selectionRect.node, scalingAttrs);
+ }
+ }
+ }
+ }, {
+ key: "hideSelectionRect",
+ value: function hideSelectionRect(rect) {
+ if (rect) {
+ rect.attr({
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0
+ });
+ }
+ }
+ }, {
+ key: "selectionDrawing",
+ value: function selectionDrawing(_ref3) {
+ var context = _ref3.context,
+ zoomtype = _ref3.zoomtype;
+ var w = this.w;
+ var me = context;
+ var gridRectDim = this.gridRect.getBoundingClientRect();
+ var startX = me.startX - 1;
+ var startY = me.startY;
+ var selectionWidth = me.clientX - gridRectDim.left - startX;
+ var selectionHeight = me.clientY - gridRectDim.top - startY;
+ var translateX = 0;
+ var translateY = 0;
+ var selectionRect = {};
+
+ if (Math.abs(selectionWidth + startX) > w.globals.gridWidth || me.clientX - gridRectDim.left < 0) {
+ // user dragged the mouse outside drawing area
+ // TODO: test the selectionRect and make sure it doesn't crosses drawing area
+ me.hideSelectionRect(this.zoomRect);
+ me.dragged = false;
+ me.w.globals.mousedown = false;
+ } // inverse selection X
+
+
+ if (startX > me.clientX - gridRectDim.left) {
+ selectionWidth = Math.abs(selectionWidth);
+ translateX = -selectionWidth;
+ } // inverse selection Y
+
+
+ if (startY > me.clientY - gridRectDim.top) {
+ selectionHeight = Math.abs(selectionHeight);
+ translateY = -selectionHeight;
+ }
+
+ if (zoomtype === 'x') {
+ selectionRect = {
+ x: startX,
+ y: 0,
+ width: selectionWidth,
+ height: w.globals.gridHeight,
+ translateX: translateX,
+ translateY: 0
+ };
+ } else if (zoomtype === 'y') {
+ selectionRect = {
+ x: 0,
+ y: startY,
+ width: w.globals.gridWidth,
+ height: selectionHeight,
+ translateX: 0,
+ translateY: translateY
+ };
+ } else {
+ selectionRect = {
+ x: startX,
+ y: startY,
+ width: selectionWidth,
+ height: selectionHeight,
+ translateX: translateX,
+ translateY: translateY
+ };
+ }
+
+ me.drawSelectionRect(selectionRect);
+ return selectionRect;
+ }
+ }, {
+ key: "selectionDragging",
+ value: function selectionDragging(type, e) {
+ var _this4 = this;
+
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+ var selRect = this.selectionRect;
+ var timerInterval = 0;
+
+ if (type === 'resizing') {
+ timerInterval = 30;
+ }
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ // a small debouncer is required when resizing to avoid freezing the chart
+ clearTimeout(this.w.globals.selectionResizeTimer);
+ this.w.globals.selectionResizeTimer = window.setTimeout(function () {
+ var gridRectDim = _this4.gridRect.getBoundingClientRect();
+
+ var selectionRect = selRect.node.getBoundingClientRect();
+ var minX = w.globals.xAxisScale.niceMin + (selectionRect.left - gridRectDim.left) * xyRatios.xRatio;
+ var maxX = w.globals.xAxisScale.niceMin + (selectionRect.right - gridRectDim.left) * xyRatios.xRatio;
+ var minY = w.globals.yAxisScale[0].niceMin + (gridRectDim.bottom - selectionRect.bottom) * xyRatios.yRatio[0];
+ var maxY = w.globals.yAxisScale[0].niceMax - (selectionRect.top - gridRectDim.top) * xyRatios.yRatio[0];
+ w.config.chart.events.selection(_this4.ctx, {
+ xaxis: {
+ min: minX,
+ max: maxX
+ },
+ yaxis: {
+ min: minY,
+ max: maxY
+ }
+ });
+ }, timerInterval);
+ }
+ }
+ }, {
+ key: "selectionDrawn",
+ value: function selectionDrawn(_ref4) {
+ var context = _ref4.context,
+ zoomtype = _ref4.zoomtype;
+ var w = this.w;
+ var me = context;
+ var xyRatios = this.xyRatios;
+ var toolbar = this.ctx.toolbar;
+
+ if (me.startX > me.endX) {
+ var tempX = me.startX;
+ me.startX = me.endX;
+ me.endX = tempX;
+ }
+
+ if (me.startY > me.endY) {
+ var tempY = me.startY;
+ me.startY = me.endY;
+ me.endY = tempY;
+ }
+
+ var xLowestValue = w.globals.xAxisScale.niceMin + me.startX * xyRatios.xRatio;
+ var xHighestValue = w.globals.xAxisScale.niceMin + me.endX * xyRatios.xRatio; // TODO: we will consider the 1st y axis values here for getting highest and lowest y
+
+ var yHighestValue = [];
+ var yLowestValue = [];
+ w.config.yaxis.forEach(function (yaxe, index) {
+ yHighestValue.push(Math.floor(w.globals.yAxisScale[index].niceMax - xyRatios.yRatio[index] * me.startY));
+ yLowestValue.push(Math.floor(w.globals.yAxisScale[index].niceMax - xyRatios.yRatio[index] * me.endY));
+ });
+
+ if (me.dragged && (me.dragX > 10 || me.dragY > 10) && xLowestValue !== xHighestValue) {
+ if (w.globals.zoomEnabled) {
+ var yaxis = Utils.clone(w.config.yaxis); // before zooming in/out, store the last yaxis and xaxis range, so that when user hits the RESET button, we get the original range
+ // also - make sure user is not already zoomed in/out - otherwise we will store zoomed values in lastAxis
+
+ if (!w.globals.zoomed) {
+ w.globals.lastXAxis = Utils.clone(w.config.xaxis);
+ w.globals.lastYAxis = Utils.clone(w.config.yaxis);
+ }
+
+ var xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (zoomtype === 'xy' || zoomtype === 'y') {
+ yaxis.forEach(function (yaxe, index) {
+ yaxis[index].min = yLowestValue[index];
+ yaxis[index].max = yHighestValue[index];
+ });
+ }
+
+ if (w.config.chart.zoom.autoScaleYaxis) {
+ var scale = new Range(me.ctx);
+ yaxis = scale.autoScaleY(me.ctx, {
+ xaxis: xaxis
+ });
+ }
+
+ if (toolbar) {
+ var beforeZoomRange = toolbar.getBeforeZoomRange(xaxis, yaxis);
+
+ if (beforeZoomRange) {
+ xaxis = beforeZoomRange.xaxis ? beforeZoomRange.xaxis : xaxis;
+ yaxis = beforeZoomRange.yaxis ? beforeZoomRange.yaxe : yaxis;
+ }
+ }
+
+ if (zoomtype === 'x') {
+ me.ctx._updateOptions({
+ xaxis: xaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ } else if (zoomtype === 'y') {
+ me.ctx._updateOptions({
+ yaxis: yaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ } else {
+ me.ctx._updateOptions({
+ xaxis: xaxis,
+ yaxis: yaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ }
+
+ if (typeof w.config.chart.events.zoomed === 'function') {
+ toolbar.zoomCallback(xaxis, yaxis);
+ }
+
+ w.globals.zoomed = true;
+ } else if (w.globals.selectionEnabled) {
+ var _yaxis = null;
+ var _xaxis = null;
+ _xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (zoomtype === 'xy' || zoomtype === 'y') {
+ _yaxis = Utils.clone(w.config.yaxis);
+
+ _yaxis.forEach(function (yaxe, index) {
+ _yaxis[index].min = yLowestValue[index];
+ _yaxis[index].max = yHighestValue[index];
+ });
+ }
+
+ w.globals.selection = me.selection;
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ w.config.chart.events.selection(me.ctx, {
+ xaxis: _xaxis,
+ yaxis: _yaxis
+ });
+ }
+ }
+ }
+ }
+ }, {
+ key: "panDragging",
+ value: function panDragging(_ref5) {
+ var context = _ref5.context,
+ zoomtype = _ref5.zoomtype;
+ var w = this.w;
+ var me = context;
+ var moveDirection; // check to make sure there is data to compare against
+
+ if (typeof w.globals.lastClientPosition.x !== 'undefined') {
+ // get the change from last position to this position
+ var deltaX = w.globals.lastClientPosition.x - me.clientX;
+ var deltaY = w.globals.lastClientPosition.y - me.clientY; // check which direction had the highest amplitude and then figure out direction by checking if the value is greater or less than zero
+
+ if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX > 0) {
+ moveDirection = 'left';
+ } else if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX < 0) {
+ moveDirection = 'right';
+ } else if (Math.abs(deltaY) > Math.abs(deltaX) && deltaY > 0) {
+ moveDirection = 'up';
+ } else if (Math.abs(deltaY) > Math.abs(deltaX) && deltaY < 0) {
+ moveDirection = 'down';
+ }
+ } // set the new last position to the current for next time (to get the position of drag)
+
+
+ w.globals.lastClientPosition = {
+ x: me.clientX,
+ y: me.clientY
+ };
+ var xLowestValue = w.globals.minX;
+ var xHighestValue = w.globals.maxX;
+ this.panScrolled(moveDirection, xLowestValue, xHighestValue);
+ }
+ }, {
+ key: "panScrolled",
+ value: function panScrolled(moveDirection, xLowestValue, xHighestValue) {
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+ var yaxis = Utils.clone(w.config.yaxis);
+
+ if (moveDirection === 'left') {
+ xLowestValue = w.globals.minX + w.globals.gridWidth / 15 * xyRatios.xRatio;
+ xHighestValue = w.globals.maxX + w.globals.gridWidth / 15 * xyRatios.xRatio;
+ } else if (moveDirection === 'right') {
+ xLowestValue = w.globals.minX - w.globals.gridWidth / 15 * xyRatios.xRatio;
+ xHighestValue = w.globals.maxX - w.globals.gridWidth / 15 * xyRatios.xRatio;
+ }
+
+ if (xLowestValue < w.globals.initialminX || xHighestValue > w.globals.initialmaxX) {
+ xLowestValue = w.globals.minX;
+ xHighestValue = w.globals.maxX;
+ }
+
+ var xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (w.config.chart.zoom.autoScaleYaxis) {
+ var scale = new Range(me.ctx);
+ yaxis = scale.autoScaleY(me.ctx, {
+ xaxis: xaxis
+ });
+ }
+
+ this.ctx._updateOptions({
+ xaxis: {
+ min: xLowestValue,
+ max: xHighestValue
+ },
+ yaxis: yaxis
+ }, false, false);
+
+ if (typeof w.config.chart.events.scrolled === 'function') {
+ w.config.chart.events.scrolled(this.ctx, {
+ xaxis: {
+ min: xLowestValue,
+ max: xHighestValue
+ }
+ });
+ }
+ }
+ }]);
+
+ return ZoomPanSelection;
+}(Toolbar);
+
+var TitleSubtitle =
+/*#__PURE__*/
+function () {
+ function TitleSubtitle(ctx) {
+ _classCallCheck(this, TitleSubtitle);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(TitleSubtitle, [{
+ key: "draw",
+ value: function draw() {
+ this.drawTitleSubtitle('title');
+ this.drawTitleSubtitle('subtitle');
+ }
+ }, {
+ key: "drawTitleSubtitle",
+ value: function drawTitleSubtitle(type) {
+ var w = this.w;
+ var tsConfig = type === 'title' ? w.config.title : w.config.subtitle;
+ var x = w.globals.svgWidth / 2;
+ var y = tsConfig.offsetY;
+ var textAnchor = 'middle';
+
+ if (tsConfig.align === 'left') {
+ x = 10;
+ textAnchor = 'start';
+ } else if (tsConfig.align === 'right') {
+ x = w.globals.svgWidth - 10;
+ textAnchor = 'end';
+ }
+
+ x = x + tsConfig.offsetX;
+ y = y + parseInt(tsConfig.style.fontSize) + 2;
+
+ if (tsConfig.text !== undefined) {
+ var graphics = new Graphics(this.ctx);
+ var titleText = graphics.drawText({
+ x: x,
+ y: y,
+ text: tsConfig.text,
+ textAnchor: textAnchor,
+ fontSize: tsConfig.style.fontSize,
+ fontFamily: tsConfig.style.fontFamily,
+ foreColor: tsConfig.style.color,
+ opacity: 1
+ });
+ titleText.node.setAttribute('class', "apexcharts-".concat(type, "-text"));
+ w.globals.dom.Paper.add(titleText);
+ }
+ }
+ }]);
+
+ return TitleSubtitle;
+}();
+
+(function (root, factory) {
+ /* istanbul ignore next */
+ if (typeof define === 'function' && define.amd) {
+ define(function () {
+ return factory(root, root.document);
+ });
+ } else if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object') {
+ module.exports = root.document ? factory(root, root.document) : function (w) {
+ return factory(w, w.document);
+ };
+ } else {
+ root.SVG = factory(root, root.document);
+ }
+})(typeof window !== 'undefined' ? window : undefined, function (window, document) {
+ // Find global reference - uses 'this' by default when available,
+ // falls back to 'window' otherwise (for bundlers like Webpack)
+ var globalRef = typeof this !== 'undefined' ? this : window; // The main wrapping element
+
+ var SVG = globalRef.SVG = function (element) {
+ if (SVG.supported) {
+ element = new SVG.Doc(element);
+
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ return element;
+ }
+ }; // Default namespaces
+
+
+ SVG.ns = 'http://www.w3.org/2000/svg';
+ SVG.xmlns = 'http://www.w3.org/2000/xmlns/';
+ SVG.xlink = 'http://www.w3.org/1999/xlink';
+ SVG.svgjs = 'http://svgjs.com/svgjs'; // Svg support test
+
+ SVG.supported = function () {
+ return true; // !!document.createElementNS &&
+ // !! document.createElementNS(SVG.ns,'svg').createSVGRect
+ }(); // Don't bother to continue if SVG is not supported
+
+
+ if (!SVG.supported) return false; // Element id sequence
+
+ SVG.did = 1000; // Get next named element id
+
+ SVG.eid = function (name) {
+ return 'Svgjs' + capitalize(name) + SVG.did++;
+ }; // Method for element creation
+
+
+ SVG.create = function (name) {
+ // create element
+ var element = document.createElementNS(this.ns, name); // apply unique id
+
+ element.setAttribute('id', this.eid(name));
+ return element;
+ }; // Method for extending objects
+
+
+ SVG.extend = function () {
+ var modules, methods, key, i; // Get list of modules
+
+ modules = [].slice.call(arguments); // Get object with extensions
+
+ methods = modules.pop();
+
+ for (i = modules.length - 1; i >= 0; i--) {
+ if (modules[i]) {
+ for (key in methods) {
+ modules[i].prototype[key] = methods[key];
+ }
+ }
+ } // Make sure SVG.Set inherits any newly added methods
+
+
+ if (SVG.Set && SVG.Set.inherit) {
+ SVG.Set.inherit();
+ }
+ }; // Invent new element
+
+
+ SVG.invent = function (config) {
+ // Create element initializer
+ var initializer = typeof config.create === 'function' ? config.create : function () {
+ this.constructor.call(this, SVG.create(config.create));
+ }; // Inherit prototype
+
+ if (config.inherit) {
+ initializer.prototype = new config.inherit();
+ } // Extend with methods
+
+
+ if (config.extend) {
+ SVG.extend(initializer, config.extend);
+ } // Attach construct method to parent
+
+
+ if (config.construct) {
+ SVG.extend(config.parent || SVG.Container, config.construct);
+ }
+
+ return initializer;
+ }; // Adopt existing svg elements
+
+
+ SVG.adopt = function (node) {
+ // check for presence of node
+ if (!node) return null; // make sure a node isn't already adopted
+
+ if (node.instance) return node.instance; // initialize variables
+
+ var element; // adopt with element-specific settings
+
+ if (node.nodeName == 'svg') {
+ element = node.parentNode instanceof window.SVGElement ? new SVG.Nested() : new SVG.Doc();
+ } else if (node.nodeName == 'linearGradient') {
+ element = new SVG.Gradient('linear');
+ } else if (node.nodeName == 'radialGradient') {
+ element = new SVG.Gradient('radial');
+ } else if (SVG[capitalize(node.nodeName)]) {
+ element = new SVG[capitalize(node.nodeName)]();
+ } else {
+ element = new SVG.Element(node);
+ } // ensure references
+
+
+ element.type = node.nodeName;
+ element.node = node;
+ node.instance = element; // SVG.Class specific preparations
+
+ if (element instanceof SVG.Doc) {
+ element.namespace().defs();
+ } // pull svgjs data from the dom (getAttributeNS doesn't work in html5)
+
+
+ element.setData(JSON.parse(node.getAttribute('svgjs:data')) || {});
+ return element;
+ }; // Initialize parsing element
+
+
+ SVG.prepare = function () {
+ // Select document body and create invisible svg element
+ var body = document.getElementsByTagName('body')[0],
+ draw = (body ? new SVG.Doc(body) : SVG.adopt(document.documentElement).nested()).size(2, 0); // Create parser object
+
+ SVG.parser = {
+ body: body || document.documentElement,
+ draw: draw.style('opacity:0;position:absolute;left:-100%;top:-100%;overflow:hidden').node,
+ poly: draw.polyline().node,
+ path: draw.path().node,
+ native: SVG.create('svg')
+ };
+ };
+
+ SVG.parser = {
+ native: SVG.create('svg')
+ };
+ document.addEventListener('DOMContentLoaded', function () {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+ }, false); // Storage for regular expressions
+
+ SVG.regex = {
+ // Parse unit value
+ numberAndUnit: /^([+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?)([a-z%]*)$/i,
+ // Parse hex value
+ hex: /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,
+ // Parse rgb value
+ rgb: /rgb\((\d+),(\d+),(\d+)\)/,
+ // Parse reference id
+ reference: /#([a-z0-9\-_]+)/i,
+ // splits a transformation chain
+ transforms: /\)\s*,?\s*/,
+ // Whitespace
+ whitespace: /\s/g,
+ // Test hex value
+ isHex: /^#[a-f0-9]{3,6}$/i,
+ // Test rgb value
+ isRgb: /^rgb\(/,
+ // Test css declaration
+ isCss: /[^:]+:[^;]+;?/,
+ // Test for blank string
+ isBlank: /^(\s+)?$/,
+ // Test for numeric string
+ isNumber: /^[+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,
+ // Test for percent value
+ isPercent: /^-?[\d\.]+%$/,
+ // Test for image url
+ isImage: /\.(jpg|jpeg|png|gif|svg)(\?[^=]+.*)?/i,
+ // split at whitespace and comma
+ delimiter: /[\s,]+/,
+ // The following regex are used to parse the d attribute of a path
+ // Matches all hyphens which are not after an exponent
+ hyphen: /([^e])\-/gi,
+ // Replaces and tests for all path letters
+ pathLetters: /[MLHVCSQTAZ]/gi,
+ // yes we need this one, too
+ isPathLetter: /[MLHVCSQTAZ]/i,
+ // matches 0.154.23.45
+ numbersWithDots: /((\d?\.\d+(?:e[+-]?\d+)?)((?:\.\d+(?:e[+-]?\d+)?)+))+/gi,
+ // matches .
+ dots: /\./g
+ };
+ SVG.utils = {
+ // Map function
+ map: function map(array, block) {
+ var i,
+ il = array.length,
+ result = [];
+
+ for (i = 0; i < il; i++) {
+ result.push(block(array[i]));
+ }
+
+ return result;
+ },
+ // Filter function
+ filter: function filter(array, block) {
+ var i,
+ il = array.length,
+ result = [];
+
+ for (i = 0; i < il; i++) {
+ if (block(array[i])) {
+ result.push(array[i]);
+ }
+ }
+
+ return result;
+ },
+ // Degrees to radians
+ radians: function radians(d) {
+ return d % 360 * Math.PI / 180;
+ },
+ // Radians to degrees
+ degrees: function degrees(r) {
+ return r * 180 / Math.PI % 360;
+ },
+ filterSVGElements: function filterSVGElements(nodes) {
+ return this.filter(nodes, function (el) {
+ return el instanceof window.SVGElement;
+ });
+ }
+ };
+ SVG.defaults = {
+ // Default attribute values
+ attrs: {
+ // fill and stroke
+ 'fill-opacity': 1,
+ 'stroke-opacity': 1,
+ 'stroke-width': 0,
+ 'stroke-linejoin': 'miter',
+ 'stroke-linecap': 'butt',
+ fill: '#000000',
+ stroke: '#000000',
+ opacity: 1,
+ // position
+ x: 0,
+ y: 0,
+ cx: 0,
+ cy: 0,
+ // size
+ width: 0,
+ height: 0,
+ // radius
+ r: 0,
+ rx: 0,
+ ry: 0,
+ // gradient
+ offset: 0,
+ 'stop-opacity': 1,
+ 'stop-color': '#000000',
+ // text
+ 'font-size': 16,
+ 'font-family': 'Helvetica, Arial, sans-serif',
+ 'text-anchor': 'start'
+ } // Module for color convertions
+
+ };
+
+ SVG.Color = function (color) {
+ var match; // initialize defaults
+
+ this.r = 0;
+ this.g = 0;
+ this.b = 0;
+ if (!color) return; // parse color
+
+ if (typeof color === 'string') {
+ if (SVG.regex.isRgb.test(color)) {
+ // get rgb values
+ match = SVG.regex.rgb.exec(color.replace(SVG.regex.whitespace, '')); // parse numeric values
+
+ this.r = parseInt(match[1]);
+ this.g = parseInt(match[2]);
+ this.b = parseInt(match[3]);
+ } else if (SVG.regex.isHex.test(color)) {
+ // get hex values
+ match = SVG.regex.hex.exec(fullHex(color)); // parse numeric values
+
+ this.r = parseInt(match[1], 16);
+ this.g = parseInt(match[2], 16);
+ this.b = parseInt(match[3], 16);
+ }
+ } else if (_typeof(color) === 'object') {
+ this.r = color.r;
+ this.g = color.g;
+ this.b = color.b;
+ }
+ };
+
+ SVG.extend(SVG.Color, {
+ // Default to hex conversion
+ toString: function toString() {
+ return this.toHex();
+ },
+ // Build hex value
+ toHex: function toHex() {
+ return '#' + compToHex(this.r) + compToHex(this.g) + compToHex(this.b);
+ },
+ // Build rgb value
+ toRgb: function toRgb() {
+ return 'rgb(' + [this.r, this.g, this.b].join() + ')';
+ },
+ // Calculate true brightness
+ brightness: function brightness() {
+ return this.r / 255 * 0.30 + this.g / 255 * 0.59 + this.b / 255 * 0.11;
+ },
+ // Make color morphable
+ morph: function morph(color) {
+ this.destination = new SVG.Color(color);
+ return this;
+ },
+ // Get morphed color at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // normalise pos
+
+ pos = pos < 0 ? 0 : pos > 1 ? 1 : pos; // generate morphed color
+
+ return new SVG.Color({
+ r: ~~(this.r + (this.destination.r - this.r) * pos),
+ g: ~~(this.g + (this.destination.g - this.g) * pos),
+ b: ~~(this.b + (this.destination.b - this.b) * pos)
+ });
+ }
+ }); // Testers
+ // Test if given value is a color string
+
+ SVG.Color.test = function (color) {
+ color += '';
+ return SVG.regex.isHex.test(color) || SVG.regex.isRgb.test(color);
+ }; // Test if given value is a rgb object
+
+
+ SVG.Color.isRgb = function (color) {
+ return color && typeof color.r === 'number' && typeof color.g === 'number' && typeof color.b === 'number';
+ }; // Test if given value is a color
+
+
+ SVG.Color.isColor = function (color) {
+ return SVG.Color.isRgb(color) || SVG.Color.test(color);
+ }; // Module for array conversion
+
+
+ SVG.Array = function (array, fallback) {
+ array = (array || []).valueOf(); // if array is empty and fallback is provided, use fallback
+
+ if (array.length == 0 && fallback) {
+ array = fallback.valueOf();
+ } // parse array
+
+
+ this.value = this.parse(array);
+ };
+
+ SVG.extend(SVG.Array, {
+ // Make array morphable
+ morph: function morph(array) {
+ this.destination = this.parse(array); // normalize length of arrays
+
+ if (this.value.length != this.destination.length) {
+ var lastValue = this.value[this.value.length - 1],
+ lastDestination = this.destination[this.destination.length - 1];
+
+ while (this.value.length > this.destination.length) {
+ this.destination.push(lastDestination);
+ }
+
+ while (this.value.length < this.destination.length) {
+ this.value.push(lastValue);
+ }
+ }
+
+ return this;
+ },
+ // Clean up any duplicate points
+ settle: function settle() {
+ // find all unique values
+ for (var i = 0, il = this.value.length, seen = []; i < il; i++) {
+ if (seen.indexOf(this.value[i]) == -1) {
+ seen.push(this.value[i]);
+ }
+ } // set new value
+
+
+ return this.value = seen;
+ },
+ // Get morphed array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // generate morphed array
+
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push(this.value[i] + (this.destination[i] - this.value[i]) * pos);
+ }
+
+ return new SVG.Array(array);
+ },
+ // Convert array to string
+ toString: function toString() {
+ return this.value.join(' ');
+ },
+ // Real value
+ valueOf: function valueOf() {
+ return this.value;
+ },
+ // Parse whitespace separated string
+ parse: function parse(array) {
+ array = array.valueOf(); // if already is an array, no need to parse it
+
+ if (Array.isArray(array)) return array;
+ return this.split(array);
+ },
+ // Strip unnecessary whitespace
+ split: function split(string) {
+ return string.trim().split(SVG.regex.delimiter).map(parseFloat);
+ },
+ // Reverse array
+ reverse: function reverse() {
+ this.value.reverse();
+ return this;
+ },
+ clone: function clone() {
+ var clone = new this.constructor();
+ clone.value = array_clone(this.value);
+ return clone;
+ }
+ }); // Poly points array
+
+ SVG.PointArray = function (array, fallback) {
+ SVG.Array.call(this, array, fallback || [[0, 0]]);
+ }; // Inherit from SVG.Array
+
+
+ SVG.PointArray.prototype = new SVG.Array();
+ SVG.PointArray.prototype.constructor = SVG.PointArray;
+ SVG.extend(SVG.PointArray, {
+ // Convert array to string
+ toString: function toString() {
+ // convert to a poly point string
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push(this.value[i].join(','));
+ }
+
+ return array.join(' ');
+ },
+ // Convert array to line object
+ toLine: function toLine() {
+ return {
+ x1: this.value[0][0],
+ y1: this.value[0][1],
+ x2: this.value[1][0],
+ y2: this.value[1][1]
+ };
+ },
+ // Get morphed array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // generate morphed point string
+
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push([this.value[i][0] + (this.destination[i][0] - this.value[i][0]) * pos, this.value[i][1] + (this.destination[i][1] - this.value[i][1]) * pos]);
+ }
+
+ return new SVG.PointArray(array);
+ },
+ // Parse point string and flat array
+ parse: function parse(array) {
+ var points = [];
+ array = array.valueOf(); // if it is an array
+
+ if (Array.isArray(array)) {
+ // and it is not flat, there is no need to parse it
+ if (Array.isArray(array[0])) {
+ // make sure to use a clone
+ return array.map(function (el) {
+ return el.slice();
+ });
+ } else if (array[0].x != null) {
+ // allow point objects to be passed
+ return array.map(function (el) {
+ return [el.x, el.y];
+ });
+ }
+ } else {
+ // Else, it is considered as a string
+ // parse points
+ array = array.trim().split(SVG.regex.delimiter).map(parseFloat);
+ } // validate points - https://svgwg.org/svg2-draft/shapes.html#DataTypePoints
+ // Odd number of coordinates is an error. In such cases, drop the last odd coordinate.
+
+
+ if (array.length % 2 !== 0) array.pop(); // wrap points in two-tuples and parse points as floats
+
+ for (var i = 0, len = array.length; i < len; i = i + 2) {
+ points.push([array[i], array[i + 1]]);
+ }
+
+ return points;
+ },
+ // Move point string
+ move: function move(x, y) {
+ var box = this.bbox(); // get relative offset
+
+ x -= box.x;
+ y -= box.y; // move every point
+
+ if (!isNaN(x) && !isNaN(y)) {
+ for (var i = this.value.length - 1; i >= 0; i--) {
+ this.value[i] = [this.value[i][0] + x, this.value[i][1] + y];
+ }
+ }
+
+ return this;
+ },
+ // Resize poly string
+ size: function size(width, height) {
+ var i,
+ box = this.bbox(); // recalculate position of all points according to new size
+
+ for (i = this.value.length - 1; i >= 0; i--) {
+ if (box.width) this.value[i][0] = (this.value[i][0] - box.x) * width / box.width + box.x;
+ if (box.height) this.value[i][1] = (this.value[i][1] - box.y) * height / box.height + box.y;
+ }
+
+ return this;
+ },
+ // Get bounding box of points
+ bbox: function bbox() {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ SVG.parser.poly.setAttribute('points', this.toString());
+ return SVG.parser.poly.getBBox();
+ }
+ });
+ var pathHandlers = {
+ M: function M(c, p, p0) {
+ p.x = p0.x = c[0];
+ p.y = p0.y = c[1];
+ return ['M', p.x, p.y];
+ },
+ L: function L(c, p) {
+ p.x = c[0];
+ p.y = c[1];
+ return ['L', c[0], c[1]];
+ },
+ H: function H(c, p) {
+ p.x = c[0];
+ return ['H', c[0]];
+ },
+ V: function V(c, p) {
+ p.y = c[0];
+ return ['V', c[0]];
+ },
+ C: function C(c, p) {
+ p.x = c[4];
+ p.y = c[5];
+ return ['C', c[0], c[1], c[2], c[3], c[4], c[5]];
+ },
+ S: function S(c, p) {
+ p.x = c[2];
+ p.y = c[3];
+ return ['S', c[0], c[1], c[2], c[3]];
+ },
+ Q: function Q(c, p) {
+ p.x = c[2];
+ p.y = c[3];
+ return ['Q', c[0], c[1], c[2], c[3]];
+ },
+ T: function T(c, p) {
+ p.x = c[0];
+ p.y = c[1];
+ return ['T', c[0], c[1]];
+ },
+ Z: function Z(c, p, p0) {
+ p.x = p0.x;
+ p.y = p0.y;
+ return ['Z'];
+ },
+ A: function A(c, p) {
+ p.x = c[5];
+ p.y = c[6];
+ return ['A', c[0], c[1], c[2], c[3], c[4], c[5], c[6]];
+ }
+ };
+ var mlhvqtcsa = 'mlhvqtcsaz'.split('');
+
+ for (var i = 0, il = mlhvqtcsa.length; i < il; ++i) {
+ pathHandlers[mlhvqtcsa[i]] = function (i) {
+ return function (c, p, p0) {
+ if (i == 'H') c[0] = c[0] + p.x;else if (i == 'V') c[0] = c[0] + p.y;else if (i == 'A') {
+ c[5] = c[5] + p.x, c[6] = c[6] + p.y;
+ } else {
+ for (var j = 0, jl = c.length; j < jl; ++j) {
+ c[j] = c[j] + (j % 2 ? p.y : p.x);
+ }
+ }
+ return pathHandlers[i](c, p, p0);
+ };
+ }(mlhvqtcsa[i].toUpperCase());
+ } // Path points array
+
+
+ SVG.PathArray = function (array, fallback) {
+ SVG.Array.call(this, array, fallback || [['M', 0, 0]]);
+ }; // Inherit from SVG.Array
+
+
+ SVG.PathArray.prototype = new SVG.Array();
+ SVG.PathArray.prototype.constructor = SVG.PathArray;
+ SVG.extend(SVG.PathArray, {
+ // Convert array to string
+ toString: function toString() {
+ return arrayToString(this.value);
+ },
+ // Move path string
+ move: function move(x, y) {
+ // get bounding box of current situation
+ var box = this.bbox(); // get relative offset
+
+ x -= box.x;
+ y -= box.y;
+
+ if (!isNaN(x) && !isNaN(y)) {
+ // move every point
+ for (var l, i = this.value.length - 1; i >= 0; i--) {
+ l = this.value[i][0];
+
+ if (l == 'M' || l == 'L' || l == 'T') {
+ this.value[i][1] += x;
+ this.value[i][2] += y;
+ } else if (l == 'H') {
+ this.value[i][1] += x;
+ } else if (l == 'V') {
+ this.value[i][1] += y;
+ } else if (l == 'C' || l == 'S' || l == 'Q') {
+ this.value[i][1] += x;
+ this.value[i][2] += y;
+ this.value[i][3] += x;
+ this.value[i][4] += y;
+
+ if (l == 'C') {
+ this.value[i][5] += x;
+ this.value[i][6] += y;
+ }
+ } else if (l == 'A') {
+ this.value[i][6] += x;
+ this.value[i][7] += y;
+ }
+ }
+ }
+
+ return this;
+ },
+ // Resize path string
+ size: function size(width, height) {
+ // get bounding box of current situation
+ var i,
+ l,
+ box = this.bbox(); // recalculate position of all points according to new size
+
+ for (i = this.value.length - 1; i >= 0; i--) {
+ l = this.value[i][0];
+
+ if (l == 'M' || l == 'L' || l == 'T') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ this.value[i][2] = (this.value[i][2] - box.y) * height / box.height + box.y;
+ } else if (l == 'H') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ } else if (l == 'V') {
+ this.value[i][1] = (this.value[i][1] - box.y) * height / box.height + box.y;
+ } else if (l == 'C' || l == 'S' || l == 'Q') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ this.value[i][2] = (this.value[i][2] - box.y) * height / box.height + box.y;
+ this.value[i][3] = (this.value[i][3] - box.x) * width / box.width + box.x;
+ this.value[i][4] = (this.value[i][4] - box.y) * height / box.height + box.y;
+
+ if (l == 'C') {
+ this.value[i][5] = (this.value[i][5] - box.x) * width / box.width + box.x;
+ this.value[i][6] = (this.value[i][6] - box.y) * height / box.height + box.y;
+ }
+ } else if (l == 'A') {
+ // resize radii
+ this.value[i][1] = this.value[i][1] * width / box.width;
+ this.value[i][2] = this.value[i][2] * height / box.height; // move position values
+
+ this.value[i][6] = (this.value[i][6] - box.x) * width / box.width + box.x;
+ this.value[i][7] = (this.value[i][7] - box.y) * height / box.height + box.y;
+ }
+ }
+
+ return this;
+ },
+ // Test if the passed path array use the same path data commands as this path array
+ equalCommands: function equalCommands(pathArray) {
+ var i, il, equalCommands;
+ pathArray = new SVG.PathArray(pathArray);
+ equalCommands = this.value.length === pathArray.value.length;
+
+ for (i = 0, il = this.value.length; equalCommands && i < il; i++) {
+ equalCommands = this.value[i][0] === pathArray.value[i][0];
+ }
+
+ return equalCommands;
+ },
+ // Make path array morphable
+ morph: function morph(pathArray) {
+ pathArray = new SVG.PathArray(pathArray);
+
+ if (this.equalCommands(pathArray)) {
+ this.destination = pathArray;
+ } else {
+ this.destination = null;
+ }
+
+ return this;
+ },
+ // Get morphed path array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this;
+ var sourceArray = this.value,
+ destinationArray = this.destination.value,
+ array = [],
+ pathArray = new SVG.PathArray(),
+ i,
+ il,
+ j,
+ jl; // Animate has specified in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/paths.html#PathElement
+
+ for (i = 0, il = sourceArray.length; i < il; i++) {
+ array[i] = [sourceArray[i][0]];
+
+ for (j = 1, jl = sourceArray[i].length; j < jl; j++) {
+ array[i][j] = sourceArray[i][j] + (destinationArray[i][j] - sourceArray[i][j]) * pos;
+ } // For the two flags of the elliptical arc command, the SVG spec say:
+ // Flags and booleans are interpolated as fractions between zero and one, with any non-zero value considered to be a value of one/true
+ // Elliptical arc command as an array followed by corresponding indexes:
+ // ['A', rx, ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y]
+ // 0 1 2 3 4 5 6 7
+
+
+ if (array[i][0] === 'A') {
+ array[i][4] = +(array[i][4] != 0);
+ array[i][5] = +(array[i][5] != 0);
+ }
+ } // Directly modify the value of a path array, this is done this way for performance
+
+
+ pathArray.value = array;
+ return pathArray;
+ },
+ // Absolutize and parse path to array
+ parse: function parse(array) {
+ // if it's already a patharray, no need to parse it
+ if (array instanceof SVG.PathArray) return array.valueOf(); // prepare for parsing
+
+ var s,
+ arr,
+ paramCnt = {
+ 'M': 2,
+ 'L': 2,
+ 'H': 1,
+ 'V': 1,
+ 'C': 6,
+ 'S': 4,
+ 'Q': 4,
+ 'T': 2,
+ 'A': 7,
+ 'Z': 0
+ };
+
+ if (typeof array === 'string') {
+ array = array.replace(SVG.regex.numbersWithDots, pathRegReplace) // convert 45.123.123 to 45.123 .123
+ .replace(SVG.regex.pathLetters, ' $& ') // put some room between letters and numbers
+ .replace(SVG.regex.hyphen, '$1 -') // add space before hyphen
+ .trim() // trim
+ .split(SVG.regex.delimiter); // split into array
+ } else {
+ array = array.reduce(function (prev, curr) {
+ return [].concat.call(prev, curr);
+ }, []);
+ } // array now is an array containing all parts of a path e.g. ['M', '0', '0', 'L', '30', '30' ...]
+
+
+ var arr = [],
+ p = new SVG.Point(),
+ p0 = new SVG.Point(),
+ index = 0,
+ len = array.length;
+
+ do {
+ // Test if we have a path letter
+ if (SVG.regex.isPathLetter.test(array[index])) {
+ s = array[index];
+ ++index; // If last letter was a move command and we got no new, it defaults to [L]ine
+ } else if (s == 'M') {
+ s = 'L';
+ } else if (s == 'm') {
+ s = 'l';
+ }
+
+ arr.push(pathHandlers[s].call(null, array.slice(index, index = index + paramCnt[s.toUpperCase()]).map(parseFloat), p, p0));
+ } while (len > index);
+
+ return arr;
+ },
+ // Get bounding box of path
+ bbox: function bbox() {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ SVG.parser.path.setAttribute('d', this.toString());
+ return SVG.parser.path.getBBox();
+ }
+ }); // Module for unit convertions
+
+ SVG.Number = SVG.invent({
+ // Initialize
+ create: function create(value, unit) {
+ // initialize defaults
+ this.value = 0;
+ this.unit = unit || ''; // parse value
+
+ if (typeof value === 'number') {
+ // ensure a valid numeric value
+ this.value = isNaN(value) ? 0 : !isFinite(value) ? value < 0 ? -3.4e+38 : +3.4e+38 : value;
+ } else if (typeof value === 'string') {
+ unit = value.match(SVG.regex.numberAndUnit);
+
+ if (unit) {
+ // make value numeric
+ this.value = parseFloat(unit[1]); // normalize
+
+ if (unit[5] == '%') {
+ this.value /= 100;
+ } else if (unit[5] == 's') {
+ this.value *= 1000;
+ } // store unit
+
+
+ this.unit = unit[5];
+ }
+ } else {
+ if (value instanceof SVG.Number) {
+ this.value = value.valueOf();
+ this.unit = value.unit;
+ }
+ }
+ },
+ // Add methods
+ extend: {
+ // Stringalize
+ toString: function toString() {
+ return (this.unit == '%' ? ~~(this.value * 1e8) / 1e6 : this.unit == 's' ? this.value / 1e3 : this.value) + this.unit;
+ },
+ toJSON: function toJSON() {
+ return this.toString();
+ },
+ // Convert to primitive
+ valueOf: function valueOf() {
+ return this.value;
+ },
+ // Add number
+ plus: function plus(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this + number, this.unit || number.unit);
+ },
+ // Subtract number
+ minus: function minus(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this - number, this.unit || number.unit);
+ },
+ // Multiply number
+ times: function times(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this * number, this.unit || number.unit);
+ },
+ // Divide number
+ divide: function divide(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this / number, this.unit || number.unit);
+ },
+ // Convert to different unit
+ to: function to(unit) {
+ var number = new SVG.Number(this);
+
+ if (typeof unit === 'string') {
+ number.unit = unit;
+ }
+
+ return number;
+ },
+ // Make number morphable
+ morph: function morph(number) {
+ this.destination = new SVG.Number(number);
+
+ if (number.relative) {
+ this.destination.value += this.value;
+ }
+
+ return this;
+ },
+ // Get morphed number at given position
+ at: function at(pos) {
+ // Make sure a destination is defined
+ if (!this.destination) return this; // Generate new morphed number
+
+ return new SVG.Number(this.destination).minus(this).times(pos).plus(this);
+ }
+ }
+ });
+ SVG.Element = SVG.invent({
+ // Initialize node
+ create: function create(node) {
+ // make stroke value accessible dynamically
+ this._stroke = SVG.defaults.attrs.stroke;
+ this._event = null; // initialize data object
+
+ this.dom = {}; // create circular reference
+
+ if (this.node = node) {
+ this.type = node.nodeName;
+ this.node.instance = this; // store current attribute value
+
+ this._stroke = node.getAttribute('stroke') || this._stroke;
+ }
+ },
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x) {
+ return this.attr('x', _x);
+ },
+ // Move over y-axis
+ y: function y(_y) {
+ return this.attr('y', _y);
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.x() + this.width() / 2 : this.x(x - this.width() / 2);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.y() + this.height() / 2 : this.y(y - this.height() / 2);
+ },
+ // Move element to given x and y values
+ move: function move(x, y) {
+ return this.x(x).y(y);
+ },
+ // Move element by its center
+ center: function center(x, y) {
+ return this.cx(x).cy(y);
+ },
+ // Set width of element
+ width: function width(_width) {
+ return this.attr('width', _width);
+ },
+ // Set height of element
+ height: function height(_height) {
+ return this.attr('height', _height);
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.width(new SVG.Number(p.width)).height(new SVG.Number(p.height));
+ },
+ // Clone element
+ clone: function clone(parent) {
+ // write dom data to the dom so the clone can pickup the data
+ this.writeDataToDom(); // clone element and assign new id
+
+ var clone = assignNewId(this.node.cloneNode(true)); // insert the clone in the given parent or after myself
+
+ if (parent) parent.add(clone);else this.after(clone);
+ return clone;
+ },
+ // Remove element
+ remove: function remove() {
+ if (this.parent()) {
+ this.parent().removeElement(this);
+ }
+
+ return this;
+ },
+ // Replace element
+ replace: function replace(element) {
+ this.after(element).remove();
+ return element;
+ },
+ // Add element to given container and return self
+ addTo: function addTo(parent) {
+ return parent.put(this);
+ },
+ // Add element to given container and return container
+ putIn: function putIn(parent) {
+ return parent.add(this);
+ },
+ // Get / set id
+ id: function id(_id) {
+ return this.attr('id', _id);
+ },
+ // Checks whether the given point inside the bounding box of the element
+ inside: function inside(x, y) {
+ var box = this.bbox();
+ return x > box.x && y > box.y && x < box.x + box.width && y < box.y + box.height;
+ },
+ // Show element
+ show: function show() {
+ return this.style('display', '');
+ },
+ // Hide element
+ hide: function hide() {
+ return this.style('display', 'none');
+ },
+ // Is element visible?
+ visible: function visible() {
+ return this.style('display') != 'none';
+ },
+ // Return id on string conversion
+ toString: function toString() {
+ return this.attr('id');
+ },
+ // Return array of classes on the node
+ classes: function classes() {
+ var attr = this.attr('class');
+ return attr == null ? [] : attr.trim().split(SVG.regex.delimiter);
+ },
+ // Return true if class exists on the node, false otherwise
+ hasClass: function hasClass(name) {
+ return this.classes().indexOf(name) != -1;
+ },
+ // Add class to the node
+ addClass: function addClass(name) {
+ if (!this.hasClass(name)) {
+ var array = this.classes();
+ array.push(name);
+ this.attr('class', array.join(' '));
+ }
+
+ return this;
+ },
+ // Remove class from the node
+ removeClass: function removeClass(name) {
+ if (this.hasClass(name)) {
+ this.attr('class', this.classes().filter(function (c) {
+ return c != name;
+ }).join(' '));
+ }
+
+ return this;
+ },
+ // Toggle the presence of a class on the node
+ toggleClass: function toggleClass(name) {
+ return this.hasClass(name) ? this.removeClass(name) : this.addClass(name);
+ },
+ // Get referenced element form attribute value
+ reference: function reference(attr) {
+ return SVG.get(this.attr(attr));
+ },
+ // Returns the parent element instance
+ parent: function parent(type) {
+ var parent = this; // check for parent
+
+ if (!parent.node.parentNode) return null; // get parent element
+
+ parent = SVG.adopt(parent.node.parentNode);
+ if (!type) return parent; // loop trough ancestors if type is given
+
+ while (parent && parent.node instanceof window.SVGElement) {
+ if (typeof type === 'string' ? parent.matches(type) : parent instanceof type) return parent;
+ if (!parent.node.parentNode || parent.node.parentNode.nodeName == '#document') return null; // #759, #720
+
+ parent = SVG.adopt(parent.node.parentNode);
+ }
+ },
+ // Get parent document
+ doc: function doc() {
+ return this instanceof SVG.Doc ? this : this.parent(SVG.Doc);
+ },
+ // return array of all ancestors of given type up to the root svg
+ parents: function parents(type) {
+ var parents = [],
+ parent = this;
+
+ do {
+ parent = parent.parent(type);
+ if (!parent || !parent.node) break;
+ parents.push(parent);
+ } while (parent.parent);
+
+ return parents;
+ },
+ // matches the element vs a css selector
+ matches: function matches(selector) {
+ return _matches(this.node, selector);
+ },
+ // Returns the svg node to call native svg methods on it
+ native: function native() {
+ return this.node;
+ },
+ // Import raw svg
+ svg: function svg(_svg) {
+ // create temporary holder
+ var well = document.createElement('svg'); // act as a setter if svg is given
+
+ if (_svg && this instanceof SVG.Parent) {
+ // dump raw svg
+ well.innerHTML = '<svg>' + _svg.replace(/\n/, '').replace(/<([\w:-]+)([^<]+?)\/>/g, '<$1$2></$1>') + '</svg>'; // transplant nodes
+
+ for (var i = 0, il = well.firstChild.childNodes.length; i < il; i++) {
+ this.node.appendChild(well.firstChild.firstChild);
+ } // otherwise act as a getter
+
+ } else {
+ // create a wrapping svg element in case of partial content
+ well.appendChild(_svg = document.createElement('svg')); // write svgjs data to the dom
+
+ this.writeDataToDom(); // insert a copy of this node
+
+ _svg.appendChild(this.node.cloneNode(true)); // return target element
+
+
+ return well.innerHTML.replace(/^<svg>/, '').replace(/<\/svg>$/, '');
+ }
+
+ return this;
+ },
+ // write svgjs data to the dom
+ writeDataToDom: function writeDataToDom() {
+ // dump variables recursively
+ if (this.each || this.lines) {
+ var fn = this.each ? this : this.lines();
+ fn.each(function () {
+ this.writeDataToDom();
+ });
+ } // remove previously set data
+
+
+ this.node.removeAttribute('svgjs:data');
+
+ if (Object.keys(this.dom).length) {
+ this.node.setAttribute('svgjs:data', JSON.stringify(this.dom));
+ } // see #428
+
+
+ return this;
+ },
+ // set given data to the elements data property
+ setData: function setData(o) {
+ this.dom = o;
+ return this;
+ },
+ is: function is(obj) {
+ return _is(this, obj);
+ }
+ }
+ });
+ SVG.easing = {
+ '-': function _(pos) {
+ return pos;
+ },
+ '<>': function _(pos) {
+ return -Math.cos(pos * Math.PI) / 2 + 0.5;
+ },
+ '>': function _(pos) {
+ return Math.sin(pos * Math.PI / 2);
+ },
+ '<': function _(pos) {
+ return -Math.cos(pos * Math.PI / 2) + 1;
+ }
+ };
+
+ SVG.morph = function (pos) {
+ return function (from, to) {
+ return new SVG.MorphObj(from, to).at(pos);
+ };
+ };
+
+ SVG.Situation = SVG.invent({
+ create: function create(o) {
+ this.init = false;
+ this.reversed = false;
+ this.reversing = false;
+ this.duration = new SVG.Number(o.duration).valueOf();
+ this.delay = new SVG.Number(o.delay).valueOf();
+ this.start = +new Date() + this.delay;
+ this.finish = this.start + this.duration;
+ this.ease = o.ease; // this.loop is incremented from 0 to this.loops
+ // it is also incremented when in an infinite loop (when this.loops is true)
+
+ this.loop = 0;
+ this.loops = false;
+ this.animations = {// functionToCall: [list of morphable objects]
+ // e.g. move: [SVG.Number, SVG.Number]
+ };
+ this.attrs = {// holds all attributes which are not represented from a function svg.js provides
+ // e.g. someAttr: SVG.Number
+ };
+ this.styles = {// holds all styles which should be animated
+ // e.g. fill-color: SVG.Color
+ };
+ this.transforms = [// holds all transformations as transformation objects
+ // e.g. [SVG.Rotate, SVG.Translate, SVG.Matrix]
+ ];
+ this.once = {// functions to fire at a specific position
+ // e.g. "0.5": function foo(){}
+ };
+ }
+ });
+ SVG.FX = SVG.invent({
+ create: function create(element) {
+ this._target = element;
+ this.situations = [];
+ this.active = false;
+ this.situation = null;
+ this.paused = false;
+ this.lastPos = 0;
+ this.pos = 0; // The absolute position of an animation is its position in the context of its complete duration (including delay and loops)
+ // When performing a delay, absPos is below 0 and when performing a loop, its value is above 1
+
+ this.absPos = 0;
+ this._speed = 1;
+ },
+ extend: {
+ /**
+ * sets or returns the target of this animation
+ * @param o object || number In case of Object it holds all parameters. In case of number its the duration of the animation
+ * @param ease function || string Function which should be used for easing or easing keyword
+ * @param delay Number indicating the delay before the animation starts
+ * @return target || this
+ */
+ animate: function animate(o, ease, delay) {
+ if (_typeof(o) === 'object') {
+ ease = o.ease;
+ delay = o.delay;
+ o = o.duration;
+ }
+
+ var situation = new SVG.Situation({
+ duration: o || 1000,
+ delay: delay || 0,
+ ease: SVG.easing[ease || '-'] || ease
+ });
+ this.queue(situation);
+ return this;
+ },
+
+ /**
+ * sets a delay before the next element of the queue is called
+ * @param delay Duration of delay in milliseconds
+ * @return this.target()
+ */
+ delay: function delay(_delay) {
+ // The delay is performed by an empty situation with its duration
+ // attribute set to the duration of the delay
+ var situation = new SVG.Situation({
+ duration: _delay,
+ delay: 0,
+ ease: SVG.easing['-']
+ });
+ return this.queue(situation);
+ },
+
+ /**
+ * sets or returns the target of this animation
+ * @param null || target SVG.Element which should be set as new target
+ * @return target || this
+ */
+ target: function target(_target) {
+ if (_target && _target instanceof SVG.Element) {
+ this._target = _target;
+ return this;
+ }
+
+ return this._target;
+ },
+ // returns the absolute position at a given time
+ timeToAbsPos: function timeToAbsPos(timestamp) {
+ return (timestamp - this.situation.start) / (this.situation.duration / this._speed);
+ },
+ // returns the timestamp from a given absolute positon
+ absPosToTime: function absPosToTime(absPos) {
+ return this.situation.duration / this._speed * absPos + this.situation.start;
+ },
+ // starts the animationloop
+ startAnimFrame: function startAnimFrame() {
+ this.stopAnimFrame();
+ this.animationFrame = window.requestAnimationFrame(function () {
+ this.step();
+ }.bind(this));
+ },
+ // cancels the animationframe
+ stopAnimFrame: function stopAnimFrame() {
+ window.cancelAnimationFrame(this.animationFrame);
+ },
+ // kicks off the animation - only does something when the queue is currently not active and at least one situation is set
+ start: function start() {
+ // dont start if already started
+ if (!this.active && this.situation) {
+ this.active = true;
+ this.startCurrent();
+ }
+
+ return this;
+ },
+ // start the current situation
+ startCurrent: function startCurrent() {
+ this.situation.start = +new Date() + this.situation.delay / this._speed;
+ this.situation.finish = this.situation.start + this.situation.duration / this._speed;
+ return this.initAnimations().step();
+ },
+
+ /**
+ * adds a function / Situation to the animation queue
+ * @param fn function / situation to add
+ * @return this
+ */
+ queue: function queue(fn) {
+ if (typeof fn === 'function' || fn instanceof SVG.Situation) {
+ this.situations.push(fn);
+ }
+
+ if (!this.situation) this.situation = this.situations.shift();
+ return this;
+ },
+
+ /**
+ * pulls next element from the queue and execute it
+ * @return this
+ */
+ dequeue: function dequeue() {
+ // stop current animation
+ this.stop(); // get next animation from queue
+
+ this.situation = this.situations.shift();
+
+ if (this.situation) {
+ if (this.situation instanceof SVG.Situation) {
+ this.start();
+ } else {
+ // If it is not a SVG.Situation, then it is a function, we execute it
+ this.situation.call(this);
+ }
+ }
+
+ return this;
+ },
+ // updates all animations to the current state of the element
+ // this is important when one property could be changed from another property
+ initAnimations: function initAnimations() {
+ var i, j, source;
+ var s = this.situation;
+ if (s.init) return this;
+
+ for (i in s.animations) {
+ source = this.target()[i]();
+
+ if (!Array.isArray(source)) {
+ source = [source];
+ }
+
+ if (!Array.isArray(s.animations[i])) {
+ s.animations[i] = [s.animations[i]];
+ } // if(s.animations[i].length > source.length) {
+ // source.concat = source.concat(s.animations[i].slice(source.length, s.animations[i].length))
+ // }
+
+
+ for (j = source.length; j--;) {
+ // The condition is because some methods return a normal number instead
+ // of a SVG.Number
+ if (s.animations[i][j] instanceof SVG.Number) {
+ source[j] = new SVG.Number(source[j]);
+ }
+
+ s.animations[i][j] = source[j].morph(s.animations[i][j]);
+ }
+ }
+
+ for (i in s.attrs) {
+ s.attrs[i] = new SVG.MorphObj(this.target().attr(i), s.attrs[i]);
+ }
+
+ for (i in s.styles) {
+ s.styles[i] = new SVG.MorphObj(this.target().style(i), s.styles[i]);
+ }
+
+ s.initialTransformation = this.target().matrixify();
+ s.init = true;
+ return this;
+ },
+ clearQueue: function clearQueue() {
+ this.situations = [];
+ return this;
+ },
+ clearCurrent: function clearCurrent() {
+ this.situation = null;
+ return this;
+ },
+
+ /** stops the animation immediately
+ * @param jumpToEnd A Boolean indicating whether to complete the current animation immediately.
+ * @param clearQueue A Boolean indicating whether to remove queued animation as well.
+ * @return this
+ */
+ stop: function stop(jumpToEnd, clearQueue) {
+ var active = this.active;
+ this.active = false;
+
+ if (clearQueue) {
+ this.clearQueue();
+ }
+
+ if (jumpToEnd && this.situation) {
+ // initialize the situation if it was not
+ !active && this.startCurrent();
+ this.atEnd();
+ }
+
+ this.stopAnimFrame();
+ return this.clearCurrent();
+ },
+
+ /** resets the element to the state where the current element has started
+ * @return this
+ */
+ reset: function reset() {
+ if (this.situation) {
+ var temp = this.situation;
+ this.stop();
+ this.situation = temp;
+ this.atStart();
+ }
+
+ return this;
+ },
+ // Stop the currently-running animation, remove all queued animations, and complete all animations for the element.
+ finish: function finish() {
+ this.stop(true, false);
+
+ while (this.dequeue().situation && this.stop(true, false)) {
+ }
+
+ this.clearQueue().clearCurrent();
+ return this;
+ },
+ // set the internal animation pointer at the start position, before any loops, and updates the visualisation
+ atStart: function atStart() {
+ return this.at(0, true);
+ },
+ // set the internal animation pointer at the end position, after all the loops, and updates the visualisation
+ atEnd: function atEnd() {
+ if (this.situation.loops === true) {
+ // If in a infinite loop, we end the current iteration
+ this.situation.loops = this.situation.loop + 1;
+ }
+
+ if (typeof this.situation.loops === 'number') {
+ // If performing a finite number of loops, we go after all the loops
+ return this.at(this.situation.loops, true);
+ } else {
+ // If no loops, we just go at the end
+ return this.at(1, true);
+ }
+ },
+ // set the internal animation pointer to the specified position and updates the visualisation
+ // if isAbsPos is true, pos is treated as an absolute position
+ at: function at(pos, isAbsPos) {
+ var durDivSpd = this.situation.duration / this._speed;
+ this.absPos = pos; // If pos is not an absolute position, we convert it into one
+
+ if (!isAbsPos) {
+ if (this.situation.reversed) this.absPos = 1 - this.absPos;
+ this.absPos += this.situation.loop;
+ }
+
+ this.situation.start = +new Date() - this.absPos * durDivSpd;
+ this.situation.finish = this.situation.start + durDivSpd;
+ return this.step(true);
+ },
+
+ /**
+ * sets or returns the speed of the animations
+ * @param speed null || Number The new speed of the animations
+ * @return Number || this
+ */
+ speed: function speed(_speed) {
+ if (_speed === 0) return this.pause();
+
+ if (_speed) {
+ this._speed = _speed; // We use an absolute position here so that speed can affect the delay before the animation
+
+ return this.at(this.absPos, true);
+ } else return this._speed;
+ },
+ // Make loopable
+ loop: function loop(times, reverse) {
+ var c = this.last(); // store total loops
+
+ c.loops = times != null ? times : true;
+ c.loop = 0;
+ if (reverse) c.reversing = true;
+ return this;
+ },
+ // pauses the animation
+ pause: function pause() {
+ this.paused = true;
+ this.stopAnimFrame();
+ return this;
+ },
+ // unpause the animation
+ play: function play() {
+ if (!this.paused) return this;
+ this.paused = false; // We use an absolute position here so that the delay before the animation can be paused
+
+ return this.at(this.absPos, true);
+ },
+
+ /**
+ * toggle or set the direction of the animation
+ * true sets direction to backwards while false sets it to forwards
+ * @param reversed Boolean indicating whether to reverse the animation or not (default: toggle the reverse status)
+ * @return this
+ */
+ reverse: function reverse(reversed) {
+ var c = this.last();
+ if (typeof reversed === 'undefined') c.reversed = !c.reversed;else c.reversed = reversed;
+ return this;
+ },
+
+ /**
+ * returns a float from 0-1 indicating the progress of the current animation
+ * @param eased Boolean indicating whether the returned position should be eased or not
+ * @return number
+ */
+ progress: function progress(easeIt) {
+ return easeIt ? this.situation.ease(this.pos) : this.pos;
+ },
+
+ /**
+ * adds a callback function which is called when the current animation is finished
+ * @param fn Function which should be executed as callback
+ * @return number
+ */
+ after: function after(fn) {
+ var c = this.last(),
+ wrapper = function wrapper(e) {
+ if (e.detail.situation == c) {
+ fn.call(this, c);
+ this.off('finished.fx', wrapper); // prevent memory leak
+ }
+ };
+
+ this.target().on('finished.fx', wrapper);
+ return this._callStart();
+ },
+ // adds a callback which is called whenever one animation step is performed
+ during: function during(fn) {
+ var c = this.last(),
+ wrapper = function wrapper(e) {
+ if (e.detail.situation == c) {
+ fn.call(this, e.detail.pos, SVG.morph(e.detail.pos), e.detail.eased, c);
+ }
+ }; // see above
+
+
+ this.target().off('during.fx', wrapper).on('during.fx', wrapper);
+ this.after(function () {
+ this.off('during.fx', wrapper);
+ });
+ return this._callStart();
+ },
+ // calls after ALL animations in the queue are finished
+ afterAll: function afterAll(fn) {
+ var wrapper = function wrapper(e) {
+ fn.call(this);
+ this.off('allfinished.fx', wrapper);
+ }; // see above
+
+
+ this.target().off('allfinished.fx', wrapper).on('allfinished.fx', wrapper);
+ return this._callStart();
+ },
+ // calls on every animation step for all animations
+ duringAll: function duringAll(fn) {
+ var wrapper = function wrapper(e) {
+ fn.call(this, e.detail.pos, SVG.morph(e.detail.pos), e.detail.eased, e.detail.situation);
+ };
+
+ this.target().off('during.fx', wrapper).on('during.fx', wrapper);
+ this.afterAll(function () {
+ this.off('during.fx', wrapper);
+ });
+ return this._callStart();
+ },
+ last: function last() {
+ return this.situations.length ? this.situations[this.situations.length - 1] : this.situation;
+ },
+ // adds one property to the animations
+ add: function add(method, args, type) {
+ this.last()[type || 'animations'][method] = args;
+ return this._callStart();
+ },
+
+ /** perform one step of the animation
+ * @param ignoreTime Boolean indicating whether to ignore time and use position directly or recalculate position based on time
+ * @return this
+ */
+ step: function step(ignoreTime) {
+ // convert current time to an absolute position
+ if (!ignoreTime) this.absPos = this.timeToAbsPos(+new Date()); // This part convert an absolute position to a position
+
+ if (this.situation.loops !== false) {
+ var absPos, absPosInt, lastLoop; // If the absolute position is below 0, we just treat it as if it was 0
+
+ absPos = Math.max(this.absPos, 0);
+ absPosInt = Math.floor(absPos);
+
+ if (this.situation.loops === true || absPosInt < this.situation.loops) {
+ this.pos = absPos - absPosInt;
+ lastLoop = this.situation.loop;
+ this.situation.loop = absPosInt;
+ } else {
+ this.absPos = this.situation.loops;
+ this.pos = 1; // The -1 here is because we don't want to toggle reversed when all the loops have been completed
+
+ lastLoop = this.situation.loop - 1;
+ this.situation.loop = this.situation.loops;
+ }
+
+ if (this.situation.reversing) {
+ // Toggle reversed if an odd number of loops as occured since the last call of step
+ this.situation.reversed = this.situation.reversed != Boolean((this.situation.loop - lastLoop) % 2);
+ }
+ } else {
+ // If there are no loop, the absolute position must not be above 1
+ this.absPos = Math.min(this.absPos, 1);
+ this.pos = this.absPos;
+ } // while the absolute position can be below 0, the position must not be below 0
+
+
+ if (this.pos < 0) this.pos = 0;
+ if (this.situation.reversed) this.pos = 1 - this.pos; // apply easing
+
+ var eased = this.situation.ease(this.pos); // call once-callbacks
+
+ for (var i in this.situation.once) {
+ if (i > this.lastPos && i <= eased) {
+ this.situation.once[i].call(this.target(), this.pos, eased);
+ delete this.situation.once[i];
+ }
+ } // fire during callback with position, eased position and current situation as parameter
+
+
+ if (this.active) this.target().fire('during', {
+ pos: this.pos,
+ eased: eased,
+ fx: this,
+ situation: this.situation
+ }); // the user may call stop or finish in the during callback
+ // so make sure that we still have a valid situation
+
+ if (!this.situation) {
+ return this;
+ } // apply the actual animation to every property
+
+
+ this.eachAt(); // do final code when situation is finished
+
+ if (this.pos == 1 && !this.situation.reversed || this.situation.reversed && this.pos == 0) {
+ // stop animation callback
+ this.stopAnimFrame(); // fire finished callback with current situation as parameter
+
+ this.target().fire('finished', {
+ fx: this,
+ situation: this.situation
+ });
+
+ if (!this.situations.length) {
+ this.target().fire('allfinished'); // Recheck the length since the user may call animate in the afterAll callback
+
+ if (!this.situations.length) {
+ this.target().off('.fx'); // there shouldnt be any binding left, but to make sure...
+
+ this.active = false;
+ }
+ } // start next animation
+
+
+ if (this.active) this.dequeue();else this.clearCurrent();
+ } else if (!this.paused && this.active) {
+ // we continue animating when we are not at the end
+ this.startAnimFrame();
+ } // save last eased position for once callback triggering
+
+
+ this.lastPos = eased;
+ return this;
+ },
+ // calculates the step for every property and calls block with it
+ eachAt: function eachAt() {
+ var i,
+ len,
+ at,
+ self = this,
+ target = this.target(),
+ s = this.situation; // apply animations which can be called trough a method
+
+ for (i in s.animations) {
+ at = [].concat(s.animations[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target[i].apply(target, at);
+ } // apply animation which has to be applied with attr()
+
+
+ for (i in s.attrs) {
+ at = [i].concat(s.attrs[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target.attr.apply(target, at);
+ } // apply animation which has to be applied with style()
+
+
+ for (i in s.styles) {
+ at = [i].concat(s.styles[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target.style.apply(target, at);
+ } // animate initialTransformation which has to be chained
+
+
+ if (s.transforms.length) {
+ // get initial initialTransformation
+ at = s.initialTransformation;
+
+ for (i = 0, len = s.transforms.length; i < len; i++) {
+ // get next transformation in chain
+ var a = s.transforms[i]; // multiply matrix directly
+
+ if (a instanceof SVG.Matrix) {
+ if (a.relative) {
+ at = at.multiply(new SVG.Matrix().morph(a).at(s.ease(this.pos)));
+ } else {
+ at = at.morph(a).at(s.ease(this.pos));
+ }
+
+ continue;
+ } // when transformation is absolute we have to reset the needed transformation first
+
+
+ if (!a.relative) {
+ a.undo(at.extract());
+ } // and reapply it after
+
+
+ at = at.multiply(a.at(s.ease(this.pos)));
+ } // set new matrix on element
+
+
+ target.matrix(at);
+ }
+
+ return this;
+ },
+ // adds an once-callback which is called at a specific position and never again
+ once: function once(pos, fn, isEased) {
+ var c = this.last();
+ if (!isEased) pos = c.ease(pos);
+ c.once[pos] = fn;
+ return this;
+ },
+ _callStart: function _callStart() {
+ setTimeout(function () {
+ this.start();
+ }.bind(this), 0);
+ return this;
+ }
+ },
+ parent: SVG.Element,
+ // Add method to parent elements
+ construct: {
+ // Get fx module or create a new one, then animate with given duration and ease
+ animate: function animate(o, ease, delay) {
+ return (this.fx || (this.fx = new SVG.FX(this))).animate(o, ease, delay);
+ },
+ delay: function delay(_delay2) {
+ return (this.fx || (this.fx = new SVG.FX(this))).delay(_delay2);
+ },
+ stop: function stop(jumpToEnd, clearQueue) {
+ if (this.fx) {
+ this.fx.stop(jumpToEnd, clearQueue);
+ }
+
+ return this;
+ },
+ finish: function finish() {
+ if (this.fx) {
+ this.fx.finish();
+ }
+
+ return this;
+ },
+ // Pause current animation
+ pause: function pause() {
+ if (this.fx) {
+ this.fx.pause();
+ }
+
+ return this;
+ },
+ // Play paused current animation
+ play: function play() {
+ if (this.fx) {
+ this.fx.play();
+ }
+
+ return this;
+ },
+ // Set/Get the speed of the animations
+ speed: function speed(_speed2) {
+ if (this.fx) {
+ if (_speed2 == null) {
+ return this.fx.speed();
+ } else {
+ this.fx.speed(_speed2);
+ }
+ }
+
+ return this;
+ }
+ }
+ }); // MorphObj is used whenever no morphable object is given
+
+ SVG.MorphObj = SVG.invent({
+ create: function create(from, to) {
+ // prepare color for morphing
+ if (SVG.Color.isColor(to)) return new SVG.Color(from).morph(to); // check if we have a list of values
+
+ if (SVG.regex.delimiter.test(from)) {
+ // prepare path for morphing
+ if (SVG.regex.pathLetters.test(from)) return new SVG.PathArray(from).morph(to); // prepare value list for morphing
+ else return new SVG.Array(from).morph(to);
+ } // prepare number for morphing
+
+
+ if (SVG.regex.numberAndUnit.test(to)) return new SVG.Number(from).morph(to); // prepare for plain morphing
+
+ this.value = from;
+ this.destination = to;
+ },
+ extend: {
+ at: function at(pos, real) {
+ return real < 1 ? this.value : this.destination;
+ },
+ valueOf: function valueOf() {
+ return this.value;
+ }
+ }
+ });
+ SVG.extend(SVG.FX, {
+ // Add animatable attributes
+ attr: function attr(a, v, relative) {
+ // apply attributes individually
+ if (_typeof(a) === 'object') {
+ for (var key in a) {
+ this.attr(key, a[key]);
+ }
+ } else {
+ this.add(a, v, 'attrs');
+ }
+
+ return this;
+ },
+ // Add animatable styles
+ style: function style(s, v) {
+ if (_typeof(s) === 'object') {
+ for (var key in s) {
+ this.style(key, s[key]);
+ }
+ } else {
+ this.add(s, v, 'styles');
+ }
+
+ return this;
+ },
+ // Animatable x-axis
+ x: function x(_x2, relative) {
+ if (this.target() instanceof SVG.G) {
+ this.transform({
+ x: _x2
+ }, relative);
+ return this;
+ }
+
+ var num = new SVG.Number(_x2);
+ num.relative = relative;
+ return this.add('x', num);
+ },
+ // Animatable y-axis
+ y: function y(_y2, relative) {
+ if (this.target() instanceof SVG.G) {
+ this.transform({
+ y: _y2
+ }, relative);
+ return this;
+ }
+
+ var num = new SVG.Number(_y2);
+ num.relative = relative;
+ return this.add('y', num);
+ },
+ // Animatable center x-axis
+ cx: function cx(x) {
+ return this.add('cx', new SVG.Number(x));
+ },
+ // Animatable center y-axis
+ cy: function cy(y) {
+ return this.add('cy', new SVG.Number(y));
+ },
+ // Add animatable move
+ move: function move(x, y) {
+ return this.x(x).y(y);
+ },
+ // Add animatable center
+ center: function center(x, y) {
+ return this.cx(x).cy(y);
+ },
+ // Add animatable size
+ size: function size(width, height) {
+ if (this.target() instanceof SVG.Text) {
+ // animate font size for Text elements
+ this.attr('font-size', width);
+ } else {
+ // animate bbox based size for all other elements
+ var box;
+
+ if (!width || !height) {
+ box = this.target().bbox();
+ }
+
+ if (!width) {
+ width = box.width / box.height * height;
+ }
+
+ if (!height) {
+ height = box.height / box.width * width;
+ }
+
+ this.add('width', new SVG.Number(width)).add('height', new SVG.Number(height));
+ }
+
+ return this;
+ },
+ // Add animatable width
+ width: function width(_width2) {
+ return this.add('width', new SVG.Number(_width2));
+ },
+ // Add animatable height
+ height: function height(_height2) {
+ return this.add('height', new SVG.Number(_height2));
+ },
+ // Add animatable plot
+ plot: function plot(a, b, c, d) {
+ // Lines can be plotted with 4 arguments
+ if (arguments.length == 4) {
+ return this.plot([a, b, c, d]);
+ }
+
+ return this.add('plot', new (this.target().morphArray)(a));
+ },
+ // Add leading method
+ leading: function leading(value) {
+ return this.target().leading ? this.add('leading', new SVG.Number(value)) : this;
+ },
+ // Add animatable viewbox
+ viewbox: function viewbox(x, y, width, height) {
+ if (this.target() instanceof SVG.Container) {
+ this.add('viewbox', new SVG.ViewBox(x, y, width, height));
+ }
+
+ return this;
+ },
+ update: function update(o) {
+ if (this.target() instanceof SVG.Stop) {
+ if (typeof o === 'number' || o instanceof SVG.Number) {
+ return this.update({
+ offset: arguments[0],
+ color: arguments[1],
+ opacity: arguments[2]
+ });
+ }
+
+ if (o.opacity != null) this.attr('stop-opacity', o.opacity);
+ if (o.color != null) this.attr('stop-color', o.color);
+ if (o.offset != null) this.attr('offset', o.offset);
+ }
+
+ return this;
+ }
+ });
+ SVG.Box = SVG.invent({
+ create: function create(x, y, width, height) {
+ if (_typeof(x) === 'object' && !(x instanceof SVG.Element)) {
+ // chromes getBoundingClientRect has no x and y property
+ return SVG.Box.call(this, x.left != null ? x.left : x.x, x.top != null ? x.top : x.y, x.width, x.height);
+ } else if (arguments.length == 4) {
+ this.x = x;
+ this.y = y;
+ this.width = width;
+ this.height = height;
+ } // add center, right, bottom...
+
+
+ fullBox(this);
+ },
+ extend: {
+ // Merge rect box with another, return a new instance
+ merge: function merge(box) {
+ var b = new this.constructor(); // merge boxes
+
+ b.x = Math.min(this.x, box.x);
+ b.y = Math.min(this.y, box.y);
+ b.width = Math.max(this.x + this.width, box.x + box.width) - b.x;
+ b.height = Math.max(this.y + this.height, box.y + box.height) - b.y;
+ return fullBox(b);
+ },
+ transform: function transform(m) {
+ var xMin = Infinity,
+ xMax = -Infinity,
+ yMin = Infinity,
+ yMax = -Infinity,
+ bbox;
+ var pts = [new SVG.Point(this.x, this.y), new SVG.Point(this.x2, this.y), new SVG.Point(this.x, this.y2), new SVG.Point(this.x2, this.y2)];
+ pts.forEach(function (p) {
+ p = p.transform(m);
+ xMin = Math.min(xMin, p.x);
+ xMax = Math.max(xMax, p.x);
+ yMin = Math.min(yMin, p.y);
+ yMax = Math.max(yMax, p.y);
+ });
+ bbox = new this.constructor();
+ bbox.x = xMin;
+ bbox.width = xMax - xMin;
+ bbox.y = yMin;
+ bbox.height = yMax - yMin;
+ fullBox(bbox);
+ return bbox;
+ }
+ }
+ });
+ SVG.BBox = SVG.invent({
+ // Initialize
+ create: function create(element) {
+ SVG.Box.apply(this, [].slice.call(arguments)); // get values if element is given
+
+ if (element instanceof SVG.Element) {
+ var box; // yes this is ugly, but Firefox can be a pain when it comes to elements that are not yet rendered
+
+ try {
+ if (!document.documentElement.contains) {
+ // This is IE - it does not support contains() for top-level SVGs
+ var topParent = element.node;
+
+ while (topParent.parentNode) {
+ topParent = topParent.parentNode;
+ }
+
+ if (topParent != document) throw new Error('Element not in the dom');
+ } // the element is NOT in the dom, throw error
+ // disabling the check below which fixes issue #76
+ // if (!document.documentElement.contains(element.node)) throw new Exception('Element not in the dom')
+ // find native bbox
+
+
+ box = element.node.getBBox();
+ } catch (e) {
+ if (element instanceof SVG.Shape) {
+ if (!SVG.parser.draw) {
+ // fixes apexcharts/vue-apexcharts #14
+ SVG.prepare();
+ }
+
+ var clone = element.clone(SVG.parser.draw.instance).show();
+ box = clone.node.getBBox();
+ clone.remove();
+ } else {
+ box = {
+ x: element.node.clientLeft,
+ y: element.node.clientTop,
+ width: element.node.clientWidth,
+ height: element.node.clientHeight
+ };
+ }
+ }
+
+ SVG.Box.call(this, box);
+ }
+ },
+ // Define ancestor
+ inherit: SVG.Box,
+ // Define Parent
+ parent: SVG.Element,
+ // Constructor
+ construct: {
+ // Get bounding box
+ bbox: function bbox() {
+ return new SVG.BBox(this);
+ }
+ }
+ });
+ SVG.BBox.prototype.constructor = SVG.BBox;
+ SVG.extend(SVG.Element, {
+ tbox: function tbox() {
+ console.warn('Use of TBox is deprecated and mapped to RBox. Use .rbox() instead.');
+ return this.rbox(this.doc());
+ }
+ });
+ SVG.RBox = SVG.invent({
+ // Initialize
+ create: function create(element) {
+ SVG.Box.apply(this, [].slice.call(arguments));
+
+ if (element instanceof SVG.Element) {
+ SVG.Box.call(this, element.node.getBoundingClientRect());
+ }
+ },
+ inherit: SVG.Box,
+ // define Parent
+ parent: SVG.Element,
+ extend: {
+ addOffset: function addOffset() {
+ // offset by window scroll position, because getBoundingClientRect changes when window is scrolled
+ this.x += window.pageXOffset;
+ this.y += window.pageYOffset;
+ return this;
+ }
+ },
+ // Constructor
+ construct: {
+ // Get rect box
+ rbox: function rbox(el) {
+ if (el) return new SVG.RBox(this).transform(el.screenCTM().inverse());
+ return new SVG.RBox(this).addOffset();
+ }
+ }
+ });
+ SVG.RBox.prototype.constructor = SVG.RBox;
+ SVG.Matrix = SVG.invent({
+ // Initialize
+ create: function create(source) {
+ var i,
+ base = arrayToMatrix([1, 0, 0, 1, 0, 0]); // ensure source as object
+
+ source = source instanceof SVG.Element ? source.matrixify() : typeof source === 'string' ? arrayToMatrix(source.split(SVG.regex.delimiter).map(parseFloat)) : arguments.length == 6 ? arrayToMatrix([].slice.call(arguments)) : Array.isArray(source) ? arrayToMatrix(source) : _typeof(source) === 'object' ? source : base; // merge source
+
+ for (i = abcdef.length - 1; i >= 0; --i) {
+ this[abcdef[i]] = source[abcdef[i]] != null ? source[abcdef[i]] : base[abcdef[i]];
+ }
+ },
+ // Add methods
+ extend: {
+ // Extract individual transformations
+ extract: function extract() {
+ // find delta transform points
+ var px = deltaTransformPoint(this, 0, 1),
+ py = deltaTransformPoint(this, 1, 0),
+ skewX = 180 / Math.PI * Math.atan2(px.y, px.x) - 90;
+ return {
+ // translation
+ x: this.e,
+ y: this.f,
+ transformedX: (this.e * Math.cos(skewX * Math.PI / 180) + this.f * Math.sin(skewX * Math.PI / 180)) / Math.sqrt(this.a * this.a + this.b * this.b),
+ transformedY: (this.f * Math.cos(skewX * Math.PI / 180) + this.e * Math.sin(-skewX * Math.PI / 180)) / Math.sqrt(this.c * this.c + this.d * this.d),
+ // skew
+ skewX: -skewX,
+ skewY: 180 / Math.PI * Math.atan2(py.y, py.x),
+ // scale
+ scaleX: Math.sqrt(this.a * this.a + this.b * this.b),
+ scaleY: Math.sqrt(this.c * this.c + this.d * this.d),
+ // rotation
+ rotation: skewX,
+ a: this.a,
+ b: this.b,
+ c: this.c,
+ d: this.d,
+ e: this.e,
+ f: this.f,
+ matrix: new SVG.Matrix(this)
+ };
+ },
+ // Clone matrix
+ clone: function clone() {
+ return new SVG.Matrix(this);
+ },
+ // Morph one matrix into another
+ morph: function morph(matrix) {
+ // store new destination
+ this.destination = new SVG.Matrix(matrix);
+ return this;
+ },
+ // Get morphed matrix at a given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // calculate morphed matrix at a given position
+
+ var matrix = new SVG.Matrix({
+ a: this.a + (this.destination.a - this.a) * pos,
+ b: this.b + (this.destination.b - this.b) * pos,
+ c: this.c + (this.destination.c - this.c) * pos,
+ d: this.d + (this.destination.d - this.d) * pos,
+ e: this.e + (this.destination.e - this.e) * pos,
+ f: this.f + (this.destination.f - this.f) * pos
+ });
+ return matrix;
+ },
+ // Multiplies by given matrix
+ multiply: function multiply(matrix) {
+ return new SVG.Matrix(this.native().multiply(parseMatrix(matrix).native()));
+ },
+ // Inverses matrix
+ inverse: function inverse() {
+ return new SVG.Matrix(this.native().inverse());
+ },
+ // Translate matrix
+ translate: function translate(x, y) {
+ return new SVG.Matrix(this.native().translate(x || 0, y || 0));
+ },
+ // Scale matrix
+ scale: function scale(x, y, cx, cy) {
+ // support uniformal scale
+ if (arguments.length == 1) {
+ y = x;
+ } else if (arguments.length == 3) {
+ cy = cx;
+ cx = y;
+ y = x;
+ }
+
+ return this.around(cx, cy, new SVG.Matrix(x, 0, 0, y, 0, 0));
+ },
+ // Rotate matrix
+ rotate: function rotate(r, cx, cy) {
+ // convert degrees to radians
+ r = SVG.utils.radians(r);
+ return this.around(cx, cy, new SVG.Matrix(Math.cos(r), Math.sin(r), -Math.sin(r), Math.cos(r), 0, 0));
+ },
+ // Flip matrix on x or y, at a given offset
+ flip: function flip(a, o) {
+ return a == 'x' ? this.scale(-1, 1, o, 0) : a == 'y' ? this.scale(1, -1, 0, o) : this.scale(-1, -1, a, o != null ? o : a);
+ },
+ // Skew
+ skew: function skew(x, y, cx, cy) {
+ // support uniformal skew
+ if (arguments.length == 1) {
+ y = x;
+ } else if (arguments.length == 3) {
+ cy = cx;
+ cx = y;
+ y = x;
+ } // convert degrees to radians
+
+
+ x = SVG.utils.radians(x);
+ y = SVG.utils.radians(y);
+ return this.around(cx, cy, new SVG.Matrix(1, Math.tan(y), Math.tan(x), 1, 0, 0));
+ },
+ // SkewX
+ skewX: function skewX(x, cx, cy) {
+ return this.skew(x, 0, cx, cy);
+ },
+ // SkewY
+ skewY: function skewY(y, cx, cy) {
+ return this.skew(0, y, cx, cy);
+ },
+ // Transform around a center point
+ around: function around(cx, cy, matrix) {
+ return this.multiply(new SVG.Matrix(1, 0, 0, 1, cx || 0, cy || 0)).multiply(matrix).multiply(new SVG.Matrix(1, 0, 0, 1, -cx || 0, -cy || 0));
+ },
+ // Convert to native SVGMatrix
+ native: function native() {
+ // create new matrix
+ var matrix = SVG.parser.native.createSVGMatrix(); // update with current values
+
+ for (var i = abcdef.length - 1; i >= 0; i--) {
+ matrix[abcdef[i]] = this[abcdef[i]];
+ }
+
+ return matrix;
+ },
+ // Convert matrix to string
+ toString: function toString() {
+ // Construct the matrix directly, avoid values that are too small
+ return 'matrix(' + float32String(this.a) + ',' + float32String(this.b) + ',' + float32String(this.c) + ',' + float32String(this.d) + ',' + float32String(this.e) + ',' + float32String(this.f) + ')';
+ }
+ },
+ // Define parent
+ parent: SVG.Element,
+ // Add parent method
+ construct: {
+ // Get current matrix
+ ctm: function ctm() {
+ return new SVG.Matrix(this.node.getCTM());
+ },
+ // Get current screen matrix
+ screenCTM: function screenCTM() {
+ /* https://bugzilla.mozilla.org/show_bug.cgi?id=1344537
+ This is needed because FF does not return the transformation matrix
+ for the inner coordinate system when getScreenCTM() is called on nested svgs.
+ However all other Browsers do that */
+ if (this instanceof SVG.Nested) {
+ var rect = this.rect(1, 1);
+ var m = rect.node.getScreenCTM();
+ rect.remove();
+ return new SVG.Matrix(m);
+ }
+
+ return new SVG.Matrix(this.node.getScreenCTM());
+ }
+ }
+ });
+ SVG.Point = SVG.invent({
+ // Initialize
+ create: function create(x, y) {
+ var source,
+ base = {
+ x: 0,
+ y: 0 // ensure source as object
+
+ };
+ source = Array.isArray(x) ? {
+ x: x[0],
+ y: x[1]
+ } : _typeof(x) === 'object' ? {
+ x: x.x,
+ y: x.y
+ } : x != null ? {
+ x: x,
+ y: y != null ? y : x
+ } : base; // If y has no value, then x is used has its value
+ // merge source
+
+ this.x = source.x;
+ this.y = source.y;
+ },
+ // Add methods
+ extend: {
+ // Clone point
+ clone: function clone() {
+ return new SVG.Point(this);
+ },
+ // Morph one point into another
+ morph: function morph(x, y) {
+ // store new destination
+ this.destination = new SVG.Point(x, y);
+ return this;
+ },
+ // Get morphed point at a given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // calculate morphed matrix at a given position
+
+ var point = new SVG.Point({
+ x: this.x + (this.destination.x - this.x) * pos,
+ y: this.y + (this.destination.y - this.y) * pos
+ });
+ return point;
+ },
+ // Convert to native SVGPoint
+ native: function native() {
+ // create new point
+ var point = SVG.parser.native.createSVGPoint(); // update with current values
+
+ point.x = this.x;
+ point.y = this.y;
+ return point;
+ },
+ // transform point with matrix
+ transform: function transform(matrix) {
+ return new SVG.Point(this.native().matrixTransform(matrix.native()));
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Get point
+ point: function point(x, y) {
+ return new SVG.Point(x, y).transform(this.screenCTM().inverse());
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Set svg element attribute
+ attr: function attr(a, v, n) {
+ // act as full getter
+ if (a == null) {
+ // get an object of attributes
+ a = {};
+ v = this.node.attributes;
+
+ for (n = v.length - 1; n >= 0; n--) {
+ a[v[n].nodeName] = SVG.regex.isNumber.test(v[n].nodeValue) ? parseFloat(v[n].nodeValue) : v[n].nodeValue;
+ }
+
+ return a;
+ } else if (_typeof(a) === 'object') {
+ // apply every attribute individually if an object is passed
+ for (v in a) {
+ this.attr(v, a[v]);
+ }
+ } else if (v === null) {
+ // remove value
+ this.node.removeAttribute(a);
+ } else if (v == null) {
+ // act as a getter if the first and only argument is not an object
+ v = this.node.getAttribute(a);
+ return v == null ? SVG.defaults.attrs[a] : SVG.regex.isNumber.test(v) ? parseFloat(v) : v;
+ } else {
+ // BUG FIX: some browsers will render a stroke if a color is given even though stroke width is 0
+ if (a == 'stroke-width') {
+ this.attr('stroke', parseFloat(v) > 0 ? this._stroke : null);
+ } else if (a == 'stroke') {
+ this._stroke = v;
+ } // convert image fill and stroke to patterns
+
+
+ if (a == 'fill' || a == 'stroke') {
+ if (SVG.regex.isImage.test(v)) {
+ v = this.doc().defs().image(v, 0, 0);
+ }
+
+ if (v instanceof SVG.Image) {
+ v = this.doc().defs().pattern(0, 0, function () {
+ this.add(v);
+ });
+ }
+ } // ensure correct numeric values (also accepts NaN and Infinity)
+
+
+ if (typeof v === 'number') {
+ v = new SVG.Number(v);
+ } // ensure full hex color
+ else if (SVG.Color.isColor(v)) {
+ v = new SVG.Color(v);
+ } // parse array values
+ else if (Array.isArray(v)) {
+ v = new SVG.Array(v);
+ } // if the passed attribute is leading...
+
+
+ if (a == 'leading') {
+ // ... call the leading method instead
+ if (this.leading) {
+ this.leading(v);
+ }
+ } else {
+ // set given attribute on node
+ typeof n === 'string' ? this.node.setAttributeNS(n, a, v.toString()) : this.node.setAttribute(a, v.toString());
+ } // rebuild if required
+
+
+ if (this.rebuild && (a == 'font-size' || a == 'x')) {
+ this.rebuild(a, v);
+ }
+ }
+
+ return this;
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Add transformations
+ transform: function transform(o, relative) {
+ // get target in case of the fx module, otherwise reference this
+ var target = this,
+ matrix,
+ bbox; // act as a getter
+
+ if (_typeof(o) !== 'object') {
+ // get current matrix
+ matrix = new SVG.Matrix(target).extract();
+ return typeof o === 'string' ? matrix[o] : matrix;
+ } // get current matrix
+
+
+ matrix = new SVG.Matrix(target); // ensure relative flag
+
+ relative = !!relative || !!o.relative; // act on matrix
+
+ if (o.a != null) {
+ matrix = relative // relative
+ ? matrix.multiply(new SVG.Matrix(o)) // absolute
+ : new SVG.Matrix(o); // act on rotation
+ } else if (o.rotation != null) {
+ // ensure centre point
+ ensureCentre(o, target); // apply transformation
+
+ matrix = relative // relative
+ ? matrix.rotate(o.rotation, o.cx, o.cy) // absolute
+ : matrix.rotate(o.rotation - matrix.extract().rotation, o.cx, o.cy); // act on scale
+ } else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure scale values on both axes
+
+ o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1;
+ o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1;
+
+ if (!relative) {
+ // absolute; multiply inversed values
+ var e = matrix.extract();
+ o.scaleX = o.scaleX * 1 / e.scaleX;
+ o.scaleY = o.scaleY * 1 / e.scaleY;
+ }
+
+ matrix = matrix.scale(o.scaleX, o.scaleY, o.cx, o.cy); // act on skew
+ } else if (o.skew != null || o.skewX != null || o.skewY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure skew values on both axes
+
+ o.skewX = o.skew != null ? o.skew : o.skewX != null ? o.skewX : 0;
+ o.skewY = o.skew != null ? o.skew : o.skewY != null ? o.skewY : 0;
+
+ if (!relative) {
+ // absolute; reset skew values
+ var e = matrix.extract();
+ matrix = matrix.multiply(new SVG.Matrix().skew(e.skewX, e.skewY, o.cx, o.cy).inverse());
+ }
+
+ matrix = matrix.skew(o.skewX, o.skewY, o.cx, o.cy); // act on flip
+ } else if (o.flip) {
+ if (o.flip == 'x' || o.flip == 'y') {
+ o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset;
+ } else {
+ if (o.offset == null) {
+ bbox = target.bbox();
+ o.flip = bbox.cx;
+ o.offset = bbox.cy;
+ } else {
+ o.flip = o.offset;
+ }
+ }
+
+ matrix = new SVG.Matrix().flip(o.flip, o.offset); // act on translate
+ } else if (o.x != null || o.y != null) {
+ if (relative) {
+ // relative
+ matrix = matrix.translate(o.x, o.y);
+ } else {
+ // absolute
+ if (o.x != null) matrix.e = o.x;
+ if (o.y != null) matrix.f = o.y;
+ }
+ }
+
+ return this.attr('transform', matrix);
+ }
+ });
+ SVG.extend(SVG.FX, {
+ transform: function transform(o, relative) {
+ // get target in case of the fx module, otherwise reference this
+ var target = this.target(),
+ matrix,
+ bbox; // act as a getter
+
+ if (_typeof(o) !== 'object') {
+ // get current matrix
+ matrix = new SVG.Matrix(target).extract();
+ return typeof o === 'string' ? matrix[o] : matrix;
+ } // ensure relative flag
+
+
+ relative = !!relative || !!o.relative; // act on matrix
+
+ if (o.a != null) {
+ matrix = new SVG.Matrix(o); // act on rotation
+ } else if (o.rotation != null) {
+ // ensure centre point
+ ensureCentre(o, target); // apply transformation
+
+ matrix = new SVG.Rotate(o.rotation, o.cx, o.cy); // act on scale
+ } else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure scale values on both axes
+
+ o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1;
+ o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1;
+ matrix = new SVG.Scale(o.scaleX, o.scaleY, o.cx, o.cy); // act on skew
+ } else if (o.skewX != null || o.skewY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure skew values on both axes
+
+ o.skewX = o.skewX != null ? o.skewX : 0;
+ o.skewY = o.skewY != null ? o.skewY : 0;
+ matrix = new SVG.Skew(o.skewX, o.skewY, o.cx, o.cy); // act on flip
+ } else if (o.flip) {
+ if (o.flip == 'x' || o.flip == 'y') {
+ o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset;
+ } else {
+ if (o.offset == null) {
+ bbox = target.bbox();
+ o.flip = bbox.cx;
+ o.offset = bbox.cy;
+ } else {
+ o.flip = o.offset;
+ }
+ }
+
+ matrix = new SVG.Matrix().flip(o.flip, o.offset); // act on translate
+ } else if (o.x != null || o.y != null) {
+ matrix = new SVG.Translate(o.x, o.y);
+ }
+
+ if (!matrix) return this;
+ matrix.relative = relative;
+ this.last().transforms.push(matrix);
+ return this._callStart();
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Reset all transformations
+ untransform: function untransform() {
+ return this.attr('transform', null);
+ },
+ // merge the whole transformation chain into one matrix and returns it
+ matrixify: function matrixify() {
+ var matrix = (this.attr('transform') || ''). // split transformations
+ split(SVG.regex.transforms).slice(0, -1).map(function (str) {
+ // generate key => value pairs
+ var kv = str.trim().split('(');
+ return [kv[0], kv[1].split(SVG.regex.delimiter).map(function (str) {
+ return parseFloat(str);
+ })];
+ }) // merge every transformation into one matrix
+ .reduce(function (matrix, transform) {
+ if (transform[0] == 'matrix') return matrix.multiply(arrayToMatrix(transform[1]));
+ return matrix[transform[0]].apply(matrix, transform[1]);
+ }, new SVG.Matrix());
+ return matrix;
+ },
+ // add an element to another parent without changing the visual representation on the screen
+ toParent: function toParent(parent) {
+ if (this == parent) return this;
+ var ctm = this.screenCTM();
+ var pCtm = parent.screenCTM().inverse();
+ this.addTo(parent).untransform().transform(pCtm.multiply(ctm));
+ return this;
+ },
+ // same as above with parent equals root-svg
+ toDoc: function toDoc() {
+ return this.toParent(this.doc());
+ }
+ });
+ SVG.Transformation = SVG.invent({
+ create: function create(source, inversed) {
+ if (arguments.length > 1 && typeof inversed !== 'boolean') {
+ return this.constructor.call(this, [].slice.call(arguments));
+ }
+
+ if (Array.isArray(source)) {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ this[this.arguments[i]] = source[i];
+ }
+ } else if (_typeof(source) === 'object') {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ this[this.arguments[i]] = source[this.arguments[i]];
+ }
+ }
+
+ this.inversed = false;
+
+ if (inversed === true) {
+ this.inversed = true;
+ }
+ },
+ extend: {
+ arguments: [],
+ method: '',
+ at: function at(pos) {
+ var params = [];
+
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ params.push(this[this.arguments[i]]);
+ }
+
+ var m = this._undo || new SVG.Matrix();
+ m = new SVG.Matrix().morph(SVG.Matrix.prototype[this.method].apply(m, params)).at(pos);
+ return this.inversed ? m.inverse() : m;
+ },
+ undo: function undo(o) {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ o[this.arguments[i]] = typeof this[this.arguments[i]] === 'undefined' ? 0 : o[this.arguments[i]];
+ } // The method SVG.Matrix.extract which was used before calling this
+ // method to obtain a value for the parameter o doesn't return a cx and
+ // a cy so we use the ones that were provided to this object at its creation
+
+
+ o.cx = this.cx;
+ o.cy = this.cy;
+ this._undo = new SVG[capitalize(this.method)](o, true).at(1);
+ return this;
+ }
+ }
+ });
+ SVG.Translate = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['transformedX', 'transformedY'],
+ method: 'translate'
+ }
+ });
+ SVG.Rotate = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['rotation', 'cx', 'cy'],
+ method: 'rotate',
+ at: function at(pos) {
+ var m = new SVG.Matrix().rotate(new SVG.Number().morph(this.rotation - (this._undo ? this._undo.rotation : 0)).at(pos), this.cx, this.cy);
+ return this.inversed ? m.inverse() : m;
+ },
+ undo: function undo(o) {
+ this._undo = o;
+ return this;
+ }
+ }
+ });
+ SVG.Scale = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['scaleX', 'scaleY', 'cx', 'cy'],
+ method: 'scale'
+ }
+ });
+ SVG.Skew = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['skewX', 'skewY', 'cx', 'cy'],
+ method: 'skew'
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Dynamic style generator
+ style: function style(s, v) {
+ if (arguments.length == 0) {
+ // get full style
+ return this.node.style.cssText || '';
+ } else if (arguments.length < 2) {
+ // apply every style individually if an object is passed
+ if (_typeof(s) === 'object') {
+ for (v in s) {
+ this.style(v, s[v]);
+ }
+ } else if (SVG.regex.isCss.test(s)) {
+ // parse css string
+ s = s.split(/\s*;\s*/) // filter out suffix ; and stuff like ;;
+ .filter(function (e) {
+ return !!e;
+ }).map(function (e) {
+ return e.split(/\s*:\s*/);
+ }); // apply every definition individually
+
+ while (v = s.pop()) {
+ this.style(v[0], v[1]);
+ }
+ } else {
+ // act as a getter if the first and only argument is not an object
+ return this.node.style[camelCase(s)];
+ }
+ } else {
+ this.node.style[camelCase(s)] = v === null || SVG.regex.isBlank.test(v) ? '' : v;
+ }
+
+ return this;
+ }
+ });
+ SVG.Parent = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Element,
+ // Add class methods
+ extend: {
+ // Returns all child elements
+ children: function children() {
+ return SVG.utils.map(SVG.utils.filterSVGElements(this.node.childNodes), function (node) {
+ return SVG.adopt(node);
+ });
+ },
+ // Add given element at a position
+ add: function add(element, i) {
+ if (i == null) {
+ this.node.appendChild(element.node);
+ } else if (element.node != this.node.childNodes[i]) {
+ this.node.insertBefore(element.node, this.node.childNodes[i]);
+ }
+
+ return this;
+ },
+ // Basically does the same as `add()` but returns the added element instead
+ put: function put(element, i) {
+ this.add(element, i);
+ return element;
+ },
+ // Checks if the given element is a child
+ has: function has(element) {
+ return this.index(element) >= 0;
+ },
+ // Gets index of given element
+ index: function index(element) {
+ return [].slice.call(this.node.childNodes).indexOf(element.node);
+ },
+ // Get a element at the given index
+ get: function get(i) {
+ return SVG.adopt(this.node.childNodes[i]);
+ },
+ // Get first child
+ first: function first() {
+ return this.get(0);
+ },
+ // Get the last child
+ last: function last() {
+ return this.get(this.node.childNodes.length - 1);
+ },
+ // Iterates over all children and invokes a given block
+ each: function each(block, deep) {
+ var i,
+ il,
+ children = this.children();
+
+ for (i = 0, il = children.length; i < il; i++) {
+ if (children[i] instanceof SVG.Element) {
+ block.apply(children[i], [i, children]);
+ }
+
+ if (deep && children[i] instanceof SVG.Container) {
+ children[i].each(block, deep);
+ }
+ }
+
+ return this;
+ },
+ // Remove a given child
+ removeElement: function removeElement(element) {
+ this.node.removeChild(element.node);
+ return this;
+ },
+ // Remove all elements in this container
+ clear: function clear() {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // remove defs reference
+
+
+ delete this._defs;
+ return this;
+ },
+ // Get defs
+ defs: function defs() {
+ return this.doc().defs();
+ }
+ }
+ });
+ SVG.extend(SVG.Parent, {
+ ungroup: function ungroup(parent, depth) {
+ if (depth === 0 || this instanceof SVG.Defs || this.node == SVG.parser.draw) return this;
+ parent = parent || (this instanceof SVG.Doc ? this : this.parent(SVG.Parent));
+ depth = depth || Infinity;
+ this.each(function () {
+ if (this instanceof SVG.Defs) return this;
+ if (this instanceof SVG.Parent) return this.ungroup(parent, depth - 1);
+ return this.toParent(parent);
+ });
+ this.node.firstChild || this.remove();
+ return this;
+ },
+ flatten: function flatten(parent, depth) {
+ return this.ungroup(parent, depth);
+ }
+ });
+ SVG.Container = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Parent
+ });
+ SVG.ViewBox = SVG.invent({
+ create: function create(source) {
+ var base = [0, 0, 0, 0];
+ var x,
+ y,
+ width,
+ height,
+ box,
+ view,
+ we,
+ he,
+ wm = 1,
+ // width multiplier
+ hm = 1,
+ // height multiplier
+ reg = /[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/gi;
+
+ if (source instanceof SVG.Element) {
+ we = source;
+ he = source;
+ view = (source.attr('viewBox') || '').match(reg);
+ box = source.bbox; // get dimensions of current node
+
+ width = new SVG.Number(source.width());
+ height = new SVG.Number(source.height()); // find nearest non-percentual dimensions
+
+ while (width.unit == '%') {
+ wm *= width.value;
+ width = new SVG.Number(we instanceof SVG.Doc ? we.parent().offsetWidth : we.parent().width());
+ we = we.parent();
+ }
+
+ while (height.unit == '%') {
+ hm *= height.value;
+ height = new SVG.Number(he instanceof SVG.Doc ? he.parent().offsetHeight : he.parent().height());
+ he = he.parent();
+ } // ensure defaults
+
+
+ this.x = 0;
+ this.y = 0;
+ this.width = width * wm;
+ this.height = height * hm;
+ this.zoom = 1;
+
+ if (view) {
+ // get width and height from viewbox
+ x = parseFloat(view[0]);
+ y = parseFloat(view[1]);
+ width = parseFloat(view[2]);
+ height = parseFloat(view[3]); // calculate zoom accoring to viewbox
+
+ this.zoom = this.width / this.height > width / height ? this.height / height : this.width / width; // calculate real pixel dimensions on parent SVG.Doc element
+
+ this.x = x;
+ this.y = y;
+ this.width = width;
+ this.height = height;
+ }
+ } else {
+ // ensure source as object
+ source = typeof source === 'string' ? source.match(reg).map(function (el) {
+ return parseFloat(el);
+ }) : Array.isArray(source) ? source : _typeof(source) === 'object' ? [source.x, source.y, source.width, source.height] : arguments.length == 4 ? [].slice.call(arguments) : base;
+ this.x = source[0];
+ this.y = source[1];
+ this.width = source[2];
+ this.height = source[3];
+ }
+ },
+ extend: {
+ toString: function toString() {
+ return this.x + ' ' + this.y + ' ' + this.width + ' ' + this.height;
+ },
+ morph: function morph(x, y, width, height) {
+ this.destination = new SVG.ViewBox(x, y, width, height);
+ return this;
+ },
+ at: function at(pos) {
+ if (!this.destination) return this;
+ return new SVG.ViewBox([this.x + (this.destination.x - this.x) * pos, this.y + (this.destination.y - this.y) * pos, this.width + (this.destination.width - this.width) * pos, this.height + (this.destination.height - this.height) * pos]);
+ }
+ },
+ // Define parent
+ parent: SVG.Container,
+ // Add parent method
+ construct: {
+ // get/set viewbox
+ viewbox: function viewbox(x, y, width, height) {
+ if (arguments.length == 0) // act as a getter if there are no arguments
+ {
+ return new SVG.ViewBox(this);
+ } // otherwise act as a setter
+
+
+ return this.attr('viewBox', new SVG.ViewBox(x, y, width, height));
+ }
+ }
+ }) // Add events to elements
+ ;
+ ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout', 'mousemove', // , 'mouseenter' -> not supported by IE
+ // , 'mouseleave' -> not supported by IE
+ 'touchstart', 'touchmove', 'touchleave', 'touchend', 'touchcancel'].forEach(function (event) {
+ // add event to SVG.Element
+ SVG.Element.prototype[event] = function (f) {
+ // bind event to element rather than element node
+ SVG.on(this.node, event, f);
+ return this;
+ };
+ }); // Initialize listeners stack
+
+ SVG.listeners = [];
+ SVG.handlerMap = [];
+ SVG.listenerId = 0; // Add event binder in the SVG namespace
+
+ SVG.on = function (node, event, listener, binding, options) {
+ // create listener, get object-index
+ var l = listener.bind(binding || node.instance || node),
+ index = (SVG.handlerMap.indexOf(node) + 1 || SVG.handlerMap.push(node)) - 1,
+ ev = event.split('.')[0],
+ ns = event.split('.')[1] || '*'; // ensure valid object
+
+ SVG.listeners[index] = SVG.listeners[index] || {};
+ SVG.listeners[index][ev] = SVG.listeners[index][ev] || {};
+ SVG.listeners[index][ev][ns] = SVG.listeners[index][ev][ns] || {};
+
+ if (!listener._svgjsListenerId) {
+ listener._svgjsListenerId = ++SVG.listenerId;
+ } // reference listener
+
+
+ SVG.listeners[index][ev][ns][listener._svgjsListenerId] = l; // add listener
+
+ node.addEventListener(ev, l, options || false);
+ }; // Add event unbinder in the SVG namespace
+
+
+ SVG.off = function (node, event, listener) {
+ var index = SVG.handlerMap.indexOf(node),
+ ev = event && event.split('.')[0],
+ ns = event && event.split('.')[1],
+ namespace = '';
+ if (index == -1) return;
+
+ if (listener) {
+ if (typeof listener === 'function') listener = listener._svgjsListenerId;
+ if (!listener) return; // remove listener reference
+
+ if (SVG.listeners[index][ev] && SVG.listeners[index][ev][ns || '*']) {
+ // remove listener
+ node.removeEventListener(ev, SVG.listeners[index][ev][ns || '*'][listener], false);
+ delete SVG.listeners[index][ev][ns || '*'][listener];
+ }
+ } else if (ns && ev) {
+ // remove all listeners for a namespaced event
+ if (SVG.listeners[index][ev] && SVG.listeners[index][ev][ns]) {
+ for (listener in SVG.listeners[index][ev][ns]) {
+ SVG.off(node, [ev, ns].join('.'), listener);
+ }
+
+ delete SVG.listeners[index][ev][ns];
+ }
+ } else if (ns) {
+ // remove all listeners for a specific namespace
+ for (event in SVG.listeners[index]) {
+ for (namespace in SVG.listeners[index][event]) {
+ if (ns === namespace) {
+ SVG.off(node, [event, ns].join('.'));
+ }
+ }
+ }
+ } else if (ev) {
+ // remove all listeners for the event
+ if (SVG.listeners[index][ev]) {
+ for (namespace in SVG.listeners[index][ev]) {
+ SVG.off(node, [ev, namespace].join('.'));
+ }
+
+ delete SVG.listeners[index][ev];
+ }
+ } else {
+ // remove all listeners on a given node
+ for (event in SVG.listeners[index]) {
+ SVG.off(node, event);
+ }
+
+ delete SVG.listeners[index];
+ delete SVG.handlerMap[index];
+ }
+ }; //
+
+
+ SVG.extend(SVG.Element, {
+ // Bind given event to listener
+ on: function on(event, listener, binding, options) {
+ SVG.on(this.node, event, listener, binding, options);
+ return this;
+ },
+ // Unbind event from listener
+ off: function off(event, listener) {
+ SVG.off(this.node, event, listener);
+ return this;
+ },
+ // Fire given event
+ fire: function fire(event, data) {
+ // Dispatch event
+ if (event instanceof window.Event) {
+ this.node.dispatchEvent(event);
+ } else {
+ this.node.dispatchEvent(event = new SVG.CustomEvent(event, {
+ detail: data,
+ cancelable: true
+ }));
+ }
+
+ this._event = event;
+ return this;
+ },
+ event: function event() {
+ return this._event;
+ }
+ });
+ SVG.Defs = SVG.invent({
+ // Initialize node
+ create: 'defs',
+ // Inherit from
+ inherit: SVG.Container
+ });
+ SVG.G = SVG.invent({
+ // Initialize node
+ create: 'g',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x3) {
+ return _x3 == null ? this.transform('x') : this.transform({
+ x: _x3 - this.x()
+ }, true);
+ },
+ // Move over y-axis
+ y: function y(_y3) {
+ return _y3 == null ? this.transform('y') : this.transform({
+ y: _y3 - this.y()
+ }, true);
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.gbox().cx : this.x(x - this.gbox().width / 2);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.gbox().cy : this.y(y - this.gbox().height / 2);
+ },
+ gbox: function gbox() {
+ var bbox = this.bbox(),
+ trans = this.transform();
+ bbox.x += trans.x;
+ bbox.x2 += trans.x;
+ bbox.cx += trans.x;
+ bbox.y += trans.y;
+ bbox.y2 += trans.y;
+ bbox.cy += trans.y;
+ return bbox;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a group element
+ group: function group() {
+ return this.put(new SVG.G());
+ }
+ }
+ });
+ SVG.Doc = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ if (element) {
+ // ensure the presence of a dom element
+ element = typeof element === 'string' ? document.getElementById(element) : element; // If the target is an svg element, use that element as the main wrapper.
+ // This allows svg.js to work with svg documents as well.
+
+ if (element.nodeName == 'svg') {
+ this.constructor.call(this, element);
+ } else {
+ this.constructor.call(this, SVG.create('svg'));
+ element.appendChild(this.node);
+ this.size('100%', '100%');
+ } // set svg element attributes and ensure defs node
+
+
+ this.namespace().defs();
+ }
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Add namespaces
+ namespace: function namespace() {
+ return this.attr({
+ xmlns: SVG.ns,
+ version: '1.1'
+ }).attr('xmlns:xlink', SVG.xlink, SVG.xmlns).attr('xmlns:svgjs', SVG.svgjs, SVG.xmlns);
+ },
+ // Creates and returns defs element
+ defs: function defs() {
+ if (!this._defs) {
+ var defs; // Find or create a defs element in this instance
+
+ if (defs = this.node.getElementsByTagName('defs')[0]) {
+ this._defs = SVG.adopt(defs);
+ } else {
+ this._defs = new SVG.Defs();
+ } // Make sure the defs node is at the end of the stack
+
+
+ this.node.appendChild(this._defs.node);
+ }
+
+ return this._defs;
+ },
+ // custom parent method
+ parent: function parent() {
+ if (!this.node.parentNode || this.node.parentNode.nodeName == '#document') return null;
+ return this.node.parentNode;
+ },
+ // Fix for possible sub-pixel offset. See:
+ // https://bugzilla.mozilla.org/show_bug.cgi?id=608812
+ spof: function spof() {
+ var pos = this.node.getScreenCTM();
+
+ if (pos) {
+ this.style('left', -pos.e % 1 + 'px').style('top', -pos.f % 1 + 'px');
+ }
+
+ return this;
+ },
+ // Removes the doc from the DOM
+ remove: function remove() {
+ if (this.parent()) {
+ this.parent().removeChild(this.node);
+ }
+
+ return this;
+ },
+ clear: function clear() {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // remove defs reference
+
+
+ delete this._defs; // add back parser
+
+ if (SVG.parser.draw && !SVG.parser.draw.parentNode) {
+ this.node.appendChild(SVG.parser.draw);
+ }
+
+ return this;
+ },
+ clone: function clone(parent) {
+ // write dom data to the dom so the clone can pickup the data
+ this.writeDataToDom(); // get reference to node
+
+ var node = this.node; // clone element and assign new id
+
+ var clone = assignNewId(node.cloneNode(true)); // insert the clone in the given parent or after myself
+
+ if (parent) {
+ (parent.node || parent).appendChild(clone.node);
+ } else {
+ node.parentNode.insertBefore(clone.node, node.nextSibling);
+ }
+
+ return clone;
+ }
+ }
+ }); // ### This module adds backward / forward functionality to elements.
+ //
+
+ SVG.extend(SVG.Element, {
+ // Get all siblings, including myself
+ siblings: function siblings() {
+ return this.parent().children();
+ },
+ // Get the curent position siblings
+ position: function position() {
+ return this.parent().index(this);
+ },
+ // Get the next element (will return null if there is none)
+ next: function next() {
+ return this.siblings()[this.position() + 1];
+ },
+ // Get the next element (will return null if there is none)
+ previous: function previous() {
+ return this.siblings()[this.position() - 1];
+ },
+ // Send given element one step forward
+ forward: function forward() {
+ var i = this.position() + 1,
+ p = this.parent(); // move node one step forward
+
+ p.removeElement(this).add(this, i); // make sure defs node is always at the top
+
+ if (p instanceof SVG.Doc) {
+ p.node.appendChild(p.defs().node);
+ }
+
+ return this;
+ },
+ // Send given element one step backward
+ backward: function backward() {
+ var i = this.position();
+
+ if (i > 0) {
+ this.parent().removeElement(this).add(this, i - 1);
+ }
+
+ return this;
+ },
+ // Send given element all the way to the front
+ front: function front() {
+ var p = this.parent(); // Move node forward
+
+ p.node.appendChild(this.node); // Make sure defs node is always at the top
+
+ if (p instanceof SVG.Doc) {
+ p.node.appendChild(p.defs().node);
+ }
+
+ return this;
+ },
+ // Send given element all the way to the back
+ back: function back() {
+ if (this.position() > 0) {
+ this.parent().removeElement(this).add(this, 0);
+ }
+
+ return this;
+ },
+ // Inserts a given element before the targeted element
+ before: function before(element) {
+ element.remove();
+ var i = this.position();
+ this.parent().add(element, i);
+ return this;
+ },
+ // Insters a given element after the targeted element
+ after: function after(element) {
+ element.remove();
+ var i = this.position();
+ this.parent().add(element, i + 1);
+ return this;
+ }
+ });
+ SVG.Mask = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('mask')); // keep references to masked elements
+
+ this.targets = [];
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Unmask all masked elements and remove itself
+ remove: function remove() {
+ // unmask all targets
+ for (var i = this.targets.length - 1; i >= 0; i--) {
+ if (this.targets[i]) {
+ this.targets[i].unmask();
+ }
+ }
+
+ this.targets = []; // remove mask from parent
+
+ SVG.Element.prototype.remove.call(this);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create masking element
+ mask: function mask() {
+ return this.defs().put(new SVG.Mask());
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Distribute mask to svg element
+ maskWith: function maskWith(element) {
+ // use given mask or create a new one
+ this.masker = element instanceof SVG.Mask ? element : this.parent().mask().add(element); // store reverence on self in mask
+
+ this.masker.targets.push(this); // apply mask
+
+ return this.attr('mask', 'url("#' + this.masker.attr('id') + '")');
+ },
+ // Unmask element
+ unmask: function unmask() {
+ delete this.masker;
+ return this.attr('mask', null);
+ }
+ });
+ SVG.ClipPath = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('clipPath')); // keep references to clipped elements
+
+ this.targets = [];
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Unclip all clipped elements and remove itself
+ remove: function remove() {
+ // unclip all targets
+ for (var i = this.targets.length - 1; i >= 0; i--) {
+ if (this.targets[i]) {
+ this.targets[i].unclip();
+ }
+ }
+
+ this.targets = []; // remove clipPath from parent
+
+ this.parent().removeElement(this);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create clipping element
+ clip: function clip() {
+ return this.defs().put(new SVG.ClipPath());
+ }
+ }
+ }); //
+
+ SVG.extend(SVG.Element, {
+ // Distribute clipPath to svg element
+ clipWith: function clipWith(element) {
+ // use given clip or create a new one
+ this.clipper = element instanceof SVG.ClipPath ? element : this.parent().clip().add(element); // store reverence on self in mask
+
+ this.clipper.targets.push(this); // apply mask
+
+ return this.attr('clip-path', 'url("#' + this.clipper.attr('id') + '")');
+ },
+ // Unclip element
+ unclip: function unclip() {
+ delete this.clipper;
+ return this.attr('clip-path', null);
+ }
+ });
+ SVG.Gradient = SVG.invent({
+ // Initialize node
+ create: function create(type) {
+ this.constructor.call(this, SVG.create(type + 'Gradient')); // store type
+
+ this.type = type;
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Add a color stop
+ at: function at(offset, color, opacity) {
+ return this.put(new SVG.Stop()).update(offset, color, opacity);
+ },
+ // Update gradient
+ update: function update(block) {
+ // remove all stops
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Return the fill id
+ fill: function fill() {
+ return 'url(#' + this.id() + ')';
+ },
+ // Alias string convertion to fill
+ toString: function toString() {
+ return this.fill();
+ },
+ // custom attr to handle transform
+ attr: function attr(a, b, c) {
+ if (a == 'transform') a = 'gradientTransform';
+ return SVG.Container.prototype.attr.call(this, a, b, c);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create gradient element in defs
+ gradient: function gradient(type, block) {
+ return this.defs().gradient(type, block);
+ }
+ }
+ }); // Add animatable methods to both gradient and fx module
+
+ SVG.extend(SVG.Gradient, SVG.FX, {
+ // From position
+ from: function from(x, y) {
+ return (this._target || this).type == 'radial' ? this.attr({
+ fx: new SVG.Number(x),
+ fy: new SVG.Number(y)
+ }) : this.attr({
+ x1: new SVG.Number(x),
+ y1: new SVG.Number(y)
+ });
+ },
+ // To position
+ to: function to(x, y) {
+ return (this._target || this).type == 'radial' ? this.attr({
+ cx: new SVG.Number(x),
+ cy: new SVG.Number(y)
+ }) : this.attr({
+ x2: new SVG.Number(x),
+ y2: new SVG.Number(y)
+ });
+ }
+ }); // Base gradient generation
+
+ SVG.extend(SVG.Defs, {
+ // define gradient
+ gradient: function gradient(type, block) {
+ return this.put(new SVG.Gradient(type)).update(block);
+ }
+ });
+ SVG.Stop = SVG.invent({
+ // Initialize node
+ create: 'stop',
+ // Inherit from
+ inherit: SVG.Element,
+ // Add class methods
+ extend: {
+ // add color stops
+ update: function update(o) {
+ if (typeof o === 'number' || o instanceof SVG.Number) {
+ o = {
+ offset: arguments[0],
+ color: arguments[1],
+ opacity: arguments[2]
+ };
+ } // set attributes
+
+
+ if (o.opacity != null) this.attr('stop-opacity', o.opacity);
+ if (o.color != null) this.attr('stop-color', o.color);
+ if (o.offset != null) this.attr('offset', new SVG.Number(o.offset));
+ return this;
+ }
+ }
+ });
+ SVG.Pattern = SVG.invent({
+ // Initialize node
+ create: 'pattern',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Return the fill id
+ fill: function fill() {
+ return 'url(#' + this.id() + ')';
+ },
+ // Update pattern by rebuilding
+ update: function update(block) {
+ // remove content
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Alias string convertion to fill
+ toString: function toString() {
+ return this.fill();
+ },
+ // custom attr to handle transform
+ attr: function attr(a, b, c) {
+ if (a == 'transform') a = 'patternTransform';
+ return SVG.Container.prototype.attr.call(this, a, b, c);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create pattern element in defs
+ pattern: function pattern(width, height, block) {
+ return this.defs().pattern(width, height, block);
+ }
+ }
+ });
+ SVG.extend(SVG.Defs, {
+ // Define gradient
+ pattern: function pattern(width, height, block) {
+ return this.put(new SVG.Pattern()).update(block).attr({
+ x: 0,
+ y: 0,
+ width: width,
+ height: height,
+ patternUnits: 'userSpaceOnUse'
+ });
+ }
+ });
+ SVG.Shape = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Element
+ });
+ SVG.Bare = SVG.invent({
+ // Initialize
+ create: function create(element, inherit) {
+ // construct element
+ this.constructor.call(this, SVG.create(element)); // inherit custom methods
+
+ if (inherit) {
+ for (var method in inherit.prototype) {
+ if (typeof inherit.prototype[method] === 'function') {
+ this[method] = inherit.prototype[method];
+ }
+ }
+ }
+ },
+ // Inherit from
+ inherit: SVG.Element,
+ // Add methods
+ extend: {
+ // Insert some plain text
+ words: function words(text) {
+ // remove contents
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // create text node
+
+
+ this.node.appendChild(document.createTextNode(text));
+ return this;
+ }
+ }
+ });
+ SVG.extend(SVG.Parent, {
+ // Create an element that is not described by SVG.js
+ element: function element(_element, inherit) {
+ return this.put(new SVG.Bare(_element, inherit));
+ }
+ });
+ SVG.Symbol = SVG.invent({
+ // Initialize node
+ create: 'symbol',
+ // Inherit from
+ inherit: SVG.Container,
+ construct: {
+ // create symbol
+ symbol: function symbol() {
+ return this.put(new SVG.Symbol());
+ }
+ }
+ });
+ SVG.Use = SVG.invent({
+ // Initialize node
+ create: 'use',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Use element as a reference
+ element: function element(_element2, file) {
+ // Set lined element
+ return this.attr('href', (file || '') + '#' + _element2, SVG.xlink);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a use element
+ use: function use(element, file) {
+ return this.put(new SVG.Use()).element(element, file);
+ }
+ }
+ });
+ SVG.Rect = SVG.invent({
+ // Initialize node
+ create: 'rect',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a rect element
+ rect: function rect(width, height) {
+ return this.put(new SVG.Rect()).size(width, height);
+ }
+ }
+ });
+ SVG.Circle = SVG.invent({
+ // Initialize node
+ create: 'circle',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create circle element, based on ellipse
+ circle: function circle(size) {
+ return this.put(new SVG.Circle()).rx(new SVG.Number(size).divide(2)).move(0, 0);
+ }
+ }
+ });
+ SVG.extend(SVG.Circle, SVG.FX, {
+ // Radius x value
+ rx: function rx(_rx) {
+ return this.attr('r', _rx);
+ },
+ // Alias radius x value
+ ry: function ry(_ry) {
+ return this.rx(_ry);
+ }
+ });
+ SVG.Ellipse = SVG.invent({
+ // Initialize node
+ create: 'ellipse',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create an ellipse
+ ellipse: function ellipse(width, height) {
+ return this.put(new SVG.Ellipse()).size(width, height).move(0, 0);
+ }
+ }
+ });
+ SVG.extend(SVG.Ellipse, SVG.Rect, SVG.FX, {
+ // Radius x value
+ rx: function rx(_rx2) {
+ return this.attr('rx', _rx2);
+ },
+ // Radius y value
+ ry: function ry(_ry2) {
+ return this.attr('ry', _ry2);
+ }
+ }); // Add common method
+
+ SVG.extend(SVG.Circle, SVG.Ellipse, {
+ // Move over x-axis
+ x: function x(_x4) {
+ return _x4 == null ? this.cx() - this.rx() : this.cx(_x4 + this.rx());
+ },
+ // Move over y-axis
+ y: function y(_y4) {
+ return _y4 == null ? this.cy() - this.ry() : this.cy(_y4 + this.ry());
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.attr('cx') : this.attr('cx', x);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.attr('cy') : this.attr('cy', y);
+ },
+ // Set width of element
+ width: function width(_width3) {
+ return _width3 == null ? this.rx() * 2 : this.rx(new SVG.Number(_width3).divide(2));
+ },
+ // Set height of element
+ height: function height(_height3) {
+ return _height3 == null ? this.ry() * 2 : this.ry(new SVG.Number(_height3).divide(2));
+ },
+ // Custom size function
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.rx(new SVG.Number(p.width).divide(2)).ry(new SVG.Number(p.height).divide(2));
+ }
+ });
+ SVG.Line = SVG.invent({
+ // Initialize node
+ create: 'line',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Get array
+ array: function array() {
+ return new SVG.PointArray([[this.attr('x1'), this.attr('y1')], [this.attr('x2'), this.attr('y2')]]);
+ },
+ // Overwrite native plot() method
+ plot: function plot(x1, y1, x2, y2) {
+ if (x1 == null) {
+ return this.array();
+ } else if (typeof y1 !== 'undefined') {
+ x1 = {
+ x1: x1,
+ y1: y1,
+ x2: x2,
+ y2: y2
+ };
+ } else {
+ x1 = new SVG.PointArray(x1).toLine();
+ }
+
+ return this.attr(x1);
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr(this.array().move(x, y).toLine());
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr(this.array().size(p.width, p.height).toLine());
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a line element
+ line: function line(x1, y1, x2, y2) {
+ // make sure plot is called as a setter
+ // x1 is not necessarily a number, it can also be an array, a string and a SVG.PointArray
+ return SVG.Line.prototype.plot.apply(this.put(new SVG.Line()), x1 != null ? [x1, y1, x2, y2] : [0, 0, 0, 0]);
+ }
+ }
+ });
+ SVG.Polyline = SVG.invent({
+ // Initialize node
+ create: 'polyline',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a wrapped polyline element
+ polyline: function polyline(p) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Polyline()).plot(p || new SVG.PointArray());
+ }
+ }
+ });
+ SVG.Polygon = SVG.invent({
+ // Initialize node
+ create: 'polygon',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a wrapped polygon element
+ polygon: function polygon(p) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Polygon()).plot(p || new SVG.PointArray());
+ }
+ }
+ }); // Add polygon-specific functions
+
+ SVG.extend(SVG.Polyline, SVG.Polygon, {
+ // Get array
+ array: function array() {
+ return this._array || (this._array = new SVG.PointArray(this.attr('points')));
+ },
+ // Plot new path
+ plot: function plot(p) {
+ return p == null ? this.array() : this.clear().attr('points', typeof p === 'string' ? p : this._array = new SVG.PointArray(p));
+ },
+ // Clear array cache
+ clear: function clear() {
+ delete this._array;
+ return this;
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr('points', this.array().move(x, y));
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr('points', this.array().size(p.width, p.height));
+ }
+ }); // unify all point to point elements
+
+ SVG.extend(SVG.Line, SVG.Polyline, SVG.Polygon, {
+ // Define morphable array
+ morphArray: SVG.PointArray,
+ // Move by left top corner over x-axis
+ x: function x(_x5) {
+ return _x5 == null ? this.bbox().x : this.move(_x5, this.bbox().y);
+ },
+ // Move by left top corner over y-axis
+ y: function y(_y5) {
+ return _y5 == null ? this.bbox().y : this.move(this.bbox().x, _y5);
+ },
+ // Set width of element
+ width: function width(_width4) {
+ var b = this.bbox();
+ return _width4 == null ? b.width : this.size(_width4, b.height);
+ },
+ // Set height of element
+ height: function height(_height4) {
+ var b = this.bbox();
+ return _height4 == null ? b.height : this.size(b.width, _height4);
+ }
+ });
+ SVG.Path = SVG.invent({
+ // Initialize node
+ create: 'path',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Define morphable array
+ morphArray: SVG.PathArray,
+ // Get array
+ array: function array() {
+ return this._array || (this._array = new SVG.PathArray(this.attr('d')));
+ },
+ // Plot new path
+ plot: function plot(d) {
+ return d == null ? this.array() : this.clear().attr('d', typeof d === 'string' ? d : this._array = new SVG.PathArray(d));
+ },
+ // Clear array cache
+ clear: function clear() {
+ delete this._array;
+ return this;
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr('d', this.array().move(x, y));
+ },
+ // Move by left top corner over x-axis
+ x: function x(_x6) {
+ return _x6 == null ? this.bbox().x : this.move(_x6, this.bbox().y);
+ },
+ // Move by left top corner over y-axis
+ y: function y(_y6) {
+ return _y6 == null ? this.bbox().y : this.move(this.bbox().x, _y6);
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr('d', this.array().size(p.width, p.height));
+ },
+ // Set width of element
+ width: function width(_width5) {
+ return _width5 == null ? this.bbox().width : this.size(_width5, this.bbox().height);
+ },
+ // Set height of element
+ height: function height(_height5) {
+ return _height5 == null ? this.bbox().height : this.size(this.bbox().width, _height5);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a wrapped path element
+ path: function path(d) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Path()).plot(d || new SVG.PathArray());
+ }
+ }
+ });
+ SVG.Image = SVG.invent({
+ // Initialize node
+ create: 'image',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // (re)load image
+ load: function load(url) {
+ if (!url) return this;
+ var self = this,
+ img = new window.Image(); // preload image
+
+ SVG.on(img, 'load', function () {
+ SVG.off(img);
+ var p = self.parent(SVG.Pattern);
+ if (p === null) return; // ensure image size
+
+ if (self.width() == 0 && self.height() == 0) {
+ self.size(img.width, img.height);
+ } // ensure pattern size if not set
+
+
+ if (p && p.width() == 0 && p.height() == 0) {
+ p.size(self.width(), self.height());
+ } // callback
+
+
+ if (typeof self._loaded === 'function') {
+ self._loaded.call(self, {
+ width: img.width,
+ height: img.height,
+ ratio: img.width / img.height,
+ url: url
+ });
+ }
+ });
+ SVG.on(img, 'error', function (e) {
+ SVG.off(img);
+
+ if (typeof self._error === 'function') {
+ self._error.call(self, e);
+ }
+ });
+ return this.attr('href', img.src = this.src = url, SVG.xlink);
+ },
+ // Add loaded callback
+ loaded: function loaded(_loaded) {
+ this._loaded = _loaded;
+ return this;
+ },
+ error: function error(_error) {
+ this._error = _error;
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // create image element, load image and set its size
+ image: function image(source, width, height) {
+ return this.put(new SVG.Image()).load(source).size(width || 0, height || width || 0);
+ }
+ }
+ });
+ SVG.Text = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('text'));
+ this.dom.leading = new SVG.Number(1.3); // store leading value for rebuilding
+
+ this._rebuild = true; // enable automatic updating of dy values
+
+ this._build = false; // disable build mode for adding multiple lines
+ // set default font
+
+ this.attr('font-family', SVG.defaults.attrs['font-family']);
+ },
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x7) {
+ // act as getter
+ if (_x7 == null) {
+ return this.attr('x');
+ }
+
+ return this.attr('x', _x7);
+ },
+ // Move over y-axis
+ y: function y(_y7) {
+ var oy = this.attr('y'),
+ o = typeof oy === 'number' ? oy - this.bbox().y : 0; // act as getter
+
+ if (_y7 == null) {
+ return typeof oy === 'number' ? oy - o : oy;
+ }
+
+ return this.attr('y', typeof _y7.valueOf() === 'number' ? _y7 + o : _y7);
+ },
+ // Move center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.bbox().cx : this.x(x - this.bbox().width / 2);
+ },
+ // Move center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.bbox().cy : this.y(y - this.bbox().height / 2);
+ },
+ // Set the text content
+ text: function text(_text) {
+ // act as getter
+ if (typeof _text === 'undefined') {
+ var _text = '';
+ var children = this.node.childNodes;
+
+ for (var i = 0, len = children.length; i < len; ++i) {
+ // add newline if its not the first child and newLined is set to true
+ if (i != 0 && children[i].nodeType != 3 && SVG.adopt(children[i]).dom.newLined == true) {
+ _text += '\n';
+ } // add content of this node
+
+
+ _text += children[i].textContent;
+ }
+
+ return _text;
+ } // remove existing content
+
+
+ this.clear().build(true);
+
+ if (typeof _text === 'function') {
+ // call block
+ _text.call(this, this);
+ } else {
+ // store text and make sure text is not blank
+ _text = _text.split('\n'); // build new lines
+
+ for (var i = 0, il = _text.length; i < il; i++) {
+ this.tspan(_text[i]).newLine();
+ }
+ } // disable build mode and rebuild lines
+
+
+ return this.build(false).rebuild();
+ },
+ // Set font size
+ size: function size(_size) {
+ return this.attr('font-size', _size).rebuild();
+ },
+ // Set / get leading
+ leading: function leading(value) {
+ // act as getter
+ if (value == null) {
+ return this.dom.leading;
+ } // act as setter
+
+
+ this.dom.leading = new SVG.Number(value);
+ return this.rebuild();
+ },
+ // Get all the first level lines
+ lines: function lines() {
+ var node = (this.textPath && this.textPath() || this).node; // filter tspans and map them to SVG.js instances
+
+ var lines = SVG.utils.map(SVG.utils.filterSVGElements(node.childNodes), function (el) {
+ return SVG.adopt(el);
+ }); // return an instance of SVG.set
+
+ return new SVG.Set(lines);
+ },
+ // Rebuild appearance type
+ rebuild: function rebuild(_rebuild) {
+ // store new rebuild flag if given
+ if (typeof _rebuild === 'boolean') {
+ this._rebuild = _rebuild;
+ } // define position of all lines
+
+
+ if (this._rebuild) {
+ var self = this,
+ blankLineOffset = 0,
+ dy = this.dom.leading * new SVG.Number(this.attr('font-size'));
+ this.lines().each(function () {
+ if (this.dom.newLined) {
+ if (!self.textPath()) {
+ this.attr('x', self.attr('x'));
+ }
+
+ if (this.text() == '\n') {
+ blankLineOffset += dy;
+ } else {
+ this.attr('dy', dy + blankLineOffset);
+ blankLineOffset = 0;
+ }
+ }
+ });
+ this.fire('rebuild');
+ }
+
+ return this;
+ },
+ // Enable / disable build mode
+ build: function build(_build) {
+ this._build = !!_build;
+ return this;
+ },
+ // overwrite method from parent to set data properly
+ setData: function setData(o) {
+ this.dom = o;
+ this.dom.leading = new SVG.Number(o.leading || 1.3);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create text element
+ text: function text(_text2) {
+ return this.put(new SVG.Text()).text(_text2);
+ },
+ // Create plain text element
+ plain: function plain(text) {
+ return this.put(new SVG.Text()).plain(text);
+ }
+ }
+ });
+ SVG.Tspan = SVG.invent({
+ // Initialize node
+ create: 'tspan',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Set text content
+ text: function text(_text3) {
+ if (_text3 == null) return this.node.textContent + (this.dom.newLined ? '\n' : '');
+ typeof _text3 === 'function' ? _text3.call(this, this) : this.plain(_text3);
+ return this;
+ },
+ // Shortcut dx
+ dx: function dx(_dx) {
+ return this.attr('dx', _dx);
+ },
+ // Shortcut dy
+ dy: function dy(_dy) {
+ return this.attr('dy', _dy);
+ },
+ // Create new line
+ newLine: function newLine() {
+ // fetch text parent
+ var t = this.parent(SVG.Text); // mark new line
+
+ this.dom.newLined = true; // apply new hy¡n
+
+ return this.dy(t.dom.leading * t.attr('font-size')).attr('x', t.x());
+ }
+ }
+ });
+ SVG.extend(SVG.Text, SVG.Tspan, {
+ // Create plain text node
+ plain: function plain(text) {
+ // clear if build mode is disabled
+ if (this._build === false) {
+ this.clear();
+ } // create text node
+
+
+ this.node.appendChild(document.createTextNode(text));
+ return this;
+ },
+ // Create a tspan
+ tspan: function tspan(text) {
+ var node = (this.textPath && this.textPath() || this).node,
+ tspan = new SVG.Tspan(); // clear if build mode is disabled
+
+ if (this._build === false) {
+ this.clear();
+ } // add new tspan
+
+
+ node.appendChild(tspan.node);
+ return tspan.text(text);
+ },
+ // Clear all lines
+ clear: function clear() {
+ var node = (this.textPath && this.textPath() || this).node; // remove existing child nodes
+
+ while (node.hasChildNodes()) {
+ node.removeChild(node.lastChild);
+ }
+
+ return this;
+ },
+ // Get length of text element
+ length: function length() {
+ return this.node.getComputedTextLength();
+ }
+ });
+ SVG.TextPath = SVG.invent({
+ // Initialize node
+ create: 'textPath',
+ // Inherit from
+ inherit: SVG.Parent,
+ // Define parent class
+ parent: SVG.Text,
+ // Add parent method
+ construct: {
+ morphArray: SVG.PathArray,
+ // Create path for text to run on
+ path: function path(d) {
+ // create textPath element
+ var path = new SVG.TextPath(),
+ track = this.doc().defs().path(d); // move lines to textpath
+
+ while (this.node.hasChildNodes()) {
+ path.node.appendChild(this.node.firstChild);
+ } // add textPath element as child node
+
+
+ this.node.appendChild(path.node); // link textPath to path and add content
+
+ path.attr('href', '#' + track, SVG.xlink);
+ return this;
+ },
+ // return the array of the path track element
+ array: function array() {
+ var track = this.track();
+ return track ? track.array() : null;
+ },
+ // Plot path if any
+ plot: function plot(d) {
+ var track = this.track(),
+ pathArray = null;
+
+ if (track) {
+ pathArray = track.plot(d);
+ }
+
+ return d == null ? pathArray : this;
+ },
+ // Get the path track element
+ track: function track() {
+ var path = this.textPath();
+
+ if (path) {
+ return path.reference('href');
+ }
+ },
+ // Get the textPath child
+ textPath: function textPath() {
+ if (this.node.firstChild && this.node.firstChild.nodeName == 'textPath') {
+ return SVG.adopt(this.node.firstChild);
+ }
+ }
+ }
+ });
+ SVG.Nested = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('svg'));
+ this.style('overflow', 'visible');
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add parent method
+ construct: {
+ // Create nested svg document
+ nested: function nested() {
+ return this.put(new SVG.Nested());
+ }
+ }
+ });
+ SVG.A = SVG.invent({
+ // Initialize node
+ create: 'a',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Link url
+ to: function to(url) {
+ return this.attr('href', url, SVG.xlink);
+ },
+ // Link show attribute
+ show: function show(target) {
+ return this.attr('show', target, SVG.xlink);
+ },
+ // Link target attribute
+ target: function target(_target2) {
+ return this.attr('target', _target2);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a hyperlink element
+ link: function link(url) {
+ return this.put(new SVG.A()).to(url);
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Create a hyperlink element
+ linkTo: function linkTo(url) {
+ var link = new SVG.A();
+
+ if (typeof url === 'function') {
+ url.call(link, link);
+ } else {
+ link.to(url);
+ }
+
+ return this.parent().put(link).put(this);
+ }
+ });
+ SVG.Marker = SVG.invent({
+ // Initialize node
+ create: 'marker',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Set width of element
+ width: function width(_width6) {
+ return this.attr('markerWidth', _width6);
+ },
+ // Set height of element
+ height: function height(_height6) {
+ return this.attr('markerHeight', _height6);
+ },
+ // Set marker refX and refY
+ ref: function ref(x, y) {
+ return this.attr('refX', x).attr('refY', y);
+ },
+ // Update marker
+ update: function update(block) {
+ // remove all content
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Return the fill id
+ toString: function toString() {
+ return 'url(#' + this.id() + ')';
+ }
+ },
+ // Add parent method
+ construct: {
+ marker: function marker(width, height, block) {
+ // Create marker element in defs
+ return this.defs().marker(width, height, block);
+ }
+ }
+ });
+ SVG.extend(SVG.Defs, {
+ // Create marker
+ marker: function marker(width, height, block) {
+ // Set default viewbox to match the width and height, set ref to cx and cy and set orient to auto
+ return this.put(new SVG.Marker()).size(width, height).ref(width / 2, height / 2).viewbox(0, 0, width, height).attr('orient', 'auto').update(block);
+ }
+ });
+ SVG.extend(SVG.Line, SVG.Polyline, SVG.Polygon, SVG.Path, {
+ // Create and attach markers
+ marker: function marker(_marker, width, height, block) {
+ var attr = ['marker']; // Build attribute name
+
+ if (_marker != 'all') attr.push(_marker);
+ attr = attr.join('-'); // Set marker attribute
+
+ _marker = arguments[1] instanceof SVG.Marker ? arguments[1] : this.doc().marker(width, height, block);
+ return this.attr(attr, _marker);
+ }
+ }); // Define list of available attributes for stroke and fill
+
+ var sugar = {
+ stroke: ['color', 'width', 'opacity', 'linecap', 'linejoin', 'miterlimit', 'dasharray', 'dashoffset'],
+ fill: ['color', 'opacity', 'rule'],
+ prefix: function prefix(t, a) {
+ return a == 'color' ? t : t + '-' + a;
+ } // Add sugar for fill and stroke
+
+ };
+ ['fill', 'stroke'].forEach(function (m) {
+ var i,
+ extension = {};
+
+ extension[m] = function (o) {
+ if (typeof o === 'undefined') {
+ return this;
+ }
+
+ if (typeof o === 'string' || SVG.Color.isRgb(o) || o && typeof o.fill === 'function') {
+ this.attr(m, o);
+ } else // set all attributes from sugar.fill and sugar.stroke list
+ {
+ for (i = sugar[m].length - 1; i >= 0; i--) {
+ if (o[sugar[m][i]] != null) {
+ this.attr(sugar.prefix(m, sugar[m][i]), o[sugar[m][i]]);
+ }
+ }
+ }
+
+ return this;
+ };
+
+ SVG.extend(SVG.Element, SVG.FX, extension);
+ });
+ SVG.extend(SVG.Element, SVG.FX, {
+ // Map rotation to transform
+ rotate: function rotate(d, cx, cy) {
+ return this.transform({
+ rotation: d,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map skew to transform
+ skew: function skew(x, y, cx, cy) {
+ return arguments.length == 1 || arguments.length == 3 ? this.transform({
+ skew: x,
+ cx: y,
+ cy: cx
+ }) : this.transform({
+ skewX: x,
+ skewY: y,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map scale to transform
+ scale: function scale(x, y, cx, cy) {
+ return arguments.length == 1 || arguments.length == 3 ? this.transform({
+ scale: x,
+ cx: y,
+ cy: cx
+ }) : this.transform({
+ scaleX: x,
+ scaleY: y,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map translate to transform
+ translate: function translate(x, y) {
+ return this.transform({
+ x: x,
+ y: y
+ });
+ },
+ // Map flip to transform
+ flip: function flip(a, o) {
+ o = typeof a === 'number' ? a : o;
+ return this.transform({
+ flip: a || 'both',
+ offset: o
+ });
+ },
+ // Map matrix to transform
+ matrix: function matrix(m) {
+ return this.attr('transform', new SVG.Matrix(arguments.length == 6 ? [].slice.call(arguments) : m));
+ },
+ // Opacity
+ opacity: function opacity(value) {
+ return this.attr('opacity', value);
+ },
+ // Relative move over x axis
+ dx: function dx(x) {
+ return this.x(new SVG.Number(x).plus(this instanceof SVG.FX ? 0 : this.x()), true);
+ },
+ // Relative move over y axis
+ dy: function dy(y) {
+ return this.y(new SVG.Number(y).plus(this instanceof SVG.FX ? 0 : this.y()), true);
+ },
+ // Relative move over x and y axes
+ dmove: function dmove(x, y) {
+ return this.dx(x).dy(y);
+ }
+ });
+ SVG.extend(SVG.Rect, SVG.Ellipse, SVG.Circle, SVG.Gradient, SVG.FX, {
+ // Add x and y radius
+ radius: function radius(x, y) {
+ var type = (this._target || this).type;
+ return type == 'radial' || type == 'circle' ? this.attr('r', new SVG.Number(x)) : this.rx(x).ry(y == null ? x : y);
+ }
+ });
+ SVG.extend(SVG.Path, {
+ // Get path length
+ length: function length() {
+ return this.node.getTotalLength();
+ },
+ // Get point at length
+ pointAt: function pointAt(length) {
+ return this.node.getPointAtLength(length);
+ }
+ });
+ SVG.extend(SVG.Parent, SVG.Text, SVG.Tspan, SVG.FX, {
+ // Set font
+ font: function font(a, v) {
+ if (_typeof(a) === 'object') {
+ for (v in a) {
+ this.font(v, a[v]);
+ }
+ }
+
+ return a == 'leading' ? this.leading(v) : a == 'anchor' ? this.attr('text-anchor', v) : a == 'size' || a == 'family' || a == 'weight' || a == 'stretch' || a == 'variant' || a == 'style' ? this.attr('font-' + a, v) : this.attr(a, v);
+ }
+ });
+ SVG.Set = SVG.invent({
+ // Initialize
+ create: function create(members) {
+ // Set initial state
+ Array.isArray(members) ? this.members = members : this.clear();
+ },
+ // Add class methods
+ extend: {
+ // Add element to set
+ add: function add() {
+ var i,
+ il,
+ elements = [].slice.call(arguments);
+
+ for (i = 0, il = elements.length; i < il; i++) {
+ this.members.push(elements[i]);
+ }
+
+ return this;
+ },
+ // Remove element from set
+ remove: function remove(element) {
+ var i = this.index(element); // remove given child
+
+ if (i > -1) {
+ this.members.splice(i, 1);
+ }
+
+ return this;
+ },
+ // Iterate over all members
+ each: function each(block) {
+ for (var i = 0, il = this.members.length; i < il; i++) {
+ block.apply(this.members[i], [i, this.members]);
+ }
+
+ return this;
+ },
+ // Restore to defaults
+ clear: function clear() {
+ // initialize store
+ this.members = [];
+ return this;
+ },
+ // Get the length of a set
+ length: function length() {
+ return this.members.length;
+ },
+ // Checks if a given element is present in set
+ has: function has(element) {
+ return this.index(element) >= 0;
+ },
+ // retuns index of given element in set
+ index: function index(element) {
+ return this.members.indexOf(element);
+ },
+ // Get member at given index
+ get: function get(i) {
+ return this.members[i];
+ },
+ // Get first member
+ first: function first() {
+ return this.get(0);
+ },
+ // Get last member
+ last: function last() {
+ return this.get(this.members.length - 1);
+ },
+ // Default value
+ valueOf: function valueOf() {
+ return this.members;
+ },
+ // Get the bounding box of all members included or empty box if set has no items
+ bbox: function bbox() {
+ // return an empty box of there are no members
+ if (this.members.length == 0) {
+ return new SVG.RBox();
+ } // get the first rbox and update the target bbox
+
+
+ var rbox = this.members[0].rbox(this.members[0].doc());
+ this.each(function () {
+ // user rbox for correct position and visual representation
+ rbox = rbox.merge(this.rbox(this.doc()));
+ });
+ return rbox;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a new set
+ set: function set(members) {
+ return new SVG.Set(members);
+ }
+ }
+ });
+ SVG.FX.Set = SVG.invent({
+ // Initialize node
+ create: function create(set) {
+ // store reference to set
+ this.set = set;
+ }
+ }); // Alias methods
+
+ SVG.Set.inherit = function () {
+ var m,
+ methods = []; // gather shape methods
+
+ for (var m in SVG.Shape.prototype) {
+ if (typeof SVG.Shape.prototype[m] === 'function' && typeof SVG.Set.prototype[m] !== 'function') {
+ methods.push(m);
+ }
+ } // apply shape aliasses
+
+
+ methods.forEach(function (method) {
+ SVG.Set.prototype[method] = function () {
+ for (var i = 0, il = this.members.length; i < il; i++) {
+ if (this.members[i] && typeof this.members[i][method] === 'function') {
+ this.members[i][method].apply(this.members[i], arguments);
+ }
+ }
+
+ return method == 'animate' ? this.fx || (this.fx = new SVG.FX.Set(this)) : this;
+ };
+ }); // clear methods for the next round
+
+ methods = []; // gather fx methods
+
+ for (var m in SVG.FX.prototype) {
+ if (typeof SVG.FX.prototype[m] === 'function' && typeof SVG.FX.Set.prototype[m] !== 'function') {
+ methods.push(m);
+ }
+ } // apply fx aliasses
+
+
+ methods.forEach(function (method) {
+ SVG.FX.Set.prototype[method] = function () {
+ for (var i = 0, il = this.set.members.length; i < il; i++) {
+ this.set.members[i].fx[method].apply(this.set.members[i].fx, arguments);
+ }
+
+ return this;
+ };
+ });
+ };
+
+ SVG.extend(SVG.Element, {
+ // Store data values on svg nodes
+ data: function data(a, v, r) {
+ if (_typeof(a) === 'object') {
+ for (v in a) {
+ this.data(v, a[v]);
+ }
+ } else if (arguments.length < 2) {
+ try {
+ return JSON.parse(this.attr('data-' + a));
+ } catch (e) {
+ return this.attr('data-' + a);
+ }
+ } else {
+ this.attr('data-' + a, v === null ? null : r === true || typeof v === 'string' || typeof v === 'number' ? v : JSON.stringify(v));
+ }
+
+ return this;
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Remember arbitrary data
+ remember: function remember(k, v) {
+ // remember every item in an object individually
+ if (_typeof(arguments[0]) === 'object') {
+ for (var v in k) {
+ this.remember(v, k[v]);
+ }
+ } // retrieve memory
+ else if (arguments.length == 1) {
+ return this.memory()[k];
+ } // store memory
+ else {
+ this.memory()[k] = v;
+ }
+
+ return this;
+ },
+ // Erase a given memory
+ forget: function forget() {
+ if (arguments.length == 0) {
+ this._memory = {};
+ } else {
+ for (var i = arguments.length - 1; i >= 0; i--) {
+ delete this.memory()[arguments[i]];
+ }
+ }
+
+ return this;
+ },
+ // Initialize or return local memory object
+ memory: function memory() {
+ return this._memory || (this._memory = {});
+ }
+ }); // Method for getting an element by id
+
+ SVG.get = function (id) {
+ var node = document.getElementById(idFromReference(id) || id);
+ return SVG.adopt(node);
+ }; // Select elements by query string
+
+
+ SVG.select = function (query, parent) {
+ return new SVG.Set(SVG.utils.map((parent || document).querySelectorAll(query), function (node) {
+ return SVG.adopt(node);
+ }));
+ };
+
+ SVG.extend(SVG.Parent, {
+ // Scoped select method
+ select: function select(query) {
+ return SVG.select(query, this.node);
+ }
+ });
+
+ function pathRegReplace(a, b, c, d) {
+ return c + d.replace(SVG.regex.dots, ' .');
+ } // creates deep clone of array
+
+
+ function array_clone(arr) {
+ var clone = arr.slice(0);
+
+ for (var i = clone.length; i--;) {
+ if (Array.isArray(clone[i])) {
+ clone[i] = array_clone(clone[i]);
+ }
+ }
+
+ return clone;
+ } // tests if a given element is instance of an object
+
+
+ function _is(el, obj) {
+ return el instanceof obj;
+ } // tests if a given selector matches an element
+
+
+ function _matches(el, selector) {
+ return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector);
+ } // Convert dash-separated-string to camelCase
+
+
+ function camelCase(s) {
+ return s.toLowerCase().replace(/-(.)/g, function (m, g) {
+ return g.toUpperCase();
+ });
+ } // Capitalize first letter of a string
+
+
+ function capitalize(s) {
+ return s.charAt(0).toUpperCase() + s.slice(1);
+ } // Ensure to six-based hex
+
+
+ function fullHex(hex) {
+ return hex.length == 4 ? ['#', hex.substring(1, 2), hex.substring(1, 2), hex.substring(2, 3), hex.substring(2, 3), hex.substring(3, 4), hex.substring(3, 4)].join('') : hex;
+ } // Component to hex value
+
+
+ function compToHex(comp) {
+ var hex = comp.toString(16);
+ return hex.length == 1 ? '0' + hex : hex;
+ } // Calculate proportional width and height values when necessary
+
+
+ function proportionalSize(element, width, height) {
+ if (width == null || height == null) {
+ var box = element.bbox();
+
+ if (width == null) {
+ width = box.width / box.height * height;
+ } else if (height == null) {
+ height = box.height / box.width * width;
+ }
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ } // Delta transform point
+
+
+ function deltaTransformPoint(matrix, x, y) {
+ return {
+ x: x * matrix.a + y * matrix.c + 0,
+ y: x * matrix.b + y * matrix.d + 0
+ };
+ } // Map matrix array to object
+
+
+ function arrayToMatrix(a) {
+ return {
+ a: a[0],
+ b: a[1],
+ c: a[2],
+ d: a[3],
+ e: a[4],
+ f: a[5]
+ };
+ } // Parse matrix if required
+
+
+ function parseMatrix(matrix) {
+ if (!(matrix instanceof SVG.Matrix)) {
+ matrix = new SVG.Matrix(matrix);
+ }
+
+ return matrix;
+ } // Add centre point to transform object
+
+
+ function ensureCentre(o, target) {
+ o.cx = o.cx == null ? target.bbox().cx : o.cx;
+ o.cy = o.cy == null ? target.bbox().cy : o.cy;
+ } // PathArray Helpers
+
+
+ function arrayToString(a) {
+ for (var i = 0, il = a.length, s = ''; i < il; i++) {
+ s += a[i][0];
+
+ if (a[i][1] != null) {
+ s += a[i][1];
+
+ if (a[i][2] != null) {
+ s += ' ';
+ s += a[i][2];
+
+ if (a[i][3] != null) {
+ s += ' ';
+ s += a[i][3];
+ s += ' ';
+ s += a[i][4];
+
+ if (a[i][5] != null) {
+ s += ' ';
+ s += a[i][5];
+ s += ' ';
+ s += a[i][6];
+
+ if (a[i][7] != null) {
+ s += ' ';
+ s += a[i][7];
+ }
+ }
+ }
+ }
+ }
+ }
+
+ return s + ' ';
+ } // Deep new id assignment
+
+
+ function assignNewId(node) {
+ // do the same for SVG child nodes as well
+ for (var i = node.childNodes.length - 1; i >= 0; i--) {
+ if (node.childNodes[i] instanceof window.SVGElement) {
+ assignNewId(node.childNodes[i]);
+ }
+ }
+
+ return SVG.adopt(node).id(SVG.eid(node.nodeName));
+ } // Add more bounding box properties
+
+
+ function fullBox(b) {
+ if (b.x == null) {
+ b.x = 0;
+ b.y = 0;
+ b.width = 0;
+ b.height = 0;
+ }
+
+ b.w = b.width;
+ b.h = b.height;
+ b.x2 = b.x + b.width;
+ b.y2 = b.y + b.height;
+ b.cx = b.x + b.width / 2;
+ b.cy = b.y + b.height / 2;
+ return b;
+ } // Get id from reference string
+
+
+ function idFromReference(url) {
+ var m = (url || '').toString().match(SVG.regex.reference);
+ if (m) return m[1];
+ } // If values like 1e-88 are passed, this is not a valid 32 bit float,
+ // but in those cases, we are so close to 0 that 0 works well!
+
+
+ function float32String(v) {
+ return Math.abs(v) > 1e-37 ? v : 0;
+ } // Create matrix array for looping
+
+
+ var abcdef = 'abcdef'.split(''); // Add CustomEvent to IE9 and IE10
+
+ if (typeof window.CustomEvent !== 'function') {
+ // Code from: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent
+ var CustomEventPoly = function CustomEventPoly(event, options) {
+ options = options || {
+ bubbles: false,
+ cancelable: false,
+ detail: undefined
+ };
+ var e = document.createEvent('CustomEvent');
+ e.initCustomEvent(event, options.bubbles, options.cancelable, options.detail);
+ return e;
+ };
+
+ CustomEventPoly.prototype = window.Event.prototype;
+ SVG.CustomEvent = CustomEventPoly;
+ } else {
+ SVG.CustomEvent = window.CustomEvent;
+ } // requestAnimationFrame / cancelAnimationFrame Polyfill with fallback based on Paul Irish
+
+
+ (function (w) {
+ var lastTime = 0;
+ var vendors = ['moz', 'webkit'];
+
+ for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ w.requestAnimationFrame = w[vendors[x] + 'RequestAnimationFrame'];
+ w.cancelAnimationFrame = w[vendors[x] + 'CancelAnimationFrame'] || w[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+
+ w.requestAnimationFrame = w.requestAnimationFrame || function (callback) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = w.setTimeout(function () {
+ callback(currTime + timeToCall);
+ }, timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+
+ w.cancelAnimationFrame = w.cancelAnimationFrame || w.clearTimeout;
+ })(window);
+
+ return SVG;
+});
+
+/*! svg.filter.js - v2.0.2 - 2016-02-24
+* https://github.com/wout/svg.filter.js
+* Copyright (c) 2016 Wout Fierens; Licensed MIT */
+(function() {
+
+ // Main filter class
+ SVG.Filter = SVG.invent({
+ create: 'filter',
+ inherit: SVG.Parent,
+ extend: {
+ // Static strings
+ source: 'SourceGraphic',
+ sourceAlpha: 'SourceAlpha',
+ background: 'BackgroundImage',
+ backgroundAlpha: 'BackgroundAlpha',
+ fill: 'FillPaint',
+ stroke: 'StrokePaint',
+
+ autoSetIn: true,
+ // Custom put method for leaner code
+ put: function(element, i) {
+ this.add(element, i);
+
+ if(!element.attr('in') && this.autoSetIn){
+ element.attr('in',this.source);
+ }
+ if(!element.attr('result')){
+ element.attr('result',element);
+ }
+
+ return element
+ },
+ // Blend effect
+ blend: function(in1, in2, mode) {
+ return this.put(new SVG.BlendEffect(in1, in2, mode))
+ },
+ // ColorMatrix effect
+ colorMatrix: function(type, values) {
+ return this.put(new SVG.ColorMatrixEffect(type, values))
+ },
+ // ConvolveMatrix effect
+ convolveMatrix: function(matrix) {
+ return this.put(new SVG.ConvolveMatrixEffect(matrix))
+ },
+ // ComponentTransfer effect
+ componentTransfer: function(components) {
+ return this.put(new SVG.ComponentTransferEffect(components))
+ },
+ // Composite effect
+ composite: function(in1, in2, operator) {
+ return this.put(new SVG.CompositeEffect(in1, in2, operator))
+ },
+ // Flood effect
+ flood: function(color, opacity) {
+ return this.put(new SVG.FloodEffect(color, opacity))
+ },
+ // Offset effect
+ offset: function(x, y) {
+ return this.put(new SVG.OffsetEffect(x,y))
+ },
+ // Image effect
+ image: function(src) {
+ return this.put(new SVG.ImageEffect(src))
+ },
+ // Merge effect
+ merge: function() {
+ //pass the array of arguments to the constructor because we dont know if the user gave us an array as the first arguemnt or wether they listed the effects in the arguments
+ var args = [undefined];
+ for(var i in arguments) args.push(arguments[i]);
+ return this.put(new (SVG.MergeEffect.bind.apply(SVG.MergeEffect,args)))
+ },
+ // Gaussian Blur effect
+ gaussianBlur: function(x,y) {
+ return this.put(new SVG.GaussianBlurEffect(x,y))
+ },
+ // Morphology effect
+ morphology: function(operator,radius){
+ return this.put(new SVG.MorphologyEffect(operator,radius))
+ },
+ // DiffuseLighting effect
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ return this.put(new SVG.DiffuseLightingEffect(surfaceScale,diffuseConstant,kernelUnitLength))
+ },
+ // DisplacementMap effect
+ displacementMap: function(in1,in2,scale,xChannelSelector,yChannelSelector){
+ return this.put(new SVG.DisplacementMapEffect(in1,in2,scale,xChannelSelector,yChannelSelector))
+ },
+ // SpecularLighting effect
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ return this.put(new SVG.SpecularLightingEffect(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength))
+ },
+ // Tile effect
+ tile: function(){
+ return this.put(new SVG.TileEffect());
+ },
+ // Turbulence effect
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ return this.put(new SVG.TurbulenceEffect(baseFrequency,numOctaves,seed,stitchTiles,type))
+ },
+ // Default string value
+ toString: function() {
+ return 'url(#' + this.attr('id') + ')'
+ }
+ }
+ });
+
+ //add .filter function
+ SVG.extend(SVG.Defs, {
+ // Define filter
+ filter: function(block) {
+ var filter = this.put(new SVG.Filter);
+
+ /* invoke passed block */
+ if (typeof block === 'function')
+ block.call(filter, filter);
+
+ return filter
+ }
+ });
+ SVG.extend(SVG.Container, {
+ // Define filter on defs
+ filter: function(block) {
+ return this.defs().filter(block)
+ }
+ });
+ SVG.extend(SVG.Element, SVG.G, SVG.Nested, {
+ // Create filter element in defs and store reference
+ filter: function(block) {
+ this.filterer = block instanceof SVG.Element ?
+ block : this.doc().filter(block);
+
+ if(this.doc() && this.filterer.doc() !== this.doc()){
+ this.doc().defs().add(this.filterer);
+ }
+
+ this.attr('filter', this.filterer);
+
+ return this.filterer
+ },
+ // Remove filter
+ unfilter: function(remove) {
+ /* also remove the filter node */
+ if (this.filterer && remove === true)
+ this.filterer.remove();
+
+ /* delete reference to filterer */
+ delete this.filterer;
+
+ /* remove filter attribute */
+ return this.attr('filter', null)
+ }
+ });
+
+ // Create SVG.Effect class
+ SVG.Effect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Element,
+ extend: {
+ // Set in attribute
+ in: function(effect) {
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in')+'"]').get(0) || this.attr('in') : this.attr('in', effect)
+ },
+ // Named result
+ result: function(result) {
+ return result == null? this.attr('result') : this.attr('result',result)
+ },
+ // Stringification
+ toString: function() {
+ return this.result()
+ }
+ }
+ });
+
+ // create class for parent effects like merge
+ // Inherit from SVG.Parent
+ SVG.ParentEffect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Parent,
+ extend: {
+ // Set in attribute
+ in: function(effect) {
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in')+'"]').get(0) || this.attr('in') : this.attr('in', effect)
+ },
+ // Named result
+ result: function(result) {
+ return result == null? this.attr('result') : this.attr('result',result)
+ },
+ // Stringification
+ toString: function() {
+ return this.result()
+ }
+ }
+ });
+
+ //chaining
+ var chainingEffects = {
+ // Blend effect
+ blend: function(in2, mode) {
+ return this.parent() && this.parent().blend(this, in2, mode) //pass this as the first input
+ },
+ // ColorMatrix effect
+ colorMatrix: function(type, values) {
+ return this.parent() && this.parent().colorMatrix(type, values).in(this)
+ },
+ // ConvolveMatrix effect
+ convolveMatrix: function(matrix) {
+ return this.parent() && this.parent().convolveMatrix(matrix).in(this)
+ },
+ // ComponentTransfer effect
+ componentTransfer: function(components) {
+ return this.parent() && this.parent().componentTransfer(components).in(this)
+ },
+ // Composite effect
+ composite: function(in2, operator) {
+ return this.parent() && this.parent().composite(this, in2, operator) //pass this as the first input
+ },
+ // Flood effect
+ flood: function(color, opacity) {
+ return this.parent() && this.parent().flood(color, opacity) //this effect dont have inputs
+ },
+ // Offset effect
+ offset: function(x, y) {
+ return this.parent() && this.parent().offset(x,y).in(this)
+ },
+ // Image effect
+ image: function(src) {
+ return this.parent() && this.parent().image(src) //this effect dont have inputs
+ },
+ // Merge effect
+ merge: function() {
+ return this.parent() && this.parent().merge.apply(this.parent(),[this].concat(arguments)) //pass this as the first argument
+ },
+ // Gaussian Blur effect
+ gaussianBlur: function(x,y) {
+ return this.parent() && this.parent().gaussianBlur(x,y).in(this)
+ },
+ // Morphology effect
+ morphology: function(operator,radius){
+ return this.parent() && this.parent().morphology(operator,radius).in(this)
+ },
+ // DiffuseLighting effect
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ return this.parent() && this.parent().diffuseLighting(surfaceScale,diffuseConstant,kernelUnitLength).in(this)
+ },
+ // DisplacementMap effect
+ displacementMap: function(in2,scale,xChannelSelector,yChannelSelector){
+ return this.parent() && this.parent().displacementMap(this,in2,scale,xChannelSelector,yChannelSelector) //pass this as the first input
+ },
+ // SpecularLighting effect
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ return this.parent() && this.parent().specularLighting(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength).in(this)
+ },
+ // Tile effect
+ tile: function(){
+ return this.parent() && this.parent().tile().in(this)
+ },
+ // Turbulence effect
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ return this.parent() && this.parent().turbulence(baseFrequency,numOctaves,seed,stitchTiles,type).in(this)
+ }
+ };
+ SVG.extend(SVG.Effect,chainingEffects);
+ SVG.extend(SVG.ParentEffect,chainingEffects);
+
+ //crea class for child effects, like MergeNode, FuncR and lights
+ SVG.ChildEffect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Element,
+ extend: {
+ in: function(effect){
+ this.attr('in',effect);
+ }
+ //dont include any "result" functions because these types of nodes dont have them
+ }
+ });
+
+ // Create all different effects
+ var effects = {
+ blend: function(in1,in2,mode){
+ this.attr({
+ in: in1,
+ in2: in2,
+ mode: mode || 'normal'
+ });
+ },
+ colorMatrix: function(type,values){
+ if (type == 'matrix')
+ values = normaliseMatrix(values);
+
+ this.attr({
+ type: type
+ , values: typeof values == 'undefined' ? null : values
+ });
+ },
+ convolveMatrix: function(matrix){
+ matrix = normaliseMatrix(matrix);
+
+ this.attr({
+ order: Math.sqrt(matrix.split(' ').length)
+ , kernelMatrix: matrix
+ });
+ },
+ composite: function(in1, in2, operator){
+ this.attr({
+ in: in1,
+ in2: in2,
+ operator: operator
+ });
+ },
+ flood: function(color,opacity){
+ this.attr('flood-color',color);
+ if(opacity != null) this.attr('flood-opacity',opacity);
+ },
+ offset: function(x,y){
+ this.attr({
+ dx: x,
+ dy: y
+ });
+ },
+ image: function(src){
+ this.attr('href', src, SVG.xlink);
+ },
+ displacementMap: function(in1,in2,scale,xChannelSelector,yChannelSelector){
+ this.attr({
+ in: in1,
+ in2: in2,
+ scale: scale,
+ xChannelSelector: xChannelSelector,
+ yChannelSelector: yChannelSelector
+ });
+ },
+ gaussianBlur: function(x,y){
+ if(x != null || y != null)
+ this.attr('stdDeviation', listString(Array.prototype.slice.call(arguments)));
+ else
+ this.attr('stdDeviation', '0 0');
+ },
+ morphology: function(operator,radius){
+ this.attr({
+ operator: operator,
+ radius: radius
+ });
+ },
+ tile: function(){
+
+ },
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ this.attr({
+ numOctaves: numOctaves,
+ seed: seed,
+ stitchTiles: stitchTiles,
+ baseFrequency: baseFrequency,
+ type: type
+ });
+ }
+ };
+
+ // Create all parent effects
+ var parentEffects = {
+ merge: function(){
+ var children;
+
+ //test to see if we have a set
+ if(arguments[0] instanceof SVG.Set){
+ var that = this;
+ arguments[0].each(function(i){
+ if(this instanceof SVG.MergeNode)
+ that.put(this);
+ else if(this instanceof SVG.Effect || this instanceof SVG.ParentEffect)
+ that.put(new SVG.MergeNode(this));
+ });
+ }
+ else{
+ //if the first argument is an array use it
+ if(Array.isArray(arguments[0]))
+ children = arguments[0];
+ else
+ children = arguments;
+
+ for(var i = 0; i < children.length; i++){
+ if(children[i] instanceof SVG.MergeNode){
+ this.put(children[i]);
+ }
+ else this.put(new SVG.MergeNode(children[i]));
+ }
+ }
+ },
+ componentTransfer: function(compontents){
+ /* create rgb set */
+ this.rgb = new SVG.Set
+
+ /* create components */
+ ;(['r', 'g', 'b', 'a']).forEach(function(c) {
+ /* create component */
+ this[c] = new SVG['Func' + c.toUpperCase()]('identity');
+
+ /* store component in set */
+ this.rgb.add(this[c]);
+
+ /* add component node */
+ this.node.appendChild(this[c].node);
+ }.bind(this)); //lost context in foreach
+
+ /* set components */
+ if (compontents) {
+ if (compontents.rgb) {
+(['r', 'g', 'b']).forEach(function(c) {
+ this[c].attr(compontents.rgb);
+ }.bind(this));
+
+ delete compontents.rgb;
+ }
+
+ /* set individual components */
+ for (var c in compontents)
+ this[c].attr(compontents[c]);
+ }
+ },
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ this.attr({
+ surfaceScale: surfaceScale,
+ diffuseConstant: diffuseConstant,
+ kernelUnitLength: kernelUnitLength
+ });
+ },
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ this.attr({
+ surfaceScale: surfaceScale,
+ diffuseConstant: diffuseConstant,
+ specularExponent: specularExponent,
+ kernelUnitLength: kernelUnitLength
+ });
+ },
+ };
+
+ // Create child effects like PointLight and MergeNode
+ var childEffects = {
+ distantLight: function(azimuth, elevation){
+ this.attr({
+ azimuth: azimuth,
+ elevation: elevation
+ });
+ },
+ pointLight: function(x,y,z){
+ this.attr({
+ x: x,
+ y: y,
+ z: z
+ });
+ },
+ spotLight: function(x,y,z,pointsAtX,pointsAtY,pointsAtZ){
+ this.attr({
+ x: x,
+ y: y,
+ z: z,
+ pointsAtX: pointsAtX,
+ pointsAtY: pointsAtY,
+ pointsAtZ: pointsAtZ
+ });
+ },
+ mergeNode: function(in1){
+ this.attr('in',in1);
+ }
+ }
+
+ // Create compontent functions
+ ;(['r', 'g', 'b', 'a']).forEach(function(c) {
+ /* create class */
+ childEffects['Func' + c.toUpperCase()] = function(type) {
+ this.attr('type',type);
+
+ // take diffent arguments based on the type
+ switch(type){
+ case 'table':
+ this.attr('tableValues',arguments[1]);
+ break
+ case 'linear':
+ this.attr('slope',arguments[1]);
+ this.attr('intercept',arguments[2]);
+ break
+ case 'gamma':
+ this.attr('amplitude',arguments[1]);
+ this.attr('exponent',arguments[2]);
+ this.attr('offset',arguments[2]);
+ break
+ }
+ };
+ });
+
+ //create effects
+ foreach(effects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name + 'Effect'] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+
+ //set the result
+ this.result(this.attr('id') + 'Out');
+ },
+ inherit: SVG.Effect,
+ extend: proto
+ });
+ });
+
+ //create parent effects
+ foreach(parentEffects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name + 'Effect'] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+
+ //set the result
+ this.result(this.attr('id') + 'Out');
+ },
+ inherit: SVG.ParentEffect,
+ extend: proto
+ });
+ });
+
+ //create child effects
+ foreach(childEffects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+ },
+ inherit: SVG.ChildEffect,
+ extend: proto
+ });
+ });
+
+ // Effect-specific extensions
+ SVG.extend(SVG.MergeEffect,{
+ in: function(effect){
+ if(effect instanceof SVG.MergeNode)
+ this.add(effect,0);
+ else
+ this.add(new SVG.MergeNode(effect),0);
+
+ return this
+ }
+ });
+ SVG.extend(SVG.CompositeEffect,SVG.BlendEffect,SVG.DisplacementMapEffect,{
+ in2: function(effect){
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in2')+'"]').get(0) || this.attr('in2') : this.attr('in2', effect)
+ }
+ });
+
+ // Presets
+ SVG.filter = {
+ sepiatone: [ .343, .669, .119, 0, 0
+ , .249, .626, .130, 0, 0
+ , .172, .334, .111, 0, 0
+ , .000, .000, .000, 1, 0 ]
+ };
+
+ // Helpers
+ function normaliseMatrix(matrix) {
+ /* convert possible array value to string */
+ if (Array.isArray(matrix))
+ matrix = new SVG.Array(matrix);
+
+ /* ensure there are no leading, tailing or double spaces */
+ return matrix.toString().replace(/^\s+/, '').replace(/\s+$/, '').replace(/\s+/g, ' ')
+ }
+
+ function listString(list) {
+ if (!Array.isArray(list))
+ return list
+
+ for (var i = 0, l = list.length, s = []; i < l; i++)
+ s.push(list[i]);
+
+ return s.join(' ')
+ }
+
+ function foreach(){ //loops through mutiple objects
+ var fn = function(){};
+ if(typeof arguments[arguments.length-1] == 'function'){
+ fn = arguments[arguments.length-1];
+ Array.prototype.splice.call(arguments,arguments.length-1,1);
+ }
+ for(var k in arguments){
+ for(var i in arguments[k]){
+ fn(arguments[k][i],i,arguments[k]);
+ }
+ }
+ }
+
+}).call(undefined);
+
+(function() {
+
+SVG.extend(SVG.PathArray, {
+ morph: function(array) {
+
+ var startArr = this.value
+ , destArr = this.parse(array);
+
+ var startOffsetM = 0
+ , destOffsetM = 0;
+
+ var startOffsetNextM = false
+ , destOffsetNextM = false;
+
+ while(true){
+ // stop if there is no M anymore
+ if(startOffsetM === false && destOffsetM === false) break
+
+ // find the next M in path array
+ startOffsetNextM = findNextM(startArr, startOffsetM === false ? false : startOffsetM+1);
+ destOffsetNextM = findNextM( destArr, destOffsetM === false ? false : destOffsetM+1);
+
+ // We have to add one M to the startArray
+ if(startOffsetM === false){
+ var bbox = new SVG.PathArray(result.start).bbox();
+
+ // when the last block had no bounding box we simply take the first M we got
+ if(bbox.height == 0 || bbox.width == 0){
+ startOffsetM = startArr.push(startArr[0]) - 1;
+ }else{
+ // we take the middle of the bbox instead when we got one
+ startOffsetM = startArr.push( ['M', bbox.x + bbox.width/2, bbox.y + bbox.height/2 ] ) - 1;
+ }
+ }
+
+ // We have to add one M to the destArray
+ if( destOffsetM === false){
+ var bbox = new SVG.PathArray(result.dest).bbox();
+
+ if(bbox.height == 0 || bbox.width == 0){
+ destOffsetM = destArr.push(destArr[0]) - 1;
+ }else{
+ destOffsetM = destArr.push( ['M', bbox.x + bbox.width/2, bbox.y + bbox.height/2 ] ) - 1;
+ }
+ }
+
+ // handle block from M to next M
+ var result = handleBlock(startArr, startOffsetM, startOffsetNextM, destArr, destOffsetM, destOffsetNextM);
+
+ // update the arrays to their new values
+ startArr = startArr.slice(0, startOffsetM).concat(result.start, startOffsetNextM === false ? [] : startArr.slice(startOffsetNextM));
+ destArr = destArr.slice(0, destOffsetM).concat(result.dest , destOffsetNextM === false ? [] : destArr.slice( destOffsetNextM));
+
+ // update offsets
+ startOffsetM = startOffsetNextM === false ? false : startOffsetM + result.start.length;
+ destOffsetM = destOffsetNextM === false ? false : destOffsetM + result.dest.length;
+
+ }
+
+ // copy back arrays
+ this.value = startArr;
+ this.destination = new SVG.PathArray();
+ this.destination.value = destArr;
+
+ return this
+ }
+});
+
+
+
+// sorry for the long declaration
+// slices out one block (from M to M) and syncronize it so the types and length match
+function handleBlock(startArr, startOffsetM, startOffsetNextM, destArr, destOffsetM, destOffsetNextM, undefined){
+
+ // slice out the block we need
+ var startArrTemp = startArr.slice(startOffsetM, startOffsetNextM || undefined)
+ , destArrTemp = destArr.slice( destOffsetM, destOffsetNextM || undefined);
+
+ var i = 0
+ , posStart = {pos:[0,0], start:[0,0]}
+ , posDest = {pos:[0,0], start:[0,0]};
+
+ do{
+
+ // convert shorthand types to long form
+ startArrTemp[i] = simplyfy.call(posStart, startArrTemp[i]);
+ destArrTemp[i] = simplyfy.call(posDest , destArrTemp[i]);
+
+ // check if both shape types match
+ // 2 elliptical arc curve commands ('A'), are considered different if the
+ // flags (large-arc-flag, sweep-flag) don't match
+ if(startArrTemp[i][0] != destArrTemp[i][0] || startArrTemp[i][0] == 'M' ||
+ (startArrTemp[i][0] == 'A' &&
+ (startArrTemp[i][4] != destArrTemp[i][4] || startArrTemp[i][5] != destArrTemp[i][5])
+ )
+ ) {
+
+ // if not, convert shapes to beziere
+ Array.prototype.splice.apply(startArrTemp, [i, 1].concat(toBeziere.call(posStart, startArrTemp[i])));
+ Array.prototype.splice.apply(destArrTemp, [i, 1].concat(toBeziere.call(posDest, destArrTemp[i])));
+
+ } else {
+
+ // only update positions otherwise
+ startArrTemp[i] = setPosAndReflection.call(posStart, startArrTemp[i]);
+ destArrTemp[i] = setPosAndReflection.call(posDest , destArrTemp[i]);
+
+ }
+
+ // we are at the end at both arrays. stop here
+ if(++i == startArrTemp.length && i == destArrTemp.length) break
+
+ // destArray is longer. Add one element
+ if(i == startArrTemp.length){
+ startArrTemp.push([
+ 'C',
+ posStart.pos[0],
+ posStart.pos[1],
+ posStart.pos[0],
+ posStart.pos[1],
+ posStart.pos[0],
+ posStart.pos[1],
+ ]);
+ }
+
+ // startArr is longer. Add one element
+ if(i == destArrTemp.length){
+ destArrTemp.push([
+ 'C',
+ posDest.pos[0],
+ posDest.pos[1],
+ posDest.pos[0],
+ posDest.pos[1],
+ posDest.pos[0],
+ posDest.pos[1]
+ ]);
+ }
+
+
+ }while(true)
+
+ // return the updated block
+ return {start:startArrTemp, dest:destArrTemp}
+}
+
+// converts shorthand types to long form
+function simplyfy(val){
+
+ switch(val[0]){
+ case 'z': // shorthand line to start
+ case 'Z':
+ val[0] = 'L';
+ val[1] = this.start[0];
+ val[2] = this.start[1];
+ break
+ case 'H': // shorthand horizontal line
+ val[0] = 'L';
+ val[2] = this.pos[1];
+ break
+ case 'V': // shorthand vertical line
+ val[0] = 'L';
+ val[2] = val[1];
+ val[1] = this.pos[0];
+ break
+ case 'T': // shorthand quadratic beziere
+ val[0] = 'Q';
+ val[3] = val[1];
+ val[4] = val[2];
+ val[1] = this.reflection[1];
+ val[2] = this.reflection[0];
+ break
+ case 'S': // shorthand cubic beziere
+ val[0] = 'C';
+ val[6] = val[4];
+ val[5] = val[3];
+ val[4] = val[2];
+ val[3] = val[1];
+ val[2] = this.reflection[1];
+ val[1] = this.reflection[0];
+ break
+ }
+
+ return val
+
+}
+
+// updates reflection point and current position
+function setPosAndReflection(val){
+
+ var len = val.length;
+
+ this.pos = [ val[len-2], val[len-1] ];
+
+ if('SCQT'.indexOf(val[0]) != -1)
+ this.reflection = [ 2 * this.pos[0] - val[len-4], 2 * this.pos[1] - val[len-3] ];
+
+ return val
+}
+
+// converts all types to cubic beziere
+function toBeziere(val){
+ var retVal = [val];
+
+ switch(val[0]){
+ case 'M': // special handling for M
+ this.pos = this.start = [val[1], val[2]];
+ return retVal
+ case 'L':
+ val[5] = val[3] = val[1];
+ val[6] = val[4] = val[2];
+ val[1] = this.pos[0];
+ val[2] = this.pos[1];
+ break
+ case 'Q':
+ val[6] = val[4];
+ val[5] = val[3];
+ val[4] = val[4] * 1/3 + val[2] * 2/3;
+ val[3] = val[3] * 1/3 + val[1] * 2/3;
+ val[2] = this.pos[1] * 1/3 + val[2] * 2/3;
+ val[1] = this.pos[0] * 1/3 + val[1] * 2/3;
+ break
+ case 'A':
+ retVal = arcToBeziere(this.pos, val);
+ val = retVal[0];
+ break
+ }
+
+ val[0] = 'C';
+ this.pos = [val[5], val[6]];
+ this.reflection = [2 * val[5] - val[3], 2 * val[6] - val[4]];
+
+ return retVal
+
+}
+
+// finds the next position of type M
+function findNextM(arr, offset){
+
+ if(offset === false) return false
+
+ for(var i = offset, len = arr.length;i < len;++i){
+
+ if(arr[i][0] == 'M') return i
+
+ }
+
+ return false
+}
+
+
+
+// Convert an arc segment into equivalent cubic Bezier curves
+// Depending on the arc, up to 4 curves might be used to represent it since a
+// curve gives a good approximation for only a quarter of an ellipse
+// The curves are returned as an array of SVG curve commands:
+// [ ['C', x1, y1, x2, y2, x, y] ... ]
+function arcToBeziere(pos, val) {
+ // Parameters extraction, handle out-of-range parameters as specified in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/implnote.html#ArcOutOfRangeParameters
+ var rx = Math.abs(val[1]), ry = Math.abs(val[2]), xAxisRotation = val[3] % 360
+ , largeArcFlag = val[4], sweepFlag = val[5], x = val[6], y = val[7]
+ , A = new SVG.Point(pos), B = new SVG.Point(x, y)
+ , primedCoord, lambda, mat, k, c, cSquare, t, O, OA, OB, tetaStart, tetaEnd
+ , deltaTeta, nbSectors, f, arcSegPoints, angle, sinAngle, cosAngle, pt, i, il
+ , retVal = [], x1, y1, x2, y2;
+
+ // Ensure radii are non-zero
+ if(rx === 0 || ry === 0 || (A.x === B.x && A.y === B.y)) {
+ // treat this arc as a straight line segment
+ return [['C', A.x, A.y, B.x, B.y, B.x, B.y]]
+ }
+
+ // Ensure radii are large enough using the algorithm provided in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/implnote.html#ArcCorrectionOutOfRangeRadii
+ primedCoord = new SVG.Point((A.x-B.x)/2, (A.y-B.y)/2).transform(new SVG.Matrix().rotate(xAxisRotation));
+ lambda = (primedCoord.x * primedCoord.x) / (rx * rx) + (primedCoord.y * primedCoord.y) / (ry * ry);
+ if(lambda > 1) {
+ lambda = Math.sqrt(lambda);
+ rx = lambda*rx;
+ ry = lambda*ry;
+ }
+
+ // To simplify calculations, we make the arc part of a unit circle (rayon is 1) instead of an ellipse
+ mat = new SVG.Matrix().rotate(xAxisRotation).scale(1/rx, 1/ry).rotate(-xAxisRotation);
+ A = A.transform(mat);
+ B = B.transform(mat);
+
+ // Calculate the horizontal and vertical distance between the initial and final point of the arc
+ k = [B.x-A.x, B.y-A.y];
+
+ // Find the length of the chord formed by A and B
+ cSquare = k[0]*k[0] + k[1]*k[1];
+ c = Math.sqrt(cSquare);
+
+ // Calculate the ratios of the horizontal and vertical distance on the length of the chord
+ k[0] /= c;
+ k[1] /= c;
+
+ // Calculate the distance between the circle center and the chord midpoint
+ // using this formula: t = sqrt(r^2 - c^2 / 4)
+ // where t is the distance between the cirle center and the chord midpoint,
+ // r is the rayon of the circle and c is the chord length
+ // From: http://www.ajdesigner.com/phpcircle/circle_segment_chord_t.php
+ // Because of the imprecision of floating point numbers, cSquare might end
+ // up being slightly above 4 which would result in a negative radicand
+ // To prevent that, a test is made before computing the square root
+ t = (cSquare < 4) ? Math.sqrt(1 - cSquare/4) : 0;
+
+ // For most situations, there are actually two different ellipses that
+ // satisfy the constraints imposed by the points A and B, the radii rx and ry,
+ // and the xAxisRotation
+ // When the flags largeArcFlag and sweepFlag are equal, it means that the
+ // second ellipse is used as a solution
+ // See: https://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
+ if(largeArcFlag === sweepFlag) {
+ t *= -1;
+ }
+
+ // Calculate the coordinates of the center of the circle from the midpoint of the chord
+ // This is done by multiplying the ratios calculated previously by the distance between
+ // the circle center and the chord midpoint and using these values to go from the midpoint
+ // to the center of the circle
+ // The negative of the vertical distance ratio is used to modify the x coordinate while
+ // the horizontal distance ratio is used to modify the y coordinate
+ // That is because the center of the circle is perpendicular to the chord and perpendicular
+ // lines are negative reciprocals
+ O = new SVG.Point((B.x+A.x)/2 + t*-k[1], (B.y+A.y)/2 + t*k[0]);
+ // Move the center of the circle at the origin
+ OA = new SVG.Point(A.x-O.x, A.y-O.y);
+ OB = new SVG.Point(B.x-O.x, B.y-O.y);
+
+ // Calculate the start and end angle
+ tetaStart = Math.acos(OA.x/Math.sqrt(OA.x*OA.x + OA.y*OA.y));
+ if (OA.y < 0) {
+ tetaStart *= -1;
+ }
+ tetaEnd = Math.acos(OB.x/Math.sqrt(OB.x*OB.x + OB.y*OB.y));
+ if (OB.y < 0) {
+ tetaEnd *= -1;
+ }
+
+ // If sweep-flag is '1', then the arc will be drawn in a "positive-angle" direction,
+ // make sure that the end angle is above the start angle
+ if (sweepFlag && tetaStart > tetaEnd) {
+ tetaEnd += 2*Math.PI;
+ }
+ // If sweep-flag is '0', then the arc will be drawn in a "negative-angle" direction,
+ // make sure that the end angle is below the start angle
+ if (!sweepFlag && tetaStart < tetaEnd) {
+ tetaEnd -= 2*Math.PI;
+ }
+
+ // Find the number of Bezier curves that are required to represent the arc
+ // A cubic Bezier curve gives a good enough approximation when representing at most a quarter of a circle
+ nbSectors = Math.ceil(Math.abs(tetaStart-tetaEnd) * 2/Math.PI);
+
+ // Calculate the coordinates of the points of all the Bezier curves required to represent the arc
+ // For an in-depth explanation of this part see: http://pomax.github.io/bezierinfo/#circles_cubic
+ arcSegPoints = [];
+ angle = tetaStart;
+ deltaTeta = (tetaEnd-tetaStart)/nbSectors;
+ f = 4*Math.tan(deltaTeta/4)/3;
+ for (i = 0; i <= nbSectors; i++) { // The <= is because a Bezier curve have a start and a endpoint
+ cosAngle = Math.cos(angle);
+ sinAngle = Math.sin(angle);
+
+ pt = new SVG.Point(O.x+cosAngle, O.y+sinAngle);
+ arcSegPoints[i] = [new SVG.Point(pt.x+f*sinAngle, pt.y-f*cosAngle), pt, new SVG.Point(pt.x-f*sinAngle, pt.y+f*cosAngle)];
+
+ angle += deltaTeta;
+ }
+
+ // Remove the first control point of the first segment point and remove the second control point of the last segment point
+ // These two control points are not used in the approximation of the arc, that is why they are removed
+ arcSegPoints[0][0] = arcSegPoints[0][1].clone();
+ arcSegPoints[arcSegPoints.length-1][2] = arcSegPoints[arcSegPoints.length-1][1].clone();
+
+ // Revert the transformation that was applied to make the arc part of a unit circle instead of an ellipse
+ mat = new SVG.Matrix().rotate(xAxisRotation).scale(rx, ry).rotate(-xAxisRotation);
+ for (i = 0, il = arcSegPoints.length; i < il; i++) {
+ arcSegPoints[i][0] = arcSegPoints[i][0].transform(mat);
+ arcSegPoints[i][1] = arcSegPoints[i][1].transform(mat);
+ arcSegPoints[i][2] = arcSegPoints[i][2].transform(mat);
+ }
+
+
+ // Convert the segments points to SVG curve commands
+ for (i = 1, il = arcSegPoints.length; i < il; i++) {
+ pt = arcSegPoints[i-1][2];
+ x1 = pt.x;
+ y1 = pt.y;
+
+ pt = arcSegPoints[i][0];
+ x2 = pt.x;
+ y2 = pt.y;
+
+ pt = arcSegPoints[i][1];
+ x = pt.x;
+ y = pt.y;
+
+ retVal.push(['C', x1, y1, x2, y2, x, y]);
+ }
+
+ return retVal
+}
+}());
+
+/*! svg.draggable.js - v2.2.1 - 2016-08-25
+* https://github.com/wout/svg.draggable.js
+* Copyright (c) 2016 Wout Fierens; Licensed MIT */
+(function() {
+
+ // creates handler, saves it
+ function DragHandler(el){
+ el.remember('_draggable', this);
+ this.el = el;
+ }
+
+
+ // Sets new parameter, starts dragging
+ DragHandler.prototype.init = function(constraint, val){
+ var _this = this;
+ this.constraint = constraint;
+ this.value = val;
+ this.el.on('mousedown.drag', function(e){ _this.start(e); });
+ this.el.on('touchstart.drag', function(e){ _this.start(e); });
+ };
+
+ // transforms one point from screen to user coords
+ DragHandler.prototype.transformPoint = function(event, offset){
+ event = event || window.event;
+ var touches = event.changedTouches && event.changedTouches[0] || event;
+ this.p.x = touches.pageX - (offset || 0);
+ this.p.y = touches.pageY;
+ return this.p.matrixTransform(this.m)
+ };
+
+ // gets elements bounding box with special handling of groups, nested and use
+ DragHandler.prototype.getBBox = function(){
+
+ var box = this.el.bbox();
+
+ if(this.el instanceof SVG.Nested) box = this.el.rbox();
+
+ if (this.el instanceof SVG.G || this.el instanceof SVG.Use || this.el instanceof SVG.Nested) {
+ box.x = this.el.x();
+ box.y = this.el.y();
+ }
+
+ return box
+ };
+
+ // start dragging
+ DragHandler.prototype.start = function(e){
+
+ // check for left button
+ if(e.type == 'click'|| e.type == 'mousedown' || e.type == 'mousemove'){
+ if((e.which || e.buttons) != 1){
+ return
+ }
+ }
+
+ var _this = this;
+
+ // fire beforedrag event
+ this.el.fire('beforedrag', { event: e, handler: this });
+
+ // search for parent on the fly to make sure we can call
+ // draggable() even when element is not in the dom currently
+ this.parent = this.parent || this.el.parent(SVG.Nested) || this.el.parent(SVG.Doc);
+ this.p = this.parent.node.createSVGPoint();
+
+ // save current transformation matrix
+ this.m = this.el.node.getScreenCTM().inverse();
+
+ var box = this.getBBox();
+
+ var anchorOffset;
+
+ // fix text-anchor in text-element (#37)
+ if(this.el instanceof SVG.Text){
+ anchorOffset = this.el.node.getComputedTextLength();
+
+ switch(this.el.attr('text-anchor')){
+ case 'middle':
+ anchorOffset /= 2;
+ break
+ case 'start':
+ anchorOffset = 0;
+ break;
+ }
+ }
+
+ this.startPoints = {
+ // We take absolute coordinates since we are just using a delta here
+ point: this.transformPoint(e, anchorOffset),
+ box: box,
+ transform: this.el.transform()
+ };
+
+ // add drag and end events to window
+ SVG.on(window, 'mousemove.drag', function(e){ _this.drag(e); });
+ SVG.on(window, 'touchmove.drag', function(e){ _this.drag(e); });
+ SVG.on(window, 'mouseup.drag', function(e){ _this.end(e); });
+ SVG.on(window, 'touchend.drag', function(e){ _this.end(e); });
+
+ // fire dragstart event
+ this.el.fire('dragstart', {event: e, p: this.startPoints.point, m: this.m, handler: this});
+
+ // prevent browser drag behavior
+ e.preventDefault();
+
+ // prevent propagation to a parent that might also have dragging enabled
+ e.stopPropagation();
+ };
+
+ // while dragging
+ DragHandler.prototype.drag = function(e){
+
+ var box = this.getBBox()
+ , p = this.transformPoint(e)
+ , x = this.startPoints.box.x + p.x - this.startPoints.point.x
+ , y = this.startPoints.box.y + p.y - this.startPoints.point.y
+ , c = this.constraint
+ , gx = p.x - this.startPoints.point.x
+ , gy = p.y - this.startPoints.point.y;
+
+ var event = new CustomEvent('dragmove', {
+ detail: {
+ event: e
+ , p: p
+ , m: this.m
+ , handler: this
+ }
+ , cancelable: true
+ });
+
+ this.el.fire(event);
+
+ if(event.defaultPrevented) return p
+
+ // move the element to its new position, if possible by constraint
+ if (typeof c == 'function') {
+
+ var coord = c.call(this.el, x, y, this.m);
+
+ // bool, just show us if movement is allowed or not
+ if (typeof coord == 'boolean') {
+ coord = {
+ x: coord,
+ y: coord
+ };
+ }
+
+ // if true, we just move. If !false its a number and we move it there
+ if (coord.x === true) {
+ this.el.x(x);
+ } else if (coord.x !== false) {
+ this.el.x(coord.x);
+ }
+
+ if (coord.y === true) {
+ this.el.y(y);
+ } else if (coord.y !== false) {
+ this.el.y(coord.y);
+ }
+
+ } else if (typeof c == 'object') {
+
+ // keep element within constrained box
+ if (c.minX != null && x < c.minX)
+ x = c.minX;
+ else if (c.maxX != null && x > c.maxX - box.width){
+ x = c.maxX - box.width;
+ }if (c.minY != null && y < c.minY)
+ y = c.minY;
+ else if (c.maxY != null && y > c.maxY - box.height)
+ y = c.maxY - box.height;
+
+ if(this.el instanceof SVG.G)
+ this.el.matrix(this.startPoints.transform).transform({x:gx, y: gy}, true);
+ else
+ this.el.move(x, y);
+ }
+
+ // so we can use it in the end-method, too
+ return p
+ };
+
+ DragHandler.prototype.end = function(e){
+
+ // final drag
+ var p = this.drag(e);
+
+ // fire dragend event
+ this.el.fire('dragend', { event: e, p: p, m: this.m, handler: this });
+
+ // unbind events
+ SVG.off(window, 'mousemove.drag');
+ SVG.off(window, 'touchmove.drag');
+ SVG.off(window, 'mouseup.drag');
+ SVG.off(window, 'touchend.drag');
+
+ };
+
+ SVG.extend(SVG.Element, {
+ // Make element draggable
+ // Constraint might be an object (as described in readme.md) or a function in the form "function (x, y)" that gets called before every move.
+ // The function can return a boolean or an object of the form {x, y}, to which the element will be moved. "False" skips moving, true moves to raw x, y.
+ draggable: function(value, constraint) {
+
+ // Check the parameters and reassign if needed
+ if (typeof value == 'function' || typeof value == 'object') {
+ constraint = value;
+ value = true;
+ }
+
+ var dragHandler = this.remember('_draggable') || new DragHandler(this);
+
+ // When no parameter is given, value is true
+ value = typeof value === 'undefined' ? true : value;
+
+ if(value) dragHandler.init(constraint || {}, value);
+ else {
+ this.off('mousedown.drag');
+ this.off('touchstart.drag');
+ }
+
+ return this
+ }
+
+ });
+
+}).call(undefined);
+
+(function() {
+
+function SelectHandler(el) {
+
+ this.el = el;
+ el.remember('_selectHandler', this);
+ this.pointSelection = {isSelected: false};
+ this.rectSelection = {isSelected: false};
+
+}
+
+SelectHandler.prototype.init = function (value, options) {
+
+ var bbox = this.el.bbox();
+ this.options = {};
+
+ // Merging the defaults and the options-object together
+ for (var i in this.el.selectize.defaults) {
+ this.options[i] = this.el.selectize.defaults[i];
+ if (options[i] !== undefined) {
+ this.options[i] = options[i];
+ }
+ }
+
+ this.parent = this.el.parent();
+ this.nested = (this.nested || this.parent.group());
+ this.nested.matrix(new SVG.Matrix(this.el).translate(bbox.x, bbox.y));
+
+ // When deepSelect is enabled and the element is a line/polyline/polygon, draw only points for moving
+ if (this.options.deepSelect && ['line', 'polyline', 'polygon'].indexOf(this.el.type) !== -1) {
+ this.selectPoints(value);
+ } else {
+ this.selectRect(value);
+ }
+
+ this.observe();
+ this.cleanup();
+
+};
+
+SelectHandler.prototype.selectPoints = function (value) {
+
+ this.pointSelection.isSelected = value;
+
+ // When set is already there we dont have to create one
+ if (this.pointSelection.set) {
+ return this;
+ }
+
+ // Create our set of elements
+ this.pointSelection.set = this.parent.set();
+ // draw the circles and mark the element as selected
+ this.drawCircles();
+
+ return this;
+
+};
+
+// create the point-array which contains the 2 points of a line or simply the points-array of polyline/polygon
+SelectHandler.prototype.getPointArray = function () {
+ var bbox = this.el.bbox();
+
+ return this.el.array().valueOf().map(function (el) {
+ return [el[0] - bbox.x, el[1] - bbox.y];
+ });
+};
+
+// The function to draw the circles
+SelectHandler.prototype.drawCircles = function () {
+
+ var _this = this, array = this.getPointArray();
+
+ // go through the array of points
+ for (var i = 0, len = array.length; i < len; ++i) {
+
+ var curriedEvent = (function (k) {
+ return function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire('point', {x: x, y: y, i: k, event: ev});
+ };
+ })(i);
+
+ // add every point to the set
+ this.pointSelection.set.add(
+ // a circle with our css-classes and a touchstart-event which fires our event for moving points
+ this.nested.circle(this.options.radius)
+ .center(array[i][0], array[i][1])
+ .addClass(this.options.classPoints)
+ .addClass(this.options.classPoints + '_point')
+ .on('touchstart', curriedEvent)
+ .on('mousedown', curriedEvent)
+ );
+ }
+
+};
+
+// every time a circle is moved, we have to update the positions of our circle
+SelectHandler.prototype.updatePointSelection = function () {
+ var array = this.getPointArray();
+
+ this.pointSelection.set.each(function (i) {
+ if (this.cx() === array[i][0] && this.cy() === array[i][1]) {
+ return;
+ }
+ this.center(array[i][0], array[i][1]);
+ });
+};
+
+SelectHandler.prototype.updateRectSelection = function () {
+ var bbox = this.el.bbox();
+
+ this.rectSelection.set.get(0).attr({
+ width: bbox.width,
+ height: bbox.height
+ });
+
+ // set.get(1) is always in the upper left corner. no need to move it
+ if (this.options.points) {
+ this.rectSelection.set.get(2).center(bbox.width, 0);
+ this.rectSelection.set.get(3).center(bbox.width, bbox.height);
+ this.rectSelection.set.get(4).center(0, bbox.height);
+
+ this.rectSelection.set.get(5).center(bbox.width / 2, 0);
+ this.rectSelection.set.get(6).center(bbox.width, bbox.height / 2);
+ this.rectSelection.set.get(7).center(bbox.width / 2, bbox.height);
+ this.rectSelection.set.get(8).center(0, bbox.height / 2);
+ }
+
+ if (this.options.rotationPoint) {
+ if (this.options.points) {
+ this.rectSelection.set.get(9).center(bbox.width / 2, 20);
+ } else {
+ this.rectSelection.set.get(1).center(bbox.width / 2, 20);
+ }
+ }
+};
+
+SelectHandler.prototype.selectRect = function (value) {
+
+ var _this = this, bbox = this.el.bbox();
+
+ this.rectSelection.isSelected = value;
+
+ // when set is already p
+ this.rectSelection.set = this.rectSelection.set || this.parent.set();
+
+ // helperFunction to create a mouse-down function which triggers the event specified in `eventName`
+ function getMoseDownFunc(eventName) {
+ return function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire(eventName, {x: x, y: y, event: ev});
+ };
+ }
+
+ // create the selection-rectangle and add the css-class
+ if (!this.rectSelection.set.get(0)) {
+ this.rectSelection.set.add(this.nested.rect(bbox.width, bbox.height).addClass(this.options.classRect));
+ }
+
+ // Draw Points at the edges, if enabled
+ if (this.options.points && !this.rectSelection.set.get(1)) {
+ var ename ="touchstart", mname = "mousedown";
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, 0).attr('class', this.options.classPoints + '_lt').on(mname, getMoseDownFunc('lt')).on(ename, getMoseDownFunc('lt')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, 0).attr('class', this.options.classPoints + '_rt').on(mname, getMoseDownFunc('rt')).on(ename, getMoseDownFunc('rt')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, bbox.height).attr('class', this.options.classPoints + '_rb').on(mname, getMoseDownFunc('rb')).on(ename, getMoseDownFunc('rb')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, bbox.height).attr('class', this.options.classPoints + '_lb').on(mname, getMoseDownFunc('lb')).on(ename, getMoseDownFunc('lb')));
+
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, 0).attr('class', this.options.classPoints + '_t').on(mname, getMoseDownFunc('t')).on(ename, getMoseDownFunc('t')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, bbox.height / 2).attr('class', this.options.classPoints + '_r').on(mname, getMoseDownFunc('r')).on(ename, getMoseDownFunc('r')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, bbox.height).attr('class', this.options.classPoints + '_b').on(mname, getMoseDownFunc('b')).on(ename, getMoseDownFunc('b')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, bbox.height / 2).attr('class', this.options.classPoints + '_l').on(mname, getMoseDownFunc('l')).on(ename, getMoseDownFunc('l')));
+
+ this.rectSelection.set.each(function () {
+ this.addClass(_this.options.classPoints);
+ });
+ }
+
+ // draw rotationPint, if enabled
+ if (this.options.rotationPoint && ((this.options.points && !this.rectSelection.set.get(9)) || (!this.options.points && !this.rectSelection.set.get(1)))) {
+
+ var curriedEvent = function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire('rot', {x: x, y: y, event: ev});
+ };
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, 20).attr('class', this.options.classPoints + '_rot')
+ .on("touchstart", curriedEvent).on("mousedown", curriedEvent));
+
+ }
+
+};
+
+SelectHandler.prototype.handler = function () {
+
+ var bbox = this.el.bbox();
+ this.nested.matrix(new SVG.Matrix(this.el).translate(bbox.x, bbox.y));
+
+ if (this.rectSelection.isSelected) {
+ this.updateRectSelection();
+ }
+
+ if (this.pointSelection.isSelected) {
+ this.updatePointSelection();
+ }
+
+};
+
+SelectHandler.prototype.observe = function () {
+ var _this = this;
+
+ if (MutationObserver) {
+ if (this.rectSelection.isSelected || this.pointSelection.isSelected) {
+ this.observerInst = this.observerInst || new MutationObserver(function () {
+ _this.handler();
+ });
+ this.observerInst.observe(this.el.node, {attributes: true});
+ } else {
+ try {
+ this.observerInst.disconnect();
+ delete this.observerInst;
+ } catch (e) {
+ }
+ }
+ } else {
+ this.el.off('DOMAttrModified.select');
+
+ if (this.rectSelection.isSelected || this.pointSelection.isSelected) {
+ this.el.on('DOMAttrModified.select', function () {
+ _this.handler();
+ });
+ }
+ }
+};
+
+SelectHandler.prototype.cleanup = function () {
+
+ //var _this = this;
+
+ if (!this.rectSelection.isSelected && this.rectSelection.set) {
+ // stop watching the element, remove the selection
+ this.rectSelection.set.each(function () {
+ this.remove();
+ });
+
+ this.rectSelection.set.clear();
+ delete this.rectSelection.set;
+ }
+
+ if (!this.pointSelection.isSelected && this.pointSelection.set) {
+ // Remove all points, clear the set, stop watching the element
+ this.pointSelection.set.each(function () {
+ this.remove();
+ });
+
+ this.pointSelection.set.clear();
+ delete this.pointSelection.set;
+ }
+
+ if (!this.pointSelection.isSelected && !this.rectSelection.isSelected) {
+ this.nested.remove();
+ delete this.nested;
+
+ }
+};
+
+
+SVG.extend(SVG.Element, {
+ // Select element with mouse
+ selectize: function (value, options) {
+
+ // Check the parameters and reassign if needed
+ if (typeof value === 'object') {
+ options = value;
+ value = true;
+ }
+
+ var selectHandler = this.remember('_selectHandler') || new SelectHandler(this);
+
+ selectHandler.init(value === undefined ? true : value, options || {});
+
+ return this;
+
+ }
+});
+
+SVG.Element.prototype.selectize.defaults = {
+ points: true, // If true, points at the edges are drawn. Needed for resize!
+ classRect: 'svg_select_boundingRect', // Css-class added to the rect
+ classPoints: 'svg_select_points', // Css-class added to the points
+ radius: 7, // radius of the points
+ rotationPoint: true, // If true, rotation point is drawn. Needed for rotation!
+ deepSelect: false // If true, moving of single points is possible (only line, polyline, polyon)
+};
+}());
+
+(function() {
+(function () {
+
+ function ResizeHandler(el) {
+
+ el.remember('_resizeHandler', this);
+
+ this.el = el;
+ this.parameters = {};
+ this.lastUpdateCall = null;
+ this.p = el.doc().node.createSVGPoint();
+ }
+
+ ResizeHandler.prototype.transformPoint = function(x, y, m){
+
+ this.p.x = x - (this.offset.x - window.pageXOffset);
+ this.p.y = y - (this.offset.y - window.pageYOffset);
+
+ return this.p.matrixTransform(m || this.m);
+
+ };
+
+ ResizeHandler.prototype._extractPosition = function(event) {
+ // Extract a position from a mouse/touch event.
+ // Returns { x: .., y: .. }
+ return {
+ x: event.clientX != null ? event.clientX : event.touches[0].clientX,
+ y: event.clientY != null ? event.clientY : event.touches[0].clientY
+ }
+ };
+
+ ResizeHandler.prototype.init = function (options) {
+
+ var _this = this;
+
+ this.stop();
+
+ if (options === 'stop') {
+ return;
+ }
+
+ this.options = {};
+
+ // Merge options and defaults
+ for (var i in this.el.resize.defaults) {
+ this.options[i] = this.el.resize.defaults[i];
+ if (typeof options[i] !== 'undefined') {
+ this.options[i] = options[i];
+ }
+ }
+
+ // We listen to all these events which are specifying different edges
+ this.el.on('lt.resize', function(e){ _this.resize(e || window.event); }); // Left-Top
+ this.el.on('rt.resize', function(e){ _this.resize(e || window.event); }); // Right-Top
+ this.el.on('rb.resize', function(e){ _this.resize(e || window.event); }); // Right-Bottom
+ this.el.on('lb.resize', function(e){ _this.resize(e || window.event); }); // Left-Bottom
+
+ this.el.on('t.resize', function(e){ _this.resize(e || window.event); }); // Top
+ this.el.on('r.resize', function(e){ _this.resize(e || window.event); }); // Right
+ this.el.on('b.resize', function(e){ _this.resize(e || window.event); }); // Bottom
+ this.el.on('l.resize', function(e){ _this.resize(e || window.event); }); // Left
+
+ this.el.on('rot.resize', function(e){ _this.resize(e || window.event); }); // Rotation
+
+ this.el.on('point.resize', function(e){ _this.resize(e || window.event); }); // Point-Moving
+
+ // This call ensures, that the plugin reacts to a change of snapToGrid immediately
+ this.update();
+
+ };
+
+ ResizeHandler.prototype.stop = function(){
+ this.el.off('lt.resize');
+ this.el.off('rt.resize');
+ this.el.off('rb.resize');
+ this.el.off('lb.resize');
+
+ this.el.off('t.resize');
+ this.el.off('r.resize');
+ this.el.off('b.resize');
+ this.el.off('l.resize');
+
+ this.el.off('rot.resize');
+
+ this.el.off('point.resize');
+
+ return this;
+ };
+
+ ResizeHandler.prototype.resize = function (event) {
+
+ var _this = this;
+
+ this.m = this.el.node.getScreenCTM().inverse();
+ this.offset = { x: window.pageXOffset, y: window.pageYOffset };
+
+ var txPt = this._extractPosition(event.detail.event);
+ this.parameters = {
+ type: this.el.type, // the type of element
+ p: this.transformPoint(txPt.x, txPt.y),
+ x: event.detail.x, // x-position of the mouse when resizing started
+ y: event.detail.y, // y-position of the mouse when resizing started
+ box: this.el.bbox(), // The bounding-box of the element
+ rotation: this.el.transform().rotation // The current rotation of the element
+ };
+
+ // Add font-size parameter if the element type is text
+ if (this.el.type === "text") {
+ this.parameters.fontSize = this.el.attr()["font-size"];
+ }
+
+ // the i-param in the event holds the index of the point which is moved, when using `deepSelect`
+ if (event.detail.i !== undefined) {
+
+ // get the point array
+ var array = this.el.array().valueOf();
+
+ // Save the index and the point which is moved
+ this.parameters.i = event.detail.i;
+ this.parameters.pointCoords = [array[event.detail.i][0], array[event.detail.i][1]];
+ }
+
+ // Lets check which edge of the bounding-box was clicked and resize the this.el according to this
+ switch (event.type) {
+
+ // Left-Top-Edge
+ case 'lt':
+ // We build a calculating function for every case which gives us the new position of the this.el
+ this.calc = function (diffX, diffY) {
+ // The procedure is always the same
+ // First we snap the edge to the given grid (snapping to 1px grid is normal resizing)
+ var snap = this.snapToGrid(diffX, diffY);
+
+ // Now we check if the new height and width still valid (> 0)
+ if (this.parameters.box.width - snap[0] > 0 && this.parameters.box.height - snap[1] > 0) {
+ // ...if valid, we resize the this.el (which can include moving because the coord-system starts at the left-top and this edge is moving sometimes when resized)
+
+ /*
+ * but first check if the element is text box, so we can change the font size instead of
+ * the width and height
+ */
+
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize - snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y + snap[1]).size(this.parameters.box.width - snap[0], this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right-Top
+ case 'rt':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1 << 1);
+ if (this.parameters.box.width + snap[0] > 0 && this.parameters.box.height - snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x - snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize + snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y + snap[1]).size(this.parameters.box.width + snap[0], this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right-Bottom
+ case 'rb':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.width + snap[0] > 0 && this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x - snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize + snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).size(this.parameters.box.width + snap[0], this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Left-Bottom
+ case 'lb':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1);
+ if (this.parameters.box.width - snap[0] > 0 && this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize - snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y).size(this.parameters.box.width - snap[0], this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Top
+ case 't':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1 << 1);
+ if (this.parameters.box.height - snap[1] > 0) {
+ // Disable the font-resizing if it is not from the corner of bounding-box
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y + snap[1]).height(this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right
+ case 'r':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.width + snap[0] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).width(this.parameters.box.width + snap[0]);
+ }
+ };
+ break;
+
+ // Bottom
+ case 'b':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).height(this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Left
+ case 'l':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1);
+ if (this.parameters.box.width - snap[0] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y).width(this.parameters.box.width - snap[0]);
+ }
+ };
+ break;
+
+ // Rotation
+ case 'rot':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+
+ // yes this is kinda stupid but we need the mouse coords back...
+ var current = {x: diffX + this.parameters.p.x, y: diffY + this.parameters.p.y};
+
+ // start minus middle
+ var sAngle = Math.atan2((this.parameters.p.y - this.parameters.box.y - this.parameters.box.height / 2), (this.parameters.p.x - this.parameters.box.x - this.parameters.box.width / 2));
+
+ // end minus middle
+ var pAngle = Math.atan2((current.y - this.parameters.box.y - this.parameters.box.height / 2), (current.x - this.parameters.box.x - this.parameters.box.width / 2));
+
+ var angle = (pAngle - sAngle) * 180 / Math.PI;
+
+ // We have to move the element to the center of the box first and change the rotation afterwards
+ // because rotation always works around a rotation-center, which is changed when moving the element
+ // We also set the new rotation center to the center of the box.
+ this.el.center(this.parameters.box.cx, this.parameters.box.cy).rotate(this.parameters.rotation + angle - angle % this.options.snapToAngle, this.parameters.box.cx, this.parameters.box.cy);
+ };
+ break;
+
+ // Moving one single Point (needed when an element is deepSelected which means you can move every single point of the object)
+ case 'point':
+ this.calc = function (diffX, diffY) {
+
+ // Snapping the point to the grid
+ var snap = this.snapToGrid(diffX, diffY, this.parameters.pointCoords[0], this.parameters.pointCoords[1]);
+
+ // Get the point array
+ var array = this.el.array().valueOf();
+
+ // Changing the moved point in the array
+ array[this.parameters.i][0] = this.parameters.pointCoords[0] + snap[0];
+ array[this.parameters.i][1] = this.parameters.pointCoords[1] + snap[1];
+
+ // And plot the new this.el
+ this.el.plot(array);
+ };
+ }
+
+ this.el.fire('resizestart', {dx: this.parameters.x, dy: this.parameters.y, event: event});
+ // When resizing started, we have to register events for...
+ // Touches.
+ SVG.on(window, 'touchmove.resize', function(e) {
+ _this.update(e || window.event);
+ });
+ SVG.on(window, 'touchend.resize', function() {
+ _this.done();
+ });
+ // Mouse.
+ SVG.on(window, 'mousemove.resize', function (e) {
+ _this.update(e || window.event);
+ });
+ SVG.on(window, 'mouseup.resize', function () {
+ _this.done();
+ });
+
+ };
+
+ // The update-function redraws the element every time the mouse is moving
+ ResizeHandler.prototype.update = function (event) {
+
+ if (!event) {
+ if (this.lastUpdateCall) {
+ this.calc(this.lastUpdateCall[0], this.lastUpdateCall[1]);
+ }
+ return;
+ }
+
+ // Calculate the difference between the mouseposition at start and now
+ var txPt = this._extractPosition(event);
+ var p = this.transformPoint(txPt.x, txPt.y);
+
+ var diffX = p.x - this.parameters.p.x,
+ diffY = p.y - this.parameters.p.y;
+
+ this.lastUpdateCall = [diffX, diffY];
+
+ // Calculate the new position and height / width of the element
+ this.calc(diffX, diffY);
+
+ // Emit an event to say we have changed.
+ this.el.fire('resizing', {dx: diffX, dy: diffY, event: event});
+ };
+
+ // Is called on mouseup.
+ // Removes the update-function from the mousemove event
+ ResizeHandler.prototype.done = function () {
+ this.lastUpdateCall = null;
+ SVG.off(window, 'mousemove.resize');
+ SVG.off(window, 'mouseup.resize');
+ SVG.off(window, 'touchmove.resize');
+ SVG.off(window, 'touchend.resize');
+ this.el.fire('resizedone');
+ };
+
+ // The flag is used to determine whether the resizing is used with a left-Point (first bit) and top-point (second bit)
+ // In this cases the temp-values are calculated differently
+ ResizeHandler.prototype.snapToGrid = function (diffX, diffY, flag, pointCoordsY) {
+
+ var temp;
+
+ // If `pointCoordsY` is given, a single Point has to be snapped (deepSelect). That's why we need a different temp-value
+ if (typeof pointCoordsY !== 'undefined') {
+ // Note that flag = pointCoordsX in this case
+ temp = [(flag + diffX) % this.options.snapToGrid, (pointCoordsY + diffY) % this.options.snapToGrid];
+ } else {
+ // We check if the flag is set and if not we set a default-value (both bits set - which means upper-left-edge)
+ flag = flag == null ? 1 | 1 << 1 : flag;
+ temp = [(this.parameters.box.x + diffX + (flag & 1 ? 0 : this.parameters.box.width)) % this.options.snapToGrid, (this.parameters.box.y + diffY + (flag & (1 << 1) ? 0 : this.parameters.box.height)) % this.options.snapToGrid];
+ }
+
+
+ diffX -= (Math.abs(temp[0]) < this.options.snapToGrid / 2 ?
+ temp[0] :
+ temp[0] - (diffX < 0 ? -this.options.snapToGrid : this.options.snapToGrid));
+ diffY -= (Math.abs(temp[1]) < this.options.snapToGrid / 2 ?
+ temp[1] :
+ temp[1] - (diffY < 0 ? -this.options.snapToGrid : this.options.snapToGrid));
+
+ return this.constraintToBox(diffX, diffY, flag, pointCoordsY);
+
+ };
+
+ // keep element within constrained box
+ ResizeHandler.prototype.constraintToBox = function (diffX, diffY, flag, pointCoordsY) {
+ //return [diffX, diffY]
+ var c = this.options.constraint || {};
+ var orgX, orgY;
+
+ if (typeof pointCoordsY !== 'undefined') {
+ orgX = flag;
+ orgY = pointCoordsY;
+ } else {
+ orgX = this.parameters.box.x + (flag & 1 ? 0 : this.parameters.box.width);
+ orgY = this.parameters.box.y + (flag & (1<<1) ? 0 : this.parameters.box.height);
+ }
+
+ if (typeof c.minX !== 'undefined' && orgX + diffX < c.minX) {
+ diffX = c.minX - orgX;
+ }
+
+ if (typeof c.maxX !== 'undefined' && orgX + diffX > c.maxX) {
+ diffX = c.maxX - orgX;
+ }
+
+ if (typeof c.minY !== 'undefined' && orgY + diffY < c.minY) {
+ diffY = c.minY - orgY;
+ }
+
+ if (typeof c.maxY !== 'undefined' && orgY + diffY > c.maxY) {
+ diffY = c.maxY - orgY;
+ }
+
+ return [diffX, diffY];
+ };
+
+ ResizeHandler.prototype.checkAspectRatio = function (snap) {
+ if (!this.options.saveAspectRatio) {
+ return snap;
+ }
+
+ var updatedSnap = snap.slice();
+ var aspectRatio = this.parameters.box.width / this.parameters.box.height;
+ var newW = this.parameters.box.width + snap[0];
+ var newH = this.parameters.box.height - snap[1];
+ var newAspectRatio = newW / newH;
+
+ if (newAspectRatio < aspectRatio) {
+ // Height is too big. Adapt it
+ updatedSnap[1] = newW / aspectRatio - this.parameters.box.height;
+ } else if (newAspectRatio > aspectRatio) {
+ // Width is too big. Adapt it
+ updatedSnap[0] = this.parameters.box.width - newH * aspectRatio;
+ }
+
+ return updatedSnap;
+
+ };
+
+ SVG.extend(SVG.Element, {
+ // Resize element with mouse
+ resize: function (options) {
+
+ (this.remember('_resizeHandler') || new ResizeHandler(this)).init(options || {});
+
+ return this;
+
+ }
+
+ });
+
+ SVG.Element.prototype.resize.defaults = {
+ snapToAngle: 0.1, // Specifies the speed the rotation is happening when moving the mouse
+ snapToGrid: 1, // Snaps to a grid of `snapToGrid` Pixels
+ constraint: {}, // keep element within constrained box
+ saveAspectRatio: false // Save aspect ratio when resizing using lt, rt, rb or lb points
+ };
+
+}).call(this);
+}());
+
+function styleInject(css, ref) {
+ if ( ref === void 0 ) ref = {};
+ var insertAt = ref.insertAt;
+
+ if (!css || typeof document === 'undefined') { return; }
+
+ var head = document.head || document.getElementsByTagName('head')[0];
+ var style = document.createElement('style');
+ style.type = 'text/css';
+
+ if (insertAt === 'top') {
+ if (head.firstChild) {
+ head.insertBefore(style, head.firstChild);
+ } else {
+ head.appendChild(style);
+ }
+ } else {
+ head.appendChild(style);
+ }
+
+ if (style.styleSheet) {
+ style.styleSheet.cssText = css;
+ } else {
+ style.appendChild(document.createTextNode(css));
+ }
+}
+
+var css = ".apexcharts-canvas {\n position: relative;\n user-select: none;\n /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */\n}\n\n/* scrollbar is not visible by default for legend, hence forcing the visibility */\n.apexcharts-canvas ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 6px;\n}\n.apexcharts-canvas ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0,0,0,.5);\n box-shadow: 0 0 1px rgba(255,255,255,.5);\n -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);\n}\n\n.apexcharts-inner {\n position: relative;\n}\n\n.legend-mouseover-inactive {\n transition: 0.15s ease all;\n opacity: 0.20;\n}\n\n.apexcharts-series-collapsed {\n opacity: 0;\n}\n\n.apexcharts-gridline, .apexcharts-text {\n pointer-events: none;\n}\n\n.apexcharts-tooltip {\n border-radius: 5px;\n box-shadow: 2px 2px 6px -4px #999;\n cursor: default;\n font-size: 14px;\n left: 62px;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 20px;\n overflow: hidden;\n white-space: nowrap;\n z-index: 12;\n transition: 0.15s ease all;\n}\n.apexcharts-tooltip.light {\n border: 1px solid #e3e3e3;\n background: rgba(255, 255, 255, 0.96);\n}\n.apexcharts-tooltip.dark {\n color: #fff;\n background: rgba(30,30,30, 0.8);\n}\n.apexcharts-tooltip * {\n font-family: inherit;\n}\n\n.apexcharts-tooltip .apexcharts-marker,\n.apexcharts-area-series .apexcharts-area,\n.apexcharts-line {\n pointer-events: none;\n}\n\n.apexcharts-tooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-tooltip-title {\n padding: 6px;\n font-size: 15px;\n margin-bottom: 4px;\n}\n.apexcharts-tooltip.light .apexcharts-tooltip-title {\n background: #ECEFF1;\n border-bottom: 1px solid #ddd;\n}\n.apexcharts-tooltip.dark .apexcharts-tooltip-title {\n background: rgba(0, 0, 0, 0.7);\n border-bottom: 1px solid #222;\n}\n\n.apexcharts-tooltip-text-value,\n.apexcharts-tooltip-text-z-value {\n display: inline-block;\n font-weight: 600;\n margin-left: 5px;\n}\n\n.apexcharts-tooltip-text-z-label:empty,\n.apexcharts-tooltip-text-z-value:empty {\n display: none;\n}\n\n.apexcharts-tooltip-text-value, \n.apexcharts-tooltip-text-z-value {\n font-weight: 600;\n}\n\n.apexcharts-tooltip-marker {\n width: 12px;\n height: 12px;\n position: relative;\n top: 0px;\n margin-right: 10px;\n border-radius: 50%;\n}\n\n.apexcharts-tooltip-series-group {\n padding: 0 10px;\n display: none;\n text-align: left;\n justify-content: left;\n align-items: center;\n}\n\n.apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {\n opacity: 1;\n}\n.apexcharts-tooltip-series-group.active, .apexcharts-tooltip-series-group:last-child {\n padding-bottom: 4px;\n}\n.apexcharts-tooltip-y-group {\n padding: 6px 0 5px;\n}\n.apexcharts-tooltip-candlestick {\n padding: 4px 8px;\n}\n.apexcharts-tooltip-candlestick > div {\n margin: 4px 0;\n}\n.apexcharts-tooltip-candlestick span.value {\n font-weight: bold;\n}\n\n.apexcharts-xaxistooltip {\n opacity: 0;\n padding: 9px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {\n\tleft: 50%;\n\tborder: solid transparent;\n\tcontent: \" \";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n\n.apexcharts-xaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-left: -6px;\n}\n.apexcharts-xaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-left: -7px;\n}\n\n.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {\n bottom: 100%;\n}\n\n.apexcharts-xaxistooltip-bottom:after {\n border-bottom-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-bottom:before {\n border-bottom-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {\n top: 100%;\n}\n.apexcharts-xaxistooltip-top:after {\n border-top-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-top:before {\n border-top-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-yaxistooltip {\n opacity: 0;\n padding: 4px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n}\n\n.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {\n\ttop: 50%;\n\tborder: solid transparent;\n\tcontent: \" \";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.apexcharts-yaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-top: -6px;\n}\n.apexcharts-yaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-top: -7px;\n}\n\n.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {\n left: 100%;\n}\n.apexcharts-yaxistooltip-left:after {\n border-left-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-left:before {\n border-left-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {\n right: 100%;\n}\n.apexcharts-yaxistooltip-right:after {\n border-right-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-right:before {\n border-right-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip.active {\n opacity: 1;\n}\n\n.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {\n pointer-events: none;\n opacity: 0;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xcrosshairs.active, .apexcharts-ycrosshairs.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-ycrosshairs-hidden {\n opacity: 0;\n}\n\n.apexcharts-zoom-rect {\n pointer-events: none;\n}\n.apexcharts-selection-rect {\n cursor: move;\n}\n\n.svg_select_points, .svg_select_points_rot {\n opacity: 0;\n visibility: hidden;\n}\n.svg_select_points_l, .svg_select_points_r {\n cursor: ew-resize;\n opacity: 1;\n visibility: visible;\n fill: #888;\n}\n.apexcharts-canvas.zoomable .hovering-zoom {\n cursor: crosshair\n}\n.apexcharts-canvas.zoomable .hovering-pan {\n cursor: move\n}\n\n.apexcharts-xaxis,\n.apexcharts-yaxis {\n pointer-events: none;\n}\n\n.apexcharts-zoom-icon, \n.apexcharts-zoom-in-icon,\n.apexcharts-zoom-out-icon,\n.apexcharts-reset-zoom-icon, \n.apexcharts-pan-icon, \n.apexcharts-selection-icon,\n.apexcharts-menu-icon, \n.apexcharts-toolbar-custom-icon {\n cursor: pointer;\n width: 20px;\n height: 20px;\n line-height: 24px;\n color: #6E8192;\n text-align: center;\n}\n\n.apexcharts-zoom-icon svg, \n.apexcharts-zoom-in-icon svg,\n.apexcharts-zoom-out-icon svg,\n.apexcharts-reset-zoom-icon svg,\n.apexcharts-menu-icon svg {\n fill: #6E8192;\n}\n.apexcharts-selection-icon svg {\n fill: #444;\n transform: scale(0.76)\n}\n.apexcharts-zoom-icon.selected svg, \n.apexcharts-selection-icon.selected svg, \n.apexcharts-reset-zoom-icon.selected svg {\n fill: #008FFB;\n}\n.apexcharts-selection-icon:not(.selected):hover svg,\n.apexcharts-zoom-icon:not(.selected):hover svg, \n.apexcharts-zoom-in-icon:hover svg, \n.apexcharts-zoom-out-icon:hover svg, \n.apexcharts-reset-zoom-icon:hover svg, \n.apexcharts-menu-icon:hover svg {\n fill: #333;\n}\n\n.apexcharts-selection-icon, .apexcharts-menu-icon {\n position: relative;\n}\n.apexcharts-reset-zoom-icon {\n margin-left: 5px;\n}\n.apexcharts-zoom-icon, .apexcharts-reset-zoom-icon, .apexcharts-menu-icon {\n transform: scale(0.85);\n}\n\n.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {\n transform: scale(0.7)\n}\n\n.apexcharts-zoom-out-icon {\n margin-right: 3px;\n}\n\n.apexcharts-pan-icon {\n transform: scale(0.62);\n position: relative;\n left: 1px;\n top: 0px;\n}\n.apexcharts-pan-icon svg {\n fill: #fff;\n stroke: #6E8192;\n stroke-width: 2;\n}\n.apexcharts-pan-icon.selected svg {\n stroke: #008FFB;\n}\n.apexcharts-pan-icon:not(.selected):hover svg {\n stroke: #333;\n}\n\n.apexcharts-toolbar {\n position: absolute;\n z-index: 11;\n top: 0px;\n right: 3px;\n max-width: 176px;\n text-align: right;\n border-radius: 3px;\n padding: 0px 6px 2px 6px;\n display: flex;\n justify-content: space-between;\n align-items: center; \n}\n\n.apexcharts-toolbar svg {\n pointer-events: none;\n}\n\n.apexcharts-menu {\n background: #fff;\n position: absolute;\n top: 100%;\n border: 1px solid #ddd;\n border-radius: 3px;\n padding: 3px;\n right: 10px;\n opacity: 0;\n min-width: 110px;\n transition: 0.15s ease all;\n pointer-events: none;\n}\n\n.apexcharts-menu.open {\n opacity: 1;\n pointer-events: all;\n transition: 0.15s ease all;\n}\n\n.apexcharts-menu-item {\n padding: 6px 7px;\n font-size: 12px;\n cursor: pointer;\n}\n.apexcharts-menu-item:hover {\n background: #eee;\n}\n\n@media screen and (min-width: 768px) {\n .apexcharts-toolbar {\n /*opacity: 0;*/\n }\n\n .apexcharts-canvas:hover .apexcharts-toolbar {\n opacity: 1;\n } \n}\n\n.apexcharts-datalabel.hidden {\n opacity: 0;\n}\n\n.apexcharts-pie-label,\n.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {\n cursor: default;\n pointer-events: none;\n}\n\n.apexcharts-pie-label-delay {\n opacity: 0;\n animation-name: opaque;\n animation-duration: 0.3s;\n animation-fill-mode: forwards;\n animation-timing-function: ease;\n}\n\n.apexcharts-canvas .hidden {\n opacity: 0;\n}\n\n.apexcharts-hide .apexcharts-series-points {\n opacity: 0;\n}\n\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {\n pointer-events: none;\n}\n\n/* markers */\n\n.apexcharts-marker {\n transition: 0.15s ease all;\n}\n\n@keyframes opaque {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}";
+styleInject(css);
+
+/*
+ * classList.js: Cross-browser full element.classList implementation.
+ * 1.2.20171210
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: Dedicated to the public domain.
+ * See https://github.com/eligrey/classList.js/blob/master/LICENSE.md
+ */
+
+/*global self, document, DOMException */
+
+/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
+if ("document" in self) {
+ // Full polyfill for browsers with no classList support
+ // Including IE < Edge missing SVGElement.classList
+ if (!("classList" in document.createElement("_")) || document.createElementNS && !("classList" in document.createElementNS("http://www.w3.org/2000/svg", "g"))) {
+ (function (view) {
+
+ if (!('Element' in view)) return;
+
+ var classListProp = "classList",
+ protoProp = "prototype",
+ elemCtrProto = view.Element[protoProp],
+ objCtr = Object,
+ strTrim = String[protoProp].trim || function () {
+ return this.replace(/^\s+|\s+$/g, "");
+ },
+ arrIndexOf = Array[protoProp].indexOf || function (item) {
+ var i = 0,
+ len = this.length;
+
+ for (; i < len; i++) {
+ if (i in this && this[i] === item) {
+ return i;
+ }
+ }
+
+ return -1;
+ } // Vendors: please allow content code to instantiate DOMExceptions
+ ,
+ DOMEx = function DOMEx(type, message) {
+ this.name = type;
+ this.code = DOMException[type];
+ this.message = message;
+ },
+ checkTokenAndGetIndex = function checkTokenAndGetIndex(classList, token) {
+ if (token === "") {
+ throw new DOMEx("SYNTAX_ERR", "The token must not be empty.");
+ }
+
+ if (/\s/.test(token)) {
+ throw new DOMEx("INVALID_CHARACTER_ERR", "The token must not contain space characters.");
+ }
+
+ return arrIndexOf.call(classList, token);
+ },
+ ClassList = function ClassList(elem) {
+ var trimmedClasses = strTrim.call(elem.getAttribute("class") || ""),
+ classes = trimmedClasses ? trimmedClasses.split(/\s+/) : [],
+ i = 0,
+ len = classes.length;
+
+ for (; i < len; i++) {
+ this.push(classes[i]);
+ }
+
+ this._updateClassName = function () {
+ elem.setAttribute("class", this.toString());
+ };
+ },
+ classListProto = ClassList[protoProp] = [],
+ classListGetter = function classListGetter() {
+ return new ClassList(this);
+ }; // Most DOMException implementations don't allow calling DOMException's toString()
+ // on non-DOMExceptions. Error's toString() is sufficient here.
+
+
+ DOMEx[protoProp] = Error[protoProp];
+
+ classListProto.item = function (i) {
+ return this[i] || null;
+ };
+
+ classListProto.contains = function (token) {
+ return ~checkTokenAndGetIndex(this, token + "");
+ };
+
+ classListProto.add = function () {
+ var tokens = arguments,
+ i = 0,
+ l = tokens.length,
+ token,
+ updated = false;
+
+ do {
+ token = tokens[i] + "";
+
+ if (!~checkTokenAndGetIndex(this, token)) {
+ this.push(token);
+ updated = true;
+ }
+ } while (++i < l);
+
+ if (updated) {
+ this._updateClassName();
+ }
+ };
+
+ classListProto.remove = function () {
+ var tokens = arguments,
+ i = 0,
+ l = tokens.length,
+ token,
+ updated = false,
+ index;
+
+ do {
+ token = tokens[i] + "";
+ index = checkTokenAndGetIndex(this, token);
+
+ while (~index) {
+ this.splice(index, 1);
+ updated = true;
+ index = checkTokenAndGetIndex(this, token);
+ }
+ } while (++i < l);
+
+ if (updated) {
+ this._updateClassName();
+ }
+ };
+
+ classListProto.toggle = function (token, force) {
+ var result = this.contains(token),
+ method = result ? force !== true && "remove" : force !== false && "add";
+
+ if (method) {
+ this[method](token);
+ }
+
+ if (force === true || force === false) {
+ return force;
+ } else {
+ return !result;
+ }
+ };
+
+ classListProto.replace = function (token, replacement_token) {
+ var index = checkTokenAndGetIndex(token + "");
+
+ if (~index) {
+ this.splice(index, 1, replacement_token);
+
+ this._updateClassName();
+ }
+ };
+
+ classListProto.toString = function () {
+ return this.join(" ");
+ };
+
+ if (objCtr.defineProperty) {
+ var classListPropDesc = {
+ get: classListGetter,
+ enumerable: true,
+ configurable: true
+ };
+
+ try {
+ objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+ } catch (ex) {
+ // IE 8 doesn't support enumerable:true
+ // adding undefined to fight this issue https://github.com/eligrey/classList.js/issues/36
+ // modernie IE8-MSW7 machine has IE8 8.0.6001.18702 and is affected
+ if (ex.number === undefined || ex.number === -0x7FF5EC54) {
+ classListPropDesc.enumerable = false;
+ objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+ }
+ }
+ } else if (objCtr[protoProp].__defineGetter__) {
+ elemCtrProto.__defineGetter__(classListProp, classListGetter);
+ }
+ })(self);
+ } // There is full or partial native classList support, so just check if we need
+ // to normalize the add/remove and toggle APIs.
+
+
+ (function () {
+
+ var testElement = document.createElement("_");
+ testElement.classList.add("c1", "c2"); // Polyfill for IE 10/11 and Firefox <26, where classList.add and
+ // classList.remove exist but support only one argument at a time.
+
+ if (!testElement.classList.contains("c2")) {
+ var createMethod = function createMethod(method) {
+ var original = DOMTokenList.prototype[method];
+
+ DOMTokenList.prototype[method] = function (token) {
+ var i,
+ len = arguments.length;
+
+ for (i = 0; i < len; i++) {
+ token = arguments[i];
+ original.call(this, token);
+ }
+ };
+ };
+
+ createMethod('add');
+ createMethod('remove');
+ }
+
+ testElement.classList.toggle("c3", false); // Polyfill for IE 10 and Firefox <24, where classList.toggle does not
+ // support the second argument.
+
+ if (testElement.classList.contains("c3")) {
+ var _toggle = DOMTokenList.prototype.toggle;
+
+ DOMTokenList.prototype.toggle = function (token, force) {
+ if (1 in arguments && !this.contains(token) === !force) {
+ return force;
+ } else {
+ return _toggle.call(this, token);
+ }
+ };
+ } // replace() polyfill
+
+
+ if (!("replace" in document.createElement("_").classList)) {
+ DOMTokenList.prototype.replace = function (token, replacement_token) {
+ var tokens = this.toString().split(" "),
+ index = tokens.indexOf(token + "");
+
+ if (~index) {
+ tokens = tokens.slice(index);
+ this.remove.apply(this, tokens);
+ this.add(replacement_token);
+ this.add.apply(this, tokens.slice(1));
+ }
+ };
+ }
+
+ testElement = null;
+ })();
+}
+
+/**
+* Detect Element Resize
+*
+* https://github.com/sdecima/javascript-detect-element-resize
+* Sebastian Decima
+*
+* version: 0.5.3
+**/
+(function () {
+ var stylesCreated = false;
+
+ function resetTriggers(element) {
+ var triggers = element.__resizeTriggers__,
+ expand = triggers.firstElementChild,
+ contract = triggers.lastElementChild,
+ expandChild = expand.firstElementChild;
+ contract.scrollLeft = contract.scrollWidth;
+ contract.scrollTop = contract.scrollHeight;
+ expandChild.style.width = expand.offsetWidth + 1 + 'px';
+ expandChild.style.height = expand.offsetHeight + 1 + 'px';
+ expand.scrollLeft = expand.scrollWidth;
+ expand.scrollTop = expand.scrollHeight;
+ }
+
+ function checkTriggers(element) {
+ return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
+ }
+
+ function scrollListener(e) {
+ var element = this;
+ resetTriggers(this);
+ if (this.__resizeRAF__) cancelFrame(this.__resizeRAF__);
+ this.__resizeRAF__ = requestFrame(function () {
+ if (checkTriggers(element)) {
+ element.__resizeLast__.width = element.offsetWidth;
+ element.__resizeLast__.height = element.offsetHeight;
+
+ element.__resizeListeners__.forEach(function (fn) {
+ fn.call(e);
+ });
+ }
+ });
+ }
+
+ function createStyles() {
+ if (!stylesCreated) {
+ // opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
+ var css = (animationKeyframes || '') + '.resize-triggers { ' + (animationStyle || '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
+ head = document.head || document.getElementsByTagName('head')[0],
+ style = document.createElement('style');
+ style.type = 'text/css';
+
+ if (style.styleSheet) {
+ style.styleSheet.cssText = css;
+ } else {
+ style.appendChild(document.createTextNode(css));
+ }
+
+ head.appendChild(style);
+ stylesCreated = true;
+ }
+ }
+
+ var requestFrame = function () {
+ var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
+ return window.setTimeout(fn, 20);
+ };
+
+ return function (fn) {
+ return raf(fn);
+ };
+ }();
+
+ var cancelFrame = function () {
+ var cancel = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout;
+ return function (id) {
+ return cancel(id);
+ };
+ }();
+ /* Detect CSS Animations support to detect element display/re-attach */
+
+
+ var animation = false,
+ keyframeprefix = '',
+ animationstartevent = 'animationstart',
+ domPrefixes = 'Webkit Moz O ms'.split(' '),
+ startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
+ pfx = '';
+ {
+ var elm = document.createElement('fakeelement');
+
+ if (elm.style.animationName !== undefined) {
+ animation = true;
+ }
+
+ if (animation === false) {
+ for (var i = 0; i < domPrefixes.length; i++) {
+ if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
+ pfx = domPrefixes[i];
+ keyframeprefix = '-' + pfx.toLowerCase() + '-';
+ animationstartevent = startEvents[i];
+ break;
+ }
+ }
+ }
+ }
+ var animationName = 'resizeanim';
+ var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
+ var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
+
+ window.addResizeListener = function (element, fn) {
+ if (!element.__resizeTriggers__) {
+ if (getComputedStyle(element).position == 'static') element.style.position = 'relative';
+ createStyles();
+ element.__resizeLast__ = {};
+ element.__resizeListeners__ = [];
+ (element.__resizeTriggers__ = document.createElement('div')).className = 'resize-triggers';
+ element.__resizeTriggers__.innerHTML = '<div class="expand-trigger"><div></div></div>' + '<div class="contract-trigger"></div>';
+ element.appendChild(element.__resizeTriggers__);
+ resetTriggers(element);
+ element.addEventListener('scroll', scrollListener, true);
+ /* Listen for a css animation to detect element display/re-attach */
+
+ animationstartevent && element.__resizeTriggers__.addEventListener(animationstartevent, function (e) {
+ if (e.animationName == animationName) {
+ resetTriggers(element);
+ }
+ });
+ }
+
+ element.__resizeListeners__.push(fn);
+ };
+
+ window.removeResizeListener = function (element, fn) {
+ if (element) {
+ element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+
+ if (!element.__resizeListeners__.length) {
+ element.removeEventListener('scroll', scrollListener);
+ element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
+ }
+ }
+ };
+})();
+
+window.Apex = {};
+/**
+ *
+ * @module ApexCharts
+ **/
+
+var ApexCharts$1 =
+/*#__PURE__*/
+function () {
+ function ApexCharts(el, opts) {
+ _classCallCheck(this, ApexCharts);
+
+ this.opts = opts;
+ this.ctx = this; // Pass the user supplied options to the Base Class where these options will be extended with defaults. The returned object from Base Class will become the config object in the entire codebase.
+
+ this.w = new Base(opts).init();
+ this.el = el;
+ this.w.globals.cuid = (Math.random() + 1).toString(36).substring(4);
+ this.w.globals.chartID = this.w.config.chart.id ? this.w.config.chart.id : this.w.globals.cuid;
+ this.initModules();
+ this.create = Utils.bind(this.create, this);
+ this.windowResizeHandler = this.windowResize.bind(this);
+ }
+ /**
+ * The primary method user will call to render the chart.
+ */
+
+
+ _createClass(ApexCharts, [{
+ key: "render",
+ value: function render() {
+ var _this = this;
+
+ // main method
+ return new Promise$1(function (resolve, reject) {
+ // only draw chart, if element found
+ if (_this.el !== null) {
+ if (typeof Apex._chartInstances === 'undefined') {
+ Apex._chartInstances = [];
+ }
+
+ if (_this.w.config.chart.id) {
+ Apex._chartInstances.push({
+ id: _this.w.globals.chartID,
+ group: _this.w.config.chart.group,
+ chart: _this
+ });
+ } // set the locale here
+
+
+ _this.setLocale(_this.w.config.chart.defaultLocale);
+
+ var beforeMount = _this.w.config.chart.events.beforeMount;
+
+ if (typeof beforeMount === 'function') {
+ beforeMount(_this, _this.w);
+ }
+
+ _this.fireEvent('beforeMount', [_this, _this.w]);
+
+ window.addEventListener('resize', _this.windowResizeHandler);
+ window.addResizeListener(_this.el.parentNode, _this.parentResizeCallback.bind(_this));
+
+ var graphData = _this.create(_this.w.config.series, {});
+
+ if (!graphData) return resolve(_this);
+
+ _this.mount(graphData).then(function () {
+ resolve(graphData);
+
+ if (typeof _this.w.config.chart.events.mounted === 'function') {
+ _this.w.config.chart.events.mounted(_this, _this.w);
+ }
+
+ _this.fireEvent('mounted', [_this, _this.w]);
+ }).catch(function (e) {
+ reject(e); // handle error in case no data or element not found
+ });
+ } else {
+ reject(new Error('Element not found'));
+ }
+ });
+ }
+ }, {
+ key: "initModules",
+ value: function initModules() {
+ this.animations = new Animations(this.ctx);
+ this.annotations = new Annotations(this.ctx);
+ this.core = new Core(this.el, this);
+ this.grid = new Grid(this);
+ this.coreUtils = new CoreUtils(this);
+ this.config = new Config({});
+ this.crosshairs = new Crosshairs(this.ctx);
+ this.options = new Options();
+ this.responsive = new Responsive(this.ctx);
+ this.series = new Series(this.ctx);
+ this.theme = new Theme(this.ctx);
+ this.formatters = new Formatters(this.ctx);
+ this.titleSubtitle = new TitleSubtitle(this.ctx);
+ this.legend = new Legend(this.ctx);
+ this.toolbar = new Toolbar(this.ctx);
+ this.dimensions = new Dimensions(this.ctx);
+ this.zoomPanSelection = new ZoomPanSelection(this.ctx);
+ this.w.globals.tooltip = new Tooltip(this.ctx);
+ }
+ }, {
+ key: "addEventListener",
+ value: function addEventListener(name$$1, handler) {
+ var w = this.w;
+
+ if (w.globals.events.hasOwnProperty(name$$1)) {
+ w.globals.events[name$$1].push(handler);
+ } else {
+ w.globals.events[name$$1] = [handler];
+ }
+ }
+ }, {
+ key: "removeEventListener",
+ value: function removeEventListener(name$$1, handler) {
+ var w = this.w;
+
+ if (!w.globals.events.hasOwnProperty(name$$1)) {
+ return;
+ }
+
+ var index = w.globals.events[name$$1].indexOf(handler);
+
+ if (index !== -1) {
+ w.globals.events[name$$1].splice(index, 1);
+ }
+ }
+ }, {
+ key: "fireEvent",
+ value: function fireEvent(name$$1, args) {
+ var w = this.w;
+
+ if (!w.globals.events.hasOwnProperty(name$$1)) {
+ return;
+ }
+
+ if (!args || !args.length) {
+ args = [];
+ }
+
+ var evs = w.globals.events[name$$1];
+ var l = evs.length;
+
+ for (var i = 0; i < l; i++) {
+ evs[i].apply(null, args);
+ }
+ }
+ }, {
+ key: "create",
+ value: function create(ser, opts) {
+ var w = this.w;
+ this.initModules();
+ var gl = this.w.globals;
+ gl.noData = false;
+ gl.animationEnded = false;
+ this.responsive.checkResponsiveConfig(opts);
+
+ if (this.el === null) {
+ gl.animationEnded = true;
+ return null;
+ }
+
+ this.core.setupElements();
+
+ if (gl.svgWidth === 0) {
+ // if the element is hidden, skip drawing
+ gl.animationEnded = true;
+ return null;
+ }
+
+ var combo = CoreUtils.checkComboSeries(ser);
+ gl.comboCharts = combo.comboCharts;
+ gl.comboChartsHasBars = combo.comboChartsHasBars;
+
+ if (ser.length === 0 || ser.length === 1 && ser[0].data && ser[0].data.length === 0) {
+ this.series.handleNoData();
+ }
+
+ this.setupEventHandlers();
+ this.core.parseData(ser); // this is a good time to set theme colors first
+
+ this.theme.init(); // labelFormatters should be called before dimensions as in dimensions we need text labels width
+ // as markers accepts array, we need to setup global markers for easier access
+
+ var markers = new Markers(this);
+ markers.setGlobalMarkerSize();
+ this.formatters.setLabelFormatters();
+ this.titleSubtitle.draw(); // legend is calculated here before coreCalculations because it affects the plottable area
+
+ this.legend.init(); // check whether in multiple series, all series share the same X
+
+ this.series.hasAllSeriesEqualX(); // coreCalculations will give the min/max range and yaxis/axis values. It should be called here to set series variable from config to globals
+
+ if (gl.axisCharts) {
+ this.core.coreCalculations();
+
+ if (w.config.xaxis.type !== 'category') {
+ // as we have minX and maxX values, determine the default DateTimeFormat for time series
+ this.formatters.setLabelFormatters();
+ }
+ } // we need to generate yaxis for heatmap separately as we are not showing numerics there, but seriesNames. There are some tweaks which are required for heatmap to align labels correctly which are done in below function
+ // Also we need to do this before calcuting Dimentions plotCoords() method of Dimensions
+
+
+ this.formatters.heatmapLabelFormatters(); // We got plottable area here, next task would be to calculate axis areas
+
+ this.dimensions.plotCoords();
+ var xyRatios = this.core.xySettings();
+ this.grid.createGridMask();
+ var elGraph = this.core.plotChartType(ser, xyRatios); // after all the drawing calculations, shift the graphical area (actual charts/bars) excluding legends
+
+ this.core.shiftGraphPosition();
+ var dim = {
+ plot: {
+ left: w.globals.translateX,
+ top: w.globals.translateY,
+ width: w.globals.gridWidth,
+ height: w.globals.gridHeight
+ }
+ };
+ return {
+ elGraph: elGraph,
+ xyRatios: xyRatios,
+ elInner: w.globals.dom.elGraphical,
+ dimensions: dim
+ };
+ }
+ }, {
+ key: "mount",
+ value: function mount() {
+ var graphData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var me = this;
+ var w = me.w;
+ return new Promise$1(function (resolve, reject) {
+ // no data to display
+ if (me.el === null) {
+ return reject(new Error('Not enough data to display or target element not found'));
+ } else if (graphData === null || w.globals.allSeriesCollapsed) {
+ me.series.handleNoData();
+ }
+
+ me.core.drawAxis(w.config.chart.type, graphData.xyRatios);
+ me.grid = new Grid(me);
+
+ if (w.config.grid.position === 'back') {
+ me.grid.drawGrid();
+ }
+
+ if (w.config.annotations.position === 'back') {
+ me.annotations.drawAnnotations();
+ }
+
+ if (graphData.elGraph instanceof Array) {
+ for (var g = 0; g < graphData.elGraph.length; g++) {
+ w.globals.dom.elGraphical.add(graphData.elGraph[g]);
+ }
+ } else {
+ w.globals.dom.elGraphical.add(graphData.elGraph);
+ }
+
+ if (w.config.grid.position === 'front') {
+ me.grid.drawGrid();
+ }
+
+ if (w.config.xaxis.crosshairs.position === 'front') {
+ me.crosshairs.drawXCrosshairs();
+ }
+
+ if (w.config.yaxis[0].crosshairs.position === 'front') {
+ me.crosshairs.drawYCrosshairs();
+ }
+
+ if (w.config.annotations.position === 'front') {
+ me.annotations.drawAnnotations();
+ }
+
+ if (!w.globals.noData) {
+ // draw tooltips at the end
+ if (w.config.tooltip.enabled && !w.globals.noData) {
+ me.w.globals.tooltip.drawTooltip(graphData.xyRatios);
+ }
+
+ if (w.globals.axisCharts && w.globals.isXNumeric) {
+ if (w.config.chart.zoom.enabled || w.config.chart.selection && w.config.chart.selection.enabled || w.config.chart.pan && w.config.chart.pan.enabled) {
+ me.zoomPanSelection.init({
+ xyRatios: graphData.xyRatios
+ });
+ }
+ } else {
+ var tools = w.config.chart.toolbar.tools;
+ tools.zoom = false;
+ tools.zoomin = false;
+ tools.zoomout = false;
+ tools.selection = false;
+ tools.pan = false;
+ tools.reset = false;
+ }
+
+ if (w.config.chart.toolbar.show && !w.globals.allSeriesCollapsed) {
+ me.toolbar.createToolbar();
+ }
+ }
+
+ if (w.globals.memory.methodsToExec.length > 0) {
+ w.globals.memory.methodsToExec.forEach(function (fn) {
+ fn.method(fn.params, false, fn.context);
+ });
+ }
+
+ resolve(me);
+ });
+ }
+ }, {
+ key: "clearPreviousPaths",
+ value: function clearPreviousPaths() {
+ var w = this.w;
+ w.globals.previousPaths = [];
+ w.globals.allSeriesCollapsed = false;
+ w.globals.collapsedSeries = [];
+ w.globals.collapsedSeriesIndices = [];
+ }
+ /**
+ * Allows users to update Options after the chart has rendered.
+ *
+ * @param {object} options - A new config object can be passed which will be merged with the existing config object
+ * @param {boolean} redraw - should redraw from beginning or should use existing paths and redraw from there
+ * @param {boolean} animate - should animate or not on updating Options
+ */
+
+ }, {
+ key: "updateOptions",
+ value: function updateOptions(options$$1) {
+ var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ var animate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var overwriteInitialConfig = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+ var w = this.w;
+
+ if (options$$1.series) {
+ if (options$$1.series[0].data) {
+ options$$1.series = options$$1.series.map(function (s, i) {
+ return _objectSpread({}, w.config.series[i], {
+ name: s.name ? s.name : w.config.series[i].name,
+ type: s.type,
+ data: s.data
+ });
+ });
+ } // user updated the series via updateOptions() function.
+ // Hence, we need to reset axis min/max to avoid zooming issues
+
+
+ this.revertDefaultAxisMinMax();
+ } // user has set x-axis min/max externally - hence we need to forcefully set the xaxis min/max
+
+
+ if (options$$1.xaxis) {
+ if (options$$1.xaxis.min || options$$1.xaxis.max) {
+ this.forceXAxisUpdate(options$$1);
+ }
+ /* fixes apexcharts.js#369 and react-apexcharts#46 */
+
+
+ if (options$$1.xaxis.categories && options$$1.xaxis.categories.length && w.config.xaxis.convertedCatToNumeric) {
+ options$$1 = Defaults.convertCatToNumeric(options$$1);
+ }
+ }
+
+ if (w.globals.collapsedSeriesIndices.length > 0) {
+ this.clearPreviousPaths();
+ }
+
+ return this._updateOptions(options$$1, redraw, animate, overwriteInitialConfig);
+ }
+ /**
+ * private method to update Options.
+ *
+ * @param {object} options - A new config object can be passed which will be merged with the existing config object
+ * @param {boolean} redraw - should redraw from beginning or should use existing paths and redraw from there
+ * @param {boolean} animate - should animate or not on updating Options
+ * @param {boolean} overwriteInitialConfig - should update the initial config or not
+ */
+
+ }, {
+ key: "_updateOptions",
+ value: function _updateOptions(options$$1) {
+ var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ var animate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var overwriteInitialConfig = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+ var charts = this.getSyncedCharts();
+ charts.forEach(function (ch) {
+ var w = ch.w;
+ w.globals.shouldAnimate = animate;
+
+ if (!redraw) {
+ w.globals.resized = true;
+ w.globals.dataChanged = true;
+
+ if (animate) {
+ ch.series.getPreviousPaths();
+ }
+ }
+
+ if (options$$1 && _typeof(options$$1) === 'object') {
+ ch.config = new Config(options$$1);
+ options$$1 = CoreUtils.extendArrayProps(ch.config, options$$1);
+ w.config = Utils.extend(w.config, options$$1);
+
+ if (overwriteInitialConfig) {
+ // we need to forget the lastXAxis and lastYAxis is user forcefully overwriteInitialConfig. If we do not do this, and next time when user zooms the chart after setting yaxis.min/max or xaxis.min/max - the stored lastXAxis will never allow the chart to use the updated min/max by user.
+ w.globals.lastXAxis = [];
+ w.globals.lastYAxis = []; // After forgetting lastAxes, we need to restore the new config in initialConfig/initialSeries
+
+ w.globals.initialConfig = Utils.extend({}, w.config);
+ w.globals.initialSeries = JSON.parse(JSON.stringify(w.config.series));
+ }
+ }
+
+ return ch.update(options$$1);
+ });
+ }
+ /**
+ * Allows users to update Series after the chart has rendered.
+ *
+ * @param {array} series - New series which will override the existing
+ */
+
+ }, {
+ key: "updateSeries",
+ value: function updateSeries() {
+ var newSeries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+ var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ this.revertDefaultAxisMinMax();
+ return this._updateSeries(newSeries, animate, overwriteInitialSeries);
+ }
+ /**
+ * Allows users to append a new series after the chart has rendered.
+ *
+ * @param {array} newSerie - New serie which will be appended to the existing series
+ */
+
+ }, {
+ key: "appendSeries",
+ value: function appendSeries(newSerie) {
+ var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var newSeries = this.w.config.series.slice();
+ newSeries.push(newSerie);
+ this.revertDefaultAxisMinMax();
+ return this._updateSeries(newSeries, animate);
+ }
+ /**
+ * Private method to update Series.
+ *
+ * @param {array} series - New series which will override the existing
+ */
+
+ }, {
+ key: "_updateSeries",
+ value: function _updateSeries(newSeries, animate) {
+ var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+ var w = this.w;
+ this.w.globals.shouldAnimate = animate;
+ w.globals.dataChanged = true; // if user has collapsed some series with legend, we need to clear those
+
+ if (w.globals.allSeriesCollapsed) {
+ w.globals.allSeriesCollapsed = false;
+ }
+
+ if (animate) {
+ this.series.getPreviousPaths();
+ }
+
+ var existingSeries; // axis charts
+
+ if (newSeries[0].data) {
+ existingSeries = newSeries.map(function (s, i) {
+ return _objectSpread({}, w.config.series[i], {
+ name: s.name ? s.name : w.config.series[i].name,
+ type: s.type,
+ data: s.data
+ });
+ });
+ w.config.series = existingSeries;
+ } else {
+ // non-axis chart (pie/radialbar)
+ w.config.series = newSeries.slice();
+ }
+
+ if (overwriteInitialSeries) {
+ w.globals.initialConfig.series = JSON.parse(JSON.stringify(w.config.series));
+ w.globals.initialSeries = JSON.parse(JSON.stringify(w.config.series));
+ }
+
+ return this.update();
+ }
+ /**
+ * Get all charts in the same "group" (including the instance which is called upon) to sync them when user zooms in/out or pan.
+ */
+
+ }, {
+ key: "getSyncedCharts",
+ value: function getSyncedCharts() {
+ var chartGroups = this.getGroupedCharts();
+ var allCharts = [this];
+
+ if (chartGroups.length) {
+ allCharts = [];
+ chartGroups.forEach(function (ch) {
+ allCharts.push(ch);
+ });
+ }
+
+ return allCharts;
+ }
+ /**
+ * Get charts in the same "group" (excluding the instance which is called upon) to perform operations on the other charts of the same group (eg., tooltip hovering)
+ */
+
+ }, {
+ key: "getGroupedCharts",
+ value: function getGroupedCharts() {
+ var _this2 = this;
+
+ return Apex._chartInstances.filter(function (ch) {
+ if (ch.group) {
+ return true;
+ }
+ }).map(function (ch) {
+ return _this2.w.config.chart.group === ch.group ? ch.chart : _this2;
+ });
+ }
+ /**
+ * Allows users to append Data to series.
+ *
+ * @param {array} newData - New data in the same format as series
+ */
+
+ }, {
+ key: "appendData",
+ value: function appendData(newData) {
+ var overwriteInitialSeries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var me = this;
+ me.w.globals.dataChanged = true;
+ me.series.getPreviousPaths();
+ var newSeries = me.w.config.series.slice();
+
+ for (var i = 0; i < newSeries.length; i++) {
+ if (typeof newData[i] !== 'undefined') {
+ for (var j = 0; j < newData[i].data.length; j++) {
+ newSeries[i].data.push(newData[i].data[j]);
+ }
+ }
+ }
+
+ me.w.config.series = newSeries;
+
+ if (overwriteInitialSeries) {
+ me.w.globals.initialSeries = JSON.parse(JSON.stringify(me.w.config.series));
+ }
+
+ return this.update();
+ }
+ }, {
+ key: "update",
+ value: function update(options$$1) {
+ var _this3 = this;
+
+ return new Promise$1(function (resolve, reject) {
+ _this3.clear();
+
+ var graphData = _this3.create(_this3.w.config.series, options$$1);
+
+ if (!graphData) return resolve(_this3);
+
+ _this3.mount(graphData).then(function () {
+ if (typeof _this3.w.config.chart.events.updated === 'function') {
+ _this3.w.config.chart.events.updated(_this3, _this3.w);
+ }
+
+ _this3.fireEvent('updated', [_this3, _this3.w]);
+
+ _this3.w.globals.isDirty = true;
+ resolve(_this3);
+ }).catch(function (e) {
+ reject(e);
+ });
+ });
+ }
+ }, {
+ key: "forceXAxisUpdate",
+ value: function forceXAxisUpdate(options$$1) {
+ var w = this.w;
+
+ if (typeof options$$1.xaxis.min !== 'undefined') {
+ w.config.xaxis.min = options$$1.xaxis.min;
+ w.globals.lastXAxis.min = options$$1.xaxis.min;
+ }
+
+ if (typeof options$$1.xaxis.max !== 'undefined') {
+ w.config.xaxis.max = options$$1.xaxis.max;
+ w.globals.lastXAxis.max = options$$1.xaxis.max;
+ }
+ }
+ /**
+ * This function reverts the yaxis and xaxis min/max values to what it was when the chart was defined.
+ * This function fixes an important bug where a user might load a new series after zooming in/out of previous series which resulted in wrong min/max
+ * Also, this should never be called internally on zoom/pan - the reset should only happen when user calls the updateSeries() function externally
+ */
+
+ }, {
+ key: "revertDefaultAxisMinMax",
+ value: function revertDefaultAxisMinMax() {
+ var w = this.w;
+ w.config.xaxis.min = w.globals.lastXAxis.min;
+ w.config.xaxis.max = w.globals.lastXAxis.max;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (w.globals.zoomed) {
+ // if user has zoomed, and this function is called
+ // then we need to get the lastAxis min and max
+ if (typeof w.globals.lastYAxis[index] !== 'undefined') {
+ yaxe.min = w.globals.lastYAxis[index].min;
+ yaxe.max = w.globals.lastYAxis[index].max;
+ }
+ }
+ });
+ }
+ }, {
+ key: "clear",
+ value: function clear() {
+ if (this.zoomPanSelection) {
+ this.zoomPanSelection.destroy();
+ }
+
+ if (this.toolbar) {
+ this.toolbar.destroy();
+ }
+
+ this.animations = null;
+ this.annotations = null;
+ this.core = null;
+ this.grid = null;
+ this.series = null;
+ this.responsive = null;
+ this.theme = null;
+ this.formatters = null;
+ this.titleSubtitle = null;
+ this.legend = null;
+ this.dimensions = null;
+ this.options = null;
+ this.crosshairs = null;
+ this.zoomPanSelection = null;
+ this.toolbar = null;
+ this.w.globals.tooltip = null;
+ this.clearDomElements();
+ }
+ }, {
+ key: "killSVG",
+ value: function killSVG(draw) {
+ return new Promise$1(function (resolve, reject) {
+ draw.each(function (i, children) {
+ this.removeClass('*');
+ this.off();
+ this.stop();
+ }, true);
+ draw.ungroup();
+ draw.clear();
+ resolve('done');
+ });
+ }
+ }, {
+ key: "clearDomElements",
+ value: function clearDomElements() {
+ var domEls = this.w.globals.dom;
+
+ if (this.el !== null) {
+ // remove all child elements - resetting the whole chart
+ while (this.el.firstChild) {
+ this.el.removeChild(this.el.firstChild);
+ }
+ }
+
+ this.killSVG(domEls.Paper);
+ domEls.Paper.remove();
+ domEls.elWrap = null;
+ domEls.elGraphical = null;
+ domEls.elLegendWrap = null;
+ domEls.baseEl = null;
+ domEls.elGridRect = null;
+ domEls.elGridRectMask = null;
+ domEls.elGridRectMarkerMask = null;
+ domEls.elDefs = null;
+ }
+ /**
+ * Destroy the chart instance by removing all elements which also clean up event listeners on those elements.
+ */
+
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ this.clear(); // remove the chart's instance from the global Apex._chartInstances
+
+ var chartID = this.w.config.chart.id;
+
+ if (chartID) {
+ Apex._chartInstances.forEach(function (c, i) {
+ if (c.id === chartID) {
+ Apex._chartInstances.splice(i, 1);
+ }
+ });
+ }
+
+ window.removeEventListener('resize', this.windowResizeHandler);
+ window.removeResizeListener(this.el.parentNode, this.parentResizeCallback.bind(this));
+ }
+ /**
+ * Allows the user to provide data attrs in the element and the chart will render automatically when this method is called by searching for the elements containing 'data-apexcharts' attribute
+ */
+
+ }, {
+ key: "toggleSeries",
+ value: function toggleSeries(seriesName) {
+ var targetElement = this.series.getSeriesByName(seriesName);
+ var seriesCnt = parseInt(targetElement.getAttribute('data:realIndex'));
+ var isHidden = targetElement.classList.contains('apexcharts-series-collapsed');
+ this.legend.toggleDataSeries(seriesCnt, isHidden);
+ }
+ }, {
+ key: "resetToggleSeries",
+ value: function resetToggleSeries() {
+ this.legend.resetToggleDataSeries();
+ }
+ }, {
+ key: "setupEventHandlers",
+ value: function setupEventHandlers() {
+ var w = this.w;
+ var me = this;
+ var clickableArea = w.globals.dom.baseEl.querySelector(w.globals.chartClass);
+ var eventList = ['mousedown', 'mousemove', 'touchstart', 'touchmove', 'mouseup', 'touchend'];
+ eventList.forEach(function (event) {
+ clickableArea.addEventListener(event, function (e) {
+ if (e.type === 'mousedown' && e.which === 1) ; else if (e.type === 'mouseup' && e.which === 1 || e.type === 'touchend') {
+ if (typeof w.config.chart.events.click === 'function') {
+ w.config.chart.events.click(e, me, w);
+ }
+
+ me.fireEvent('click', [e, me, w]);
+ }
+ }, {
+ capture: false,
+ passive: true
+ });
+ });
+ this.core.setupBrushHandler();
+ }
+ }, {
+ key: "addXaxisAnnotation",
+ value: function addXaxisAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addXaxisAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "addYaxisAnnotation",
+ value: function addYaxisAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addYaxisAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "addPointAnnotation",
+ value: function addPointAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addPointAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "clearAnnotations",
+ value: function clearAnnotations() {
+ var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.clearAnnotations(me);
+ } // This method is never used internally and will be only called externally on the chart instance.
+ // Hence, we need to keep all these elements in memory when the chart gets updated and redraw again
+
+ }, {
+ key: "addText",
+ value: function addText(options$$1) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addText(options$$1, pushToMemory, me);
+ }
+ }, {
+ key: "getChartArea",
+ value: function getChartArea() {
+ var el = this.w.globals.dom.baseEl.querySelector('.apexcharts-inner');
+ return el;
+ }
+ }, {
+ key: "getSeriesTotalXRange",
+ value: function getSeriesTotalXRange(minX, maxX) {
+ return this.coreUtils.getSeriesTotalsXRange(minX, maxX);
+ }
+ }, {
+ key: "getHighestValueInSeries",
+ value: function getHighestValueInSeries() {
+ var seriesIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var range = new Range$1(this.ctx);
+ var minYmaxY = range.getMinYMaxY(seriesIndex);
+ return minYmaxY.highestY;
+ }
+ }, {
+ key: "getLowestValueInSeries",
+ value: function getLowestValueInSeries() {
+ var seriesIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var range = new Range$1(this.ctx);
+ var minYmaxY = range.getMinYMaxY(seriesIndex);
+ return minYmaxY.lowestY;
+ }
+ }, {
+ key: "getSeriesTotal",
+ value: function getSeriesTotal() {
+ return this.w.globals.seriesTotals;
+ }
+ }, {
+ key: "setLocale",
+ value: function setLocale(localeName) {
+ this.setCurrentLocaleValues(localeName);
+ }
+ }, {
+ key: "setCurrentLocaleValues",
+ value: function setCurrentLocaleValues(localeName) {
+ var locales = this.w.config.chart.locales; // check if user has specified locales in global Apex variable
+ // if yes - then extend those with local chart's locale
+
+ if (window.Apex.chart && window.Apex.chart.locales && window.Apex.chart.locales.length > 0) {
+ locales = this.w.config.chart.locales.concat(window.Apex.chart.locales);
+ } // find the locale from the array of locales which user has set (either by chart.defaultLocale or by calling setLocale() method.)
+
+
+ var selectedLocale = locales.filter(function (c) {
+ return c.name === localeName;
+ })[0];
+
+ if (selectedLocale) {
+ // create a complete locale object by extending defaults so you don't get undefined errors.
+ var ret = Utils.extend(en, selectedLocale); // store these locale options in global var for ease access
+
+ this.w.globals.locale = ret.options;
+ } else {
+ throw new Error('Wrong locale name provided. Please make sure you set the correct locale name in options');
+ }
+ }
+ }, {
+ key: "svgUrl",
+ value: function svgUrl() {
+ var exp = new Exports(this.ctx);
+ return exp.svgUrl();
+ }
+ }, {
+ key: "dataURI",
+ value: function dataURI() {
+ var exp = new Exports(this.ctx);
+ return exp.dataURI();
+ }
+ }, {
+ key: "paper",
+ value: function paper() {
+ return this.w.globals.dom.Paper;
+ }
+ }, {
+ key: "parentResizeCallback",
+ value: function parentResizeCallback() {
+ if (this.w.globals.animationEnded) {
+ this.windowResize();
+ }
+ }
+ /**
+ * Handle window resize and re-draw the whole chart.
+ */
+
+ }, {
+ key: "windowResize",
+ value: function windowResize() {
+ var _this4 = this;
+
+ clearTimeout(this.w.globals.resizeTimer);
+ this.w.globals.resizeTimer = window.setTimeout(function () {
+ _this4.w.globals.resized = true;
+ _this4.w.globals.dataChanged = false; // we need to redraw the whole chart on window resize (with a small delay).
+
+ _this4.update();
+ }, 150);
+ }
+ }], [{
+ key: "initOnLoad",
+ value: function initOnLoad() {
+ var els = document.querySelectorAll('[data-apexcharts]');
+
+ for (var i = 0; i < els.length; i++) {
+ var el = els[i];
+ var options$$1 = JSON.parse(els[i].getAttribute('data-options'));
+ var apexChart = new ApexCharts(el, options$$1);
+ apexChart.render();
+ }
+ }
+ /**
+ * This static method allows users to call chart methods without necessarily from the
+ * instance of the chart in case user has assigned chartID to the targetted chart.
+ * The chartID is used for mapping the instance stored in Apex._chartInstances global variable
+ *
+ * This is helpful in cases when you don't have reference of the chart instance
+ * easily and need to call the method from anywhere.
+ * For eg, in React/Vue applications when you have many parent/child components,
+ * and need easy reference to other charts for performing dynamic operations
+ *
+ * @param {string} chartID - The unique identifier which will be used to call methods
+ * on that chart instance
+ * @param {function} fn - The method name to call
+ * @param {object} opts - The parameters which are accepted in the original method will be passed here in the same order.
+ */
+
+ }, {
+ key: "exec",
+ value: function exec(chartID, fn) {
+ var chart = this.getChartByID(chartID);
+ if (!chart) return;
+
+ for (var _len = arguments.length, opts = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ opts[_key - 2] = arguments[_key];
+ }
+
+ switch (fn) {
+ case 'updateOptions':
+ {
+ return chart.updateOptions.apply(chart, opts);
+ }
+
+ case 'updateSeries':
+ {
+ return chart.updateSeries.apply(chart, opts);
+ }
+
+ case 'appendData':
+ {
+ return chart.appendData.apply(chart, opts);
+ }
+
+ case 'addXaxisAnnotation':
+ {
+ return chart.addXaxisAnnotation.apply(chart, opts);
+ }
+
+ case 'addYaxisAnnotation':
+ {
+ return chart.addYaxisAnnotation.apply(chart, opts);
+ }
+
+ case 'addPointAnnotation':
+ {
+ return chart.addPointAnnotation.apply(chart, opts);
+ }
+
+ case 'clearAnnotations':
+ {
+ return chart.clearAnnotations.apply(chart, opts);
+ }
+
+ case 'destroy':
+ {
+ return chart.destroy();
+ }
+ }
+ }
+ }, {
+ key: "merge",
+ value: function merge(target, source) {
+ return Utils.extend(target, source);
+ }
+ }, {
+ key: "getChartByID",
+ value: function getChartByID(chartID) {
+ var c = Apex._chartInstances.filter(function (ch) {
+ return ch.id === chartID;
+ })[0];
+
+ return c.chart;
+ }
+ }]);
+
+ return ApexCharts;
+}();
+
+module.exports = ApexCharts$1;
diff --git a/public/ThirdParty/apexcharts-bundle/dist/apexcharts.css b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.css
new file mode 100644
index 0000000000000000000000000000000000000000..597840b48e9612ac9e659b19504deb5b5b87c12c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.css
@@ -0,0 +1,483 @@
+.apexcharts-canvas {
+ position: relative;
+ user-select: none;
+ /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */
+}
+
+/* scrollbar is not visible by default for legend, hence forcing the visibility */
+.apexcharts-canvas ::-webkit-scrollbar {
+ -webkit-appearance: none;
+ width: 6px;
+}
+.apexcharts-canvas ::-webkit-scrollbar-thumb {
+ border-radius: 4px;
+ background-color: rgba(0,0,0,.5);
+ box-shadow: 0 0 1px rgba(255,255,255,.5);
+ -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
+}
+
+.apexcharts-inner {
+ position: relative;
+}
+
+.legend-mouseover-inactive {
+ transition: 0.15s ease all;
+ opacity: 0.20;
+}
+
+.apexcharts-series-collapsed {
+ opacity: 0;
+}
+
+.apexcharts-gridline, .apexcharts-text {
+ pointer-events: none;
+}
+
+.apexcharts-tooltip {
+ border-radius: 5px;
+ box-shadow: 2px 2px 6px -4px #999;
+ cursor: default;
+ font-size: 14px;
+ left: 62px;
+ opacity: 0;
+ pointer-events: none;
+ position: absolute;
+ top: 20px;
+ overflow: hidden;
+ white-space: nowrap;
+ z-index: 12;
+ transition: 0.15s ease all;
+}
+.apexcharts-tooltip.light {
+ border: 1px solid #e3e3e3;
+ background: rgba(255, 255, 255, 0.96);
+}
+.apexcharts-tooltip.dark {
+ color: #fff;
+ background: rgba(30,30,30, 0.8);
+}
+.apexcharts-tooltip * {
+ font-family: inherit;
+}
+
+.apexcharts-tooltip .apexcharts-marker,
+.apexcharts-area-series .apexcharts-area,
+.apexcharts-line {
+ pointer-events: none;
+}
+
+.apexcharts-tooltip.active {
+ opacity: 1;
+ transition: 0.15s ease all;
+}
+
+.apexcharts-tooltip-title {
+ padding: 6px;
+ font-size: 15px;
+ margin-bottom: 4px;
+}
+.apexcharts-tooltip.light .apexcharts-tooltip-title {
+ background: #ECEFF1;
+ border-bottom: 1px solid #ddd;
+}
+.apexcharts-tooltip.dark .apexcharts-tooltip-title {
+ background: rgba(0, 0, 0, 0.7);
+ border-bottom: 1px solid #222;
+}
+
+.apexcharts-tooltip-text-value,
+.apexcharts-tooltip-text-z-value {
+ display: inline-block;
+ font-weight: 600;
+ margin-left: 5px;
+}
+
+.apexcharts-tooltip-text-z-label:empty,
+.apexcharts-tooltip-text-z-value:empty {
+ display: none;
+}
+
+.apexcharts-tooltip-text-value,
+.apexcharts-tooltip-text-z-value {
+ font-weight: 600;
+}
+
+.apexcharts-tooltip-marker {
+ width: 12px;
+ height: 12px;
+ position: relative;
+ top: 0px;
+ margin-right: 10px;
+ border-radius: 50%;
+}
+
+.apexcharts-tooltip-series-group {
+ padding: 0 10px;
+ display: none;
+ text-align: left;
+ justify-content: left;
+ align-items: center;
+}
+
+.apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {
+ opacity: 1;
+}
+.apexcharts-tooltip-series-group.active, .apexcharts-tooltip-series-group:last-child {
+ padding-bottom: 4px;
+}
+.apexcharts-tooltip-y-group {
+ padding: 6px 0 5px;
+}
+.apexcharts-tooltip-candlestick {
+ padding: 4px 8px;
+}
+.apexcharts-tooltip-candlestick > div {
+ margin: 4px 0;
+}
+.apexcharts-tooltip-candlestick span.value {
+ font-weight: bold;
+}
+
+.apexcharts-xaxistooltip {
+ opacity: 0;
+ padding: 9px 10px;
+ pointer-events: none;
+ color: #373d3f;
+ font-size: 13px;
+ text-align: center;
+ border-radius: 2px;
+ position: absolute;
+ z-index: 10;
+ background: #ECEFF1;
+ border: 1px solid #90A4AE;
+ transition: 0.15s ease all;
+}
+
+.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
+ left: 50%;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+.apexcharts-xaxistooltip:after {
+ border-color: rgba(236, 239, 241, 0);
+ border-width: 6px;
+ margin-left: -6px;
+}
+.apexcharts-xaxistooltip:before {
+ border-color: rgba(144, 164, 174, 0);
+ border-width: 7px;
+ margin-left: -7px;
+}
+
+.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
+ bottom: 100%;
+}
+
+.apexcharts-xaxistooltip-bottom:after {
+ border-bottom-color: #ECEFF1;
+}
+.apexcharts-xaxistooltip-bottom:before {
+ border-bottom-color: #90A4AE;
+}
+
+.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
+ top: 100%;
+}
+.apexcharts-xaxistooltip-top:after {
+ border-top-color: #ECEFF1;
+}
+.apexcharts-xaxistooltip-top:before {
+ border-top-color: #90A4AE;
+}
+
+.apexcharts-xaxistooltip.active {
+ opacity: 1;
+ transition: 0.15s ease all;
+}
+
+.apexcharts-yaxistooltip {
+ opacity: 0;
+ padding: 4px 10px;
+ pointer-events: none;
+ color: #373d3f;
+ font-size: 13px;
+ text-align: center;
+ border-radius: 2px;
+ position: absolute;
+ z-index: 10;
+ background: #ECEFF1;
+ border: 1px solid #90A4AE;
+}
+
+.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {
+ top: 50%;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+.apexcharts-yaxistooltip:after {
+ border-color: rgba(236, 239, 241, 0);
+ border-width: 6px;
+ margin-top: -6px;
+}
+.apexcharts-yaxistooltip:before {
+ border-color: rgba(144, 164, 174, 0);
+ border-width: 7px;
+ margin-top: -7px;
+}
+
+.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {
+ left: 100%;
+}
+.apexcharts-yaxistooltip-left:after {
+ border-left-color: #ECEFF1;
+}
+.apexcharts-yaxistooltip-left:before {
+ border-left-color: #90A4AE;
+}
+
+.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {
+ right: 100%;
+}
+.apexcharts-yaxistooltip-right:after {
+ border-right-color: #ECEFF1;
+}
+.apexcharts-yaxistooltip-right:before {
+ border-right-color: #90A4AE;
+}
+
+.apexcharts-yaxistooltip.active {
+ opacity: 1;
+}
+
+.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {
+ pointer-events: none;
+ opacity: 0;
+ transition: 0.15s ease all;
+}
+
+.apexcharts-xcrosshairs.active, .apexcharts-ycrosshairs.active {
+ opacity: 1;
+ transition: 0.15s ease all;
+}
+
+.apexcharts-ycrosshairs-hidden {
+ opacity: 0;
+}
+
+.apexcharts-zoom-rect {
+ pointer-events: none;
+}
+.apexcharts-selection-rect {
+ cursor: move;
+}
+
+.svg_select_points, .svg_select_points_rot {
+ opacity: 0;
+ visibility: hidden;
+}
+.svg_select_points_l, .svg_select_points_r {
+ cursor: ew-resize;
+ opacity: 1;
+ visibility: visible;
+ fill: #888;
+}
+.apexcharts-canvas.zoomable .hovering-zoom {
+ cursor: crosshair
+}
+.apexcharts-canvas.zoomable .hovering-pan {
+ cursor: move
+}
+
+.apexcharts-xaxis,
+.apexcharts-yaxis {
+ pointer-events: none;
+}
+
+.apexcharts-zoom-icon,
+.apexcharts-zoom-in-icon,
+.apexcharts-zoom-out-icon,
+.apexcharts-reset-zoom-icon,
+.apexcharts-pan-icon,
+.apexcharts-selection-icon,
+.apexcharts-menu-icon,
+.apexcharts-toolbar-custom-icon {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ line-height: 24px;
+ color: #6E8192;
+ text-align: center;
+}
+
+.apexcharts-zoom-icon svg,
+.apexcharts-zoom-in-icon svg,
+.apexcharts-zoom-out-icon svg,
+.apexcharts-reset-zoom-icon svg,
+.apexcharts-menu-icon svg {
+ fill: #6E8192;
+}
+.apexcharts-selection-icon svg {
+ fill: #444;
+ transform: scale(0.76)
+}
+.apexcharts-zoom-icon.selected svg,
+.apexcharts-selection-icon.selected svg,
+.apexcharts-reset-zoom-icon.selected svg {
+ fill: #008FFB;
+}
+.apexcharts-selection-icon:not(.selected):hover svg,
+.apexcharts-zoom-icon:not(.selected):hover svg,
+.apexcharts-zoom-in-icon:hover svg,
+.apexcharts-zoom-out-icon:hover svg,
+.apexcharts-reset-zoom-icon:hover svg,
+.apexcharts-menu-icon:hover svg {
+ fill: #333;
+}
+
+.apexcharts-selection-icon, .apexcharts-menu-icon {
+ position: relative;
+}
+.apexcharts-reset-zoom-icon {
+ margin-left: 5px;
+}
+.apexcharts-zoom-icon, .apexcharts-reset-zoom-icon, .apexcharts-menu-icon {
+ transform: scale(0.85);
+}
+
+.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {
+ transform: scale(0.7)
+}
+
+.apexcharts-zoom-out-icon {
+ margin-right: 3px;
+}
+
+.apexcharts-pan-icon {
+ transform: scale(0.62);
+ position: relative;
+ left: 1px;
+ top: 0px;
+}
+.apexcharts-pan-icon svg {
+ fill: #fff;
+ stroke: #6E8192;
+ stroke-width: 2;
+}
+.apexcharts-pan-icon.selected svg {
+ stroke: #008FFB;
+}
+.apexcharts-pan-icon:not(.selected):hover svg {
+ stroke: #333;
+}
+
+.apexcharts-toolbar {
+ position: absolute;
+ z-index: 11;
+ top: 0px;
+ right: 3px;
+ max-width: 176px;
+ text-align: right;
+ border-radius: 3px;
+ padding: 0px 6px 2px 6px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.apexcharts-toolbar svg {
+ pointer-events: none;
+}
+
+.apexcharts-menu {
+ background: #fff;
+ position: absolute;
+ top: 100%;
+ border: 1px solid #ddd;
+ border-radius: 3px;
+ padding: 3px;
+ right: 10px;
+ opacity: 0;
+ min-width: 110px;
+ transition: 0.15s ease all;
+ pointer-events: none;
+}
+
+.apexcharts-menu.open {
+ opacity: 1;
+ pointer-events: all;
+ transition: 0.15s ease all;
+}
+
+.apexcharts-menu-item {
+ padding: 6px 7px;
+ font-size: 12px;
+ cursor: pointer;
+}
+.apexcharts-menu-item:hover {
+ background: #eee;
+}
+
+@media screen and (min-width: 768px) {
+ .apexcharts-toolbar {
+ /*opacity: 0;*/
+ }
+
+ .apexcharts-canvas:hover .apexcharts-toolbar {
+ opacity: 1;
+ }
+}
+
+.apexcharts-datalabel.hidden {
+ opacity: 0;
+}
+
+.apexcharts-pie-label,
+.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {
+ cursor: default;
+ pointer-events: none;
+}
+
+.apexcharts-pie-label-delay {
+ opacity: 0;
+ animation-name: opaque;
+ animation-duration: 0.3s;
+ animation-fill-mode: forwards;
+ animation-timing-function: ease;
+}
+
+.apexcharts-canvas .hidden {
+ opacity: 0;
+}
+
+.apexcharts-hide .apexcharts-series-points {
+ opacity: 0;
+}
+
+.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
+.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {
+ pointer-events: none;
+}
+
+/* markers */
+
+.apexcharts-marker {
+ transition: 0.15s ease all;
+}
+
+@keyframes opaque {
+ 0% {
+ opacity: 0;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/dist/apexcharts.esm.js b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.esm.js
new file mode 100644
index 0000000000000000000000000000000000000000..64990f0e825e7ee40fb3f584668383a3bf80ba5a
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.esm.js
@@ -0,0 +1,27541 @@
+/*!
+ * ApexCharts v3.6.2
+ * (c) 2018-2019 Juned Chhipa
+ * Released under the MIT License.
+ */
+function _typeof(obj) {
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+ _typeof = function (obj) {
+ return typeof obj;
+ };
+ } else {
+ _typeof = function (obj) {
+ return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+ };
+ }
+
+ return _typeof(obj);
+}
+
+function _classCallCheck(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+}
+
+function _defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) _defineProperties(Constructor, staticProps);
+ return Constructor;
+}
+
+function _defineProperty(obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
+
+ return obj;
+}
+
+function _objectSpread(target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i] != null ? arguments[i] : {};
+ var ownKeys = Object.keys(source);
+
+ if (typeof Object.getOwnPropertySymbols === 'function') {
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+ }));
+ }
+
+ ownKeys.forEach(function (key) {
+ _defineProperty(target, key, source[key]);
+ });
+ }
+
+ return target;
+}
+
+function _inherits(subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function");
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+ return o.__proto__ || Object.getPrototypeOf(o);
+ };
+ return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+ _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+ o.__proto__ = p;
+ return o;
+ };
+
+ return _setPrototypeOf(o, p);
+}
+
+function _assertThisInitialized(self) {
+ if (self === void 0) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+ if (call && (typeof call === "object" || typeof call === "function")) {
+ return call;
+ }
+
+ return _assertThisInitialized(self);
+}
+
+function _toConsumableArray(arr) {
+ return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+}
+
+function _arrayWithoutHoles(arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ }
+}
+
+function _iterableToArray(iter) {
+ if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+}
+
+function _nonIterableSpread() {
+ throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
+
+/*
+ ** Generic functions which are not dependent on ApexCharts
+ */
+var Utils =
+/*#__PURE__*/
+function () {
+ function Utils() {
+ _classCallCheck(this, Utils);
+ }
+
+ _createClass(Utils, [{
+ key: "shadeRGBColor",
+ value: function shadeRGBColor(percent, color) {
+ var f = color.split(','),
+ t = percent < 0 ? 0 : 255,
+ p = percent < 0 ? percent * -1 : percent,
+ R = parseInt(f[0].slice(4)),
+ G = parseInt(f[1]),
+ B = parseInt(f[2]);
+ return 'rgb(' + (Math.round((t - R) * p) + R) + ',' + (Math.round((t - G) * p) + G) + ',' + (Math.round((t - B) * p) + B) + ')';
+ }
+ }, {
+ key: "shadeHexColor",
+ value: function shadeHexColor(percent, color) {
+ var f = parseInt(color.slice(1), 16),
+ t = percent < 0 ? 0 : 255,
+ p = percent < 0 ? percent * -1 : percent,
+ R = f >> 16,
+ G = f >> 8 & 0x00ff,
+ B = f & 0x0000ff;
+ return '#' + (0x1000000 + (Math.round((t - R) * p) + R) * 0x10000 + (Math.round((t - G) * p) + G) * 0x100 + (Math.round((t - B) * p) + B)).toString(16).slice(1);
+ } // beautiful color shading blending code
+ // http://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
+
+ }, {
+ key: "shadeColor",
+ value: function shadeColor(p, color) {
+ if (color.length > 7) return this.shadeRGBColor(p, color);else return this.shadeHexColor(p, color);
+ }
+ }], [{
+ key: "bind",
+ value: function bind(fn, me) {
+ return function () {
+ return fn.apply(me, arguments);
+ };
+ }
+ }, {
+ key: "isObject",
+ value: function isObject(item) {
+ return item && _typeof(item) === 'object' && !Array.isArray(item) && item != null;
+ } // to extend defaults with user options
+ // credit: http://stackoverflow.com/questions/27936772/deep-object-merging-in-es6-es7#answer-34749873
+
+ }, {
+ key: "extend",
+ value: function extend(target, source) {
+ var _this = this;
+
+ if (typeof Object.assign !== 'function') {
+
+ (function () {
+ Object.assign = function (target) {
+
+ if (target === undefined || target === null) {
+ throw new TypeError('Cannot convert undefined or null to object');
+ }
+
+ var output = Object(target);
+
+ for (var index = 1; index < arguments.length; index++) {
+ var _source = arguments[index];
+
+ if (_source !== undefined && _source !== null) {
+ for (var nextKey in _source) {
+ if (_source.hasOwnProperty(nextKey)) {
+ output[nextKey] = _source[nextKey];
+ }
+ }
+ }
+ }
+
+ return output;
+ };
+ })();
+ }
+
+ var output = Object.assign({}, target);
+
+ if (this.isObject(target) && this.isObject(source)) {
+ Object.keys(source).forEach(function (key) {
+ if (_this.isObject(source[key])) {
+ if (!(key in target)) {
+ Object.assign(output, _defineProperty({}, key, source[key]));
+ } else {
+ output[key] = _this.extend(target[key], source[key]);
+ }
+ } else {
+ Object.assign(output, _defineProperty({}, key, source[key]));
+ }
+ });
+ }
+
+ return output;
+ }
+ }, {
+ key: "extendArray",
+ value: function extendArray(arrToExtend, resultArr) {
+ var extendedArr = [];
+ arrToExtend.map(function (item) {
+ extendedArr.push(Utils.extend(resultArr, item));
+ });
+ arrToExtend = extendedArr;
+ return arrToExtend;
+ } // If month counter exceeds 12, it starts again from 1
+
+ }, {
+ key: "monthMod",
+ value: function monthMod(month) {
+ return month % 12;
+ }
+ }, {
+ key: "addProps",
+ value: function addProps(obj, arr, val) {
+ if (typeof arr === 'string') {
+ arr = arr.split('.');
+ }
+
+ obj[arr[0]] = obj[arr[0]] || {};
+ var tmpObj = obj[arr[0]];
+
+ if (arr.length > 1) {
+ arr.shift();
+ this.addProps(tmpObj, arr, val);
+ } else {
+ obj[arr[0]] = val;
+ }
+
+ return obj;
+ }
+ }, {
+ key: "clone",
+ value: function clone(source) {
+ if (Object.prototype.toString.call(source) === '[object Array]') {
+ var cloneResult = [];
+
+ for (var i = 0; i < source.length; i++) {
+ cloneResult[i] = this.clone(source[i]);
+ }
+
+ return cloneResult;
+ } else if (_typeof(source) === 'object') {
+ var _cloneResult = {};
+
+ for (var prop in source) {
+ if (source.hasOwnProperty(prop)) {
+ _cloneResult[prop] = this.clone(source[prop]);
+ }
+ }
+
+ return _cloneResult;
+ } else {
+ return source;
+ }
+ }
+ }, {
+ key: "log10",
+ value: function log10(x) {
+ return Math.log(x) / Math.LN10;
+ }
+ }, {
+ key: "roundToBase10",
+ value: function roundToBase10(x) {
+ return Math.pow(10, Math.floor(Math.log10(x)));
+ }
+ }, {
+ key: "roundToBase",
+ value: function roundToBase(x, base) {
+ return Math.pow(base, Math.floor(Math.log(x) / Math.log(base)));
+ }
+ }, {
+ key: "parseNumber",
+ value: function parseNumber(val) {
+ if (val === null) return val;
+ return parseFloat(val);
+ }
+ }, {
+ key: "getDimensions",
+ value: function getDimensions(el) {
+ var computedStyle = getComputedStyle(el);
+ var ret = [];
+ var elementHeight = el.clientHeight;
+ var elementWidth = el.clientWidth;
+ elementHeight -= parseFloat(computedStyle.paddingTop) + parseFloat(computedStyle.paddingBottom);
+ elementWidth -= parseFloat(computedStyle.paddingLeft) + parseFloat(computedStyle.paddingRight);
+ ret.push(elementWidth);
+ ret.push(elementHeight);
+ return ret;
+ }
+ }, {
+ key: "getBoundingClientRect",
+ value: function getBoundingClientRect(element) {
+ var rect = element.getBoundingClientRect();
+ return {
+ top: rect.top,
+ right: rect.right,
+ bottom: rect.bottom,
+ left: rect.left,
+ width: rect.width,
+ height: rect.height,
+ x: rect.x,
+ y: rect.y
+ };
+ } // http://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb#answer-12342275
+
+ }, {
+ key: "hexToRgba",
+ value: function hexToRgba() {
+ var hex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#999999';
+ var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+
+ if (hex.substring(0, 1) !== '#') {
+ hex = '#999999';
+ }
+
+ var h = hex.replace('#', '');
+ h = h.match(new RegExp('(.{' + h.length / 3 + '})', 'g'));
+
+ for (var i = 0; i < h.length; i++) {
+ h[i] = parseInt(h[i].length === 1 ? h[i] + h[i] : h[i], 16);
+ }
+
+ if (typeof opacity !== 'undefined') h.push(opacity);
+ return 'rgba(' + h.join(',') + ')';
+ }
+ }, {
+ key: "getOpacityFromRGBA",
+ value: function getOpacityFromRGBA(rgba) {
+ rgba = rgba.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
+ return rgba[3];
+ }
+ }, {
+ key: "rgb2hex",
+ value: function rgb2hex(rgb) {
+ rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
+ return rgb && rgb.length === 4 ? '#' + ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[3], 10).toString(16)).slice(-2) : '';
+ }
+ }, {
+ key: "isColorHex",
+ value: function isColorHex(color) {
+ return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
+ }
+ }, {
+ key: "polarToCartesian",
+ value: function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
+ var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
+ return {
+ x: centerX + radius * Math.cos(angleInRadians),
+ y: centerY + radius * Math.sin(angleInRadians)
+ };
+ }
+ }, {
+ key: "escapeString",
+ value: function escapeString(str) {
+ var escapeWith = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'x';
+ var newStr = str.toString().slice();
+ newStr = newStr.replace(/[` ~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, escapeWith);
+ return newStr;
+ }
+ }, {
+ key: "negToZero",
+ value: function negToZero(val) {
+ return val < 0 ? 0 : val;
+ }
+ }, {
+ key: "moveIndexInArray",
+ value: function moveIndexInArray(arr, old_index, new_index) {
+ if (new_index >= arr.length) {
+ var k = new_index - arr.length + 1;
+
+ while (k--) {
+ arr.push(undefined);
+ }
+ }
+
+ arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);
+ return arr;
+ }
+ }, {
+ key: "extractNumber",
+ value: function extractNumber(s) {
+ return parseFloat(s.replace(/[^\d\.]*/g, ''));
+ }
+ }, {
+ key: "randomString",
+ value: function randomString(len) {
+ var text = '';
+ var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
+
+ for (var i = 0; i < len; i++) {
+ text += possible.charAt(Math.floor(Math.random() * possible.length));
+ }
+
+ return text;
+ }
+ }, {
+ key: "findAncestor",
+ value: function findAncestor(el, cls) {
+ while ((el = el.parentElement) && !el.classList.contains(cls)) {
+ }
+
+ return el;
+ }
+ }, {
+ key: "setELstyles",
+ value: function setELstyles(el, styles) {
+ for (var key in styles) {
+ if (styles.hasOwnProperty(key)) {
+ el.style.key = styles[key];
+ }
+ }
+ }
+ }, {
+ key: "isNumber",
+ value: function isNumber(value) {
+ return !isNaN(value) && parseFloat(Number(value)) === value && !isNaN(parseInt(value, 10));
+ }
+ }, {
+ key: "isFloat",
+ value: function isFloat(n) {
+ return Number(n) === n && n % 1 !== 0;
+ }
+ }, {
+ key: "isSafari",
+ value: function isSafari() {
+ return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+ }
+ }, {
+ key: "isFirefox",
+ value: function isFirefox() {
+ return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+ }
+ }, {
+ key: "isIE11",
+ value: function isIE11() {
+ if (window.navigator.userAgent.indexOf('MSIE') !== -1 || window.navigator.appVersion.indexOf('Trident/') > -1) {
+ return true;
+ }
+ }
+ }, {
+ key: "isIE",
+ value: function isIE() {
+ var ua = window.navigator.userAgent;
+ var msie = ua.indexOf('MSIE ');
+
+ if (msie > 0) {
+ // IE 10 or older => return version number
+ return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
+ }
+
+ var trident = ua.indexOf('Trident/');
+
+ if (trident > 0) {
+ // IE 11 => return version number
+ var rv = ua.indexOf('rv:');
+ return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
+ }
+
+ var edge = ua.indexOf('Edge/');
+
+ if (edge > 0) {
+ // Edge (IE 12+) => return version number
+ return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
+ } // other browser
+
+
+ return false;
+ }
+ }]);
+
+ return Utils;
+}();
+
+/**
+ * ApexCharts Filters Class for setting hover/active states on the paths.
+ *
+ * @module Formatters
+ **/
+
+var Filters =
+/*#__PURE__*/
+function () {
+ function Filters(ctx) {
+ _classCallCheck(this, Filters);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // create a re-usable filter which can be appended other filter effects and applied to multiple elements
+
+
+ _createClass(Filters, [{
+ key: "getDefaultFilter",
+ value: function getDefaultFilter(el) {
+ var w = this.w;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+
+ if (w.config.states.normal.filter !== 'none') {
+ this.applyFilter(el, w.config.states.normal.filter.type, w.config.states.normal.filter.value);
+ } else {
+ if (w.config.chart.dropShadow.enabled) {
+ this.dropShadow(el, w.config.chart.dropShadow);
+ }
+ }
+ }
+ }, {
+ key: "addNormalFilter",
+ value: function addNormalFilter(el) {
+ var w = this.w;
+
+ if (w.config.chart.dropShadow.enabled) {
+ this.dropShadow(el, w.config.chart.dropShadow);
+ }
+ }
+ }, {
+ key: "addDesaturateFilter",
+ value: function addDesaturateFilter(el) {
+ var _this = this;
+
+ var w = this.w;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.colorMatrix('matrix', [0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 1.0, 0]).colorMatrix('saturate', 0);
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addLightenFilter",
+ value: function addLightenFilter(el, attrs) {
+ var _this2 = this;
+
+ var w = this.w;
+ var intensity = attrs.intensity;
+
+ if (Utils.isFirefox()) {
+ return;
+ }
+
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this2.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.componentTransfer({
+ rgb: {
+ type: 'linear',
+ slope: 1.5,
+ intercept: intensity
+ }
+ });
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addDarkenFilter",
+ value: function addDarkenFilter(el, attrs) {
+ var _this3 = this;
+
+ var w = this.w;
+ var intensity = attrs.intensity;
+
+ if (Utils.isFirefox()) {
+ return;
+ }
+
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this3.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.componentTransfer({
+ rgb: {
+ type: 'linear',
+ slope: intensity
+ }
+ });
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ }
+ }, {
+ key: "applyFilter",
+ value: function applyFilter(el, filter) {
+ var intensity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
+
+ switch (filter) {
+ case 'none':
+ {
+ this.addNormalFilter(el);
+ break;
+ }
+
+ case 'lighten':
+ {
+ this.addLightenFilter(el, {
+ intensity: intensity
+ });
+ break;
+ }
+
+ case 'darken':
+ {
+ this.addDarkenFilter(el, {
+ intensity: intensity
+ });
+ break;
+ }
+
+ case 'desaturate':
+ {
+ this.addDesaturateFilter(el);
+ break;
+ }
+
+ default:
+ // do nothing
+ break;
+ }
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addShadow",
+ value: function addShadow(add, attrs) {
+ var blur = attrs.blur,
+ top = attrs.top,
+ left = attrs.left,
+ color = attrs.color,
+ opacity = attrs.opacity;
+ var shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur).merge(add.source);
+ return add.blend(add.source, shadowBlur);
+ } // directly adds dropShadow to the element and returns the same element.
+ // the only way it is different from the addShadow() function is that addShadow is chainable to other filters, while this function discards all filters and add dropShadow
+
+ }, {
+ key: "dropShadow",
+ value: function dropShadow(el, attrs) {
+ var top = attrs.top,
+ left = attrs.left,
+ blur = attrs.blur,
+ color = attrs.color,
+ opacity = attrs.opacity,
+ noUserSpaceOnUse = attrs.noUserSpaceOnUse;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowBlur = null;
+
+ if (Utils.isSafari() || Utils.isFirefox() || Utils.isIE()) {
+ // safari/firefox has some alternative way to use this filter
+ shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur);
+ } else {
+ shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur).merge(add.source);
+ }
+
+ add.blend(add.source, shadowBlur);
+ });
+
+ if (!noUserSpaceOnUse) {
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ }
+
+ return el;
+ }
+ }, {
+ key: "setSelectionFilter",
+ value: function setSelectionFilter(el, realIndex, dataPointIndex) {
+ var w = this.w;
+
+ if (typeof w.globals.selectedDataPoints[realIndex] !== 'undefined') {
+ if (w.globals.selectedDataPoints[realIndex].indexOf(dataPointIndex) > -1) {
+ el.node.setAttribute('selected', true);
+ var activeFilter = w.config.states.active.filter;
+
+ if (activeFilter !== 'none') {
+ this.applyFilter(el, activeFilter.type, activeFilter.value);
+ }
+ }
+ }
+ }
+ }]);
+
+ return Filters;
+}();
+
+/**
+ * ApexCharts Animation Class.
+ *
+ * @module Animations
+ **/
+
+var Animations =
+/*#__PURE__*/
+function () {
+ function Animations(ctx) {
+ _classCallCheck(this, Animations);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.setEasingFunctions();
+ }
+
+ _createClass(Animations, [{
+ key: "setEasingFunctions",
+ value: function setEasingFunctions() {
+ var easing;
+ var userDefinedEasing = this.w.config.chart.animations.easing;
+
+ switch (userDefinedEasing) {
+ case 'linear':
+ {
+ easing = '-';
+ break;
+ }
+
+ case 'easein':
+ {
+ easing = '<';
+ break;
+ }
+
+ case 'easeout':
+ {
+ easing = '>';
+ break;
+ }
+
+ case 'easeinout':
+ {
+ easing = '<>';
+ break;
+ }
+
+ case 'swing':
+ {
+ easing = function easing(pos) {
+ var s = 1.70158;
+ return (pos -= 1) * pos * ((s + 1) * pos + s) + 1;
+ };
+
+ break;
+ }
+
+ case 'bounce':
+ {
+ easing = function easing(pos) {
+ if (pos < 1 / 2.75) {
+ return 7.5625 * pos * pos;
+ } else if (pos < 2 / 2.75) {
+ return 7.5625 * (pos -= 1.5 / 2.75) * pos + 0.75;
+ } else if (pos < 2.5 / 2.75) {
+ return 7.5625 * (pos -= 2.25 / 2.75) * pos + 0.9375;
+ } else {
+ return 7.5625 * (pos -= 2.625 / 2.75) * pos + 0.984375;
+ }
+ };
+
+ break;
+ }
+
+ case 'elastic':
+ {
+ easing = function easing(pos) {
+ if (pos === !!pos) return pos;
+ return Math.pow(2, -10 * pos) * Math.sin((pos - 0.075) * (2 * Math.PI) / 0.3) + 1;
+ };
+
+ break;
+ }
+
+ default:
+ {
+ easing = '<>';
+ }
+ }
+
+ this.w.globals.easing = easing;
+ }
+ }, {
+ key: "animateLine",
+ value: function animateLine(el, from, to, speed) {
+ el.attr(from).animate(speed).attr(to);
+ }
+ /*
+ ** Animate radius of a circle element
+ */
+
+ }, {
+ key: "animateCircleRadius",
+ value: function animateCircleRadius(el, from, to, speed, easing) {
+ if (!from) from = 0;
+ el.attr({
+ r: from
+ }).animate(speed, easing).attr({
+ r: to
+ });
+ }
+ /*
+ ** Animate radius and position of a circle element
+ */
+
+ }, {
+ key: "animateCircle",
+ value: function animateCircle(el, from, to, speed, easing) {
+ el.attr({
+ r: from.r,
+ cx: from.cx,
+ cy: from.cy
+ }).animate(speed, easing).attr({
+ r: to.r,
+ cx: to.cx,
+ cy: to.cy
+ });
+ }
+ /*
+ ** Animate rect properties
+ */
+
+ }, {
+ key: "animateRect",
+ value: function animateRect(el, from, to, speed, fn) {
+ el.attr(from).animate(speed).attr(to).afterAll(function () {
+ fn();
+ });
+ }
+ }, {
+ key: "animatePathsGradually",
+ value: function animatePathsGradually(params) {
+ var el = params.el,
+ j = params.j,
+ pathFrom = params.pathFrom,
+ pathTo = params.pathTo,
+ speed = params.speed,
+ delay = params.delay,
+ strokeWidth = params.strokeWidth;
+ var me = this;
+ var w = this.w;
+ var delayFactor = 0;
+
+ if (w.config.chart.animations.animateGradually.enabled) {
+ delayFactor = w.config.chart.animations.animateGradually.delay;
+ }
+
+ if (w.config.chart.animations.dynamicAnimation.enabled && w.globals.dataChanged) {
+ delayFactor = 0;
+ }
+
+ me.morphSVG(el, j, pathFrom, pathTo, speed, strokeWidth, delay * delayFactor);
+ }
+ }, {
+ key: "showDelayedElements",
+ value: function showDelayedElements() {
+ this.w.globals.delayedElements.forEach(function (d) {
+ var ele = d.el;
+ ele.classList.remove('hidden');
+ });
+ } // SVG.js animation for morphing one path to another
+
+ }, {
+ key: "morphSVG",
+ value: function morphSVG(el, j, pathFrom, pathTo, speed, strokeWidth, delay) {
+ var _this = this;
+
+ var w = this.w;
+
+ if (!pathFrom) {
+ pathFrom = el.attr('pathFrom');
+ }
+
+ if (!pathTo) {
+ pathTo = el.attr('pathTo');
+ }
+
+ if (!pathFrom || pathFrom.indexOf('undefined') > -1 || pathFrom.indexOf('NaN') > -1) {
+ pathFrom = "M 0 ".concat(w.globals.gridHeight);
+ speed = 1;
+ }
+
+ if (pathTo.indexOf('undefined') > -1 || pathTo.indexOf('NaN') > -1) {
+ pathTo = "M 0 ".concat(w.globals.gridHeight);
+ speed = 1;
+ }
+
+ if (!w.globals.shouldAnimate) {
+ speed = 1;
+ }
+
+ el.plot(pathFrom).animate(1, w.globals.easing, delay).plot(pathFrom).animate(speed, w.globals.easing, delay).plot(pathTo).afterAll(function () {
+ // a flag to indicate that the original mount function can return true now as animation finished here
+ if (Utils.isNumber(j)) {
+ if (j === w.globals.series[w.globals.maxValsInArrayIndex].length - 2 && w.globals.shouldAnimate) {
+ w.globals.animationEnded = true;
+ }
+ } else if (w.globals.shouldAnimate) {
+ w.globals.animationEnded = true;
+
+ if (typeof w.config.chart.events.animationEnd === 'function') {
+ w.config.chart.events.animationEnd(_this.ctx, w);
+ }
+ }
+
+ _this.showDelayedElements();
+ });
+ }
+ }]);
+
+ return Animations;
+}();
+
+/**
+ * ApexCharts Graphics Class for all drawing operations.
+ *
+ * @module Graphics
+ **/
+
+var Graphics =
+/*#__PURE__*/
+function () {
+ function Graphics(ctx) {
+ _classCallCheck(this, Graphics);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Graphics, [{
+ key: "drawLine",
+ value: function drawLine(x1, y1, x2, y2) {
+ var lineColor = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '#a8a8a8';
+ var dashArray = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+ var strokeWidth = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
+ var w = this.w;
+ var line = w.globals.dom.Paper.line().attr({
+ x1: x1,
+ y1: y1,
+ x2: x2,
+ y2: y2,
+ stroke: lineColor,
+ 'stroke-dasharray': dashArray,
+ 'stroke-width': strokeWidth
+ });
+ return line;
+ }
+ }, {
+ key: "drawRect",
+ value: function drawRect() {
+ var x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+ var x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+ var y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+ var radius = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+ var color = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '#fefefe';
+ var opacity = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 1;
+ var strokeWidth = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+ var strokeColor = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : null;
+ var strokeDashArray = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 0;
+ var w = this.w;
+ var rect = w.globals.dom.Paper.rect();
+ rect.attr({
+ x: x1,
+ y: y1,
+ width: x2 > 0 ? x2 : 0,
+ height: y2 > 0 ? y2 : 0,
+ rx: radius,
+ ry: radius,
+ fill: color,
+ opacity: opacity,
+ 'stroke-width': strokeWidth !== null ? strokeWidth : 0,
+ stroke: strokeColor !== null ? strokeColor : 'none',
+ 'stroke-dasharray': strokeDashArray
+ });
+ return rect;
+ }
+ }, {
+ key: "drawPolygon",
+ value: function drawPolygon(polygonString) {
+ var stroke = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#e1e1e1';
+ var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'none';
+ var w = this.w;
+ var polygon = w.globals.dom.Paper.polygon(polygonString).attr({
+ fill: fill,
+ stroke: stroke
+ });
+ return polygon;
+ }
+ }, {
+ key: "drawCircle",
+ value: function drawCircle(radius) {
+ var attrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var w = this.w;
+ var c = w.globals.dom.Paper.circle(radius * 2);
+
+ if (attrs !== null) {
+ c.attr(attrs);
+ }
+
+ return c;
+ }
+ }, {
+ key: "drawPath",
+ value: function drawPath(_ref) {
+ var _ref$d = _ref.d,
+ d = _ref$d === void 0 ? '' : _ref$d,
+ _ref$stroke = _ref.stroke,
+ stroke = _ref$stroke === void 0 ? '#a8a8a8' : _ref$stroke,
+ _ref$strokeWidth = _ref.strokeWidth,
+ strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth,
+ fill = _ref.fill,
+ _ref$fillOpacity = _ref.fillOpacity,
+ fillOpacity = _ref$fillOpacity === void 0 ? 1 : _ref$fillOpacity,
+ _ref$strokeOpacity = _ref.strokeOpacity,
+ strokeOpacity = _ref$strokeOpacity === void 0 ? 1 : _ref$strokeOpacity,
+ classes = _ref.classes,
+ _ref$strokeLinecap = _ref.strokeLinecap,
+ strokeLinecap = _ref$strokeLinecap === void 0 ? null : _ref$strokeLinecap,
+ _ref$strokeDashArray = _ref.strokeDashArray,
+ strokeDashArray = _ref$strokeDashArray === void 0 ? 0 : _ref$strokeDashArray;
+ var w = this.w;
+
+ if (strokeLinecap === null) {
+ strokeLinecap = w.config.stroke.lineCap;
+ }
+
+ if (d.indexOf('undefined') > -1 || d.indexOf('NaN') > -1) {
+ d = "M 0 ".concat(w.globals.gridHeight);
+ }
+
+ var p = w.globals.dom.Paper.path(d).attr({
+ fill: fill,
+ 'fill-opacity': fillOpacity,
+ stroke: stroke,
+ 'stroke-opacity': strokeOpacity,
+ 'stroke-linecap': strokeLinecap,
+ 'stroke-width': strokeWidth,
+ 'stroke-dasharray': strokeDashArray,
+ class: classes
+ });
+ return p;
+ }
+ }, {
+ key: "group",
+ value: function group() {
+ var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var w = this.w;
+ var g = w.globals.dom.Paper.group();
+
+ if (attrs !== null) {
+ g.attr(attrs);
+ }
+
+ return g;
+ }
+ }, {
+ key: "move",
+ value: function move(x, y) {
+ var move = ['M', x, y].join(' ');
+ return move;
+ }
+ }, {
+ key: "line",
+ value: function line(x, y) {
+ var hORv = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var line = null;
+
+ if (hORv === null) {
+ line = ['L', x, y].join(' ');
+ } else if (hORv === 'H') {
+ line = ['H', x].join(' ');
+ } else if (hORv === 'V') {
+ line = ['V', y].join(' ');
+ }
+
+ return line;
+ }
+ }, {
+ key: "curve",
+ value: function curve(x1, y1, x2, y2, x, y) {
+ var curve = ['C', x1, y1, x2, y2, x, y].join(' ');
+ return curve;
+ }
+ }, {
+ key: "quadraticCurve",
+ value: function quadraticCurve(x1, y1, x, y) {
+ var curve = ['Q', x1, y1, x, y].join(' ');
+ return curve;
+ }
+ }, {
+ key: "arc",
+ value: function arc(rx, ry, axisRotation, largeArcFlag, sweepFlag, x, y) {
+ var relative = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+ var coord = 'A';
+ if (relative) coord = 'a';
+ var arc = [coord, rx, ry, axisRotation, largeArcFlag, sweepFlag, x, y].join(' ');
+ return arc;
+ }
+ /**
+ * @memberof Graphics
+ * @param {object}
+ * i = series's index
+ * realIndex = realIndex is series's actual index when it was drawn time. After several redraws, the iterating "i" may change in loops, but realIndex doesn't
+ * pathFrom = existing pathFrom to animateTo
+ * pathTo = new Path to which d attr will be animated from pathFrom to pathTo
+ * stroke = line Color
+ * strokeWidth = width of path Line
+ * fill = it can be gradient, single color, pattern or image
+ * animationDelay = how much to delay when starting animation (in milliseconds)
+ * dataChangeSpeed = for dynamic animations, when data changes
+ * className = class attribute to add
+ * @return {object} svg.js path object
+ **/
+
+ }, {
+ key: "renderPaths",
+ value: function renderPaths(_ref2) {
+ var i = _ref2.i,
+ j = _ref2.j,
+ realIndex = _ref2.realIndex,
+ pathFrom = _ref2.pathFrom,
+ pathTo = _ref2.pathTo,
+ stroke = _ref2.stroke,
+ strokeWidth = _ref2.strokeWidth,
+ strokeLinecap = _ref2.strokeLinecap,
+ fill = _ref2.fill,
+ animationDelay = _ref2.animationDelay,
+ initialSpeed = _ref2.initialSpeed,
+ dataChangeSpeed = _ref2.dataChangeSpeed,
+ className = _ref2.className,
+ id = _ref2.id,
+ _ref2$shouldClipToGri = _ref2.shouldClipToGrid,
+ shouldClipToGrid = _ref2$shouldClipToGri === void 0 ? true : _ref2$shouldClipToGri,
+ _ref2$bindEventsOnPat = _ref2.bindEventsOnPaths,
+ bindEventsOnPaths = _ref2$bindEventsOnPat === void 0 ? true : _ref2$bindEventsOnPat;
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var anim = new Animations(this.ctx);
+ var initialAnim = this.w.config.chart.animations.enabled;
+ var dynamicAnim = initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ var d;
+ var shouldAnimate = !!(initialAnim && !w.globals.resized || dynamicAnim && w.globals.dataChanged && w.globals.shouldAnimate);
+
+ if (shouldAnimate) {
+ d = pathFrom;
+ } else {
+ d = pathTo;
+ this.w.globals.animationEnded = true;
+ }
+
+ var strokeDashArrayOpt = w.config.stroke.dashArray;
+ var strokeDashArray = 0;
+
+ if (Array.isArray(strokeDashArrayOpt)) {
+ strokeDashArray = strokeDashArrayOpt[realIndex];
+ } else {
+ strokeDashArray = w.config.stroke.dashArray;
+ }
+
+ var el = this.drawPath({
+ d: d,
+ stroke: stroke,
+ strokeWidth: strokeWidth,
+ fill: fill,
+ fillOpacity: 1,
+ classes: className,
+ strokeLinecap: strokeLinecap,
+ strokeDashArray: strokeDashArray
+ });
+ el.attr('id', "".concat(id, "-").concat(i));
+ el.attr('index', realIndex);
+
+ if (shouldClipToGrid) {
+ el.attr({
+ 'clip-path': "url(#gridRectMask".concat(w.globals.cuid, ")")
+ });
+ } // const defaultFilter = el.filterer
+
+
+ if (w.config.states.normal.filter.type !== 'none') {
+ filters.getDefaultFilter(el, w.config.states.normal.filter.type, w.config.states.normal.filter.value);
+ } else {
+ if (w.config.chart.dropShadow.enabled) {
+ if (!w.config.chart.dropShadow.enabledSeries || w.config.chart.dropShadow.enabledSeries && w.config.chart.dropShadow.enabledSeries.indexOf(realIndex) !== -1) {
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(el, shadow);
+ }
+ }
+ }
+
+ if (bindEventsOnPaths) {
+ el.node.addEventListener('mouseenter', this.pathMouseEnter.bind(this, el));
+ el.node.addEventListener('mouseleave', this.pathMouseLeave.bind(this, el));
+ el.node.addEventListener('mousedown', this.pathMouseDown.bind(this, el));
+ }
+
+ el.attr({
+ pathTo: pathTo,
+ pathFrom: pathFrom
+ });
+ var defaultAnimateOpts = {
+ el: el,
+ j: j,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth
+ };
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ anim.animatePathsGradually(_objectSpread({}, defaultAnimateOpts, {
+ speed: initialSpeed,
+ delay: animationDelay
+ }));
+ } else {
+ if (w.globals.resized || !w.globals.dataChanged) {
+ anim.showDelayedElements();
+ }
+ }
+
+ if (w.globals.dataChanged && dynamicAnim && shouldAnimate) {
+ anim.animatePathsGradually(_objectSpread({}, defaultAnimateOpts, {
+ speed: dataChangeSpeed
+ }));
+ }
+
+ return el;
+ }
+ }, {
+ key: "drawPattern",
+ value: function drawPattern(style, width, height) {
+ var stroke = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '#a8a8a8';
+ var strokeWidth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+ var w = this.w;
+ var p = w.globals.dom.Paper.pattern(width, height, function (add) {
+ if (style === 'horizontalLines') {
+ add.line(0, 0, height, 0).stroke({
+ color: stroke,
+ width: strokeWidth + 1
+ });
+ } else if (style === 'verticalLines') {
+ add.line(0, 0, 0, width).stroke({
+ color: stroke,
+ width: strokeWidth + 1
+ });
+ } else if (style === 'slantedLines') {
+ add.line(0, 0, width, height).stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ } else if (style === 'squares') {
+ add.rect(width, height).fill('none').stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ } else if (style === 'circles') {
+ add.circle(width).fill('none').stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ }
+ });
+ return p;
+ }
+ }, {
+ key: "drawGradient",
+ value: function drawGradient(style, gfrom, gto, opacityFrom, opacityTo) {
+ var size = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
+ var stops = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
+ var colorStops = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+ var i = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 0;
+ var w = this.w;
+ var g;
+ gfrom = Utils.hexToRgba(gfrom, opacityFrom);
+ gto = Utils.hexToRgba(gto, opacityTo);
+ var stop1 = 0;
+ var stop2 = 1;
+ var stop3 = 1;
+ var stop4 = null;
+
+ if (stops !== null) {
+ stop1 = typeof stops[0] !== 'undefined' ? stops[0] / 100 : 0;
+ stop2 = typeof stops[1] !== 'undefined' ? stops[1] / 100 : 1;
+ stop3 = typeof stops[2] !== 'undefined' ? stops[2] / 100 : 1;
+ stop4 = typeof stops[3] !== 'undefined' ? stops[3] / 100 : null;
+ }
+
+ var radial = !!(w.config.chart.type === 'donut' || w.config.chart.type === 'pie' || w.config.chart.type === 'bubble');
+
+ if (colorStops === null || colorStops.length === 0) {
+ g = w.globals.dom.Paper.gradient(radial ? 'radial' : 'linear', function (stop) {
+ stop.at(stop1, gfrom, opacityFrom);
+ stop.at(stop2, gto, opacityTo);
+ stop.at(stop3, gto, opacityTo);
+
+ if (stop4 !== null) {
+ stop.at(stop4, gfrom, opacityFrom);
+ }
+ });
+ } else {
+ g = w.globals.dom.Paper.gradient(radial ? 'radial' : 'linear', function (stop) {
+ var stops = Array.isArray(colorStops[i]) ? colorStops[i] : colorStops;
+ stops.forEach(function (s) {
+ stop.at(s.offset / 100, s.color, s.opacity);
+ });
+ });
+ }
+
+ if (!radial) {
+ if (style === 'vertical') {
+ g.from(0, 0).to(0, 1);
+ } else if (style === 'diagonal') {
+ g.from(0, 0).to(1, 1);
+ } else if (style === 'horizontal') {
+ g.from(0, 1).to(1, 1);
+ } else if (style === 'diagonal2') {
+ g.from(0, 1).to(2, 2);
+ }
+ } else {
+ var offx = w.globals.gridWidth / 2;
+ var offy = w.globals.gridHeight / 2;
+
+ if (w.config.chart.type !== 'bubble') {
+ g.attr({
+ gradientUnits: 'userSpaceOnUse',
+ cx: offx,
+ cy: offy,
+ r: size
+ });
+ } else {
+ g.attr({
+ cx: 0.5,
+ cy: 0.5,
+ r: 0.8,
+ fx: 0.2,
+ fy: 0.2
+ });
+ }
+ }
+
+ return g;
+ }
+ }, {
+ key: "drawText",
+ value: function drawText(opts) {
+ var w = this.w;
+ var x = opts.x,
+ y = opts.y,
+ text = opts.text,
+ textAnchor = opts.textAnchor,
+ fontSize = opts.fontSize,
+ fontFamily = opts.fontFamily,
+ foreColor = opts.foreColor,
+ opacity = opts.opacity;
+
+ if (!textAnchor) {
+ textAnchor = 'start';
+ }
+
+ if (!foreColor) {
+ foreColor = w.config.chart.foreColor;
+ }
+
+ fontFamily = fontFamily || w.config.chart.fontFamily;
+ var elText;
+
+ if (Array.isArray(text)) {
+ elText = w.globals.dom.Paper.text(function (add) {
+ for (var i = 0; i < text.length; i++) {
+ add.tspan(text[i]);
+ }
+ });
+ } else {
+ elText = w.globals.dom.Paper.plain(text);
+ }
+
+ elText.attr({
+ x: x,
+ y: y,
+ 'text-anchor': textAnchor,
+ 'dominant-baseline': 'central',
+ 'font-size': fontSize,
+ 'font-family': fontFamily,
+ fill: foreColor,
+ class: 'apexcharts-text ' + opts.cssClass ? opts.cssClass : ''
+ });
+ elText.node.style.fontFamily = fontFamily;
+ elText.node.style.opacity = opacity;
+ return elText;
+ }
+ }, {
+ key: "addTspan",
+ value: function addTspan(textEl, text, fontFamily) {
+ var tspan = textEl.tspan(text);
+
+ if (!fontFamily) {
+ fontFamily = this.w.config.chart.fontFamily;
+ }
+
+ tspan.node.style.fontFamily = fontFamily;
+ }
+ }, {
+ key: "drawMarker",
+ value: function drawMarker(x, y, opts) {
+ x = x || 0;
+ var size = opts.pSize || 0;
+ var elPoint = null;
+
+ if (opts.shape === 'square') {
+ var radius = opts.pRadius === undefined ? size / 2 : opts.pRadius;
+
+ if (y === null) {
+ size = 0;
+ radius = 0;
+ }
+
+ var nSize = size * 1.2 + radius;
+ var p = this.drawRect(nSize, nSize, nSize, nSize, radius);
+ p.attr({
+ x: x - nSize / 2,
+ y: y - nSize / 2,
+ cx: x,
+ cy: y,
+ class: opts.class ? opts.class : '',
+ fill: opts.pointFillColor,
+ 'fill-opacity': opts.pointFillOpacity ? opts.pointFillOpacity : 1,
+ stroke: opts.pointStrokeColor,
+ 'stroke-width': opts.pWidth ? opts.pWidth : 0,
+ 'stroke-opacity': opts.pointStrokeOpacity ? opts.pointStrokeOpacity : 1
+ });
+ elPoint = p;
+ } else if (opts.shape === 'circle') {
+ if (!Utils.isNumber(y)) {
+ size = 0;
+ y = 0;
+ } // let nSize = size - opts.pRadius / 2 < 0 ? 0 : size - opts.pRadius / 2
+
+
+ elPoint = this.drawCircle(size, {
+ cx: x,
+ cy: y,
+ class: opts.class ? opts.class : '',
+ stroke: opts.pointStrokeColor,
+ fill: opts.pointFillColor,
+ 'fill-opacity': opts.pointFillOpacity ? opts.pointFillOpacity : 1,
+ 'stroke-width': opts.pWidth ? opts.pWidth : 0,
+ 'stroke-opacity': opts.pointStrokeOpacity ? opts.pointStrokeOpacity : 1
+ });
+ }
+
+ return elPoint;
+ }
+ }, {
+ key: "pathMouseEnter",
+ value: function pathMouseEnter(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+
+ if (typeof w.config.chart.events.dataPointMouseEnter === 'function') {
+ w.config.chart.events.dataPointMouseEnter(e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointMouseEnter', [e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]);
+
+ if (w.config.states.active.filter.type !== 'none') {
+ if (path.node.getAttribute('selected') === 'true') {
+ return;
+ }
+ }
+
+ if (w.config.states.hover.filter.type !== 'none') {
+ if (w.config.states.active.filter.type !== 'none' && !w.globals.isTouchDevice) {
+ var hoverFilter = w.config.states.hover.filter;
+ filters.applyFilter(path, hoverFilter.type, hoverFilter.value);
+ }
+ }
+ }
+ }, {
+ key: "pathMouseLeave",
+ value: function pathMouseLeave(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+
+ if (typeof w.config.chart.events.dataPointMouseLeave === 'function') {
+ w.config.chart.events.dataPointMouseLeave(e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointMouseLeave', [e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]);
+
+ if (w.config.states.active.filter.type !== 'none') {
+ if (path.node.getAttribute('selected') === 'true') {
+ return;
+ }
+ }
+
+ if (w.config.states.hover.filter.type !== 'none') {
+ filters.getDefaultFilter(path);
+ }
+ }
+ }, {
+ key: "pathMouseDown",
+ value: function pathMouseDown(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+ var selected = 'false';
+
+ if (path.node.getAttribute('selected') === 'true') {
+ path.node.setAttribute('selected', 'false');
+
+ if (w.globals.selectedDataPoints[i].indexOf(j) > -1) {
+ var index = w.globals.selectedDataPoints[i].indexOf(j);
+ w.globals.selectedDataPoints[i].splice(index, 1);
+ }
+ } else {
+ if (!w.config.states.active.allowMultipleDataPointsSelection && w.globals.selectedDataPoints.length > 0) {
+ w.globals.selectedDataPoints = [];
+ var elPaths = w.globals.dom.Paper.select('.apexcharts-series path').members;
+ var elCircles = w.globals.dom.Paper.select('.apexcharts-series circle, .apexcharts-series rect').members;
+ elPaths.forEach(function (elPath) {
+ elPath.node.setAttribute('selected', 'false');
+ filters.getDefaultFilter(elPath);
+ });
+ elCircles.forEach(function (circle) {
+ circle.node.setAttribute('selected', 'false');
+ filters.getDefaultFilter(circle);
+ });
+ }
+
+ path.node.setAttribute('selected', 'true');
+ selected = 'true';
+
+ if (typeof w.globals.selectedDataPoints[i] === 'undefined') {
+ w.globals.selectedDataPoints[i] = [];
+ }
+
+ w.globals.selectedDataPoints[i].push(j);
+ }
+
+ if (selected === 'true') {
+ var activeFilter = w.config.states.active.filter;
+
+ if (activeFilter !== 'none') {
+ filters.applyFilter(path, activeFilter.type, activeFilter.value);
+ }
+ } else {
+ if (w.config.states.active.filter.type !== 'none') {
+ filters.getDefaultFilter(path);
+ }
+ }
+
+ if (typeof w.config.chart.events.dataPointSelection === 'function') {
+ w.config.chart.events.dataPointSelection(e, this.ctx, {
+ selectedDataPoints: w.globals.selectedDataPoints,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointSelection', [e, this.ctx, {
+ selectedDataPoints: w.globals.selectedDataPoints,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]); // if (this.w.config.chart.selection.selectedPoints !== undefined) {
+ // this.w.config.chart.selection.selectedPoints(w.globals.selectedDataPoints)
+ // }
+ }
+ }, {
+ key: "rotateAroundCenter",
+ value: function rotateAroundCenter(el) {
+ var coord = el.getBBox();
+ var x = coord.x + coord.width / 2;
+ var y = coord.y + coord.height / 2;
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "getTextRects",
+ value: function getTextRects(text, fontSize, fontFamily, transform) {
+ var useBBox = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
+ var w = this.w;
+ var virtualText = this.drawText({
+ x: -200,
+ y: -200,
+ text: text,
+ textAnchor: 'start',
+ fontSize: fontSize,
+ fontFamily: fontFamily,
+ foreColor: '#fff',
+ opacity: 0
+ });
+
+ if (transform) {
+ virtualText.attr('transform', transform);
+ }
+
+ w.globals.dom.Paper.add(virtualText);
+ var rect = virtualText.bbox();
+
+ if (!useBBox) {
+ rect = virtualText.node.getBoundingClientRect();
+ }
+
+ virtualText.remove();
+ return {
+ width: rect.width,
+ height: rect.height
+ };
+ }
+ /**
+ * append ... to long text
+ * http://stackoverflow.com/questions/9241315/trimming-text-to-a-given-pixel-width-in-svg
+ * @memberof Graphics
+ **/
+
+ }, {
+ key: "placeTextWithEllipsis",
+ value: function placeTextWithEllipsis(textObj, textString, width) {
+ textObj.textContent = textString;
+
+ if (textString.length > 0) {
+ // ellipsis is needed
+ if (textObj.getSubStringLength(0, textString.length) >= width) {
+ for (var x = textString.length - 3; x > 0; x -= 3) {
+ if (textObj.getSubStringLength(0, x) <= width) {
+ textObj.textContent = textString.substring(0, x) + '...';
+ return;
+ }
+ }
+
+ textObj.textContent = '...'; // can't place at all
+ }
+ }
+ }
+ }], [{
+ key: "setAttrs",
+ value: function setAttrs(el, attrs) {
+ for (var key in attrs) {
+ if (attrs.hasOwnProperty(key)) {
+ el.setAttribute(key, attrs[key]);
+ }
+ }
+ }
+ }]);
+
+ return Graphics;
+}();
+
+const name = "en";
+const options = {
+ months: [
+ "January",
+ "February",
+ "March",
+ "April",
+ "May",
+ "June",
+ "July",
+ "August",
+ "September",
+ "October",
+ "November",
+ "December"
+ ],
+ shortMonths: [
+ "Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec"
+ ],
+ days: [
+ "Sunday",
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ shortDays: [
+ "Sun",
+ "Mon",
+ "Tue",
+ "Wed",
+ "Thu",
+ "Fri",
+ "Sat"
+ ],
+ toolbar: {
+ exportToSVG: "Download SVG",
+ exportToPNG: "Download PNG",
+ menu: "Menu",
+ selection: "Selection",
+ selectionZoom: "Selection Zoom",
+ zoomIn: "Zoom In",
+ zoomOut: "Zoom Out",
+ pan: "Panning",
+ reset: "Reset Zoom"
+ }
+};
+var en = {
+ name: name,
+ options: options
+};
+
+var Options =
+/*#__PURE__*/
+function () {
+ function Options() {
+ _classCallCheck(this, Options);
+
+ this.yAxis = {
+ show: true,
+ showAlways: false,
+ seriesName: undefined,
+ opposite: false,
+ reversed: false,
+ logarithmic: false,
+ tickAmount: undefined,
+ forceNiceScale: false,
+ max: undefined,
+ min: undefined,
+ floating: false,
+ decimalsInFloat: 2,
+ labels: {
+ show: true,
+ minWidth: 0,
+ maxWidth: 160,
+ offsetX: 0,
+ offsetY: 0,
+ rotate: 0,
+ padding: 20,
+ style: {
+ colors: [],
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: ''
+ },
+ formatter: undefined
+ },
+ axisBorder: {
+ show: false,
+ color: '#78909C',
+ offsetX: 0,
+ offsetY: 0
+ },
+ axisTicks: {
+ show: false,
+ color: '#78909C',
+ width: 6,
+ offsetX: 0,
+ offsetY: 0
+ },
+ title: {
+ text: undefined,
+ rotate: 90,
+ offsetY: 0,
+ offsetX: 0,
+ style: {
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: ''
+ }
+ },
+ tooltip: {
+ enabled: false,
+ offsetX: 0
+ },
+ crosshairs: {
+ show: true,
+ position: 'front',
+ stroke: {
+ color: '#b6b6b6',
+ width: 1,
+ dashArray: 0
+ }
+ }
+ };
+ this.xAxisAnnotation = {
+ x: 0,
+ x2: null,
+ strokeDashArray: 1,
+ fillColor: '#c2c2c2',
+ borderColor: '#c2c2c2',
+ opacity: 0.3,
+ offsetX: 0,
+ offsetY: 0,
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'middle',
+ orientation: 'vertical',
+ position: 'top',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 2,
+ bottom: 2
+ }
+ }
+ }
+ };
+ this.yAxisAnnotation = {
+ y: 0,
+ y2: null,
+ strokeDashArray: 1,
+ fillColor: '#c2c2c2',
+ borderColor: '#c2c2c2',
+ opacity: 0.3,
+ offsetX: 0,
+ offsetY: 0,
+ yAxisIndex: 0,
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'end',
+ position: 'right',
+ offsetX: 0,
+ offsetY: -3,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 0,
+ bottom: 2
+ }
+ }
+ }
+ };
+ this.pointAnnotation = {
+ x: 0,
+ y: null,
+ yAxisIndex: 0,
+ seriesIndex: 0,
+ marker: {
+ size: 0,
+ fillColor: '#fff',
+ strokeWidth: 2,
+ strokeColor: '#333',
+ shape: 'circle',
+ offsetX: 0,
+ offsetY: 0,
+ radius: 2,
+ cssClass: ''
+ },
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'middle',
+ offsetX: 0,
+ offsetY: -15,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 0,
+ bottom: 2
+ }
+ }
+ },
+ customSVG: {
+ SVG: undefined,
+ cssClass: undefined,
+ offsetX: 0,
+ offsetY: 0
+ }
+ };
+ }
+
+ _createClass(Options, [{
+ key: "init",
+ value: function init() {
+ return {
+ annotations: {
+ position: 'front',
+ yaxis: [this.yAxisAnnotation],
+ xaxis: [this.xAxisAnnotation],
+ points: [this.pointAnnotation]
+ },
+ chart: {
+ animations: {
+ enabled: true,
+ easing: 'easeinout',
+ // linear, easeout, easein, easeinout, swing, bounce, elastic
+ speed: 800,
+ animateGradually: {
+ delay: 150,
+ enabled: true
+ },
+ dynamicAnimation: {
+ enabled: true,
+ speed: 350
+ }
+ },
+ background: 'transparent',
+ locales: [en],
+ defaultLocale: 'en',
+ dropShadow: {
+ enabled: false,
+ enabledSeries: undefined,
+ top: 2,
+ left: 2,
+ blur: 4,
+ color: '#000',
+ opacity: 0.35
+ },
+ events: {
+ animationEnd: undefined,
+ beforeMount: undefined,
+ mounted: undefined,
+ updated: undefined,
+ click: undefined,
+ legendClick: undefined,
+ selection: undefined,
+ dataPointSelection: undefined,
+ dataPointMouseEnter: undefined,
+ dataPointMouseLeave: undefined,
+ beforeZoom: undefined,
+ zoomed: undefined,
+ scrolled: undefined
+ },
+ foreColor: '#373d3f',
+ fontFamily: 'Helvetica, Arial, sans-serif',
+ height: 'auto',
+ id: undefined,
+ group: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ selection: {
+ enabled: false,
+ type: 'x',
+ // selectedPoints: undefined, // default datapoints that should be selected automatically
+ fill: {
+ color: '#24292e',
+ opacity: 0.1
+ },
+ stroke: {
+ width: 1,
+ color: '#24292e',
+ opacity: 0.4,
+ dashArray: 3
+ },
+ xaxis: {
+ min: undefined,
+ max: undefined
+ },
+ yaxis: {
+ min: undefined,
+ max: undefined
+ }
+ },
+ sparkline: {
+ enabled: false
+ },
+ brush: {
+ enabled: false,
+ autoScaleYaxis: false,
+ target: undefined
+ },
+ stacked: false,
+ stackType: 'normal',
+ toolbar: {
+ show: true,
+ tools: {
+ download: true,
+ selection: true,
+ zoom: true,
+ zoomin: true,
+ zoomout: true,
+ pan: true,
+ reset: true,
+ customIcons: []
+ },
+ autoSelected: 'zoom' // accepts -> zoom, pan, selection
+
+ },
+ type: 'line',
+ width: '100%',
+ zoom: {
+ enabled: true,
+ type: 'x',
+ // autoScaleYaxis: false, // TODO: rewrite the autoScaleY function
+ zoomedArea: {
+ fill: {
+ color: '#90CAF9',
+ opacity: 0.4
+ },
+ stroke: {
+ color: '#0D47A1',
+ opacity: 0.4,
+ width: 1
+ }
+ }
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ endingShape: 'flat',
+ // TODO: deprecate in 4.0
+ columnWidth: '70%',
+ // should be in percent 0 - 100
+ barHeight: '70%',
+ // should be in percent 0 - 100
+ distributed: false,
+ colors: {
+ ranges: [],
+ backgroundBarColors: [],
+ backgroundBarOpacity: 1
+ },
+ dataLabels: {
+ position: 'top' // top, center, bottom
+ // TODO: provide stackedLabels for stacked charts which gives additions of values
+
+ }
+ },
+ candlestick: {
+ colors: {
+ upward: '#00B746',
+ downward: '#EF403C'
+ },
+ wick: {
+ useFillColor: true
+ }
+ },
+ heatmap: {
+ radius: 2,
+ enableShades: true,
+ shadeIntensity: 0.5,
+ distributed: false,
+ colorScale: {
+ inverse: false,
+ ranges: [],
+ min: undefined,
+ max: undefined
+ }
+ },
+ radialBar: {
+ size: undefined,
+ inverseOrder: false,
+ startAngle: 0,
+ endAngle: 360,
+ offsetX: 0,
+ offsetY: 0,
+ hollow: {
+ margin: 5,
+ size: '50%',
+ background: 'transparent',
+ image: undefined,
+ imageWidth: 150,
+ imageHeight: 150,
+ imageOffsetX: 0,
+ imageOffsetY: 0,
+ imageClipped: true,
+ position: 'front',
+ dropShadow: {
+ enabled: false,
+ top: 0,
+ left: 0,
+ blur: 3,
+ color: '#000',
+ opacity: 0.5
+ }
+ },
+ track: {
+ show: true,
+ startAngle: undefined,
+ endAngle: undefined,
+ background: '#f2f2f2',
+ strokeWidth: '97%',
+ opacity: 1,
+ margin: 5,
+ // margin is in pixels
+ dropShadow: {
+ enabled: false,
+ top: 0,
+ left: 0,
+ blur: 3,
+ color: '#000',
+ opacity: 0.5
+ }
+ },
+ dataLabels: {
+ show: true,
+ name: {
+ show: true,
+ fontSize: '16px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 0
+ },
+ value: {
+ show: true,
+ fontSize: '14px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 16,
+ formatter: function formatter(val) {
+ return val + '%';
+ }
+ },
+ total: {
+ show: false,
+ label: 'Total',
+ color: '#373d3f',
+ formatter: function formatter(w) {
+ return w.globals.seriesTotals.reduce(function (a, b) {
+ return a + b;
+ }, 0) / w.globals.series.length + '%';
+ }
+ }
+ }
+ },
+ pie: {
+ size: undefined,
+ customScale: 1,
+ offsetX: 0,
+ offsetY: 0,
+ expandOnClick: true,
+ dataLabels: {
+ // These are the percentage values which are displayed on slice
+ offset: 0 // offset by which labels will move outside
+
+ },
+ donut: {
+ size: '65%',
+ background: 'transparent',
+ labels: {
+ // These are the inner labels appearing inside donut
+ show: false,
+ name: {
+ show: true,
+ fontSize: '16px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: -10
+ },
+ value: {
+ show: true,
+ fontSize: '20px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 10,
+ formatter: function formatter(val) {
+ return val;
+ }
+ },
+ total: {
+ show: false,
+ label: 'Total',
+ color: '#373d3f',
+ formatter: function formatter(w) {
+ return w.globals.seriesTotals.reduce(function (a, b) {
+ return a + b;
+ }, 0);
+ }
+ }
+ }
+ }
+ },
+ radar: {
+ size: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ polygons: {
+ // strokeColor: '#e8e8e8', // should be deprecated in the minor version i.e 3.2
+ strokeColors: '#e8e8e8',
+ connectorColors: '#e8e8e8',
+ fill: {
+ colors: undefined
+ }
+ }
+ }
+ },
+ colors: undefined,
+ dataLabels: {
+ enabled: true,
+ enabledOnSeries: undefined,
+ formatter: function formatter(val) {
+ return val;
+ },
+ textAnchor: 'middle',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined,
+ colors: undefined
+ },
+ dropShadow: {
+ enabled: false,
+ top: 1,
+ left: 1,
+ blur: 1,
+ color: '#000',
+ opacity: 0.45
+ }
+ },
+ fill: {
+ type: 'solid',
+ colors: undefined,
+ // array of colors
+ opacity: 0.85,
+ gradient: {
+ shade: 'dark',
+ type: 'horizontal',
+ shadeIntensity: 0.5,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 100],
+ colorStops: []
+ },
+ image: {
+ src: [],
+ width: undefined,
+ // optional
+ height: undefined // optional
+
+ },
+ pattern: {
+ style: 'sqaures',
+ // String | Array of Strings
+ width: 6,
+ height: 6,
+ strokeWidth: 2
+ }
+ },
+ grid: {
+ show: true,
+ borderColor: '#e0e0e0',
+ strokeDashArray: 0,
+ position: 'back',
+ xaxis: {
+ lines: {
+ show: false,
+ animate: false
+ }
+ },
+ yaxis: {
+ lines: {
+ show: true,
+ animate: true
+ }
+ },
+ row: {
+ colors: undefined,
+ // takes as array which will be repeated on rows
+ opacity: 0.5
+ },
+ column: {
+ colors: undefined,
+ // takes an array which will be repeated on columns
+ opacity: 0.5
+ },
+ padding: {
+ top: 0,
+ right: 10,
+ bottom: 0,
+ left: 12
+ }
+ },
+ labels: [],
+ legend: {
+ show: true,
+ showForSingleSeries: false,
+ showForNullSeries: true,
+ showForZeroSeries: true,
+ floating: false,
+ position: 'bottom',
+ // whether to position legends in 1 of 4
+ // direction - top, bottom, left, right
+ horizontalAlign: 'center',
+ // when position top/bottom, you can specify whether to align legends left, right or center
+ fontSize: '12px',
+ fontFamily: undefined,
+ width: undefined,
+ height: undefined,
+ formatter: undefined,
+ offsetX: -20,
+ offsetY: 0,
+ labels: {
+ colors: undefined,
+ useSeriesColors: false
+ },
+ markers: {
+ width: 12,
+ height: 12,
+ strokeWidth: 0,
+ strokeColor: '#fff',
+ radius: 12,
+ customHTML: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ onClick: undefined
+ },
+ itemMargin: {
+ horizontal: 0,
+ vertical: 5
+ },
+ onItemClick: {
+ toggleDataSeries: true
+ },
+ onItemHover: {
+ highlightDataSeries: true
+ }
+ },
+ markers: {
+ discrete: [],
+ size: 0,
+ colors: undefined,
+ //strokeColor: '#fff', // TODO: deprecate in major version 4.0
+ strokeColors: '#fff',
+ strokeWidth: 2,
+ strokeOpacity: 0.9,
+ fillOpacity: 1,
+ shape: 'circle',
+ radius: 2,
+ offsetX: 0,
+ offsetY: 0,
+ hover: {
+ size: undefined,
+ sizeOffset: 3
+ }
+ },
+ noData: {
+ text: undefined,
+ align: 'center',
+ verticalAlign: 'middle',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ color: undefined,
+ fontSize: '14px',
+ fontFamily: undefined
+ }
+ },
+ responsive: [],
+ // breakpoints should follow ascending order 400, then 700, then 1000
+ series: undefined,
+ states: {
+ normal: {
+ filter: {
+ type: 'none',
+ value: 0
+ }
+ },
+ hover: {
+ filter: {
+ type: 'lighten',
+ value: 0.15
+ }
+ },
+ active: {
+ allowMultipleDataPointsSelection: false,
+ filter: {
+ type: 'darken',
+ value: 0.65
+ }
+ }
+ },
+ title: {
+ text: undefined,
+ align: 'left',
+ margin: 10,
+ offsetX: 0,
+ offsetY: 0,
+ floating: false,
+ style: {
+ fontSize: '14px',
+ fontFamily: undefined,
+ color: undefined
+ }
+ },
+ subtitle: {
+ text: undefined,
+ align: 'left',
+ margin: 10,
+ offsetX: 0,
+ offsetY: 30,
+ floating: false,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined,
+ color: undefined
+ }
+ },
+ stroke: {
+ show: true,
+ curve: 'smooth',
+ // "smooth" / "straight" / "stepline"
+ lineCap: 'butt',
+ // round, butt , square
+ width: 2,
+ colors: undefined,
+ // array of colors
+ dashArray: 0 // single value or array of values
+
+ },
+ tooltip: {
+ enabled: true,
+ shared: true,
+ followCursor: false,
+ // when disabled, the tooltip will show on top of the series instead of mouse position
+ intersect: false,
+ // when enabled, tooltip will only show when user directly hovers over point
+ inverseOrder: false,
+ custom: undefined,
+ fillSeriesColor: false,
+ theme: 'light',
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined
+ },
+ onDatasetHover: {
+ highlightDataSeries: false
+ },
+ x: {
+ // x value
+ show: true,
+ format: 'dd MMM',
+ // dd/MM, dd MMM yy, dd MMM yyyy
+ formatter: undefined // a custom user supplied formatter function
+
+ },
+ y: {
+ formatter: undefined,
+ title: {
+ formatter: function formatter(seriesName) {
+ return seriesName;
+ }
+ }
+ },
+ z: {
+ formatter: undefined,
+ title: 'Size: '
+ },
+ marker: {
+ show: true
+ },
+ items: {
+ display: 'flex'
+ },
+ fixed: {
+ enabled: false,
+ position: 'topRight',
+ // topRight, topLeft, bottomRight, bottomLeft
+ offsetX: 0,
+ offsetY: 0
+ }
+ },
+ xaxis: {
+ type: 'category',
+ categories: [],
+ offsetX: 0,
+ offsetY: 0,
+ labels: {
+ show: true,
+ rotate: -45,
+ rotateAlways: false,
+ hideOverlappingLabels: true,
+ trim: true,
+ minHeight: undefined,
+ maxHeight: 120,
+ showDuplicates: true,
+ style: {
+ colors: [],
+ fontSize: '12px',
+ fontFamily: undefined,
+ cssClass: ''
+ },
+ offsetX: 0,
+ offsetY: 0,
+ format: undefined,
+ formatter: undefined,
+ // custom formatter function which will override format
+ datetimeFormatter: {
+ year: 'yyyy',
+ month: "MMM 'yy",
+ day: 'dd MMM',
+ hour: 'HH:mm',
+ minute: 'HH:mm:ss'
+ }
+ },
+ axisBorder: {
+ show: true,
+ color: '#78909C',
+ width: '100%',
+ height: 1,
+ offsetX: 0,
+ offsetY: 0
+ },
+ axisTicks: {
+ show: true,
+ color: '#78909C',
+ height: 6,
+ offsetX: 0,
+ offsetY: 0
+ },
+ tickAmount: undefined,
+ tickPlacement: 'on',
+ min: undefined,
+ max: undefined,
+ range: undefined,
+ floating: false,
+ position: 'bottom',
+ title: {
+ text: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ color: undefined,
+ fontSize: '12px',
+ fontFamily: undefined,
+ cssClass: ''
+ }
+ },
+ crosshairs: {
+ show: true,
+ width: 1,
+ // tickWidth/barWidth or an integer
+ position: 'back',
+ opacity: 0.9,
+ stroke: {
+ color: '#b6b6b6',
+ width: 1,
+ dashArray: 3
+ },
+ fill: {
+ type: 'solid',
+ // solid, gradient
+ color: '#B1B9C4',
+ gradient: {
+ colorFrom: '#D8E3F0',
+ colorTo: '#BED1E6',
+ stops: [0, 100],
+ opacityFrom: 0.4,
+ opacityTo: 0.5
+ }
+ },
+ dropShadow: {
+ enabled: false,
+ left: 0,
+ top: 0,
+ blur: 1,
+ opacity: 0.4
+ }
+ },
+ tooltip: {
+ enabled: true,
+ offsetY: 0,
+ formatter: undefined,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined
+ }
+ }
+ },
+ yaxis: this.yAxis,
+ theme: {
+ palette: 'palette1',
+ // If defined, it will overwrite globals.colors variable
+ monochrome: {
+ // monochrome allows you to select just 1 color and fill out the rest with light/dark shade (intensity can be selected)
+ enabled: false,
+ color: '#008FFB',
+ shadeTo: 'light',
+ shadeIntensity: 0.65
+ }
+ }
+ };
+ }
+ }]);
+
+ return Options;
+}();
+
+/**
+ * ApexCharts Annotations Class for drawing lines/rects on both xaxis and yaxis.
+ *
+ * @module Annotations
+ **/
+
+var Annotations =
+/*#__PURE__*/
+function () {
+ function Annotations(ctx) {
+ _classCallCheck(this, Annotations);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.graphics = new Graphics(this.ctx);
+
+ if (this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal) {
+ this.invertAxis = true;
+ }
+
+ this.xDivision = this.w.globals.gridWidth / this.w.globals.dataPoints;
+ }
+
+ _createClass(Annotations, [{
+ key: "drawAnnotations",
+ value: function drawAnnotations() {
+ var w = this.w;
+
+ if (w.globals.axisCharts) {
+ var yAnnotations = this.drawYAxisAnnotations();
+ var xAnnotations = this.drawXAxisAnnotations();
+ var pointAnnotations = this.drawPointAnnotations();
+ var initialAnim = w.config.chart.animations.enabled;
+ var annoArray = [yAnnotations, xAnnotations, pointAnnotations];
+ var annoElArray = [xAnnotations.node, yAnnotations.node, pointAnnotations.node];
+
+ for (var i = 0; i < 3; i++) {
+ w.globals.dom.elGraphical.add(annoArray[i]);
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ annoElArray[i].classList.add('hidden');
+ }
+
+ w.globals.delayedElements.push({
+ el: annoElArray[i],
+ index: 0
+ });
+ } // after placing the annotations on svg, set any vertically placed annotations
+
+
+ this.setOrientations(w.config.annotations.xaxis); // background sizes needs to be calculated after text is drawn, so calling them last
+
+ this.annotationsBackground();
+ }
+ }
+ }, {
+ key: "addXaxisAnnotation",
+ value: function addXaxisAnnotation(anno, parent, index) {
+ var w = this.w;
+ var min = this.invertAxis ? w.globals.minY : w.globals.minX;
+ var range = this.invertAxis ? w.globals.yRange[0] : w.globals.xRange;
+ var x1 = (anno.x - min) / (range / w.globals.gridWidth);
+
+ if (w.config.xaxis.type === 'category' || w.config.xaxis.convertedCatToNumeric) {
+ var catIndex = w.globals.labels.indexOf(anno.x);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+ x1 = parseFloat(xLabel.getAttribute('x'));
+ }
+
+ var strokeDashArray = anno.strokeDashArray;
+ if (x1 < 0 || x1 > w.globals.gridWidth) return;
+
+ if (anno.x2 === null) {
+ var line = this.graphics.drawLine(x1 + anno.offsetX, // x1
+ 0 + anno.offsetY, // y1
+ x1 + anno.offsetX, // x2
+ w.globals.gridHeight + anno.offsetY, // y2
+ anno.borderColor, // lineColor
+ strokeDashArray //dashArray
+ );
+ parent.appendChild(line.node);
+ } else {
+ var x2 = (anno.x2 - min) / (range / w.globals.gridWidth);
+
+ if (x2 < x1) {
+ var temp = x1;
+ x1 = x2;
+ x2 = temp;
+ }
+
+ var rect = this.graphics.drawRect(x1 + anno.offsetX, // x1
+ 0 + anno.offsetY, // y1
+ x2 - x1, // x2
+ w.globals.gridHeight + anno.offsetY, // y2
+ 0, // radius
+ anno.fillColor, // color
+ anno.opacity, // opacity,
+ 1, // strokeWidth
+ anno.borderColor, // strokeColor
+ strokeDashArray // stokeDashArray
+ );
+ parent.appendChild(rect.node);
+ }
+
+ var textY = anno.label.position === 'top' ? -3 : w.globals.gridHeight;
+ var text = anno.label.text ? anno.label.text : '';
+ var elText = this.graphics.drawText({
+ x: x1 + anno.label.offsetX,
+ y: textY + anno.label.offsetY,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-xaxis-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+ }
+ }, {
+ key: "drawXAxisAnnotations",
+ value: function drawXAxisAnnotations() {
+ var _this = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-xaxis-annotations'
+ });
+ w.config.annotations.xaxis.map(function (anno, index) {
+ _this.addXaxisAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "addYaxisAnnotation",
+ value: function addYaxisAnnotation(anno, parent, index) {
+ var w = this.w;
+ var strokeDashArray = anno.strokeDashArray;
+ var y1;
+ var y2;
+
+ if (this.invertAxis) {
+ var catIndex = w.globals.labels.indexOf(anno.y);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-yaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+ y1 = parseFloat(xLabel.getAttribute('y'));
+ } else {
+ y1 = w.globals.gridHeight - (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y1 = (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ var text = anno.label.text ? anno.label.text : '';
+
+ if (anno.y2 === null) {
+ var line = this.graphics.drawLine(0 + anno.offsetX, // x1
+ y1 + anno.offsetY, // y1
+ w.globals.gridWidth + anno.offsetX, // x2
+ y1 + anno.offsetY, // y2
+ anno.borderColor, // lineColor
+ strokeDashArray // dashArray
+ );
+ parent.appendChild(line.node);
+ } else {
+ if (this.invertAxis) {
+ var _catIndex = w.globals.labels.indexOf(anno.y2);
+
+ var _xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-yaxis-texts-g text:nth-child(' + (_catIndex + 1) + ')');
+
+ y2 = parseFloat(_xLabel.getAttribute('y'));
+ } else {
+ y2 = w.globals.gridHeight - (anno.y2 - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y2 = (anno.y2 - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ if (y2 > y1) {
+ var temp = y1;
+ y1 = y2;
+ y2 = temp;
+ }
+
+ var rect = this.graphics.drawRect(0 + anno.offsetX, // x1
+ y2 + anno.offsetY, // y1
+ w.globals.gridWidth + anno.offsetX, // x2
+ y1 - y2, // y2
+ 0, // radius
+ anno.fillColor, // color
+ anno.opacity, // opacity,
+ 1, // strokeWidth
+ anno.borderColor, // strokeColor
+ strokeDashArray // stokeDashArray
+ );
+ parent.appendChild(rect.node);
+ }
+
+ var textX = anno.label.position === 'right' ? w.globals.gridWidth : 0;
+ var elText = this.graphics.drawText({
+ x: textX + anno.label.offsetX,
+ y: (y2 || y1) + anno.label.offsetY - 3,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-yaxis-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+ }
+ }, {
+ key: "drawYAxisAnnotations",
+ value: function drawYAxisAnnotations() {
+ var _this2 = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-yaxis-annotations'
+ });
+ w.config.annotations.yaxis.map(function (anno, index) {
+ _this2.addYaxisAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "clearAnnotations",
+ value: function clearAnnotations(ctx) {
+ var w = ctx.w;
+ var annos = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxis-annotations, .apexcharts-xaxis-annotations, .apexcharts-point-annotations');
+ annos.forEach(function (a) {
+ while (a.firstChild) {
+ a.removeChild(a.firstChild);
+ }
+ });
+ }
+ }, {
+ key: "addPointAnnotation",
+ value: function addPointAnnotation(anno, parent, index) {
+ var w = this.w;
+ var x = 0;
+ var y = 0;
+ var pointY = 0;
+
+ if (this.invertAxis) {
+ console.warn('Point annotation is not supported in horizontal bar charts.');
+ }
+
+ if (typeof anno.x === 'string') {
+ var catIndex = w.globals.labels.indexOf(anno.x);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+ var xPos = parseFloat(xLabel.getAttribute('x'));
+ x = xPos;
+ var annoY = anno.y;
+
+ if (anno.y === null) {
+ annoY = w.globals.series[anno.seriesIndex][catIndex];
+ }
+
+ y = w.globals.gridHeight - (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = w.globals.gridHeight - (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y = (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) + parseInt(anno.label.style.fontSize) + anno.marker.size;
+ pointY = (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ } else {
+ x = (anno.x - w.globals.minX) / (w.globals.xRange / w.globals.gridWidth);
+ y = w.globals.gridHeight - (parseFloat(anno.y) - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = w.globals.gridHeight - (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y = (parseFloat(anno.y) - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ if (x < 0 || x > w.globals.gridWidth) return;
+ var optsPoints = {
+ pSize: anno.marker.size,
+ pWidth: anno.marker.strokeWidth,
+ pointFillColor: anno.marker.fillColor,
+ pointStrokeColor: anno.marker.strokeColor,
+ shape: anno.marker.shape,
+ radius: anno.marker.radius,
+ class: 'apexcharts-point-annotation-marker ' + anno.marker.cssClass
+ };
+ var point = this.graphics.drawMarker(x + anno.marker.offsetX, pointY + anno.marker.offsetY, optsPoints);
+ parent.appendChild(point.node);
+ var text = anno.label.text ? anno.label.text : '';
+ var elText = this.graphics.drawText({
+ x: x + anno.label.offsetX,
+ y: y + anno.label.offsetY,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-point-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+
+ if (anno.customSVG.SVG) {
+ var g = this.graphics.group({
+ class: 'apexcharts-point-annotations-custom-svg ' + anno.customSVG.cssClass
+ });
+ g.attr({
+ transform: "translate(".concat(x + anno.customSVG.offsetX, ", ").concat(y + anno.customSVG.offsetY, ")")
+ });
+ g.node.innerHTML = anno.customSVG.SVG;
+ parent.appendChild(g.node);
+ }
+ }
+ }, {
+ key: "drawPointAnnotations",
+ value: function drawPointAnnotations() {
+ var _this3 = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-point-annotations'
+ });
+ w.config.annotations.points.map(function (anno, index) {
+ _this3.addPointAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "setOrientations",
+ value: function setOrientations(annos) {
+ var _this4 = this;
+
+ var annoIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var w = this.w;
+ annos.map(function (anno, index) {
+ if (anno.label.orientation === 'vertical') {
+ var i = annoIndex !== null ? annoIndex : index;
+ var xAnno = w.globals.dom.baseEl.querySelector(".apexcharts-xaxis-annotations .apexcharts-xaxis-annotation-label[rel='".concat(i, "']"));
+
+ if (xAnno !== null) {
+ var xAnnoCoord = xAnno.getBoundingClientRect();
+ xAnno.setAttribute('x', parseFloat(xAnno.getAttribute('x')) - xAnnoCoord.height + 4);
+
+ if (anno.label.position === 'top') {
+ xAnno.setAttribute('y', parseFloat(xAnno.getAttribute('y')) + xAnnoCoord.width);
+ } else {
+ xAnno.setAttribute('y', parseFloat(xAnno.getAttribute('y')) - xAnnoCoord.width);
+ }
+
+ var annoRotatingCenter = _this4.graphics.rotateAroundCenter(xAnno);
+
+ var x = annoRotatingCenter.x;
+ var y = annoRotatingCenter.y;
+ xAnno.setAttribute('transform', "rotate(-90 ".concat(x, " ").concat(y, ")"));
+ }
+ }
+ });
+ }
+ }, {
+ key: "addBackgroundToAnno",
+ value: function addBackgroundToAnno(annoEl, anno) {
+ var w = this.w;
+ var elGridRect = w.globals.dom.baseEl.querySelector('.apexcharts-grid').getBoundingClientRect();
+ var coords = annoEl.getBoundingClientRect();
+ var pleft = anno.label.style.padding.left;
+ var pright = anno.label.style.padding.right;
+ var ptop = anno.label.style.padding.top;
+ var pbottom = anno.label.style.padding.bottom;
+
+ if (anno.label.orientation === 'vertical') {
+ ptop = anno.label.style.padding.left;
+ pbottom = anno.label.style.padding.right;
+ pleft = anno.label.style.padding.top;
+ pright = anno.label.style.padding.bottom;
+ }
+
+ var x1 = coords.left - elGridRect.left - pleft;
+ var y1 = coords.top - elGridRect.top - ptop;
+ var elRect = this.graphics.drawRect(x1, y1, coords.width + pleft + pright, coords.height + ptop + pbottom, 0, anno.label.style.background, 1, anno.label.borderWidth, anno.label.borderColor, 0);
+ return elRect;
+ }
+ }, {
+ key: "annotationsBackground",
+ value: function annotationsBackground() {
+ var _this5 = this;
+
+ var w = this.w;
+
+ var add = function add(anno, i, type) {
+ var annoLabel = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations .apexcharts-").concat(type, "-annotation-label[rel='").concat(i, "']"));
+
+ if (annoLabel) {
+ var parent = annoLabel.parentNode;
+
+ var elRect = _this5.addBackgroundToAnno(annoLabel, anno);
+
+ parent.insertBefore(elRect.node, annoLabel);
+ }
+ };
+
+ w.config.annotations.xaxis.map(function (anno, i) {
+ add(anno, i, 'xaxis');
+ });
+ w.config.annotations.yaxis.map(function (anno, i) {
+ add(anno, i, 'yaxis');
+ });
+ w.config.annotations.points.map(function (anno, i) {
+ add(anno, i, 'point');
+ });
+ }
+ }, {
+ key: "addText",
+ value: function addText(params, pushToMemory, context) {
+ var x = params.x,
+ y = params.y,
+ text = params.text,
+ textAnchor = params.textAnchor,
+ _params$appendTo = params.appendTo,
+ appendTo = _params$appendTo === void 0 ? '.apexcharts-inner' : _params$appendTo,
+ foreColor = params.foreColor,
+ fontSize = params.fontSize,
+ fontFamily = params.fontFamily,
+ cssClass = params.cssClass,
+ backgroundColor = params.backgroundColor,
+ borderWidth = params.borderWidth,
+ strokeDashArray = params.strokeDashArray,
+ radius = params.radius,
+ borderColor = params.borderColor,
+ _params$paddingLeft = params.paddingLeft,
+ paddingLeft = _params$paddingLeft === void 0 ? 4 : _params$paddingLeft,
+ _params$paddingRight = params.paddingRight,
+ paddingRight = _params$paddingRight === void 0 ? 4 : _params$paddingRight,
+ _params$paddingBottom = params.paddingBottom,
+ paddingBottom = _params$paddingBottom === void 0 ? 2 : _params$paddingBottom,
+ _params$paddingTop = params.paddingTop,
+ paddingTop = _params$paddingTop === void 0 ? 2 : _params$paddingTop;
+ var me = context;
+ var w = me.w;
+ var parentNode = w.globals.dom.baseEl.querySelector(appendTo);
+ var elText = this.graphics.drawText({
+ x: x,
+ y: y,
+ text: text,
+ textAnchor: textAnchor || 'start',
+ fontSize: fontSize || '12px',
+ fontFamily: fontFamily || w.config.chart.fontFamily,
+ foreColor: foreColor || w.config.chart.foreColor,
+ cssClass: 'apexcharts-text ' + cssClass ? cssClass : ''
+ });
+ parentNode.appendChild(elText.node);
+ var textRect = elText.bbox();
+ var elRect = this.graphics.drawRect(textRect.x - paddingLeft, textRect.y - paddingTop, textRect.width + paddingLeft + paddingRight, textRect.height + paddingBottom + paddingTop, radius, backgroundColor, 1, borderWidth, borderColor, strokeDashArray);
+ elText.before(elRect);
+
+ if (pushToMemory) {
+ w.globals.memory.methodsToExec.push({
+ context: me,
+ method: me.addText,
+ params: {
+ x: x,
+ y: y,
+ text: text,
+ textAnchor: textAnchor,
+ appendTo: appendTo,
+ foreColor: foreColor,
+ fontSize: fontSize,
+ cssClass: cssClass,
+ backgroundColor: backgroundColor,
+ borderWidth: borderWidth,
+ strokeDashArray: strokeDashArray,
+ radius: radius,
+ borderColor: borderColor,
+ paddingLeft: paddingLeft,
+ paddingRight: paddingRight,
+ paddingBottom: paddingBottom,
+ paddingTop: paddingTop
+ }
+ });
+ }
+
+ return context;
+ }
+ }, {
+ key: "addPointAnnotationExternal",
+ value: function addPointAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'point',
+ contextMethod: context.addPointAnnotation
+ });
+ return context;
+ }
+ }, {
+ key: "addYaxisAnnotationExternal",
+ value: function addYaxisAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'yaxis',
+ contextMethod: context.addYaxisAnnotation
+ });
+ return context;
+ } // The addXaxisAnnotation method requires a parent class, and user calling this method externally on the chart instance may not specify parent, hence a different method
+
+ }, {
+ key: "addXaxisAnnotationExternal",
+ value: function addXaxisAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'xaxis',
+ contextMethod: context.addXaxisAnnotation
+ });
+ return context;
+ }
+ }, {
+ key: "addAnnotationExternal",
+ value: function addAnnotationExternal(_ref) {
+ var params = _ref.params,
+ pushToMemory = _ref.pushToMemory,
+ context = _ref.context,
+ type = _ref.type,
+ contextMethod = _ref.contextMethod;
+ var me = context;
+ var w = me.w;
+ var parent = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations"));
+ var index = parent.childNodes.length + 1;
+ var opt = new Options();
+ var axesAnno = Object.assign({}, type === 'xaxis' ? opt.xAxisAnnotation : type === 'yaxis' ? opt.yAxisAnnotation : opt.pointAnnotation);
+ var anno = Utils.extend(axesAnno, params);
+
+ switch (type) {
+ case 'xaxis':
+ this.addXaxisAnnotation(anno, parent, index);
+ break;
+
+ case 'yaxis':
+ this.addYaxisAnnotation(anno, parent, index);
+ break;
+
+ case 'point':
+ this.addPointAnnotation(anno, parent, index);
+ break;
+ } // add background
+
+
+ var axesAnnoLabel = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations .apexcharts-").concat(type, "-annotation-label[rel='").concat(index, "']"));
+ var elRect = this.addBackgroundToAnno(axesAnnoLabel, anno);
+ parent.insertBefore(elRect.node, axesAnnoLabel);
+
+ if (pushToMemory) {
+ w.globals.memory.methodsToExec.push({
+ context: me,
+ method: contextMethod,
+ params: params
+ });
+ }
+
+ return context;
+ }
+ }]);
+
+ return Annotations;
+}();
+
+/**
+ * ApexCharts Default Class for setting default options for all chart types.
+ *
+ * @module Defaults
+ **/
+
+var Defaults =
+/*#__PURE__*/
+function () {
+ function Defaults(opts) {
+ _classCallCheck(this, Defaults);
+
+ this.opts = opts;
+ }
+
+ _createClass(Defaults, [{
+ key: "line",
+ value: function line() {
+ return {
+ chart: {
+ animations: {
+ easing: 'swing'
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 5,
+ curve: 'straight'
+ },
+ markers: {
+ size: 0,
+ hover: {
+ sizeOffset: 6
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ }
+ }
+ };
+ }
+ }, {
+ key: "sparkline",
+ value: function sparkline(defaults) {
+ this.opts.yaxis[0].labels.show = false;
+ this.opts.yaxis[0].floating = true;
+ var ret = {
+ grid: {
+ show: false,
+ padding: {
+ left: 0,
+ right: 0,
+ top: 0,
+ bottom: 0
+ }
+ },
+ legend: {
+ show: false
+ },
+ xaxis: {
+ labels: {
+ show: false
+ },
+ tooltip: {
+ enabled: false
+ },
+ axisBorder: {
+ show: false
+ }
+ },
+ chart: {
+ toolbar: {
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ }
+ };
+ return Utils.extend(defaults, ret);
+ }
+ }, {
+ key: "bar",
+ value: function bar() {
+ return {
+ chart: {
+ stacked: false,
+ animations: {
+ easing: 'swing'
+ }
+ },
+ plotOptions: {
+ bar: {
+ dataLabels: {
+ position: 'center'
+ }
+ }
+ },
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ width: 0
+ },
+ fill: {
+ opacity: 0.85
+ },
+ legend: {
+ markers: {
+ shape: 'square',
+ radius: 2,
+ size: 8
+ }
+ },
+ tooltip: {
+ shared: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ },
+ crosshairs: {
+ width: 'barWidth',
+ position: 'back',
+ fill: {
+ type: 'gradient'
+ },
+ dropShadow: {
+ enabled: false
+ },
+ stroke: {
+ width: 0
+ }
+ }
+ }
+ };
+ }
+ }, {
+ key: "candlestick",
+ value: function candlestick() {
+ return {
+ stroke: {
+ width: 1,
+ colors: ['#333']
+ },
+ dataLabels: {
+ enabled: false
+ },
+ tooltip: {
+ shared: true,
+ custom: function custom(_ref) {
+ var seriesIndex = _ref.seriesIndex,
+ dataPointIndex = _ref.dataPointIndex,
+ w = _ref.w;
+ var o = w.globals.seriesCandleO[seriesIndex][dataPointIndex];
+ var h = w.globals.seriesCandleH[seriesIndex][dataPointIndex];
+ var l = w.globals.seriesCandleL[seriesIndex][dataPointIndex];
+ var c = w.globals.seriesCandleC[seriesIndex][dataPointIndex];
+ return '<div class="apexcharts-tooltip-candlestick">' + '<div>Open: <span class="value">' + o + '</span></div>' + '<div>High: <span class="value">' + h + '</span></div>' + '<div>Low: <span class="value">' + l + '</span></div>' + '<div>Close: <span class="value">' + c + '</span></div>' + '</div>';
+ }
+ },
+ states: {
+ active: {
+ filter: {
+ type: 'none'
+ }
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ }
+ }
+ };
+ }
+ }, {
+ key: "area",
+ value: function area() {
+ return {
+ stroke: {
+ width: 4
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ inverseColors: false,
+ shade: 'light',
+ type: 'vertical',
+ opacityFrom: 0.65,
+ opacityTo: 0.5,
+ stops: [0, 100, 100]
+ }
+ },
+ markers: {
+ size: 0,
+ hover: {
+ sizeOffset: 6
+ }
+ },
+ tooltip: {
+ followCursor: false
+ }
+ };
+ }
+ }, {
+ key: "brush",
+ value: function brush(defaults) {
+ var ret = {
+ chart: {
+ toolbar: {
+ autoSelected: 'selection',
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 1
+ },
+ tooltip: {
+ enabled: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ }
+ }
+ };
+ return Utils.extend(defaults, ret);
+ }
+ }, {
+ key: "stacked100",
+ value: function stacked100() {
+ var _this = this;
+
+ this.opts.dataLabels = this.opts.dataLabels || {};
+ this.opts.dataLabels.formatter = this.opts.dataLabels.formatter || undefined;
+ var existingDataLabelFormatter = this.opts.dataLabels.formatter;
+ this.opts.yaxis.forEach(function (yaxe, index) {
+ _this.opts.yaxis[index].min = 0;
+ _this.opts.yaxis[index].max = 100;
+ });
+ var isBar = this.opts.chart.type === 'bar';
+
+ if (isBar) {
+ this.opts.dataLabels.formatter = existingDataLabelFormatter || function (val) {
+ if (typeof val === 'number') {
+ return val ? val.toFixed(0) + '%' : val;
+ }
+
+ return val;
+ };
+ }
+ } // This function removes the left and right spacing in chart for line/area/scatter if xaxis type = category for those charts by converting xaxis = numeric. Numeric/Datetime xaxis prevents the unnecessary spacing in the left/right of the chart area
+
+ }, {
+ key: "bubble",
+ value: function bubble() {
+ return {
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ tooltip: {
+ shared: false,
+ intersect: true
+ },
+ xaxis: {
+ crosshairs: {
+ width: 0
+ }
+ },
+ fill: {
+ type: 'solid',
+ gradient: {
+ shade: 'light',
+ inverse: true,
+ shadeIntensity: 0.55,
+ opacityFrom: 0.4,
+ opacityTo: 0.8
+ }
+ }
+ };
+ }
+ }, {
+ key: "scatter",
+ value: function scatter() {
+ return {
+ dataLabels: {
+ enabled: false
+ },
+ tooltip: {
+ shared: false,
+ intersect: true
+ },
+ markers: {
+ size: 6,
+ strokeWidth: 2,
+ hover: {
+ sizeOffset: 2
+ }
+ }
+ };
+ }
+ }, {
+ key: "heatmap",
+ value: function heatmap() {
+ return {
+ chart: {
+ stacked: false,
+ zoom: {
+ enabled: false
+ }
+ },
+ fill: {
+ opacity: 1
+ },
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ tooltip: {
+ followCursor: true,
+ marker: {
+ show: false
+ },
+ x: {
+ show: false
+ }
+ },
+ legend: {
+ position: 'top',
+ markers: {
+ shape: 'square',
+ size: 10,
+ offsetY: 2
+ }
+ },
+ grid: {
+ padding: {
+ right: 20
+ }
+ }
+ };
+ }
+ }, {
+ key: "pie",
+ value: function pie() {
+ return {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ plotOptions: {
+ pie: {
+ donut: {
+ labels: {
+ show: false
+ }
+ }
+ }
+ },
+ dataLabels: {
+ formatter: function formatter(val) {
+ return val.toFixed(1) + '%';
+ },
+ style: {
+ colors: ['#fff']
+ },
+ dropShadow: {
+ enabled: true
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ fill: {
+ opacity: 1,
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.35,
+ inverseColors: false,
+ stops: [0, 100, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ tooltip: {
+ theme: 'dark',
+ fillSeriesColor: true
+ },
+ legend: {
+ position: 'right'
+ }
+ };
+ }
+ }, {
+ key: "donut",
+ value: function donut() {
+ return {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ dataLabels: {
+ formatter: function formatter(val) {
+ return val.toFixed(1) + '%';
+ },
+ style: {
+ colors: ['#fff']
+ },
+ dropShadow: {
+ enabled: true
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ fill: {
+ opacity: 1,
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ type: 'vertical',
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [70, 98, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ tooltip: {
+ theme: 'dark',
+ fillSeriesColor: true
+ },
+ legend: {
+ position: 'right'
+ }
+ };
+ }
+ }, {
+ key: "radar",
+ value: function radar() {
+ this.opts.yaxis[0].labels.style.fontSize = '13px';
+ this.opts.yaxis[0].labels.offsetY = 6;
+ return {
+ dataLabels: {
+ enabled: true,
+ style: {
+ colors: ['#a8a8a8'],
+ fontSize: '11px'
+ }
+ },
+ stroke: {
+ width: 2
+ },
+ markers: {
+ size: 3,
+ strokeWidth: 1,
+ strokeOpacity: 1
+ },
+ fill: {
+ opacity: 0.2
+ },
+ tooltip: {
+ shared: false,
+ intersect: true,
+ followCursor: true
+ },
+ grid: {
+ show: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ },
+ crosshairs: {
+ show: false
+ }
+ }
+ };
+ }
+ }, {
+ key: "radialBar",
+ value: function radialBar() {
+ return {
+ chart: {
+ animations: {
+ dynamicAnimation: {
+ enabled: true,
+ speed: 800
+ }
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ fill: {
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ type: 'diagonal2',
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [70, 98, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ legend: {
+ show: false,
+ position: 'right'
+ },
+ tooltip: {
+ enabled: false,
+ fillSeriesColor: true
+ }
+ };
+ }
+ }], [{
+ key: "convertCatToNumeric",
+ value: function convertCatToNumeric(opts) {
+ opts.xaxis.type = 'numeric';
+ opts.xaxis.convertedCatToNumeric = true;
+ opts.xaxis.labels = opts.xaxis.labels || {};
+
+ opts.xaxis.labels.formatter = opts.xaxis.labels.formatter || function (val) {
+ return val;
+ };
+
+ opts.chart = opts.chart || {};
+ opts.chart.zoom = opts.chart.zoom || window.Apex.chart && window.Apex.chart.zoom || {};
+ var defaultFormatter = opts.xaxis.labels.formatter;
+ var labels = opts.xaxis.categories && opts.xaxis.categories.length ? opts.xaxis.categories : opts.labels;
+
+ if (labels && labels.length) {
+ opts.xaxis.labels.formatter = function (val) {
+ return defaultFormatter(labels[val - 1]);
+ };
+ }
+
+ opts.xaxis.categories = [];
+ opts.labels = [];
+ opts.chart.zoom.enabled = false;
+ return opts;
+ }
+ }]);
+
+ return Defaults;
+}();
+
+/*
+ ** Util functions which are dependent on ApexCharts instance
+ */
+var CoreUtils =
+/*#__PURE__*/
+function () {
+ function CoreUtils(ctx) {
+ _classCallCheck(this, CoreUtils);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(CoreUtils, [{
+ key: "getStackedSeriesTotals",
+
+ /**
+ * @memberof CoreUtils
+ * returns the sum of all individual values in a multiple stacked series
+ * Eg. w.globals.series = [[32,33,43,12], [2,3,5,1]]
+ * @return [34,36,48,13]
+ **/
+ value: function getStackedSeriesTotals() {
+ var w = this.w;
+ var total = [];
+
+ for (var i = 0; i < w.globals.series[w.globals.maxValsInArrayIndex].length; i++) {
+ var t = 0;
+
+ for (var j = 0; j < w.globals.series.length; j++) {
+ t += w.globals.series[j][i];
+ }
+
+ total.push(t);
+ }
+
+ w.globals.stackedSeriesTotals = total;
+ return total;
+ } // get total of the all values inside all series
+
+ }, {
+ key: "getSeriesTotalByIndex",
+ value: function getSeriesTotalByIndex() {
+ var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+ if (index === null) {
+ // non-plot chart types - pie / donut / circle
+ return this.w.config.series.reduce(function (acc, cur) {
+ return acc + cur;
+ }, 0);
+ } else {
+ // axis charts - supporting multiple series
+ return this.w.globals.series[index].reduce(function (acc, cur) {
+ return acc + cur;
+ }, 0);
+ }
+ }
+ }, {
+ key: "isSeriesNull",
+ value: function isSeriesNull() {
+ var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var r = [];
+
+ if (index === null) {
+ // non-plot chart types - pie / donut / circle
+ r = this.w.config.series.filter(function (d) {
+ return d !== null;
+ });
+ } else {
+ // axis charts - supporting multiple series
+ r = this.w.globals.series[index].filter(function (d) {
+ return d !== null;
+ });
+ }
+
+ return r.length === 0;
+ }
+ }, {
+ key: "seriesHaveSameValues",
+ value: function seriesHaveSameValues(index) {
+ return this.w.globals.series[index].every(function (val, i, arr) {
+ return val === arr[0];
+ });
+ } // maxValsInArrayIndex is the index of series[] which has the largest number of items
+
+ }, {
+ key: "getLargestSeries",
+ value: function getLargestSeries() {
+ var w = this.w;
+ w.globals.maxValsInArrayIndex = w.globals.series.map(function (a) {
+ return a.length;
+ }).indexOf(Math.max.apply(Math, w.globals.series.map(function (a) {
+ return a.length;
+ })));
+ }
+ }, {
+ key: "getLargestMarkerSize",
+ value: function getLargestMarkerSize() {
+ var w = this.w;
+ var size = 0;
+ w.globals.markers.size.forEach(function (m) {
+ size = Math.max(size, m);
+ });
+ w.globals.markers.largestSize = size;
+ return size;
+ }
+ /**
+ * @memberof Core
+ * returns the sum of all values in a series
+ * Eg. w.globals.series = [[32,33,43,12], [2,3,5,1]]
+ * @return [120, 11]
+ **/
+
+ }, {
+ key: "getSeriesTotals",
+ value: function getSeriesTotals() {
+ var w = this.w;
+ w.globals.seriesTotals = w.globals.series.map(function (ser, index) {
+ var total = 0;
+
+ if (Array.isArray(ser)) {
+ for (var j = 0; j < ser.length; j++) {
+ total += ser[j];
+ }
+ } else {
+ // for pie/donuts/gauges
+ total += ser;
+ }
+
+ return total;
+ });
+ }
+ }, {
+ key: "getSeriesTotalsXRange",
+ value: function getSeriesTotalsXRange(minX, maxX) {
+ var w = this.w;
+ var seriesTotalsXRange = w.globals.series.map(function (ser, index) {
+ var total = 0;
+
+ for (var j = 0; j < ser.length; j++) {
+ if (w.globals.seriesX[index][j] > minX && w.globals.seriesX[index][j] < maxX) {
+ total += ser[j];
+ }
+ }
+
+ return total;
+ });
+ return seriesTotalsXRange;
+ }
+ /**
+ * @memberof CoreUtils
+ * returns the percentage value of all individual values which can be used in a 100% stacked series
+ * Eg. w.globals.series = [[32, 33, 43, 12], [2, 3, 5, 1]]
+ * @return [[94.11, 91.66, 89.58, 92.30], [5.88, 8.33, 10.41, 7.7]]
+ **/
+
+ }, {
+ key: "getPercentSeries",
+ value: function getPercentSeries() {
+ var w = this.w;
+ w.globals.seriesPercent = w.globals.series.map(function (ser, index) {
+ var seriesPercent = [];
+
+ if (Array.isArray(ser)) {
+ for (var j = 0; j < ser.length; j++) {
+ var total = w.globals.stackedSeriesTotals[j];
+ var percent = 100 * ser[j] / total;
+ seriesPercent.push(percent);
+ }
+ } else {
+ var _total = w.globals.seriesTotals.reduce(function (acc, val) {
+ return acc + val;
+ }, 0);
+
+ var _percent = 100 * ser / _total;
+
+ seriesPercent.push(_percent);
+ }
+
+ return seriesPercent;
+ });
+ }
+ }, {
+ key: "getCalculatedRatios",
+ value: function getCalculatedRatios() {
+ var gl = this.w.globals;
+ var yRatio = [];
+ var invertedYRatio = 0;
+ var xRatio = 0;
+ var initialXRatio = 0;
+ var invertedXRatio = 0;
+ var zRatio = 0;
+ var baseLineY = [];
+ var baseLineInvertedY = 0.1;
+ var baseLineX = 0;
+ gl.yRange = [];
+
+ if (gl.isMultipleYAxis) {
+ for (var i = 0; i < gl.minYArr.length; i++) {
+ gl.yRange.push(Math.abs(gl.minYArr[i] - gl.maxYArr[i]));
+ baseLineY.push(0);
+ }
+ } else {
+ gl.yRange.push(Math.abs(gl.minY - gl.maxY));
+ }
+
+ gl.xRange = Math.abs(gl.maxX - gl.minX);
+ gl.zRange = Math.abs(gl.maxZ - gl.minZ); // multiple y axis
+
+ for (var _i = 0; _i < gl.yRange.length; _i++) {
+ yRatio.push(gl.yRange[_i] / gl.gridHeight);
+ }
+
+ xRatio = gl.xRange / gl.gridWidth;
+ initialXRatio = Math.abs(gl.initialmaxX - gl.initialminX) / gl.gridWidth;
+ invertedYRatio = gl.yRange / gl.gridWidth;
+ invertedXRatio = gl.xRange / gl.gridHeight;
+ zRatio = gl.zRange / gl.gridHeight * 16;
+
+ if (gl.minY !== Number.MIN_VALUE && Math.abs(gl.minY) !== 0) {
+ // Negative numbers present in series
+ gl.hasNegs = true;
+ baseLineY = []; // baseline variables is the 0 of the yaxis which will be needed when there are negatives
+
+ if (gl.isMultipleYAxis) {
+ for (var _i2 = 0; _i2 < yRatio.length; _i2++) {
+ baseLineY.push(-gl.minYArr[_i2] / yRatio[_i2]);
+ }
+ } else {
+ baseLineY.push(-gl.minY / yRatio[0]);
+ }
+
+ baseLineInvertedY = -gl.minY / invertedYRatio; // this is for bar chart
+
+ baseLineX = gl.minX / xRatio;
+ } else {
+ baseLineY.push(0);
+ }
+
+ return {
+ yRatio: yRatio,
+ invertedYRatio: invertedYRatio,
+ zRatio: zRatio,
+ xRatio: xRatio,
+ initialXRatio: initialXRatio,
+ invertedXRatio: invertedXRatio,
+ baseLineInvertedY: baseLineInvertedY,
+ baseLineY: baseLineY,
+ baseLineX: baseLineX
+ };
+ }
+ }, {
+ key: "getLogSeries",
+ value: function getLogSeries(series) {
+ var w = this.w;
+ w.globals.seriesLog = series.map(function (s, i) {
+ if (w.config.yaxis[i] && w.config.yaxis[i].logarithmic) {
+ return s.map(function (d) {
+ if (d === null) return null;
+ var logVal = (Math.log(d) - Math.log(w.globals.minYArr[i])) / (Math.log(w.globals.maxYArr[i]) - Math.log(w.globals.minYArr[i]));
+ return logVal;
+ });
+ } else {
+ return s;
+ }
+ });
+ return w.globals.seriesLog;
+ }
+ }, {
+ key: "getLogYRatios",
+ value: function getLogYRatios(yRatio) {
+ var _this = this;
+
+ var w = this.w;
+ var gl = this.w.globals;
+ gl.yLogRatio = yRatio.slice();
+ gl.logYRange = gl.yRange.map(function (yRange, i) {
+ if (w.config.yaxis[i] && _this.w.config.yaxis[i].logarithmic) {
+ var maxY = -Number.MAX_VALUE;
+ var minY = Number.MIN_VALUE;
+ var range = 1;
+ gl.seriesLog.forEach(function (s, si) {
+ s.forEach(function (v) {
+ if (w.config.yaxis[si] && w.config.yaxis[si].logarithmic) {
+ maxY = Math.max(v, maxY);
+ minY = Math.min(v, minY);
+ }
+ });
+ });
+ range = Math.pow(gl.yRange[i], Math.abs(minY - maxY) / gl.yRange[i]);
+ gl.yLogRatio[i] = range / gl.gridHeight;
+ return range;
+ }
+ });
+ return gl.yLogRatio;
+ } // Some config objects can be array - and we need to extend them correctly
+
+ }], [{
+ key: "checkComboSeries",
+ value: function checkComboSeries(series) {
+ var comboCharts = false;
+ var comboChartsHasBars = false; // if user specified a type in series too, turn on comboCharts flag
+
+ if (series.length && typeof series[0].type !== 'undefined') {
+ comboCharts = true;
+ series.forEach(function (s) {
+ if (s.type === 'bar' || s.type === 'column') {
+ comboChartsHasBars = true;
+ }
+ });
+ }
+
+ return {
+ comboCharts: comboCharts,
+ comboChartsHasBars: comboChartsHasBars
+ };
+ }
+ }, {
+ key: "extendArrayProps",
+ value: function extendArrayProps(configInstance, options) {
+ if (options.yaxis) {
+ options = configInstance.extendYAxis(options);
+ }
+
+ if (options.annotations) {
+ if (options.annotations.yaxis) {
+ options = configInstance.extendYAxisAnnotations(options);
+ }
+
+ if (options.annotations.xaxis) {
+ options = configInstance.extendXAxisAnnotations(options);
+ }
+
+ if (options.annotations.points) {
+ options = configInstance.extendPointAnnotations(options);
+ }
+ }
+
+ return options;
+ }
+ }]);
+
+ return CoreUtils;
+}();
+
+/**
+ * ApexCharts Config Class for extending user options with pre-defined ApexCharts config.
+ *
+ * @module Config
+ **/
+
+var Config =
+/*#__PURE__*/
+function () {
+ function Config(opts) {
+ _classCallCheck(this, Config);
+
+ this.opts = opts;
+ }
+
+ _createClass(Config, [{
+ key: "init",
+ value: function init() {
+ var opts = this.opts;
+ var options = new Options();
+ var defaults = new Defaults(opts);
+ this.chartType = opts.chart.type;
+
+ if (this.chartType === 'histogram') {
+ // technically, a histogram can be drawn by a column chart with no spaces in between
+ opts.chart.type = 'bar';
+ opts = Utils.extend({
+ plotOptions: {
+ bar: {
+ columnWidth: '99.99%'
+ }
+ }
+ }, opts);
+ }
+
+ opts.series = this.checkEmptySeries(opts.series);
+ opts = this.extendYAxis(opts);
+ opts = this.extendAnnotations(opts);
+ var config = options.init();
+ var newDefaults = {};
+
+ if (opts && _typeof(opts) === 'object') {
+ var chartDefaults = {};
+
+ switch (this.chartType) {
+ case 'line':
+ chartDefaults = defaults.line();
+ break;
+
+ case 'area':
+ chartDefaults = defaults.area();
+ break;
+
+ case 'bar':
+ chartDefaults = defaults.bar();
+ break;
+
+ case 'candlestick':
+ chartDefaults = defaults.candlestick();
+ break;
+
+ case 'histogram':
+ chartDefaults = defaults.bar();
+ break;
+
+ case 'bubble':
+ chartDefaults = defaults.bubble();
+ break;
+
+ case 'scatter':
+ chartDefaults = defaults.scatter();
+ break;
+
+ case 'heatmap':
+ chartDefaults = defaults.heatmap();
+ break;
+
+ case 'pie':
+ chartDefaults = defaults.pie();
+ break;
+
+ case 'donut':
+ chartDefaults = defaults.donut();
+ break;
+
+ case 'radar':
+ chartDefaults = defaults.radar();
+ break;
+
+ case 'radialBar':
+ chartDefaults = defaults.radialBar();
+ break;
+
+ default:
+ chartDefaults = defaults.line();
+ }
+
+ if (opts.chart.brush && opts.chart.brush.enabled) {
+ chartDefaults = defaults.brush(chartDefaults);
+ }
+
+ if (opts.chart.stacked && opts.chart.stackType === '100%') {
+ defaults.stacked100();
+ }
+
+ opts.xaxis = opts.xaxis || window.Apex.xaxis || {};
+ var combo = CoreUtils.checkComboSeries(opts.series);
+
+ if ((opts.chart.type === 'line' || opts.chart.type === 'area' || opts.chart.type === 'scatter') && !combo.comboChartsHasBars && opts.xaxis.type !== 'datetime' && opts.xaxis.tickPlacement !== 'between') {
+ opts = Defaults.convertCatToNumeric(opts);
+ }
+
+ if (opts.chart.sparkline && opts.chart.sparkline.enabled || window.Apex.chart && window.Apex.chart.sparkline && window.Apex.chart.sparkline.enabled) {
+ chartDefaults = defaults.sparkline(chartDefaults);
+ }
+
+ newDefaults = Utils.extend(config, chartDefaults);
+ } // config should cascade in this fashion
+ // default-config < global-apex-variable-config < user-defined-config
+ // get GLOBALLY defined options and merge with the default config
+
+
+ var mergedWithDefaultConfig = Utils.extend(newDefaults, window.Apex); // get the merged config and extend with user defined config
+
+ config = Utils.extend(mergedWithDefaultConfig, opts); // some features are not supported. those mismatches should be handled
+
+ config = this.handleUserInputErrors(config);
+ return config;
+ }
+ }, {
+ key: "extendYAxis",
+ value: function extendYAxis(opts) {
+ var options = new Options();
+
+ if (typeof opts.yaxis === 'undefined') {
+ opts.yaxis = {};
+ } // extend global yaxis config (only if object is provided / not an array)
+
+
+ if (opts.yaxis.constructor !== Array && window.Apex.yaxis && window.Apex.yaxis.constructor !== Array) {
+ opts.yaxis = Utils.extend(opts.yaxis, window.Apex.yaxis);
+ } // as we can't extend nested object's array with extend, we need to do it first
+ // user can provide either an array or object in yaxis config
+
+
+ if (opts.yaxis.constructor !== Array) {
+ // convert the yaxis to array if user supplied object
+ opts.yaxis = [Utils.extend(options.yAxis, opts.yaxis)];
+ } else {
+ opts.yaxis = Utils.extendArray(opts.yaxis, options.yAxis);
+ }
+
+ return opts;
+ } // annotations also accepts array, so we need to extend them manually
+
+ }, {
+ key: "extendAnnotations",
+ value: function extendAnnotations(opts) {
+ if (typeof opts.annotations === 'undefined') {
+ opts.annotations = {};
+ opts.annotations.yaxis = [];
+ opts.annotations.xaxis = [];
+ opts.annotations.points = [];
+ }
+
+ opts = this.extendYAxisAnnotations(opts);
+ opts = this.extendXAxisAnnotations(opts);
+ opts = this.extendPointAnnotations(opts);
+ return opts;
+ }
+ }, {
+ key: "extendYAxisAnnotations",
+ value: function extendYAxisAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.yaxis = Utils.extendArray(typeof opts.annotations.yaxis !== 'undefined' ? opts.annotations.yaxis : [], options.yAxisAnnotation);
+ return opts;
+ }
+ }, {
+ key: "extendXAxisAnnotations",
+ value: function extendXAxisAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.xaxis = Utils.extendArray(typeof opts.annotations.xaxis !== 'undefined' ? opts.annotations.xaxis : [], options.xAxisAnnotation);
+ return opts;
+ }
+ }, {
+ key: "extendPointAnnotations",
+ value: function extendPointAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.points = Utils.extendArray(typeof opts.annotations.points !== 'undefined' ? opts.annotations.points : [], options.pointAnnotation);
+ return opts;
+ }
+ }, {
+ key: "checkEmptySeries",
+ value: function checkEmptySeries(ser) {
+ if (ser.length === 0) {
+ return [{
+ data: []
+ }];
+ }
+
+ return ser;
+ }
+ }, {
+ key: "handleUserInputErrors",
+ value: function handleUserInputErrors(opts) {
+ var config = opts; // conflicting tooltip option. intersect makes sure to focus on 1 point at a time. Shared cannot be used along with it
+
+ if (config.tooltip.shared && config.tooltip.intersect) {
+ throw new Error('tooltip.shared cannot be enabled when tooltip.intersect is true. Turn off any other option by setting it to false.');
+ }
+
+ if (config.chart.scroller) {
+ console.warn('Scroller has been deprecated since v2.0.0. Please remove the configuration for chart.scroller');
+ }
+
+ if (config.chart.type === 'bar' && config.plotOptions.bar.horizontal) {
+ // No time series for horizontal bars
+ if (config.xaxis.type === 'datetime') {
+ throw new Error('Timelines on bars are not supported yet. Switch to column chart by setting plotOptions.bar.horizontal=false');
+ } // No multiple yaxis for bars
+
+
+ if (config.yaxis.length > 1) {
+ throw new Error('Multiple Y Axis for bars are not supported. Switch to column chart by setting plotOptions.bar.horizontal=false');
+ }
+
+ if (config.yaxis[0].reversed) {
+ config.yaxis[0].opposite = true;
+ }
+
+ config.xaxis.tooltip.enabled = false; // no xaxis tooltip for horizontal bar
+
+ config.yaxis[0].tooltip.enabled = false; // no xaxis tooltip for horizontal bar
+
+ config.chart.zoom.enabled = false; // no zooming for horz bars
+ }
+
+ if (config.chart.type === 'bar') {
+ if (config.tooltip.shared) {
+ if (config.xaxis.crosshairs.width === 'barWidth' && config.series.length > 1) {
+ console.warn('crosshairs.width = "barWidth" is only supported in single series, not in a multi-series barChart.');
+ config.xaxis.crosshairs.width = 'tickWidth';
+ }
+
+ if (config.plotOptions.bar.horizontal) {
+ config.states.hover.type = 'none';
+ }
+
+ if (!config.tooltip.followCursor) {
+ console.warn('followCursor option in shared columns cannot be turned off.');
+ config.tooltip.followCursor = true;
+ }
+ }
+ }
+
+ if (config.chart.type === 'candlestick') {
+ if (config.yaxis[0].reversed) {
+ console.warn('Reversed y-axis in candlestick chart is not supported.');
+ config.yaxis[0].reversed = false;
+ }
+ }
+
+ if (config.chart.group && config.yaxis[0].labels.minWidth === 0) {
+ console.warn('It looks like you have multiple charts in synchronization. You must provide yaxis.labels.minWidth which must be EQUAL for all grouped charts to prevent incorrect behaviour.');
+ } // if user supplied array for stroke width, it will only be applicable to line/area charts, for any other charts, revert back to Number
+
+
+ if (Array.isArray(config.stroke.width)) {
+ if (config.chart.type !== 'line' && config.chart.type !== 'area') {
+ console.warn('stroke.width option accepts array only for line and area charts. Reverted back to Number');
+ config.stroke.width = config.stroke.width[0];
+ }
+ }
+
+ return config;
+ }
+ }]);
+
+ return Config;
+}();
+
+var Globals =
+/*#__PURE__*/
+function () {
+ function Globals() {
+ _classCallCheck(this, Globals);
+ }
+
+ _createClass(Globals, [{
+ key: "globalVars",
+ value: function globalVars(config) {
+ return {
+ chartID: null,
+ // chart ID - apexcharts-cuid
+ cuid: null,
+ // chart ID - random numbers excluding "apexcharts" part
+ events: {
+ beforeMount: [],
+ mounted: [],
+ updated: [],
+ clicked: [],
+ selection: [],
+ dataPointSelection: [],
+ zoomed: [],
+ scrolled: []
+ },
+ colors: [],
+ fill: {
+ colors: []
+ },
+ stroke: {
+ colors: []
+ },
+ dataLabels: {
+ style: {
+ colors: []
+ }
+ },
+ radarPolygons: {
+ fill: {
+ colors: []
+ }
+ },
+ markers: {
+ colors: [],
+ size: config.markers.size,
+ largestSize: 0
+ },
+ animationEnded: false,
+ isTouchDevice: 'ontouchstart' in window || navigator.msMaxTouchPoints,
+ isDirty: false,
+ // chart has been updated after the initial render. This is different than dataChanged property. isDirty means user manually called some method to update
+ initialConfig: null,
+ // we will store the first config user has set to go back when user finishes interactions like zooming and come out of it
+ lastXAxis: [],
+ lastYAxis: [],
+ series: [],
+ // the MAIN series array (y values)
+ seriesPercent: [],
+ // the percentage values of the given series
+ seriesTotals: [],
+ stackedSeriesTotals: [],
+ seriesX: [],
+ // store the numeric x values in this array (x values)
+ seriesZ: [],
+ // The 3rd "Z" dimension for bubbles chart (z values)
+ labels: [],
+ // store the text to draw on x axis
+ // Don't mutate the labels, many things including tooltips depends on it!
+ timelineLabels: [],
+ // store the timeline Labels in another variable
+ seriesNames: [],
+ // same as labels, used in non axis charts
+ noLabelsProvided: false,
+ // if user didn't provide any categories/labels or x values, fallback to 1,2,3,4...
+ allSeriesCollapsed: false,
+ collapsedSeries: [],
+ // when user collapses a series, it goes into this array
+ collapsedSeriesIndices: [],
+ // this stores the index of the collapsedSeries instead of whole object for quick access
+ ancillaryCollapsedSeries: [],
+ // when user collapses an "alwaysVisible" series, it goes into this array
+ ancillaryCollapsedSeriesIndices: [],
+ // this stores the index of the collapsedSeries whose y-axis is always visible
+ risingSeries: [],
+ // when user re-opens a collapsed series, it goes here
+ selectedDataPoints: [],
+ ignoreYAxisIndexes: [],
+ // when series are being collapsed in multiple y axes, ignore certain index
+ padHorizontal: 0,
+ maxValsInArrayIndex: 0,
+ zoomEnabled: config.chart.toolbar.autoSelected === 'zoom' && config.chart.toolbar.tools.zoom && config.chart.zoom.enabled,
+ panEnabled: config.chart.toolbar.autoSelected === 'pan' && config.chart.toolbar.tools.pan,
+ selectionEnabled: config.chart.toolbar.autoSelected === 'selection' && config.chart.toolbar.tools.selection,
+ yaxis: null,
+ minY: Number.MIN_VALUE,
+ // is 5e-324, i.e. the smallest positive number
+ // NOTE: If there are multiple y axis, the first yaxis array element will be considered for all y values calculations. Rest all will be calculated based on that
+ maxY: -Number.MAX_VALUE,
+ // is -1.7976931348623157e+308
+ // NOTE: The above note for minY applies here as well
+ minYArr: [],
+ maxYArr: [],
+ maxX: -Number.MAX_VALUE,
+ // is -1.7976931348623157e+308
+ initialmaxX: -Number.MAX_VALUE,
+ minX: Number.MIN_VALUE,
+ // is 5e-324, i.e. the smallest positive number
+ initialminX: Number.MIN_VALUE,
+ minZ: Number.MIN_VALUE,
+ // Max Z value in charts with Z axis
+ maxZ: -Number.MAX_VALUE,
+ // Max Z value in charts with Z axis
+ mousedown: false,
+ lastClientPosition: {},
+ // don't reset this variable this the chart is destroyed. It is used to detect right or left mousemove in panning
+ visibleXRange: undefined,
+ yRange: [],
+ // this property is the absolute sum of positive and negative values [eg (-100 + 200 = 300)] - yAxis
+ zRange: 0,
+ // zAxis Range (for bubble charts)
+ xRange: 0,
+ // xAxis range
+ yValueDecimal: 0,
+ // are there floating numbers in the series. If yes, this represent the len of the decimals
+ total: 0,
+ SVGNS: 'http://www.w3.org/2000/svg',
+ // svg namespace
+ svgWidth: 0,
+ // the whole svg width
+ svgHeight: 0,
+ // the whole svg height
+ noData: false,
+ // whether there is any data to display or not
+ locale: {},
+ // the current locale values will be preserved here for global access
+ dom: {},
+ // for storing all dom nodes in this particular property
+ // elWrap: null, // the element that wraps everything
+ // elGraphical: null, // this contains lines/areas/bars/pies
+ // elGridRect: null, // paths going outside this area will be clipped
+ // elGridRectMask: null, // clipping will happen with this mask
+ // elGridRectMarkerMask: null, // clipping will happen with this mask
+ // elLegendWrap: null, // the whole legend area
+ // elDefs: null, // [defs] element
+ memory: {
+ methodsToExec: []
+ },
+ shouldAnimate: true,
+ delayedElements: [],
+ // element which appear after animation has finished
+ axisCharts: true,
+ // chart type = line or area or bar
+ // (refer them also as plot charts in the code)
+ isXNumeric: false,
+ // bool: data was provided in a {[x,y], [x,y]} pattern
+ isDataXYZ: false,
+ // bool: data was provided in a {[x,y,z]} pattern
+ resized: false,
+ // bool: user has resized
+ resizeTimer: null,
+ // timeout function to make a small delay before
+ // drawing when user resized
+ comboCharts: false,
+ // bool: whether it's a combination of line/column
+ comboChartsHasBars: false,
+ // bool: whether it's a combination of line/column
+ dataChanged: false,
+ // bool: has data changed dynamically
+ previousPaths: [],
+ // array: when data is changed, it will animate from
+ // previous paths
+ seriesXvalues: [],
+ // we will need this in tooltip (it's x position)
+ // when we will have unequal x values, we will need
+ // some way to get x value depending on mouse pointer
+ seriesYvalues: [],
+ // we will need this when deciding which series
+ // user hovered on
+ seriesCandleO: [],
+ // candle stick open values
+ seriesCandleH: [],
+ // candle stick high values
+ seriesCandleL: [],
+ // candle stick low values
+ seriesCandleC: [],
+ // candle stick close values
+ allSeriesHasEqualX: true,
+ dataPoints: 0,
+ // the longest series length
+ pointsArray: [],
+ // store the points positions here to draw later on hover
+ // format is - [[x,y],[x,y]... [x,y]]
+ dataLabelsRects: [],
+ // store the positions of datalabels to prevent collision
+ lastDrawnDataLabelsIndexes: [],
+ hasNullValues: false,
+ // bool: whether series contains null values
+ easing: null,
+ // function: animation effect to apply
+ zoomed: false,
+ // whether user has zoomed or not
+ gridWidth: 0,
+ // drawable width of actual graphs (series paths)
+ gridHeight: 0,
+ // drawable height of actual graphs (series paths)
+ yAxisScale: [],
+ xAxisScale: null,
+ xAxisTicksPositions: [],
+ timescaleTicks: [],
+ rotateXLabels: false,
+ defaultLabels: false,
+ xLabelFormatter: undefined,
+ // formatter for x axis labels
+ yLabelFormatters: [],
+ xaxisTooltipFormatter: undefined,
+ // formatter for x axis tooltip
+ ttKeyFormatter: undefined,
+ ttVal: undefined,
+ ttZFormatter: undefined,
+ LINE_HEIGHT_RATIO: 1.618,
+ xAxisLabelsHeight: 0,
+ yAxisLabelsWidth: 0,
+ scaleX: 1,
+ scaleY: 1,
+ translateX: 0,
+ translateY: 0,
+ translateYAxisX: [],
+ yLabelsCoords: [],
+ yTitleCoords: [],
+ yAxisWidths: [],
+ translateXAxisY: 0,
+ translateXAxisX: 0,
+ tooltip: null,
+ tooltipOpts: null
+ };
+ }
+ }, {
+ key: "init",
+ value: function init(config) {
+ var globals = this.globalVars(config);
+ globals.initialConfig = Utils.extend({}, config);
+ globals.initialSeries = JSON.parse(JSON.stringify(globals.initialConfig.series));
+ globals.lastXAxis = JSON.parse(JSON.stringify(globals.initialConfig.xaxis));
+ globals.lastYAxis = JSON.parse(JSON.stringify(globals.initialConfig.yaxis));
+ return globals;
+ }
+ }]);
+
+ return Globals;
+}();
+
+/**
+ * ApexCharts Base Class for extending user options with pre-defined ApexCharts config.
+ *
+ * @module Base
+ **/
+
+var Base =
+/*#__PURE__*/
+function () {
+ function Base(opts) {
+ _classCallCheck(this, Base);
+
+ this.opts = opts;
+ }
+
+ _createClass(Base, [{
+ key: "init",
+ value: function init() {
+ var config = new Config(this.opts).init();
+ var globals = new Globals().init(config);
+ var w = {
+ config: config,
+ globals: globals
+ };
+ return w;
+ }
+ }]);
+
+ return Base;
+}();
+
+/**
+ * ApexCharts Fill Class for setting fill options of the paths.
+ *
+ * @module Fill
+ **/
+
+var Fill =
+/*#__PURE__*/
+function () {
+ function Fill(ctx) {
+ _classCallCheck(this, Fill);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.opts = null;
+ this.seriesIndex = 0;
+ }
+
+ _createClass(Fill, [{
+ key: "clippedImgArea",
+ value: function clippedImgArea(params) {
+ var w = this.w;
+ var cnf = w.config;
+ var svgW = parseInt(w.globals.gridWidth);
+ var svgH = parseInt(w.globals.gridHeight);
+ var size = svgW > svgH ? svgW : svgH;
+ var fillImg = params.image;
+ var imgWidth = 0;
+ var imgHeight = 0;
+
+ if (typeof params.width === 'undefined' && typeof params.height === 'undefined') {
+ if (cnf.fill.image.width !== undefined && cnf.fill.image.height !== undefined) {
+ imgWidth = cnf.fill.image.width + 1;
+ imgHeight = cnf.fill.image.height;
+ } else {
+ imgWidth = size + 1;
+ imgHeight = size;
+ }
+ } else {
+ imgWidth = params.width;
+ imgHeight = params.height;
+ }
+
+ var elPattern = document.createElementNS(w.globals.SVGNS, 'pattern');
+ Graphics.setAttrs(elPattern, {
+ id: params.patternID,
+ patternUnits: params.patternUnits ? params.patternUnits : 'userSpaceOnUse',
+ width: imgWidth + 'px',
+ height: imgHeight + 'px'
+ });
+ var elImage = document.createElementNS(w.globals.SVGNS, 'image');
+ elPattern.appendChild(elImage);
+ elImage.setAttributeNS('http://www.w3.org/1999/xlink', 'href', fillImg);
+ Graphics.setAttrs(elImage, {
+ x: 0,
+ y: 0,
+ preserveAspectRatio: 'none',
+ width: imgWidth + 'px',
+ height: imgHeight + 'px'
+ });
+ elImage.style.opacity = params.opacity;
+ w.globals.dom.elDefs.node.appendChild(elPattern);
+ }
+ }, {
+ key: "getSeriesIndex",
+ value: function getSeriesIndex(opts) {
+ var w = this.w;
+
+ if (w.config.chart.type === 'bar' && w.config.plotOptions.bar.distributed || w.config.chart.type === 'heatmap') {
+ this.seriesIndex = opts.seriesNumber;
+ } else {
+ this.seriesIndex = opts.seriesNumber % w.globals.series.length;
+ }
+
+ return this.seriesIndex;
+ }
+ }, {
+ key: "fillPath",
+ value: function fillPath(opts) {
+ var w = this.w;
+ this.opts = opts;
+ var cnf = this.w.config;
+ var pathFill;
+ var patternFill, gradientFill;
+ this.seriesIndex = this.getSeriesIndex(opts);
+ var fillColors = this.getFillColors();
+ var fillColor = fillColors[this.seriesIndex];
+ var fillType = this.getFillType(this.seriesIndex);
+ var fillOpacity = Array.isArray(cnf.fill.opacity) ? cnf.fill.opacity[this.seriesIndex] : cnf.fill.opacity;
+ var defaultColor = fillColor;
+
+ if (opts.color) {
+ fillColor = opts.color;
+ }
+
+ if (fillColor.indexOf('rgb') === -1) {
+ defaultColor = Utils.hexToRgba(fillColor, fillOpacity);
+ } else {
+ if (fillColor.indexOf('rgba') > -1) {
+ fillOpacity = 0 + '.' + Utils.getOpacityFromRGBA(fillColors[this.seriesIndex]);
+ }
+ }
+
+ if (fillType === 'pattern') {
+ patternFill = this.handlePatternFill(patternFill, fillColor, fillOpacity, defaultColor);
+ }
+
+ if (fillType === 'gradient') {
+ gradientFill = this.handleGradientFill(gradientFill, fillColor, fillOpacity, this.seriesIndex);
+ }
+
+ if (cnf.fill.image.src.length > 0 && fillType === 'image') {
+ if (opts.seriesNumber < cnf.fill.image.src.length) {
+ this.clippedImgArea({
+ opacity: fillOpacity,
+ image: cnf.fill.image.src[opts.seriesNumber],
+ patternUnits: opts.patternUnits,
+ patternID: "pattern".concat(w.globals.cuid).concat(opts.seriesNumber + 1)
+ });
+ pathFill = "url(#pattern".concat(w.globals.cuid).concat(opts.seriesNumber + 1, ")");
+ } else {
+ pathFill = defaultColor;
+ }
+ } else if (fillType === 'gradient') {
+ pathFill = gradientFill;
+ } else if (fillType === 'pattern') {
+ pathFill = patternFill;
+ } else {
+ pathFill = defaultColor;
+ } // override pattern/gradient if opts.solid is true
+
+
+ if (opts.solid) {
+ pathFill = defaultColor;
+ }
+
+ return pathFill;
+ }
+ }, {
+ key: "getFillType",
+ value: function getFillType(seriesIndex) {
+ var w = this.w;
+
+ if (Array.isArray(w.config.fill.type)) {
+ return w.config.fill.type[seriesIndex];
+ } else {
+ return w.config.fill.type;
+ }
+ }
+ }, {
+ key: "getFillColors",
+ value: function getFillColors() {
+ var w = this.w;
+ var cnf = w.config;
+ var opts = this.opts;
+ var fillColors = [];
+
+ if (w.globals.comboCharts) {
+ if (w.config.series[this.seriesIndex].type === 'line') {
+ if (w.globals.stroke.colors instanceof Array) {
+ fillColors = w.globals.stroke.colors;
+ } else {
+ fillColors.push(w.globals.stroke.colors);
+ }
+ } else {
+ if (w.globals.fill.colors instanceof Array) {
+ fillColors = w.globals.fill.colors;
+ } else {
+ fillColors.push(w.globals.fill.colors);
+ }
+ }
+ } else {
+ if (cnf.chart.type === 'line') {
+ if (w.globals.stroke.colors instanceof Array) {
+ fillColors = w.globals.stroke.colors;
+ } else {
+ fillColors.push(w.globals.stroke.colors);
+ }
+ } else {
+ if (w.globals.fill.colors instanceof Array) {
+ fillColors = w.globals.fill.colors;
+ } else {
+ fillColors.push(w.globals.fill.colors);
+ }
+ }
+ } // colors passed in arguments
+
+
+ if (typeof opts.fillColors !== 'undefined') {
+ fillColors = [];
+
+ if (opts.fillColors instanceof Array) {
+ fillColors = opts.fillColors.slice();
+ } else {
+ fillColors.push(opts.fillColors);
+ }
+ }
+
+ return fillColors;
+ }
+ }, {
+ key: "handlePatternFill",
+ value: function handlePatternFill(patternFill, fillColor, fillOpacity, defaultColor) {
+ var cnf = this.w.config;
+ var opts = this.opts;
+ var graphics = new Graphics(this.ctx);
+ var patternStrokeWidth = cnf.fill.pattern.strokeWidth === undefined ? Array.isArray(cnf.stroke.width) ? cnf.stroke.width[this.seriesIndex] : cnf.stroke.width : Array.isArray(cnf.fill.pattern.strokeWidth) ? cnf.fill.pattern.strokeWidth[this.seriesIndex] : cnf.fill.pattern.strokeWidth;
+ var patternLineColor = fillColor;
+
+ if (cnf.fill.pattern.style instanceof Array) {
+ if (typeof cnf.fill.pattern.style[opts.seriesNumber] !== 'undefined') {
+ var pf = graphics.drawPattern(cnf.fill.pattern.style[opts.seriesNumber], cnf.fill.pattern.width, cnf.fill.pattern.height, patternLineColor, patternStrokeWidth, fillOpacity);
+ patternFill = pf;
+ } else {
+ patternFill = defaultColor;
+ }
+ } else {
+ patternFill = graphics.drawPattern(cnf.fill.pattern.style, cnf.fill.pattern.width, cnf.fill.pattern.height, patternLineColor, patternStrokeWidth, fillOpacity);
+ }
+
+ return patternFill;
+ }
+ }, {
+ key: "handleGradientFill",
+ value: function handleGradientFill(gradientFill, fillColor, fillOpacity, i) {
+ var cnf = this.w.config;
+ var opts = this.opts;
+ var graphics = new Graphics(this.ctx);
+ var utils = new Utils();
+ var type = cnf.fill.gradient.type;
+ var gradientFrom, gradientTo;
+ var opacityFrom = cnf.fill.gradient.opacityFrom === undefined ? fillOpacity : Array.isArray(cnf.fill.gradient.opacityFrom) ? cnf.fill.gradient.opacityFrom[i] : cnf.fill.gradient.opacityFrom;
+ var opacityTo = cnf.fill.gradient.opacityTo === undefined ? fillOpacity : Array.isArray(cnf.fill.gradient.opacityTo) ? cnf.fill.gradient.opacityTo[i] : cnf.fill.gradient.opacityTo;
+ gradientFrom = fillColor;
+
+ if (cnf.fill.gradient.gradientToColors === undefined || cnf.fill.gradient.gradientToColors.length === 0) {
+ if (cnf.fill.gradient.shade === 'dark') {
+ gradientTo = utils.shadeColor(parseFloat(cnf.fill.gradient.shadeIntensity) * -1, fillColor);
+ } else {
+ gradientTo = utils.shadeColor(parseFloat(cnf.fill.gradient.shadeIntensity), fillColor);
+ }
+ } else {
+ gradientTo = cnf.fill.gradient.gradientToColors[opts.seriesNumber];
+ }
+
+ if (cnf.fill.gradient.inverseColors) {
+ var t = gradientFrom;
+ gradientFrom = gradientTo;
+ gradientTo = t;
+ }
+
+ gradientFill = graphics.drawGradient(type, gradientFrom, gradientTo, opacityFrom, opacityTo, opts.size, cnf.fill.gradient.stops, cnf.fill.gradient.colorStops, i);
+ return gradientFill;
+ }
+ }]);
+
+ return Fill;
+}();
+
+/**
+ * ApexCharts Markers Class for drawing points on y values in axes charts.
+ *
+ * @module Markers
+ **/
+
+var Markers =
+/*#__PURE__*/
+function () {
+ function Markers(ctx, opts) {
+ _classCallCheck(this, Markers);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Markers, [{
+ key: "setGlobalMarkerSize",
+ value: function setGlobalMarkerSize() {
+ var w = this.w;
+ w.globals.markers.size = Array.isArray(w.config.markers.size) ? w.config.markers.size : [w.config.markers.size];
+
+ if (w.globals.markers.size.length > 0) {
+ if (w.globals.markers.size.length < w.globals.series.length + 1) {
+ for (var i = 0; i <= w.globals.series.length; i++) {
+ if (typeof w.globals.markers.size[i] === 'undefined') {
+ w.globals.markers.size.push(w.globals.markers.size[0]);
+ }
+ }
+ }
+ } else {
+ w.globals.markers.size = w.config.series.map(function (s) {
+ return w.config.markers.size;
+ });
+ }
+ }
+ }, {
+ key: "plotChartMarkers",
+ value: function plotChartMarkers(pointsPos, seriesIndex, j) {
+ var _this = this;
+
+ var w = this.w;
+ var p = pointsPos;
+ var elPointsWrap = null;
+ var graphics = new Graphics(this.ctx);
+ var point;
+
+ if (w.globals.markers.size[seriesIndex] > 0) {
+ elPointsWrap = graphics.group({
+ class: 'apexcharts-series-markers'
+ });
+ elPointsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+ }
+
+ if (p.x instanceof Array) {
+ var _loop = function _loop(q) {
+ var dataPointIndex = j; // a small hack as we have 2 points for the first val to connect it
+
+ if (j === 1 && q === 0) dataPointIndex = 0;
+ if (j === 1 && q === 1) dataPointIndex = 1;
+ var PointClasses = 'apexcharts-marker';
+
+ if ((w.config.chart.type === 'line' || w.config.chart.type === 'area') && !w.globals.comboCharts && !w.config.tooltip.intersect) {
+ PointClasses += ' no-pointer-events';
+ }
+
+ var shouldMarkerDraw = Array.isArray(w.config.markers.size) ? w.globals.markers.size[seriesIndex] > 0 : w.config.markers.size > 0;
+
+ if (shouldMarkerDraw) {
+ if (Utils.isNumber(p.y[q])) {
+ PointClasses += " w".concat((Math.random() + 1).toString(36).substring(4));
+ } else {
+ PointClasses = 'apexcharts-nullpoint';
+ }
+
+ var opts = _this.getMarkerConfig(PointClasses, seriesIndex); // discrete markers is an option where user can specify a particular marker with different size and color
+
+
+ w.config.markers.discrete.map(function (marker) {
+ if (marker.seriesIndex === seriesIndex && marker.dataPointIndex === dataPointIndex) {
+ opts.pointStrokeColor = marker.strokeColor;
+ opts.pointFillColor = marker.fillColor;
+ opts.pSize = marker.size;
+ }
+ });
+ point = graphics.drawMarker(p.x[q], p.y[q], opts);
+ point.attr('rel', dataPointIndex);
+ point.attr('j', dataPointIndex);
+ point.attr('index', seriesIndex);
+ point.node.setAttribute('default-marker-size', opts.pSize);
+ var filters = new Filters(_this.ctx);
+ filters.setSelectionFilter(point, seriesIndex, dataPointIndex);
+
+ _this.addEvents(point);
+
+ if (elPointsWrap) {
+ elPointsWrap.add(point);
+ }
+ } else {
+ // dynamic array creation - multidimensional
+ if (typeof w.globals.pointsArray[seriesIndex] === 'undefined') w.globals.pointsArray[seriesIndex] = [];
+ w.globals.pointsArray[seriesIndex].push([p.x[q], p.y[q]]);
+ }
+ };
+
+ for (var q = 0; q < p.x.length; q++) {
+ _loop(q);
+ }
+ }
+
+ return elPointsWrap;
+ }
+ }, {
+ key: "getMarkerConfig",
+ value: function getMarkerConfig(cssClass, seriesIndex) {
+ var w = this.w;
+ var pStyle = this.getMarkerStyle(seriesIndex);
+ var pSize = w.globals.markers.size[seriesIndex];
+ return {
+ pSize: pSize,
+ pRadius: w.config.markers.radius,
+ pWidth: w.config.markers.strokeWidth,
+ pointStrokeColor: pStyle.pointStrokeColor,
+ pointFillColor: pStyle.pointFillColor,
+ shape: w.config.markers.shape instanceof Array ? w.config.markers.shape[seriesIndex] : w.config.markers.shape,
+ class: cssClass,
+ pointStrokeOpacity: w.config.markers.strokeOpacity,
+ pointFillOpacity: w.config.markers.fillOpacity,
+ seriesIndex: seriesIndex
+ };
+ }
+ }, {
+ key: "addEvents",
+ value: function addEvents(circle) {
+ var graphics = new Graphics(this.ctx);
+ circle.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this.ctx, circle));
+ circle.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this.ctx, circle));
+ circle.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this.ctx, circle));
+ circle.node.addEventListener('touchstart', graphics.pathMouseDown.bind(this.ctx, circle), {
+ passive: true
+ });
+ }
+ }, {
+ key: "getMarkerStyle",
+ value: function getMarkerStyle(seriesIndex) {
+ var w = this.w;
+ var colors = w.globals.markers.colors;
+ var strokeColors = w.config.markers.strokeColor || w.config.markers.strokeColors;
+ var pointStrokeColor = strokeColors instanceof Array ? strokeColors[seriesIndex] : strokeColors;
+ var pointFillColor = colors instanceof Array ? colors[seriesIndex] : colors;
+ return {
+ pointStrokeColor: pointStrokeColor,
+ pointFillColor: pointFillColor
+ };
+ }
+ }]);
+
+ return Markers;
+}();
+
+/**
+ * ApexCharts Scatter Class.
+ * This Class also handles bubbles chart as currently there is no major difference in drawing them,
+ * @module Scatter
+ **/
+
+var Scatter =
+/*#__PURE__*/
+function () {
+ function Scatter(ctx) {
+ _classCallCheck(this, Scatter);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled; // this array will help in centering the label in bubbles
+
+ this.radiusSizes = [];
+ }
+
+ _createClass(Scatter, [{
+ key: "draw",
+ value: function draw(elSeries, j, opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var realIndex = opts.realIndex;
+ var pointsPos = opts.pointsPos;
+ var zRatio = opts.zRatio;
+ var elPointsMain = opts.elParent;
+ var elPointsWrap = graphics.group({
+ class: "apexcharts-series-markers apexcharts-series-".concat(w.config.chart.type)
+ });
+ elPointsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+
+ if (pointsPos.x instanceof Array) {
+ for (var q = 0; q < pointsPos.x.length; q++) {
+ var dataPointIndex = j + 1;
+ var shouldDraw = true; // a small hack as we have 2 points for the first val to connect it
+
+ if (j === 0 && q === 0) dataPointIndex = 0;
+ if (j === 0 && q === 1) dataPointIndex = 1;
+ var radius = 0;
+ var finishRadius = w.globals.markers.size[realIndex];
+
+ if (zRatio !== Infinity) {
+ // means we have a bubble
+ finishRadius = w.globals.seriesZ[realIndex][dataPointIndex] / zRatio;
+
+ if (typeof this.radiusSizes[realIndex] === 'undefined') {
+ this.radiusSizes.push([]);
+ }
+
+ this.radiusSizes[realIndex].push(finishRadius);
+ }
+
+ if (!w.config.chart.animations.enabled) {
+ radius = finishRadius;
+ }
+
+ var x = pointsPos.x[q];
+ var y = pointsPos.y[q];
+ radius = radius || 0;
+
+ if (x === 0 && y === 0 || y === null || typeof w.globals.series[realIndex][dataPointIndex] === 'undefined') {
+ shouldDraw = false;
+ }
+
+ if (shouldDraw) {
+ var circle = this.drawPoint(x, y, radius, finishRadius, realIndex, dataPointIndex, j);
+ elPointsWrap.add(circle);
+ }
+
+ elPointsMain.add(elPointsWrap);
+ }
+ }
+ }
+ }, {
+ key: "drawPoint",
+ value: function drawPoint(x, y, radius, finishRadius, realIndex, dataPointIndex, j) {
+ var w = this.w;
+ var anim = new Animations(this.ctx);
+ var filters = new Filters(this.ctx);
+ var fill = new Fill(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var pathFillCircle = fill.fillPath({
+ seriesNumber: realIndex,
+ patternUnits: 'objectBoundingBox'
+ });
+ var circle = graphics.drawCircle(radius);
+ circle.attr({
+ cx: x,
+ cy: y,
+ fill: pathFillCircle
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ filters.dropShadow(circle, {
+ top: w.config.chart.dropShadow.top,
+ left: w.config.chart.dropShadow.left,
+ blur: w.config.chart.dropShadow.blur,
+ color: w.config.chart.dropShadow.color,
+ opacity: w.config.chart.dropShadow.opacity
+ });
+ }
+
+ if (this.initialAnim && !w.globals.dataChanged) {
+ var speed = 1;
+
+ if (!w.globals.resized) {
+ speed = w.config.chart.animations.speed;
+ }
+
+ anim.animateCircleRadius(circle, 0, finishRadius, speed, w.globals.easing);
+ }
+
+ if (w.globals.dataChanged) {
+ if (this.dynamicAnim) {
+ var _speed = w.config.chart.animations.dynamicAnimation.speed;
+ var prevX, prevY, prevR;
+ var prevPathJ = null;
+ prevPathJ = w.globals.previousPaths[realIndex] && w.globals.previousPaths[realIndex][j];
+
+ if (typeof prevPathJ !== 'undefined' && prevPathJ !== null) {
+ // series containing less elements will ignore these values and revert to 0
+ prevX = prevPathJ.x;
+ prevY = prevPathJ.y;
+ prevR = typeof prevPathJ.r !== 'undefined' ? prevPathJ.r : finishRadius;
+ }
+
+ for (var cs = 0; cs < w.globals.collapsedSeries.length; cs++) {
+ if (w.globals.collapsedSeries[cs].index === realIndex) {
+ _speed = 1;
+ finishRadius = 0;
+ }
+ }
+
+ if (x === 0 && y === 0) finishRadius = 0;
+ anim.animateCircle(circle, {
+ cx: prevX,
+ cy: prevY,
+ r: prevR
+ }, {
+ cx: x,
+ cy: y,
+ r: finishRadius
+ }, _speed, w.globals.easing);
+ } else {
+ circle.attr({
+ r: finishRadius
+ });
+ }
+ }
+
+ circle.attr({
+ rel: dataPointIndex,
+ j: dataPointIndex,
+ index: realIndex,
+ 'default-marker-size': finishRadius
+ });
+ var markers = new Markers(this.ctx);
+ filters.setSelectionFilter(circle, realIndex, dataPointIndex);
+ markers.addEvents(circle);
+ circle.node.classList.add('apexcharts-marker');
+ return circle;
+ }
+ }, {
+ key: "centerTextInBubble",
+ value: function centerTextInBubble(y) {
+ var w = this.w;
+ y = y + parseInt(w.config.dataLabels.style.fontSize) / 4;
+ return {
+ y: y
+ };
+ }
+ }]);
+
+ return Scatter;
+}();
+
+/**
+ * ApexCharts DataLabels Class for drawing dataLabels on Axes based Charts.
+ *
+ * @module DataLabels
+ **/
+
+var DataLabels =
+/*#__PURE__*/
+function () {
+ function DataLabels(ctx) {
+ _classCallCheck(this, DataLabels);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // When there are many datalabels to be printed, and some of them overlaps each other in the same series, this method will take care of that
+ // Also, when datalabels exceeds the drawable area and get clipped off, we need to adjust and move some pixels to make them visible again
+
+
+ _createClass(DataLabels, [{
+ key: "dataLabelsCorrection",
+ value: function dataLabelsCorrection(x, y, val, i, dataPointIndex, alwaysDrawDataLabel, fontSize) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var drawnextLabel = false; //
+
+ var textRects = graphics.getTextRects(val, fontSize);
+ var width = textRects.width;
+ var height = textRects.height; // first value in series, so push an empty array
+
+ if (typeof w.globals.dataLabelsRects[i] === 'undefined') w.globals.dataLabelsRects[i] = []; // then start pushing actual rects in that sub-array
+
+ w.globals.dataLabelsRects[i].push({
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ });
+ var len = w.globals.dataLabelsRects[i].length - 2;
+ var lastDrawnIndex = typeof w.globals.lastDrawnDataLabelsIndexes[i] !== 'undefined' ? w.globals.lastDrawnDataLabelsIndexes[i][w.globals.lastDrawnDataLabelsIndexes[i].length - 1] : 0;
+
+ if (typeof w.globals.dataLabelsRects[i][len] !== 'undefined') {
+ var lastDataLabelRect = w.globals.dataLabelsRects[i][lastDrawnIndex];
+
+ if ( // next label forward and x not intersecting
+ x > lastDataLabelRect.x + lastDataLabelRect.width + 2 || y > lastDataLabelRect.y + lastDataLabelRect.height + 2 || x + width < lastDataLabelRect.x // next label is going to be drawn backwards
+ ) {
+ // the 2 indexes don't override, so OK to draw next label
+ drawnextLabel = true;
+ }
+ }
+
+ if (dataPointIndex === 0 || alwaysDrawDataLabel) {
+ drawnextLabel = true;
+ }
+
+ return {
+ x: x,
+ y: y,
+ drawnextLabel: drawnextLabel
+ };
+ }
+ }, {
+ key: "drawDataLabel",
+ value: function drawDataLabel(pos, i, j) {
+ // this method handles line, area, bubble, scatter charts as those charts contains markers/points which have pre-defined x/y positions
+ // all other charts like bars / heatmaps will define their own drawDataLabel routine
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var dataLabelsConfig = w.config.dataLabels;
+ var x = 0;
+ var y = 0;
+ var dataPointIndex = j;
+ var elDataLabelsWrap = null;
+
+ if (!dataLabelsConfig.enabled || pos.x instanceof Array !== true) {
+ return elDataLabelsWrap;
+ }
+
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ elDataLabelsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+
+ for (var q = 0; q < pos.x.length; q++) {
+ x = pos.x[q] + dataLabelsConfig.offsetX;
+ y = pos.y[q] + dataLabelsConfig.offsetY - w.globals.markers.size[i] - 5;
+
+ if (!isNaN(x)) {
+ // a small hack as we have 2 points for the first val to connect it
+ if (j === 1 && q === 0) dataPointIndex = 0;
+ if (j === 1 && q === 1) dataPointIndex = 1;
+ var val = w.globals.series[i][dataPointIndex];
+ var text = '';
+
+ if (w.config.chart.type === 'bubble') {
+ text = w.globals.seriesZ[i][dataPointIndex];
+ y = pos.y[q] + w.config.dataLabels.offsetY;
+ var scatter = new Scatter(this.ctx);
+ var centerTextInBubbleCoords = scatter.centerTextInBubble(y, i, dataPointIndex);
+ y = centerTextInBubbleCoords.y;
+ } else {
+ if (typeof val !== 'undefined') {
+ text = w.config.dataLabels.formatter(val, {
+ seriesIndex: i,
+ dataPointIndex: dataPointIndex,
+ w: w
+ });
+ }
+ }
+
+ this.plotDataLabelsText({
+ x: x,
+ y: y,
+ text: text,
+ i: i,
+ j: dataPointIndex,
+ parent: elDataLabelsWrap,
+ offsetCorrection: true,
+ dataLabelsConfig: w.config.dataLabels
+ });
+ }
+ }
+
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "plotDataLabelsText",
+ value: function plotDataLabelsText(opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var x = opts.x,
+ y = opts.y,
+ i = opts.i,
+ j = opts.j,
+ text = opts.text,
+ textAnchor = opts.textAnchor,
+ parent = opts.parent,
+ dataLabelsConfig = opts.dataLabelsConfig,
+ alwaysDrawDataLabel = opts.alwaysDrawDataLabel,
+ offsetCorrection = opts.offsetCorrection;
+
+ if (Array.isArray(w.config.dataLabels.enabledOnSeries)) {
+ if (w.config.dataLabels.enabledOnSeries.indexOf(i) > -1) {
+ return;
+ }
+ }
+
+ var correctedLabels = {
+ x: x,
+ y: y,
+ drawnextLabel: true
+ };
+
+ if (offsetCorrection) {
+ correctedLabels = this.dataLabelsCorrection(x, y, text, i, j, alwaysDrawDataLabel, parseInt(dataLabelsConfig.style.fontSize));
+ } // when zoomed, we don't need to correct labels offsets,
+ // but if normally, labels get cropped, correct them
+
+
+ if (!w.globals.zoomed) {
+ x = correctedLabels.x;
+ y = correctedLabels.y;
+ }
+
+ if (correctedLabels.drawnextLabel) {
+ var dataLabelText = graphics.drawText({
+ width: 100,
+ height: parseInt(dataLabelsConfig.style.fontSize),
+ x: x,
+ y: y,
+ foreColor: w.globals.dataLabels.style.colors[i],
+ textAnchor: textAnchor || dataLabelsConfig.textAnchor,
+ text: text,
+ fontSize: dataLabelsConfig.style.fontSize,
+ fontFamily: dataLabelsConfig.style.fontFamily
+ });
+ dataLabelText.attr({
+ class: 'apexcharts-datalabel',
+ cx: x,
+ cy: y
+ });
+
+ if (dataLabelsConfig.dropShadow.enabled) {
+ var textShadow = dataLabelsConfig.dropShadow;
+ var filters = new Filters(this.ctx);
+ filters.dropShadow(dataLabelText, textShadow);
+ }
+
+ parent.add(dataLabelText);
+
+ if (typeof w.globals.lastDrawnDataLabelsIndexes[i] === 'undefined') {
+ w.globals.lastDrawnDataLabelsIndexes[i] = [];
+ }
+
+ w.globals.lastDrawnDataLabelsIndexes[i].push(j);
+ }
+ }
+ }]);
+
+ return DataLabels;
+}();
+
+/**
+ * ApexCharts Bar Class responsible for drawing both Columns and Bars.
+ *
+ * @module Bar
+ **/
+
+var DATA_LABELS_WARNING_THRESHOLD = 50;
+
+var Bar =
+/*#__PURE__*/
+function () {
+ function Bar(ctx, xyRatios) {
+ _classCallCheck(this, Bar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.barOptions = w.config.plotOptions.bar;
+ this.isHorizontal = this.barOptions.horizontal;
+ this.strokeWidth = w.config.stroke.width;
+ this.isNullValue = false;
+ this.xyRatios = xyRatios;
+
+ if (this.xyRatios !== null) {
+ this.xRatio = xyRatios.xRatio;
+ this.yRatio = xyRatios.yRatio;
+ this.invertedXRatio = xyRatios.invertedXRatio;
+ this.invertedYRatio = xyRatios.invertedYRatio;
+ this.baseLineY = xyRatios.baseLineY;
+ this.baseLineInvertedY = xyRatios.baseLineInvertedY;
+ }
+
+ this.minXDiff = Number.MAX_VALUE;
+ this.yaxisIndex = 0;
+ this.seriesLen = 0;
+ }
+ /** primary draw method which is called on bar object
+ * @memberof Bar
+ * @param {array} series - user supplied series values
+ * @param {int} seriesIndex - the index by which series will be drawn on the svg
+ * @return {node} element which is supplied to parent chart draw method for appending
+ **/
+
+
+ _createClass(Bar, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var _this = this;
+
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.initVariables(series);
+ var ret = graphics.group({
+ class: 'apexcharts-bar-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+
+ if (w.config.dataLabels.enabled) {
+ if (this.totalItems > DATA_LABELS_WARNING_THRESHOLD) {
+ console.warn('WARNING: DataLabels are enabled but there are too many to display. This may cause performance issue when rendering.');
+ }
+ }
+
+ var _loop = function _loop(i, bc) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var x = void 0,
+ y = void 0,
+ xDivision = void 0,
+ // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+ yDivision = void 0,
+ // yDivision is the GRIDHEIGHT divided by number of datapoints (bars)
+ zeroH = void 0,
+ // zeroH is the baseline where 0 meets y axis
+ zeroW = void 0; // zeroW is the baseline where 0 meets x axis
+
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+
+ _this.ctx.series.addCollapsedClassToSeries(elSeries, realIndex);
+
+ if (series[i].length > 0) {
+ _this.visibleI = _this.visibleI + 1;
+ }
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ if (_this.yRatio.length > 1) {
+ _this.yaxisIndex = realIndex;
+ }
+
+ _this.isReversed = w.config.yaxis[_this.yaxisIndex] && w.config.yaxis[_this.yaxisIndex].reversed;
+
+ var initPositions = _this.initialPositions();
+
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ yDivision = initPositions.yDivision;
+ zeroW = initPositions.zeroW;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+
+ if (!_this.horizontal) {
+ xArrj.push(x + barWidth / 2);
+ } // eldatalabels
+
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ var _loop2 = function _loop2(j, tj) {
+ if (typeof _this.series[i][j] === 'undefined' || series[i][j] === null) {
+ _this.isNullValue = true;
+ } else {
+ _this.isNullValue = false;
+ }
+
+ if (w.config.stroke.show) {
+ if (_this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(_this.strokeWidth) ? _this.strokeWidth[realIndex] : _this.strokeWidth;
+ }
+ }
+
+ var paths = null;
+
+ if (_this.isHorizontal) {
+ paths = _this.drawBarPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ barHeight: barHeight,
+ strokeWidth: strokeWidth,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ zeroW: zeroW,
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ elSeries: elSeries
+ });
+ } else {
+ paths = _this.drawColumnPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ }
+
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x; // push current X
+
+ if (j > 0) {
+ xArrj.push(x + barWidth / 2);
+ }
+
+ yArrj.push(y);
+ var seriesNumber = _this.barOptions.distributed ? j : i;
+ var fillColor = null;
+
+ if (_this.barOptions.colors.ranges.length > 0) {
+ var colorRange = _this.barOptions.colors.ranges;
+ colorRange.map(function (range) {
+ if (series[i][j] >= range.from && series[i][j] <= range.to) {
+ fillColor = range.color;
+ }
+ });
+ }
+
+ var pathFill = fill.fillPath({
+ seriesNumber: _this.barOptions.distributed ? seriesNumber : realIndex,
+ color: fillColor
+ });
+ elSeries = _this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ visibleSeries: _this.visibleI,
+ type: 'bar'
+ });
+ };
+
+ for (var j = 0, tj = w.globals.dataPoints; j < w.globals.dataPoints; j++, tj--) {
+ _loop2(j, tj);
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj;
+ ret.add(elSeries);
+ };
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ _loop(i, bc);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "renderSeries",
+ value: function renderSeries(_ref) {
+ var realIndex = _ref.realIndex,
+ pathFill = _ref.pathFill,
+ lineFill = _ref.lineFill,
+ j = _ref.j,
+ i = _ref.i,
+ pathFrom = _ref.pathFrom,
+ pathTo = _ref.pathTo,
+ strokeWidth = _ref.strokeWidth,
+ elSeries = _ref.elSeries,
+ x = _ref.x,
+ y = _ref.y,
+ series = _ref.series,
+ barHeight = _ref.barHeight,
+ barWidth = _ref.barWidth,
+ elDataLabelsWrap = _ref.elDataLabelsWrap,
+ visibleSeries = _ref.visibleSeries,
+ type = _ref.type;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+
+ if (!lineFill) {
+ /* fix apexcharts#341 */
+ lineFill = this.barOptions.distributed ? w.globals.stroke.colors[j] : w.globals.stroke.colors[realIndex];
+ }
+
+ if (this.isNullValue) {
+ pathFill = 'none';
+ }
+
+ var delay = j / w.config.chart.animations.animateGradually.delay * (w.config.chart.animations.speed / w.globals.dataPoints) / 2.4;
+ var renderedPath = graphics.renderPaths({
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ stroke: lineFill,
+ strokeWidth: strokeWidth,
+ strokeLineCap: w.config.stroke.lineCap,
+ fill: pathFill,
+ animationDelay: delay,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-".concat(type, "-area"),
+ id: "apexcharts-".concat(type, "-area")
+ });
+ var filters = new Filters(this.ctx);
+ filters.setSelectionFilter(renderedPath, realIndex, j);
+ elSeries.add(renderedPath);
+ var dataLabels = this.calculateDataLabelsPos({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ series: series,
+ realIndex: realIndex,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ renderedPath: renderedPath,
+ visibleSeries: visibleSeries
+ });
+
+ if (dataLabels !== null) {
+ elDataLabelsWrap.add(dataLabels);
+ }
+
+ elSeries.add(elDataLabelsWrap);
+ return elSeries;
+ }
+ }, {
+ key: "initVariables",
+ value: function initVariables(series) {
+ var _this2 = this;
+
+ var w = this.w;
+ this.series = series;
+ this.totalItems = 0;
+ this.seriesLen = 0;
+ this.visibleI = -1;
+ this.visibleItems = 1; // number of visible bars after user zoomed in/out
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length > 0) {
+ this.seriesLen = this.seriesLen + 1;
+ this.totalItems += series[sl].length;
+ }
+
+ if (w.globals.isXNumeric) {
+ // get the least x diff if numeric x axis is present
+ w.globals.seriesX.forEach(function (sX, i) {
+ sX.forEach(function (s, j) {
+ if (j > 0) {
+ var xDiff = s - w.globals.seriesX[i][j - 1];
+ _this2.minXDiff = Math.min(xDiff, _this2.minXDiff);
+ }
+ });
+ }); // get max visible items
+
+ for (var j = 0; j < series[sl].length; j++) {
+ if (w.globals.seriesX[sl][j] > w.globals.minX && w.globals.seriesX[sl][j] < w.globals.maxX) {
+ this.visibleItems++;
+ }
+ }
+ } else {
+ this.visibleItems = w.globals.dataPoints;
+ }
+ }
+
+ if (this.seriesLen === 0) {
+ // A small adjustment when combo charts are used
+ this.seriesLen = 1;
+ }
+ }
+ }, {
+ key: "initialPositions",
+ value: function initialPositions() {
+ var w = this.w;
+ var x, y, yDivision, xDivision, barHeight, barWidth, zeroH, zeroW;
+
+ if (this.isHorizontal) {
+ // height divided into equal parts
+ yDivision = w.globals.gridHeight / w.globals.dataPoints;
+ barHeight = yDivision / this.seriesLen;
+
+ if (w.globals.isXNumeric) {
+ yDivision = w.globals.gridHeight / this.totalItems;
+ barHeight = yDivision / this.seriesLen;
+ }
+
+ barHeight = barHeight * parseInt(this.barOptions.barHeight) / 100;
+ zeroW = this.baseLineInvertedY + w.globals.padHorizontal + (this.isReversed ? w.globals.gridWidth : 0) - (this.isReversed ? this.baseLineInvertedY * 2 : 0);
+ y = (yDivision - barHeight * this.seriesLen) / 2;
+ } else {
+ // width divided into equal parts
+ xDivision = w.globals.gridWidth / this.visibleItems;
+ barWidth = xDivision / this.seriesLen * parseInt(this.barOptions.columnWidth) / 100;
+
+ if (w.globals.isXNumeric) {
+ // max barwidth should be equal to minXDiff to avoid overlap
+ if (this.minXDiff === Number.MAX_VALUE) {
+ // possibly a single dataPoint (fixes react-apexcharts/issue#34)
+ var len = w.globals.labels.length;
+
+ if (w.globals.timelineLabels.length > 0) {
+ len = w.globals.timelineLabels.length;
+ }
+
+ if (len < 3) {
+ len = 3;
+ }
+
+ this.minXDiff = (w.globals.maxX - w.globals.minX) / len;
+ }
+
+ xDivision = this.minXDiff / this.xRatio;
+ barWidth = xDivision / this.seriesLen * parseInt(this.barOptions.columnWidth) / 100;
+ }
+
+ zeroH = w.globals.gridHeight - this.baseLineY[this.yaxisIndex] - (this.isReversed ? w.globals.gridHeight : 0) + (this.isReversed ? this.baseLineY[this.yaxisIndex] * 2 : 0);
+ x = w.globals.padHorizontal + (xDivision - barWidth * this.seriesLen) / 2;
+ }
+
+ return {
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ xDivision: xDivision,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ zeroW: zeroW
+ };
+ }
+ }, {
+ key: "drawBarPaths",
+ value: function drawBarPaths(_ref2) {
+ var indexes = _ref2.indexes,
+ barHeight = _ref2.barHeight,
+ strokeWidth = _ref2.strokeWidth,
+ pathTo = _ref2.pathTo,
+ pathFrom = _ref2.pathFrom,
+ zeroW = _ref2.zeroW,
+ x = _ref2.x,
+ y = _ref2.y,
+ yDivision = _ref2.yDivision,
+ elSeries = _ref2.elSeries;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ y = (w.globals.seriesX[i][j] - w.globals.minX) / this.invertedXRatio - barHeight;
+ }
+
+ var barYPosition = y + barHeight * this.visibleI;
+ pathTo = graphics.move(zeroW, barYPosition);
+ pathFrom = graphics.move(zeroW, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ x = zeroW;
+ } else {
+ x = zeroW + this.series[i][j] / this.invertedYRatio - (this.isReversed ? this.series[i][j] / this.invertedYRatio : 0) * 2;
+ }
+
+ pathTo = pathTo + graphics.line(x, barYPosition) + graphics.line(x, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition);
+ pathFrom = pathFrom + graphics.line(zeroW, barYPosition) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition);
+
+ if (!w.globals.isXNumeric) {
+ y = y + yDivision;
+ }
+
+ if (this.barOptions.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= this.barOptions.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = this.barOptions.colors.backgroundBarColors[bc];
+ var rect = graphics.drawRect(0, barYPosition - barHeight * this.visibleI, w.globals.gridWidth, barHeight * this.seriesLen, 0, bcolor, this.barOptions.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y,
+ barYPosition: barYPosition
+ };
+ }
+ }, {
+ key: "drawColumnPaths",
+ value: function drawColumnPaths(_ref3) {
+ var indexes = _ref3.indexes,
+ x = _ref3.x,
+ y = _ref3.y,
+ xDivision = _ref3.xDivision,
+ pathTo = _ref3.pathTo,
+ pathFrom = _ref3.pathFrom,
+ barWidth = _ref3.barWidth,
+ zeroH = _ref3.zeroH,
+ strokeWidth = _ref3.strokeWidth,
+ elSeries = _ref3.elSeries;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[i][j] - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x + barWidth * this.visibleI;
+ pathTo = graphics.move(barXPosition, zeroH);
+ pathFrom = graphics.move(barXPosition, zeroH);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ y = zeroH;
+ } else {
+ y = zeroH - this.series[i][j] / this.yRatio[this.yaxisIndex] + (this.isReversed ? this.series[i][j] / this.yRatio[this.yaxisIndex] : 0) * 2;
+ }
+
+ pathTo = pathTo + graphics.line(barXPosition, y) + graphics.line(barXPosition + barWidth - strokeWidth, y) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition, zeroH);
+ pathFrom = pathFrom + graphics.line(barXPosition, zeroH) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition, zeroH);
+
+ if (!w.globals.isXNumeric) {
+ x = x + xDivision;
+ }
+
+ if (this.barOptions.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= this.barOptions.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = this.barOptions.colors.backgroundBarColors[bc];
+ var rect = graphics.drawRect(barXPosition - barWidth * this.visibleI, 0, barWidth * this.seriesLen, w.globals.gridHeight, 0, bcolor, this.barOptions.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y,
+ barXPosition: barXPosition
+ };
+ }
+ /** getPathFrom is a common function for bars/columns which is used to get previous paths when data changes.
+ * @memberof Bar
+ * @param {int} realIndex - current iterating i
+ * @param {int} j - current iterating series's j index
+ * @return {string} pathFrom is the string which will be appended in animations
+ **/
+
+ }, {
+ key: "getPathFrom",
+ value: function getPathFrom(realIndex, j) {
+ var w = this.w;
+ var pathFrom;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if (gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (typeof w.globals.previousPaths[pp].paths[j] !== 'undefined') {
+ pathFrom = w.globals.previousPaths[pp].paths[j].d;
+ }
+ }
+ }
+
+ return pathFrom;
+ }
+ /** calculateBarDataLabels is used to calculate the positions for the data-labels
+ * It also sets the element's data attr for bars and calls drawCalculatedBarDataLabels()
+ * @memberof Bar
+ * @param {object} {barProps} most of the bar properties used throughout the bar
+ * drawing function
+ * @return {object} dataLabels node-element which you can append later
+ **/
+
+ }, {
+ key: "calculateDataLabelsPos",
+ value: function calculateDataLabelsPos(_ref4) {
+ var x = _ref4.x,
+ y = _ref4.y,
+ i = _ref4.i,
+ j = _ref4.j,
+ realIndex = _ref4.realIndex,
+ series = _ref4.series,
+ barHeight = _ref4.barHeight,
+ barWidth = _ref4.barWidth,
+ visibleSeries = _ref4.visibleSeries,
+ renderedPath = _ref4.renderedPath;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var strokeWidth = Array.isArray(this.strokeWidth) ? this.strokeWidth[realIndex] : this.strokeWidth;
+ var bcx = x + parseFloat(barWidth * visibleSeries);
+ var bcy = y + parseFloat(barHeight * visibleSeries);
+
+ if (w.globals.isXNumeric) {
+ bcx = x + parseFloat(barWidth * (visibleSeries + 1)) - strokeWidth;
+ bcy = y + parseFloat(barHeight * (visibleSeries + 1)) - strokeWidth;
+ }
+
+ var dataLabels = null;
+ var dataLabelsX = x;
+ var dataLabelsY = y;
+ var dataLabelsPos = {};
+ var dataLabelsConfig = w.config.dataLabels;
+ var barDataLabelsConfig = this.barOptions.dataLabels;
+ var offX = dataLabelsConfig.offsetX;
+ var offY = dataLabelsConfig.offsetY;
+ var textRects = {
+ width: 0,
+ height: 0
+ };
+
+ if (w.config.dataLabels.enabled) {
+ textRects = graphics.getTextRects(w.globals.yLabelFormatters[0](w.globals.maxY), parseInt(dataLabelsConfig.style.fontSize));
+ }
+
+ if (this.isHorizontal) {
+ dataLabelsPos = this.calculateBarsDataLabelsPosition({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ renderedPath: renderedPath,
+ bcy: bcy,
+ barHeight: barHeight,
+ textRects: textRects,
+ strokeWidth: strokeWidth,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY,
+ barDataLabelsConfig: barDataLabelsConfig,
+ offX: offX,
+ offY: offY
+ });
+ } else {
+ dataLabelsPos = this.calculateColumnsDataLabelsPosition({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ renderedPath: renderedPath,
+ realIndex: realIndex,
+ bcx: bcx,
+ bcy: bcy,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ textRects: textRects,
+ strokeWidth: strokeWidth,
+ dataLabelsY: dataLabelsY,
+ barDataLabelsConfig: barDataLabelsConfig,
+ offX: offX,
+ offY: offY
+ });
+ }
+
+ renderedPath.attr({
+ cy: dataLabelsPos.bcy,
+ cx: dataLabelsPos.bcx,
+ j: j,
+ val: series[i][j],
+ barHeight: barHeight,
+ barWidth: barWidth
+ });
+ dataLabels = this.drawCalculatedDataLabels({
+ x: dataLabelsPos.dataLabelsX,
+ y: dataLabelsPos.dataLabelsY,
+ val: series[i][j],
+ i: realIndex,
+ j: j,
+ dataLabelsConfig: dataLabelsConfig
+ });
+ return dataLabels;
+ }
+ }, {
+ key: "calculateColumnsDataLabelsPosition",
+ value: function calculateColumnsDataLabelsPosition(opts) {
+ var w = this.w;
+ var i = opts.i,
+ j = opts.j,
+ realIndex = opts.realIndex,
+ y = opts.y,
+ bcx = opts.bcx,
+ barWidth = opts.barWidth,
+ textRects = opts.textRects,
+ dataLabelsY = opts.dataLabelsY,
+ barDataLabelsConfig = opts.barDataLabelsConfig,
+ strokeWidth = opts.strokeWidth,
+ offX = opts.offX,
+ offY = opts.offY;
+ var dataLabelsX;
+ var barHeight = this.series[i][j] / this.yRatio[this.yaxisIndex];
+ var dataPointsDividedWidth = w.globals.gridWidth / w.globals.dataPoints;
+ bcx = bcx - strokeWidth / 2;
+
+ if (w.globals.isXNumeric) {
+ dataLabelsX = bcx - barWidth / 2 + offX;
+ } else {
+ dataLabelsX = bcx - dataPointsDividedWidth + barWidth / 2 + offX;
+ }
+
+ var valIsNegative = this.series[i][j] <= 0;
+
+ if (w.config.yaxis[this.yaxisIndex].reversed) {
+ y = y - barHeight;
+ }
+
+ switch (barDataLabelsConfig.position) {
+ case 'center':
+ if (valIsNegative) {
+ dataLabelsY = y + barHeight / 2 + textRects.height / 2 + offY;
+ } else {
+ dataLabelsY = y + barHeight / 2 + textRects.height / 2 - offY;
+ }
+
+ break;
+
+ case 'bottom':
+ if (valIsNegative) {
+ dataLabelsY = y + barHeight + textRects.height + strokeWidth + offY;
+ } else {
+ dataLabelsY = y + barHeight - textRects.height / 2 + strokeWidth - offY;
+ }
+
+ break;
+
+ case 'top':
+ if (valIsNegative) {
+ dataLabelsY = y - textRects.height / 2 - offY;
+ } else {
+ dataLabelsY = y + textRects.height + offY;
+ }
+
+ break;
+ }
+
+ return {
+ bcx: bcx,
+ bcy: y,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY
+ };
+ }
+ }, {
+ key: "calculateBarsDataLabelsPosition",
+ value: function calculateBarsDataLabelsPosition(opts) {
+ var w = this.w;
+ var x = opts.x,
+ i = opts.i,
+ j = opts.j,
+ bcy = opts.bcy,
+ barHeight = opts.barHeight,
+ textRects = opts.textRects,
+ dataLabelsX = opts.dataLabelsX,
+ strokeWidth = opts.strokeWidth,
+ barDataLabelsConfig = opts.barDataLabelsConfig,
+ offX = opts.offX,
+ offY = opts.offY;
+ var dataPointsDividedHeight = w.globals.gridHeight / w.globals.dataPoints;
+ var dataLabelsY = bcy - dataPointsDividedHeight + barHeight / 2 + textRects.height / 2 + offY - 3;
+ var barWidth = this.series[i][j] / this.invertedYRatio;
+ var valIsNegative = this.series[i][j] <= 0;
+
+ if (w.config.yaxis[this.yaxisIndex].reversed) {
+ x = x + barWidth;
+ }
+
+ switch (barDataLabelsConfig.position) {
+ case 'center':
+ if (valIsNegative) {
+ dataLabelsX = x - barWidth / 2 - offX;
+ } else {
+ dataLabelsX = x - barWidth / 2 + offX;
+ }
+
+ break;
+
+ case 'bottom':
+ if (valIsNegative) {
+ dataLabelsX = x - barWidth - strokeWidth - Math.round(textRects.width / 2) - offX;
+ } else {
+ dataLabelsX = x - barWidth + strokeWidth + Math.round(textRects.width / 2) + offX;
+ }
+
+ break;
+
+ case 'top':
+ if (valIsNegative) {
+ dataLabelsX = x - strokeWidth + Math.round(textRects.width / 2) - offX;
+ } else {
+ dataLabelsX = x - strokeWidth - Math.round(textRects.width / 2) + offX;
+ }
+
+ break;
+ }
+
+ if (dataLabelsX < 0) {
+ dataLabelsX = textRects.width + strokeWidth;
+ } else if (dataLabelsX + textRects.width / 2 > w.globals.gridWidth) {
+ dataLabelsX = dataLabelsX - textRects.width - strokeWidth;
+ }
+
+ return {
+ bcx: x,
+ bcy: bcy,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY
+ };
+ }
+ }, {
+ key: "drawCalculatedDataLabels",
+ value: function drawCalculatedDataLabels(_ref5) {
+ var x = _ref5.x,
+ y = _ref5.y,
+ val = _ref5.val,
+ i = _ref5.i,
+ j = _ref5.j,
+ dataLabelsConfig = _ref5.dataLabelsConfig;
+ var w = this.w;
+ var dataLabels = new DataLabels(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var formatter = dataLabelsConfig.formatter;
+ var elDataLabelsWrap = null;
+ var isSeriesNotCollapsed = w.globals.collapsedSeriesIndices.indexOf(i) > -1;
+
+ if (dataLabelsConfig.enabled && !isSeriesNotCollapsed) {
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ var text = '';
+
+ if (typeof val !== 'undefined' && val !== null) {
+ text = formatter(val, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ dataLabels.plotDataLabelsText({
+ x: x,
+ y: y,
+ text: text,
+ i: i,
+ j: j,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig,
+ alwaysDrawDataLabel: true,
+ offsetCorrection: true
+ });
+ }
+
+ return elDataLabelsWrap;
+ }
+ }]);
+
+ return Bar;
+}();
+
+/**
+ * ApexCharts BarStacked Class responsible for drawing both Stacked Columns and Bars.
+ *
+ * @module BarStacked
+ * The whole calculation for stacked bar/column is different from normal bar/column,
+ * hence it makes sense to derive a new class for it extending most of the props of Parent Bar
+ **/
+
+var BarStacked =
+/*#__PURE__*/
+function (_Bar) {
+ _inherits(BarStacked, _Bar);
+
+ function BarStacked() {
+ _classCallCheck(this, BarStacked);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(BarStacked).apply(this, arguments));
+ }
+
+ _createClass(BarStacked, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var _this = this;
+
+ var w = this.w;
+ this.graphics = new Graphics(this.ctx);
+ this.fill = new Fill(this.ctx);
+ this.bar = new Bar(this.ctx, this.xyRatios);
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.series = series;
+ this.initVariables(series);
+
+ if (w.config.chart.stackType === '100%') {
+ this.series = w.globals.seriesPercent.slice();
+ series = this.series;
+ }
+
+ this.totalItems = 0;
+ this.prevY = []; // y position on chart
+
+ this.prevX = []; // x position on chart
+
+ this.prevYF = []; // y position including shapes on chart
+
+ this.prevXF = []; // x position including shapes on chart
+
+ this.prevYVal = []; // y values (series[i][j]) in columns
+
+ this.prevXVal = []; // x values (series[i][j]) in bars
+
+ this.xArrj = []; // xj indicates x position on graph in bars
+
+ this.xArrjF = []; // xjF indicates bar's x position + endingshape's positions in bars
+
+ this.xArrjVal = []; // x val means the actual series's y values in horizontal/bars
+
+ this.yArrj = []; // yj indicates y position on graph in columns
+
+ this.yArrjF = []; // yjF indicates bar's y position + endingshape's positions in columns
+
+ this.yArrjVal = []; // y val means the actual series's y values in columns
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length > 0) {
+ this.totalItems += series[sl].length;
+ }
+ }
+
+ var ret = this.graphics.group({
+ class: 'apexcharts-bar-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+ var x = 0;
+ var y = 0;
+
+ var _loop = function _loop(i, bc) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var xDivision = void 0; // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+
+ var yDivision = void 0; // yDivision is the GRIDHEIGHT divided by number of datapoints (bars)
+
+ var zeroH = void 0; // zeroH is the baseline where 0 meets y axis
+
+ var zeroW = void 0; // zeroW is the baseline where 0 meets x axis
+
+ var xArrValues = [];
+ var yArrValues = [];
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i;
+
+ if (_this.yRatio.length > 1) {
+ _this.yaxisIndex = realIndex;
+ }
+
+ _this.isReversed = w.config.yaxis[_this.yaxisIndex] && w.config.yaxis[_this.yaxisIndex].reversed; // el to which series will be drawn
+
+ var elSeries = _this.graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ }); // eldatalabels
+
+
+ var elDataLabelsWrap = _this.graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ var initPositions = _this.initialPositions(x, y, xDivision, yDivision, zeroH, zeroW);
+
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ yDivision = initPositions.yDivision;
+ zeroW = initPositions.zeroW;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+ _this.yArrj = [];
+ _this.yArrjF = [];
+ _this.yArrjVal = [];
+ _this.xArrj = [];
+ _this.xArrjF = [];
+ _this.xArrjVal = []; // if (!this.horizontal) {
+ // this.xArrj.push(x + barWidth / 2)
+ // }
+
+ var _loop2 = function _loop2(j) {
+ if (w.config.stroke.show) {
+ if (_this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(_this.strokeWidth) ? _this.strokeWidth[realIndex] : _this.strokeWidth;
+ }
+ }
+
+ var paths = null;
+
+ if (_this.isHorizontal) {
+ paths = _this.drawBarPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ barHeight: barHeight,
+ strokeWidth: strokeWidth,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ zeroW: zeroW,
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ elSeries: elSeries
+ });
+ } else {
+ paths = _this.drawColumnPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ }
+
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x;
+ xArrValues.push(x);
+ yArrValues.push(y);
+ var seriesNumber = w.config.plotOptions.bar.distributed ? j : i;
+ var fillColor = null;
+
+ if (_this.barOptions.colors.ranges.length > 0) {
+ var colorRange = _this.barOptions.colors.ranges;
+ colorRange.map(function (range, index) {
+ if (series[i][j] >= range.from && series[i][j] <= range.to) {
+ fillColor = range.color;
+ }
+ });
+ }
+
+ var pathFill = _this.fill.fillPath({
+ seriesNumber: _this.barOptions.distributed ? seriesNumber : realIndex,
+ color: fillColor
+ });
+
+ elSeries = _this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ type: 'bar',
+ visibleSeries: 0
+ });
+ };
+
+ for (var j = 0; j < w.globals.dataPoints; j++) {
+ _loop2(j);
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrValues;
+ w.globals.seriesYvalues[realIndex] = yArrValues; // push all current y values array to main PrevY Array
+
+ _this.prevY.push(_this.yArrj);
+
+ _this.prevYF.push(_this.yArrjF);
+
+ _this.prevYVal.push(_this.yArrjVal);
+
+ _this.prevX.push(_this.xArrj);
+
+ _this.prevXF.push(_this.xArrjF);
+
+ _this.prevXVal.push(_this.xArrjVal);
+
+ ret.add(elSeries);
+ };
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ _loop(i, bc);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "initialPositions",
+ value: function initialPositions(x, y, xDivision, yDivision, zeroH, zeroW) {
+ var w = this.w;
+ var barHeight, barWidth;
+
+ if (this.isHorizontal) {
+ // height divided into equal parts
+ yDivision = w.globals.gridHeight / w.globals.dataPoints;
+ barHeight = yDivision;
+ barHeight = barHeight * parseInt(w.config.plotOptions.bar.barHeight) / 100;
+ zeroW = this.baseLineInvertedY + w.globals.padHorizontal + (this.isReversed ? w.globals.gridWidth : 0) - (this.isReversed ? this.baseLineInvertedY * 2 : 0); // initial y position is half of barHeight * half of number of Bars
+
+ y = (yDivision - barHeight) / 2;
+ } else {
+ // width divided into equal parts
+ xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ barWidth = xDivision;
+
+ if (w.globals.isXNumeric) {
+ // max barwidth should be equal to minXDiff to avoid overlap
+ xDivision = this.minXDiff / this.xRatio;
+ barWidth = xDivision * parseInt(this.barOptions.columnWidth) / 100;
+ } else {
+ barWidth = barWidth * parseInt(w.config.plotOptions.bar.columnWidth) / 100;
+ }
+
+ zeroH = this.baseLineY[this.yaxisIndex] + (this.isReversed ? w.globals.gridHeight : 0) - (this.isReversed ? this.baseLineY[this.yaxisIndex] * 2 : 0); // initial x position is one third of barWidth
+
+ x = w.globals.padHorizontal + (xDivision - barWidth) / 2;
+ }
+
+ return {
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ xDivision: xDivision,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ zeroW: zeroW
+ };
+ }
+ }, {
+ key: "drawBarPaths",
+ value: function drawBarPaths(_ref) {
+ var indexes = _ref.indexes,
+ barHeight = _ref.barHeight,
+ strokeWidth = _ref.strokeWidth,
+ pathTo = _ref.pathTo,
+ pathFrom = _ref.pathFrom,
+ zeroW = _ref.zeroW,
+ x = _ref.x,
+ y = _ref.y,
+ yDivision = _ref.yDivision,
+ elSeries = _ref.elSeries;
+ var w = this.w;
+ var barYPosition = y;
+ var barXPosition;
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+ var prevBarW = 0;
+
+ for (var k = 0; k < this.prevXF.length; k++) {
+ prevBarW = prevBarW + this.prevXF[k][j];
+ }
+
+ if (i > 0) {
+ var bXP = zeroW;
+
+ if (this.prevXVal[i - 1][j] < 0) {
+ if (this.series[i][j] >= 0) {
+ bXP = this.prevX[i - 1][j] + prevBarW - (this.isReversed ? prevBarW : 0) * 2;
+ } else {
+ bXP = this.prevX[i - 1][j];
+ }
+ } else if (this.prevXVal[i - 1][j] >= 0) {
+ if (this.series[i][j] >= 0) {
+ bXP = this.prevX[i - 1][j];
+ } else {
+ bXP = this.prevX[i - 1][j] - prevBarW + (this.isReversed ? prevBarW : 0) * 2;
+ }
+ }
+
+ barXPosition = bXP;
+ } else {
+ // the first series will not have prevX values
+ barXPosition = zeroW;
+ }
+
+ if (this.series[i][j] === null) {
+ x = barXPosition;
+ } else {
+ x = barXPosition + this.series[i][j] / this.invertedYRatio - (this.isReversed ? this.series[i][j] / this.invertedYRatio : 0) * 2;
+ }
+
+ this.xArrj.push(x);
+ this.xArrjF.push(Math.abs(barXPosition - x));
+ this.xArrjVal.push(this.series[i][j]);
+ pathTo = this.graphics.move(barXPosition, barYPosition);
+ pathFrom = this.graphics.move(barXPosition, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.bar.getPathFrom(realIndex, j, false);
+ }
+
+ pathTo = pathTo + this.graphics.line(x, barYPosition) + this.graphics.line(x, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition);
+ pathFrom = pathFrom + this.graphics.line(barXPosition, barYPosition) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition);
+
+ if (w.config.plotOptions.bar.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= w.config.plotOptions.bar.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = w.config.plotOptions.bar.colors.backgroundBarColors[bc];
+ var rect = this.graphics.drawRect(0, barYPosition, w.globals.gridWidth, barHeight, 0, bcolor, w.config.plotOptions.bar.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ y = y + yDivision;
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "drawColumnPaths",
+ value: function drawColumnPaths(_ref2) {
+ var indexes = _ref2.indexes,
+ x = _ref2.x,
+ y = _ref2.y,
+ xDivision = _ref2.xDivision,
+ pathTo = _ref2.pathTo,
+ pathFrom = _ref2.pathFrom,
+ barWidth = _ref2.barWidth,
+ zeroH = _ref2.zeroH,
+ strokeWidth = _ref2.strokeWidth,
+ elSeries = _ref2.elSeries;
+ var w = this.w;
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ var seriesVal = w.globals.seriesX[i][j];
+ if (!seriesVal) seriesVal = 0;
+ x = (seriesVal - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x;
+ var barYPosition;
+ var prevBarH = 0;
+
+ for (var k = 0; k < this.prevYF.length; k++) {
+ prevBarH = prevBarH + this.prevYF[k][j];
+ }
+
+ if (i > 0 && !w.globals.isXNumeric || i > 0 && w.globals.isXNumeric && w.globals.seriesX[i - 1][j] === w.globals.seriesX[i][j]) {
+ var bYP;
+ var prevYValue = this.prevY[i - 1][j];
+
+ if (this.prevYVal[i - 1][j] < 0) {
+ if (this.series[i][j] >= 0) {
+ bYP = prevYValue - prevBarH + (this.isReversed ? prevBarH : 0) * 2;
+ } else {
+ bYP = prevYValue;
+ }
+ } else {
+ if (this.series[i][j] >= 0) {
+ bYP = prevYValue;
+ } else {
+ bYP = prevYValue + prevBarH - (this.isReversed ? prevBarH : 0) * 2;
+ }
+ }
+
+ barYPosition = bYP;
+ } else {
+ // the first series will not have prevY values, also if the prev index's series X doesn't matches the current index's series X, then start from zero
+ barYPosition = w.globals.gridHeight - zeroH;
+ }
+
+ y = barYPosition - this.series[i][j] / this.yRatio[this.yaxisIndex] + (this.isReversed ? this.series[i][j] / this.yRatio[this.yaxisIndex] : 0) * 2;
+ this.yArrj.push(y);
+ this.yArrjF.push(Math.abs(barYPosition - y));
+ this.yArrjVal.push(this.series[i][j]);
+ pathTo = this.graphics.move(barXPosition, barYPosition);
+ pathFrom = this.graphics.move(barXPosition, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.bar.getPathFrom(realIndex, j, false);
+ }
+
+ pathTo = pathTo + this.graphics.line(barXPosition, y) + this.graphics.line(barXPosition + barWidth - strokeWidth, y) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition, barYPosition);
+ pathFrom = pathFrom + this.graphics.line(barXPosition, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition, barYPosition);
+
+ if (w.config.plotOptions.bar.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= w.config.plotOptions.bar.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = w.config.plotOptions.bar.colors.backgroundBarColors[bc];
+ var rect = this.graphics.drawRect(barXPosition, 0, barWidth, w.globals.gridHeight, 0, bcolor, w.config.plotOptions.bar.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ x = x + xDivision;
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: w.globals.isXNumeric ? x - xDivision : x,
+ y: y
+ };
+ }
+ }]);
+
+ return BarStacked;
+}(Bar);
+
+/**
+ * ApexCharts CandleStick Class responsible for drawing both Stacked Columns and Bars.
+ *
+ * @module CandleStick
+ * The whole calculation for stacked bar/column is different from normal bar/column,
+ * hence it makes sense to derive a new class for it extending most of the props of Parent Bar
+ **/
+
+var CandleStick =
+/*#__PURE__*/
+function (_Bar) {
+ _inherits(CandleStick, _Bar);
+
+ function CandleStick() {
+ _classCallCheck(this, CandleStick);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(CandleStick).apply(this, arguments));
+ }
+
+ _createClass(CandleStick, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ this.candlestickOptions = this.w.config.plotOptions.candlestick;
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.initVariables(series);
+ var ret = graphics.group({
+ class: 'apexcharts-candlestick-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var x = void 0,
+ y = void 0,
+ xDivision = void 0,
+ // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+ zeroH = void 0; // zeroH is the baseline where 0 meets y axis
+
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+
+ if (series[i].length > 0) {
+ this.visibleI = this.visibleI + 1;
+ }
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ if (this.yRatio.length > 1) {
+ this.yaxisIndex = realIndex;
+ }
+
+ var initPositions = this.initialPositions();
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+ xArrj.push(x + barWidth / 2); // eldatalabels
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ for (var j = 0, tj = w.globals.dataPoints; j < w.globals.dataPoints; j++, tj--) {
+ if (typeof this.series[i][j] === 'undefined' || series[i][j] === null) {
+ this.isNullValue = true;
+ } else {
+ this.isNullValue = false;
+ }
+
+ if (w.config.stroke.show) {
+ if (this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(this.strokeWidth) ? this.strokeWidth[realIndex] : this.strokeWidth;
+ }
+ }
+
+ var color = void 0;
+ var paths = this.drawCandleStickPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x;
+ color = paths.color; // push current X
+
+ if (j > 0) {
+ xArrj.push(x + barWidth / 2);
+ }
+
+ yArrj.push(y);
+ var pathFill = fill.fillPath({
+ seriesNumber: realIndex,
+ color: color
+ });
+ var lineFill = this.candlestickOptions.wick.useFillColor ? color : undefined;
+ elSeries = this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ lineFill: lineFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ visibleSeries: this.visibleI,
+ type: 'candlestick'
+ });
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj;
+ ret.add(elSeries);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "drawCandleStickPaths",
+ value: function drawCandleStickPaths(_ref) {
+ var indexes = _ref.indexes,
+ x = _ref.x,
+ y = _ref.y,
+ xDivision = _ref.xDivision,
+ pathTo = _ref.pathTo,
+ pathFrom = _ref.pathFrom,
+ barWidth = _ref.barWidth,
+ zeroH = _ref.zeroH,
+ strokeWidth = _ref.strokeWidth;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var isPositive = true;
+ var colorPos = w.config.plotOptions.candlestick.colors.upward;
+ var colorNeg = w.config.plotOptions.candlestick.colors.downward;
+ var yRatio = this.yRatio[this.yaxisIndex];
+ var realIndex = indexes.realIndex;
+ var ohlc = this.getOHLCValue(realIndex, j);
+ var l1 = zeroH;
+ var l2 = zeroH;
+
+ if (ohlc.o > ohlc.c) {
+ isPositive = false;
+ }
+
+ var y1 = Math.min(ohlc.o, ohlc.c);
+ var y2 = Math.max(ohlc.o, ohlc.c);
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[i][j] - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x + barWidth * this.visibleI;
+ pathTo = graphics.move(barXPosition, zeroH);
+ pathFrom = graphics.move(barXPosition, zeroH);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j, true);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ y1 = zeroH;
+ } else {
+ y1 = zeroH - y1 / yRatio;
+ y2 = zeroH - y2 / yRatio;
+ l1 = zeroH - ohlc.h / yRatio;
+ l2 = zeroH - ohlc.l / yRatio;
+ }
+
+ pathTo = graphics.move(barXPosition, y2) + graphics.line(barXPosition + barWidth / 2, y2) + graphics.line(barXPosition + barWidth / 2, l1) + graphics.line(barXPosition + barWidth / 2, y2) + graphics.line(barXPosition + barWidth, y2) + graphics.line(barXPosition + barWidth, y1) + graphics.line(barXPosition + barWidth / 2, y1) + graphics.line(barXPosition + barWidth / 2, l2) + graphics.line(barXPosition + barWidth / 2, y1) + graphics.line(barXPosition, y1) + graphics.line(barXPosition, y2 - strokeWidth / 2);
+
+ if (!w.globals.isXNumeric) {
+ x = x + xDivision;
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y2,
+ barXPosition: barXPosition,
+ color: isPositive ? colorPos : colorNeg
+ };
+ }
+ }, {
+ key: "getOHLCValue",
+ value: function getOHLCValue(i, j) {
+ var w = this.w;
+ return {
+ o: w.globals.seriesCandleO[i][j],
+ h: w.globals.seriesCandleH[i][j],
+ l: w.globals.seriesCandleL[i][j],
+ c: w.globals.seriesCandleC[i][j]
+ };
+ }
+ }]);
+
+ return CandleStick;
+}(Bar);
+
+var Crosshairs =
+/*#__PURE__*/
+function () {
+ function Crosshairs(ctx) {
+ _classCallCheck(this, Crosshairs);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Crosshairs, [{
+ key: "drawXCrosshairs",
+ value: function drawXCrosshairs() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var filters = new Filters(this.ctx);
+ var crosshairGradient = w.config.xaxis.crosshairs.fill.gradient;
+ var crosshairShadow = w.config.xaxis.crosshairs.dropShadow;
+ var fillType = w.config.xaxis.crosshairs.fill.type;
+ var gradientFrom = crosshairGradient.colorFrom;
+ var gradientTo = crosshairGradient.colorTo;
+ var opacityFrom = crosshairGradient.opacityFrom;
+ var opacityTo = crosshairGradient.opacityTo;
+ var stops = crosshairGradient.stops;
+ var shadow = 'none';
+ var dropShadow = crosshairShadow.enabled;
+ var shadowLeft = crosshairShadow.left;
+ var shadowTop = crosshairShadow.top;
+ var shadowBlur = crosshairShadow.blur;
+ var shadowColor = crosshairShadow.color;
+ var shadowOpacity = crosshairShadow.opacity;
+ var xcrosshairsFill = w.config.xaxis.crosshairs.fill.color;
+
+ if (w.config.xaxis.crosshairs.show) {
+ if (fillType === 'gradient') {
+ xcrosshairsFill = graphics.drawGradient('vertical', gradientFrom, gradientTo, opacityFrom, opacityTo, null, stops, null);
+ }
+
+ var xcrosshairs = graphics.drawRect();
+
+ if (w.config.xaxis.crosshairs.width === 1) {
+ // to prevent drawing 2 lines, convert rect to line
+ xcrosshairs = graphics.drawLine();
+ }
+
+ xcrosshairs.attr({
+ class: 'apexcharts-xcrosshairs',
+ x: 0,
+ y: 0,
+ y2: w.globals.gridHeight,
+ width: Utils.isNumber(w.config.xaxis.crosshairs.width) ? w.config.xaxis.crosshairs.width : 0,
+ height: w.globals.gridHeight,
+ fill: xcrosshairsFill,
+ filter: shadow,
+ 'fill-opacity': w.config.xaxis.crosshairs.opacity,
+ stroke: w.config.xaxis.crosshairs.stroke.color,
+ 'stroke-width': w.config.xaxis.crosshairs.stroke.width,
+ 'stroke-dasharray': w.config.xaxis.crosshairs.stroke.dashArray
+ });
+
+ if (dropShadow) {
+ xcrosshairs = filters.dropShadow(xcrosshairs, {
+ left: shadowLeft,
+ top: shadowTop,
+ blur: shadowBlur,
+ color: shadowColor,
+ opacity: shadowOpacity
+ });
+ }
+
+ w.globals.dom.elGraphical.add(xcrosshairs);
+ }
+ }
+ }, {
+ key: "drawYCrosshairs",
+ value: function drawYCrosshairs() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var crosshair = w.config.yaxis[0].crosshairs;
+
+ if (w.config.yaxis[0].crosshairs.show) {
+ var ycrosshairs = graphics.drawLine(0, 0, w.globals.gridWidth, 0, crosshair.stroke.color, crosshair.stroke.dashArray, crosshair.stroke.width);
+ ycrosshairs.attr({
+ class: 'apexcharts-ycrosshairs'
+ });
+ w.globals.dom.elGraphical.add(ycrosshairs);
+ } // draw an invisible crosshair to help in positioning the yaxis tooltip
+
+
+ var ycrosshairsHidden = graphics.drawLine(0, 0, w.globals.gridWidth, 0, crosshair.stroke.color, 0, 0);
+ ycrosshairsHidden.attr({
+ class: 'apexcharts-ycrosshairs-hidden'
+ });
+ w.globals.dom.elGraphical.add(ycrosshairsHidden);
+ }
+ }]);
+
+ return Crosshairs;
+}();
+
+/**
+ * DateTime Class to manipulate datetime values.
+ *
+ * @module DateTime
+ **/
+
+var DateTime =
+/*#__PURE__*/
+function () {
+ function DateTime(ctx) {
+ _classCallCheck(this, DateTime);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.months31 = [1, 3, 5, 7, 8, 10, 12];
+ this.months30 = [2, 4, 6, 9, 11];
+ this.daysCntOfYear = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
+ }
+
+ _createClass(DateTime, [{
+ key: "isValidDate",
+ value: function isValidDate(date) {
+ return !isNaN(this.parseDate(date));
+ }
+ }, {
+ key: "getUTCTimeStamp",
+ value: function getUTCTimeStamp(dateStr) {
+ if (!Date.parse(dateStr)) {
+ return dateStr;
+ }
+
+ return new Date(new Date(dateStr).toISOString().substr(0, 25)).getTime();
+ }
+ }, {
+ key: "parseDate",
+ value: function parseDate(dateStr) {
+ var parsed = Date.parse(dateStr);
+
+ if (!isNaN(parsed)) {
+ return this.getUTCTimeStamp(dateStr);
+ }
+
+ var output = Date.parse(dateStr.replace(/-/g, '/').replace(/[a-z]+/gi, ' '));
+ output = this.getUTCTimeStamp(output);
+ return output;
+ } // https://stackoverflow.com/a/11252167/6495043
+
+ }, {
+ key: "treatAsUtc",
+ value: function treatAsUtc(dateStr) {
+ var result = new Date(dateStr);
+ result.setMinutes(result.getMinutes() - result.getTimezoneOffset());
+ return result;
+ } // http://stackoverflow.com/questions/14638018/current-time-formatting-with-javascript#answer-14638191
+
+ }, {
+ key: "formatDate",
+ value: function formatDate(date, format) {
+ var utc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var convertToUTC = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+ var locale = this.w.globals.locale;
+ var MMMM = ['\x00'].concat(_toConsumableArray(locale.months));
+ var MMM = ['\x01'].concat(_toConsumableArray(locale.shortMonths));
+ var dddd = ['\x02'].concat(_toConsumableArray(locale.days));
+ var ddd = ['\x03'].concat(_toConsumableArray(locale.shortDays));
+
+ function ii(i, len) {
+ var s = i + '';
+ len = len || 2;
+
+ while (s.length < len) {
+ s = '0' + s;
+ }
+
+ return s;
+ }
+
+ if (convertToUTC) {
+ date = this.treatAsUtc(date);
+ }
+
+ var y = utc ? date.getUTCFullYear() : date.getFullYear();
+ format = format.replace(/(^|[^\\])yyyy+/g, '$1' + y);
+ format = format.replace(/(^|[^\\])yy/g, '$1' + y.toString().substr(2, 2));
+ format = format.replace(/(^|[^\\])y/g, '$1' + y);
+ var M = (utc ? date.getUTCMonth() : date.getMonth()) + 1;
+ format = format.replace(/(^|[^\\])MMMM+/g, '$1' + MMMM[0]);
+ format = format.replace(/(^|[^\\])MMM/g, '$1' + MMM[0]);
+ format = format.replace(/(^|[^\\])MM/g, '$1' + ii(M));
+ format = format.replace(/(^|[^\\])M/g, '$1' + M);
+ var d = utc ? date.getUTCDate() : date.getDate();
+ format = format.replace(/(^|[^\\])dddd+/g, '$1' + dddd[0]);
+ format = format.replace(/(^|[^\\])ddd/g, '$1' + ddd[0]);
+ format = format.replace(/(^|[^\\])dd/g, '$1' + ii(d));
+ format = format.replace(/(^|[^\\])d/g, '$1' + d);
+ var H = utc ? date.getUTCHours() : date.getHours();
+ format = format.replace(/(^|[^\\])HH+/g, '$1' + ii(H));
+ format = format.replace(/(^|[^\\])H/g, '$1' + H);
+ var h = H > 12 ? H - 12 : H === 0 ? 12 : H;
+ format = format.replace(/(^|[^\\])hh+/g, '$1' + ii(h));
+ format = format.replace(/(^|[^\\])h/g, '$1' + h);
+ var m = utc ? date.getUTCMinutes() : date.getMinutes();
+ format = format.replace(/(^|[^\\])mm+/g, '$1' + ii(m));
+ format = format.replace(/(^|[^\\])m/g, '$1' + m);
+ var s = utc ? date.getUTCSeconds() : date.getSeconds();
+ format = format.replace(/(^|[^\\])ss+/g, '$1' + ii(s));
+ format = format.replace(/(^|[^\\])s/g, '$1' + s);
+ var f = utc ? date.getUTCMilliseconds() : date.getMilliseconds();
+ format = format.replace(/(^|[^\\])fff+/g, '$1' + ii(f, 3));
+ f = Math.round(f / 10);
+ format = format.replace(/(^|[^\\])ff/g, '$1' + ii(f));
+ f = Math.round(f / 10);
+ format = format.replace(/(^|[^\\])f/g, '$1' + f);
+ var T = H < 12 ? 'AM' : 'PM';
+ format = format.replace(/(^|[^\\])TT+/g, '$1' + T);
+ format = format.replace(/(^|[^\\])T/g, '$1' + T.charAt(0));
+ var t = T.toLowerCase();
+ format = format.replace(/(^|[^\\])tt+/g, '$1' + t);
+ format = format.replace(/(^|[^\\])t/g, '$1' + t.charAt(0));
+ var tz = -date.getTimezoneOffset();
+ var K = utc || !tz ? 'Z' : tz > 0 ? '+' : '-';
+
+ if (!utc) {
+ tz = Math.abs(tz);
+ var tzHrs = Math.floor(tz / 60);
+ var tzMin = tz % 60;
+ K += ii(tzHrs) + ':' + ii(tzMin);
+ }
+
+ format = format.replace(/(^|[^\\])K/g, '$1' + K);
+ var day = (utc ? date.getUTCDay() : date.getDay()) + 1;
+ format = format.replace(new RegExp(dddd[0], 'g'), dddd[day]);
+ format = format.replace(new RegExp(ddd[0], 'g'), ddd[day]);
+ format = format.replace(new RegExp(MMMM[0], 'g'), MMMM[M]);
+ format = format.replace(new RegExp(MMM[0], 'g'), MMM[M]);
+ format = format.replace(/\\(.)/g, '$1');
+ return format;
+ }
+ }, {
+ key: "getTimeUnitsfromTimestamp",
+ value: function getTimeUnitsfromTimestamp(minX, maxX) {
+ var w = this.w;
+
+ if (w.config.xaxis.min !== undefined) {
+ minX = w.config.xaxis.min;
+ }
+
+ if (w.config.xaxis.max !== undefined) {
+ maxX = w.config.xaxis.max;
+ }
+
+ var minYear = new Date(minX).getFullYear();
+ var maxYear = new Date(maxX).getFullYear();
+ var minMonth = new Date(minX).getMonth();
+ var maxMonth = new Date(maxX).getMonth();
+ var minDate = new Date(minX).getDate();
+ var maxDate = new Date(maxX).getDate();
+ var minHour = new Date(minX).getHours();
+ var maxHour = new Date(maxX).getHours();
+ var minMinute = new Date(minX).getMinutes();
+ var maxMinute = new Date(maxX).getMinutes();
+ return {
+ minMinute: minMinute,
+ maxMinute: maxMinute,
+ minHour: minHour,
+ maxHour: maxHour,
+ minDate: minDate,
+ maxDate: maxDate,
+ minMonth: minMonth,
+ maxMonth: maxMonth,
+ minYear: minYear,
+ maxYear: maxYear
+ };
+ }
+ }, {
+ key: "isLeapYear",
+ value: function isLeapYear(year) {
+ return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+ }
+ }, {
+ key: "calculcateLastDaysOfMonth",
+ value: function calculcateLastDaysOfMonth(month, year, subtract) {
+ var days = this.determineDaysOfMonths(month, year); // whatever days we get, subtract the number of days asked
+
+ return days - subtract;
+ }
+ }, {
+ key: "determineDaysOfYear",
+ value: function determineDaysOfYear(year) {
+ var days = 365;
+
+ if (this.isLeapYear(year)) {
+ days = 366;
+ }
+
+ return days;
+ }
+ }, {
+ key: "determineRemainingDaysOfYear",
+ value: function determineRemainingDaysOfYear(year, month, date) {
+ var dayOfYear = this.daysCntOfYear[month] + date;
+ if (month > 1 && this.isLeapYear()) dayOfYear++;
+ return dayOfYear;
+ }
+ }, {
+ key: "determineDaysOfMonths",
+ value: function determineDaysOfMonths(month, year) {
+ var days = 30;
+ month = Utils.monthMod(month);
+
+ switch (true) {
+ case this.months30.indexOf(month) > -1:
+ if (month === 2) {
+ if (this.isLeapYear(year)) {
+ days = 29;
+ } else {
+ days = 28;
+ }
+ }
+
+ break;
+
+ case this.months31.indexOf(month) > -1:
+ days = 31;
+ break;
+
+ default:
+ days = 31;
+ break;
+ }
+
+ return days;
+ }
+ }]);
+
+ return DateTime;
+}();
+
+/**
+ * ApexCharts HeatMap Class.
+ * @module HeatMap
+ **/
+
+var HeatMap =
+/*#__PURE__*/
+function () {
+ function HeatMap(ctx, xyRatios) {
+ _classCallCheck(this, HeatMap);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xRatio = xyRatios.xRatio;
+ this.yRatio = xyRatios.yRatio;
+ this.dynamicAnim = this.w.config.chart.animations.dynamicAnimation;
+ this.rectRadius = this.w.config.plotOptions.heatmap.radius;
+ this.strokeWidth = this.w.config.stroke.width;
+ }
+
+ _createClass(HeatMap, [{
+ key: "draw",
+ value: function draw(series) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-heatmap'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")")); // width divided into equal parts
+
+ var xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ var yDivision = w.globals.gridHeight / w.globals.series.length;
+ var y1 = 0;
+ var rev = false;
+ var heatSeries = series.slice();
+
+ if (w.config.yaxis[0].reversed) {
+ rev = true;
+ heatSeries.reverse();
+ }
+
+ for (var i = rev ? 0 : heatSeries.length - 1; rev ? i < heatSeries.length : i >= 0; rev ? i++ : i--) {
+ // el to which series will be drawn
+ var elSeries = graphics.group({
+ class: "apexcharts-series apexcharts-heatmap-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ rel: i + 1,
+ 'data:realIndex': i
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var shadow = w.config.chart.dropShadow;
+ var filters = new Filters(this.ctx);
+ filters.dropShadow(elSeries, shadow);
+ }
+
+ var x1 = 0;
+
+ for (var j = 0; j < heatSeries[i].length; j++) {
+ var colorShadePercent = 1;
+ var heatColorProps = this.determineHeatColor(i, j);
+
+ if (w.globals.hasNegs) {
+ var shadeIntensity = w.config.plotOptions.heatmap.shadeIntensity;
+
+ if (heatColorProps.percent < 0) {
+ colorShadePercent = 1 - (1 + heatColorProps.percent / 100) * shadeIntensity;
+ } else {
+ colorShadePercent = (1 - heatColorProps.percent / 100) * shadeIntensity;
+ }
+ } else {
+ colorShadePercent = 1 - heatColorProps.percent / 100;
+ }
+
+ var color = heatColorProps.color;
+
+ if (w.config.plotOptions.heatmap.enableShades) {
+ var utils = new Utils();
+ color = Utils.hexToRgba(utils.shadeColor(colorShadePercent, heatColorProps.color), w.config.fill.opacity);
+ }
+
+ var radius = this.rectRadius;
+ var rect = graphics.drawRect(x1, y1, xDivision, yDivision, radius);
+ rect.attr({
+ cx: x1,
+ cy: y1
+ });
+ rect.node.classList.add('apexcharts-heatmap-rect');
+ elSeries.add(rect);
+ rect.attr({
+ fill: color,
+ i: i,
+ index: i,
+ j: j,
+ val: heatSeries[i][j],
+ 'stroke-width': this.strokeWidth,
+ stroke: w.globals.stroke.colors[0],
+ color: color
+ });
+ rect.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this, rect));
+ rect.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this, rect));
+ rect.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this, rect));
+
+ if (w.config.chart.animations.enabled && !w.globals.dataChanged) {
+ var speed = 1;
+
+ if (!w.globals.resized) {
+ speed = w.config.chart.animations.speed;
+ }
+
+ this.animateHeatMap(rect, x1, y1, xDivision, yDivision, speed);
+ }
+
+ if (w.globals.dataChanged) {
+ var _speed = 1;
+
+ if (this.dynamicAnim.enabled && w.globals.shouldAnimate) {
+ _speed = this.dynamicAnim.speed;
+ var colorFrom = w.globals.previousPaths[i] && w.globals.previousPaths[i][j] && w.globals.previousPaths[i][j].color;
+ if (!colorFrom) colorFrom = 'rgba(255, 255, 255, 0)';
+ this.animateHeatColor(rect, Utils.isColorHex(colorFrom) ? colorFrom : Utils.rgb2hex(colorFrom), Utils.isColorHex(color) ? color : Utils.rgb2hex(color), _speed);
+ }
+ }
+
+ var dataLabels = this.calculateHeatmapDataLabels({
+ x: x1,
+ y: y1,
+ i: i,
+ j: j,
+ series: heatSeries,
+ rectHeight: yDivision,
+ rectWidth: xDivision
+ });
+
+ if (dataLabels !== null) {
+ elSeries.add(dataLabels);
+ }
+
+ x1 = x1 + xDivision;
+ }
+
+ y1 = y1 + yDivision;
+ ret.add(elSeries);
+ } // adjust yaxis labels for heatmap
+
+
+ var yAxisScale = w.globals.yAxisScale[0].result.slice();
+
+ if (w.config.yaxis[0].reversed) {
+ yAxisScale.unshift('');
+ } else {
+ yAxisScale.push('');
+ }
+
+ w.globals.yAxisScale[0].result = yAxisScale;
+ var divisor = w.globals.gridHeight / w.globals.series.length;
+ w.config.yaxis[0].labels.offsetY = -(divisor / 2);
+ return ret;
+ }
+ }, {
+ key: "determineHeatColor",
+ value: function determineHeatColor(i, j) {
+ var w = this.w;
+ var val = w.globals.series[i][j];
+ var heatmap = w.config.plotOptions.heatmap;
+ var seriesNumber = heatmap.colorScale.inverse ? j : i;
+ var color = w.globals.colors[seriesNumber];
+ var min = Math.min.apply(Math, _toConsumableArray(w.globals.series[i]));
+ var max = Math.max.apply(Math, _toConsumableArray(w.globals.series[i]));
+
+ if (!heatmap.distributed) {
+ min = w.globals.minY;
+ max = w.globals.maxY;
+ }
+
+ if (typeof heatmap.colorScale.min !== 'undefined') {
+ min = heatmap.colorScale.min < w.globals.minY ? heatmap.colorScale.min : w.globals.minY;
+ max = heatmap.colorScale.max > w.globals.maxY ? heatmap.colorScale.max : w.globals.maxY;
+ }
+
+ var total = Math.abs(max) + Math.abs(min);
+ var percent = 100 * val / (total === 0 ? total - 0.000001 : total);
+
+ if (heatmap.colorScale.ranges.length > 0) {
+ var colorRange = heatmap.colorScale.ranges;
+ colorRange.map(function (range, index) {
+ if (val >= range.from && val <= range.to) {
+ color = range.color;
+ min = range.from;
+ max = range.to;
+ total = Math.abs(max) + Math.abs(min);
+ percent = 100 * val / total;
+ }
+ });
+ }
+
+ return {
+ color: color,
+ percent: percent
+ };
+ }
+ }, {
+ key: "calculateHeatmapDataLabels",
+ value: function calculateHeatmapDataLabels(_ref) {
+ var x = _ref.x,
+ y = _ref.y,
+ i = _ref.i,
+ j = _ref.j,
+ series = _ref.series,
+ rectHeight = _ref.rectHeight,
+ rectWidth = _ref.rectWidth;
+ var w = this.w; // let graphics = new Graphics(this.ctx)
+
+ var dataLabelsConfig = w.config.dataLabels;
+ var graphics = new Graphics(this.ctx);
+ var dataLabels = new DataLabels(this.ctx);
+ var formatter = dataLabelsConfig.formatter;
+ var elDataLabelsWrap = null;
+
+ if (dataLabelsConfig.enabled) {
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ var offX = dataLabelsConfig.offsetX;
+ var offY = dataLabelsConfig.offsetY;
+ var dataLabelsX = x + rectWidth / 2 + offX;
+ var dataLabelsY = y + rectHeight / 2 + parseInt(dataLabelsConfig.style.fontSize) / 3 + offY;
+ var text = formatter(w.globals.series[i][j], {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ dataLabels.plotDataLabelsText({
+ x: dataLabelsX,
+ y: dataLabelsY,
+ text: text,
+ i: i,
+ j: j,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig
+ });
+ }
+
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "animateHeatMap",
+ value: function animateHeatMap(el, x, y, width, height, speed) {
+ var _this = this;
+
+ var animations = new Animations(this.ctx);
+ animations.animateRect(el, {
+ x: x + width / 2,
+ y: y + height / 2,
+ width: 0,
+ height: 0
+ }, {
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ }, speed, function () {
+ _this.w.globals.animationEnded = true;
+ });
+ }
+ }, {
+ key: "animateHeatColor",
+ value: function animateHeatColor(el, colorFrom, colorTo, speed) {
+ el.attr({
+ fill: colorFrom
+ }).animate(speed).attr({
+ fill: colorTo
+ });
+ }
+ }]);
+
+ return HeatMap;
+}();
+
+/**
+ * ApexCharts Pie Class for drawing Pie / Donut Charts.
+ * @module Pie
+ **/
+
+var Pie =
+/*#__PURE__*/
+function () {
+ function Pie(ctx) {
+ _classCallCheck(this, Pie);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.chartType = this.w.config.chart.type;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ this.animBeginArr = [0];
+ this.animDur = 0;
+ this.donutDataLabels = this.w.config.plotOptions.pie.donut.labels;
+ var w = this.w;
+ this.lineColorArr = w.globals.stroke.colors !== undefined ? w.globals.stroke.colors : w.globals.colors;
+ this.defaultSize = w.globals.svgHeight < w.globals.svgWidth ? w.globals.svgHeight - 35 : w.globals.gridWidth;
+ this.centerY = this.defaultSize / 2;
+ this.centerX = w.globals.gridWidth / 2;
+ this.fullAngle = 360;
+ this.size = 0;
+ this.donutSize = 0;
+ this.sliceLabels = [];
+ this.prevSectorAngleArr = []; // for dynamic animations
+ }
+
+ _createClass(Pie, [{
+ key: "draw",
+ value: function draw(series) {
+ var self = this;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-pie'
+ });
+ var total = 0;
+
+ for (var k = 0; k < series.length; k++) {
+ // CALCULATE THE TOTAL
+ total += Utils.negToZero(series[k]);
+ }
+
+ var sectorAngleArr = []; // el to which series will be drawn
+
+ var elSeries = graphics.group(); // prevent division by zero error if there is no data
+
+ if (total === 0) {
+ total = 0.00001;
+ }
+
+ for (var i = 0; i < series.length; i++) {
+ // CALCULATE THE ANGLES
+ var angle = this.fullAngle * Utils.negToZero(series[i]) / total;
+ sectorAngleArr.push(angle);
+ }
+
+ if (w.globals.dataChanged) {
+ var prevTotal = 0;
+
+ for (var _k = 0; _k < w.globals.previousPaths.length; _k++) {
+ // CALCULATE THE PREV TOTAL
+ prevTotal += Utils.negToZero(w.globals.previousPaths[_k]);
+ }
+
+ var previousAngle;
+
+ for (var _i = 0; _i < w.globals.previousPaths.length; _i++) {
+ // CALCULATE THE PREVIOUS ANGLES
+ previousAngle = this.fullAngle * Utils.negToZero(w.globals.previousPaths[_i]) / prevTotal;
+ this.prevSectorAngleArr.push(previousAngle);
+ }
+ }
+
+ this.size = this.defaultSize / 2.05 - w.config.stroke.width - w.config.chart.dropShadow.blur;
+
+ if (w.config.plotOptions.pie.size !== undefined) {
+ this.size = w.config.plotOptions.pie.size;
+ }
+
+ this.donutSize = this.size * parseInt(w.config.plotOptions.pie.donut.size) / 100;
+ var scaleSize = w.config.plotOptions.pie.customScale;
+ var halfW = w.globals.gridWidth / 2;
+ var halfH = w.globals.gridHeight / 2;
+ var translateX = halfW - w.globals.gridWidth / 2 * scaleSize;
+ var translateY = halfH - w.globals.gridHeight / 2 * scaleSize;
+
+ if (this.donutDataLabels.show) {
+ var dataLabels = this.renderInnerDataLabels(this.donutDataLabels, {
+ hollowSize: this.donutSize,
+ centerX: this.centerX,
+ centerY: this.centerY,
+ opacity: this.donutDataLabels.show,
+ translateX: translateX,
+ translateY: translateY
+ });
+ ret.add(dataLabels);
+ }
+
+ if (w.config.chart.type === 'donut') {
+ // draw the inner circle and add some text to it
+ var circle = graphics.drawCircle(this.donutSize);
+ circle.attr({
+ cx: this.centerX,
+ cy: this.centerY,
+ fill: w.config.plotOptions.pie.donut.background
+ });
+ elSeries.add(circle);
+ }
+
+ var elG = self.drawArcs(sectorAngleArr, series); // add slice dataLabels at the end
+
+ this.sliceLabels.forEach(function (s) {
+ elG.add(s);
+ });
+ elSeries.attr({
+ transform: "translate(".concat(translateX, ", ").concat(translateY - 5, ") scale(").concat(scaleSize, ")")
+ });
+ ret.attr({
+ 'data:innerTranslateX': translateX,
+ 'data:innerTranslateY': translateY - 25
+ });
+ elSeries.add(elG);
+ ret.add(elSeries);
+ return ret;
+ } // core function for drawing pie arcs
+
+ }, {
+ key: "drawArcs",
+ value: function drawArcs(sectorAngleArr, series) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var g = graphics.group();
+ var startAngle = 0;
+ var prevStartAngle = 0;
+ var endAngle = 0;
+ var prevEndAngle = 0;
+ this.strokeWidth = w.config.stroke.show ? w.config.stroke.width : 0;
+
+ for (var i = 0; i < sectorAngleArr.length; i++) {
+ // if(sectorAngleArr[i]>0) {
+ var elPieArc = graphics.group({
+ class: "apexcharts-series apexcharts-pie-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ id: 'apexcharts-series-' + i,
+ rel: i + 1
+ });
+ g.add(elPieArc);
+ startAngle = endAngle;
+ prevStartAngle = prevEndAngle;
+ endAngle = startAngle + sectorAngleArr[i];
+ prevEndAngle = prevStartAngle + this.prevSectorAngleArr[i];
+ var angle = endAngle - startAngle;
+ var pathFill = fill.fillPath({
+ seriesNumber: i,
+ size: this.size
+ }); // additionaly, pass size for gradient drawing in the fillPath function
+
+ var path = this.getChangedPath(prevStartAngle, prevEndAngle);
+ var elPath = graphics.drawPath({
+ d: path,
+ stroke: this.lineColorArr instanceof Array ? this.lineColorArr[i] : this.lineColorArr,
+ strokeWidth: this.strokeWidth,
+ fill: pathFill,
+ fillOpacity: w.config.fill.opacity,
+ classes: 'apexcharts-pie-area'
+ });
+ elPath.attr({
+ id: 'apexcharts-pie-slice-' + i,
+ index: 0,
+ j: i
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(elPath, shadow);
+ }
+
+ this.addListeners(elPath, this.donutDataLabels);
+ Graphics.setAttrs(elPath.node, {
+ 'data:angle': angle,
+ 'data:startAngle': startAngle,
+ 'data:strokeWidth': this.strokeWidth,
+ 'data:value': series[i]
+ });
+ var labelPosition = {
+ x: 0,
+ y: 0
+ };
+
+ if (w.config.chart.type === 'pie') {
+ labelPosition = Utils.polarToCartesian(this.centerX, this.centerY, this.size / 1.25 + w.config.plotOptions.pie.dataLabels.offset, startAngle + (endAngle - startAngle) / 2);
+ } else if (w.config.chart.type === 'donut') {
+ labelPosition = Utils.polarToCartesian(this.centerX, this.centerY, (this.size + this.donutSize) / 2 + w.config.plotOptions.pie.dataLabels.offset, startAngle + (endAngle - startAngle) / 2);
+ }
+
+ elPieArc.add(elPath); // Animation code starts
+
+ var dur = 0;
+
+ if (this.initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / this.fullAngle * w.config.chart.animations.speed;
+ this.animDur = dur + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ } else {
+ this.animBeginArr.push(0);
+ }
+
+ if (this.dynamicAnim && w.globals.dataChanged) {
+ this.animatePaths(elPath, {
+ endAngle: endAngle,
+ startAngle: startAngle,
+ prevStartAngle: prevStartAngle,
+ prevEndAngle: prevEndAngle,
+ animateStartingPos: true,
+ i: i,
+ animBeginArr: this.animBeginArr,
+ dur: w.config.chart.animations.dynamicAnimation.speed
+ });
+ } else {
+ this.animatePaths(elPath, {
+ endAngle: endAngle,
+ startAngle: startAngle,
+ i: i,
+ totalItems: sectorAngleArr.length - 1,
+ animBeginArr: this.animBeginArr,
+ dur: dur
+ });
+ } // animation code ends
+
+
+ if (w.config.plotOptions.pie.expandOnClick) {
+ elPath.click(this.pieClicked.bind(this, i));
+ }
+
+ if (w.config.dataLabels.enabled) {
+ var xPos = labelPosition.x;
+ var yPos = labelPosition.y;
+ var text = 100 * (endAngle - startAngle) / 360 + '%';
+
+ if (angle !== 0) {
+ var formatter = w.config.dataLabels.formatter;
+
+ if (formatter !== undefined) {
+ text = formatter(w.globals.seriesPercent[i][0], {
+ seriesIndex: i,
+ w: w
+ });
+ }
+
+ var foreColor = w.globals.dataLabels.style.colors[i];
+ var elPieLabel = graphics.drawText({
+ x: xPos,
+ y: yPos,
+ text: text,
+ textAnchor: 'middle',
+ fontSize: w.config.dataLabels.style.fontSize,
+ fontFamily: w.config.dataLabels.style.fontFamily,
+ foreColor: foreColor
+ });
+
+ if (w.config.dataLabels.dropShadow.enabled) {
+ var textShadow = w.config.dataLabels.dropShadow;
+
+ var _filters = new Filters(this.ctx);
+
+ _filters.dropShadow(elPieLabel, textShadow);
+ }
+
+ elPieLabel.node.classList.add('apexcharts-pie-label');
+
+ if (w.config.chart.animations.animate && w.globals.resized === false) {
+ elPieLabel.node.classList.add('apexcharts-pie-label-delay');
+ elPieLabel.node.style.animationDelay = w.config.chart.animations.speed / 940 + 's';
+ }
+
+ this.sliceLabels.push(elPieLabel);
+ }
+ } // }
+
+ }
+
+ return g;
+ }
+ }, {
+ key: "addListeners",
+ value: function addListeners(elPath, dataLabels) {
+ var graphics = new Graphics(this.ctx); // append filters on mouseenter and mouseleave
+
+ elPath.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this, elPath));
+ elPath.node.addEventListener('mouseenter', this.printDataLabelsInner.bind(this, elPath.node, dataLabels));
+ elPath.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this, elPath));
+ elPath.node.addEventListener('mouseleave', this.revertDataLabelsInner.bind(this, elPath.node, dataLabels));
+ elPath.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this, elPath));
+ elPath.node.addEventListener('mousedown', this.printDataLabelsInner.bind(this, elPath.node, dataLabels));
+ } // This function can be used for other circle charts too
+
+ }, {
+ key: "animatePaths",
+ value: function animatePaths(el, opts) {
+ var w = this.w;
+ var me = this;
+ var angle = opts.endAngle - opts.startAngle;
+ var prevAngle = angle;
+ var fromStartAngle = opts.startAngle;
+ var toStartAngle = opts.startAngle;
+
+ if (opts.prevStartAngle !== undefined && opts.prevEndAngle !== undefined) {
+ fromStartAngle = opts.prevEndAngle;
+ prevAngle = opts.prevEndAngle - opts.prevStartAngle;
+ }
+
+ if (opts.i === w.config.series.length - 1) {
+ // some adjustments for the last overlapping paths
+ if (angle + toStartAngle > this.fullAngle) {
+ opts.endAngle = opts.endAngle - (angle + toStartAngle);
+ } else if (angle + toStartAngle < this.fullAngle) {
+ opts.endAngle = opts.endAngle + (this.fullAngle - (angle + toStartAngle));
+ }
+ }
+
+ if (angle === this.fullAngle) angle = this.fullAngle - 0.01;
+ me.animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, opts);
+ }
+ }, {
+ key: "animateArc",
+ value: function animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, opts) {
+ var me = this;
+ var w = this.w;
+ var size = me.size;
+
+ if (!size) {
+ size = opts.size;
+ }
+
+ var path;
+
+ if (isNaN(fromStartAngle) || isNaN(prevAngle)) {
+ fromStartAngle = toStartAngle;
+ prevAngle = angle;
+ opts.dur = 0;
+ }
+
+ var currAngle = angle;
+ var startAngle = toStartAngle;
+ var fromAngle = fromStartAngle - toStartAngle;
+
+ if (w.globals.dataChanged && opts.shouldSetPrevPaths) {
+ // to avoid flickering, set prev path first and then we will animate from there
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: prevAngle,
+ size: size
+ });
+ el.attr({
+ d: path
+ });
+ }
+
+ if (opts.dur !== 0) {
+ el.animate(opts.dur, w.globals.easing, opts.animBeginArr[opts.i]).afterAll(function () {
+ if (w.config.chart.type === 'pie' || w.config.chart.type === 'donut') {
+ this.animate(300).attr({
+ 'stroke-width': w.config.stroke.width
+ });
+ }
+
+ w.globals.animationEnded = true;
+ }).during(function (pos) {
+ currAngle = fromAngle + (angle - fromAngle) * pos;
+
+ if (opts.animateStartingPos) {
+ currAngle = prevAngle + (angle - prevAngle) * pos;
+ startAngle = fromStartAngle - prevAngle + (toStartAngle - (fromStartAngle - prevAngle)) * pos;
+ }
+
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: currAngle,
+ size: size
+ });
+ el.node.setAttribute('data:pathOrig', path);
+ el.attr({
+ d: path
+ });
+ });
+ } else {
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: angle,
+ size: size
+ });
+
+ if (!opts.isTrack) {
+ w.globals.animationEnded = true;
+ }
+
+ el.node.setAttribute('data:pathOrig', path);
+ el.attr({
+ d: path
+ });
+ }
+ }
+ }, {
+ key: "pieClicked",
+ value: function pieClicked(i) {
+ var w = this.w;
+ var me = this;
+ var path;
+ var size = me.size + 3;
+ var elPath = w.globals.dom.Paper.select('#apexcharts-pie-slice-' + i).members[0];
+ var pathFrom = elPath.attr('d');
+
+ if (elPath.attr('data:pieClicked') === 'true') {
+ elPath.attr({
+ 'data:pieClicked': 'false'
+ });
+ var origPath = elPath.attr('data:pathOrig');
+ elPath.attr({
+ d: origPath
+ });
+ return;
+ } else {
+ // reset all elems
+ var allEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-pie-area');
+ Array.prototype.forEach.call(allEls, function (pieSlice) {
+ pieSlice.setAttribute('data:pieClicked', 'false');
+ var origPath = pieSlice.getAttribute('data:pathOrig');
+ pieSlice.setAttribute('d', origPath);
+ });
+ elPath.attr('data:pieClicked', 'true');
+ }
+
+ var startAngle = parseInt(elPath.attr('data:startAngle'));
+ var angle = parseInt(elPath.attr('data:angle'));
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: angle,
+ size: size
+ });
+ if (angle === 360) return;
+ elPath.plot(path).animate(1).plot(pathFrom).animate(100).plot(path);
+ }
+ }, {
+ key: "getChangedPath",
+ value: function getChangedPath(prevStartAngle, prevEndAngle) {
+ var path = '';
+
+ if (this.dynamicAnim && this.w.globals.dataChanged) {
+ path = this.getPiePath({
+ me: this,
+ startAngle: prevStartAngle,
+ angle: prevEndAngle - prevStartAngle,
+ size: this.size
+ });
+ }
+
+ return path;
+ }
+ }, {
+ key: "getPiePath",
+ value: function getPiePath(_ref) {
+ var me = _ref.me,
+ startAngle = _ref.startAngle,
+ angle = _ref.angle,
+ size = _ref.size;
+ var w = this.w;
+ var path;
+ var startDeg = startAngle;
+ var startRadians = Math.PI * (startDeg - 90) / 180;
+ var endDeg = angle + startAngle;
+ if (Math.ceil(endDeg) >= 360) endDeg = 359.99;
+ var endRadians = Math.PI * (endDeg - 90) / 180;
+ var x1 = me.centerX + size * Math.cos(startRadians);
+ var y1 = me.centerY + size * Math.sin(startRadians);
+ var x2 = me.centerX + size * Math.cos(endRadians);
+ var y2 = me.centerY + size * Math.sin(endRadians);
+ var startInner = Utils.polarToCartesian(me.centerX, me.centerY, me.donutSize, endDeg);
+ var endInner = Utils.polarToCartesian(me.centerX, me.centerY, me.donutSize, startDeg);
+ var largeArc = angle > 180 ? 1 : 0;
+
+ if (w.config.chart.type === 'donut') {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2, 'L', startInner.x, startInner.y, 'A', me.donutSize, me.donutSize, 0, largeArc, 0, endInner.x, endInner.y, 'L', x1, y1, 'z'].join(' ');
+ } else if (w.config.chart.type === 'pie') {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2, 'L', me.centerX, me.centerY, 'L', x1, y1].join(' ');
+ } else {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2].join(' ');
+ }
+
+ return path;
+ }
+ }, {
+ key: "renderInnerDataLabels",
+ value: function renderInnerDataLabels(dataLabelsConfig, opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var g = graphics.group({
+ class: 'apexcharts-datalabels-group',
+ transform: "translate(".concat(opts.translateX ? opts.translateX : 0, ", ").concat(opts.translateY ? opts.translateY : 0, ")")
+ });
+ var showTotal = dataLabelsConfig.total.show;
+ g.node.style.opacity = opts.opacity;
+ var x = opts.centerX;
+ var y = opts.centerY;
+ var labelColor, valueColor;
+
+ if (dataLabelsConfig.name.color === undefined) {
+ labelColor = w.globals.colors[0];
+ } else {
+ labelColor = dataLabelsConfig.name.color;
+ }
+
+ if (dataLabelsConfig.value.color === undefined) {
+ valueColor = w.config.chart.foreColor;
+ } else {
+ valueColor = dataLabelsConfig.value.color;
+ }
+
+ var lbFormatter = dataLabelsConfig.value.formatter;
+ var val = '';
+ var name = '';
+
+ if (showTotal) {
+ labelColor = dataLabelsConfig.total.color;
+ name = dataLabelsConfig.total.label;
+ val = dataLabelsConfig.total.formatter(w);
+ } else {
+ if (w.globals.series.length === 1) {
+ val = lbFormatter(w.globals.series[0], w);
+ name = w.globals.seriesNames[0];
+ }
+ }
+
+ if (dataLabelsConfig.name.show) {
+ var elLabel = graphics.drawText({
+ x: x,
+ y: y + parseInt(dataLabelsConfig.name.offsetY),
+ text: name,
+ textAnchor: 'middle',
+ foreColor: labelColor,
+ fontSize: dataLabelsConfig.name.fontSize,
+ fontFamily: dataLabelsConfig.name.fontFamily
+ });
+ elLabel.node.classList.add('apexcharts-datalabel-label');
+ g.add(elLabel);
+ }
+
+ if (dataLabelsConfig.value.show) {
+ var valOffset = dataLabelsConfig.name.show ? parseInt(dataLabelsConfig.value.offsetY) + 16 : dataLabelsConfig.value.offsetY;
+ var elValue = graphics.drawText({
+ x: x,
+ y: y + valOffset,
+ text: val,
+ textAnchor: 'middle',
+ foreColor: valueColor,
+ fontSize: dataLabelsConfig.value.fontSize,
+ fontFamily: dataLabelsConfig.value.fontFamily
+ });
+ elValue.node.classList.add('apexcharts-datalabel-value');
+ g.add(elValue);
+ } // for a multi-series circle chart, we need to show total value instead of first series labels
+
+
+ return g;
+ }
+ /**
+ *
+ * @param {string} name - The name of the series
+ * @param {string} val - The value of that series
+ * @param {object} el - Optional el (indicates which series was hovered/clicked). If this param is not present, means we need to show total
+ */
+
+ }, {
+ key: "printInnerLabels",
+ value: function printInnerLabels(labelsConfig, name, val, el) {
+ var w = this.w;
+ var labelColor;
+
+ if (el) {
+ if (labelsConfig.name.color === undefined) {
+ labelColor = w.globals.colors[parseInt(el.parentNode.getAttribute('rel')) - 1];
+ } else {
+ labelColor = labelsConfig.name.color;
+ }
+ } else {
+ if (w.globals.series.length > 1 && labelsConfig.total.show) {
+ labelColor = labelsConfig.total.color;
+ }
+ }
+
+ var elLabel = w.globals.dom.baseEl.querySelector('.apexcharts-datalabel-label');
+ var elValue = w.globals.dom.baseEl.querySelector('.apexcharts-datalabel-value');
+ var lbFormatter = labelsConfig.value.formatter;
+ val = lbFormatter(val, w); // we need to show Total Val - so get the formatter of it
+
+ if (!el && typeof labelsConfig.total.formatter === 'function') {
+ val = labelsConfig.total.formatter(w);
+ }
+
+ if (elLabel !== null) {
+ elLabel.textContent = name;
+ }
+
+ if (elValue !== null) {
+ elValue.textContent = val;
+ }
+
+ if (elLabel !== null) {
+ elLabel.style.fill = labelColor;
+ }
+ }
+ }, {
+ key: "printDataLabelsInner",
+ value: function printDataLabelsInner(el, dataLabelsConfig) {
+ var w = this.w;
+ var val = el.getAttribute('data:value');
+ var name = w.globals.seriesNames[parseInt(el.parentNode.getAttribute('rel')) - 1];
+
+ if (w.globals.series.length > 1) {
+ this.printInnerLabels(dataLabelsConfig, name, val, el);
+ }
+
+ var dataLabelsGroup = w.globals.dom.baseEl.querySelector('.apexcharts-datalabels-group');
+
+ if (dataLabelsGroup !== null) {
+ dataLabelsGroup.style.opacity = 1;
+ }
+ }
+ }, {
+ key: "revertDataLabelsInner",
+ value: function revertDataLabelsInner(el, dataLabelsConfig) {
+ var w = this.w;
+ var dataLabelsGroup = w.globals.dom.baseEl.querySelector('.apexcharts-datalabels-group');
+
+ if (dataLabelsConfig.total.show && w.globals.series.length > 1) {
+ var pie = new Pie(this.ctx);
+ pie.printInnerLabels(dataLabelsConfig, dataLabelsConfig.total.label, dataLabelsConfig.total.formatter(w));
+ } else {
+ if (w.globals.selectedDataPoints.length) {
+ if (w.globals.selectedDataPoints[0].length > 0) {
+ var index = w.globals.selectedDataPoints[0];
+
+ var _el = w.globals.dom.baseEl.querySelector("#apexcharts-pie-slice-".concat(index));
+
+ this.printDataLabelsInner(_el, dataLabelsConfig);
+ } else {
+ dataLabelsGroup.style.opacity = 0;
+ }
+ } else if (w.globals.selectedDataPoints.length === 0 || dataLabelsGroup !== null && w.globals.series.length > 1) {
+ dataLabelsGroup.style.opacity = 0;
+ }
+ }
+ }
+ }]);
+
+ return Pie;
+}();
+
+/**
+ * ApexCharts Radar Class for Spider/Radar Charts.
+ * @module Radar
+ **/
+
+var Radar =
+/*#__PURE__*/
+function () {
+ function Radar(ctx) {
+ _classCallCheck(this, Radar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.chartType = this.w.config.chart.type;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ this.animDur = 0;
+ var w = this.w;
+ this.graphics = new Graphics(this.ctx);
+ this.lineColorArr = w.globals.stroke.colors !== undefined ? w.globals.stroke.colors : w.globals.colors;
+ this.defaultSize = w.globals.svgHeight < w.globals.svgWidth ? w.globals.svgHeight - 35 : w.globals.gridWidth;
+ this.maxValue = this.w.globals.maxY;
+ this.polygons = w.config.plotOptions.radar.polygons;
+ this.maxLabelWidth = 20;
+ var longestLabel = w.globals.labels.slice().sort(function (a, b) {
+ return b.length - a.length;
+ })[0];
+ var labelWidth = this.graphics.getTextRects(longestLabel, w.config.dataLabels.style.fontSize);
+ this.size = this.defaultSize / 2.1 - w.config.stroke.width - w.config.chart.dropShadow.blur - labelWidth.width / 1.75;
+
+ if (w.config.plotOptions.radar.size !== undefined) {
+ this.size = w.config.plotOptions.radar.size;
+ }
+
+ this.dataRadiusOfPercent = [];
+ this.dataRadius = [];
+ this.angleArr = [];
+ this.yaxisLabelsTextsPos = [];
+ }
+
+ _createClass(Radar, [{
+ key: "draw",
+ value: function draw(series) {
+ var _this = this;
+
+ var w = this.w;
+ var fill = new Fill(this.ctx);
+ var allSeries = [];
+ this.dataPointsLen = series[w.globals.maxValsInArrayIndex].length;
+ this.disAngle = Math.PI * 2 / this.dataPointsLen;
+ var halfW = w.globals.gridWidth / 2;
+ var halfH = w.globals.gridHeight / 2;
+ var translateX = halfW;
+ var translateY = halfH;
+ var ret = this.graphics.group({
+ class: 'apexcharts-radar-series',
+ 'data:innerTranslateX': translateX,
+ 'data:innerTranslateY': translateY - 25,
+ transform: "translate(".concat(translateX || 0, ", ").concat(translateY || 0, ")")
+ });
+ var dataPointsPos = [];
+ var elPointsMain = null;
+ this.yaxisLabels = this.graphics.group({
+ class: 'apexcharts-yaxis'
+ });
+ series.forEach(function (s, i) {
+ // el to which series will be drawn
+ var elSeries = _this.graphics.group().attr({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ rel: i + 1,
+ 'data:realIndex': i
+ });
+
+ _this.dataRadiusOfPercent[i] = [];
+ _this.dataRadius[i] = [];
+ _this.angleArr[i] = [];
+ s.forEach(function (dv, j) {
+ _this.dataRadiusOfPercent[i][j] = dv / _this.maxValue;
+ _this.dataRadius[i][j] = _this.dataRadiusOfPercent[i][j] * _this.size;
+ _this.angleArr[i][j] = j * _this.disAngle;
+ });
+ dataPointsPos = _this.getDataPointsPos(_this.dataRadius[i], _this.angleArr[i]);
+
+ var paths = _this.createPaths(dataPointsPos, {
+ x: 0,
+ y: 0
+ }); // points
+
+
+ elPointsMain = _this.graphics.group({
+ class: 'apexcharts-series-markers-wrap hidden'
+ });
+ w.globals.delayedElements.push({
+ el: elPointsMain.node,
+ index: i
+ });
+ var defaultRenderedPathOptions = {
+ i: i,
+ realIndex: i,
+ animationDelay: i,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-radar",
+ id: "apexcharts-radar",
+ shouldClipToGrid: false,
+ bindEventsOnPaths: false,
+ stroke: w.globals.stroke.colors[i],
+ strokeLineCap: w.config.stroke.lineCap
+ };
+ var pathFrom = null;
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = _this.getPathFrom(i);
+ }
+
+ for (var p = 0; p < paths.linePathsTo.length; p++) {
+ var renderedLinePath = _this.graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFrom === null ? paths.linePathsFrom[p] : pathFrom,
+ pathTo: paths.linePathsTo[p],
+ strokeWidth: Array.isArray(w.config.stroke.width) ? w.config.stroke.width[i] : w.config.stroke.width,
+ fill: 'none'
+ }));
+
+ elSeries.add(renderedLinePath);
+ var pathFill = fill.fillPath({
+ seriesNumber: i
+ });
+
+ var renderedAreaPath = _this.graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFrom === null ? paths.areaPathsFrom[p] : pathFrom,
+ pathTo: paths.areaPathsTo[p],
+ strokeWidth: 0,
+ fill: pathFill
+ }));
+
+ if (w.config.chart.dropShadow.enabled) {
+ var filters = new Filters(_this.ctx);
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(renderedAreaPath, _objectSpread({}, shadow, {
+ noUserSpaceOnUse: true
+ }));
+ }
+
+ elSeries.add(renderedAreaPath);
+ }
+
+ s.forEach(function (sj, j) {
+ var markers = new Markers(_this.ctx);
+ var opts = markers.getMarkerConfig('apexcharts-marker', i);
+
+ var point = _this.graphics.drawMarker(dataPointsPos[j].x, dataPointsPos[j].y, opts);
+
+ point.attr('rel', j);
+ point.attr('j', j);
+ point.attr('index', i);
+ point.node.setAttribute('default-marker-size', opts.pSize);
+
+ var elPointsWrap = _this.graphics.group({
+ class: 'apexcharts-series-markers'
+ });
+
+ if (elPointsWrap) {
+ elPointsWrap.add(point);
+ }
+
+ elPointsMain.add(elPointsWrap);
+ elSeries.add(elPointsMain);
+ });
+ allSeries.push(elSeries);
+ });
+ this.drawPolygons({
+ parent: ret
+ });
+
+ if (w.config.dataLabels.enabled) {
+ var dataLabels = this.drawLabels();
+ ret.add(dataLabels);
+ }
+
+ ret.add(this.yaxisLabels);
+ allSeries.forEach(function (elS) {
+ ret.add(elS);
+ });
+ return ret;
+ }
+ }, {
+ key: "drawPolygons",
+ value: function drawPolygons(opts) {
+ var _this2 = this;
+
+ var w = this.w;
+ var parent = opts.parent;
+ var yaxisTexts = w.globals.yAxisScale[0].result.reverse();
+ var layers = yaxisTexts.length;
+ var radiusSizes = [];
+ var layerDis = this.size / (layers - 1);
+
+ for (var i = 0; i < layers; i++) {
+ radiusSizes[i] = layerDis * i;
+ }
+
+ radiusSizes.reverse();
+ var polygonStrings = [];
+ var lines = [];
+ radiusSizes.forEach(function (radiusSize, r) {
+ var polygon = _this2.getPolygonPos(radiusSize);
+
+ var string = '';
+ polygon.forEach(function (p, i) {
+ if (r === 0) {
+ var line = _this2.graphics.drawLine(p.x, p.y, 0, 0, Array.isArray(_this2.polygons.connectorColors) ? _this2.polygons.connectorColors[i] : _this2.polygons.connectorColors);
+
+ lines.push(line);
+ }
+
+ if (i === 0) {
+ _this2.yaxisLabelsTextsPos.push({
+ x: p.x,
+ y: p.y
+ });
+ }
+
+ string += p.x + ',' + p.y + ' ';
+ });
+ polygonStrings.push(string);
+ });
+ polygonStrings.forEach(function (p, i) {
+ var strokeColors = _this2.polygons.strokeColors;
+
+ var polygon = _this2.graphics.drawPolygon(p, Array.isArray(strokeColors) ? strokeColors[i] : strokeColors, w.globals.radarPolygons.fill.colors[i]);
+
+ parent.add(polygon);
+ });
+ lines.forEach(function (l) {
+ parent.add(l);
+ });
+
+ if (w.config.yaxis[0].show) {
+ this.yaxisLabelsTextsPos.forEach(function (p, i) {
+ var yText = _this2.drawYAxisText(p.x, p.y, i, yaxisTexts[i]);
+
+ _this2.yaxisLabels.add(yText);
+ });
+ }
+ }
+ }, {
+ key: "drawYAxisText",
+ value: function drawYAxisText(x, y, i, text) {
+ var w = this.w;
+ var yaxisConfig = w.config.yaxis[0];
+ var formatter = w.globals.yLabelFormatters[0];
+ var yaxisLabel = this.graphics.drawText({
+ x: x + yaxisConfig.labels.offsetX,
+ y: y + yaxisConfig.labels.offsetY,
+ text: formatter(text, i),
+ textAnchor: 'middle',
+ fontSize: yaxisConfig.labels.style.fontSize,
+ fontFamily: yaxisConfig.labels.style.fontFamily,
+ foreColor: yaxisConfig.labels.style.color
+ });
+ return yaxisLabel;
+ }
+ }, {
+ key: "drawLabels",
+ value: function drawLabels() {
+ var _this3 = this;
+
+ var w = this.w;
+ var limit = 10;
+ var textAnchor = 'middle';
+ var dataLabelsConfig = w.config.dataLabels;
+ var elDataLabelsWrap = this.graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+ var polygonPos = this.getPolygonPos(this.size);
+ var currPosX = 0;
+ var currPosY = 0;
+ w.globals.labels.forEach(function (label, i) {
+ var formatter = dataLabelsConfig.formatter;
+ var dataLabels = new DataLabels(_this3.ctx);
+
+ if (polygonPos[i]) {
+ currPosX = polygonPos[i].x;
+ currPosY = polygonPos[i].y;
+
+ if (Math.abs(polygonPos[i].x) >= limit) {
+ if (polygonPos[i].x > 0) {
+ textAnchor = 'start';
+ currPosX += 10;
+ } else if (polygonPos[i].x < 0) {
+ textAnchor = 'end';
+ currPosX -= 10;
+ }
+ } else {
+ textAnchor = 'middle';
+ }
+
+ if (Math.abs(polygonPos[i].y) >= _this3.size - limit) {
+ if (polygonPos[i].y < 0) {
+ currPosY -= 10;
+ } else if (polygonPos[i].y > 0) {
+ currPosY += 10;
+ }
+ }
+
+ var text = formatter(label, {
+ seriesIndex: -1,
+ dataPointIndex: i,
+ w: w
+ });
+ dataLabels.plotDataLabelsText({
+ x: currPosX,
+ y: currPosY,
+ text: text,
+ textAnchor: textAnchor,
+ i: i,
+ j: i,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig,
+ offsetCorrection: false
+ });
+ }
+ });
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "createPaths",
+ value: function createPaths(pos, origin) {
+ var _this4 = this;
+
+ var linePathsTo = [];
+ var linePathsFrom = [];
+ var areaPathsTo = [];
+ var areaPathsFrom = [];
+
+ if (pos.length) {
+ linePathsFrom = [this.graphics.move(origin.x, origin.y)];
+ areaPathsFrom = [this.graphics.move(origin.x, origin.y)];
+ var linePathTo = this.graphics.move(pos[0].x, pos[0].y);
+ var areaPathTo = this.graphics.move(pos[0].x, pos[0].y);
+ pos.forEach(function (p, i) {
+ linePathTo += _this4.graphics.line(p.x, p.y);
+ areaPathTo += _this4.graphics.line(p.x, p.y);
+
+ if (i === pos.length - 1) {
+ linePathTo += 'Z';
+ areaPathTo += 'Z';
+ }
+ });
+ linePathsTo.push(linePathTo);
+ areaPathsTo.push(areaPathTo);
+ }
+
+ return {
+ linePathsFrom: linePathsFrom,
+ linePathsTo: linePathsTo,
+ areaPathsFrom: areaPathsFrom,
+ areaPathsTo: areaPathsTo
+ };
+ }
+ }, {
+ key: "getPathFrom",
+ value: function getPathFrom(realIndex) {
+ var w = this.w;
+ var pathFrom = null;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if (gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (typeof w.globals.previousPaths[pp].paths[0] !== 'undefined') {
+ pathFrom = w.globals.previousPaths[pp].paths[0].d;
+ }
+ }
+ }
+
+ return pathFrom;
+ }
+ }, {
+ key: "getDataPointsPos",
+ value: function getDataPointsPos(dataRadiusArr, angleArr) {
+ var dataPointsLen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.dataPointsLen;
+ dataRadiusArr = dataRadiusArr || [];
+ angleArr = angleArr || [];
+ var dataPointsPosArray = [];
+
+ for (var j = 0; j < dataPointsLen; j++) {
+ var curPointPos = {};
+ curPointPos.x = dataRadiusArr[j] * Math.sin(angleArr[j]);
+ curPointPos.y = -dataRadiusArr[j] * Math.cos(angleArr[j]);
+ dataPointsPosArray.push(curPointPos);
+ }
+
+ return dataPointsPosArray;
+ }
+ }, {
+ key: "getPolygonPos",
+ value: function getPolygonPos(size) {
+ var dotsArray = [];
+ var angle = Math.PI * 2 / this.dataPointsLen;
+
+ for (var i = 0; i < this.dataPointsLen; i++) {
+ var curPos = {};
+ curPos.x = size * Math.sin(i * angle);
+ curPos.y = -size * Math.cos(i * angle);
+ dotsArray.push(curPos);
+ }
+
+ return dotsArray;
+ }
+ }]);
+
+ return Radar;
+}();
+
+/**
+ * ApexCharts Radial Class for drawing Circle / Semi Circle Charts.
+ * @module Radial
+ **/
+
+var Radial =
+/*#__PURE__*/
+function (_Pie) {
+ _inherits(Radial, _Pie);
+
+ function Radial(ctx) {
+ var _this;
+
+ _classCallCheck(this, Radial);
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(Radial).call(this, ctx));
+ _this.ctx = ctx;
+ _this.w = ctx.w;
+ _this.animBeginArr = [0];
+ _this.animDur = 0;
+ var w = _this.w;
+ _this.startAngle = w.config.plotOptions.radialBar.startAngle;
+ _this.endAngle = w.config.plotOptions.radialBar.endAngle;
+ _this.trackStartAngle = w.config.plotOptions.radialBar.track.startAngle;
+ _this.trackEndAngle = w.config.plotOptions.radialBar.track.endAngle;
+ _this.radialDataLabels = w.config.plotOptions.radialBar.dataLabels;
+ if (!_this.trackStartAngle) _this.trackStartAngle = _this.startAngle;
+ if (!_this.trackEndAngle) _this.trackEndAngle = _this.endAngle;
+ if (_this.endAngle === 360) _this.endAngle = 359.99;
+ _this.fullAngle = 360 - w.config.plotOptions.radialBar.endAngle - w.config.plotOptions.radialBar.startAngle;
+ _this.margin = parseInt(w.config.plotOptions.radialBar.track.margin);
+ return _this;
+ }
+
+ _createClass(Radial, [{
+ key: "draw",
+ value: function draw(series) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-radialbar'
+ });
+ var elSeries = graphics.group();
+ var centerY = this.defaultSize / 2;
+ var centerX = w.globals.gridWidth / 2;
+ var size = this.defaultSize / 2.05 - w.config.stroke.width - w.config.chart.dropShadow.blur;
+
+ if (w.config.plotOptions.radialBar.size !== undefined) {
+ size = w.config.plotOptions.radialBar.size;
+ }
+
+ var colorArr = w.globals.fill.colors;
+
+ if (w.config.plotOptions.radialBar.track.show) {
+ var elTracks = this.drawTracks({
+ size: size,
+ centerX: centerX,
+ centerY: centerY,
+ colorArr: colorArr,
+ series: series
+ });
+ elSeries.add(elTracks);
+ }
+
+ var elG = this.drawArcs({
+ size: size,
+ centerX: centerX,
+ centerY: centerY,
+ colorArr: colorArr,
+ series: series
+ });
+ elSeries.add(elG.g);
+
+ if (w.config.plotOptions.radialBar.hollow.position === 'front') {
+ elG.g.add(elG.elHollow);
+
+ if (elG.dataLabels) {
+ elG.g.add(elG.dataLabels);
+ }
+ }
+
+ ret.add(elSeries);
+ return ret;
+ }
+ }, {
+ key: "drawTracks",
+ value: function drawTracks(opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var g = graphics.group();
+ var filters = new Filters(this.ctx);
+ var fill = new Fill(this.ctx);
+ var strokeWidth = this.getStrokeWidth(opts);
+ opts.size = opts.size - strokeWidth / 2;
+
+ for (var i = 0; i < opts.series.length; i++) {
+ var elRadialBarTrack = graphics.group({
+ class: 'apexcharts-radialbar-track apexcharts-track'
+ });
+ g.add(elRadialBarTrack);
+ elRadialBarTrack.attr({
+ id: 'apexcharts-track-' + i,
+ rel: i + 1
+ });
+ opts.size = opts.size - strokeWidth - this.margin;
+ var trackConfig = w.config.plotOptions.radialBar.track;
+ var pathFill = fill.fillPath({
+ seriesNumber: 0,
+ size: opts.size,
+ fillColors: Array.isArray(trackConfig.background) ? trackConfig.background[i] : trackConfig.background,
+ solid: true
+ });
+ var startAngle = this.trackStartAngle;
+ var endAngle = this.trackEndAngle;
+ if (Math.abs(endAngle) + Math.abs(startAngle) >= 360) endAngle = 360 - Math.abs(this.startAngle) - 0.1;
+ var elPath = graphics.drawPath({
+ d: '',
+ stroke: pathFill,
+ strokeWidth: strokeWidth * parseInt(trackConfig.strokeWidth) / 100,
+ fill: 'none',
+ strokeOpacity: trackConfig.opacity,
+ classes: 'apexcharts-radialbar-area'
+ });
+
+ if (trackConfig.dropShadow.enabled) {
+ var shadow = trackConfig.dropShadow;
+ filters.dropShadow(elPath, shadow);
+ }
+
+ elRadialBarTrack.add(elPath);
+ elPath.attr('id', 'apexcharts-radialbarTrack-' + i);
+ var pie = new Pie(this.ctx);
+ pie.animatePaths(elPath, {
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ endAngle: endAngle,
+ startAngle: startAngle,
+ size: opts.size,
+ i: i,
+ totalItems: 2,
+ animBeginArr: 0,
+ dur: 0,
+ isTrack: true,
+ easing: w.globals.easing
+ });
+ }
+
+ return g;
+ }
+ }, {
+ key: "drawArcs",
+ value: function drawArcs(opts) {
+ var w = this.w; // size, donutSize, centerX, centerY, colorArr, lineColorArr, sectorAngleArr, series
+
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var filters = new Filters(this.ctx);
+ var g = graphics.group();
+ var strokeWidth = this.getStrokeWidth(opts);
+ opts.size = opts.size - strokeWidth / 2;
+ var hollowFillID = w.config.plotOptions.radialBar.hollow.background;
+ var hollowSize = opts.size - strokeWidth * opts.series.length - this.margin * opts.series.length - strokeWidth * parseInt(w.config.plotOptions.radialBar.track.strokeWidth) / 100 / 2;
+ var hollowRadius = hollowSize - w.config.plotOptions.radialBar.hollow.margin;
+
+ if (w.config.plotOptions.radialBar.hollow.image !== undefined) {
+ hollowFillID = this.drawHollowImage(opts, g, hollowSize, hollowFillID);
+ }
+
+ var elHollow = this.drawHollow({
+ size: hollowRadius,
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ fill: hollowFillID
+ });
+
+ if (w.config.plotOptions.radialBar.hollow.dropShadow.enabled) {
+ var shadow = w.config.plotOptions.radialBar.hollow.dropShadow;
+ filters.dropShadow(elHollow, shadow);
+ }
+
+ var shown = 1;
+
+ if (!this.radialDataLabels.total.show && w.globals.series.length > 1) {
+ shown = 0;
+ }
+
+ var pie = new Pie(this.ctx);
+ var dataLabels = null;
+
+ if (this.radialDataLabels.show) {
+ dataLabels = pie.renderInnerDataLabels(this.radialDataLabels, {
+ hollowSize: hollowSize,
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ opacity: shown
+ });
+ }
+
+ if (w.config.plotOptions.radialBar.hollow.position === 'back') {
+ g.add(elHollow);
+
+ if (dataLabels) {
+ g.add(dataLabels);
+ }
+ }
+
+ var reverseLoop = false;
+
+ if (w.config.plotOptions.radialBar.inverseOrder) {
+ reverseLoop = true;
+ }
+
+ for (var i = reverseLoop ? opts.series.length - 1 : 0; reverseLoop ? i >= 0 : i < opts.series.length; reverseLoop ? i-- : i++) {
+ var elRadialBarArc = graphics.group({
+ class: "apexcharts-series apexcharts-radial-series ".concat(Utils.escapeString(w.globals.seriesNames[i]))
+ });
+ g.add(elRadialBarArc);
+ elRadialBarArc.attr({
+ id: 'apexcharts-series-' + i,
+ rel: i + 1
+ });
+ this.ctx.series.addCollapsedClassToSeries(elRadialBarArc, i);
+ opts.size = opts.size - strokeWidth - this.margin;
+ var pathFill = fill.fillPath({
+ seriesNumber: i,
+ size: opts.size
+ });
+ var startAngle = this.startAngle;
+ var prevStartAngle = void 0;
+ var totalAngle = Math.abs(w.config.plotOptions.radialBar.endAngle - w.config.plotOptions.radialBar.startAngle); // if data exceeds 100, make it 100
+
+ var dataValue = Utils.negToZero(opts.series[i] > 100 ? 100 : opts.series[i]) / 100;
+ var endAngle = Math.round(totalAngle * dataValue) + this.startAngle;
+ var prevEndAngle = void 0;
+
+ if (w.globals.dataChanged) {
+ prevStartAngle = this.startAngle;
+ prevEndAngle = Math.round(totalAngle * Utils.negToZero(w.globals.previousPaths[i]) / 100) + prevStartAngle;
+ }
+
+ var currFullAngle = Math.abs(endAngle) + Math.abs(startAngle);
+
+ if (currFullAngle >= 360) {
+ endAngle = endAngle - 0.01;
+ }
+
+ var prevFullAngle = Math.abs(prevEndAngle) + Math.abs(prevStartAngle);
+
+ if (prevFullAngle >= 360) {
+ prevEndAngle = prevEndAngle - 0.01;
+ }
+
+ var angle = endAngle - startAngle;
+ var dashArray = Array.isArray(w.config.stroke.dashArray) ? w.config.stroke.dashArray[i] : w.config.stroke.dashArray;
+ var elPath = graphics.drawPath({
+ d: '',
+ stroke: pathFill,
+ strokeWidth: strokeWidth,
+ fill: 'none',
+ fillOpacity: w.config.fill.opacity,
+ classes: 'apexcharts-radialbar-area',
+ strokeDashArray: dashArray
+ });
+ Graphics.setAttrs(elPath.node, {
+ 'data:angle': angle,
+ 'data:value': opts.series[i]
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var _shadow = w.config.chart.dropShadow;
+ filters.dropShadow(elPath, _shadow);
+ }
+
+ this.addListeners(elPath, this.radialDataLabels);
+
+ var _pie = new Pie(this.ctx);
+
+ elRadialBarArc.add(elPath);
+ elPath.attr({
+ id: 'apexcharts-radialArc-' + i,
+ index: 0,
+ j: i
+ });
+ var dur = 0;
+
+ if (_pie.initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / 360 * w.config.chart.animations.speed;
+ this.animDur = dur / (opts.series.length * 1.2) + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ }
+
+ if (w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / 360 * w.config.chart.animations.dynamicAnimation.speed;
+ this.animDur = dur / (opts.series.length * 1.2) + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ }
+
+ _pie.animatePaths(elPath, {
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ endAngle: endAngle,
+ startAngle: startAngle,
+ prevEndAngle: prevEndAngle,
+ prevStartAngle: prevStartAngle,
+ size: opts.size,
+ i: i,
+ totalItems: 2,
+ animBeginArr: this.animBeginArr,
+ dur: dur,
+ shouldSetPrevPaths: true,
+ easing: w.globals.easing
+ });
+ }
+
+ return {
+ g: g,
+ elHollow: elHollow,
+ dataLabels: dataLabels
+ };
+ }
+ }, {
+ key: "drawHollow",
+ value: function drawHollow(opts) {
+ var graphics = new Graphics(this.ctx);
+ var circle = graphics.drawCircle(opts.size * 2);
+ circle.attr({
+ class: 'apexcharts-radialbar-hollow',
+ cx: opts.centerX,
+ cy: opts.centerY,
+ r: opts.size,
+ fill: opts.fill
+ });
+ return circle;
+ }
+ }, {
+ key: "drawHollowImage",
+ value: function drawHollowImage(opts, g, hollowSize, hollowFillID) {
+ var w = this.w;
+ var fill = new Fill(this.ctx);
+ var randID = (Math.random() + 1).toString(36).substring(4);
+ var hollowFillImg = w.config.plotOptions.radialBar.hollow.image;
+
+ if (w.config.plotOptions.radialBar.hollow.imageClipped) {
+ fill.clippedImgArea({
+ width: hollowSize,
+ height: hollowSize,
+ image: hollowFillImg,
+ patternID: "pattern".concat(w.globals.cuid).concat(randID)
+ });
+ hollowFillID = "url(#pattern".concat(w.globals.cuid).concat(randID, ")");
+ } else {
+ var imgWidth = w.config.plotOptions.radialBar.hollow.imageWidth;
+ var imgHeight = w.config.plotOptions.radialBar.hollow.imageHeight;
+
+ if (imgWidth === undefined && imgHeight === undefined) {
+ var image = w.globals.dom.Paper.image(hollowFillImg).loaded(function (loader) {
+ this.move(opts.centerX - loader.width / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetX, opts.centerY - loader.height / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetY);
+ });
+ g.add(image);
+ } else {
+ var _image = w.globals.dom.Paper.image(hollowFillImg).loaded(function (loader) {
+ this.move(opts.centerX - imgWidth / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetX, opts.centerY - imgHeight / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetY);
+ this.size(imgWidth, imgHeight);
+ });
+
+ g.add(_image);
+ }
+ }
+
+ return hollowFillID;
+ }
+ }, {
+ key: "getStrokeWidth",
+ value: function getStrokeWidth(opts) {
+ var w = this.w;
+ return opts.size * (100 - parseInt(w.config.plotOptions.radialBar.hollow.size)) / 100 / (opts.series.length + 1) - this.margin;
+ }
+ }]);
+
+ return Radial;
+}(Pie);
+
+/**
+ * ApexCharts Line Class responsible for drawing Line / Area Charts.
+ * This class is also responsible for generating values for Bubble/Scatter charts, so need to rename it to Axis Charts to avoid confusions
+ * @module Line
+ **/
+
+var Line =
+/*#__PURE__*/
+function () {
+ function Line(ctx, xyRatios, isPointsChart) {
+ _classCallCheck(this, Line);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xyRatios = xyRatios;
+ this.pointsChart = !(this.w.config.chart.type !== 'bubble' && this.w.config.chart.type !== 'scatter') || isPointsChart;
+ this.scatter = new Scatter(this.ctx);
+ this.noNegatives = this.w.globals.minX === Number.MAX_VALUE;
+ this.yaxisIndex = 0;
+ }
+
+ _createClass(Line, [{
+ key: "draw",
+ value: function draw(series, ptype, seriesIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var type = w.globals.comboCharts ? ptype : w.config.chart.type;
+ var ret = graphics.group({
+ class: "apexcharts-".concat(type, "-series apexcharts-plot-series")
+ });
+ var coreUtils = new CoreUtils(this.ctx, w);
+ series = coreUtils.getLogSeries(series);
+ var yRatio = this.xyRatios.yRatio;
+ yRatio = coreUtils.getLogYRatios(yRatio);
+ var zRatio = this.xyRatios.zRatio;
+ var xRatio = this.xyRatios.xRatio;
+ var baseLineY = this.xyRatios.baseLineY; // push all series in an array, so we can draw in reverse order (for stacked charts)
+
+ var allSeries = [];
+ var prevSeriesY = [];
+ var categoryAxisCorrection = 0;
+
+ for (var i = 0; i < series.length; i++) {
+ // width divided into equal parts
+ var xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i;
+
+ if (yRatio.length > 1) {
+ this.yaxisIndex = realIndex;
+ }
+
+ this.isReversed = w.config.yaxis[this.yaxisIndex] && w.config.yaxis[this.yaxisIndex].reversed;
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+ // zeroY is the 0 value in y series which can be used in negative charts
+
+ var zeroY = w.globals.gridHeight - baseLineY[this.yaxisIndex] - (this.isReversed ? w.globals.gridHeight : 0) + (this.isReversed ? baseLineY[this.yaxisIndex] * 2 : 0);
+ var areaBottomY = zeroY;
+
+ if (zeroY > w.globals.gridHeight) {
+ areaBottomY = w.globals.gridHeight;
+ }
+
+ categoryAxisCorrection = xDivision / 2;
+ var x = w.globals.padHorizontal + categoryAxisCorrection;
+ var y = 1;
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[realIndex][0] - w.globals.minX) / xRatio;
+ }
+
+ xArrj.push(x);
+ var linePath = void 0,
+ areaPath = void 0,
+ pathFromLine = void 0,
+ pathFromArea = void 0;
+ var linePaths = [];
+ var areaPaths = []; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex]))
+ }); // points
+
+ var elPointsMain = graphics.group({
+ class: 'apexcharts-series-markers-wrap'
+ }); // eldatalabels
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+ this.ctx.series.addCollapsedClassToSeries(elSeries, realIndex);
+ var longestSeries = series[i].length === w.globals.dataPoints;
+ elSeries.attr({
+ 'data:longestSeries': longestSeries,
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+ this.appendPathFrom = true;
+ var pX = x;
+ var pY = void 0;
+ var prevX = pX;
+ var prevY = zeroY; // w.globals.svgHeight;
+
+ var lineYPosition = 0; // the first value in the current series is not null or undefined
+
+ var firstPrevY = this.determineFirstPrevY({
+ i: i,
+ series: series,
+ yRatio: yRatio[this.yaxisIndex],
+ zeroY: zeroY,
+ prevY: prevY,
+ prevSeriesY: prevSeriesY,
+ lineYPosition: lineYPosition
+ });
+ prevY = firstPrevY.prevY;
+ yArrj.push(prevY);
+ pY = prevY;
+
+ if (series[i][0] === null) {
+ // when the first value itself is null, we need to move the pointer to a location where a null value is not found
+ for (var s = 0; s < series[i].length; s++) {
+ if (series[i][s] !== null) {
+ prevX = xDivision * s;
+ prevY = zeroY - series[i][s] / yRatio[this.yaxisIndex];
+ linePath = graphics.move(prevX, prevY);
+ areaPath = graphics.move(prevX, areaBottomY);
+ break;
+ }
+ }
+ } else {
+ linePath = graphics.move(prevX, prevY);
+ areaPath = graphics.move(prevX, areaBottomY) + graphics.line(prevX, prevY);
+ }
+
+ pathFromLine = graphics.move(-1, zeroY) + graphics.line(-1, zeroY);
+ pathFromArea = graphics.move(-1, zeroY) + graphics.line(-1, zeroY);
+
+ if (w.globals.previousPaths.length > 0) {
+ var pathFrom = this.checkPreviousPaths({
+ pathFromLine: pathFromLine,
+ pathFromArea: pathFromArea,
+ realIndex: realIndex
+ });
+ pathFromLine = pathFrom.pathFromLine;
+ pathFromArea = pathFrom.pathFromArea;
+ }
+
+ var iterations = w.globals.dataPoints > 1 ? w.globals.dataPoints - 1 : w.globals.dataPoints;
+
+ for (var j = 0; j < iterations; j++) {
+ if (w.globals.isXNumeric) {
+ var sX = w.globals.seriesX[realIndex][j + 1];
+
+ if (typeof w.globals.seriesX[realIndex][j + 1] === 'undefined') {
+ /* fix #374 */
+ sX = w.globals.seriesX[realIndex][iterations - 1];
+ }
+
+ x = (sX - w.globals.minX) / xRatio;
+ } else {
+ x = x + xDivision;
+ }
+
+ var minY = Utils.isNumber(w.globals.minYArr[realIndex]) ? w.globals.minYArr[realIndex] : w.globals.minY;
+
+ if (w.config.chart.stacked) {
+ if (i > 0 && w.globals.collapsedSeries.length < w.config.series.length - 1) {
+ lineYPosition = prevSeriesY[i - 1][j + 1];
+ } else {
+ // the first series will not have prevY values
+ lineYPosition = zeroY;
+ }
+
+ if (typeof series[i][j + 1] === 'undefined' || series[i][j + 1] === null) {
+ y = lineYPosition - minY / yRatio[this.yaxisIndex] + (this.isReversed ? minY / yRatio[this.yaxisIndex] : 0) * 2;
+ } else {
+ y = lineYPosition - series[i][j + 1] / yRatio[this.yaxisIndex] + (this.isReversed ? series[i][j + 1] / yRatio[this.yaxisIndex] : 0) * 2;
+ }
+ } else {
+ if (typeof series[i][j + 1] === 'undefined' || series[i][j + 1] === null) {
+ y = zeroY - minY / yRatio[this.yaxisIndex] + (this.isReversed ? minY / yRatio[this.yaxisIndex] : 0) * 2;
+ } else {
+ y = zeroY - series[i][j + 1] / yRatio[this.yaxisIndex] + (this.isReversed ? series[i][j + 1] / yRatio[this.yaxisIndex] : 0) * 2;
+ }
+ } // push current X
+
+
+ xArrj.push(x); // push current Y that will be used as next series's bottom position
+
+ yArrj.push(y);
+ var calculatedPaths = this.createPaths({
+ series: series,
+ i: i,
+ j: j,
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pX: pX,
+ pY: pY,
+ areaBottomY: areaBottomY,
+ linePath: linePath,
+ areaPath: areaPath,
+ linePaths: linePaths,
+ areaPaths: areaPaths
+ });
+ areaPaths = calculatedPaths.areaPaths;
+ linePaths = calculatedPaths.linePaths;
+ pX = calculatedPaths.pX;
+ pY = calculatedPaths.pY;
+ areaPath = calculatedPaths.areaPath;
+ linePath = calculatedPaths.linePath;
+
+ if (this.appendPathFrom) {
+ pathFromLine = pathFromLine + graphics.line(x, zeroY);
+ pathFromArea = pathFromArea + graphics.line(x, zeroY);
+ }
+
+ var pointsPos = this.calculatePoints({
+ series: series,
+ x: x,
+ y: y,
+ realIndex: realIndex,
+ i: i,
+ j: j,
+ prevY: prevY,
+ categoryAxisCorrection: categoryAxisCorrection,
+ xRatio: xRatio
+ });
+
+ if (!this.pointsChart) {
+ var markers = new Markers(this.ctx);
+
+ if (w.globals.dataPoints > 1) {
+ elPointsMain.node.classList.add('hidden');
+ }
+
+ var elPointsWrap = markers.plotChartMarkers(pointsPos, realIndex, j + 1);
+
+ if (elPointsWrap !== null) {
+ elPointsMain.add(elPointsWrap);
+ }
+ } else {
+ // scatter / bubble chart points creation
+ this.scatter.draw(elSeries, j, {
+ realIndex: realIndex,
+ pointsPos: pointsPos,
+ zRatio: zRatio,
+ elParent: elPointsMain
+ });
+ }
+
+ var dataLabels = new DataLabels(this.ctx);
+ var drawnLabels = dataLabels.drawDataLabel(pointsPos, realIndex, j + 1);
+
+ if (drawnLabels !== null) {
+ elDataLabelsWrap.add(drawnLabels);
+ }
+ } // push all current y values array to main PrevY Array
+
+
+ prevSeriesY.push(yArrj); // push all x val arrays into main xArr
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj; // these elements will be shown after area path animation completes
+
+ if (!this.pointsChart) {
+ w.globals.delayedElements.push({
+ el: elPointsMain.node,
+ index: realIndex
+ });
+ }
+
+ var defaultRenderedPathOptions = {
+ i: i,
+ realIndex: realIndex,
+ animationDelay: i,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-".concat(type),
+ id: "apexcharts-".concat(type)
+ };
+
+ if (w.config.stroke.show && !this.pointsChart) {
+ var lineFill = null;
+
+ if (type === 'line') {
+ // fillable lines only for lineChart
+ lineFill = fill.fillPath({
+ seriesNumber: realIndex,
+ i: i
+ });
+ } else {
+ lineFill = w.globals.stroke.colors[realIndex];
+ }
+
+ for (var p = 0; p < linePaths.length; p++) {
+ var renderedPath = graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFromLine,
+ pathTo: linePaths[p],
+ stroke: lineFill,
+ strokeWidth: Array.isArray(w.config.stroke.width) ? w.config.stroke.width[realIndex] : w.config.stroke.width,
+ strokeLineCap: w.config.stroke.lineCap,
+ fill: 'none'
+ }));
+ elSeries.add(renderedPath);
+ }
+ } // we have drawn the lines, now if it is area chart, we need to fill paths
+
+
+ if (type === 'area') {
+ var pathFill = fill.fillPath({
+ seriesNumber: realIndex
+ });
+
+ for (var _p = 0; _p < areaPaths.length; _p++) {
+ var _renderedPath = graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFromArea,
+ pathTo: areaPaths[_p],
+ stroke: 'none',
+ strokeWidth: 0,
+ strokeLineCap: null,
+ fill: pathFill
+ }));
+
+ elSeries.add(_renderedPath);
+ }
+ }
+
+ elSeries.add(elPointsMain);
+ elSeries.add(elDataLabelsWrap);
+ allSeries.push(elSeries);
+ }
+
+ for (var _s = allSeries.length; _s > 0; _s--) {
+ ret.add(allSeries[_s - 1]);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "createPaths",
+ value: function createPaths(_ref) {
+ var series = _ref.series,
+ i = _ref.i,
+ j = _ref.j,
+ x = _ref.x,
+ y = _ref.y,
+ pX = _ref.pX,
+ pY = _ref.pY,
+ xDivision = _ref.xDivision,
+ areaBottomY = _ref.areaBottomY,
+ linePath = _ref.linePath,
+ areaPath = _ref.areaPath,
+ linePaths = _ref.linePaths,
+ areaPaths = _ref.areaPaths;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var curve = Array.isArray(w.config.stroke.curve) ? w.config.stroke.curve[i] : w.config.stroke.curve; // logic of smooth curve derived from chartist
+ // CREDITS: https://gionkunz.github.io/chartist-js/
+
+ if (curve === 'smooth') {
+ var length = (x - pX) * 0.35;
+
+ if (w.globals.hasNullValues) {
+ if (series[i][j] !== null) {
+ if (series[i][j + 1] !== null) {
+ linePath = graphics.move(pX, pY) + graphics.curve(pX + length, pY, x - length, y, x + 1, y);
+ areaPath = graphics.move(pX + 1, pY) + graphics.curve(pX + length, pY, x - length, y, x + 1, y) + graphics.line(x, areaBottomY) + graphics.line(pX, areaBottomY) + 'z';
+ } else {
+ linePath = graphics.move(pX, pY);
+ areaPath = graphics.move(pX, pY) + 'z';
+ }
+ }
+
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ } else {
+ linePath = linePath + graphics.curve(pX + length, pY, x - length, y, x, y);
+ areaPath = areaPath + graphics.curve(pX + length, pY, x - length, y, x, y);
+ }
+
+ pX = x;
+ pY = y;
+
+ if (j === series[i].length - 2) {
+ // last loop, close path
+ areaPath = areaPath + graphics.curve(pX, pY, x, y, x, areaBottomY) + graphics.move(x, y) + 'z';
+
+ if (!w.globals.hasNullValues) {
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ }
+ }
+ } else {
+ if (series[i][j + 1] === null) {
+ linePath = linePath + graphics.move(x, y);
+ areaPath = areaPath + graphics.line(x - xDivision, areaBottomY) + graphics.move(x, y);
+ }
+
+ if (series[i][j] === null) {
+ linePath = linePath + graphics.move(x, y);
+ areaPath = areaPath + graphics.move(x, areaBottomY);
+ }
+
+ if (curve === 'stepline') {
+ linePath = linePath + graphics.line(x, null, 'H') + graphics.line(null, y, 'V');
+ areaPath = areaPath + graphics.line(x, null, 'H') + graphics.line(null, y, 'V');
+ } else if (curve === 'straight') {
+ linePath = linePath + graphics.line(x, y);
+ areaPath = areaPath + graphics.line(x, y);
+ }
+
+ if (j === series[i].length - 2) {
+ // last loop, close path
+ areaPath = areaPath + graphics.line(x, areaBottomY) + graphics.move(x, y) + 'z';
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ }
+ }
+
+ return {
+ linePaths: linePaths,
+ areaPaths: areaPaths,
+ pX: pX,
+ pY: pY,
+ linePath: linePath,
+ areaPath: areaPath
+ };
+ }
+ }, {
+ key: "calculatePoints",
+ value: function calculatePoints(_ref2) {
+ var series = _ref2.series,
+ realIndex = _ref2.realIndex,
+ x = _ref2.x,
+ y = _ref2.y,
+ i = _ref2.i,
+ j = _ref2.j,
+ prevY = _ref2.prevY,
+ categoryAxisCorrection = _ref2.categoryAxisCorrection,
+ xRatio = _ref2.xRatio;
+ var w = this.w;
+ var ptX = [];
+ var ptY = [];
+
+ if (j === 0) {
+ var xPT1st = categoryAxisCorrection + w.config.markers.offsetX; // the first point for line series
+ // we need to check whether it's not a time series, because a time series may
+ // start from the middle of the x axis
+
+ if (w.globals.isXNumeric) {
+ xPT1st = (w.globals.seriesX[realIndex][0] - w.globals.minX) / xRatio + w.config.markers.offsetX;
+ } // push 2 points for the first data values
+
+
+ ptX.push(xPT1st);
+ ptY.push(Utils.isNumber(series[i][0]) ? prevY + w.config.markers.offsetY : null);
+ ptX.push(x + w.config.markers.offsetX);
+ ptY.push(Utils.isNumber(series[i][j + 1]) ? y + w.config.markers.offsetY : null);
+ } else {
+ ptX.push(x + w.config.markers.offsetX);
+ ptY.push(Utils.isNumber(series[i][j + 1]) ? y + w.config.markers.offsetY : null);
+ }
+
+ var pointsPos = {
+ x: ptX,
+ y: ptY
+ };
+ return pointsPos;
+ }
+ }, {
+ key: "checkPreviousPaths",
+ value: function checkPreviousPaths(_ref3) {
+ var pathFromLine = _ref3.pathFromLine,
+ pathFromArea = _ref3.pathFromArea,
+ realIndex = _ref3.realIndex;
+ var w = this.w;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if ((gpp.type === 'line' || gpp.type === 'area') && gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (gpp.type === 'line') {
+ this.appendPathFrom = false;
+ pathFromLine = w.globals.previousPaths[pp].paths[0].d;
+ } else if (gpp.type === 'area') {
+ this.appendPathFrom = false;
+
+ if (w.config.stroke.show) {
+ pathFromLine = w.globals.previousPaths[pp].paths[0].d;
+ pathFromArea = w.globals.previousPaths[pp].paths[1].d;
+ } else {
+ pathFromArea = w.globals.previousPaths[pp].paths[0].d;
+ }
+ }
+ }
+ }
+
+ return {
+ pathFromLine: pathFromLine,
+ pathFromArea: pathFromArea
+ };
+ }
+ }, {
+ key: "determineFirstPrevY",
+ value: function determineFirstPrevY(_ref4) {
+ var i = _ref4.i,
+ series = _ref4.series,
+ yRatio = _ref4.yRatio,
+ zeroY = _ref4.zeroY,
+ prevY = _ref4.prevY,
+ prevSeriesY = _ref4.prevSeriesY,
+ lineYPosition = _ref4.lineYPosition;
+ var w = this.w;
+
+ if (typeof series[i][0] !== 'undefined') {
+ if (w.config.chart.stacked) {
+ if (i > 0) {
+ // 1st y value of previous series
+ lineYPosition = prevSeriesY[i - 1][0];
+ } else {
+ // the first series will not have prevY values
+ lineYPosition = zeroY;
+ }
+
+ prevY = lineYPosition - series[i][0] / yRatio + (this.isReversed ? series[i][0] / yRatio : 0) * 2;
+ } else {
+ prevY = zeroY - series[i][0] / yRatio + (this.isReversed ? series[i][0] / yRatio : 0) * 2;
+ }
+ } else {
+ // the first value in the current series is null
+ if (w.config.chart.stacked && i > 0 && typeof series[i][0] === 'undefined') {
+ // check for undefined value (undefined value will occur when we clear the series while user clicks on legend to hide serieses)
+ for (var s = i - 1; s >= 0; s--) {
+ // for loop to get to 1st previous value until we get it
+ if (series[s][0] !== null && typeof series[s][0] !== 'undefined') {
+ lineYPosition = prevSeriesY[s][0];
+ prevY = lineYPosition;
+ break;
+ }
+ }
+ }
+ }
+
+ return {
+ prevY: prevY,
+ lineYPosition: lineYPosition
+ };
+ }
+ }]);
+
+ return Line;
+}();
+
+/**
+ * ApexCharts YAxis Class for drawing Y-Axis.
+ *
+ * @module YAxis
+ **/
+
+var YAxis =
+/*#__PURE__*/
+function () {
+ function YAxis(ctx) {
+ _classCallCheck(this, YAxis);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xaxisFontSize = this.w.config.xaxis.labels.style.fontSize;
+ this.axisFontFamily = this.w.config.xaxis.labels.style.fontFamily;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ this.xaxisForeColors = this.w.config.xaxis.labels.style.colors;
+ this.xAxisoffX = 0;
+
+ if (this.w.config.xaxis.position === 'bottom') {
+ this.xAxisoffX = this.w.globals.gridHeight;
+ }
+ }
+
+ _createClass(YAxis, [{
+ key: "drawYaxis",
+ value: function drawYaxis(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var yaxisFontSize = w.config.yaxis[realIndex].labels.style.fontSize;
+ var yaxisFontFamily = w.config.yaxis[realIndex].labels.style.fontFamily;
+ var elYaxis = graphics.group({
+ class: 'apexcharts-yaxis',
+ rel: realIndex,
+ transform: 'translate(' + w.globals.translateYAxisX[realIndex] + ', 0)'
+ });
+
+ if (!w.config.yaxis[realIndex].show) {
+ return elYaxis;
+ }
+
+ var elYaxisTexts = graphics.group({
+ class: 'apexcharts-yaxis-texts-g'
+ });
+ elYaxis.add(elYaxisTexts);
+ var tickAmount = w.globals.yAxisScale[realIndex].result.length - 1; // labelsDivider is simply svg height/number of ticks
+
+ var labelsDivider = w.globals.gridHeight / tickAmount + 0.1; // initial label position = 0;
+
+ var l = w.globals.translateY;
+ var lbFormatter = w.globals.yLabelFormatters[realIndex];
+ var labels = w.globals.yAxisScale[realIndex].result.slice();
+
+ if (w.config.yaxis[realIndex].reversed) {
+ labels.reverse();
+ }
+
+ if (w.config.yaxis[realIndex].labels.show) {
+ for (var i = tickAmount; i >= 0; i--) {
+ var val = labels[i];
+ val = lbFormatter(val, i);
+ var xPad = w.config.yaxis[realIndex].labels.padding;
+
+ if (w.config.yaxis[realIndex].opposite && w.config.yaxis.length !== 0) {
+ xPad = xPad * -1;
+ }
+
+ var label = graphics.drawText({
+ x: xPad,
+ y: l + tickAmount / 10 + w.config.yaxis[realIndex].labels.offsetY + 1,
+ text: val,
+ textAnchor: w.config.yaxis[realIndex].opposite ? 'start' : 'end',
+ fontSize: yaxisFontSize,
+ fontFamily: yaxisFontFamily,
+ foreColor: w.config.yaxis[realIndex].labels.style.color,
+ cssClass: 'apexcharts-yaxis-label ' + w.config.yaxis[realIndex].labels.style.cssClass
+ });
+ elYaxisTexts.add(label);
+ var labelRotatingCenter = graphics.rotateAroundCenter(label.node);
+
+ if (w.config.yaxis[realIndex].labels.rotate !== 0) {
+ label.node.setAttribute('transform', "rotate(".concat(w.config.yaxis[realIndex].labels.rotate, " ").concat(labelRotatingCenter.x, " ").concat(labelRotatingCenter.y, ")"));
+ }
+
+ l = l + labelsDivider;
+ }
+ }
+
+ if (w.config.yaxis[realIndex].title.text !== undefined) {
+ var elYaxisTitle = graphics.group({
+ class: 'apexcharts-yaxis-title'
+ });
+ var x = 0;
+
+ if (w.config.yaxis[realIndex].opposite) {
+ x = w.globals.translateYAxisX[realIndex];
+ }
+
+ var elYAxisTitleText = graphics.drawText({
+ x: x,
+ y: w.globals.gridHeight / 2 + w.globals.translateY,
+ text: w.config.yaxis[realIndex].title.text,
+ textAnchor: 'end',
+ foreColor: w.config.yaxis[realIndex].title.style.color,
+ fontSize: w.config.yaxis[realIndex].title.style.fontSize,
+ fontFamily: w.config.yaxis[realIndex].title.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-title-text ' + w.config.yaxis[realIndex].title.style.cssClass
+ });
+ elYaxisTitle.add(elYAxisTitleText);
+ elYaxis.add(elYaxisTitle);
+ }
+
+ var axisBorder = w.config.yaxis[realIndex].axisBorder;
+
+ if (axisBorder.show) {
+ var _x = 31 + axisBorder.offsetX;
+
+ if (w.config.yaxis[realIndex].opposite) {
+ _x = -31 - axisBorder.offsetX;
+ }
+
+ var elVerticalLine = graphics.drawLine(_x, w.globals.translateY + axisBorder.offsetY - 2, _x, w.globals.gridHeight + w.globals.translateY + axisBorder.offsetY + 2, axisBorder.color);
+ elYaxis.add(elVerticalLine);
+ this.drawAxisTicks(_x, tickAmount, axisBorder, w.config.yaxis[realIndex].axisTicks, realIndex, labelsDivider, elYaxis);
+ }
+
+ return elYaxis;
+ } // This actually becomes horizonal axis (for bar charts)
+
+ }, {
+ key: "drawYaxisInversed",
+ value: function drawYaxisInversed(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var elXaxis = graphics.group({
+ class: 'apexcharts-xaxis apexcharts-yaxis-inversed'
+ });
+ var elXaxisTexts = graphics.group({
+ class: 'apexcharts-xaxis-texts-g',
+ transform: "translate(".concat(w.globals.translateXAxisX, ", ").concat(w.globals.translateXAxisY, ")")
+ });
+ elXaxis.add(elXaxisTexts);
+ var tickAmount = w.globals.yAxisScale[realIndex].result.length - 1; // labelsDivider is simply svg width/number of ticks
+
+ var labelsDivider = w.globals.gridWidth / tickAmount + 0.1; // initial label position;
+
+ var l = labelsDivider + w.config.xaxis.labels.offsetX;
+ var lbFormatter = w.globals.xLabelFormatter;
+ var labels = w.globals.yAxisScale[realIndex].result.slice();
+
+ if (w.config.yaxis[realIndex].reversed) {
+ labels.reverse();
+ }
+
+ if (w.config.xaxis.labels.show) {
+ for (var i = tickAmount; i >= 0; i--) {
+ var val = labels[i];
+ val = lbFormatter(val, i);
+ var elTick = graphics.drawText({
+ x: w.globals.gridWidth + w.globals.padHorizontal - (l - labelsDivider + w.config.xaxis.labels.offsetX),
+ y: this.xAxisoffX + w.config.xaxis.labels.offsetY + 30,
+ text: '',
+ textAnchor: 'middle',
+ foreColor: Array.isArray(this.xaxisForeColors) ? this.xaxisForeColors[realIndex] : this.xaxisForeColors,
+ fontSize: this.xaxisFontSize,
+ fontFamily: this.xaxisFontFamily,
+ cssClass: 'apexcharts-xaxis-label ' + w.config.xaxis.labels.style.cssClass
+ });
+ elXaxisTexts.add(elTick);
+ elTick.tspan(val);
+ var elTooltipTitle = document.createElementNS(w.globals.SVGNS, 'title');
+ elTooltipTitle.textContent = val;
+ elTick.node.appendChild(elTooltipTitle);
+ l = l + labelsDivider;
+ }
+ }
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var elYaxisTitle = graphics.group({
+ class: 'apexcharts-xaxis-title apexcharts-yaxis-title-inversed'
+ });
+ var elYAxisTitleText = graphics.drawText({
+ x: w.globals.gridWidth / 2,
+ y: this.xAxisoffX + parseInt(this.xaxisFontSize) + parseInt(w.config.xaxis.title.style.fontSize) + 20,
+ text: w.config.xaxis.title.text,
+ textAnchor: 'middle',
+ fontSize: w.config.xaxis.title.style.fontSize,
+ fontFamily: w.config.xaxis.title.style.fontFamily,
+ cssClass: 'apexcharts-xaxis-title-text ' + w.config.xaxis.title.style.cssClass
+ });
+ elYaxisTitle.add(elYAxisTitleText);
+ elXaxis.add(elYaxisTitle);
+ }
+
+ var axisBorder = w.config.yaxis[realIndex].axisBorder;
+
+ if (axisBorder.show) {
+ var elVerticalLine = graphics.drawLine(w.globals.padHorizontal + axisBorder.offsetX, 1 + axisBorder.offsetY, w.globals.padHorizontal + axisBorder.offsetX, w.globals.gridHeight + axisBorder.offsetY, axisBorder.color);
+ elXaxis.add(elVerticalLine);
+ }
+
+ return elXaxis;
+ }
+ }, {
+ key: "drawAxisTicks",
+ value: function drawAxisTicks(x, tickAmount, axisBorder, axisTicks, realIndex, labelsDivider, elYaxis) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx); // initial label position = 0;
+
+ var t = w.globals.translateY;
+
+ if (axisTicks.show) {
+ if (w.config.yaxis[realIndex].opposite === true) x = x + axisTicks.width;
+
+ for (var i = tickAmount; i >= 0; i--) {
+ var tY = t + tickAmount / 10 + w.config.yaxis[realIndex].labels.offsetY - 1;
+
+ if (this.isBarHorizontal) {
+ tY = labelsDivider * i;
+ }
+
+ var elTick = graphics.drawLine(x + axisBorder.offsetX - axisTicks.width + axisTicks.offsetX, tY + axisTicks.offsetY, x + axisBorder.offsetX + axisTicks.offsetX, tY + axisTicks.offsetY, axisBorder.color);
+ elYaxis.add(elTick);
+ t = t + labelsDivider;
+ }
+ }
+ }
+ }, {
+ key: "yAxisTitleRotate",
+ value: function yAxisTitleRotate(realIndex, yAxisOpposite) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var yAxisLabelsCoord = {
+ width: 0,
+ height: 0
+ };
+ var yAxisTitleCoord = {
+ width: 0,
+ height: 0
+ };
+ var elYAxisLabelsWrap = w.globals.dom.baseEl.querySelector(" .apexcharts-yaxis[rel='".concat(realIndex, "'] .apexcharts-yaxis-texts-g"));
+
+ if (elYAxisLabelsWrap !== null) {
+ yAxisLabelsCoord = elYAxisLabelsWrap.getBoundingClientRect();
+ }
+
+ var yAxisTitle = w.globals.dom.baseEl.querySelector(".apexcharts-yaxis[rel='".concat(realIndex, "'] .apexcharts-yaxis-title text"));
+
+ if (yAxisTitle !== null) {
+ yAxisTitleCoord = yAxisTitle.getBoundingClientRect();
+ }
+
+ if (yAxisTitle !== null) {
+ var x = this.xPaddingForYAxisTitle(realIndex, yAxisLabelsCoord, yAxisTitleCoord, yAxisOpposite);
+ yAxisTitle.setAttribute('x', x.xPos - (yAxisOpposite ? 10 : 0));
+ }
+
+ if (yAxisTitle !== null) {
+ var titleRotatingCenter = graphics.rotateAroundCenter(yAxisTitle);
+
+ if (!yAxisOpposite) {
+ yAxisTitle.setAttribute('transform', "rotate(-".concat(w.config.yaxis[realIndex].title.rotate, " ").concat(titleRotatingCenter.x, " ").concat(titleRotatingCenter.y, ")"));
+ } else {
+ yAxisTitle.setAttribute('transform', "rotate(".concat(w.config.yaxis[realIndex].title.rotate, " ").concat(titleRotatingCenter.x, " ").concat(titleRotatingCenter.y, ")"));
+ }
+ }
+ }
+ }, {
+ key: "xPaddingForYAxisTitle",
+ value: function xPaddingForYAxisTitle(realIndex, yAxisLabelsCoord, yAxisTitleCoord, yAxisOpposite) {
+ var w = this.w;
+ var oppositeAxisCount = 0;
+ var x = 0;
+ var padd = 10;
+
+ if (w.config.yaxis[realIndex].title.text === undefined || realIndex < 0) {
+ return {
+ xPos: x,
+ padd: 0
+ };
+ }
+
+ if (yAxisOpposite) {
+ x = yAxisLabelsCoord.width + w.config.yaxis[realIndex].title.offsetX + yAxisTitleCoord.width / 2 + padd / 2;
+ oppositeAxisCount += 1;
+
+ if (oppositeAxisCount === 0) {
+ x = x - padd / 2;
+ }
+ } else {
+ x = yAxisLabelsCoord.width * -1 + w.config.yaxis[realIndex].title.offsetX + padd / 2 + yAxisTitleCoord.width / 2;
+
+ if (this.isBarHorizontal) {
+ padd = 25;
+ x = yAxisLabelsCoord.width * -1 - w.config.yaxis[realIndex].title.offsetX - padd;
+ }
+ }
+
+ return {
+ xPos: x,
+ padd: padd
+ };
+ } // sets the x position of the y-axis by counting the labels width, title width and any offset
+
+ }, {
+ key: "setYAxisXPosition",
+ value: function setYAxisXPosition(yaxisLabelCoords, yTitleCoords) {
+ var _this = this;
+
+ var w = this.w;
+ var xLeft = 0;
+ var xRight = 0;
+ var leftOffsetX = 21;
+ var rightOffsetX = 1;
+
+ if (w.config.yaxis.length > 1) {
+ this.multipleYs = true;
+ }
+
+ w.config.yaxis.map(function (yaxe, index) {
+ var shouldNotDrawAxis = w.globals.ignoreYAxisIndexes.indexOf(index) > -1 || !yaxe.show || yaxe.floating || yaxisLabelCoords[index].width === 0;
+ var axisWidth = yaxisLabelCoords[index].width + yTitleCoords[index].width;
+
+ if (!yaxe.opposite) {
+ xLeft = w.globals.translateX - leftOffsetX;
+
+ if (!shouldNotDrawAxis) {
+ leftOffsetX = leftOffsetX + axisWidth + 20;
+ }
+
+ w.globals.translateYAxisX[index] = xLeft + yaxe.labels.offsetX;
+ } else {
+ if (_this.isBarHorizontal) {
+ xRight = w.globals.gridWidth + w.globals.translateX - 1;
+ w.globals.translateYAxisX[index] = xRight - yaxe.labels.offsetX;
+ } else {
+ xRight = w.globals.gridWidth + w.globals.translateX + rightOffsetX;
+
+ if (!shouldNotDrawAxis) {
+ rightOffsetX = rightOffsetX + axisWidth + 20;
+ }
+
+ w.globals.translateYAxisX[index] = xRight - yaxe.labels.offsetX + 20;
+ }
+ }
+ });
+ }
+ }]);
+
+ return YAxis;
+}();
+
+/**
+ * ApexCharts Formatter Class for setting value formatters for axes as well as tooltips.
+ *
+ * @module Formatters
+ **/
+
+var Formatters =
+/*#__PURE__*/
+function () {
+ function Formatters(ctx) {
+ _classCallCheck(this, Formatters);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.tooltipKeyFormat = 'dd MMM';
+ }
+
+ _createClass(Formatters, [{
+ key: "xLabelFormat",
+ value: function xLabelFormat(fn, val) {
+ var w = this.w;
+
+ if (w.config.xaxis.type === 'datetime') {
+ // if user has not specified a custom formatter, use the default tooltip.x.format
+ if (w.config.tooltip.x.formatter === undefined) {
+ var datetimeObj = new DateTime(this.ctx);
+ return datetimeObj.formatDate(new Date(val), w.config.tooltip.x.format, true, true);
+ }
+ }
+
+ return fn(val);
+ }
+ }, {
+ key: "setLabelFormatters",
+ value: function setLabelFormatters() {
+ var w = this.w;
+
+ w.globals.xLabelFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.xaxisTooltipFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.ttKeyFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.ttZFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.legendFormatter = function (val) {
+ return val;
+ };
+
+ if (typeof w.config.tooltip.x.formatter === 'function') {
+ w.globals.ttKeyFormatter = w.config.tooltip.x.formatter;
+ }
+
+ if (typeof w.config.xaxis.tooltip.formatter === 'function') {
+ w.globals.xaxisTooltipFormatter = w.config.xaxis.tooltip.formatter;
+ }
+
+ if (Array.isArray(w.config.tooltip.y)) {
+ w.globals.ttVal = w.config.tooltip.y;
+ } else {
+ if (w.config.tooltip.y.formatter !== undefined) {
+ w.globals.ttVal = w.config.tooltip.y;
+ }
+ }
+
+ if (w.config.tooltip.z.formatter !== undefined) {
+ w.globals.ttZFormatter = w.config.tooltip.z.formatter;
+ } // legend formatter - if user wants to append any global values of series to legend text
+
+
+ if (w.config.legend.formatter !== undefined) {
+ w.globals.legendFormatter = w.config.legend.formatter;
+ } // formatter function will always overwrite format property
+
+
+ if (w.config.xaxis.labels.formatter !== undefined) {
+ w.globals.xLabelFormatter = w.config.xaxis.labels.formatter;
+ } else {
+ w.globals.xLabelFormatter = function (val) {
+ if (Utils.isNumber(val)) {
+ // numeric xaxis may have smaller range, so defaulting to 1 decimal
+ if (w.config.xaxis.type === 'numeric' && w.globals.dataPoints < 50) {
+ return val.toFixed(1);
+ }
+
+ return val.toFixed(0);
+ }
+
+ return val;
+ };
+ } // formatter function will always overwrite format property
+
+
+ w.config.yaxis.forEach(function (yaxe, i) {
+ if (yaxe.labels.formatter !== undefined) {
+ w.globals.yLabelFormatters[i] = yaxe.labels.formatter;
+ } else {
+ w.globals.yLabelFormatters[i] = function (val) {
+ if (Utils.isNumber(val)) {
+ if (w.globals.yValueDecimal !== 0 || w.globals.maxY - w.globals.minY < 1) {
+ return val.toFixed(yaxe.decimalsInFloat);
+ } else {
+ return val.toFixed(0);
+ }
+ }
+
+ return val;
+ };
+ }
+ });
+ return w.globals;
+ }
+ }, {
+ key: "heatmapLabelFormatters",
+ value: function heatmapLabelFormatters() {
+ var w = this.w;
+
+ if (w.config.chart.type === 'heatmap') {
+ w.globals.yAxisScale[0].result = w.globals.seriesNames.slice(); // get the longest string from the labels array and also apply label formatter to it
+
+ var longest = w.globals.seriesNames.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ w.globals.yAxisScale[0].niceMax = longest;
+ w.globals.yAxisScale[0].niceMin = longest;
+ }
+ }
+ }]);
+
+ return Formatters;
+}();
+
+/**
+ * ApexCharts XAxis Class for drawing X-Axis.
+ *
+ * @module XAxis
+ **/
+
+var XAxis =
+/*#__PURE__*/
+function () {
+ function XAxis(ctx) {
+ _classCallCheck(this, XAxis);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.xaxisLabels = w.globals.labels.slice();
+
+ if (w.globals.timelineLabels.length > 0) {
+ // timeline labels are there
+ this.xaxisLabels = w.globals.timelineLabels.slice();
+ }
+
+ this.drawnLabels = [];
+
+ if (w.config.xaxis.position === 'top') {
+ this.offY = 0;
+ } else {
+ this.offY = w.globals.gridHeight + 1;
+ }
+
+ this.offY = this.offY + w.config.xaxis.axisBorder.offsetY;
+ this.xaxisFontSize = w.config.xaxis.labels.style.fontSize;
+ this.xaxisFontFamily = w.config.xaxis.labels.style.fontFamily;
+ this.xaxisForeColors = w.config.xaxis.labels.style.colors;
+ this.xaxisBorderWidth = w.config.xaxis.axisBorder.width;
+
+ if (this.xaxisBorderWidth.indexOf('%') > -1) {
+ this.xaxisBorderWidth = w.globals.gridWidth * parseInt(this.xaxisBorderWidth) / 100;
+ } else {
+ this.xaxisBorderWidth = parseInt(this.xaxisBorderWidth);
+ }
+
+ this.xaxisBorderHeight = w.config.xaxis.axisBorder.height; // For bars, we will only consider single y xais,
+ // as we are not providing multiple yaxis for bar charts
+
+ this.yaxis = w.config.yaxis[0];
+ }
+
+ _createClass(XAxis, [{
+ key: "drawXaxis",
+ value: function drawXaxis() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var elXaxis = graphics.group({
+ class: 'apexcharts-xaxis',
+ transform: "translate(".concat(w.config.xaxis.offsetX, ", ").concat(w.config.xaxis.offsetY, ")")
+ });
+ var elXaxisTexts = graphics.group({
+ class: 'apexcharts-xaxis-texts-g',
+ transform: "translate(".concat(w.globals.translateXAxisX, ", ").concat(w.globals.translateXAxisY, ")")
+ });
+ elXaxis.add(elXaxisTexts);
+ var colWidth; // initial x Position (keep adding column width in the loop)
+
+ var xPos = w.globals.padHorizontal;
+ var labels = [];
+
+ for (var i = 0; i < this.xaxisLabels.length; i++) {
+ labels.push(this.xaxisLabels[i]);
+ }
+
+ if (w.globals.isXNumeric) {
+ colWidth = w.globals.gridWidth / (labels.length - 1);
+ xPos = xPos + colWidth / 2 + w.config.xaxis.labels.offsetX;
+ } else {
+ colWidth = w.globals.gridWidth / labels.length;
+ xPos = xPos + colWidth + w.config.xaxis.labels.offsetX;
+ }
+
+ var xlbFormatter = w.globals.xLabelFormatter;
+ var customFormatter = w.config.xaxis.labels.formatter;
+ var labelsLen = labels.length;
+
+ if (w.config.xaxis.labels.show) {
+ for (var _i = 0; _i <= labelsLen - 1; _i++) {
+ var rawLabel = typeof labels[_i] === 'undefined' ? '' : labels[_i];
+ var label = void 0;
+ var xFormat = new Formatters(this.ctx);
+ label = xFormat.xLabelFormat(xlbFormatter, rawLabel);
+
+ if (customFormatter !== undefined) {
+ label = customFormatter(rawLabel, this.xaxisLabels[_i], _i);
+ }
+
+ var x = xPos - colWidth / 2 + w.config.xaxis.labels.offsetX;
+
+ if (w.globals.timelineLabels.length > 0) {
+ x = w.globals.timelineLabels[_i].position;
+ label = w.globals.timelineLabels[_i].value;
+ } else {
+ if (w.config.xaxis.type === 'datetime' && customFormatter === undefined) {
+ label = '';
+ }
+ }
+
+ label = label.toString();
+
+ if (label.indexOf('NaN') === 0 || label === 'undefined' || label.toLowerCase().indexOf('invalid') === 0 || label.toLowerCase().indexOf('infinity') >= 0 || this.drawnLabels.indexOf(label) >= 0 && !w.config.xaxis.labels.showDuplicates) {
+ label = '';
+ }
+
+ this.drawnLabels.push(label);
+ var offsetYCorrection = 28;
+
+ if (w.globals.rotateXLabels) {
+ offsetYCorrection = 22;
+ }
+
+ var elTick = graphics.drawText({
+ x: x,
+ y: this.offY + w.config.xaxis.labels.offsetY + offsetYCorrection,
+ text: '',
+ textAnchor: 'middle',
+ fontSize: this.xaxisFontSize,
+ fontFamily: this.xaxisFontFamily,
+ foreColor: Array.isArray(this.xaxisForeColors) ? this.xaxisForeColors[_i] : this.xaxisForeColors,
+ cssClass: 'apexcharts-xaxis-label ' + w.config.xaxis.labels.style.cssClass
+ });
+ elXaxisTexts.add(elTick);
+ graphics.addTspan(elTick, label, this.xaxisFontFamily);
+ var elTooltipTitle = document.createElementNS(w.globals.SVGNS, 'title');
+ elTooltipTitle.textContent = label;
+ elTick.node.appendChild(elTooltipTitle);
+ xPos = xPos + colWidth;
+ }
+ }
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var elXaxisTitle = graphics.group({
+ class: 'apexcharts-xaxis-title'
+ });
+ var elXAxisTitleText = graphics.drawText({
+ x: w.globals.gridWidth / 2 + w.config.xaxis.title.offsetX,
+ y: this.offY - parseInt(this.xaxisFontSize) + w.globals.xAxisLabelsHeight + w.config.xaxis.title.offsetY,
+ text: w.config.xaxis.title.text,
+ textAnchor: 'middle',
+ fontSize: w.config.xaxis.title.style.fontSize,
+ fontFamily: w.config.xaxis.title.style.fontFamily,
+ foreColor: w.config.xaxis.title.style.color,
+ cssClass: 'apexcharts-xaxis-title-text ' + w.config.xaxis.title.style.cssClass
+ });
+ elXaxisTitle.add(elXAxisTitleText);
+ elXaxis.add(elXaxisTitle);
+ }
+
+ if (w.config.xaxis.axisBorder.show) {
+ var lineCorrection = 0;
+
+ if (w.config.chart.type === 'bar' && w.globals.isXNumeric) {
+ lineCorrection = lineCorrection - 15;
+ }
+
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal + lineCorrection + w.config.xaxis.axisBorder.offsetX, this.offY, this.xaxisBorderWidth, this.offY, w.config.xaxis.axisBorder.color, 0, this.xaxisBorderHeight);
+ elXaxis.add(elHorzLine);
+ }
+
+ return elXaxis;
+ } // this actually becomes the vertical axis (for bar charts)
+
+ }, {
+ key: "drawXaxisInversed",
+ value: function drawXaxisInversed(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var translateYAxisX = w.config.yaxis[0].opposite ? w.globals.translateYAxisX[realIndex] : 0;
+ var elYaxis = graphics.group({
+ class: 'apexcharts-yaxis apexcharts-xaxis-inversed',
+ rel: realIndex
+ });
+ var elYaxisTexts = graphics.group({
+ class: 'apexcharts-yaxis-texts-g apexcharts-xaxis-inversed-texts-g',
+ transform: 'translate(' + translateYAxisX + ', 0)'
+ });
+ elYaxis.add(elYaxisTexts);
+ var colHeight; // initial x Position (keep adding column width in the loop)
+
+ var yPos;
+ var labels = [];
+
+ for (var i = 0; i < this.xaxisLabels.length; i++) {
+ labels.push(this.xaxisLabels[i]);
+ }
+
+ colHeight = w.globals.gridHeight / labels.length;
+ yPos = -(colHeight / 2.2);
+ var lbFormatter = w.globals.yLabelFormatters[0];
+ var ylabels = w.config.yaxis[0].labels;
+
+ if (ylabels.show) {
+ for (var _i2 = 0; _i2 <= labels.length - 1; _i2++) {
+ var label = typeof labels[_i2] === 'undefined' ? '' : labels[_i2];
+ label = lbFormatter(label);
+ var elLabel = graphics.drawText({
+ x: ylabels.offsetX - 15,
+ y: yPos + colHeight + ylabels.offsetY,
+ text: label,
+ textAnchor: this.yaxis.opposite ? 'start' : 'end',
+ foreColor: ylabels.style.color ? ylabels.style.color : ylabels.style.colors[_i2],
+ fontSize: ylabels.style.fontSize,
+ fontFamily: ylabels.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-label ' + ylabels.style.cssClass
+ }); // let labelRotatingCenter = graphics.rotateAroundCenter(elLabel.node)
+ // if (ylabels.rotate !== 0) {
+ // elLabel.node.setAttribute(
+ // 'transform',
+ // `rotate(${ylabels.rotate} ${labelRotatingCenter.x} ${labelRotatingCenter.y})`
+ // )
+ // }
+
+ elYaxisTexts.add(elLabel);
+ yPos = yPos + colHeight;
+ }
+ }
+
+ if (w.config.yaxis[0].title.text !== undefined) {
+ var elXaxisTitle = graphics.group({
+ class: 'apexcharts-yaxis-title apexcharts-xaxis-title-inversed',
+ transform: 'translate(' + translateYAxisX + ', 0)'
+ });
+ var elXAxisTitleText = graphics.drawText({
+ x: 0,
+ y: w.globals.gridHeight / 2,
+ text: w.config.yaxis[0].title.text,
+ textAnchor: 'middle',
+ foreColor: w.config.yaxis[0].title.style.color,
+ fontSize: w.config.yaxis[0].title.style.fontSize,
+ fontFamily: w.config.yaxis[0].title.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-title-text ' + w.config.yaxis[0].title.style.cssClass
+ });
+ elXaxisTitle.add(elXAxisTitleText);
+ elYaxis.add(elXaxisTitle);
+ }
+
+ if (w.config.xaxis.axisBorder.show) {
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal + w.config.xaxis.axisBorder.offsetX, this.offY, this.xaxisBorderWidth, this.offY, this.yaxis.axisBorder.color, 0, this.xaxisBorderHeight);
+ elYaxis.add(elHorzLine); // let x = w.globals.yAxisWidths[0] / 2
+ // if (w.config.yaxis[0].opposite) {
+ // x = -w.globals.yAxisWidths[0] / 2
+ // }
+
+ var yaxis = new YAxis(this.ctx);
+ yaxis.drawAxisTicks(0, labels.length, w.config.yaxis[0].axisBorder, w.config.yaxis[0].axisTicks, 0, colHeight, elYaxis);
+ }
+
+ return elYaxis;
+ }
+ }, {
+ key: "drawXaxisTicks",
+ value: function drawXaxisTicks(x1, appendToElement) {
+ var w = this.w;
+ var x2 = x1;
+ if (x1 < 0 || x1 > w.globals.gridWidth) return;
+ var y1 = this.offY + w.config.xaxis.axisTicks.offsetY;
+ var y2 = y1 + w.config.xaxis.axisTicks.height;
+
+ if (w.config.xaxis.axisTicks.show) {
+ var graphics = new Graphics(this.ctx);
+ var line = graphics.drawLine(x1 + w.config.xaxis.axisTicks.offsetX, y1 + w.config.xaxis.offsetY, x2 + w.config.xaxis.axisTicks.offsetX, y2 + w.config.xaxis.offsetY, w.config.xaxis.axisTicks.color); // we are not returning anything, but appending directly to the element pased in param
+
+ appendToElement.add(line);
+ line.node.classList.add('apexcharts-xaxis-tick');
+ }
+ }
+ }, {
+ key: "getXAxisTicksPositions",
+ value: function getXAxisTicksPositions() {
+ var w = this.w;
+ var xAxisTicksPositions = [];
+ var xCount = this.xaxisLabels.length;
+ var x1 = w.globals.padHorizontal;
+
+ if (w.globals.timelineLabels.length > 0) {
+ for (var i = 0; i < xCount; i++) {
+ x1 = this.xaxisLabels[i].position;
+ xAxisTicksPositions.push(x1);
+ }
+ } else {
+ var xCountForCategoryCharts = xCount;
+
+ for (var _i3 = 0; _i3 < xCountForCategoryCharts; _i3++) {
+ var x1Count = xCountForCategoryCharts;
+
+ if (w.globals.isXNumeric && w.config.chart.type !== 'bar') {
+ x1Count -= 1;
+ }
+
+ x1 = x1 + w.globals.gridWidth / x1Count;
+ xAxisTicksPositions.push(x1);
+ }
+ }
+
+ return xAxisTicksPositions;
+ } // to rotate x-axis labels or to put ... for longer text in xaxis
+
+ }, {
+ key: "xAxisLabelCorrections",
+ value: function xAxisLabelCorrections() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var xAxis = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g');
+ var xAxisTexts = w.globals.dom.baseEl.querySelectorAll('.apexcharts-xaxis-texts-g text');
+ var yAxisTextsInversed = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxis-inversed text');
+ var xAxisTextsInversed = w.globals.dom.baseEl.querySelectorAll('.apexcharts-xaxis-inversed-texts-g text');
+
+ if (w.globals.rotateXLabels || w.config.xaxis.labels.rotateAlways) {
+ for (var xat = 0; xat < xAxisTexts.length; xat++) {
+ var textRotatingCenter = graphics.rotateAroundCenter(xAxisTexts[xat]);
+ textRotatingCenter.y = textRotatingCenter.y - 1; // + tickWidth/4;
+
+ textRotatingCenter.x = textRotatingCenter.x + 1;
+ xAxisTexts[xat].setAttribute('transform', "rotate(".concat(w.config.xaxis.labels.rotate, " ").concat(textRotatingCenter.x, " ").concat(textRotatingCenter.y, ")"));
+ xAxisTexts[xat].setAttribute('text-anchor', "end");
+ var offsetHeight = 10;
+ xAxis.setAttribute('transform', "translate(0, ".concat(-offsetHeight, ")"));
+ var tSpan = xAxisTexts[xat].childNodes;
+
+ if (w.config.xaxis.labels.trim) {
+ graphics.placeTextWithEllipsis(tSpan[0], tSpan[0].textContent, w.config.xaxis.labels.maxHeight - 40);
+ }
+ }
+ } else {
+ var width = w.globals.gridWidth / w.globals.labels.length;
+
+ for (var _xat = 0; _xat < xAxisTexts.length; _xat++) {
+ var _tSpan = xAxisTexts[_xat].childNodes;
+
+ if (w.config.xaxis.labels.trim && w.config.chart.type !== 'bar' && w.config.plotOptions.bar.horizontal) {
+ graphics.placeTextWithEllipsis(_tSpan[0], _tSpan[0].textContent, width);
+ }
+ }
+ }
+
+ if (yAxisTextsInversed.length > 0) {
+ // truncate rotated y axis in bar chart (x axis)
+ var firstLabelPosX = yAxisTextsInversed[yAxisTextsInversed.length - 1].getBBox();
+ var lastLabelPosX = yAxisTextsInversed[0].getBBox();
+
+ if (firstLabelPosX.x < -20) {
+ yAxisTextsInversed[yAxisTextsInversed.length - 1].parentNode.removeChild(yAxisTextsInversed[yAxisTextsInversed.length - 1]);
+ }
+
+ if (lastLabelPosX.x + lastLabelPosX.width > w.globals.gridWidth) {
+ yAxisTextsInversed[0].parentNode.removeChild(yAxisTextsInversed[0]);
+ } // truncate rotated x axis in bar chart (y axis)
+
+
+ for (var _xat2 = 0; _xat2 < xAxisTextsInversed.length; _xat2++) {
+ graphics.placeTextWithEllipsis(xAxisTextsInversed[_xat2], xAxisTextsInversed[_xat2].textContent, w.config.yaxis[0].labels.maxWidth - parseInt(w.config.yaxis[0].title.style.fontSize) * 2 - 20);
+ }
+ }
+ } // renderXAxisBands() {
+ // let w = this.w;
+ // let plotBand = document.createElementNS(w.globals.SVGNS, 'rect')
+ // w.globals.dom.elGraphical.add(plotBand)
+ // }
+
+ }]);
+
+ return XAxis;
+}();
+
+var Range =
+/*#__PURE__*/
+function () {
+ function Range(ctx) {
+ _classCallCheck(this, Range);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ } // http://stackoverflow.com/questions/326679/choosing-an-attractive-linear-scale-for-a-graphs-y-axiss
+ // This routine creates the Y axis values for a graph.
+
+
+ _createClass(Range, [{
+ key: "niceScale",
+ value: function niceScale(yMin, yMax) {
+ var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+ var ticks = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
+
+ if (yMin === Number.MIN_VALUE && yMax === 0 || !Utils.isNumber(yMin) && !Utils.isNumber(yMax) || yMin === Number.MIN_VALUE && yMax === -Number.MAX_VALUE) {
+ // when all values are 0
+ yMin = 0;
+ yMax = ticks;
+ var linearScale = this.linearScale(yMin, yMax, ticks);
+ return linearScale;
+ }
+
+ if (yMin > yMax) {
+ // if somehow due to some wrong config, user sent max less than min,
+ // adjust the min/max again
+ console.warn('yaxis.min cannot be greater than yaxis.max');
+ yMax = yMin + 0.1;
+ } else if (yMin === yMax) {
+ // If yMin and yMax are identical, then
+ // adjust the yMin and yMax values to actually
+ // make a graph. Also avoids division by zero errors.
+ yMin = yMin === 0 ? 0 : yMin - 0.1; // some small value
+
+ yMax = yMax === 0 ? 2 : yMax + 0.1; // some small value
+ } // Calculate Min amd Max graphical labels and graph
+ // increments. The number of ticks defaults to
+ // 10 which is the SUGGESTED value. Any tick value
+ // entered is used as a suggested value which is
+ // adjusted to be a 'pretty' value.
+ //
+ // Output will be an array of the Y axis values that
+ // encompass the Y values.
+
+
+ var result = []; // Determine Range
+
+ var range = yMax - yMin;
+ var tiks = ticks + 1; // Adjust ticks if needed
+
+ if (tiks < 2) {
+ tiks = 2;
+ } else if (tiks > 2) {
+ tiks -= 2;
+ } // Get raw step value
+
+
+ var tempStep = range / tiks; // Calculate pretty step value
+
+ var mag = Math.floor(Utils.log10(tempStep));
+ var magPow = Math.pow(10, mag);
+ var magMsd = parseInt(tempStep / magPow);
+ var stepSize = magMsd * magPow; // build Y label array.
+ // Lower and upper bounds calculations
+
+ var lb = stepSize * Math.floor(yMin / stepSize);
+ var ub = stepSize * Math.ceil(yMax / stepSize); // Build array
+
+ var val = lb;
+
+ while (1) {
+ result.push(val);
+ val += stepSize;
+
+ if (val > ub) {
+ break;
+ }
+ } // TODO: need to remove this condition below which makes this function tightly coupled with w.
+
+
+ if (this.w.config.yaxis[index].max === undefined && this.w.config.yaxis[index].min === undefined || this.w.config.yaxis[index].forceNiceScale) {
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ } else {
+ result = [];
+ var v = yMin;
+ result.push(v);
+ var valuesDivider = Math.abs(yMax - yMin) / ticks;
+
+ for (var i = 0; i <= ticks - 1; i++) {
+ v = v + valuesDivider;
+ result.push(v);
+ }
+
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ }
+ }
+ }, {
+ key: "linearScale",
+ value: function linearScale(yMin, yMax) {
+ var ticks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+ var range = Math.abs(yMax - yMin);
+ var step = range / ticks;
+
+ if (ticks === Number.MAX_VALUE) {
+ ticks = 10;
+ step = 1;
+ }
+
+ var result = [];
+ var v = yMin;
+
+ while (ticks >= 0) {
+ result.push(v);
+ v = v + step;
+ ticks -= 1;
+ }
+
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ }
+ }, {
+ key: "logarithmicScale",
+ value: function logarithmicScale(index, yMin, yMax, ticks) {
+ if (yMin < 0 || yMin === Number.MIN_VALUE) yMin = 0.01;
+ var base = 10;
+ var min = Math.log(yMin) / Math.log(base);
+ var max = Math.log(yMax) / Math.log(base);
+ var range = Math.abs(yMax - yMin);
+ var step = range / ticks;
+ var result = [];
+ var v = yMin;
+
+ while (ticks >= 0) {
+ result.push(v);
+ v = v + step;
+ ticks -= 1;
+ }
+
+ var logs = result.map(function (niceNumber, i) {
+ if (niceNumber <= 0) {
+ niceNumber = 0.01;
+ } // calculate adjustment factor
+
+
+ var scale = (max - min) / (yMax - yMin);
+ var logVal = Math.pow(base, min + scale * (niceNumber - min));
+ return Math.round(logVal / Utils.roundToBase(logVal, base)) * Utils.roundToBase(logVal, base);
+ }); // Math.floor may have rounded the value to 0, revert back to 1
+
+ if (logs[0] === 0) logs[0] = 1;
+ return {
+ result: logs,
+ niceMin: logs[0],
+ niceMax: logs[logs.length - 1]
+ };
+ }
+ }, {
+ key: "setYScaleForIndex",
+ value: function setYScaleForIndex(index, minY, maxY) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var y = this.isBarHorizontal ? cnf.xaxis : cnf.yaxis[index];
+
+ if (typeof gl.yAxisScale[index] === 'undefined') {
+ gl.yAxisScale[index] = [];
+ }
+
+ if (y.logarithmic) {
+ gl.allSeriesCollapsed = false;
+ gl.yAxisScale[index] = this.logarithmicScale(index, minY, maxY, y.tickAmount ? y.tickAmount : Math.floor(Math.log10(maxY)));
+ } else {
+ if (maxY === -Number.MAX_VALUE || !Utils.isNumber(maxY)) {
+ // no data in the chart. Either all series collapsed or user passed a blank array
+ gl.yAxisScale[index] = this.linearScale(0, 5, 5);
+ } else {
+ // there is some data. Turn off the allSeriesCollapsed flag
+ gl.allSeriesCollapsed = false;
+ gl.yAxisScale[index] = this.niceScale(minY, maxY, index, y.tickAmount ? y.tickAmount : 5);
+ }
+ }
+ }
+ }, {
+ key: "setMultipleYScales",
+ value: function setMultipleYScales() {
+ var _this = this;
+
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var minYArr = gl.minYArr.concat([]);
+ var maxYArr = gl.maxYArr.concat([]);
+ var scalesIndices = []; // here, we loop through the yaxis array and find the item which has "seriesName" property
+
+ cnf.yaxis.forEach(function (yaxe, i) {
+ var index = i;
+ cnf.series.forEach(function (s, si) {
+ // if seriesName matches and that series is not collapsed, we use that scale
+ if (s.name === yaxe.seriesName && gl.collapsedSeriesIndices.indexOf(si) === -1) {
+ index = si;
+
+ if (i !== si) {
+ scalesIndices.push({
+ index: si,
+ similarIndex: i,
+ alreadyExists: true
+ });
+ } else {
+ scalesIndices.push({
+ index: si
+ });
+ }
+ }
+ });
+ var minY = minYArr[index];
+ var maxY = maxYArr[index];
+
+ _this.setYScaleForIndex(i, minY, maxY);
+ });
+ this.sameScaleInMultipleAxes(minYArr, maxYArr, scalesIndices);
+ }
+ }, {
+ key: "sameScaleInMultipleAxes",
+ value: function sameScaleInMultipleAxes(minYArr, maxYArr, scalesIndices) {
+ var _this2 = this;
+
+ var cnf = this.w.config;
+ var gl = this.w.globals; // we got the scalesIndices array in the above code, but we need to filter out the items which doesn't have same scales
+
+ var similarIndices = [];
+ scalesIndices.forEach(function (scale) {
+ if (scale.alreadyExists) {
+ if (typeof similarIndices[scale.index] === 'undefined') {
+ similarIndices[scale.index] = [];
+ }
+
+ similarIndices[scale.index].push(scale.index);
+ similarIndices[scale.index].push(scale.similarIndex);
+ }
+ });
+
+ function intersect(a, b) {
+ return a.filter(function (value) {
+ return b.indexOf(value) !== -1;
+ });
+ }
+
+ similarIndices.forEach(function (si, i) {
+ similarIndices.forEach(function (sj, j) {
+ if (i !== j) {
+ if (intersect(si, sj).length > 0) {
+ similarIndices[i] = similarIndices[i].concat(similarIndices[j]);
+ }
+ }
+ });
+ }); // then, we remove duplicates from the similarScale array
+
+ var uniqueSimilarIndices = similarIndices.map(function (item) {
+ return item.filter(function (i, pos) {
+ return item.indexOf(i) === pos;
+ });
+ }); // sort further to remove whole duplicate arrays later
+
+ var sortedIndices = uniqueSimilarIndices.map(function (s) {
+ return s.sort();
+ }); // remove undefined items
+
+ similarIndices = similarIndices.filter(function (s) {
+ return !!s;
+ });
+ var indices = sortedIndices.slice();
+ var stringIndices = indices.map(function (ind) {
+ return JSON.stringify(ind);
+ });
+ indices = indices.filter(function (ind, p) {
+ return stringIndices.indexOf(JSON.stringify(ind)) === p;
+ });
+ var sameScaleMinYArr = [];
+ var sameScaleMaxYArr = [];
+ minYArr.forEach(function (minYValue, yi) {
+ indices.forEach(function (scale, i) {
+ // we compare only the yIndex which exists in the indices array
+ if (scale.indexOf(yi) > -1) {
+ if (typeof sameScaleMinYArr[i] === 'undefined') {
+ sameScaleMinYArr[i] = [];
+ sameScaleMaxYArr[i] = [];
+ }
+
+ sameScaleMinYArr[i].push({
+ key: yi,
+ value: minYValue
+ });
+ sameScaleMaxYArr[i].push({
+ key: yi,
+ value: maxYArr[yi]
+ });
+ }
+ });
+ });
+ var sameScaleMin = Array.apply(null, Array(indices.length)).map(Number.prototype.valueOf, Number.MIN_VALUE);
+ var sameScaleMax = Array.apply(null, Array(indices.length)).map(Number.prototype.valueOf, -Number.MAX_VALUE);
+ sameScaleMinYArr.forEach(function (s, i) {
+ s.forEach(function (sc, j) {
+ sameScaleMin[i] = Math.min(sc.value, sameScaleMin[i]);
+ });
+ });
+ sameScaleMaxYArr.forEach(function (s, i) {
+ s.forEach(function (sc, j) {
+ sameScaleMax[i] = Math.max(sc.value, sameScaleMax[i]);
+ });
+ });
+ minYArr.forEach(function (min, i) {
+ sameScaleMaxYArr.forEach(function (s, si) {
+ var minY = sameScaleMin[si];
+ var maxY = sameScaleMax[si];
+ s.forEach(function (ind, k) {
+ if (s[k].key === i) {
+ if (cnf.yaxis[i].min !== undefined) {
+ if (typeof cnf.yaxis[i].min === 'function') {
+ minY = cnf.yaxis[i].min(gl.minY);
+ } else {
+ minY = cnf.yaxis[i].min;
+ }
+ }
+
+ if (cnf.yaxis[i].max !== undefined) {
+ if (typeof cnf.yaxis[i].max === 'function') {
+ maxY = cnf.yaxis[i].max(gl.maxY);
+ } else {
+ maxY = cnf.yaxis[i].max;
+ }
+ }
+
+ _this2.setYScaleForIndex(i, minY, maxY);
+ }
+ });
+ });
+ });
+ }
+ }, {
+ key: "autoScaleY",
+ value: function autoScaleY(ctx, e) {
+ if (!ctx) {
+ ctx = this;
+ }
+
+ var ret = [];
+ ctx.w.config.series.forEach(function (serie) {
+ var min, max;
+ var first = serie.data.find(function (x) {
+ return x[0] >= e.xaxis.min;
+ });
+ var firstValue = first[1];
+ max = min = firstValue;
+ serie.data.forEach(function (data) {
+ if (data[0] <= e.xaxis.max && data[0] >= e.xaxis.min) {
+ if (data[1] > max && data[1] !== null) max = data[1];
+ if (data[1] < min && data[1] !== null) min = data[1];
+ }
+ });
+ min *= 0.95;
+ max *= 1.05;
+ ret.push({
+ min: min,
+ max: max
+ });
+ });
+ return ret;
+ }
+ }]);
+
+ return Range;
+}();
+
+/**
+ * Range is used to generates values between min and max.
+ *
+ * @module Range
+ **/
+
+var Range$1 =
+/*#__PURE__*/
+function () {
+ function Range$$1(ctx) {
+ _classCallCheck(this, Range$$1);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ this.scales = new Range(ctx);
+ }
+
+ _createClass(Range$$1, [{
+ key: "init",
+ value: function init() {
+ this.setYRange();
+ this.setXRange();
+ this.setZRange();
+ }
+ }, {
+ key: "getMinYMaxY",
+ value: function getMinYMaxY(startingIndex) {
+ var lowestY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MAX_VALUE;
+ var highestY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -Number.MAX_VALUE;
+ var len = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+ var gl = this.w.globals;
+ var maxY = -Number.MAX_VALUE;
+ var minY = Number.MIN_VALUE;
+
+ if (len === null) {
+ len = startingIndex + 1;
+ }
+
+ var series = gl.series;
+ var seriesMin = series;
+ var seriesMax = series;
+
+ if (this.w.config.chart.type === 'candlestick') {
+ seriesMin = gl.seriesCandleL;
+ seriesMax = gl.seriesCandleH;
+ }
+
+ for (var i = startingIndex; i < len; i++) {
+ gl.dataPoints = Math.max(gl.dataPoints, series[i].length);
+
+ for (var j = 0; j < gl.series[i].length; j++) {
+ if (series[i][j] !== null && Utils.isNumber(series[i][j])) {
+ maxY = Math.max(maxY, seriesMax[i][j]);
+ lowestY = Math.min(lowestY, seriesMin[i][j]);
+ highestY = Math.max(highestY, seriesMin[i][j]);
+
+ if (Utils.isFloat(series[i][j])) {
+ gl.yValueDecimal = Math.max(gl.yValueDecimal, series[i][j].toString().split('.')[1].length);
+ }
+
+ if (minY > seriesMin[i][j] && seriesMin[i][j] < 0) {
+ minY = seriesMin[i][j];
+ }
+ } else {
+ gl.hasNullValues = true;
+ }
+ }
+ }
+
+ return {
+ minY: minY,
+ maxY: maxY,
+ lowestY: lowestY,
+ highestY: highestY
+ };
+ }
+ }, {
+ key: "setYRange",
+ value: function setYRange() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.maxY = -Number.MAX_VALUE;
+ gl.minY = Number.MIN_VALUE;
+ var lowestYInAllSeries = Number.MAX_VALUE;
+
+ if (gl.isMultipleYAxis) {
+ // we need to get minY and maxY for multiple y axis
+ for (var i = 0; i < gl.series.length; i++) {
+ var minYMaxYArr = this.getMinYMaxY(i, lowestYInAllSeries, null, i + 1);
+ gl.minYArr.push(minYMaxYArr.minY);
+ gl.maxYArr.push(minYMaxYArr.maxY);
+ lowestYInAllSeries = minYMaxYArr.lowestY;
+ }
+ } // and then, get the minY and maxY from all series
+
+
+ var minYMaxY = this.getMinYMaxY(0, lowestYInAllSeries, null, gl.series.length);
+ gl.minY = minYMaxY.minY;
+ gl.maxY = minYMaxY.maxY;
+ lowestYInAllSeries = minYMaxY.lowestY;
+
+ if (cnf.chart.stacked) {
+ // for stacked charts, we calculate each series's parallel values. i.e, series[0][j] + series[1][j] .... [series[i.length][j]] and get the max out of it
+ var stackedPoss = [];
+ var stackedNegs = [];
+
+ for (var j = 0; j < gl.series[gl.maxValsInArrayIndex].length; j++) {
+ var poss = 0;
+ var negs = 0;
+
+ for (var _i = 0; _i < gl.series.length; _i++) {
+ if (gl.series[_i][j] !== null && Utils.isNumber(gl.series[_i][j])) {
+ if (gl.series[_i][j] > 0) {
+ // 0.0001 fixes #185 when values are very small
+ poss = poss + parseFloat(gl.series[_i][j]) + 0.0001;
+ } else {
+ negs = negs + parseFloat(gl.series[_i][j]);
+ }
+ }
+
+ if (_i === gl.series.length - 1) {
+ // push all the totals to the array for future use
+ stackedPoss.push(poss);
+ stackedNegs.push(negs);
+ }
+ }
+ } // get the max/min out of the added parallel values
+
+
+ for (var z = 0; z < stackedPoss.length; z++) {
+ gl.maxY = Math.max(gl.maxY, stackedPoss[z]);
+ gl.minY = Math.min(gl.minY, stackedNegs[z]);
+ }
+ } // if the numbers are too big, reduce the range
+ // for eg, if number is between 100000-110000, putting 0 as the lowest value is not so good idea. So change the gl.minY for line/area/candlesticks
+
+
+ if (cnf.chart.type === 'line' || cnf.chart.type === 'area' || cnf.chart.type === 'candlestick') {
+ if (gl.minY === Number.MIN_VALUE && lowestYInAllSeries !== -Number.MAX_VALUE) {
+ var diff = gl.maxY - lowestYInAllSeries;
+
+ if (lowestYInAllSeries >= 0 && lowestYInAllSeries <= 10) {
+ // if minY is already 0/low value, we don't want to go negatives here - so this check is essential.
+ diff = 0;
+ }
+
+ gl.minY = lowestYInAllSeries - diff * 5 / 100;
+ gl.maxY = gl.maxY + diff * 5 / 100 + 0.05;
+ }
+ }
+
+ cnf.yaxis.map(function (yaxe, index) {
+ // override all min/max values by user defined values (y axis)
+ if (yaxe.max !== undefined) {
+ if (typeof yaxe.max === 'number') {
+ gl.maxYArr[index] = yaxe.max;
+ } else if (typeof yaxe.max === 'function') {
+ gl.maxYArr[index] = yaxe.max(gl.maxY);
+ } // gl.maxY is for single y-axis chart, it will be ignored in multi-yaxis
+
+
+ gl.maxY = gl.maxYArr[index];
+ }
+
+ if (yaxe.min !== undefined) {
+ if (typeof yaxe.min === 'number') {
+ gl.minYArr[index] = yaxe.min;
+ } else if (typeof yaxe.min === 'function') {
+ gl.minYArr[index] = yaxe.min(gl.minY);
+ } // gl.minY is for single y-axis chart, it will be ignored in multi-yaxis
+
+
+ gl.minY = gl.minYArr[index];
+ }
+ }); // for horizontal bar charts, we need to check xaxis min/max as user may have specified there
+
+ if (this.isBarHorizontal) {
+ if (cnf.xaxis.min !== undefined && typeof cnf.xaxis.min === 'number') {
+ gl.minY = cnf.xaxis.min;
+ }
+
+ if (cnf.xaxis.max !== undefined && typeof cnf.xaxis.max === 'number') {
+ gl.maxY = cnf.xaxis.max;
+ }
+ } // for multi y-axis we need different scales for each
+
+
+ if (gl.isMultipleYAxis) {
+ this.scales.setMultipleYScales();
+ gl.minY = lowestYInAllSeries;
+ gl.yAxisScale.forEach(function (scale, i) {
+ gl.minYArr[i] = scale.niceMin;
+ gl.maxYArr[i] = scale.niceMax;
+ });
+ } else {
+ this.scales.setYScaleForIndex(0, gl.minY, gl.maxY);
+ gl.minY = gl.yAxisScale[0].niceMin;
+ gl.maxY = gl.yAxisScale[0].niceMax;
+ gl.minYArr[0] = gl.yAxisScale[0].niceMin;
+ gl.maxYArr[0] = gl.yAxisScale[0].niceMax;
+ }
+ }
+ }, {
+ key: "setXRange",
+ value: function setXRange() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var isXNumeric = cnf.xaxis.type === 'numeric' || cnf.xaxis.type === 'datetime' || cnf.xaxis.type === 'category' && !gl.noLabelsProvided; // minX maxX starts here
+
+ if (gl.isXNumeric) {
+ for (var i = 0; i < gl.series.length; i++) {
+ if (gl.labels[i]) {
+ for (var j = 0; j < gl.labels[i].length; j++) {
+ if (gl.labels[i][j] !== null && Utils.isNumber(gl.labels[i][j])) {
+ gl.maxX = Math.max(gl.maxX, gl.labels[i][j]);
+ gl.initialmaxX = Math.max(gl.maxX, gl.labels[i][j]);
+ gl.minX = Math.min(gl.minX, gl.labels[i][j]);
+ gl.initialminX = Math.min(gl.minX, gl.labels[i][j]);
+ }
+ }
+ }
+ }
+ }
+
+ if (gl.noLabelsProvided) {
+ if (cnf.xaxis.categories.length === 0) {
+ gl.maxX = gl.labels[gl.labels.length - 1];
+ gl.initialmaxX = gl.labels[gl.labels.length - 1];
+ gl.minX = 1;
+ gl.initialminX = 1;
+ }
+ } // for numeric xaxis, we need to adjust some padding left and right for bar charts
+
+
+ if (gl.comboChartsHasBars || cnf.chart.type === 'candlestick' || cnf.chart.type === 'bar' && cnf.xaxis.type !== 'category') {
+ if (cnf.xaxis.type !== 'category') {
+ var minX = gl.minX - gl.svgWidth / gl.dataPoints * (Math.abs(gl.maxX - gl.minX) / gl.svgWidth) / 2;
+ gl.minX = minX;
+ gl.initialminX = minX;
+ var maxX = gl.maxX + gl.svgWidth / gl.dataPoints * (Math.abs(gl.maxX - gl.minX) / gl.svgWidth) / 2;
+ gl.maxX = maxX;
+ gl.initialmaxX = maxX;
+ }
+ }
+
+ if (gl.isXNumeric || gl.noLabelsProvided) {
+ var ticks;
+
+ if (cnf.xaxis.tickAmount === undefined) {
+ ticks = Math.round(gl.svgWidth / 150); // no labels provided and total number of dataPoints is less than 20
+
+ if (cnf.xaxis.type === 'numeric' && gl.dataPoints < 20) {
+ ticks = gl.dataPoints - 1;
+ } // this check is for when ticks exceeds total datapoints and that would result in duplicate labels
+
+
+ if (ticks > gl.dataPoints && gl.dataPoints !== 0) {
+ ticks = gl.dataPoints - 1;
+ }
+ } else if (cnf.xaxis.tickAmount === 'dataPoints') {
+ ticks = gl.series[gl.maxValsInArrayIndex].length - 1;
+ } else {
+ ticks = cnf.xaxis.tickAmount;
+ } // override all min/max values by user defined values (x axis)
+
+
+ if (cnf.xaxis.max !== undefined && typeof cnf.xaxis.max === 'number') {
+ gl.maxX = cnf.xaxis.max;
+ }
+
+ if (cnf.xaxis.min !== undefined && typeof cnf.xaxis.min === 'number') {
+ gl.minX = cnf.xaxis.min;
+ } // if range is provided, adjust the new minX
+
+
+ if (cnf.xaxis.range !== undefined) {
+ gl.minX = gl.maxX - cnf.xaxis.range;
+ }
+
+ if (gl.minX !== Number.MAX_VALUE && gl.maxX !== -Number.MAX_VALUE) {
+ gl.xAxisScale = this.scales.linearScale(gl.minX, gl.maxX, ticks);
+ } else {
+ gl.xAxisScale = this.scales.linearScale(1, ticks, ticks);
+
+ if (gl.noLabelsProvided && gl.labels.length > 0) {
+ gl.xAxisScale = this.scales.linearScale(1, gl.labels.length, ticks - 1);
+ gl.seriesX = gl.labels.slice();
+ }
+ } // we will still store these labels as the count for this will be different (to draw grid and labels placement)
+
+
+ if (isXNumeric) {
+ gl.labels = gl.xAxisScale.result.slice();
+ }
+ }
+
+ if (gl.minX === gl.maxX) {
+ // single dataPoint
+ if (cnf.xaxis.type === 'datetime') {
+ var newMinX = new Date(gl.minX);
+ newMinX.setDate(newMinX.getDate() - 2);
+ gl.minX = new Date(newMinX).getTime();
+ var newMaxX = new Date(gl.maxX);
+ newMaxX.setDate(newMaxX.getDate() + 2);
+ gl.maxX = new Date(newMaxX).getTime();
+ } else if (cnf.xaxis.type === 'numeric' || cnf.xaxis.type === 'category' && !gl.noLabelsProvided) {
+ gl.minX = gl.minX - 2;
+ gl.maxX = gl.maxX + 2;
+ }
+ }
+ }
+ }, {
+ key: "setZRange",
+ value: function setZRange() {
+ var gl = this.w.globals; // minZ, maxZ starts here
+
+ if (gl.isDataXYZ) {
+ for (var i = 0; i < gl.series.length; i++) {
+ if (typeof gl.seriesZ[i] !== 'undefined') {
+ for (var j = 0; j < gl.seriesZ[i].length; j++) {
+ if (gl.seriesZ[i][j] !== null && Utils.isNumber(gl.seriesZ[i][j])) {
+ gl.maxZ = Math.max(gl.maxZ, gl.seriesZ[i][j]);
+ gl.minZ = Math.min(gl.minZ, gl.seriesZ[i][j]);
+ }
+ }
+ }
+ }
+ }
+ }
+ }]);
+
+ return Range$$1;
+}();
+
+/**
+ * ApexCharts Series Class for interation with the Series of the chart.
+ *
+ * @module Series
+ **/
+
+var Series =
+/*#__PURE__*/
+function () {
+ function Series(ctx) {
+ _classCallCheck(this, Series);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Series, [{
+ key: "getAllSeriesEls",
+ value: function getAllSeriesEls() {
+ return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
+ }
+ }, {
+ key: "getSeriesByName",
+ value: function getSeriesByName(seriesName) {
+ return this.w.globals.dom.baseEl.querySelector(".apexcharts-series.".concat(Utils.escapeString(seriesName)));
+ }
+ }, {
+ key: "addCollapsedClassToSeries",
+ value: function addCollapsedClassToSeries(elSeries, index) {
+ var w = this.w;
+
+ for (var cs = 0; cs < w.globals.collapsedSeries.length; cs++) {
+ if (w.globals.collapsedSeries[cs].index === index) {
+ elSeries.node.classList.add('apexcharts-series-collapsed');
+ }
+ }
+ }
+ }, {
+ key: "toggleSeriesOnHover",
+ value: function toggleSeriesOnHover(e, targetElement) {
+ var w = this.w;
+ var allSeriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
+
+ if (e.type === 'mousemove') {
+ var seriesCnt = parseInt(targetElement.getAttribute('rel')) - 1;
+ var seriesEl = null;
+
+ if (w.globals.axisCharts || w.config.chart.type === 'radialBar') {
+ if (w.globals.axisCharts) {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesCnt, "']"));
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "']"));
+ }
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "'] path"));
+ }
+
+ for (var se = 0; se < allSeriesEls.length; se++) {
+ allSeriesEls[se].classList.add('legend-mouseover-inactive');
+ }
+
+ if (seriesEl !== null) {
+ if (!w.globals.axisCharts) {
+ seriesEl.parentNode.classList.remove('legend-mouseover-inactive');
+ }
+
+ seriesEl.classList.remove('legend-mouseover-inactive');
+ }
+ } else if (e.type === 'mouseout') {
+ for (var _se = 0; _se < allSeriesEls.length; _se++) {
+ allSeriesEls[_se].classList.remove('legend-mouseover-inactive');
+ }
+ }
+ }
+ }, {
+ key: "highlightRangeInSeries",
+ value: function highlightRangeInSeries(e, targetElement) {
+ var w = this.w;
+ var allHeatMapElements = w.globals.dom.baseEl.querySelectorAll('.apexcharts-heatmap-rect');
+
+ var allActive = function allActive() {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ allHeatMapElements[i].classList.remove('legend-mouseover-inactive');
+ }
+ };
+
+ var allInactive = function allInactive() {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ allHeatMapElements[i].classList.add('legend-mouseover-inactive');
+ }
+ };
+
+ var selectedActive = function selectedActive(range) {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ var val = parseInt(allHeatMapElements[i].getAttribute('val'));
+
+ if (val >= range.from && val <= range.to) {
+ allHeatMapElements[i].classList.remove('legend-mouseover-inactive');
+ }
+ }
+ };
+
+ if (e.type === 'mousemove') {
+ var seriesCnt = parseInt(targetElement.getAttribute('rel')) - 1;
+ allActive();
+ allInactive();
+ var range = w.config.plotOptions.heatmap.colorScale.ranges[seriesCnt];
+ selectedActive(range);
+ } else if (e.type === 'mouseout') {
+ allActive();
+ }
+ }
+ }, {
+ key: "getActiveSeriesIndex",
+ value: function getActiveSeriesIndex() {
+ var w = this.w;
+ var activeIndex = 0;
+
+ if (w.globals.series.length > 1) {
+ // active series flag is required to know if user has not deactivated via legend click
+ var firstActiveSeriesIndex = w.globals.series.map(function (series, index) {
+ if (series.length > 0 && w.config.series[index].type !== 'bar' && w.config.series[index].type !== 'column') {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ if (firstActiveSeriesIndex[a] !== -1) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "getActiveConfigSeriesIndex",
+ value: function getActiveConfigSeriesIndex() {
+ var w = this.w;
+ var activeIndex = 0;
+
+ if (w.config.series.length > 1) {
+ // active series flag is required to know if user has not deactivated via legend click
+ var firstActiveSeriesIndex = w.config.series.map(function (series, index) {
+ if (series.data && series.data.length > 0) {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ if (firstActiveSeriesIndex[a] !== -1) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "getPreviousPaths",
+ value: function getPreviousPaths() {
+ var w = this.w;
+ w.globals.previousPaths = [];
+
+ function pushPaths(seriesEls, i, type) {
+ var paths = seriesEls[i].childNodes;
+ var dArr = {
+ type: type,
+ paths: [],
+ realIndex: seriesEls[i].getAttribute('data:realIndex')
+ };
+
+ for (var j = 0; j < paths.length; j++) {
+ if (paths[j].hasAttribute('pathTo')) {
+ var d = paths[j].getAttribute('pathTo');
+ dArr.paths.push({
+ d: d
+ });
+ }
+ }
+
+ w.globals.previousPaths.push(dArr);
+ }
+
+ var linePaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-line-series .apexcharts-series');
+
+ if (linePaths.length > 0) {
+ for (var p = linePaths.length - 1; p >= 0; p--) {
+ pushPaths(linePaths, p, 'line');
+ }
+ }
+
+ var areapaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-area-series .apexcharts-series');
+
+ if (areapaths.length > 0) {
+ for (var i = areapaths.length - 1; i >= 0; i--) {
+ pushPaths(areapaths, i, 'area');
+ }
+ }
+
+ var barPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-series .apexcharts-series');
+
+ if (barPaths.length > 0) {
+ for (var _p = 0; _p < barPaths.length; _p++) {
+ pushPaths(barPaths, _p, 'bar');
+ }
+ }
+
+ var candlestickPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-candlestick-series .apexcharts-series');
+
+ if (candlestickPaths.length > 0) {
+ for (var _p2 = 0; _p2 < candlestickPaths.length; _p2++) {
+ pushPaths(candlestickPaths, _p2, 'candlestick');
+ }
+ }
+
+ var radarPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-radar-series .apexcharts-series');
+
+ if (radarPaths.length > 0) {
+ for (var _p3 = 0; _p3 < radarPaths.length; _p3++) {
+ pushPaths(radarPaths, _p3, 'radar');
+ }
+ }
+
+ var bubblepaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bubble-series .apexcharts-series');
+
+ if (bubblepaths.length > 0) {
+ for (var s = 0; s < bubblepaths.length; s++) {
+ var seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-bubble-series .apexcharts-series[data\\:realIndex='".concat(s, "'] circle"));
+ var dArr = [];
+
+ for (var _i = 0; _i < seriesEls.length; _i++) {
+ dArr.push({
+ x: seriesEls[_i].getAttribute('cx'),
+ y: seriesEls[_i].getAttribute('cy'),
+ r: seriesEls[_i].getAttribute('r')
+ });
+ }
+
+ w.globals.previousPaths.push(dArr);
+ }
+ }
+
+ var scatterpaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-scatter-series .apexcharts-series');
+
+ if (scatterpaths.length > 0) {
+ for (var _s = 0; _s < scatterpaths.length; _s++) {
+ var _seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-scatter-series .apexcharts-series[data\\:realIndex='".concat(_s, "'] circle"));
+
+ var _dArr = [];
+
+ for (var _i2 = 0; _i2 < _seriesEls.length; _i2++) {
+ _dArr.push({
+ x: _seriesEls[_i2].getAttribute('cx'),
+ y: _seriesEls[_i2].getAttribute('cy'),
+ r: _seriesEls[_i2].getAttribute('r')
+ });
+ }
+
+ w.globals.previousPaths.push(_dArr);
+ }
+ }
+
+ var heatmapColors = w.globals.dom.baseEl.querySelectorAll('.apexcharts-heatmap .apexcharts-series');
+
+ if (heatmapColors.length > 0) {
+ for (var h = 0; h < heatmapColors.length; h++) {
+ var _seriesEls2 = w.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap .apexcharts-series[data\\:realIndex='".concat(h, "'] rect"));
+
+ var _dArr2 = [];
+
+ for (var _i3 = 0; _i3 < _seriesEls2.length; _i3++) {
+ _dArr2.push({
+ color: _seriesEls2[_i3].getAttribute('color')
+ });
+ }
+
+ w.globals.previousPaths.push(_dArr2);
+ }
+ }
+
+ if (!w.globals.axisCharts) {
+ // for non-axis charts (i.e., circular charts, pathFrom is not usable. We need whole series)
+ w.globals.previousPaths = w.globals.series;
+ }
+ }
+ }, {
+ key: "handleNoData",
+ value: function handleNoData() {
+ var w = this.w;
+ var me = this;
+ var noDataOpts = w.config.noData;
+ var graphics = new Graphics(me.ctx);
+ var x = w.globals.svgWidth / 2;
+ var y = w.globals.svgHeight / 2;
+ var textAnchor = 'middle';
+ w.globals.noData = true;
+ w.globals.animationEnded = true;
+
+ if (noDataOpts.align === 'left') {
+ x = 10;
+ textAnchor = 'start';
+ } else if (noDataOpts.align === 'right') {
+ x = w.globals.svgWidth - 10;
+ textAnchor = 'end';
+ }
+
+ if (noDataOpts.verticalAlign === 'top') {
+ y = 50;
+ } else if (noDataOpts.verticalAlign === 'bottom') {
+ y = w.globals.svgHeight - 50;
+ }
+
+ x = x + noDataOpts.offsetX;
+ y = y + parseInt(noDataOpts.style.fontSize) + 2;
+
+ if (noDataOpts.text !== undefined && noDataOpts.text !== '') {
+ var titleText = graphics.drawText({
+ x: x,
+ y: y,
+ text: noDataOpts.text,
+ textAnchor: textAnchor,
+ fontSize: noDataOpts.style.fontSize,
+ fontFamily: noDataOpts.style.fontFamily,
+ foreColor: noDataOpts.style.color,
+ opacity: 1,
+ class: 'apexcharts-text-nodata'
+ });
+ titleText.node.setAttribute('class', 'apexcharts-title-text');
+ w.globals.dom.Paper.add(titleText);
+ }
+ } // When user clicks on legends, the collapsed series is filled with [0,0,0,...,0]
+ // This is because we don't want to alter the series' length as it is used at many places
+
+ }, {
+ key: "setNullSeriesToZeroValues",
+ value: function setNullSeriesToZeroValues(series) {
+ var w = this.w;
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length === 0) {
+ for (var j = 0; j < series[w.globals.maxValsInArrayIndex].length; j++) {
+ series[sl].push(0);
+ }
+ }
+ }
+
+ return series;
+ }
+ }, {
+ key: "hasAllSeriesEqualX",
+ value: function hasAllSeriesEqualX() {
+ var equalLen = true;
+ var w = this.w;
+ var filteredSerX = this.filteredSeriesX();
+
+ for (var i = 0; i < filteredSerX.length - 1; i++) {
+ if (filteredSerX[i][0] !== filteredSerX[i + 1][0]) {
+ equalLen = false;
+ break;
+ }
+ }
+
+ w.globals.allSeriesHasEqualX = equalLen;
+ return equalLen;
+ }
+ }, {
+ key: "filteredSeriesX",
+ value: function filteredSeriesX() {
+ var w = this.w;
+ var filteredSeriesX = w.globals.seriesX.map(function (ser, index) {
+ if (ser.length > 0) {
+ return ser;
+ } else {
+ return [];
+ }
+ });
+ return filteredSeriesX;
+ }
+ }]);
+
+ return Series;
+}();
+
+/**
+ * ApexCharts Dimensions Class for calculating rects of all elements that are drawn and will be drawn.
+ *
+ * @module Dimensions
+ **/
+
+var Dimensions =
+/*#__PURE__*/
+function () {
+ function Dimensions(ctx) {
+ _classCallCheck(this, Dimensions);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.lgRect = {};
+ this.yAxisWidth = 0;
+ this.xAxisHeight = 0;
+ this.isSparkline = this.w.config.chart.sparkline.enabled;
+ this.xPadRight = 0;
+ this.xPadLeft = 0;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ }
+ /**
+ * @memberof Dimensions
+ * @param {object} w - chart context
+ **/
+
+
+ _createClass(Dimensions, [{
+ key: "plotCoords",
+ value: function plotCoords() {
+ var w = this.w;
+ var gl = w.globals;
+ var lgRect = this.getLegendsRect();
+
+ if (gl.axisCharts) {
+ // for line / area / scatter / column
+ this.setGridCoordsForAxisCharts(lgRect);
+ } else {
+ // for pie / donuts / circle
+ this.setGridCoordsForNonAxisCharts(lgRect);
+ }
+
+ this.titleSubtitleOffset(); // after calculating everything, apply padding set by user
+
+ gl.gridHeight = gl.gridHeight - w.config.grid.padding.top - w.config.grid.padding.bottom;
+ gl.gridWidth = gl.gridWidth - w.config.grid.padding.left - w.config.grid.padding.right - this.xPadRight - this.xPadLeft;
+ gl.translateX = gl.translateX + w.config.grid.padding.left + this.xPadLeft;
+ gl.translateY = gl.translateY + w.config.grid.padding.top;
+ }
+ }, {
+ key: "conditionalChecksForAxisCoords",
+ value: function conditionalChecksForAxisCoords(xaxisLabelCoords, xtitleCoords) {
+ var w = this.w;
+ this.xAxisHeight = (xaxisLabelCoords.height + xtitleCoords.height) * w.globals.LINE_HEIGHT_RATIO + 15;
+ this.xAxisWidth = xaxisLabelCoords.width;
+
+ if (this.xAxisHeight - xtitleCoords.height > w.config.xaxis.labels.maxHeight) {
+ this.xAxisHeight = w.config.xaxis.labels.maxHeight;
+ }
+
+ if (w.config.xaxis.labels.minHeight && this.xAxisHeight < w.config.xaxis.labels.minHeight) {
+ this.xAxisHeight = w.config.xaxis.labels.minHeight;
+ }
+
+ if (w.config.xaxis.floating) {
+ this.xAxisHeight = 0;
+ }
+
+ if (!this.isBarHorizontal) {
+ this.yAxisWidth = this.getTotalYAxisWidth();
+ } else {
+ this.yAxisWidth = w.globals.yLabelsCoords[0].width + w.globals.yTitleCoords[0].width + 15;
+ }
+
+ if (!w.globals.isMultipleYAxis) {
+ if (this.yAxisWidth < w.config.yaxis[0].labels.minWidth) {
+ this.yAxisWidth = w.config.yaxis[0].labels.minWidth;
+ }
+
+ if (this.yAxisWidth > w.config.yaxis[0].labels.maxWidth) {
+ this.yAxisWidth = w.config.yaxis[0].labels.maxWidth;
+ }
+ }
+ }
+ }, {
+ key: "setGridCoordsForAxisCharts",
+ value: function setGridCoordsForAxisCharts(lgRect) {
+ var w = this.w;
+ var gl = w.globals;
+ var yaxisLabelCoords = this.getyAxisLabelsCoords();
+ var xaxisLabelCoords = this.getxAxisLabelsCoords();
+ var yTitleCoords = this.getyAxisTitleCoords();
+ var xtitleCoords = this.getxAxisTitleCoords();
+ w.globals.yLabelsCoords = [];
+ w.globals.yTitleCoords = [];
+ w.config.yaxis.map(function (yaxe, index) {
+ // store the labels and titles coords in global vars
+ w.globals.yLabelsCoords.push({
+ width: yaxisLabelCoords[index].width,
+ index: index
+ });
+ w.globals.yTitleCoords.push({
+ width: yTitleCoords[index].width,
+ index: index
+ });
+ });
+ this.conditionalChecksForAxisCoords(xaxisLabelCoords, xtitleCoords);
+ gl.translateXAxisY = w.globals.rotateXLabels ? this.xAxisHeight / 8 : -4;
+ gl.translateXAxisX = w.globals.rotateXLabels && w.globals.isXNumeric && w.config.xaxis.labels.rotate <= -45 ? -this.xAxisWidth / 4 : 0;
+
+ if (this.isBarHorizontal) {
+ gl.rotateXLabels = false;
+ gl.translateXAxisY = -1 * (parseInt(w.config.xaxis.labels.style.fontSize) / 1.5);
+ }
+
+ gl.translateXAxisY = gl.translateXAxisY + w.config.xaxis.labels.offsetY;
+ gl.translateXAxisX = gl.translateXAxisX + w.config.xaxis.labels.offsetX;
+ var yAxisWidth = this.yAxisWidth;
+ var xAxisHeight = this.xAxisHeight;
+ gl.xAxisLabelsHeight = this.xAxisHeight;
+ gl.xAxisHeight = this.xAxisHeight;
+ var translateY = 10;
+
+ if (!w.config.grid.show || w.config.chart.type === 'radar') {
+ yAxisWidth = 0;
+ xAxisHeight = 35;
+ }
+
+ if (this.isSparkline) {
+ lgRect = {
+ height: 0,
+ width: 0
+ };
+ xAxisHeight = 0;
+ yAxisWidth = 0;
+ translateY = 0;
+ }
+
+ this.additionalPaddingXLabels(xaxisLabelCoords);
+
+ switch (w.config.legend.position) {
+ case 'bottom':
+ gl.translateY = translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - lgRect.height - xAxisHeight - (!this.isSparkline ? w.globals.rotateXLabels ? 10 : 15 : 0);
+ gl.gridWidth = gl.svgWidth - yAxisWidth;
+ break;
+
+ case 'top':
+ gl.translateY = lgRect.height + translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - lgRect.height - xAxisHeight - (!this.isSparkline ? w.globals.rotateXLabels ? 10 : 15 : 0);
+ gl.gridWidth = gl.svgWidth - yAxisWidth;
+ break;
+
+ case 'left':
+ gl.translateY = translateY;
+ gl.translateX = lgRect.width + yAxisWidth;
+ gl.gridHeight = gl.svgHeight - xAxisHeight - 12;
+ gl.gridWidth = gl.svgWidth - lgRect.width - yAxisWidth;
+ break;
+
+ case 'right':
+ gl.translateY = translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - xAxisHeight - 12;
+ gl.gridWidth = gl.svgWidth - lgRect.width - yAxisWidth - 5;
+ break;
+
+ default:
+ throw new Error('Legend position not supported');
+ }
+
+ this.setGridXPosForDualYAxis(yTitleCoords, yaxisLabelCoords); // after drawing everything, set the Y axis positions
+
+ var objyAxis = new YAxis(this.ctx);
+ objyAxis.setYAxisXPosition(yaxisLabelCoords, yTitleCoords);
+ }
+ }, {
+ key: "setGridCoordsForNonAxisCharts",
+ value: function setGridCoordsForNonAxisCharts(lgRect) {
+ var w = this.w;
+ var gl = w.globals;
+ var xPad = 0;
+
+ if (w.config.legend.show && !w.config.legend.floating) {
+ xPad = 20;
+ }
+
+ var offY = 10;
+ var offX = 0;
+
+ if (w.config.chart.type === 'pie' || w.config.chart.type === 'donut') {
+ offY = offY + w.config.plotOptions.pie.offsetY;
+ offX = offX + w.config.plotOptions.pie.offsetX;
+ } else if (w.config.chart.type === 'radialBar') {
+ offY = offY + w.config.plotOptions.radialBar.offsetY;
+ offX = offX + w.config.plotOptions.radialBar.offsetX;
+ }
+
+ if (!w.config.legend.show) {
+ gl.gridHeight = gl.svgHeight - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = offY - 10;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ return;
+ }
+
+ switch (w.config.legend.position) {
+ case 'bottom':
+ gl.gridHeight = gl.svgHeight - lgRect.height - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = offY - 20;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ break;
+
+ case 'top':
+ gl.gridHeight = gl.svgHeight - lgRect.height - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = lgRect.height + offY;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ break;
+
+ case 'left':
+ gl.gridWidth = gl.svgWidth - lgRect.width - xPad;
+ gl.gridHeight = gl.gridWidth;
+ gl.translateY = offY;
+ gl.translateX = offX + lgRect.width + xPad;
+ break;
+
+ case 'right':
+ gl.gridWidth = gl.svgWidth - lgRect.width - xPad - 5;
+ gl.gridHeight = gl.gridWidth;
+ gl.translateY = offY;
+ gl.translateX = offX + 10;
+ break;
+
+ default:
+ throw new Error('Legend position not supported');
+ }
+ }
+ }, {
+ key: "setGridXPosForDualYAxis",
+ value: function setGridXPosForDualYAxis(yTitleCoords, yaxisLabelCoords) {
+ var w = this.w;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (w.globals.ignoreYAxisIndexes.indexOf(index) === -1 && !w.config.yaxis[index].floating && w.config.yaxis[index].show) {
+ if (yaxe.opposite) {
+ w.globals.translateX = w.globals.translateX - (yaxisLabelCoords[index].width + yTitleCoords[index].width) - parseInt(w.config.yaxis[index].labels.style.fontSize) / 1.2 - 12;
+ }
+ }
+ });
+ } // Sometimes, the last labels gets cropped in category/numeric xaxis.
+ // Hence, we add some additional padding based on the label length to avoid the last label being cropped.
+ // NOTE: datetime x-axis won't have any effect with this as we don't know the label length there due to many constraints.
+
+ }, {
+ key: "additionalPaddingXLabels",
+ value: function additionalPaddingXLabels(xaxisLabelCoords) {
+ var _this = this;
+
+ var w = this.w;
+
+ if (w.config.xaxis.type === 'category' && this.isBarHorizontal || w.config.xaxis.type === 'numeric') {
+ var rightPad = function rightPad(labels) {
+ if (w.config.grid.padding.right < labels.width) {
+ _this.xPadRight = labels.width / 2 + 1;
+ }
+ };
+
+ var leftPad = function leftPad(labels) {
+ if (w.config.grid.padding.left < labels.width) {
+ _this.xPadLeft = labels.width / 2 + 1;
+ }
+ };
+
+ var lineArea = w.config.chart.type === 'line' || w.config.chart.type === 'area';
+ w.config.yaxis.forEach(function (yaxe, i) {
+ var shouldPad = !yaxe.show || yaxe.floating || w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || lineArea || yaxe.opposite && _this.isBarHorizontal;
+
+ if (shouldPad) {
+ if (lineArea && w.globals.isMultipleYAxis && w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || _this.isBarHorizontal && yaxe.opposite) {
+ leftPad(xaxisLabelCoords);
+ }
+
+ if (!_this.isBarHorizontal && yaxe.opposite && w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || lineArea && !w.globals.isMultipleYAxis) {
+ rightPad(xaxisLabelCoords);
+ }
+ }
+ });
+ }
+ }
+ }, {
+ key: "titleSubtitleOffset",
+ value: function titleSubtitleOffset() {
+ var w = this.w;
+ var gl = w.globals;
+ var gridShrinkOffset = this.isSparkline ? 0 : 10;
+
+ if (w.config.title.text !== undefined) {
+ gridShrinkOffset += w.config.title.margin;
+ } else {
+ gridShrinkOffset += this.isSparkline ? 0 : 5;
+ }
+
+ if (w.config.subtitle.text !== undefined) {
+ gridShrinkOffset += w.config.subtitle.margin;
+ } else {
+ gridShrinkOffset += this.isSparkline ? 0 : 5;
+ }
+
+ if (w.config.legend.show && w.config.legend.position === 'bottom' && !w.config.legend.floating && w.config.series.length > 1) {
+ gridShrinkOffset += 10;
+ }
+
+ var titleCoords = this.getTitleSubtitleCoords('title');
+ var subtitleCoords = this.getTitleSubtitleCoords('subtitle');
+ gl.gridHeight = gl.gridHeight - titleCoords.height - subtitleCoords.height - gridShrinkOffset;
+ gl.translateY = gl.translateY + titleCoords.height + subtitleCoords.height + gridShrinkOffset;
+ }
+ }, {
+ key: "getTotalYAxisWidth",
+ value: function getTotalYAxisWidth() {
+ var w = this.w;
+ var yAxisWidth = 0;
+ var padding = 10;
+
+ var isHiddenYAxis = function isHiddenYAxis(index) {
+ return w.globals.ignoreYAxisIndexes.indexOf(index) > -1;
+ };
+
+ w.globals.yLabelsCoords.map(function (yLabelCoord, index) {
+ var floating = w.config.yaxis[index].floating;
+
+ if (yLabelCoord.width > 0 && !floating) {
+ yAxisWidth = yAxisWidth + yLabelCoord.width + padding;
+
+ if (isHiddenYAxis(index)) {
+ yAxisWidth = yAxisWidth - yLabelCoord.width - padding;
+ }
+ } else {
+ yAxisWidth = yAxisWidth + (floating || !w.config.yaxis[index].show ? 0 : 5);
+ }
+ });
+ w.globals.yTitleCoords.map(function (yTitleCoord, index) {
+ var floating = w.config.yaxis[index].floating;
+ padding = parseInt(w.config.yaxis[index].title.style.fontSize);
+
+ if (yTitleCoord.width > 0 && !floating) {
+ yAxisWidth = yAxisWidth + yTitleCoord.width + padding;
+
+ if (isHiddenYAxis(index)) {
+ yAxisWidth = yAxisWidth - yTitleCoord.width - padding;
+ }
+ } else {
+ yAxisWidth = yAxisWidth + (floating || !w.config.yaxis[index].show ? 0 : 5);
+ }
+ });
+ return yAxisWidth;
+ }
+ }, {
+ key: "getxAxisTimeScaleLabelsCoords",
+ value: function getxAxisTimeScaleLabelsCoords() {
+ var w = this.w;
+ var rect;
+ var timescaleLabels = w.globals.timelineLabels.slice();
+ var labels = timescaleLabels.map(function (label) {
+ return label.value;
+ }); // get the longest string from the labels array and also apply label formatter to it
+
+ var val = labels.reduce(function (a, b) {
+ // if undefined, maybe user didn't pass the datetime(x) values
+ if (typeof a === 'undefined') {
+ console.error('You have possibly supplied invalid Date format. Please supply a valid JavaScript Date');
+ return 0;
+ } else {
+ return a.length > b.length ? a : b;
+ }
+ }, 0);
+ var graphics = new Graphics(this.ctx);
+ rect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize);
+ var totalWidthRotated = rect.width * 1.05 * labels.length;
+
+ if (totalWidthRotated > w.globals.gridWidth && w.config.xaxis.labels.rotate !== 0) {
+ w.globals.overlappingXLabels = true;
+ }
+
+ return rect;
+ }
+ /**
+ * Get X Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getxAxisLabelsCoords",
+ value: function getxAxisLabelsCoords() {
+ var w = this.w;
+ var xaxisLabels = w.globals.labels.slice();
+ var rect;
+
+ if (w.globals.timelineLabels.length > 0) {
+ var coords = this.getxAxisTimeScaleLabelsCoords();
+ rect = {
+ width: coords.width,
+ height: coords.height
+ };
+ } else {
+ var lgWidthForSideLegends = w.config.legend.position === 'left' && w.config.legend.position === 'right' && !w.config.legend.floating ? this.lgRect.width : 0; // get the longest string from the labels array and also apply label formatter to it
+
+ var val = xaxisLabels.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0); // the labels gets changed for bar charts
+
+ if (this.isBarHorizontal) {
+ val = w.globals.yAxisScale[0].result.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ }
+
+ var xlbFormatter = w.globals.xLabelFormatter;
+ var xFormat = new Formatters(this.ctx);
+ val = xFormat.xLabelFormat(xlbFormatter, val);
+ var graphics = new Graphics(this.ctx);
+ var xLabelrect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize);
+ rect = {
+ width: xLabelrect.width,
+ height: xLabelrect.height
+ };
+
+ if (rect.width * xaxisLabels.length > w.globals.svgWidth - lgWidthForSideLegends - this.yAxisWidth && w.config.xaxis.labels.rotate !== 0) {
+ if (!this.isBarHorizontal) {
+ w.globals.rotateXLabels = true;
+ xLabelrect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize, w.config.xaxis.labels.style.fontFamily, "rotate(".concat(w.config.xaxis.labels.rotate, " 0 0)"), false);
+ rect.height = xLabelrect.height / 1.66;
+ }
+ } else {
+ w.globals.rotateXLabels = false;
+ }
+ }
+
+ if (!w.config.xaxis.labels.show) {
+ rect = {
+ width: 0,
+ height: 0
+ };
+ }
+
+ return {
+ width: rect.width,
+ height: rect.height
+ };
+ }
+ /**
+ * Get Y Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getyAxisLabelsCoords",
+ value: function getyAxisLabelsCoords() {
+ var _this2 = this;
+
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+ var ret = [];
+ var labelPad = 10;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (yaxe.show && yaxe.labels.show && w.globals.yAxisScale[index].result.length) {
+ var lbFormatter = w.globals.yLabelFormatters[index]; // the second parameter -1 is the index of tick which user can use in the formatter
+
+ var val = lbFormatter(w.globals.yAxisScale[index].niceMax, -1); // if user has specified a custom formatter, and the result is null or empty, we need to discard the formatter and take the value as it is.
+
+ if (typeof val === 'undefined' || val.length === 0) {
+ val = w.globals.yAxisScale[index].niceMax;
+ }
+
+ if (_this2.isBarHorizontal) {
+ labelPad = 0;
+ var barYaxisLabels = w.globals.labels.slice(); // get the longest string from the labels array and also apply label formatter to it
+
+ val = barYaxisLabels.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ val = lbFormatter(val, -1);
+ }
+
+ var graphics = new Graphics(_this2.ctx);
+ var rect = graphics.getTextRects(val, yaxe.labels.style.fontSize);
+ ret.push({
+ width: rect.width + labelPad,
+ height: rect.height
+ });
+ } else {
+ ret.push({
+ width: width,
+ height: height
+ });
+ }
+ });
+ return ret;
+ }
+ /**
+ * Get X Axis Title Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getxAxisTitleCoords",
+ value: function getxAxisTitleCoords() {
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var graphics = new Graphics(this.ctx);
+ var rect = graphics.getTextRects(w.config.xaxis.title.text, w.config.xaxis.title.style.fontSize);
+ width = rect.width;
+ height = rect.height;
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ }
+ /**
+ * Get Y Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getyAxisTitleCoords",
+ value: function getyAxisTitleCoords() {
+ var _this3 = this;
+
+ var w = this.w;
+ var ret = [];
+ w.config.yaxis.map(function (yaxe, index) {
+ if (yaxe.show && yaxe.title.text !== undefined) {
+ var graphics = new Graphics(_this3.ctx);
+ var rect = graphics.getTextRects(yaxe.title.text, yaxe.title.style.fontSize, yaxe.title.style.fontFamily, 'rotate(-90 0 0)', false);
+ ret.push({
+ width: rect.width,
+ height: rect.height
+ });
+ } else {
+ ret.push({
+ width: 0,
+ height: 0
+ });
+ }
+ });
+ return ret;
+ }
+ /**
+ * Get Chart Title/Subtitle Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getTitleSubtitleCoords",
+ value: function getTitleSubtitleCoords(type) {
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+ var floating = type === 'title' ? w.config.title.floating : w.config.subtitle.floating;
+ var el = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-text"));
+
+ if (el !== null && !floating) {
+ var coord = el.getBoundingClientRect();
+ width = coord.width;
+ height = w.globals.axisCharts ? coord.height + 5 : coord.height;
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ }
+ }, {
+ key: "getLegendsRect",
+ value: function getLegendsRect() {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var lgRect = Object.assign({}, Utils.getBoundingClientRect(elLegendWrap));
+
+ if (elLegendWrap !== null && !w.config.legend.floating && w.config.legend.show) {
+ this.lgRect = {
+ x: lgRect.x,
+ y: lgRect.y,
+ height: lgRect.height,
+ width: lgRect.height === 0 ? 0 : lgRect.width
+ };
+ } else {
+ this.lgRect = {
+ x: 0,
+ y: 0,
+ height: 0,
+ width: 0
+ };
+ }
+
+ return this.lgRect;
+ }
+ }]);
+
+ return Dimensions;
+}();
+
+/**
+ * ApexCharts TimeScale Class for generating time ticks for x-axis.
+ *
+ * @module TimeScale
+ **/
+
+var TimeScale =
+/*#__PURE__*/
+function () {
+ function TimeScale(ctx) {
+ _classCallCheck(this, TimeScale);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.timeScaleArray = [];
+ }
+
+ _createClass(TimeScale, [{
+ key: "calculateTimeScaleTicks",
+ value: function calculateTimeScaleTicks(minX, maxX) {
+ var _this = this;
+
+ var w = this.w; // null check when no series to show
+
+ if (w.globals.allSeriesCollapsed) {
+ w.globals.labels = [];
+ w.globals.timelineLabels = [];
+ return [];
+ }
+
+ var dt = new DateTime(this.ctx);
+ var daysDiff = (maxX - minX) / (1000 * 60 * 60 * 24);
+ this.determineInterval(daysDiff);
+ w.globals.disableZoomIn = false;
+ w.globals.disableZoomOut = false;
+
+ if (daysDiff < 0.005) {
+ w.globals.disableZoomIn = true;
+ } else if (daysDiff > 50000) {
+ w.globals.disableZoomOut = true;
+ }
+
+ var timeIntervals = dt.getTimeUnitsfromTimestamp(minX, maxX);
+ var daysWidthOnXAxis = w.globals.gridWidth / daysDiff;
+ var hoursWidthOnXAxis = daysWidthOnXAxis / 24;
+ var minutesWidthOnXAxis = hoursWidthOnXAxis / 60;
+ var numberOfHours = Math.floor(daysDiff * 24);
+ var numberOfMinutes = Math.floor(daysDiff * 24 * 60);
+ var numberOfDays = Math.floor(daysDiff);
+ var numberOfMonths = Math.floor(daysDiff / 30);
+ var numberOfYears = Math.floor(daysDiff / 365);
+ var firstVal = {
+ minMinute: timeIntervals.minMinute,
+ minHour: timeIntervals.minHour,
+ minDate: timeIntervals.minDate,
+ minMonth: timeIntervals.minMonth,
+ minYear: timeIntervals.minYear
+ };
+ var currentMinute = firstVal.minMinute;
+ var currentHour = firstVal.minHour;
+ var currentMonthDate = firstVal.minDate;
+ var currentDate = firstVal.minDate;
+ var currentMonth = firstVal.minMonth;
+ var currentYear = firstVal.minYear;
+ var params = {
+ firstVal: firstVal,
+ currentMinute: currentMinute,
+ currentHour: currentHour,
+ currentMonthDate: currentMonthDate,
+ currentDate: currentDate,
+ currentMonth: currentMonth,
+ currentYear: currentYear,
+ daysWidthOnXAxis: daysWidthOnXAxis,
+ hoursWidthOnXAxis: hoursWidthOnXAxis,
+ minutesWidthOnXAxis: minutesWidthOnXAxis,
+ numberOfMinutes: numberOfMinutes,
+ numberOfHours: numberOfHours,
+ numberOfDays: numberOfDays,
+ numberOfMonths: numberOfMonths,
+ numberOfYears: numberOfYears
+ };
+
+ switch (this.tickInterval) {
+ case 'years':
+ {
+ this.generateYearScale(params);
+ break;
+ }
+
+ case 'months':
+ case 'half_year':
+ {
+ this.generateMonthScale(params);
+ break;
+ }
+
+ case 'months_days':
+ case 'months_fortnight':
+ case 'days':
+ case 'week_days':
+ {
+ this.generateDayScale(params);
+ break;
+ }
+
+ case 'hours':
+ {
+ this.generateHourScale(params);
+ break;
+ }
+
+ case 'minutes':
+ this.generateMinuteScale(params);
+ break;
+ } // first, we will adjust the month values index
+ // as in the upper function, it is starting from 0
+ // we will start them from 1
+
+
+ var adjustedMonthInTimeScaleArray = this.timeScaleArray.map(function (ts) {
+ var defaultReturn = {
+ position: ts.position,
+ unit: ts.unit,
+ year: ts.year,
+ day: ts.day ? ts.day : 1,
+ hour: ts.hour ? ts.hour : 0,
+ month: ts.month + 1
+ };
+
+ if (ts.unit === 'month') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value + 1
+ });
+ } else if (ts.unit === 'day' || ts.unit === 'hour') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value
+ });
+ } else if (ts.unit === 'minute') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value,
+ minute: ts.value
+ });
+ }
+
+ return ts;
+ });
+ var filteredTimeScale = adjustedMonthInTimeScaleArray.filter(function (ts) {
+ var modulo = 1;
+ var ticks = Math.ceil(w.globals.gridWidth / 120);
+ var value = ts.value;
+
+ if (w.config.xaxis.tickAmount !== undefined) {
+ ticks = w.config.xaxis.tickAmount;
+ }
+
+ if (adjustedMonthInTimeScaleArray.length > ticks) {
+ modulo = Math.floor(adjustedMonthInTimeScaleArray.length / ticks);
+ }
+
+ var shouldNotSkipUnit = false; // there is a big change in unit i.e days to months
+
+ var shouldNotPrint = false; // should skip these values
+
+ switch (_this.tickInterval) {
+ case 'half_year':
+ modulo = 7;
+
+ if (ts.unit === 'year') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'months':
+ modulo = 1;
+
+ if (ts.unit === 'year') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'months_fortnight':
+ modulo = 15;
+
+ if (ts.unit === 'year' || ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ if (value === 30) {
+ shouldNotPrint = true;
+ }
+
+ break;
+
+ case 'months_days':
+ modulo = 10;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ if (value === 30) {
+ shouldNotPrint = true;
+ }
+
+ break;
+
+ case 'week_days':
+ modulo = 8;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'days':
+ modulo = 1;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'hours':
+ if (ts.unit === 'day') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'minutes':
+ if (value % 5 !== 0) {
+ shouldNotPrint = true;
+ }
+
+ break;
+ }
+
+ if (_this.tickInterval === 'minutes' || _this.tickInterval === 'hours') {
+ if (!shouldNotPrint) {
+ return true;
+ }
+ } else {
+ if ((value % modulo === 0 || shouldNotSkipUnit) && !shouldNotPrint) {
+ return true;
+ }
+ }
+ });
+ return filteredTimeScale;
+ }
+ }, {
+ key: "recalcDimensionsBasedOnFormat",
+ value: function recalcDimensionsBasedOnFormat(filteredTimeScale) {
+ var w = this.w;
+ var reformattedTimescaleArray = this.formatDates(filteredTimeScale);
+ var removedOverlappingTS = this.removeOverlappingTS(reformattedTimescaleArray);
+ w.globals.timelineLabels = removedOverlappingTS.slice(); // at this stage, we need to re-calculate coords of the grid as timeline labels may have altered the xaxis labels coords
+ // The reason we can't do this prior to this stage is because timeline labels depends on gridWidth, and as the ticks are calculated based on available gridWidth, there can be unknown number of ticks generated for different minX and maxX
+ // Dependency on Dimensions(), need to refactor correctly
+ // TODO - find an alternate way to avoid calling this Heavy method twice
+
+ var dimensions = new Dimensions(this.ctx);
+ dimensions.plotCoords();
+ }
+ }, {
+ key: "determineInterval",
+ value: function determineInterval(daysDiff) {
+ switch (true) {
+ case daysDiff > 1825:
+ // difference is more than 5 years
+ this.tickInterval = 'years';
+ break;
+
+ case daysDiff > 800 && daysDiff <= 1825:
+ this.tickInterval = 'half_year';
+ break;
+
+ case daysDiff > 180 && daysDiff <= 800:
+ this.tickInterval = 'months';
+ break;
+
+ case daysDiff > 90 && daysDiff <= 180:
+ this.tickInterval = 'months_fortnight';
+ break;
+
+ case daysDiff > 60 && daysDiff <= 90:
+ this.tickInterval = 'months_days';
+ break;
+
+ case daysDiff > 30 && daysDiff <= 60:
+ this.tickInterval = 'week_days';
+ break;
+
+ case daysDiff > 2 && daysDiff <= 30:
+ this.tickInterval = 'days';
+ break;
+
+ case daysDiff > 0.1 && daysDiff <= 2:
+ // less than 2 days
+ this.tickInterval = 'hours';
+ break;
+
+ case daysDiff < 0.1:
+ this.tickInterval = 'minutes';
+ break;
+
+ default:
+ this.tickInterval = 'days';
+ break;
+ }
+ }
+ }, {
+ key: "generateYearScale",
+ value: function generateYearScale(params) {
+ var firstVal = params.firstVal,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ daysWidthOnXAxis = params.daysWidthOnXAxis,
+ numberOfYears = params.numberOfYears;
+ var firstTickValue = firstVal.minYear;
+ var firstTickPosition = 0;
+ var dt = new DateTime(this.ctx);
+ var unit = 'year';
+
+ if (firstVal.minDate > 1 && firstVal.minMonth > 0) {
+ var remainingDays = dt.determineRemainingDaysOfYear(firstVal.minYear, firstVal.minMonth, firstVal.minDate); // remainingDaysofFirstMonth is used to reacht the 2nd tick position
+
+ var remainingDaysOfFirstYear = dt.determineDaysOfYear(firstVal.minYear) - remainingDays + 1; // calculate the first tick position
+
+ firstTickPosition = remainingDaysOfFirstYear * daysWidthOnXAxis;
+ firstTickValue = firstVal.minYear + 1; // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: firstTickValue,
+ month: Utils.monthMod(currentMonth + 1)
+ });
+ } else if (firstVal.minDate === 1 && firstVal.minMonth === 0) {
+ // push the first tick in the array
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(currentMonth + 1)
+ });
+ }
+
+ var year = firstTickValue;
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfYears; i++) {
+ year++;
+ pos = dt.determineDaysOfYear(year - 1) * daysWidthOnXAxis + pos;
+ this.timeScaleArray.push({
+ position: pos,
+ value: year,
+ unit: unit,
+ year: year,
+ month: 1
+ });
+ }
+ }
+ }, {
+ key: "generateMonthScale",
+ value: function generateMonthScale(params) {
+ var firstVal = params.firstVal,
+ currentMonthDate = params.currentMonthDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ daysWidthOnXAxis = params.daysWidthOnXAxis,
+ numberOfMonths = params.numberOfMonths;
+ var firstTickValue = currentMonth;
+ var firstTickPosition = 0;
+ var dt = new DateTime(this.ctx);
+ var unit = 'month';
+ var yrCounter = 0;
+
+ if (firstVal.minDate > 1) {
+ // remainingDaysofFirstMonth is used to reacht the 2nd tick position
+ var remainingDaysOfFirstMonth = dt.determineDaysOfMonths(currentMonth + 1, firstVal.minYear) - currentMonthDate + 1; // calculate the first tick position
+
+ firstTickPosition = remainingDaysOfFirstMonth * daysWidthOnXAxis;
+ firstTickValue = Utils.monthMod(currentMonth + 1);
+ var year = currentYear + yrCounter;
+
+ var _month = Utils.monthMod(firstTickValue);
+
+ var value = firstTickValue; // it's Jan, so update the year
+
+ if (firstTickValue === 0) {
+ unit = 'year';
+ value = year;
+ _month = 1;
+ yrCounter += 1;
+ year = year + yrCounter;
+ } // push the first tick in the array
+
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: value,
+ unit: unit,
+ year: year,
+ month: _month
+ });
+ } else {
+ // push the first tick in the array
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(currentMonth)
+ });
+ }
+
+ var month = firstTickValue + 1;
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0, j = 1; i < numberOfMonths; i++, j++) {
+ month = Utils.monthMod(month);
+
+ if (month === 0) {
+ unit = 'year';
+ yrCounter += 1;
+ } else {
+ unit = 'month';
+ }
+
+ var _year = currentYear + Math.floor(month / 12) + yrCounter;
+
+ pos = dt.determineDaysOfMonths(month, _year) * daysWidthOnXAxis + pos;
+ var monthVal = month === 0 ? _year : month;
+ this.timeScaleArray.push({
+ position: pos,
+ value: monthVal,
+ unit: unit,
+ year: _year,
+ month: month === 0 ? 1 : month
+ });
+ month++;
+ }
+ }
+ }, {
+ key: "generateDayScale",
+ value: function generateDayScale(params) {
+ var firstVal = params.firstVal,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ hoursWidthOnXAxis = params.hoursWidthOnXAxis,
+ numberOfDays = params.numberOfDays;
+ var dt = new DateTime(this.ctx);
+ var unit = 'day';
+ var remainingHours = 24 - firstVal.minHour;
+ var yrCounter = 0; // calculate the first tick position
+
+ var firstTickPosition = remainingHours * hoursWidthOnXAxis;
+ var firstTickValue = firstVal.minDate + 1;
+ var val = firstTickValue;
+
+ var changeMonth = function changeMonth(dateVal, month, year) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, year);
+
+ if (dateVal > monthdays) {
+ month = month + 1;
+ date = 1;
+ unit = 'month';
+ val = month;
+ return month;
+ }
+
+ return month;
+ };
+
+ var date = firstTickValue;
+ var month = changeMonth(date, currentMonth, currentYear); // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: val,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(month),
+ day: date
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfDays; i++) {
+ date += 1;
+ unit = 'day';
+ month = changeMonth(date, month, currentYear + Math.floor(month / 12) + yrCounter);
+ var year = currentYear + Math.floor(month / 12) + yrCounter;
+ pos = 24 * hoursWidthOnXAxis + pos;
+
+ var _val = date === 1 ? Utils.monthMod(month) : date;
+
+ this.timeScaleArray.push({
+ position: pos,
+ value: _val,
+ unit: unit,
+ year: year,
+ month: Utils.monthMod(month),
+ day: _val
+ });
+ }
+ }
+ }, {
+ key: "generateHourScale",
+ value: function generateHourScale(params) {
+ var firstVal = params.firstVal,
+ currentDate = params.currentDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ minutesWidthOnXAxis = params.minutesWidthOnXAxis,
+ numberOfHours = params.numberOfHours;
+ var dt = new DateTime(this.ctx);
+ var yrCounter = 0;
+ var unit = 'hour';
+
+ var changeDate = function changeDate(dateVal, month) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, currentYear);
+
+ if (dateVal > monthdays) {
+ date = 1;
+ month = month + 1;
+ }
+
+ return {
+ month: month,
+ date: date
+ };
+ };
+
+ var changeMonth = function changeMonth(dateVal, month) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, currentYear);
+
+ if (dateVal > monthdays) {
+ month = month + 1;
+ return month;
+ }
+
+ return month;
+ };
+
+ var remainingMins = 60 - firstVal.minMinute;
+ var firstTickPosition = remainingMins * minutesWidthOnXAxis;
+ var firstTickValue = firstVal.minHour + 1;
+ var hour = firstTickValue + 1;
+
+ if (remainingMins === 60) {
+ firstTickPosition = 0;
+ firstTickValue = firstVal.minHour;
+ hour = firstTickValue + 1;
+ }
+
+ var date = currentDate;
+ var month = changeMonth(date, currentMonth); // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ day: date,
+ hour: hour,
+ year: currentYear,
+ month: Utils.monthMod(month)
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfHours; i++) {
+ unit = 'hour';
+
+ if (hour >= 24) {
+ hour = 0;
+ date += 1;
+ unit = 'day';
+ var checkNextMonth = changeDate(date, month);
+ month = checkNextMonth.month;
+ month = changeMonth(date, month);
+ }
+
+ var year = currentYear + Math.floor(month / 12) + yrCounter;
+ pos = hour === 0 && i === 0 ? remainingMins * minutesWidthOnXAxis : 60 * minutesWidthOnXAxis + pos;
+ var val = hour === 0 ? date : hour;
+ this.timeScaleArray.push({
+ position: pos,
+ value: val,
+ unit: unit,
+ hour: hour,
+ day: date,
+ year: year,
+ month: Utils.monthMod(month)
+ });
+ hour++;
+ }
+ }
+ }, {
+ key: "generateMinuteScale",
+ value: function generateMinuteScale(params) {
+ var firstVal = params.firstVal,
+ currentMinute = params.currentMinute,
+ currentHour = params.currentHour,
+ currentDate = params.currentDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ minutesWidthOnXAxis = params.minutesWidthOnXAxis,
+ numberOfMinutes = params.numberOfMinutes;
+ var yrCounter = 0;
+ var unit = 'minute';
+ var remainingMins = currentMinute - firstVal.minMinute;
+ var firstTickPosition = minutesWidthOnXAxis - remainingMins;
+ var firstTickValue = firstVal.minMinute + 1;
+ var minute = firstTickValue + 1;
+ var date = currentDate;
+ var month = currentMonth;
+ var year = currentYear;
+ var hour = currentHour; // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ day: date,
+ hour: hour,
+ minute: minute,
+ year: year,
+ month: Utils.monthMod(month)
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfMinutes; i++) {
+ if (minute >= 60) {
+ minute = 0;
+ hour += 1;
+
+ if (hour === 24) {
+ hour = 0;
+ }
+ }
+
+ var _year2 = currentYear + Math.floor(month / 12) + yrCounter;
+
+ pos = minutesWidthOnXAxis + pos;
+ var val = minute;
+ this.timeScaleArray.push({
+ position: pos,
+ value: val,
+ unit: unit,
+ hour: hour,
+ minute: minute,
+ day: date,
+ year: _year2,
+ month: Utils.monthMod(month)
+ });
+ minute++;
+ }
+ }
+ }, {
+ key: "createRawDateString",
+ value: function createRawDateString(ts, value) {
+ var raw = ts.year;
+ raw += '-' + ('0' + ts.month.toString()).slice(-2); // unit is day
+
+ if (ts.unit === 'day') {
+ raw += ts.unit === 'day' ? '-' + ('0' + value).slice(-2) : '-01';
+ } else {
+ raw += '-' + ('0' + (ts.day ? ts.day : '1')).slice(-2);
+ } // unit is hour
+
+
+ if (ts.unit === 'hour') {
+ raw += ts.unit === 'hour' ? 'T' + ('0' + value).slice(-2) : 'T00';
+ } else {
+ raw += 'T' + ('0' + (ts.hour ? ts.hour : '0')).slice(-2);
+ } // unit is minute
+
+
+ raw += ts.unit === 'minute' ? ':' + ('0' + value).slice(-2) + ':00.000Z' : ':00:00.000Z';
+ return raw;
+ }
+ }, {
+ key: "formatDates",
+ value: function formatDates(filteredTimeScale) {
+ var _this2 = this;
+
+ var w = this.w;
+ var reformattedTimescaleArray = filteredTimeScale.map(function (ts) {
+ var value = ts.value.toString();
+ var dt = new DateTime(_this2.ctx);
+
+ var raw = _this2.createRawDateString(ts, value); // parse the whole ISO datestring
+
+
+ var dateString = new Date(Date.parse(raw));
+
+ if (w.config.xaxis.labels.format === undefined) {
+ var customFormat = 'dd MMM';
+ var dtFormatter = w.config.xaxis.labels.datetimeFormatter;
+ if (ts.unit === 'year') customFormat = dtFormatter.year;
+ if (ts.unit === 'month') customFormat = dtFormatter.month;
+ if (ts.unit === 'day') customFormat = dtFormatter.day;
+ if (ts.unit === 'hour') customFormat = dtFormatter.hour;
+ if (ts.unit === 'minute') customFormat = dtFormatter.minute;
+ value = dt.formatDate(dateString, customFormat, true, false);
+ } else {
+ value = dt.formatDate(dateString, w.config.xaxis.labels.format);
+ }
+
+ return {
+ dateString: raw,
+ position: ts.position,
+ value: value,
+ unit: ts.unit,
+ year: ts.year,
+ month: ts.month
+ };
+ });
+ return reformattedTimescaleArray;
+ }
+ }, {
+ key: "removeOverlappingTS",
+ value: function removeOverlappingTS(arr) {
+ var _this3 = this;
+
+ var graphics = new Graphics(this.ctx);
+ var lastDrawnIndex = 0;
+ var filteredArray = arr.map(function (item, index) {
+ if (index > 0 && _this3.w.config.xaxis.labels.hideOverlappingLabels) {
+ var prevLabelWidth = graphics.getTextRects(arr[lastDrawnIndex].value).width;
+ var prevPos = arr[lastDrawnIndex].position;
+ var pos = item.position;
+
+ if (pos > prevPos + prevLabelWidth + 10) {
+ lastDrawnIndex = index;
+ return item;
+ } else {
+ return null;
+ }
+ } else {
+ return item;
+ }
+ });
+ filteredArray = filteredArray.filter(function (f) {
+ return f !== null;
+ });
+ return filteredArray;
+ }
+ }]);
+
+ return TimeScale;
+}();
+
+/**
+ * ApexCharts Core Class responsible for major calculations and creating elements.
+ *
+ * @module Core
+ **/
+
+var Core =
+/*#__PURE__*/
+function () {
+ function Core(el, ctx) {
+ _classCallCheck(this, Core);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.el = el;
+ this.coreUtils = new CoreUtils(this.ctx);
+ this.twoDSeries = [];
+ this.threeDSeries = [];
+ this.twoDSeriesX = [];
+ } // get data and store into appropriate vars
+
+
+ _createClass(Core, [{
+ key: "setupElements",
+ value: function setupElements() {
+ var gl = this.w.globals;
+ var cnf = this.w.config; // const graphics = new Graphics(this.ctx)
+
+ var ct = cnf.chart.type;
+ var axisChartsArrTypes = ['line', 'area', 'bar', 'candlestick', 'radar', 'scatter', 'bubble', 'heatmap'];
+ var xyChartsArrTypes = ['line', 'area', 'bar', 'candlestick', 'scatter', 'bubble'];
+ gl.axisCharts = axisChartsArrTypes.indexOf(ct) > -1;
+ gl.xyCharts = xyChartsArrTypes.indexOf(ct) > -1;
+ gl.chartClass = '.apexcharts' + gl.cuid;
+ gl.dom.baseEl = this.el;
+ gl.dom.elWrap = document.createElement('div');
+ Graphics.setAttrs(gl.dom.elWrap, {
+ id: gl.chartClass.substring(1),
+ class: 'apexcharts-canvas ' + gl.chartClass.substring(1)
+ });
+ this.el.appendChild(gl.dom.elWrap);
+ gl.dom.Paper = new window.SVG.Doc(gl.dom.elWrap);
+ gl.dom.Paper.attr({
+ class: 'apexcharts-svg',
+ 'xmlns:data': 'ApexChartsNS',
+ transform: "translate(".concat(cnf.chart.offsetX, ", ").concat(cnf.chart.offsetY, ")")
+ });
+ gl.dom.Paper.node.style.background = cnf.chart.background;
+ this.setSVGDimensions();
+ gl.dom.elGraphical = gl.dom.Paper.group().attr({
+ class: 'apexcharts-inner apexcharts-graphical'
+ });
+ gl.dom.elDefs = gl.dom.Paper.defs();
+ gl.dom.elLegendWrap = document.createElement('div');
+ gl.dom.elLegendWrap.classList.add('apexcharts-legend');
+ gl.dom.elWrap.appendChild(gl.dom.elLegendWrap); // gl.dom.Paper.add(gl.dom.elLegendWrap)
+
+ gl.dom.Paper.add(gl.dom.elGraphical);
+ gl.dom.elGraphical.add(gl.dom.elDefs);
+ }
+ }, {
+ key: "plotChartType",
+ value: function plotChartType(ser, xyRatios) {
+ var w = this.w;
+ var cnf = w.config;
+ var gl = w.globals;
+ var lineSeries = {
+ series: [],
+ i: []
+ };
+ var areaSeries = {
+ series: [],
+ i: []
+ };
+ var scatterSeries = {
+ series: [],
+ i: []
+ };
+ var columnSeries = {
+ series: [],
+ i: []
+ };
+ var candlestickSeries = {
+ series: [],
+ i: []
+ };
+ gl.series.map(function (series, st) {
+ // if user has specified a particular type for particular series
+ if (typeof ser[st].type !== 'undefined') {
+ if (ser[st].type === 'column' || ser[st].type === 'bar') {
+ w.config.plotOptions.bar.horizontal = false; // bar not supported in mixed charts
+
+ columnSeries.series.push(series);
+ columnSeries.i.push(st);
+ } else if (ser[st].type === 'area') {
+ areaSeries.series.push(series);
+ areaSeries.i.push(st);
+ } else if (ser[st].type === 'line') {
+ lineSeries.series.push(series);
+ lineSeries.i.push(st);
+ } else if (ser[st].type === 'scatter') {
+ scatterSeries.series.push(series);
+ scatterSeries.i.push(st);
+ } else if (ser[st].type === 'bubble') ; else if (ser[st].type === 'candlestick') {
+ candlestickSeries.series.push(series);
+ candlestickSeries.i.push(st);
+ } else {
+ // user has specified type, but it is not valid (other than line/area/column)
+ console.warn('You have specified an unrecognized chart type. Available types for this propery are line/area/column/bar/scatter/bubble');
+ }
+
+ gl.comboCharts = true;
+ } else {
+ lineSeries.series.push(series);
+ lineSeries.i.push(st);
+ }
+ });
+ var line = new Line(this.ctx, xyRatios);
+ var candlestick = new CandleStick(this.ctx, xyRatios);
+ var pie = new Pie(this.ctx);
+ var radialBar = new Radial(this.ctx);
+ var radar = new Radar(this.ctx);
+ var elGraph = [];
+
+ if (gl.comboCharts) {
+ if (areaSeries.series.length > 0) {
+ elGraph.push(line.draw(areaSeries.series, 'area', areaSeries.i));
+ }
+
+ if (columnSeries.series.length > 0) {
+ if (w.config.chart.stacked) {
+ var barStacked = new BarStacked(this.ctx, xyRatios);
+ elGraph.push(barStacked.draw(columnSeries.series, columnSeries.i));
+ } else {
+ var bar = new Bar(this.ctx, xyRatios);
+ elGraph.push(bar.draw(columnSeries.series, columnSeries.i));
+ }
+ }
+
+ if (lineSeries.series.length > 0) {
+ elGraph.push(line.draw(lineSeries.series, 'line', lineSeries.i));
+ }
+
+ if (candlestickSeries.series.length > 0) {
+ elGraph.push(candlestick.draw(candlestickSeries.series, candlestickSeries.i));
+ }
+
+ if (scatterSeries.series.length > 0) {
+ var scatterLine = new Line(this.ctx, xyRatios, true);
+ elGraph.push(scatterLine.draw(scatterSeries.series, 'scatter', scatterSeries.i));
+ } // TODO: allow bubble series in a combo chart
+ // if (bubbleSeries.series.length > 0) {
+ // const bubbleLine = new Line(this.ctx, xyRatios, true)
+ // elGraph.push(
+ // bubbleLine.draw(bubbleSeries.series, 'bubble', bubbleSeries.i)
+ // )
+ // }
+
+ } else {
+ switch (cnf.chart.type) {
+ case 'line':
+ elGraph = line.draw(gl.series, 'line');
+ break;
+
+ case 'area':
+ elGraph = line.draw(gl.series, 'area');
+ break;
+
+ case 'bar':
+ if (cnf.chart.stacked) {
+ var _barStacked = new BarStacked(this.ctx, xyRatios);
+
+ elGraph = _barStacked.draw(gl.series);
+ } else {
+ var _bar = new Bar(this.ctx, xyRatios);
+
+ elGraph = _bar.draw(gl.series);
+ }
+
+ break;
+
+ case 'candlestick':
+ var candleStick = new CandleStick(this.ctx, xyRatios);
+ elGraph = candleStick.draw(gl.series);
+ break;
+
+ case 'heatmap':
+ var heatmap = new HeatMap(this.ctx, xyRatios);
+ elGraph = heatmap.draw(gl.series);
+ break;
+
+ case 'pie':
+ case 'donut':
+ elGraph = pie.draw(gl.series);
+ break;
+
+ case 'radialBar':
+ elGraph = radialBar.draw(gl.series);
+ break;
+
+ case 'radar':
+ elGraph = radar.draw(gl.series);
+ break;
+
+ default:
+ elGraph = line.draw(gl.series);
+ }
+ }
+
+ return elGraph;
+ }
+ }, {
+ key: "setSVGDimensions",
+ value: function setSVGDimensions() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.svgWidth = cnf.chart.width;
+ gl.svgHeight = cnf.chart.height;
+ var elDim = Utils.getDimensions(this.el);
+ var widthUnit = cnf.chart.width.toString().split(/[0-9]+/g).pop();
+
+ if (widthUnit === '%') {
+ if (Utils.isNumber(elDim[0])) {
+ if (elDim[0].width === 0) {
+ elDim = Utils.getDimensions(this.el.parentNode);
+ }
+
+ gl.svgWidth = elDim[0] * parseInt(cnf.chart.width) / 100;
+ }
+ } else if (widthUnit === 'px' || widthUnit === '') {
+ gl.svgWidth = parseInt(cnf.chart.width);
+ }
+
+ if (gl.svgHeight !== 'auto' && gl.svgHeight !== '') {
+ var heightUnit = cnf.chart.height.toString().split(/[0-9]+/g).pop();
+
+ if (heightUnit === '%') {
+ var elParentDim = Utils.getDimensions(this.el.parentNode);
+ gl.svgHeight = elParentDim[1] * parseInt(cnf.chart.height) / 100;
+ } else {
+ gl.svgHeight = parseInt(cnf.chart.height);
+ }
+ } else {
+ if (gl.axisCharts) {
+ gl.svgHeight = gl.svgWidth / 1.61;
+ } else {
+ gl.svgHeight = gl.svgWidth;
+ }
+ }
+
+ Graphics.setAttrs(gl.dom.Paper.node, {
+ width: gl.svgWidth,
+ height: gl.svgHeight
+ }); // gl.dom.Paper.node.parentNode.parentNode.style.minWidth = gl.svgWidth + "px";
+
+ var offsetY = cnf.chart.sparkline.enabled ? 0 : gl.axisCharts ? 14 : 5;
+ gl.dom.Paper.node.parentNode.parentNode.style.minHeight = gl.svgHeight + offsetY + 'px';
+ gl.dom.elWrap.style.width = gl.svgWidth + 'px';
+ gl.dom.elWrap.style.height = gl.svgHeight + 'px';
+ }
+ }, {
+ key: "shiftGraphPosition",
+ value: function shiftGraphPosition() {
+ var gl = this.w.globals;
+ var tY = gl.translateY;
+ var tX = gl.translateX;
+ var scalingAttrs = {
+ transform: 'translate(' + tX + ', ' + tY + ')'
+ };
+ Graphics.setAttrs(gl.dom.elGraphical.node, scalingAttrs);
+ }
+ /*
+ ** All the calculations for setting range in charts will be done here
+ */
+
+ }, {
+ key: "coreCalculations",
+ value: function coreCalculations() {
+ var range = new Range$1(this.ctx);
+ range.init();
+ }
+ }, {
+ key: "resetGlobals",
+ value: function resetGlobals() {
+ var _this = this;
+
+ var gl = this.w.globals;
+ gl.series = [];
+ gl.seriesCandleO = [];
+ gl.seriesCandleH = [];
+ gl.seriesCandleL = [];
+ gl.seriesCandleC = [];
+ gl.seriesPercent = [];
+ gl.seriesX = [];
+ gl.seriesZ = [];
+ gl.seriesNames = [];
+ gl.seriesTotals = [];
+ gl.stackedSeriesTotals = [];
+ gl.labels = [];
+ gl.timelineLabels = [];
+ gl.noLabelsProvided = false;
+ gl.timescaleTicks = [];
+ gl.resizeTimer = null;
+ gl.selectionResizeTimer = null;
+
+ gl.seriesXvalues = function () {
+ return _this.w.config.series.map(function (s) {
+ return [];
+ });
+ }();
+
+ gl.seriesYvalues = function () {
+ return _this.w.config.series.map(function (s) {
+ return [];
+ });
+ }();
+
+ gl.delayedElements = [];
+ gl.pointsArray = [];
+ gl.dataLabelsRects = [];
+ gl.isXNumeric = false;
+ gl.isDataXYZ = false;
+ gl.maxY = -Number.MAX_VALUE;
+ gl.minY = Number.MIN_VALUE;
+ gl.minYArr = [];
+ gl.maxYArr = [];
+ gl.maxX = -Number.MAX_VALUE;
+ gl.minX = Number.MAX_VALUE;
+ gl.initialmaxX = -Number.MAX_VALUE;
+ gl.initialminX = Number.MAX_VALUE;
+ gl.maxDate = 0;
+ gl.minDate = Number.MAX_VALUE;
+ gl.minZ = Number.MAX_VALUE;
+ gl.maxZ = -Number.MAX_VALUE;
+ gl.yAxisScale = [];
+ gl.xAxisScale = null;
+ gl.xAxisTicksPositions = [];
+ gl.yLabelsCoords = [];
+ gl.yTitleCoords = [];
+ gl.xRange = 0;
+ gl.yRange = [];
+ gl.zRange = 0;
+ gl.dataPoints = 0;
+ }
+ }, {
+ key: "isMultipleY",
+ value: function isMultipleY() {
+ // user has supplied an array in yaxis property. So, turn on multipleYAxis flag
+ if (this.w.config.yaxis.constructor === Array && this.w.config.yaxis.length > 1) {
+ // first, turn off stacking if multiple y axis
+ this.w.config.chart.stacked = false;
+ this.w.globals.isMultipleYAxis = true;
+ return true;
+ }
+ }
+ }, {
+ key: "excludeCollapsedSeriesInYAxis",
+ value: function excludeCollapsedSeriesInYAxis() {
+ var _this2 = this;
+
+ var w = this.w;
+ w.globals.ignoreYAxisIndexes = w.globals.collapsedSeries.map(function (collapsed, i) {
+ if (_this2.w.globals.isMultipleYAxis) {
+ return collapsed.index;
+ }
+ });
+ }
+ }, {
+ key: "isMultiFormat",
+ value: function isMultiFormat() {
+ return this.isFormatXY() || this.isFormat2DArray();
+ } // given format is [{x, y}, {x, y}]
+
+ }, {
+ key: "isFormatXY",
+ value: function isFormatXY() {
+ var series = this.w.config.series.slice();
+ var sr = new Series(this.ctx);
+ this.activeSeriesIndex = sr.getActiveConfigSeriesIndex();
+
+ if (typeof series[this.activeSeriesIndex].data !== 'undefined' && series[this.activeSeriesIndex].data.length > 0 && series[this.activeSeriesIndex].data[0] !== null && typeof series[this.activeSeriesIndex].data[0].x !== 'undefined' && series[this.activeSeriesIndex].data[0] !== null) {
+ return true;
+ }
+ } // given format is [[x, y], [x, y]]
+
+ }, {
+ key: "isFormat2DArray",
+ value: function isFormat2DArray() {
+ var series = this.w.config.series.slice();
+ var sr = new Series(this.ctx);
+ this.activeSeriesIndex = sr.getActiveConfigSeriesIndex();
+
+ if (typeof series[this.activeSeriesIndex].data !== 'undefined' && series[this.activeSeriesIndex].data.length > 0 && typeof series[this.activeSeriesIndex].data[0] !== 'undefined' && series[this.activeSeriesIndex].data[0] !== null && series[this.activeSeriesIndex].data[0].constructor === Array) {
+ return true;
+ }
+ }
+ }, {
+ key: "handleFormat2DArray",
+ value: function handleFormat2DArray(ser, i) {
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ if (typeof ser[i].data[j][1] !== 'undefined') {
+ if (Array.isArray(ser[i].data[j][1]) && ser[i].data[j][1].length === 4) {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j][1][3]));
+ } else {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j][1]));
+ }
+ }
+
+ if (cnf.xaxis.type === 'datetime') {
+ // if timestamps are provided and xaxis type is datettime,
+ var ts = new Date(ser[i].data[j][0]);
+ ts = new Date(ts).getTime();
+ this.twoDSeriesX.push(ts);
+ } else {
+ this.twoDSeriesX.push(ser[i].data[j][0]);
+ }
+ }
+
+ for (var _j = 0; _j < ser[i].data.length; _j++) {
+ if (typeof ser[i].data[_j][2] !== 'undefined') {
+ this.threeDSeries.push(ser[i].data[_j][2]);
+ gl.isDataXYZ = true;
+ }
+ }
+ }
+ }, {
+ key: "handleFormatXY",
+ value: function handleFormatXY(ser, i) {
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+ var dt = new DateTime(this.ctx);
+ var activeI = i;
+
+ if (gl.collapsedSeriesIndices.indexOf(i) > -1) {
+ // fix #368
+ activeI = this.activeSeriesIndex;
+ } // get series
+
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ if (typeof ser[i].data[j].y !== 'undefined') {
+ if (Array.isArray(ser[i].data[j].y) && ser[i].data[j].y.length === 4) {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j].y[3]));
+ } else {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j].y));
+ }
+ }
+ } // get seriesX
+
+
+ for (var _j2 = 0; _j2 < ser[activeI].data.length; _j2++) {
+ var isXString = typeof ser[activeI].data[_j2].x === 'string';
+ var isXDate = !!dt.isValidDate(ser[activeI].data[_j2].x.toString());
+
+ if (isXString || isXDate) {
+ // user supplied '01/01/2017' or a date string (a JS date object is not supported)
+ if (isXString) {
+ if (cnf.xaxis.type === 'datetime') {
+ this.twoDSeriesX.push(dt.parseDate(ser[activeI].data[_j2].x));
+ } else {
+ // a category and not a numeric x value
+ this.fallbackToCategory = true;
+ this.twoDSeriesX.push(ser[activeI].data[_j2].x);
+ }
+ } else {
+ if (cnf.xaxis.type === 'datetime') {
+ this.twoDSeriesX.push(dt.parseDate(ser[activeI].data[_j2].x.toString()));
+ } else {
+ this.twoDSeriesX.push(parseFloat(ser[activeI].data[_j2].x));
+ }
+ }
+ } else {
+ // a numeric value in x property
+ this.twoDSeriesX.push(ser[activeI].data[_j2].x);
+ }
+ }
+
+ if (ser[i].data[0] && typeof ser[i].data[0].z !== 'undefined') {
+ for (var t = 0; t < ser[i].data.length; t++) {
+ this.threeDSeries.push(ser[i].data[t].z);
+ }
+
+ gl.isDataXYZ = true;
+ }
+ }
+ }, {
+ key: "handleCandleStickData",
+ value: function handleCandleStickData(ser, i) {
+ var gl = this.w.globals;
+ var ohlc = {};
+
+ if (this.isFormat2DArray()) {
+ ohlc = this.handleCandleStickDataFormat('array', ser, i);
+ } else if (this.isFormatXY()) {
+ ohlc = this.handleCandleStickDataFormat('xy', ser, i);
+ }
+
+ gl.seriesCandleO.push(ohlc.o);
+ gl.seriesCandleH.push(ohlc.h);
+ gl.seriesCandleL.push(ohlc.l);
+ gl.seriesCandleC.push(ohlc.c);
+ return ohlc;
+ }
+ }, {
+ key: "handleCandleStickDataFormat",
+ value: function handleCandleStickDataFormat(format, ser, i) {
+ var serO = [];
+ var serH = [];
+ var serL = [];
+ var serC = [];
+ var err = 'Please provide [Open, High, Low and Close] values in valid format. Read more https://apexcharts.com/docs/series/#candlestick';
+
+ if (format === 'array') {
+ if (ser[i].data[0][1].length !== 4) {
+ throw new Error(err);
+ }
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ serO.push(ser[i].data[j][1][0]);
+ serH.push(ser[i].data[j][1][1]);
+ serL.push(ser[i].data[j][1][2]);
+ serC.push(ser[i].data[j][1][3]);
+ }
+ } else if (format === 'xy') {
+ if (ser[i].data[0].y.length !== 4) {
+ throw new Error(err);
+ }
+
+ for (var _j3 = 0; _j3 < ser[i].data.length; _j3++) {
+ serO.push(ser[i].data[_j3].y[0]);
+ serH.push(ser[i].data[_j3].y[1]);
+ serL.push(ser[i].data[_j3].y[2]);
+ serC.push(ser[i].data[_j3].y[3]);
+ }
+ }
+
+ return {
+ o: serO,
+ h: serH,
+ l: serL,
+ c: serC
+ };
+ }
+ }, {
+ key: "parseDataAxisCharts",
+ value: function parseDataAxisCharts(ser) {
+ var ctx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.ctx;
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+ var dt = new DateTime(ctx);
+
+ for (var i = 0; i < ser.length; i++) {
+ this.twoDSeries = [];
+ this.twoDSeriesX = [];
+ this.threeDSeries = [];
+
+ if (typeof ser[i].data === 'undefined') {
+ console.error("It is a possibility that you may have not included 'data' property in series.");
+ return;
+ }
+
+ if (this.isMultiFormat()) {
+ if (this.isFormat2DArray()) {
+ this.handleFormat2DArray(ser, i);
+ } else if (this.isFormatXY()) {
+ this.handleFormatXY(ser, i);
+ }
+
+ if (cnf.chart.type === 'candlestick' || ser[i].type === 'candlestick') {
+ this.handleCandleStickData(ser, i);
+ }
+
+ gl.series.push(this.twoDSeries);
+ gl.labels.push(this.twoDSeriesX);
+ gl.seriesX.push(this.twoDSeriesX);
+
+ if (!this.fallbackToCategory) {
+ gl.isXNumeric = true;
+ }
+ } else {
+ if (cnf.xaxis.type === 'datetime') {
+ // user didn't supplied [{x,y}] or [[x,y]], but single array in data.
+ // Also labels/categories were supplied differently
+ gl.isXNumeric = true;
+ var dates = cnf.labels.length > 0 ? cnf.labels.slice() : cnf.xaxis.categories.slice();
+
+ for (var j = 0; j < dates.length; j++) {
+ if (typeof dates[j] === 'string') {
+ var isDate = dt.isValidDate(dates[j]);
+
+ if (isDate) {
+ this.twoDSeriesX.push(dt.parseDate(dates[j]));
+ } else {
+ throw new Error('You have provided invalid Date format. Please provide a valid JavaScript Date');
+ }
+ }
+ }
+
+ gl.seriesX.push(this.twoDSeriesX);
+ } else if (cnf.xaxis.type === 'numeric') {
+ gl.isXNumeric = true;
+ var x = cnf.labels.length > 0 ? cnf.labels.slice() : cnf.xaxis.categories.slice();
+
+ if (x.length > 0) {
+ this.twoDSeriesX = x;
+ gl.seriesX.push(this.twoDSeriesX);
+ }
+ }
+
+ gl.labels.push(this.twoDSeriesX);
+ var singleArray = ser[i].data.map(function (d) {
+ return Utils.parseNumber(d);
+ });
+ gl.series.push(singleArray);
+ }
+
+ gl.seriesZ.push(this.threeDSeries);
+
+ if (ser[i].name !== undefined) {
+ gl.seriesNames.push(ser[i].name);
+ } else {
+ gl.seriesNames.push('series-' + parseInt(i + 1));
+ }
+ }
+
+ return this.w;
+ }
+ }, {
+ key: "parseDataNonAxisCharts",
+ value: function parseDataNonAxisCharts(ser) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.series = ser.slice();
+ gl.seriesNames = cnf.labels.slice();
+
+ for (var i = 0; i < gl.series.length; i++) {
+ if (gl.seriesNames[i] === undefined) {
+ gl.seriesNames.push('series-' + (i + 1));
+ }
+ }
+
+ return this.w;
+ }
+ }, {
+ key: "handleExternalLabelsData",
+ value: function handleExternalLabelsData(ser) {
+ var cnf = this.w.config;
+ var gl = this.w.globals; // user provided labels in category axis
+
+ if (cnf.xaxis.categories.length > 0) {
+ gl.labels = cnf.xaxis.categories;
+ } else if (cnf.labels.length > 0) {
+ gl.labels = cnf.labels.slice();
+ } else if (this.fallbackToCategory) {
+ gl.labels = gl.labels[0];
+ } else {
+ // user didn't provided labels, fallback to 1-2-3-4-5
+ var labelArr = [];
+
+ if (gl.axisCharts) {
+ for (var i = 0; i < gl.series[gl.maxValsInArrayIndex].length; i++) {
+ labelArr.push(i + 1);
+ }
+
+ for (var _i = 0; _i < ser.length; _i++) {
+ gl.seriesX.push(labelArr);
+ }
+
+ gl.isXNumeric = true;
+ } // no series to pull labels from, put a 0-10 series
+
+
+ if (labelArr.length === 0) {
+ labelArr = [0, 10];
+
+ for (var _i2 = 0; _i2 < ser.length; _i2++) {
+ gl.seriesX.push(labelArr);
+ }
+ }
+
+ gl.labels = labelArr;
+ gl.noLabelsProvided = true;
+
+ if (cnf.xaxis.type === 'category') {
+ gl.isXNumeric = false;
+ }
+ }
+ } // Segregate user provided data into appropriate vars
+
+ }, {
+ key: "parseData",
+ value: function parseData(ser) {
+ var w = this.w;
+ var cnf = w.config;
+ var gl = w.globals;
+ this.excludeCollapsedSeriesInYAxis();
+ this.fallbackToCategory = false;
+ this.resetGlobals();
+ this.isMultipleY();
+
+ if (gl.axisCharts) {
+ this.parseDataAxisCharts(ser);
+ } else {
+ this.parseDataNonAxisCharts(ser);
+ }
+
+ this.coreUtils.getLargestSeries(); // set Null values to 0 in all series when user hides/shows some series
+
+ if (cnf.chart.type === 'bar' && cnf.chart.stacked) {
+ var series = new Series(this.ctx);
+ gl.series = series.setNullSeriesToZeroValues(gl.series);
+ }
+
+ this.coreUtils.getSeriesTotals();
+
+ if (gl.axisCharts) {
+ this.coreUtils.getStackedSeriesTotals();
+ }
+
+ this.coreUtils.getPercentSeries(); // user didn't provide a [[x,y],[x,y]] series, but a named series
+
+ if (!gl.isXNumeric || cnf.xaxis.type === 'numeric' && cnf.labels.length === 0 && cnf.xaxis.categories.length === 0) {
+ this.handleExternalLabelsData(ser);
+ }
+ }
+ }, {
+ key: "xySettings",
+ value: function xySettings() {
+ var xyRatios = null;
+ var w = this.w;
+
+ if (w.globals.axisCharts) {
+ if (w.config.xaxis.crosshairs.position === 'back') {
+ var crosshairs = new Crosshairs(this.ctx);
+ crosshairs.drawXCrosshairs();
+ }
+
+ if (w.config.yaxis[0].crosshairs.position === 'back') {
+ var _crosshairs = new Crosshairs(this.ctx);
+
+ _crosshairs.drawYCrosshairs();
+ }
+
+ xyRatios = this.coreUtils.getCalculatedRatios();
+
+ if (w.config.xaxis.type === 'datetime' && w.config.xaxis.labels.formatter === undefined && isFinite(w.globals.minX) && isFinite(w.globals.maxX)) {
+ var ts = new TimeScale(this.ctx);
+ var formattedTimeScale = ts.calculateTimeScaleTicks(w.globals.minX, w.globals.maxX);
+ ts.recalcDimensionsBasedOnFormat(formattedTimeScale);
+ }
+ }
+
+ return xyRatios;
+ }
+ }, {
+ key: "drawAxis",
+ value: function drawAxis(type, xyRatios) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var xAxis = new XAxis(this.ctx);
+ var yAxis = new YAxis(this.ctx);
+
+ if (gl.axisCharts && type !== 'radar') {
+ var elXaxis, elYaxis;
+
+ if (type === 'bar' && cnf.plotOptions.bar.horizontal) {
+ elYaxis = yAxis.drawYaxisInversed(0);
+ elXaxis = xAxis.drawXaxisInversed(0);
+ gl.dom.elGraphical.add(elXaxis);
+ gl.dom.elGraphical.add(elYaxis);
+ } else {
+ elXaxis = xAxis.drawXaxis();
+ gl.dom.elGraphical.add(elXaxis);
+ cnf.yaxis.map(function (yaxe, index) {
+ if (gl.ignoreYAxisIndexes.indexOf(index) === -1) {
+ elYaxis = yAxis.drawYaxis(index);
+ gl.dom.Paper.add(elYaxis);
+ }
+ });
+ }
+ }
+
+ cnf.yaxis.map(function (yaxe, index) {
+ if (gl.ignoreYAxisIndexes.indexOf(index) === -1) {
+ yAxis.yAxisTitleRotate(index, yaxe.opposite);
+ }
+ });
+ }
+ }, {
+ key: "setupBrushHandler",
+ value: function setupBrushHandler() {
+ var _this3 = this;
+
+ var w = this.w; // only for brush charts
+
+ if (!w.config.chart.brush.enabled) {
+ return;
+ } // if user has not defined a custom function for selection - we handle the brush chart
+ // otherwise we leave it to the user to define the functionality for selection
+
+
+ if (typeof w.config.chart.events.selection !== 'function') {
+ var targets = w.config.chart.brush.targets || [w.config.chart.brush.target]; // retro compatibility with single target option
+
+ targets.forEach(function (target) {
+ var targetChart = ApexCharts.getChartByID(target);
+ targetChart.w.globals.brushSource = _this3.ctx;
+
+ var updateSourceChart = function updateSourceChart() {
+ _this3.ctx._updateOptions({
+ chart: {
+ selection: {
+ xaxis: {
+ min: targetChart.w.globals.minX,
+ max: targetChart.w.globals.maxX
+ }
+ }
+ }
+ }, false, false);
+ };
+
+ if (typeof targetChart.w.config.chart.events.zoomed !== 'function') {
+ targetChart.w.config.chart.events.zoomed = function () {
+ updateSourceChart();
+ };
+ }
+
+ if (typeof targetChart.w.config.chart.events.scrolled !== 'function') {
+ targetChart.w.config.chart.events.scrolled = function () {
+ updateSourceChart();
+ };
+ }
+
+ w.config.chart.events.selection = function (chart, e) {
+ var yaxis = Utils.clone(w.config.yaxis);
+
+ if (w.config.chart.brush.autoScaleYaxis) {
+ var scale = new Range(targetChart);
+ yaxis = scale.autoScaleY(targetChart, e);
+ }
+
+ targetChart._updateOptions({
+ xaxis: {
+ min: e.xaxis.min,
+ max: e.xaxis.max
+ },
+ yaxis: yaxis
+ }, false, false, false);
+ };
+ });
+ }
+ }
+ }]);
+
+ return Core;
+}();
+
+/**
+ * @this {Promise}
+ */
+function finallyConstructor(callback) {
+ var constructor = this.constructor;
+ return this.then(
+ function(value) {
+ return constructor.resolve(callback()).then(function() {
+ return value;
+ });
+ },
+ function(reason) {
+ return constructor.resolve(callback()).then(function() {
+ return constructor.reject(reason);
+ });
+ }
+ );
+}
+
+// Store setTimeout reference so promise-polyfill will be unaffected by
+// other code modifying setTimeout (like sinon.useFakeTimers())
+var setTimeoutFunc = setTimeout;
+
+function noop() {}
+
+// Polyfill for Function.prototype.bind
+function bind(fn, thisArg) {
+ return function() {
+ fn.apply(thisArg, arguments);
+ };
+}
+
+/**
+ * @constructor
+ * @param {Function} fn
+ */
+function Promise$1(fn) {
+ if (!(this instanceof Promise$1))
+ throw new TypeError('Promises must be constructed via new');
+ if (typeof fn !== 'function') throw new TypeError('not a function');
+ /** @type {!number} */
+ this._state = 0;
+ /** @type {!boolean} */
+ this._handled = false;
+ /** @type {Promise|undefined} */
+ this._value = undefined;
+ /** @type {!Array<!Function>} */
+ this._deferreds = [];
+
+ doResolve(fn, this);
+}
+
+function handle(self, deferred) {
+ while (self._state === 3) {
+ self = self._value;
+ }
+ if (self._state === 0) {
+ self._deferreds.push(deferred);
+ return;
+ }
+ self._handled = true;
+ Promise$1._immediateFn(function() {
+ var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
+ if (cb === null) {
+ (self._state === 1 ? resolve : reject)(deferred.promise, self._value);
+ return;
+ }
+ var ret;
+ try {
+ ret = cb(self._value);
+ } catch (e) {
+ reject(deferred.promise, e);
+ return;
+ }
+ resolve(deferred.promise, ret);
+ });
+}
+
+function resolve(self, newValue) {
+ try {
+ // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure
+ if (newValue === self)
+ throw new TypeError('A promise cannot be resolved with itself.');
+ if (
+ newValue &&
+ (typeof newValue === 'object' || typeof newValue === 'function')
+ ) {
+ var then = newValue.then;
+ if (newValue instanceof Promise$1) {
+ self._state = 3;
+ self._value = newValue;
+ finale(self);
+ return;
+ } else if (typeof then === 'function') {
+ doResolve(bind(then, newValue), self);
+ return;
+ }
+ }
+ self._state = 1;
+ self._value = newValue;
+ finale(self);
+ } catch (e) {
+ reject(self, e);
+ }
+}
+
+function reject(self, newValue) {
+ self._state = 2;
+ self._value = newValue;
+ finale(self);
+}
+
+function finale(self) {
+ if (self._state === 2 && self._deferreds.length === 0) {
+ Promise$1._immediateFn(function() {
+ if (!self._handled) {
+ Promise$1._unhandledRejectionFn(self._value);
+ }
+ });
+ }
+
+ for (var i = 0, len = self._deferreds.length; i < len; i++) {
+ handle(self, self._deferreds[i]);
+ }
+ self._deferreds = null;
+}
+
+/**
+ * @constructor
+ */
+function Handler(onFulfilled, onRejected, promise) {
+ this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+ this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+ this.promise = promise;
+}
+
+/**
+ * Take a potentially misbehaving resolver function and make sure
+ * onFulfilled and onRejected are only called once.
+ *
+ * Makes no guarantees about asynchrony.
+ */
+function doResolve(fn, self) {
+ var done = false;
+ try {
+ fn(
+ function(value) {
+ if (done) return;
+ done = true;
+ resolve(self, value);
+ },
+ function(reason) {
+ if (done) return;
+ done = true;
+ reject(self, reason);
+ }
+ );
+ } catch (ex) {
+ if (done) return;
+ done = true;
+ reject(self, ex);
+ }
+}
+
+Promise$1.prototype['catch'] = function(onRejected) {
+ return this.then(null, onRejected);
+};
+
+Promise$1.prototype.then = function(onFulfilled, onRejected) {
+ // @ts-ignore
+ var prom = new this.constructor(noop);
+
+ handle(this, new Handler(onFulfilled, onRejected, prom));
+ return prom;
+};
+
+Promise$1.prototype['finally'] = finallyConstructor;
+
+Promise$1.all = function(arr) {
+ return new Promise$1(function(resolve, reject) {
+ if (!arr || typeof arr.length === 'undefined')
+ throw new TypeError('Promise.all accepts an array');
+ var args = Array.prototype.slice.call(arr);
+ if (args.length === 0) return resolve([]);
+ var remaining = args.length;
+
+ function res(i, val) {
+ try {
+ if (val && (typeof val === 'object' || typeof val === 'function')) {
+ var then = val.then;
+ if (typeof then === 'function') {
+ then.call(
+ val,
+ function(val) {
+ res(i, val);
+ },
+ reject
+ );
+ return;
+ }
+ }
+ args[i] = val;
+ if (--remaining === 0) {
+ resolve(args);
+ }
+ } catch (ex) {
+ reject(ex);
+ }
+ }
+
+ for (var i = 0; i < args.length; i++) {
+ res(i, args[i]);
+ }
+ });
+};
+
+Promise$1.resolve = function(value) {
+ if (value && typeof value === 'object' && value.constructor === Promise$1) {
+ return value;
+ }
+
+ return new Promise$1(function(resolve) {
+ resolve(value);
+ });
+};
+
+Promise$1.reject = function(value) {
+ return new Promise$1(function(resolve, reject) {
+ reject(value);
+ });
+};
+
+Promise$1.race = function(values) {
+ return new Promise$1(function(resolve, reject) {
+ for (var i = 0, len = values.length; i < len; i++) {
+ values[i].then(resolve, reject);
+ }
+ });
+};
+
+// Use polyfill for setImmediate for performance gains
+Promise$1._immediateFn =
+ (typeof setImmediate === 'function' &&
+ function(fn) {
+ setImmediate(fn);
+ }) ||
+ function(fn) {
+ setTimeoutFunc(fn, 0);
+ };
+
+Promise$1._unhandledRejectionFn = function _unhandledRejectionFn(err) {
+ if (typeof console !== 'undefined' && console) {
+ console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console
+ }
+};
+
+var Exports =
+/*#__PURE__*/
+function () {
+ function Exports(ctx) {
+ _classCallCheck(this, Exports);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Exports, [{
+ key: "getSvgString",
+ value: function getSvgString() {
+ return this.w.globals.dom.Paper.svg();
+ }
+ }, {
+ key: "cleanup",
+ value: function cleanup() {
+ var w = this.w; // hide some elements to avoid printing them on exported svg
+
+ var xcrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-xcrosshairs');
+ var ycrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs');
+
+ if (xcrosshairs) {
+ xcrosshairs.setAttribute('x', -500);
+ }
+
+ if (ycrosshairs) {
+ ycrosshairs.setAttribute('y1', -100);
+ ycrosshairs.setAttribute('y2', -100);
+ }
+ }
+ }, {
+ key: "svgUrl",
+ value: function svgUrl() {
+ this.cleanup();
+ var svgData = this.getSvgString();
+ var svgBlob = new Blob([svgData], {
+ type: 'image/svg+xml;charset=utf-8'
+ });
+ return URL.createObjectURL(svgBlob);
+ }
+ }, {
+ key: "dataURI",
+ value: function dataURI() {
+ var _this = this;
+
+ return new Promise$1(function (resolve) {
+ var w = _this.w;
+
+ _this.cleanup();
+
+ var canvas = document.createElement('canvas');
+ canvas.width = w.globals.svgWidth;
+ canvas.height = w.globals.svgHeight;
+ var canvasBg = w.config.chart.background === 'transparent' ? '#fff' : w.config.chart.background;
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = canvasBg;
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
+ var DOMURL = window.URL || window.webkitURL || window;
+ var img = new Image();
+ img.crossOrigin = 'anonymous';
+
+ var svgData = _this.getSvgString();
+
+ var svgUrl = 'data:image/svg+xml,' + encodeURIComponent(svgData);
+
+ img.onload = function () {
+ ctx.drawImage(img, 0, 0);
+ DOMURL.revokeObjectURL(svgUrl);
+ var imgURI = canvas.toDataURL('image/png');
+ resolve(imgURI);
+ };
+
+ img.src = svgUrl;
+ });
+ }
+ }, {
+ key: "exportToSVG",
+ value: function exportToSVG() {
+ this.triggerDownload(this.svgUrl(), '.svg');
+ }
+ }, {
+ key: "exportToPng",
+ value: function exportToPng() {
+ var _this2 = this;
+
+ this.dataURI().then(function (imgURI) {
+ _this2.triggerDownload(imgURI, '.png');
+ });
+ }
+ }, {
+ key: "triggerDownload",
+ value: function triggerDownload(href, ext) {
+ var downloadLink = document.createElement('a');
+ downloadLink.href = href;
+ downloadLink.download = this.w.globals.chartID + ext;
+ document.body.appendChild(downloadLink);
+ downloadLink.click();
+ document.body.removeChild(downloadLink);
+ }
+ }]);
+
+ return Exports;
+}();
+
+/**
+ * ApexCharts Grid Class for drawing Cartesian Grid.
+ *
+ * @module Grid
+ **/
+
+var Grid =
+/*#__PURE__*/
+function () {
+ function Grid(ctx) {
+ _classCallCheck(this, Grid);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.anim = new Animations(this.ctx);
+ this.xaxisLabels = w.globals.labels.slice();
+ this.animX = w.config.grid.xaxis.lines.animate && w.config.chart.animations.enabled;
+ this.animY = w.config.grid.yaxis.lines.animate && w.config.chart.animations.enabled;
+
+ if (w.globals.timelineLabels.length > 0) {
+ // timeline labels are there
+ this.xaxisLabels = w.globals.timelineLabels.slice();
+ }
+ } // .when using sparklines or when showing no grid, we need to have a grid area which is reused at many places for other calculations as well
+
+
+ _createClass(Grid, [{
+ key: "drawGridArea",
+ value: function drawGridArea() {
+ var elGrid = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+
+ if (elGrid === null) {
+ elGrid = graphics.group({
+ class: 'apexcharts-grid'
+ });
+ }
+
+ var elVerticalLine = graphics.drawLine(w.globals.padHorizontal, 1, w.globals.padHorizontal, w.globals.gridHeight, 'transparent');
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal, w.globals.gridHeight, w.globals.gridWidth, w.globals.gridHeight, 'transparent');
+ elGrid.add(elHorzLine);
+ elGrid.add(elVerticalLine);
+ return elGrid;
+ }
+ }, {
+ key: "drawGrid",
+ value: function drawGrid() {
+ var w = this.w;
+ var xAxis = new XAxis(this.ctx);
+ var gl = this.w.globals;
+ var elgrid = null;
+
+ if (gl.axisCharts) {
+ if (w.config.grid.show) {
+ // grid is drawn after xaxis and yaxis are drawn
+ elgrid = this.renderGrid();
+ gl.dom.elGraphical.add(elgrid.el);
+ this.drawGridArea(elgrid.el);
+ } else {
+ var elgridArea = this.drawGridArea();
+ gl.dom.elGraphical.add(elgridArea);
+ }
+
+ if (elgrid !== null) {
+ xAxis.xAxisLabelCorrections(elgrid.xAxisTickWidth);
+ }
+ }
+ } // This mask will clip off overflowing graphics from the drawable area
+
+ }, {
+ key: "createGridMask",
+ value: function createGridMask() {
+ var w = this.w;
+ var gl = w.globals;
+ var graphics = new Graphics(this.ctx);
+ var strokeSize = Array.isArray(w.config.stroke.width) ? 0 : w.config.stroke.width;
+
+ if (Array.isArray(w.config.stroke.width)) {
+ var strokeMaxSize = 0;
+ w.config.stroke.width.forEach(function (m) {
+ strokeMaxSize = Math.max(strokeMaxSize, m);
+ });
+ strokeSize = strokeMaxSize;
+ }
+
+ gl.dom.elGridRectMask = document.createElementNS(gl.SVGNS, 'clipPath');
+ gl.dom.elGridRectMask.setAttribute('id', "gridRectMask".concat(gl.cuid));
+ gl.dom.elGridRectMarkerMask = document.createElementNS(gl.SVGNS, 'clipPath');
+ gl.dom.elGridRectMarkerMask.setAttribute('id', "gridRectMarkerMask".concat(gl.cuid));
+ gl.dom.elGridRect = graphics.drawRect(-strokeSize / 2, -strokeSize / 2, gl.gridWidth + strokeSize, gl.gridHeight + strokeSize, 0, '#fff');
+ var coreUtils = new CoreUtils(this);
+ coreUtils.getLargestMarkerSize();
+ var markerSize = w.globals.markers.largestSize + w.config.markers.hover.sizeOffset + 1;
+ gl.dom.elGridRectMarker = graphics.drawRect(-markerSize, -markerSize, gl.gridWidth + markerSize * 2, gl.gridHeight + markerSize * 2, 0, '#fff');
+ gl.dom.elGridRectMask.appendChild(gl.dom.elGridRect.node);
+ gl.dom.elGridRectMarkerMask.appendChild(gl.dom.elGridRectMarker.node);
+ var defs = gl.dom.baseEl.querySelector('defs');
+ defs.appendChild(gl.dom.elGridRectMask);
+ defs.appendChild(gl.dom.elGridRectMarkerMask);
+ } // actual grid rendering
+
+ }, {
+ key: "renderGrid",
+ value: function renderGrid() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var strokeDashArray = w.config.grid.strokeDashArray;
+ var elg = graphics.group({
+ class: 'apexcharts-grid'
+ });
+ var tickAmount = 8;
+
+ for (var i = 0; i < w.globals.series.length; i++) {
+ if (typeof w.globals.yAxisScale[i] !== 'undefined') {
+ tickAmount = w.globals.yAxisScale[i].result.length - 1;
+ }
+
+ if (tickAmount > 2) break;
+ }
+
+ var xCount;
+ var inversedGrid = !!(w.config.plotOptions.bar.horizontal && w.config.chart.type === 'bar');
+
+ if (!inversedGrid) {
+ xCount = this.xaxisLabels.length; // draw vertical lines
+
+ if (w.config.grid.xaxis.lines.show || w.config.xaxis.axisTicks.show) {
+ var x1 = w.globals.padHorizontal;
+ var y1 = 0;
+ var x2;
+ var y2 = w.globals.gridHeight;
+
+ if (w.globals.timelineLabels.length > 0) {
+ for (var _i = 0; _i < xCount; _i++) {
+ x1 = this.xaxisLabels[_i].position;
+ x2 = this.xaxisLabels[_i].position;
+
+ if (w.config.grid.xaxis.lines.show && x1 > 0 && x1 < w.globals.gridWidth) {
+ var line = graphics.drawLine(x1, y1, x2, y2, w.config.grid.borderColor, strokeDashArray);
+ line.node.classList.add('apexcharts-gridline');
+ elg.add(line);
+
+ if (this.animX) {
+ this.animateLine(line, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: x1,
+ x2: x2
+ });
+ }
+ }
+
+ var xAxis = new XAxis(this.ctx);
+ xAxis.drawXaxisTicks(x1, elg);
+ }
+ } else {
+ var xCountForCategoryCharts = xCount;
+
+ for (var _i2 = 0; _i2 < xCountForCategoryCharts; _i2++) {
+ var x1Count = xCountForCategoryCharts;
+
+ if (w.globals.isXNumeric && w.config.chart.type !== 'bar') {
+ x1Count -= 1;
+ }
+
+ x1 = x1 + w.globals.gridWidth / x1Count;
+ x2 = x1; // skip the last line
+
+ if (_i2 === x1Count - 1) break;
+
+ if (w.config.grid.xaxis.lines.show) {
+ var _line = graphics.drawLine(x1, y1, x2, y2, w.config.grid.borderColor, strokeDashArray);
+
+ _line.node.classList.add('apexcharts-gridline');
+
+ elg.add(_line);
+
+ if (this.animX) {
+ this.animateLine(_line, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: x1,
+ x2: x2
+ });
+ }
+ }
+
+ var _xAxis = new XAxis(this.ctx);
+
+ _xAxis.drawXaxisTicks(x1, elg);
+ }
+ }
+ } // draw horizontal lines
+
+
+ if (w.config.grid.yaxis.lines.show) {
+ var _x = 0;
+ var _y = 0;
+ var _y2 = 0;
+ var _x2 = w.globals.gridWidth;
+
+ for (var _i3 = 0; _i3 < tickAmount + 1; _i3++) {
+ var _line2 = graphics.drawLine(_x, _y, _x2, _y2, w.config.grid.borderColor, strokeDashArray);
+
+ elg.add(_line2);
+
+ _line2.node.classList.add('apexcharts-gridline');
+
+ if (this.animY) {
+ this.animateLine(_line2, {
+ y1: _y + 20,
+ y2: _y2 + 20
+ }, {
+ y1: _y,
+ y2: _y2
+ });
+ }
+
+ _y = _y + w.globals.gridHeight / tickAmount;
+ _y2 = _y;
+ }
+ }
+ } else {
+ xCount = tickAmount; // draw vertical lines
+
+ if (w.config.grid.xaxis.lines.show || w.config.xaxis.axisTicks.show) {
+ var _x3 = w.globals.padHorizontal;
+ var _y3 = 0;
+
+ var _x4;
+
+ var _y4 = w.globals.gridHeight;
+
+ for (var _i4 = 0; _i4 < xCount + 1; _i4++) {
+ _x3 = _x3 + w.globals.gridWidth / xCount + 0.3;
+ _x4 = _x3; // skip the last vertical line
+
+ if (_i4 === xCount - 1) break;
+
+ if (w.config.grid.xaxis.lines.show) {
+ var _line3 = graphics.drawLine(_x3, _y3, _x4, _y4, w.config.grid.borderColor, strokeDashArray);
+
+ _line3.node.classList.add('apexcharts-gridline');
+
+ elg.add(_line3);
+
+ if (this.animX) {
+ this.animateLine(_line3, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: _x3,
+ x2: _x4
+ });
+ }
+ } // skip the first vertical line
+
+
+ var _xAxis2 = new XAxis(this.ctx);
+
+ _xAxis2.drawXaxisTicks(_x3, elg);
+ }
+ } // draw horizontal lines
+
+
+ if (w.config.grid.yaxis.lines.show) {
+ var _x5 = 0;
+ var _y5 = 0;
+ var _y6 = 0;
+ var _x6 = w.globals.gridWidth;
+
+ for (var _i5 = 0; _i5 < w.globals.dataPoints + 1; _i5++) {
+ var _line4 = graphics.drawLine(_x5, _y5, _x6, _y6, w.config.grid.borderColor, strokeDashArray);
+
+ elg.add(_line4);
+
+ _line4.node.classList.add('apexcharts-gridline');
+
+ if (this.animY) {
+ this.animateLine(_line4, {
+ y1: _y5 + 20,
+ y2: _y6 + 20
+ }, {
+ y1: _y5,
+ y2: _y6
+ });
+ }
+
+ _y5 = _y5 + w.globals.gridHeight / w.globals.dataPoints;
+ _y6 = _y5;
+ }
+ }
+ }
+
+ this.drawGridBands(elg, xCount, tickAmount);
+ return {
+ el: elg,
+ xAxisTickWidth: w.globals.gridWidth / xCount
+ };
+ }
+ }, {
+ key: "drawGridBands",
+ value: function drawGridBands(elg, xCount, tickAmount) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx); // rows background bands
+
+ if (w.config.grid.row.colors !== undefined && w.config.grid.row.colors.length > 0) {
+ var x1 = 0;
+ var y1 = 0;
+ var y2 = w.globals.gridHeight / tickAmount;
+ var x2 = w.globals.gridWidth;
+
+ for (var i = 0, c = 0; i < tickAmount; i++, c++) {
+ if (c >= w.config.grid.row.colors.length) {
+ c = 0;
+ }
+
+ var color = w.config.grid.row.colors[c];
+ var rect = graphics.drawRect(x1, y1, x2, y2, 0, color, w.config.grid.row.opacity);
+ elg.add(rect);
+ rect.node.classList.add('apexcharts-gridRow');
+ y1 = y1 + w.globals.gridHeight / tickAmount;
+ }
+ } // columns background bands
+
+
+ if (w.config.grid.column.colors !== undefined && w.config.grid.column.colors.length > 0) {
+ var _x7 = w.globals.padHorizontal;
+ var _y7 = 0;
+
+ var _x8 = w.globals.padHorizontal + w.globals.gridWidth / xCount;
+
+ var _y8 = w.globals.gridHeight;
+
+ for (var _i6 = 0, _c = 0; _i6 < xCount; _i6++, _c++) {
+ if (_c >= w.config.grid.column.colors.length) {
+ _c = 0;
+ }
+
+ var _color = w.config.grid.column.colors[_c];
+
+ var _rect = graphics.drawRect(_x7, _y7, _x8, _y8, 0, _color, w.config.grid.column.opacity);
+
+ _rect.node.classList.add('apexcharts-gridColumn');
+
+ elg.add(_rect);
+ _x7 = _x7 + w.globals.gridWidth / xCount;
+ }
+ }
+ }
+ }, {
+ key: "animateLine",
+ value: function animateLine(line, from, to) {
+ var w = this.w;
+ var initialAnim = w.config.chart.animations;
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ var speed = initialAnim.speed;
+ this.anim.animateLine(line, from, to, speed);
+ }
+ }
+ }]);
+
+ return Grid;
+}();
+
+/**
+ * ApexCharts Legend Class to draw legend.
+ *
+ * @module Legend
+ **/
+
+var Legend =
+/*#__PURE__*/
+function () {
+ function Legend(ctx, opts) {
+ _classCallCheck(this, Legend);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.onLegendClick = this.onLegendClick.bind(this);
+ this.onLegendHovered = this.onLegendHovered.bind(this);
+ }
+
+ _createClass(Legend, [{
+ key: "init",
+ value: function init() {
+ var w = this.w;
+ var gl = w.globals;
+ var cnf = w.config;
+ var showLegendAlways = cnf.legend.showForSingleSeries && gl.series.length === 1 || gl.series.length > 1;
+
+ if ((showLegendAlways || !gl.axisCharts) && cnf.legend.show) {
+ while (gl.dom.elLegendWrap.firstChild) {
+ gl.dom.elLegendWrap.removeChild(gl.dom.elLegendWrap.firstChild);
+ }
+
+ this.drawLegends();
+
+ if (!Utils.isIE11()) {
+ this.appendToForeignObject();
+ } else {
+ // IE11 doesn't supports foreignObject, hence append it to <head>
+ document.getElementsByTagName('head')[0].appendChild(this.getLegendStyles());
+ }
+
+ if (cnf.legend.position === 'bottom' || cnf.legend.position === 'top') {
+ this.legendAlignHorizontal();
+ } else if (cnf.legend.position === 'right' || cnf.legend.position === 'left') {
+ this.legendAlignVertical();
+ }
+ }
+ }
+ }, {
+ key: "appendToForeignObject",
+ value: function appendToForeignObject() {
+ var gl = this.w.globals;
+ var elForeign = document.createElementNS(gl.SVGNS, 'foreignObject');
+ elForeign.setAttribute('x', 0);
+ elForeign.setAttribute('y', 0);
+ elForeign.setAttribute('width', gl.svgWidth);
+ elForeign.setAttribute('height', gl.svgHeight);
+ gl.dom.elLegendWrap.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
+ elForeign.appendChild(gl.dom.elLegendWrap);
+ elForeign.appendChild(this.getLegendStyles());
+ gl.dom.Paper.node.insertBefore(elForeign, gl.dom.elGraphical.node);
+ }
+ }, {
+ key: "drawLegends",
+ value: function drawLegends() {
+ var self = this;
+ var w = this.w;
+ var fontFamily = w.config.legend.fontFamily;
+ var legendNames = w.globals.seriesNames;
+ var fillcolor = w.globals.colors.slice();
+
+ if (w.config.chart.type === 'heatmap') {
+ var ranges = w.config.plotOptions.heatmap.colorScale.ranges;
+ legendNames = ranges.map(function (colorScale) {
+ return colorScale.name ? colorScale.name : colorScale.from + ' - ' + colorScale.to;
+ });
+ fillcolor = ranges.map(function (color) {
+ return color.color;
+ });
+ }
+
+ var legendFormatter = w.globals.legendFormatter;
+
+ for (var i = 0; i <= legendNames.length - 1; i++) {
+ var text = legendFormatter(legendNames[i], {
+ seriesIndex: i,
+ w: w
+ });
+ var collapsedSeries = false;
+ var ancillaryCollapsedSeries = false;
+
+ if (w.globals.collapsedSeries.length > 0) {
+ for (var c = 0; c < w.globals.collapsedSeries.length; c++) {
+ if (w.globals.collapsedSeries[c].index === i) {
+ collapsedSeries = true;
+ }
+ }
+ }
+
+ if (w.globals.ancillaryCollapsedSeriesIndices.length > 0) {
+ for (var _c = 0; _c < w.globals.ancillaryCollapsedSeriesIndices.length; _c++) {
+ if (w.globals.ancillaryCollapsedSeriesIndices[_c] === i) {
+ ancillaryCollapsedSeries = true;
+ }
+ }
+ }
+
+ var elMarker = document.createElement('span');
+ elMarker.classList.add('apexcharts-legend-marker');
+ var mOffsetX = w.config.legend.markers.offsetX;
+ var mOffsetY = w.config.legend.markers.offsetY;
+ var mHeight = w.config.legend.markers.height;
+ var mWidth = w.config.legend.markers.width;
+ var mBorderWidth = w.config.legend.markers.strokeWidth;
+ var mBorderColor = w.config.legend.markers.strokeColor;
+ var mBorderRadius = w.config.legend.markers.radius;
+ var mStyle = elMarker.style;
+ mStyle.background = fillcolor[i];
+ mStyle.color = fillcolor[i];
+ mStyle.height = Array.isArray(mHeight) ? parseFloat(mHeight[i]) + 'px' : parseFloat(mHeight) + 'px';
+ mStyle.width = Array.isArray(mWidth) ? parseFloat(mWidth[i]) + 'px' : parseFloat(mWidth) + 'px';
+ mStyle.left = Array.isArray(mOffsetX) ? mOffsetX[i] : mOffsetX;
+ mStyle.top = Array.isArray(mOffsetY) ? mOffsetY[i] : mOffsetY;
+ mStyle.borderWidth = Array.isArray(mBorderWidth) ? mBorderWidth[i] : mBorderWidth;
+ mStyle.borderColor = Array.isArray(mBorderColor) ? mBorderColor[i] : mBorderColor;
+ mStyle.borderRadius = Array.isArray(mBorderRadius) ? parseFloat(mBorderRadius[i]) + 'px' : parseFloat(mBorderRadius) + 'px';
+
+ if (w.config.legend.markers.customHTML) {
+ if (Array.isArray(w.config.legend.markers.customHTML)) {
+ elMarker.innerHTML = w.config.legend.markers.customHTML[i]();
+ } else {
+ elMarker.innerHTML = w.config.legend.markers.customHTML();
+ }
+ }
+
+ Graphics.setAttrs(elMarker, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+
+ if (collapsedSeries || ancillaryCollapsedSeries) {
+ elMarker.classList.add('inactive-legend');
+ }
+
+ var elLegend = document.createElement('div');
+ var elLegendText = document.createElement('span');
+ elLegendText.classList.add('apexcharts-legend-text');
+ elLegendText.innerHTML = text;
+ var textColor = w.config.legend.labels.useSeriesColors ? w.globals.colors[i] : w.config.legend.labels.colors;
+
+ if (!textColor) {
+ textColor = w.config.chart.foreColor;
+ }
+
+ elLegendText.style.color = textColor;
+ elLegendText.style.fontSize = parseFloat(w.config.legend.fontSize) + 'px';
+ elLegendText.style.fontFamily = fontFamily || w.config.chart.fontFamily;
+ Graphics.setAttrs(elLegendText, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+ elLegend.appendChild(elMarker);
+ elLegend.appendChild(elLegendText);
+ var coreUtils = new CoreUtils(this.ctx);
+
+ if (!w.config.legend.showForZeroSeries) {
+ var total = coreUtils.getSeriesTotalByIndex(i);
+
+ if (total === 0 && coreUtils.seriesHaveSameValues(i) && !coreUtils.isSeriesNull(i) && w.globals.collapsedSeriesIndices.indexOf(i) === -1 && w.globals.ancillaryCollapsedSeriesIndices.indexOf(i) === -1) {
+ elLegend.classList.add('apexcharts-hidden-zero-series');
+ }
+ }
+
+ if (!w.config.legend.showForNullSeries) {
+ if (coreUtils.isSeriesNull(i) && w.globals.collapsedSeriesIndices.indexOf(i) === -1 && w.globals.ancillaryCollapsedSeriesIndices.indexOf(i) === -1) {
+ elLegend.classList.add('apexcharts-hidden-null-series');
+ }
+ }
+
+ w.globals.dom.elLegendWrap.appendChild(elLegend);
+ w.globals.dom.elLegendWrap.classList.add(w.config.legend.horizontalAlign); // w.globals.dom.elLegendWrap.classList.add(w.config.legend.verticalAlign)
+
+ w.globals.dom.elLegendWrap.classList.add('position-' + w.config.legend.position);
+ elLegend.classList.add('apexcharts-legend-series');
+ elLegend.style.margin = "".concat(w.config.legend.itemMargin.horizontal, "px ").concat(w.config.legend.itemMargin.vertical, "px");
+ w.globals.dom.elLegendWrap.style.width = w.config.legend.width ? w.config.legend.width + 'px' : '';
+ w.globals.dom.elLegendWrap.style.height = w.config.legend.height ? w.config.legend.height + 'px' : '';
+ Graphics.setAttrs(elLegend, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+
+ if (collapsedSeries || ancillaryCollapsedSeries) {
+ elLegend.classList.add('inactive-legend');
+ }
+
+ if (!w.config.legend.onItemClick.toggleDataSeries) {
+ elLegend.classList.add('no-click');
+ }
+ } // for now - just prevent click on heatmap legend - and allow hover only
+
+
+ var clickAllowed = w.config.chart.type !== 'heatmap';
+
+ if (clickAllowed && w.config.legend.onItemClick.toggleDataSeries) {
+ w.globals.dom.elWrap.addEventListener('click', self.onLegendClick, true);
+ }
+
+ if (w.config.legend.onItemHover.highlightDataSeries) {
+ w.globals.dom.elWrap.addEventListener('mousemove', self.onLegendHovered, true);
+ w.globals.dom.elWrap.addEventListener('mouseout', self.onLegendHovered, true);
+ }
+ }
+ }, {
+ key: "getLegendBBox",
+ value: function getLegendBBox() {
+ var w = this.w;
+ var currLegendsWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var currLegendsWrapRect = currLegendsWrap.getBoundingClientRect();
+ var currLegendsWrapWidth = currLegendsWrapRect.width;
+ var currLegendsWrapHeight = currLegendsWrapRect.height;
+ return {
+ clwh: currLegendsWrapHeight,
+ clww: currLegendsWrapWidth
+ };
+ }
+ }, {
+ key: "setLegendWrapXY",
+ value: function setLegendWrapXY(offsetX, offsetY) {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var legendRect = elLegendWrap.getBoundingClientRect();
+ var x = 0;
+ var y = 0;
+
+ if (w.config.legend.position === 'bottom') {
+ y = y + (w.globals.svgHeight - legendRect.height / 2);
+ } else if (w.config.legend.position === 'top') {
+ var dim = new Dimensions(this.ctx);
+ var titleH = dim.getTitleSubtitleCoords('title').height;
+ var subtitleH = dim.getTitleSubtitleCoords('subtitle').height;
+ y = y + (titleH > 0 ? titleH - 10 : 0) + (subtitleH > 0 ? subtitleH - 10 : 0);
+ }
+
+ elLegendWrap.style.position = 'absolute';
+ x = x + offsetX + w.config.legend.offsetX;
+ y = y + offsetY + w.config.legend.offsetY;
+ elLegendWrap.style.left = x + 'px';
+ elLegendWrap.style.top = y + 'px';
+
+ if (w.config.legend.position === 'bottom') {
+ elLegendWrap.style.top = 'auto';
+ elLegendWrap.style.bottom = 10 + w.config.legend.offsetY + 'px';
+ } else if (w.config.legend.position === 'right') {
+ elLegendWrap.style.left = 'auto';
+ elLegendWrap.style.right = 25 + w.config.legend.offsetX + 'px';
+ }
+
+ if (elLegendWrap.style.width) {
+ elLegendWrap.style.width = parseInt(w.config.legend.width) + 'px';
+ }
+
+ if (elLegendWrap.style.height) {
+ elLegendWrap.style.height = parseInt(w.config.legend.height) + 'px';
+ }
+ }
+ }, {
+ key: "legendAlignHorizontal",
+ value: function legendAlignHorizontal() {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ elLegendWrap.style.right = 0;
+ var lRect = this.getLegendBBox();
+ var dimensions = new Dimensions(this.ctx);
+ var titleRect = dimensions.getTitleSubtitleCoords('title');
+ var subtitleRect = dimensions.getTitleSubtitleCoords('subtitle');
+ var offsetX = 20;
+ var offsetY = 0; // the whole legend box is set to bottom
+
+ if (w.config.legend.position === 'bottom') {
+ offsetY = -lRect.clwh / 1.8;
+ } else if (w.config.legend.position === 'top') {
+ offsetY = titleRect.height + subtitleRect.height + w.config.title.margin + w.config.subtitle.margin - 15;
+ }
+
+ this.setLegendWrapXY(offsetX, offsetY);
+ }
+ }, {
+ key: "legendAlignVertical",
+ value: function legendAlignVertical() {
+ var w = this.w;
+ var lRect = this.getLegendBBox();
+ var offsetY = 20;
+ var offsetX = 0;
+
+ if (w.config.legend.position === 'left') {
+ offsetX = 20;
+ }
+
+ if (w.config.legend.position === 'right') {
+ offsetX = w.globals.svgWidth - lRect.clww - 10;
+ }
+
+ this.setLegendWrapXY(offsetX, offsetY);
+ }
+ }, {
+ key: "onLegendHovered",
+ value: function onLegendHovered(e) {
+ var w = this.w;
+ var hoverOverLegend = e.target.classList.contains('apexcharts-legend-text') || e.target.classList.contains('apexcharts-legend-marker');
+
+ if (w.config.chart.type !== 'heatmap') {
+ if (!e.target.classList.contains('inactive-legend') && hoverOverLegend) {
+ var series = new Series(this.ctx);
+ series.toggleSeriesOnHover(e, e.target);
+ }
+ } else {
+ // for heatmap handling
+ if (hoverOverLegend) {
+ var seriesCnt = parseInt(e.target.getAttribute('rel')) - 1;
+ this.ctx.fireEvent('legendHover', [this.ctx, seriesCnt, this.w]);
+
+ var _series = new Series(this.ctx);
+
+ _series.highlightRangeInSeries(e, e.target);
+ }
+ }
+ }
+ }, {
+ key: "onLegendClick",
+ value: function onLegendClick(e) {
+ if (e.target.classList.contains('apexcharts-legend-text') || e.target.classList.contains('apexcharts-legend-marker')) {
+ var seriesCnt = parseInt(e.target.getAttribute('rel')) - 1;
+ var isHidden = e.target.getAttribute('data:collapsed') === 'true';
+ var legendClick = this.w.config.chart.events.legendClick;
+
+ if (typeof legendClick === 'function') {
+ legendClick(this.ctx, seriesCnt, this.w);
+ }
+
+ this.ctx.fireEvent('legendClick', [this.ctx, seriesCnt, this.w]);
+ var markerClick = this.w.config.legend.markers.onClick;
+
+ if (typeof markerClick === 'function' && e.target.classList.contains('apexcharts-legend-marker')) {
+ markerClick(this.ctx, seriesCnt, this.w);
+ this.ctx.fireEvent('legendMarkerClick', [this.ctx, seriesCnt, this.w]);
+ }
+
+ this.toggleDataSeries(seriesCnt, isHidden);
+ }
+ }
+ }, {
+ key: "getLegendStyles",
+ value: function getLegendStyles() {
+ var stylesheet = document.createElement('style');
+ stylesheet.setAttribute('type', 'text/css');
+ var text = "\n \n .apexcharts-legend {\n display: flex;\n overflow: auto;\n padding: 0 10px;\n }\n\n .apexcharts-legend.position-bottom, .apexcharts-legend.position-top {\n flex-wrap: wrap\n }\n .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n flex-direction: column;\n bottom: 0;\n }\n\n .apexcharts-legend.position-bottom.left, .apexcharts-legend.position-top.left, .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n justify-content: flex-start;\n }\n\n .apexcharts-legend.position-bottom.center, .apexcharts-legend.position-top.center {\n justify-content: center; \n }\n\n .apexcharts-legend.position-bottom.right, .apexcharts-legend.position-top.right {\n justify-content: flex-end;\n }\n\n .apexcharts-legend-series {\n cursor: pointer;\n line-height: normal;\n }\n\n .apexcharts-legend.position-bottom .apexcharts-legend-series, .apexcharts-legend.position-top .apexcharts-legend-series{\n display: flex;\n align-items: center;\n }\n\n .apexcharts-legend-text {\n position: relative;\n font-size: 14px;\n }\n\n .apexcharts-legend-text *, .apexcharts-legend-marker * {\n pointer-events: none;\n }\n\n .apexcharts-legend-marker {\n position: relative;\n display: inline-block;\n cursor: pointer;\n margin-right: 3px;\n }\n \n .apexcharts-legend.right .apexcharts-legend-series, .apexcharts-legend.left .apexcharts-legend-series{\n display: inline-block;\n }\n\n .apexcharts-legend-series.no-click {\n cursor: auto;\n }\n\n .apexcharts-legend .apexcharts-hidden-zero-series, .apexcharts-legend .apexcharts-hidden-null-series {\n display: none !important;\n }\n\n .inactive-legend {\n opacity: 0.45;\n }";
+ var rules = document.createTextNode(text);
+ stylesheet.appendChild(rules);
+ return stylesheet;
+ }
+ }, {
+ key: "resetToggleDataSeries",
+ value: function resetToggleDataSeries() {
+ var w = this.w;
+ var seriesEls = null;
+ var realIndexes = [];
+
+ if (w.globals.axisCharts) {
+ seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:realIndex]");
+ seriesEls.forEach(function (v) {
+ realIndexes.push(parseInt(v.getAttribute('data:realIndex')));
+ });
+ } else {
+ seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[rel]");
+ seriesEls.forEach(function (v) {
+ realIndexes.push(parseInt(v.getAttribute('rel')) - 1);
+ });
+ }
+
+ realIndexes.sort();
+
+ if (w.globals.collapsedSeries.length > 0) {
+ var risingSeries = w.globals.risingSeries.slice();
+ var series = w.config.series.slice();
+
+ for (var c = 0; c < w.globals.collapsedSeries.length; c++) {
+ var index = realIndexes.indexOf(w.globals.collapsedSeries[c].index);
+
+ if (index !== -1) {
+ if (w.globals.axisCharts) {
+ series[index].data = w.globals.collapsedSeries.slice()[c].data.slice();
+ } else {
+ series[index] = w.globals.collapsedSeries.slice()[c].data;
+ }
+
+ risingSeries.push(index);
+ }
+ }
+
+ w.globals.collapsedSeries = [];
+ w.globals.ancillaryCollapsedSeries = [];
+ w.globals.collapsedSeriesIndices = [];
+ w.globals.ancillaryCollapsedSeriesIndices = [];
+ w.globals.risingSeries = risingSeries;
+ w.config.series = series;
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ }
+ }, {
+ key: "toggleDataSeries",
+ value: function toggleDataSeries(seriesCnt, isHidden) {
+ var w = this.w;
+
+ if (w.globals.axisCharts || w.config.chart.type === 'radialBar') {
+ w.globals.resized = true; // we don't want initial animations again
+
+ var seriesEl = null;
+ var realIndex = null; // yes, make it null. 1 series will rise at a time
+
+ w.globals.risingSeries = [];
+
+ if (w.globals.axisCharts) {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesCnt, "']"));
+ realIndex = parseInt(seriesEl.getAttribute('data:realIndex'));
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "']"));
+ realIndex = parseInt(seriesEl.getAttribute('rel')) - 1;
+ }
+
+ if (isHidden) {
+ this.riseCollapsedSeries(w.globals.collapsedSeries, w.globals.collapsedSeriesIndices, realIndex);
+ this.riseCollapsedSeries(w.globals.ancillaryCollapsedSeries, w.globals.ancillaryCollapsedSeriesIndices, realIndex);
+ } else {
+ if (w.globals.axisCharts) {
+ var shouldNotHideYAxis = false;
+
+ if (w.config.yaxis[realIndex] && w.config.yaxis[realIndex].show && w.config.yaxis[realIndex].showAlways) {
+ shouldNotHideYAxis = true;
+
+ if (w.globals.ancillaryCollapsedSeriesIndices.indexOf(realIndex) < 0) {
+ w.globals.ancillaryCollapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex].data.slice(),
+ type: seriesEl.parentNode.className.baseVal.split('-')[1]
+ });
+ w.globals.ancillaryCollapsedSeriesIndices.push(realIndex);
+ }
+ }
+
+ if (!shouldNotHideYAxis) {
+ w.globals.collapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex].data.slice(),
+ type: seriesEl.parentNode.className.baseVal.split('-')[1]
+ });
+ w.globals.collapsedSeriesIndices.push(realIndex);
+ var removeIndexOfRising = w.globals.risingSeries.indexOf(realIndex);
+ w.globals.risingSeries.splice(removeIndexOfRising, 1);
+ } // TODO: AVOID mutating the user's config object below
+
+
+ w.config.series[realIndex].data = [];
+ } else {
+ w.globals.collapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex]
+ });
+ w.globals.collapsedSeriesIndices.push(realIndex);
+ w.config.series[realIndex] = 0;
+ }
+
+ var seriesChildren = seriesEl.childNodes;
+
+ for (var sc = 0; sc < seriesChildren.length; sc++) {
+ if (seriesChildren[sc].classList.contains('apexcharts-series-markers-wrap')) {
+ if (seriesChildren[sc].classList.contains('apexcharts-hide')) {
+ seriesChildren[sc].classList.remove('apexcharts-hide');
+ } else {
+ seriesChildren[sc].classList.add('apexcharts-hide');
+ }
+ }
+ }
+
+ w.globals.allSeriesCollapsed = w.globals.collapsedSeries.length === w.globals.series.length;
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ } else {
+ // for non-axis charts i.e pie / donuts
+ var _seriesEl = w.globals.dom.Paper.select(" .apexcharts-series[rel='".concat(seriesCnt + 1, "'] path"));
+
+ _seriesEl.fire('click');
+ }
+ }
+ }, {
+ key: "riseCollapsedSeries",
+ value: function riseCollapsedSeries(series, seriesIndices, realIndex) {
+ var w = this.w;
+
+ if (series.length > 0) {
+ for (var c = 0; c < series.length; c++) {
+ if (series[c].index === realIndex) {
+ if (w.globals.axisCharts) {
+ w.config.series[realIndex].data = series[c].data.slice();
+ series.splice(c, 1);
+ seriesIndices.splice(c, 1);
+ w.globals.risingSeries.push(realIndex);
+ } else {
+ w.config.series[realIndex] = series[c].data;
+ series.splice(c, 1);
+ seriesIndices.splice(c, 1);
+ w.globals.risingSeries.push(realIndex);
+ }
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ }
+ }
+ }
+ }]);
+
+ return Legend;
+}();
+
+/**
+ * ApexCharts Responsive Class to override options for different screen sizes.
+ *
+ * @module Responsive
+ **/
+
+var Responsive =
+/*#__PURE__*/
+function () {
+ function Responsive(ctx) {
+ _classCallCheck(this, Responsive);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // the opts parameter if not null has to be set overriding everything
+ // as the opts is set by user externally
+
+
+ _createClass(Responsive, [{
+ key: "checkResponsiveConfig",
+ value: function checkResponsiveConfig(opts) {
+ var _this = this;
+
+ var w = this.w;
+ var cnf = w.config; // check if responsive config exists
+
+ if (cnf.responsive.length === 0) return;
+ var res = cnf.responsive.slice();
+ res.sort(function (a, b) {
+ return a.breakpoint > b.breakpoint ? 1 : b.breakpoint > a.breakpoint ? -1 : 0;
+ }).reverse();
+ var config = new Config({});
+
+ var iterateResponsiveOptions = function iterateResponsiveOptions() {
+ var newOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+ var largestBreakpoint = res[0].breakpoint;
+ var width = window.innerWidth > 0 ? window.innerWidth : screen.width;
+
+ if (width > largestBreakpoint) {
+ var options = CoreUtils.extendArrayProps(config, w.globals.initialConfig);
+ newOptions = Utils.extend(options, newOptions);
+ newOptions = Utils.extend(w.config, newOptions);
+
+ _this.overrideResponsiveOptions(newOptions);
+ } else {
+ for (var i = 0; i < res.length; i++) {
+ if (width < res[i].breakpoint) {
+ newOptions = Utils.extend(config, newOptions);
+ newOptions = CoreUtils.extendArrayProps(newOptions, res[i].options);
+ newOptions = Utils.extend(w.config, newOptions);
+
+ _this.overrideResponsiveOptions(newOptions);
+ }
+ }
+ }
+ };
+
+ if (opts) {
+ var options = CoreUtils.extendArrayProps(config, opts);
+ options = Utils.extend(w.config, options);
+ options = Utils.extend(options, opts);
+ iterateResponsiveOptions(options);
+ } else {
+ iterateResponsiveOptions({});
+ }
+ }
+ }, {
+ key: "overrideResponsiveOptions",
+ value: function overrideResponsiveOptions(newOptions) {
+ var newConfig = new Config(newOptions).init();
+ this.w.config = newConfig;
+ }
+ }]);
+
+ return Responsive;
+}();
+
+/**
+ * ApexCharts Theme Class for setting the colors and palettes.
+ *
+ * @module Theme
+ **/
+
+var Theme =
+/*#__PURE__*/
+function () {
+ function Theme(ctx) {
+ _classCallCheck(this, Theme);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.colors = [];
+ }
+
+ _createClass(Theme, [{
+ key: "init",
+ value: function init() {
+ this.setDefaultColors();
+ }
+ }, {
+ key: "setDefaultColors",
+ value: function setDefaultColors() {
+ var w = this.w;
+ var utils = new Utils();
+
+ if (w.config.colors === undefined) {
+ w.globals.colors = this.predefined();
+ } else {
+ w.globals.colors = w.config.colors;
+ }
+
+ if (w.config.theme.monochrome.enabled) {
+ var monoArr = [];
+ var glsCnt = w.globals.series.length;
+
+ if (w.config.plotOptions.bar.distributed && w.config.chart.type === 'bar') {
+ glsCnt = w.globals.series[0].length * w.globals.series.length;
+ }
+
+ var mainColor = w.config.theme.monochrome.color;
+ var part = 1 / (glsCnt / w.config.theme.monochrome.shadeIntensity);
+ var shade = w.config.theme.monochrome.shadeTo;
+ var percent = 0;
+
+ for (var gsl = 0; gsl < glsCnt; gsl++) {
+ var newColor = void 0;
+
+ if (shade === 'dark') {
+ newColor = utils.shadeColor(percent * -1, mainColor);
+ percent = percent + part;
+ } else {
+ newColor = utils.shadeColor(percent, mainColor);
+ percent = percent + part;
+ }
+
+ monoArr.push(newColor);
+ }
+
+ w.globals.colors = monoArr.slice();
+ }
+
+ var defaultColors = w.globals.colors.slice(); // if user specfied less colors than no. of series, push the same colors again
+
+ this.pushExtraColors(w.globals.colors); // The Border colors
+
+ if (w.config.stroke.colors === undefined) {
+ w.globals.stroke.colors = defaultColors;
+ } else {
+ w.globals.stroke.colors = w.config.stroke.colors;
+ }
+
+ this.pushExtraColors(w.globals.stroke.colors); // The FILL colors
+
+ if (w.config.fill.colors === undefined) {
+ w.globals.fill.colors = defaultColors;
+ } else {
+ w.globals.fill.colors = w.config.fill.colors;
+ }
+
+ this.pushExtraColors(w.globals.fill.colors);
+
+ if (w.config.dataLabels.style.colors === undefined) {
+ w.globals.dataLabels.style.colors = defaultColors;
+ } else {
+ w.globals.dataLabels.style.colors = w.config.dataLabels.style.colors;
+ }
+
+ this.pushExtraColors(w.globals.dataLabels.style.colors, 50);
+
+ if (w.config.plotOptions.radar.polygons.fill.colors === undefined) {
+ w.globals.radarPolygons.fill.colors = ['#fff'];
+ } else {
+ w.globals.radarPolygons.fill.colors = w.config.plotOptions.radar.polygons.fill.colors;
+ }
+
+ this.pushExtraColors(w.globals.radarPolygons.fill.colors, 20); // The point colors
+
+ if (w.config.markers.colors === undefined) {
+ w.globals.markers.colors = defaultColors;
+ } else {
+ w.globals.markers.colors = w.config.markers.colors;
+ }
+
+ this.pushExtraColors(w.globals.markers.colors);
+ } // When the number of colors provided is less than the number of series, this method
+ // will push same colors to the list
+ // params:
+ // distributed is only valid for distributed column/bar charts
+
+ }, {
+ key: "pushExtraColors",
+ value: function pushExtraColors(colorSeries, length) {
+ var distributed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var w = this.w;
+ var len = length || w.globals.series.length;
+
+ if (distributed === null) {
+ distributed = w.config.chart.type === 'bar' && w.config.plotOptions.bar.distributed || w.config.chart.type === 'heatmap' && w.config.plotOptions.heatmap.colorScale.inverse;
+ }
+
+ if (distributed) {
+ len = w.globals.series[0].length * w.globals.series.length;
+ }
+
+ if (colorSeries.length < len) {
+ var diff = len - colorSeries.length;
+
+ for (var i = 0; i < diff; i++) {
+ colorSeries.push(colorSeries[i]);
+ }
+ }
+ }
+ }, {
+ key: "predefined",
+ value: function predefined() {
+ var palette = this.w.config.theme.palette; // D6E3F8, FCEFEF, DCE0D9, A5978B, EDDDD4, D6E3F8, FEF5EF
+
+ switch (palette) {
+ case 'palette1':
+ this.colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0'];
+ break;
+
+ case 'palette2':
+ this.colors = ['#3f51b5', '#03a9f4', '#4caf50', '#f9ce1d', '#FF9800'];
+ break;
+
+ case 'palette3':
+ this.colors = ['#33b2df', '#546E7A', '#d4526e', '#13d8aa', '#A5978B'];
+ break;
+
+ case 'palette4':
+ this.colors = ['#546E7A', '#4ecdc4', '#c7f464', '#81D4FA', '#fd6a6a'];
+ break;
+
+ case 'palette5':
+ this.colors = ['#2b908f', '#f9a3a4', '#90ee7e', '#fa4443', '#69d2e7'];
+ break;
+
+ case 'palette6':
+ this.colors = ['#449DD1', '#F86624', '#EA3546', '#662E9B', '#C5D86D'];
+ break;
+
+ case 'palette7':
+ this.colors = ['#D7263D', '#1B998B', '#2E294E', '#F46036', '#E2C044'];
+ break;
+
+ case 'palette8':
+ this.colors = ['#662E9B', '#F86624', '#F9C80E', '#EA3546', '#43BCCD'];
+ break;
+
+ case 'palette9':
+ this.colors = ['#5C4742', '#A5978B', '#8D5B4C', '#5A2A27', '#C4BBAF'];
+ break;
+
+ case 'palette10':
+ this.colors = ['#A300D6', '#7D02EB', '#5653FE', '#2983FF', '#00B1F2'];
+ break;
+
+ default:
+ this.colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0'];
+ break;
+ }
+
+ return this.colors;
+ }
+ }]);
+
+ return Theme;
+}();
+
+var Utils$1 =
+/*#__PURE__*/
+function () {
+ function Utils(tooltipContext) {
+ _classCallCheck(this, Utils);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ }
+ /**
+ ** When hovering over series, you need to capture which series is being hovered on.
+ ** This function will return both capturedseries index as well as inner index of that series
+ * @memberof Utils
+ * @param {object}
+ * - hoverArea = the rect on which user hovers
+ * - elGrid = dimensions of the hover rect (it can be different than hoverarea)
+ */
+
+
+ _createClass(Utils, [{
+ key: "getNearestValues",
+ value: function getNearestValues(_ref) {
+ var hoverArea = _ref.hoverArea,
+ elGrid = _ref.elGrid,
+ clientX = _ref.clientX,
+ clientY = _ref.clientY,
+ hasBars = _ref.hasBars;
+ var w = this.w;
+ var hoverWidth = w.globals.gridWidth;
+ var xDivisor = hoverWidth / (w.globals.dataPoints - 1);
+ var seriesBound = elGrid.getBoundingClientRect();
+
+ if (hasBars && w.globals.comboCharts || hasBars) {
+ xDivisor = hoverWidth / w.globals.dataPoints;
+ }
+
+ var hoverX = clientX - seriesBound.left;
+ var hoverY = clientY - seriesBound.top;
+ var inRect = hoverX < 0 || hoverY < 0 || hoverX > w.globals.gridWidth || hoverY > w.globals.gridHeight;
+
+ if (inRect) {
+ hoverArea.classList.remove('hovering-zoom');
+ hoverArea.classList.remove('hovering-pan');
+ } else {
+ if (w.globals.zoomEnabled) {
+ hoverArea.classList.remove('hovering-pan');
+ hoverArea.classList.add('hovering-zoom');
+ } else if (w.globals.panEnabled) {
+ hoverArea.classList.remove('hovering-zoom');
+ hoverArea.classList.add('hovering-pan');
+ }
+ }
+
+ var j = Math.round(hoverX / xDivisor);
+
+ if (hasBars) {
+ j = Math.ceil(hoverX / xDivisor);
+ j = j - 1;
+ }
+
+ var capturedSeries = null;
+ var closest = null;
+ var seriesXValArr = [];
+ var seriesYValArr = [];
+
+ for (var s = 0; s < w.globals.seriesXvalues.length; s++) {
+ seriesXValArr.push([w.globals.seriesXvalues[s][0] - 0.000001].concat(w.globals.seriesXvalues[s]));
+ }
+
+ seriesXValArr = seriesXValArr.map(function (seriesXVal) {
+ return seriesXVal.filter(function (s) {
+ return s;
+ });
+ });
+ seriesYValArr = w.globals.seriesYvalues.map(function (seriesYVal) {
+ return seriesYVal.filter(function (s) {
+ return s;
+ });
+ }); // if X axis type is not category and tooltip is not shared, then we need to find the cursor position and get the nearest value
+
+ if (w.globals.isXNumeric) {
+ closest = this.closestInMultiArray(hoverX, hoverY, seriesXValArr, seriesYValArr);
+ capturedSeries = closest.index;
+ j = closest.j;
+
+ if (capturedSeries !== null) {
+ // initial push, it should be a little smaller than the 1st val
+ seriesXValArr = w.globals.seriesXvalues[capturedSeries];
+ closest = this.closestInArray(hoverX, seriesXValArr);
+ j = closest.index;
+ }
+ }
+
+ if (!j || j < 1) j = 0;
+ return {
+ capturedSeries: capturedSeries,
+ j: j,
+ hoverX: hoverX,
+ hoverY: hoverY
+ };
+ }
+ }, {
+ key: "closestInMultiArray",
+ value: function closestInMultiArray(hoverX, hoverY, Xarrays, Yarrays) {
+ var w = this.w;
+ var activeIndex = 0;
+ var currIndex = null;
+ var j = -1;
+
+ if (w.globals.series.length > 1) {
+ activeIndex = this.getFirstActiveXArray(Xarrays);
+ } else {
+ currIndex = 0;
+ }
+
+ var currY = Yarrays[activeIndex][0];
+ var currX = Xarrays[activeIndex][0];
+ var diffX = Math.abs(hoverX - currX);
+ var diffY = Math.abs(hoverY - currY);
+ var diff = diffY + diffX;
+ Yarrays.map(function (arrY, arrIndex) {
+ arrY.map(function (y, innerKey) {
+ var newdiffY = Math.abs(hoverY - Yarrays[arrIndex][innerKey]);
+ var newdiffX = Math.abs(hoverX - Xarrays[arrIndex][innerKey]);
+ var newdiff = newdiffX + newdiffY;
+
+ if (newdiff < diff) {
+ diff = newdiff;
+ diffX = newdiffX;
+ diffY = newdiffY;
+ currIndex = arrIndex;
+ j = innerKey;
+ }
+ });
+ });
+ return {
+ index: currIndex,
+ j: j
+ };
+ }
+ }, {
+ key: "getFirstActiveXArray",
+ value: function getFirstActiveXArray(Xarrays) {
+ var activeIndex = 0;
+ var coreUtils = new CoreUtils(this.ctx);
+ var firstActiveSeriesIndex = Xarrays.map(function (xarr, index) {
+ if (xarr.length > 0) {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ var total = coreUtils.getSeriesTotalByIndex(a);
+
+ if (firstActiveSeriesIndex[a] !== -1 && total !== 0 && !coreUtils.seriesHaveSameValues(a)) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "closestInArray",
+ value: function closestInArray(val, arr) {
+ var curr = arr[0];
+ var currIndex = null;
+ var diff = Math.abs(val - curr);
+
+ for (var i = 0; i < arr.length; i++) {
+ var newdiff = Math.abs(val - arr[i]);
+
+ if (newdiff < diff) {
+ diff = newdiff;
+ curr = arr[i];
+ currIndex = i;
+ }
+ }
+
+ return {
+ index: currIndex
+ };
+ }
+ /**
+ * When there are multiple series, it is possible to have different x values for each series.
+ * But it may be possible in those multiple series, that there is same x value for 2 or more
+ * series.
+ * @memberof Utils
+ * @param {int}
+ * - j = is the inner index of series -> (series[i][j])
+ * @return {bool}
+ */
+
+ }, {
+ key: "isXoverlap",
+ value: function isXoverlap(j) {
+ var w = this.w;
+ var xSameForAllSeriesJArr = [];
+ var seriesX = w.globals.seriesX.filter(function (s) {
+ return typeof s[0] !== 'undefined';
+ });
+
+ if (seriesX.length > 0) {
+ for (var i = 0; i < seriesX.length - 1; i++) {
+ if (typeof seriesX[i][j] !== 'undefined' && typeof seriesX[i + 1][j] !== 'undefined') {
+ if (seriesX[i][j] !== seriesX[i + 1][j]) {
+ xSameForAllSeriesJArr.push('unEqual');
+ }
+ }
+ }
+ }
+
+ if (xSameForAllSeriesJArr.length === 0) {
+ return true;
+ }
+
+ return false;
+ }
+ }, {
+ key: "isinitialSeriesSameLen",
+ value: function isinitialSeriesSameLen() {
+ var sameLen = true;
+ var initialSeries = this.w.globals.initialSeries;
+
+ for (var i = 0; i < initialSeries.length - 1; i++) {
+ if (initialSeries[i].data.length !== initialSeries[i + 1].data.length) {
+ sameLen = false;
+ break;
+ }
+ }
+
+ return sameLen;
+ }
+ }, {
+ key: "getBarsHeight",
+ value: function getBarsHeight(allbars) {
+ var bars = _toConsumableArray(allbars);
+
+ var totalHeight = bars.reduce(function (acc, bar) {
+ return acc + bar.getBBox().height;
+ }, 0);
+ return totalHeight;
+ }
+ }, {
+ key: "toggleAllTooltipSeriesGroups",
+ value: function toggleAllTooltipSeriesGroups(state) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.allTooltipSeriesGroups.length === 0) {
+ ttCtx.allTooltipSeriesGroups = w.globals.dom.baseEl.querySelectorAll('.apexcharts-tooltip-series-group');
+ }
+
+ var allTooltipSeriesGroups = ttCtx.allTooltipSeriesGroups;
+
+ for (var i = 0; i < allTooltipSeriesGroups.length; i++) {
+ if (state === 'enable') {
+ allTooltipSeriesGroups[i].classList.add('active');
+ allTooltipSeriesGroups[i].style.display = w.config.tooltip.items.display;
+ } else {
+ allTooltipSeriesGroups[i].classList.remove('active');
+ allTooltipSeriesGroups[i].style.display = 'none';
+ }
+ }
+ }
+ }]);
+
+ return Utils;
+}();
+
+/**
+ * ApexCharts Tooltip.Labels Class to draw texts on the tooltip.
+ *
+ * @module Tooltip.Labels
+ **/
+
+var Labels =
+/*#__PURE__*/
+function () {
+ function Labels(tooltipContext) {
+ _classCallCheck(this, Labels);
+
+ this.w = tooltipContext.w;
+ this.ctx = tooltipContext.ctx;
+ this.ttCtx = tooltipContext;
+ this.tooltipUtil = new Utils$1(tooltipContext);
+ }
+
+ _createClass(Labels, [{
+ key: "drawSeriesTexts",
+ value: function drawSeriesTexts(_ref) {
+ var _ref$shared = _ref.shared,
+ shared = _ref$shared === void 0 ? true : _ref$shared,
+ ttItems = _ref.ttItems,
+ _ref$i = _ref.i,
+ i = _ref$i === void 0 ? 0 : _ref$i,
+ _ref$j = _ref.j,
+ j = _ref$j === void 0 ? null : _ref$j;
+ var w = this.w;
+
+ if (w.config.tooltip.custom !== undefined) {
+ this.handleCustomTooltip({
+ i: i,
+ j: j
+ });
+ } else {
+ this.toggleActiveInactiveSeries(shared);
+ }
+
+ var values = this.getValuesToPrint({
+ i: i,
+ j: j
+ });
+ this.printLabels({
+ i: i,
+ j: j,
+ values: values,
+ ttItems: ttItems,
+ shared: shared
+ }); // Re-calculate tooltip dimensions now that we have drawn the text
+
+ var tooltipEl = this.ttCtx.getElTooltip();
+ this.ttCtx.tooltipRect.ttWidth = tooltipEl.getBoundingClientRect().width;
+ this.ttCtx.tooltipRect.ttHeight = tooltipEl.getBoundingClientRect().height;
+ }
+ }, {
+ key: "printLabels",
+ value: function printLabels(_ref2) {
+ var i = _ref2.i,
+ j = _ref2.j,
+ values = _ref2.values,
+ ttItems = _ref2.ttItems,
+ shared = _ref2.shared;
+ var w = this.w;
+ var val;
+ var xVal = values.xVal,
+ zVal = values.zVal,
+ xAxisTTVal = values.xAxisTTVal;
+ var seriesName = '';
+ var pColor = w.globals.colors[i];
+
+ if (j !== null && w.config.plotOptions.bar.distributed) {
+ pColor = w.globals.colors[j];
+ }
+
+ for (var t = 0, inverset = w.globals.series.length - 1; t < w.globals.series.length; t++, inverset--) {
+ var f = this.getFormatters(i);
+ seriesName = this.getSeriesName({
+ fn: f.yLbTitleFormatter,
+ index: i,
+ seriesIndex: i,
+ j: j
+ });
+
+ if (shared) {
+ var tIndex = w.config.tooltip.inverseOrder ? inverset : t;
+ f = this.getFormatters(tIndex);
+ seriesName = this.getSeriesName({
+ fn: f.yLbTitleFormatter,
+ index: tIndex,
+ seriesIndex: i,
+ j: j
+ });
+ pColor = w.globals.colors[tIndex]; // for plot charts, not for pie/donuts
+
+ val = f.yLbFormatter(w.globals.series[tIndex][j], {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }); // discard 0 values in BARS
+
+ if (this.ttCtx.hasBars() && w.config.chart.stacked && w.globals.series[tIndex][j] === 0 || typeof w.globals.series[tIndex][j] === 'undefined') {
+ val = undefined;
+ }
+ } else {
+ val = f.yLbFormatter(w.globals.series[i][j], {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ } // for pie / donuts
+
+
+ if (j === null) {
+ val = f.yLbFormatter(w.globals.series[i], w);
+ }
+
+ this.DOMHandling({
+ t: t,
+ ttItems: ttItems,
+ values: {
+ val: val,
+ xVal: xVal,
+ xAxisTTVal: xAxisTTVal,
+ zVal: zVal
+ },
+ seriesName: seriesName,
+ shared: shared,
+ pColor: pColor
+ });
+ }
+ }
+ }, {
+ key: "getFormatters",
+ value: function getFormatters(i) {
+ var w = this.w;
+ var yLbFormatter = w.globals.yLabelFormatters[i];
+ var yLbTitleFormatter;
+
+ if (w.globals.ttVal !== undefined) {
+ if (Array.isArray(w.globals.ttVal)) {
+ yLbFormatter = w.globals.ttVal[i] && w.globals.ttVal[i].formatter;
+ yLbTitleFormatter = w.globals.ttVal[i] && w.globals.ttVal[i].title && w.globals.ttVal[i].title.formatter;
+ } else {
+ yLbFormatter = w.globals.ttVal.formatter;
+
+ if (typeof w.globals.ttVal.title.formatter === 'function') {
+ yLbTitleFormatter = w.globals.ttVal.title.formatter;
+ }
+ }
+ } else {
+ yLbTitleFormatter = w.config.tooltip.y.title.formatter;
+ }
+
+ if (typeof yLbFormatter !== 'function') {
+ if (w.globals.yLabelFormatters[0]) {
+ yLbFormatter = w.globals.yLabelFormatters[0];
+ } else {
+ yLbFormatter = function yLbFormatter(label) {
+ return label;
+ };
+ }
+ }
+
+ if (typeof yLbTitleFormatter !== 'function') {
+ yLbTitleFormatter = function yLbTitleFormatter(label) {
+ return label;
+ };
+ }
+
+ return {
+ yLbFormatter: yLbFormatter,
+ yLbTitleFormatter: yLbTitleFormatter
+ };
+ }
+ }, {
+ key: "getSeriesName",
+ value: function getSeriesName(_ref3) {
+ var fn = _ref3.fn,
+ index = _ref3.index,
+ seriesIndex = _ref3.seriesIndex,
+ j = _ref3.j;
+ var w = this.w;
+ return fn(String(w.globals.seriesNames[index]), {
+ series: w.globals.series,
+ seriesIndex: seriesIndex,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+ }, {
+ key: "DOMHandling",
+ value: function DOMHandling(_ref4) {
+ var t = _ref4.t,
+ ttItems = _ref4.ttItems,
+ values = _ref4.values,
+ seriesName = _ref4.seriesName,
+ shared = _ref4.shared,
+ pColor = _ref4.pColor;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var val = values.val,
+ xVal = values.xVal,
+ xAxisTTVal = values.xAxisTTVal,
+ zVal = values.zVal;
+ var ttItemsChildren = null;
+ ttItemsChildren = ttItems[t].children;
+
+ if (w.config.tooltip.fillSeriesColor) {
+ // elTooltip.style.backgroundColor = pColor
+ ttItems[t].style.backgroundColor = pColor;
+ ttItemsChildren[0].style.display = 'none';
+ }
+
+ if (ttCtx.showTooltipTitle) {
+ if (ttCtx.tooltipTitle === null) {
+ // get it once if null, and store it in class property
+ ttCtx.tooltipTitle = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip-title');
+ }
+
+ ttCtx.tooltipTitle.innerHTML = xVal;
+ } // if xaxis tooltip is constructed, we need to replace the innerHTML
+
+
+ if (ttCtx.blxaxisTooltip) {
+ ttCtx.xaxisTooltipText.innerHTML = xAxisTTVal !== '' ? xAxisTTVal : xVal;
+ }
+
+ var ttYLabel = ttItems[t].querySelector('.apexcharts-tooltip-text-label');
+
+ if (ttYLabel) {
+ ttYLabel.innerHTML = seriesName ? seriesName + ': ' : '';
+ }
+
+ var ttYVal = ttItems[t].querySelector('.apexcharts-tooltip-text-value');
+
+ if (ttYVal) {
+ ttYVal.innerHTML = val;
+ }
+
+ if (ttItemsChildren[0] && ttItemsChildren[0].classList.contains('apexcharts-tooltip-marker')) {
+ ttItemsChildren[0].style.backgroundColor = pColor;
+ }
+
+ if (!w.config.tooltip.marker.show) {
+ ttItemsChildren[0].style.display = 'none';
+ }
+
+ if (zVal !== null) {
+ var ttZLabel = ttItems[t].querySelector('.apexcharts-tooltip-text-z-label');
+ ttZLabel.innerHTML = w.config.tooltip.z.title;
+ var ttZVal = ttItems[t].querySelector('.apexcharts-tooltip-text-z-value');
+ ttZVal.innerHTML = zVal;
+ }
+
+ if (shared && ttItemsChildren[0]) {
+ // hide when no Val or series collapsed
+ if (typeof val === 'undefined' || val === null || w.globals.collapsedSeriesIndices.indexOf(t) > -1) {
+ ttItemsChildren[0].parentNode.style.display = 'none';
+ } else {
+ ttItemsChildren[0].parentNode.style.display = w.config.tooltip.items.display;
+ }
+ }
+ }
+ }, {
+ key: "toggleActiveInactiveSeries",
+ value: function toggleActiveInactiveSeries(shared) {
+ var w = this.w;
+
+ if (shared) {
+ // make all tooltips active
+ this.tooltipUtil.toggleAllTooltipSeriesGroups('enable');
+ } else {
+ // disable all tooltip text groups
+ this.tooltipUtil.toggleAllTooltipSeriesGroups('disable'); // enable the first tooltip text group
+
+ var firstTooltipSeriesGroup = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip-series-group');
+
+ if (firstTooltipSeriesGroup) {
+ firstTooltipSeriesGroup.classList.add('active');
+ firstTooltipSeriesGroup.style.display = w.config.tooltip.items.display;
+ }
+ }
+ }
+ }, {
+ key: "getValuesToPrint",
+ value: function getValuesToPrint(_ref5) {
+ var i = _ref5.i,
+ j = _ref5.j;
+ var w = this.w;
+ var filteredSeriesX = this.ctx.series.filteredSeriesX();
+ var xVal = '';
+ var xAxisTTVal = '';
+ var zVal = null;
+ var val = null;
+ var customFormatterOpts = {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ };
+ var zFormatter = w.globals.ttZFormatter;
+
+ if (j === null) {
+ val = w.globals.series[i];
+ } else {
+ if (w.globals.isXNumeric) {
+ xVal = filteredSeriesX[i][j];
+
+ if (filteredSeriesX[i].length === 0) {
+ // a series (possibly the first one) might be collapsed, so get the next active index
+ var firstActiveSeriesIndex = this.tooltipUtil.getFirstActiveXArray(filteredSeriesX);
+ xVal = filteredSeriesX[firstActiveSeriesIndex][j];
+ }
+ } else {
+ xVal = typeof w.globals.labels[j] !== 'undefined' ? w.globals.labels[j] : '';
+ }
+ }
+
+ var bufferXVal = xVal;
+
+ if (w.globals.isXNumeric && w.config.xaxis.type === 'datetime') {
+ var xFormat = new Formatters(this.ctx);
+ xVal = xFormat.xLabelFormat(w.globals.ttKeyFormatter, bufferXVal);
+ } else {
+ xVal = w.globals.xLabelFormatter(bufferXVal, customFormatterOpts);
+ } // override default x-axis formatter with tooltip formatter
+
+
+ if (w.config.tooltip.x.formatter !== undefined) {
+ xVal = w.globals.ttKeyFormatter(bufferXVal, customFormatterOpts);
+ }
+
+ if (w.globals.seriesZ.length > 0 && w.globals.seriesZ[0].length > 0) {
+ zVal = zFormatter(w.globals.seriesZ[i][j], w);
+ }
+
+ if (typeof w.config.xaxis.tooltip.formatter === 'function') {
+ xAxisTTVal = w.globals.xaxisTooltipFormatter(bufferXVal, customFormatterOpts);
+ } else {
+ xAxisTTVal = xVal;
+ }
+
+ return {
+ val: val,
+ xVal: xVal,
+ xAxisTTVal: xAxisTTVal,
+ zVal: zVal
+ };
+ }
+ }, {
+ key: "handleCustomTooltip",
+ value: function handleCustomTooltip(_ref6) {
+ var i = _ref6.i,
+ j = _ref6.j;
+ var w = this.w;
+ var tooltipEl = this.ttCtx.getElTooltip(); // override everything with a custom html tooltip and replace it
+
+ tooltipEl.innerHTML = w.config.tooltip.custom({
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+ }]);
+
+ return Labels;
+}();
+
+/**
+ * ApexCharts Tooltip.Position Class to move the tooltip based on x and y position.
+ *
+ * @module Tooltip.Position
+ **/
+
+var Position =
+/*#__PURE__*/
+function () {
+ function Position(tooltipContext) {
+ _classCallCheck(this, Position);
+
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ this.w = tooltipContext.w;
+ }
+ /**
+ * This will move the crosshair (the vertical/horz line that moves along with mouse)
+ * Along with this, this function also calls the xaxisMove function
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move crosshair
+ */
+
+
+ _createClass(Position, [{
+ key: "moveXCrosshairs",
+ value: function moveXCrosshairs(cx) {
+ var j = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+ var xcrosshairs = ttCtx.getElXCrosshairs();
+ var x = cx - ttCtx.xcrosshairsWidth / 2;
+ var tickAmount = w.globals.labels.slice().length;
+
+ if (j !== null) {
+ x = w.globals.gridWidth / tickAmount * j;
+ }
+
+ if (w.config.xaxis.crosshairs.width === 'tickWidth' || w.config.xaxis.crosshairs.width === 'barWidth') {
+ if (x + ttCtx.xcrosshairsWidth > w.globals.gridWidth) {
+ x = w.globals.gridWidth - ttCtx.xcrosshairsWidth;
+ }
+ } else {
+ if (j !== null) {
+ x = x + w.globals.gridWidth / tickAmount / 2;
+ }
+ }
+
+ if (x < 0) {
+ x = 0;
+ }
+
+ if (x > w.globals.gridWidth) {
+ x = w.globals.gridWidth;
+ }
+
+ if (xcrosshairs !== null) {
+ xcrosshairs.setAttribute('x', x);
+ xcrosshairs.setAttribute('x1', x);
+ xcrosshairs.setAttribute('x2', x);
+ xcrosshairs.setAttribute('y2', w.globals.gridHeight);
+ xcrosshairs.classList.add('active');
+ }
+
+ if (ttCtx.blxaxisTooltip) {
+ var tx = x;
+
+ if (w.config.xaxis.crosshairs.width === 'tickWidth' || w.config.xaxis.crosshairs.width === 'barWidth') {
+ tx = x + ttCtx.xcrosshairsWidth / 2;
+ }
+
+ this.moveXAxisTooltip(tx);
+ }
+ }
+ /**
+ * This will move the crosshair (the vertical/horz line that moves along with mouse)
+ * Along with this, this function also calls the xaxisMove function
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move crosshair
+ */
+
+ }, {
+ key: "moveYCrosshairs",
+ value: function moveYCrosshairs(cy) {
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.ycrosshairs !== null) {
+ Graphics.setAttrs(ttCtx.ycrosshairs, {
+ y1: cy,
+ y2: cy
+ });
+ Graphics.setAttrs(ttCtx.ycrosshairsHidden, {
+ y1: cy,
+ y2: cy
+ });
+ }
+ }
+ /**
+ ** AxisTooltip is the small rectangle which appears on x axis with x value, when user moves
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move
+ */
+
+ }, {
+ key: "moveXAxisTooltip",
+ value: function moveXAxisTooltip(cx) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.xaxisTooltip !== null) {
+ ttCtx.xaxisTooltip.classList.add('active');
+ var cy = ttCtx.xaxisOffY + w.config.xaxis.tooltip.offsetY + w.globals.translateY + 1 + w.config.xaxis.offsetY;
+ var xaxisTTText = ttCtx.xaxisTooltip.getBoundingClientRect();
+ var xaxisTTTextWidth = xaxisTTText.width;
+ cx = cx - xaxisTTTextWidth / 2;
+
+ if (!isNaN(cx)) {
+ cx = cx + w.globals.translateX;
+ var textRect = 0;
+ var graphics = new Graphics(this.ctx);
+ textRect = graphics.getTextRects(ttCtx.xaxisTooltipText.innerHTML);
+ ttCtx.xaxisTooltipText.style.minWidth = textRect.width + 'px';
+ ttCtx.xaxisTooltip.style.left = cx + 'px';
+ ttCtx.xaxisTooltip.style.top = cy + 'px';
+ }
+ }
+ }
+ }, {
+ key: "moveYAxisTooltip",
+ value: function moveYAxisTooltip(index) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.yaxisTTEls === null) {
+ ttCtx.yaxisTTEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxistooltip');
+ }
+
+ var ycrosshairsHiddenRectY1 = parseInt(ttCtx.ycrosshairsHidden.getAttribute('y1'));
+ var cy = w.globals.translateY + ycrosshairsHiddenRectY1;
+ var yAxisTTRect = ttCtx.yaxisTTEls[index].getBoundingClientRect();
+ var yAxisTTHeight = yAxisTTRect.height;
+ var cx = w.globals.translateYAxisX[index] - 2;
+
+ if (w.config.yaxis[index].opposite) {
+ cx = cx - 26;
+ }
+
+ cy = cy - yAxisTTHeight / 2;
+
+ if (w.globals.ignoreYAxisIndexes.indexOf(index) === -1) {
+ ttCtx.yaxisTTEls[index].classList.add('active');
+ ttCtx.yaxisTTEls[index].style.top = cy + 'px';
+ ttCtx.yaxisTTEls[index].style.left = cx + w.config.yaxis[index].tooltip.offsetX + 'px';
+ } else {
+ ttCtx.yaxisTTEls[index].classList.remove('active');
+ }
+ }
+ /**
+ ** moves the whole tooltip by changing x, y attrs
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move tooltip
+ * @param {int} - cy = point's y position, wherever point's y is, you need to move tooltip
+ * @param {int} - r = point's radius
+ */
+
+ }, {
+ key: "moveTooltip",
+ value: function moveTooltip(cx, cy) {
+ var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var tooltipEl = ttCtx.getElTooltip();
+ var tooltipRect = ttCtx.tooltipRect;
+ var pointR = r !== null ? parseInt(r) : 1;
+ var x = parseInt(cx) + pointR + 5;
+ var y = parseInt(cy) + pointR / 2; // - tooltipRect.ttHeight / 2
+
+ if (x > w.globals.gridWidth / 2) {
+ x = x - tooltipRect.ttWidth - pointR - 15;
+ }
+
+ if (x > w.globals.gridWidth - tooltipRect.ttWidth - 10) {
+ x = w.globals.gridWidth - tooltipRect.ttWidth;
+ }
+
+ if (x < -20) {
+ x = -20;
+ }
+
+ if (w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top - tooltipRect.ttHeight / 2;
+ }
+
+ var newPositions = this.positionChecks(tooltipRect, x, y);
+ x = newPositions.x;
+ y = newPositions.y;
+
+ if (!isNaN(x)) {
+ x = x + w.globals.translateX;
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ }
+ }
+ }, {
+ key: "positionChecks",
+ value: function positionChecks(tooltipRect, x, y) {
+ var w = this.w;
+
+ if (tooltipRect.ttHeight + y > w.globals.gridHeight) {
+ y = w.globals.gridHeight - tooltipRect.ttHeight + w.globals.translateY;
+ }
+
+ if (y < 0) {
+ y = 0;
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "moveMarkers",
+ value: function moveMarkers(i, j) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (w.globals.markers.size[i] > 0) {
+ var allPoints = w.globals.dom.baseEl.querySelectorAll(" .apexcharts-series[data\\:realIndex='".concat(i, "'] .apexcharts-marker"));
+
+ for (var p = 0; p < allPoints.length; p++) {
+ if (parseInt(allPoints[p].getAttribute('rel')) === j) {
+ ttCtx.marker.resetPointsSize();
+ ttCtx.marker.enlargeCurrentPoint(j, allPoints[p]);
+ }
+ }
+ } else {
+ ttCtx.marker.resetPointsSize();
+ this.moveDynamicPointOnHover(j, i);
+ }
+ } // This function is used when you need to show markers/points only on hover -
+ // DIFFERENT X VALUES in multiple series
+
+ }, {
+ key: "moveDynamicPointOnHover",
+ value: function moveDynamicPointOnHover(j, capturedSeries) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var cx = 0;
+ var cy = 0;
+ var pointsArr = w.globals.pointsArray;
+ var hoverSize = w.config.markers.hover.size;
+
+ if (hoverSize === undefined) {
+ hoverSize = w.globals.markers.size[capturedSeries] + w.config.markers.hover.sizeOffset;
+ }
+
+ cx = pointsArr[capturedSeries][j][0];
+ cy = pointsArr[capturedSeries][j][1] ? pointsArr[capturedSeries][j][1] : 0;
+ var point = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(capturedSeries, "'] .apexcharts-series-markers circle"));
+ point.setAttribute('r', hoverSize);
+ point.setAttribute('cx', cx);
+ point.setAttribute('cy', cy); // point.style.opacity = w.config.markers.hover.opacity
+
+ this.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ this.moveTooltip(cx, cy, hoverSize);
+ }
+ } // This function is used when you need to show markers/points only on hover -
+ // SAME X VALUES in multiple series
+
+ }, {
+ key: "moveDynamicPointsOnHover",
+ value: function moveDynamicPointsOnHover(j) {
+ var ttCtx = this.ttCtx;
+ var w = ttCtx.w;
+ var cx = 0;
+ var cy = 0;
+ var activeSeries = 0;
+ var pointsArr = w.globals.pointsArray;
+ var series = new Series(this.ctx);
+ activeSeries = series.getActiveSeriesIndex();
+ var hoverSize = w.config.markers.hover.size;
+
+ if (hoverSize === undefined) {
+ hoverSize = w.globals.markers.size[activeSeries] + w.config.markers.hover.sizeOffset;
+ }
+
+ if (pointsArr[activeSeries]) {
+ cx = pointsArr[activeSeries][j][0];
+ cy = pointsArr[activeSeries][j][1];
+ }
+
+ var points = null;
+ var allPoints = ttCtx.getAllMarkers();
+
+ if (allPoints !== null) {
+ points = allPoints;
+ } else {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers circle');
+ }
+
+ if (points !== null) {
+ for (var p = 0; p < points.length; p++) {
+ var pointArr = pointsArr[p];
+
+ if (pointArr && pointArr.length) {
+ var pcy = pointsArr[p][j][1];
+ points[p].setAttribute('cx', cx);
+ var realIndex = parseInt(points[p].parentNode.parentNode.parentNode.getAttribute('data:realIndex'));
+
+ if (pcy !== null) {
+ points[realIndex] && points[realIndex].setAttribute('r', hoverSize);
+ points[realIndex] && points[realIndex].setAttribute('cy', pcy);
+ } else {
+ points[realIndex] && points[realIndex].setAttribute('r', 0);
+ }
+ }
+ }
+ }
+
+ this.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ var tcy = cy || w.globals.gridHeight;
+ this.moveTooltip(cx, tcy, hoverSize);
+ }
+ }
+ }, {
+ key: "moveStickyTooltipOverBars",
+ value: function moveStickyTooltipOverBars(j) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var jBar = w.globals.dom.baseEl.querySelector(".apexcharts-bar-series .apexcharts-series[rel='1'] path[j='".concat(j, "'], .apexcharts-candlestick-series .apexcharts-series[rel='1'] path[j='").concat(j, "']"));
+ var bcx = jBar ? parseFloat(jBar.getAttribute('cx')) : 0;
+ var bcy = 0;
+ var bw = jBar ? parseFloat(jBar.getAttribute('barWidth')) : 0;
+
+ if (w.globals.isXNumeric) {
+ bcx = bcx - bw / 2;
+ } else {
+ bcx = ttCtx.xAxisTicksPositions[j - 1] + ttCtx.dataPointsDividedWidth / 2;
+
+ if (isNaN(bcx)) {
+ bcx = ttCtx.xAxisTicksPositions[j] - ttCtx.dataPointsDividedWidth / 2;
+ }
+ } // tooltip will move vertically along with mouse as it is a shared tooltip
+
+
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ bcy = ttCtx.e.clientY - seriesBound.top - ttCtx.tooltipRect.ttHeight / 2;
+ this.moveXCrosshairs(bcx);
+
+ if (!ttCtx.fixedTooltip) {
+ var tcy = bcy || w.globals.gridHeight;
+ this.moveTooltip(bcx, tcy);
+ }
+ }
+ }]);
+
+ return Position;
+}();
+
+/**
+ * ApexCharts Tooltip.Marker Class to draw texts on the tooltip.
+ *
+ * @module Tooltip.Marker
+ **/
+
+var Marker =
+/*#__PURE__*/
+function () {
+ function Marker(tooltipContext) {
+ _classCallCheck(this, Marker);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ this.tooltipPosition = new Position(tooltipContext);
+ }
+
+ _createClass(Marker, [{
+ key: "drawDynamicPoints",
+ value: function drawDynamicPoints() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var marker = new Markers(this.ctx);
+ var elsSeries = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series');
+
+ for (var i = 0; i < elsSeries.length; i++) {
+ var seriesIndex = parseInt(elsSeries[i].getAttribute('data:realIndex'));
+ var pointsMain = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesIndex, "'] .apexcharts-series-markers-wrap"));
+
+ if (pointsMain !== null) {
+ // it can be null as we have tooltips in donut/bar charts
+ var point = void 0;
+ var PointClasses = "apexcharts-marker w".concat((Math.random() + 1).toString(36).substring(4));
+
+ if ((w.config.chart.type === 'line' || w.config.chart.type === 'area') && !w.globals.comboCharts && !w.config.tooltip.intersect) {
+ PointClasses += ' no-pointer-events';
+ }
+
+ var elPointOptions = marker.getMarkerConfig(PointClasses, seriesIndex);
+ point = graphics.drawMarker(0, 0, elPointOptions);
+ point.node.setAttribute('default-marker-size', 0);
+ var elPointsG = document.createElementNS(w.globals.SVGNS, 'g');
+ elPointsG.classList.add('apexcharts-series-markers');
+ elPointsG.appendChild(point.node);
+ pointsMain.appendChild(elPointsG);
+ }
+ }
+ }
+ }, {
+ key: "enlargeCurrentPoint",
+ value: function enlargeCurrentPoint(rel, point) {
+ var w = this.w;
+
+ if (w.config.chart.type !== 'bubble') {
+ this.newPointSize(rel, point);
+ }
+
+ var cx = point.getAttribute('cx');
+ var cy = point.getAttribute('cy');
+ this.tooltipPosition.moveXCrosshairs(cx);
+
+ if (!this.fixedTooltip) {
+ if (w.config.chart.type === 'radar') {
+ var elGrid = this.ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ cx = this.ttCtx.e.clientX - seriesBound.left;
+ }
+
+ this.tooltipPosition.moveTooltip(cx, cy, w.config.markers.hover.size);
+ }
+ }
+ }, {
+ key: "enlargePoints",
+ value: function enlargePoints(j) {
+ var w = this.w;
+ var me = this;
+ var ttCtx = this.ttCtx;
+ var col = j;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker');
+ var newSize = w.config.markers.hover.size;
+
+ for (var p = 0; p < points.length; p++) {
+ var rel = points[p].getAttribute('rel');
+ var index = points[p].getAttribute('index');
+
+ if (newSize === undefined) {
+ newSize = w.globals.markers.size[index] + w.config.markers.hover.sizeOffset;
+ }
+
+ if (col === parseInt(rel)) {
+ me.newPointSize(col, points[p]);
+ var cx = points[p].getAttribute('cx');
+ var cy = points[p].getAttribute('cy');
+ me.tooltipPosition.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ me.tooltipPosition.moveTooltip(cx, cy, newSize);
+ }
+ } else {
+ me.oldPointSize(points[p]);
+ }
+ }
+ }
+ }, {
+ key: "newPointSize",
+ value: function newPointSize(rel, point) {
+ var w = this.w;
+ var newSize = w.config.markers.hover.size;
+ var elPoint = null;
+
+ if (rel === 0) {
+ elPoint = point.parentNode.firstChild;
+ } else {
+ elPoint = point.parentNode.lastChild;
+ }
+
+ var index = parseInt(elPoint.getAttribute('index'));
+
+ if (newSize === undefined) {
+ newSize = w.globals.markers.size[index] + w.config.markers.hover.sizeOffset;
+ }
+
+ elPoint.setAttribute('r', newSize);
+ }
+ }, {
+ key: "oldPointSize",
+ value: function oldPointSize(point) {
+ var size = parseInt(point.getAttribute('default-marker-size'));
+ point.setAttribute('r', size);
+ }
+ }, {
+ key: "resetPointsSize",
+ value: function resetPointsSize() {
+ var w = this.w;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker');
+
+ for (var p = 0; p < points.length; p++) {
+ var size = parseInt(points[p].getAttribute('default-marker-size'));
+
+ if (Utils.isNumber(size)) {
+ points[p].setAttribute('r', size);
+ } else {
+ points[p].setAttribute('r', 0);
+ }
+ }
+ }
+ }]);
+
+ return Marker;
+}();
+
+/**
+ * ApexCharts Tooltip.Intersect Class.
+ *
+ * @module Tooltip.Intersect
+ **/
+
+var Intersect =
+/*#__PURE__*/
+function () {
+ function Intersect(tooltipContext) {
+ _classCallCheck(this, Intersect);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ }
+
+ _createClass(Intersect, [{
+ key: "getAttr",
+ value: function getAttr(e, attr) {
+ return parseFloat(e.target.getAttribute(attr));
+ }
+ }, {
+ key: "handleHeatTooltip",
+ value: function handleHeatTooltip(_ref) {
+ var e = _ref.e,
+ opt = _ref.opt,
+ x = _ref.x,
+ y = _ref.y;
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+
+ if (e.target.classList.contains('apexcharts-heatmap-rect')) {
+ var i = this.getAttr(e, 'i');
+ var j = this.getAttr(e, 'j');
+ var cx = this.getAttr(e, 'cx');
+ var cy = this.getAttr(e, 'cy');
+ var width = this.getAttr(e, 'width');
+ var height = this.getAttr(e, 'height');
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: false
+ });
+ x = cx + ttCtx.tooltipRect.ttWidth / 2 + width;
+ y = cy + ttCtx.tooltipRect.ttHeight / 2 - height / 2;
+ ttCtx.tooltipPosition.moveXCrosshairs(cx + width / 2);
+
+ if (x > w.globals.gridWidth / 2) {
+ x = cx - ttCtx.tooltipRect.ttWidth / 2 + width;
+ }
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect(); // x = ttCtx.e.clientX - seriesBound.left
+
+ y = ttCtx.e.clientY - seriesBound.top + w.globals.translateY / 2 - 10;
+ }
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "handleMarkerTooltip",
+ value: function handleMarkerTooltip(_ref2) {
+ var e = _ref2.e,
+ opt = _ref2.opt,
+ x = _ref2.x,
+ y = _ref2.y;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var i;
+ var j;
+
+ if (e.target.classList.contains('apexcharts-marker')) {
+ var cx = parseInt(opt.paths.getAttribute('cx'));
+ var cy = parseInt(opt.paths.getAttribute('cy'));
+ var val = parseFloat(opt.paths.getAttribute('val'));
+ j = parseInt(opt.paths.getAttribute('rel'));
+ i = parseInt(opt.paths.parentNode.parentNode.parentNode.getAttribute('rel')) - 1;
+
+ if (ttCtx.intersect) {
+ var el = Utils.findAncestor(opt.paths, 'apexcharts-series');
+
+ if (el) {
+ i = parseInt(el.getAttribute('data:realIndex'));
+ }
+ }
+
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: ttCtx.intersect ? false : w.config.tooltip.shared
+ });
+ ttCtx.marker.enlargeCurrentPoint(j, opt.paths);
+ x = cx;
+ y = cy - ttCtx.tooltipRect.ttHeight * 1.4;
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top;
+ }
+
+ if (val < 0) {
+ y = cy;
+ }
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "handleBarTooltip",
+ value: function handleBarTooltip(_ref3) {
+ var e = _ref3.e,
+ opt = _ref3.opt;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var tooltipEl = ttCtx.getElTooltip();
+ var bx = 0;
+ var x = 0;
+ var y = 0; // let bW = 0
+
+ var i = 0;
+ var strokeWidth;
+ var barXY = this.getBarTooltipXY({
+ e: e,
+ opt: opt
+ });
+ i = barXY.i;
+ var barHeight = barXY.barHeight;
+ var j = barXY.j;
+
+ if (ttCtx.isBarHorizontal && ttCtx.hasBars() || !w.config.tooltip.shared) {
+ x = barXY.x;
+ y = barXY.y;
+ strokeWidth = Array.isArray(w.config.stroke.width) ? w.config.stroke.width[i] : w.config.stroke.width; // bW = barXY.barWidth
+
+ bx = x;
+ } else {
+ if (!w.globals.comboCharts && !w.config.tooltip.shared) {
+ bx = bx / 2;
+ }
+ } // y is NaN, make it touch the bottom of grid area
+
+
+ if (isNaN(y)) {
+ y = w.globals.svgHeight - ttCtx.tooltipRect.ttHeight;
+ } // x exceeds gridWidth
+
+
+ if (x + ttCtx.tooltipRect.ttWidth > w.globals.gridWidth) {
+ x = x - ttCtx.tooltipRect.ttWidth;
+ } else if (x < 0) {
+ x = x + ttCtx.tooltipRect.ttWidth;
+ }
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top;
+ } // if tooltip is still null, querySelector
+
+
+ if (ttCtx.tooltip === null) {
+ ttCtx.tooltip = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip');
+ }
+
+ if (!w.config.tooltip.shared) {
+ if (w.globals.comboChartsHasBars) {
+ ttCtx.tooltipPosition.moveXCrosshairs(bx + strokeWidth / 2);
+ } else {
+ ttCtx.tooltipPosition.moveXCrosshairs(bx);
+ }
+ } // move tooltip here
+
+
+ if (!ttCtx.fixedTooltip && (!w.config.tooltip.shared || ttCtx.isBarHorizontal && ttCtx.hasBars())) {
+ if (isReversed) {
+ x = w.globals.gridWidth - x;
+ }
+
+ tooltipEl.style.left = x + w.globals.translateX + 'px';
+ var seriesIndex = parseInt(opt.paths.parentNode.getAttribute('data:realIndex'));
+ var isReversed = w.globals.isMultipleYAxis ? w.config.yaxis[seriesIndex].reversed : w.config.yaxis[0].reversed;
+
+ if (isReversed && !(ttCtx.isBarHorizontal && ttCtx.hasBars())) {
+ y = y + barHeight - (w.globals.series[i][j] < 0 ? barHeight : 0) * 2;
+ }
+
+ if (ttCtx.tooltipRect.ttHeight + y > w.globals.gridHeight) {
+ y = w.globals.gridHeight - ttCtx.tooltipRect.ttHeight + w.globals.translateY;
+ tooltipEl.style.top = y + 'px';
+ } else {
+ tooltipEl.style.top = y + w.globals.translateY - ttCtx.tooltipRect.ttHeight / 2 + 'px';
+ }
+ }
+ }
+ }, {
+ key: "getBarTooltipXY",
+ value: function getBarTooltipXY(_ref4) {
+ var e = _ref4.e,
+ opt = _ref4.opt;
+ var w = this.w;
+ var j = null;
+ var ttCtx = this.ttCtx;
+ var i = 0;
+ var x = 0;
+ var y = 0;
+ var barWidth = 0;
+ var barHeight = 0;
+ var cl = e.target.classList;
+
+ if (cl.contains('apexcharts-bar-area') || cl.contains('apexcharts-candlestick-area')) {
+ var bar = e.target;
+ var barRect = bar.getBoundingClientRect();
+ var seriesBound = opt.elGrid.getBoundingClientRect();
+ var bh = barRect.height;
+ barHeight = barRect.height;
+ var bw = barRect.width;
+ var cx = parseInt(bar.getAttribute('cx'));
+ var cy = parseInt(bar.getAttribute('cy'));
+ barWidth = parseFloat(bar.getAttribute('barWidth'));
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+ j = parseInt(bar.getAttribute('j'));
+ i = parseInt(bar.parentNode.getAttribute('rel')) - 1;
+
+ if (w.globals.comboCharts) {
+ i = parseInt(bar.parentNode.getAttribute('data:realIndex'));
+ } // if (w.config.tooltip.shared) {
+ // this check not needed at the moment
+ // const yDivisor = w.globals.gridHeight / (w.globals.series.length)
+ // const hoverY = ttCtx.clientY - ttCtx.seriesBound.top
+ // j = Math.ceil(hoverY / yDivisor)
+ // }
+
+
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: ttCtx.showOnIntersect ? false : w.config.tooltip.shared
+ });
+
+ if (w.config.tooltip.followCursor) {
+ if (w.config.plotOptions.bar.horizontal) {
+ x = clientX - seriesBound.left + 15;
+ y = cy - ttCtx.dataPointsDividedHeight + bh / 2 - ttCtx.tooltipRect.ttHeight / 2;
+ } else {
+ if (w.globals.isXNumeric) {
+ x = cx - bw / 2;
+ } else {
+ x = cx - ttCtx.dataPointsDividedWidth + bw / 2;
+ }
+
+ y = e.clientY - seriesBound.top - ttCtx.tooltipRect.ttHeight / 2 - 15;
+ }
+ } else {
+ if (w.config.plotOptions.bar.horizontal) {
+ x = cx;
+
+ if (x < ttCtx.xyRatios.baseLineInvertedY) {
+ x = cx - ttCtx.tooltipRect.ttWidth;
+ }
+
+ y = cy - ttCtx.dataPointsDividedHeight + bh / 2 - ttCtx.tooltipRect.ttHeight / 2;
+ } else {
+ // if columns
+ if (w.globals.isXNumeric) {
+ x = cx - bw / 2;
+ } else {
+ x = cx - ttCtx.dataPointsDividedWidth + bw / 2;
+ }
+
+ y = cy; // - ttCtx.tooltipRect.ttHeight / 2 + 10
+ }
+ }
+ }
+
+ return {
+ x: x,
+ y: y,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ i: i,
+ j: j
+ };
+ }
+ }]);
+
+ return Intersect;
+}();
+
+/**
+ * ApexCharts Tooltip.AxesTooltip Class.
+ *
+ * @module Tooltip.AxesTooltip
+ **/
+var AxesTooltip =
+/*#__PURE__*/
+function () {
+ function AxesTooltip(tooltipContext) {
+ _classCallCheck(this, AxesTooltip);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ }
+ /**
+ * This method adds the secondary tooltip which appears below x axis
+ * @memberof Tooltip
+ **/
+
+
+ _createClass(AxesTooltip, [{
+ key: "drawXaxisTooltip",
+ value: function drawXaxisTooltip() {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var isBottom = w.config.xaxis.position === 'bottom';
+ ttCtx.xaxisOffY = isBottom ? w.globals.gridHeight + 1 : 1;
+ var tooltipCssClass = isBottom ? 'apexcharts-xaxistooltip apexcharts-xaxistooltip-bottom' : 'apexcharts-xaxistooltip apexcharts-xaxistooltip-top';
+ var renderTo = w.globals.dom.elWrap;
+
+ if (ttCtx.blxaxisTooltip) {
+ var xaxisTooltip = w.globals.dom.baseEl.querySelector('.apexcharts-xaxistooltip');
+
+ if (xaxisTooltip === null) {
+ ttCtx.xaxisTooltip = document.createElement('div');
+ ttCtx.xaxisTooltip.setAttribute('class', tooltipCssClass);
+ renderTo.appendChild(ttCtx.xaxisTooltip);
+ ttCtx.xaxisTooltipText = document.createElement('div');
+ ttCtx.xaxisTooltipText.classList.add('apexcharts-xaxistooltip-text');
+ ttCtx.xaxisTooltipText.style.fontFamily = w.config.xaxis.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ ttCtx.xaxisTooltipText.style.fontSize = w.config.xaxis.tooltip.style.fontSize;
+ ttCtx.xaxisTooltip.appendChild(ttCtx.xaxisTooltipText);
+ }
+ }
+ }
+ /**
+ * This method adds the secondary tooltip which appears below x axis
+ * @memberof Tooltip
+ **/
+
+ }, {
+ key: "drawYaxisTooltip",
+ value: function drawYaxisTooltip() {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ for (var i = 0; i < w.config.yaxis.length; i++) {
+ var isRight = w.config.yaxis[i].opposite || w.config.yaxis[i].crosshairs.opposite;
+ ttCtx.yaxisOffX = isRight ? w.globals.gridWidth + 1 : 1;
+ var tooltipCssClass = isRight ? "apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i, " apexcharts-yaxistooltip-right") : "apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i, " apexcharts-yaxistooltip-left");
+ var renderTo = w.globals.dom.elWrap;
+
+ if (ttCtx.blyaxisTooltip) {
+ var yaxisTooltip = w.globals.dom.baseEl.querySelector(".apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i));
+
+ if (yaxisTooltip === null) {
+ ttCtx.yaxisTooltip = document.createElement('div');
+ ttCtx.yaxisTooltip.setAttribute('class', tooltipCssClass);
+ renderTo.appendChild(ttCtx.yaxisTooltip);
+ if (i === 0) ttCtx.yaxisTooltipText = [];
+ ttCtx.yaxisTooltipText.push(document.createElement('div'));
+ ttCtx.yaxisTooltipText[i].classList.add('apexcharts-yaxistooltip-text');
+ ttCtx.yaxisTooltip.appendChild(ttCtx.yaxisTooltipText[i]);
+ }
+ }
+ }
+ }
+ /**
+ * @memberof Tooltip
+ **/
+
+ }, {
+ key: "setXCrosshairWidth",
+ value: function setXCrosshairWidth() {
+ var w = this.w;
+ var ttCtx = this.ttCtx; // set xcrosshairs width
+
+ var xcrosshairs = ttCtx.getElXCrosshairs();
+ ttCtx.xcrosshairsWidth = parseInt(w.config.xaxis.crosshairs.width);
+
+ if (!w.globals.comboCharts) {
+ if (w.config.xaxis.crosshairs.width === 'tickWidth') {
+ var count = w.globals.labels.length;
+ ttCtx.xcrosshairsWidth = w.globals.gridWidth / count;
+ } else if (w.config.xaxis.crosshairs.width === 'barWidth') {
+ var bar = w.globals.dom.baseEl.querySelector('.apexcharts-bar-area');
+
+ if (bar !== null) {
+ var barWidth = parseFloat(bar.getAttribute('barWidth'));
+ ttCtx.xcrosshairsWidth = barWidth;
+ } else {
+ ttCtx.xcrosshairsWidth = 1;
+ }
+ }
+ } else {
+ var _bar = w.globals.dom.baseEl.querySelector('.apexcharts-bar-area');
+
+ if (_bar !== null && w.config.xaxis.crosshairs.width === 'barWidth') {
+ var _barWidth = parseFloat(_bar.getAttribute('barWidth'));
+
+ ttCtx.xcrosshairsWidth = _barWidth;
+ } else {
+ if (w.config.xaxis.crosshairs.width === 'tickWidth') {
+ var _count = w.globals.labels.length;
+ ttCtx.xcrosshairsWidth = w.globals.gridWidth / _count;
+ }
+ }
+ }
+
+ if (w.config.chart.type === 'bar' && w.config.plotOptions.bar.horizontal) {
+ ttCtx.xcrosshairsWidth = 0;
+ }
+
+ if (xcrosshairs !== null && ttCtx.xcrosshairsWidth > 0) {
+ xcrosshairs.setAttribute('width', ttCtx.xcrosshairsWidth);
+ }
+ }
+ }, {
+ key: "handleYCrosshair",
+ value: function handleYCrosshair() {
+ var w = this.w;
+ var ttCtx = this.ttCtx; // set ycrosshairs height
+
+ ttCtx.ycrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs');
+ ttCtx.ycrosshairsHidden = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs-hidden');
+ }
+ }, {
+ key: "drawYaxisTooltipText",
+ value: function drawYaxisTooltipText(index, clientY, xyRatios) {
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+ var lbFormatter = w.globals.yLabelFormatters[index];
+
+ if (ttCtx.blyaxisTooltip) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ var hoverY = (clientY - seriesBound.top) * xyRatios.yRatio[index];
+ var height = w.globals.maxYArr[index] - w.globals.minYArr[index];
+ var val = w.globals.minYArr[index] + (height - hoverY);
+ ttCtx.tooltipPosition.moveYCrosshairs(clientY - seriesBound.top);
+ ttCtx.yaxisTooltipText[index].innerHTML = lbFormatter(val);
+ ttCtx.tooltipPosition.moveYAxisTooltip(index);
+ }
+ }
+ }]);
+
+ return AxesTooltip;
+}();
+
+/**
+ * ApexCharts Core Tooltip Class to handle the tooltip generation.
+ *
+ * @module Tooltip
+ **/
+
+var Tooltip =
+/*#__PURE__*/
+function () {
+ function Tooltip(ctx) {
+ _classCallCheck(this, Tooltip);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.tooltipUtil = new Utils$1(this);
+ this.tooltipLabels = new Labels(this);
+ this.tooltipPosition = new Position(this);
+ this.marker = new Marker(this);
+ this.intersect = new Intersect(this);
+ this.axesTooltip = new AxesTooltip(this);
+ this.showOnIntersect = w.config.tooltip.intersect;
+ this.showTooltipTitle = w.config.tooltip.x.show;
+ this.fixedTooltip = w.config.tooltip.fixed.enabled;
+ this.xaxisTooltip = null;
+ this.yaxisTTEls = null;
+ this.isBarHorizontal = w.config.plotOptions.bar.horizontal;
+ this.isBarShared = !w.config.plotOptions.bar.horizontal && w.config.tooltip.shared;
+ }
+
+ _createClass(Tooltip, [{
+ key: "getElTooltip",
+ value: function getElTooltip(ctx) {
+ if (!ctx) ctx = this;
+ return ctx.w.globals.dom.baseEl.querySelector('.apexcharts-tooltip');
+ }
+ }, {
+ key: "getElXCrosshairs",
+ value: function getElXCrosshairs() {
+ return this.w.globals.dom.baseEl.querySelector('.apexcharts-xcrosshairs');
+ }
+ }, {
+ key: "getElGrid",
+ value: function getElGrid() {
+ return this.w.globals.dom.baseEl.querySelector('.apexcharts-grid');
+ }
+ }, {
+ key: "drawTooltip",
+ value: function drawTooltip(xyRatios) {
+ var w = this.w;
+ this.xyRatios = xyRatios;
+ this.blxaxisTooltip = w.config.xaxis.tooltip.enabled && w.globals.axisCharts;
+ this.blyaxisTooltip = w.config.yaxis[0].tooltip.enabled && w.globals.axisCharts;
+ this.allTooltipSeriesGroups = [];
+
+ if (!w.globals.axisCharts) {
+ this.showTooltipTitle = false;
+ }
+
+ var tooltipEl = document.createElement('div');
+ tooltipEl.classList.add('apexcharts-tooltip');
+ tooltipEl.classList.add(w.config.tooltip.theme);
+ w.globals.dom.elWrap.appendChild(tooltipEl);
+
+ if (w.globals.axisCharts) {
+ this.axesTooltip.drawXaxisTooltip();
+ this.axesTooltip.drawYaxisTooltip();
+ this.axesTooltip.setXCrosshairWidth();
+ this.axesTooltip.handleYCrosshair();
+ var xAxis = new XAxis(this.ctx);
+ this.xAxisTicksPositions = xAxis.getXAxisTicksPositions();
+ } // we forcefully set intersect true for these conditions
+
+
+ if (w.globals.comboCharts && !w.config.tooltip.shared || w.config.tooltip.intersect && !w.config.tooltip.shared || w.config.chart.type === 'bar' && !w.config.tooltip.shared) {
+ this.showOnIntersect = true;
+ }
+
+ if (w.config.markers.size === 0 || w.globals.markers.largestSize === 0) {
+ // when user don't want to show points all the time, but only on when hovering on series
+ this.marker.drawDynamicPoints(this);
+ } // no visible series, exit
+
+
+ if (w.globals.collapsedSeries.length === w.globals.series.length) return;
+ this.dataPointsDividedHeight = w.globals.gridHeight / w.globals.dataPoints;
+ this.dataPointsDividedWidth = w.globals.gridWidth / w.globals.dataPoints;
+
+ if (this.showTooltipTitle) {
+ this.tooltipTitle = document.createElement('div');
+ this.tooltipTitle.classList.add('apexcharts-tooltip-title');
+ this.tooltipTitle.style.fontFamily = w.config.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ this.tooltipTitle.style.fontSize = w.config.tooltip.style.fontSize;
+ tooltipEl.appendChild(this.tooltipTitle);
+ }
+
+ var ttItemsCnt = w.globals.series.length; // whether shared or not, default is shared
+
+ if ((w.globals.xyCharts || w.globals.comboCharts) && w.config.tooltip.shared) {
+ if (!this.showOnIntersect) {
+ ttItemsCnt = w.globals.series.length;
+ } else {
+ ttItemsCnt = 1;
+ }
+ }
+
+ this.ttItems = this.createTTElements(ttItemsCnt);
+ this.addSVGEvents();
+ }
+ }, {
+ key: "createTTElements",
+ value: function createTTElements(ttItemsCnt) {
+ var w = this.w;
+ var ttItems = [];
+ var tooltipEl = this.getElTooltip();
+
+ for (var i = 0; i < ttItemsCnt; i++) {
+ var gTxt = document.createElement('div');
+ gTxt.classList.add('apexcharts-tooltip-series-group');
+ var point = document.createElement('span');
+ point.classList.add('apexcharts-tooltip-marker');
+ point.style.backgroundColor = w.globals.colors[i];
+ gTxt.appendChild(point);
+ var gYZ = document.createElement('div');
+ gYZ.classList.add('apexcharts-tooltip-text');
+ gYZ.style.fontFamily = w.config.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ gYZ.style.fontSize = w.config.tooltip.style.fontSize; // y values group
+
+ var gYValText = document.createElement('div');
+ gYValText.classList.add('apexcharts-tooltip-y-group');
+ var txtLabel = document.createElement('span');
+ txtLabel.classList.add('apexcharts-tooltip-text-label');
+ gYValText.appendChild(txtLabel);
+ var txtValue = document.createElement('span');
+ txtValue.classList.add('apexcharts-tooltip-text-value');
+ gYValText.appendChild(txtValue); // z values group
+
+ var gZValText = document.createElement('div');
+ gZValText.classList.add('apexcharts-tooltip-z-group');
+ var txtZLabel = document.createElement('span');
+ txtZLabel.classList.add('apexcharts-tooltip-text-z-label');
+ gZValText.appendChild(txtZLabel);
+ var txtZValue = document.createElement('span');
+ txtZValue.classList.add('apexcharts-tooltip-text-z-value');
+ gZValText.appendChild(txtZValue);
+ gYZ.appendChild(gYValText);
+ gYZ.appendChild(gZValText);
+ gTxt.appendChild(gYZ);
+ tooltipEl.appendChild(gTxt);
+ ttItems.push(gTxt);
+ }
+
+ return ttItems;
+ }
+ }, {
+ key: "addSVGEvents",
+ value: function addSVGEvents() {
+ var w = this.w;
+ var type = w.config.chart.type;
+ var tooltipEl = this.getElTooltip();
+ var barOrCandlestick = !!(type === 'bar' || type === 'candlestick');
+ var hoverArea = w.globals.dom.Paper.node;
+ var elGrid = this.getElGrid();
+
+ if (elGrid) {
+ this.seriesBound = elGrid.getBoundingClientRect();
+ }
+
+ var tooltipY = [];
+ var tooltipX = [];
+ var seriesHoverParams = {
+ hoverArea: hoverArea,
+ elGrid: elGrid,
+ tooltipEl: tooltipEl,
+ tooltipY: tooltipY,
+ tooltipX: tooltipX,
+ ttItems: this.ttItems
+ };
+ var points;
+
+ if (w.globals.axisCharts) {
+ if (type === 'area' || type === 'line' || type === 'scatter' || type === 'bubble') {
+ points = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:longestSeries='true'] .apexcharts-marker");
+ } else if (barOrCandlestick) {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-bar-area', '.apexcharts-series .apexcharts-candlestick-area');
+ } else if (type === 'heatmap') {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-heatmap');
+ } else if (type === 'radar') {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-marker');
+ }
+
+ if (points && points.length) {
+ for (var p = 0; p < points.length; p++) {
+ tooltipY.push(points[p].getAttribute('cy'));
+ tooltipX.push(points[p].getAttribute('cx'));
+ }
+ }
+ }
+
+ var validSharedChartTypes = w.globals.xyCharts && !this.showOnIntersect || w.globals.comboCharts && !this.showOnIntersect || barOrCandlestick && this.hasBars() && w.config.tooltip.shared;
+
+ if (validSharedChartTypes) {
+ this.addPathsEventListeners([hoverArea], seriesHoverParams);
+ } else if (barOrCandlestick && !w.globals.comboCharts) {
+ this.addBarsEventListeners(seriesHoverParams);
+ } else if (type === 'bubble' || type === 'scatter' || type === 'radar' || this.showOnIntersect && (type === 'area' || type === 'line')) {
+ this.addPointsEventsListeners(seriesHoverParams);
+ } else if (!w.globals.axisCharts || type === 'heatmap') {
+ var seriesAll = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series');
+ this.addPathsEventListeners(seriesAll, seriesHoverParams);
+ }
+
+ if (this.showOnIntersect) {
+ var linePoints = w.globals.dom.baseEl.querySelectorAll('.apexcharts-line-series .apexcharts-marker');
+
+ if (linePoints.length > 0) {
+ // if we find any lineSeries, addEventListeners for them
+ this.addPathsEventListeners(linePoints, seriesHoverParams);
+ }
+
+ var areaPoints = w.globals.dom.baseEl.querySelectorAll('.apexcharts-area-series .apexcharts-marker');
+
+ if (areaPoints.length > 0) {
+ // if we find any areaSeries, addEventListeners for them
+ this.addPathsEventListeners(areaPoints, seriesHoverParams);
+ } // combo charts may have bars, so add event listeners here too
+
+
+ if (this.hasBars() && !w.config.tooltip.shared) {
+ this.addBarsEventListeners(seriesHoverParams);
+ }
+ }
+ }
+ }, {
+ key: "drawFixedTooltipRect",
+ value: function drawFixedTooltipRect() {
+ var w = this.w;
+ var tooltipEl = this.getElTooltip();
+ var tooltipRect = tooltipEl.getBoundingClientRect();
+ var ttWidth = tooltipRect.width + 10;
+ var ttHeight = tooltipRect.height + 10;
+ var x = w.config.tooltip.fixed.offsetX;
+ var y = w.config.tooltip.fixed.offsetY;
+
+ if (w.config.tooltip.fixed.position.toLowerCase().indexOf('right') > -1) {
+ x = x + w.globals.svgWidth - ttWidth + 10;
+ }
+
+ if (w.config.tooltip.fixed.position.toLowerCase().indexOf('bottom') > -1) {
+ y = y + w.globals.svgHeight - ttHeight - 10;
+ }
+
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ return {
+ x: x,
+ y: y,
+ ttWidth: ttWidth,
+ ttHeight: ttHeight
+ };
+ }
+ }, {
+ key: "addPointsEventsListeners",
+ value: function addPointsEventsListeners(seriesHoverParams) {
+ var w = this.w;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers .apexcharts-marker');
+ this.addPathsEventListeners(points, seriesHoverParams);
+ }
+ }, {
+ key: "addBarsEventListeners",
+ value: function addBarsEventListeners(seriesHoverParams) {
+ var w = this.w;
+ var bars = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-area, .apexcharts-candlestick-area');
+ this.addPathsEventListeners(bars, seriesHoverParams);
+ }
+ }, {
+ key: "addPathsEventListeners",
+ value: function addPathsEventListeners(paths, opts) {
+ var _this = this;
+
+ var self = this;
+
+ var _loop = function _loop(p) {
+ var extendedOpts = {
+ paths: paths[p],
+ tooltipEl: opts.tooltipEl,
+ tooltipY: opts.tooltipY,
+ tooltipX: opts.tooltipX,
+ elGrid: opts.elGrid,
+ hoverArea: opts.hoverArea,
+ ttItems: opts.ttItems
+ };
+ _this.w.globals.tooltipOpts = extendedOpts;
+ var events = ['mousemove', 'touchmove', 'mouseout', 'touchend'];
+ events.map(function (ev) {
+ return paths[p].addEventListener(ev, self.seriesHover.bind(self, extendedOpts), {
+ capture: false,
+ passive: true
+ });
+ });
+ };
+
+ for (var p = 0; p < paths.length; p++) {
+ _loop(p);
+ }
+ }
+ /*
+ ** The actual series hover function
+ */
+
+ }, {
+ key: "seriesHover",
+ value: function seriesHover(opt, e) {
+ var _this2 = this;
+
+ var chartGroups = [];
+ var w = this.w; // if user has more than one charts in group, we need to sync
+
+ if (w.config.chart.group) {
+ chartGroups = this.ctx.getGroupedCharts();
+ }
+
+ if (w.globals.axisCharts && (w.globals.minX === -Infinity && w.globals.maxX === Infinity || w.globals.dataPoints === 0)) {
+ return;
+ }
+
+ if (chartGroups.length) {
+ chartGroups.forEach(function (ch) {
+ var tooltipEl = _this2.getElTooltip(ch);
+
+ var newOpts = {
+ paths: opt.paths,
+ tooltipEl: tooltipEl,
+ tooltipY: opt.tooltipY,
+ tooltipX: opt.tooltipX,
+ elGrid: opt.elGrid,
+ hoverArea: opt.hoverArea,
+ ttItems: ch.w.globals.tooltip.ttItems // all the charts should have the same minX and maxX (same xaxis) for multiple tooltips to work correctly
+
+ };
+
+ if (ch.w.globals.minX === _this2.w.globals.minX && ch.w.globals.maxX === _this2.w.globals.maxX) {
+ ch.w.globals.tooltip.seriesHoverByContext({
+ chartCtx: ch,
+ ttCtx: ch.w.globals.tooltip,
+ opt: newOpts,
+ e: e
+ });
+ }
+ });
+ } else {
+ this.seriesHoverByContext({
+ chartCtx: this.ctx,
+ ttCtx: this.w.globals.tooltip,
+ opt: opt,
+ e: e
+ });
+ }
+ }
+ }, {
+ key: "seriesHoverByContext",
+ value: function seriesHoverByContext(_ref) {
+ var chartCtx = _ref.chartCtx,
+ ttCtx = _ref.ttCtx,
+ opt = _ref.opt,
+ e = _ref.e;
+ var w = chartCtx.w;
+ var tooltipEl = this.getElTooltip(); // tooltipRect is calculated on every mousemove, because the text is dynamic
+
+ ttCtx.tooltipRect = {
+ x: 0,
+ y: 0,
+ ttWidth: tooltipEl.getBoundingClientRect().width,
+ ttHeight: tooltipEl.getBoundingClientRect().height
+ };
+ ttCtx.e = e; // highlight the current hovered bars
+
+ if (ttCtx.hasBars() && !w.globals.comboCharts && !ttCtx.isBarShared) {
+ if (w.config.tooltip.onDatasetHover.highlightDataSeries) {
+ var series = new Series(chartCtx);
+ series.toggleSeriesOnHover(e, e.target.parentNode);
+ }
+ }
+
+ if (ttCtx.fixedTooltip) {
+ ttCtx.drawFixedTooltipRect();
+ }
+
+ if (w.globals.axisCharts) {
+ ttCtx.axisChartsTooltips({
+ e: e,
+ opt: opt,
+ tooltipRect: ttCtx.tooltipRect
+ });
+ } else {
+ // non-plot charts i.e pie/donut/circle
+ ttCtx.nonAxisChartsTooltips({
+ e: e,
+ opt: opt,
+ tooltipRect: ttCtx.tooltipRect
+ });
+ }
+ } // tooltip handling for line/area/bar/columns/scatter
+
+ }, {
+ key: "axisChartsTooltips",
+ value: function axisChartsTooltips(_ref2) {
+ var e = _ref2.e,
+ opt = _ref2.opt;
+ var w = this.w;
+ var j, x, y;
+ var self = this;
+ var capj = null;
+ var seriesBound = opt.elGrid.getBoundingClientRect();
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+ var clientY = e.type === 'touchmove' ? e.touches[0].clientY : e.clientY;
+ this.clientY = clientY;
+ this.clientX = clientX;
+
+ if (clientY < seriesBound.top || clientY > seriesBound.top + seriesBound.height) {
+ self.handleMouseOut(opt);
+ return;
+ }
+
+ var tooltipEl = this.getElTooltip();
+ var xcrosshairs = this.getElXCrosshairs();
+ var isStickyTooltip = w.globals.xyCharts || w.config.chart.type === 'bar' && !this.isBarHorizontal && this.hasBars() && w.config.tooltip.shared || w.globals.comboCharts && this.hasBars;
+
+ if (w.config.chart.type === 'bar' && this.isBarHorizontal && this.hasBars()) {
+ isStickyTooltip = false;
+ }
+
+ if (e.type === 'mousemove' || e.type === 'touchmove') {
+ if (xcrosshairs !== null) {
+ xcrosshairs.classList.add('active');
+ }
+
+ if (self.ycrosshairs !== null && self.blyaxisTooltip) {
+ self.ycrosshairs.classList.add('active');
+ }
+
+ if (isStickyTooltip && !self.showOnIntersect) {
+ capj = self.tooltipUtil.getNearestValues({
+ context: self,
+ hoverArea: opt.hoverArea,
+ elGrid: opt.elGrid,
+ clientX: clientX,
+ clientY: clientY,
+ hasBars: self.hasBars
+ });
+ j = capj.j;
+ var capturedSeries = capj.capturedSeries;
+
+ if (capj.hoverX < 0 || capj.hoverX > w.globals.gridWidth) {
+ self.handleMouseOut(opt);
+ return;
+ }
+
+ if (capturedSeries !== null) {
+ var ignoreNull = w.globals.series[capturedSeries][j] === null;
+
+ if (ignoreNull) {
+ opt.tooltipEl.classList.remove('active');
+ return;
+ }
+
+ if (typeof w.globals.series[capturedSeries][j] !== 'undefined') {
+ if (w.config.tooltip.shared && this.tooltipUtil.isXoverlap(j) && this.tooltipUtil.isinitialSeriesSameLen()) {
+ this.create(self, capturedSeries, j, opt.ttItems);
+ } else {
+ this.create(self, capturedSeries, j, opt.ttItems, false);
+ }
+ } else {
+ if (this.tooltipUtil.isXoverlap(j)) {
+ self.create(self, 0, j, opt.ttItems);
+ }
+ }
+ } else {
+ // couldn't capture any series. check if shared X is same,
+ // if yes, draw a grouped tooltip
+ if (this.tooltipUtil.isXoverlap(j)) {
+ self.create(self, 0, j, opt.ttItems);
+ }
+ }
+ } else {
+ if (w.config.chart.type === 'heatmap') {
+ var markerXY = this.intersect.handleHeatTooltip({
+ e: e,
+ opt: opt,
+ x: x,
+ y: y
+ });
+ x = markerXY.x;
+ y = markerXY.y;
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ } else {
+ if (this.hasBars) {
+ this.intersect.handleBarTooltip({
+ e: e,
+ opt: opt
+ });
+ }
+
+ if (this.hasMarkers) {
+ // intersect - line/area/scatter/bubble
+ this.intersect.handleMarkerTooltip({
+ e: e,
+ opt: opt,
+ x: x,
+ y: y
+ });
+ }
+ }
+ }
+
+ if (this.blyaxisTooltip) {
+ for (var yt = 0; yt < w.config.yaxis.length; yt++) {
+ self.axesTooltip.drawYaxisTooltipText(yt, clientY, self.xyRatios);
+ }
+ }
+
+ opt.tooltipEl.classList.add('active');
+ } else if (e.type === 'mouseout' || e.type === 'touchend') {
+ this.handleMouseOut(opt);
+ }
+ } // tooltip handling for pie/donuts
+
+ }, {
+ key: "nonAxisChartsTooltips",
+ value: function nonAxisChartsTooltips(_ref3) {
+ var e = _ref3.e,
+ opt = _ref3.opt,
+ tooltipRect = _ref3.tooltipRect;
+ var w = this.w;
+ var rel = opt.paths.getAttribute('rel');
+ var tooltipEl = this.getElTooltip();
+ var trX = 0;
+ var trY = 0;
+ var elPie = null;
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+
+ if (w.config.chart.type === 'radialBar') {
+ elPie = w.globals.dom.baseEl.querySelector('.apexcharts-radialbar');
+ } else {
+ elPie = w.globals.dom.baseEl.querySelector('.apexcharts-pie');
+ trX = parseInt(elPie.getAttribute('data:innerTranslateX'));
+ trY = parseInt(elPie.getAttribute('data:innerTranslateY'));
+ }
+
+ var seriesBound = elPie.getBoundingClientRect();
+
+ if (e.type === 'mousemove' || e.type === 'touchmove') {
+ tooltipEl.classList.add('active');
+ this.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: parseInt(rel) - 1,
+ shared: false
+ });
+ var x = clientX - seriesBound.left - tooltipRect.ttWidth / 2.2 + trX;
+ var y = e.clientY - seriesBound.top - tooltipRect.ttHeight / 2 - 15 + trY;
+
+ if (x < 0) {
+ x = 0;
+ } else if (x + tooltipRect.ttWidth > w.globals.gridWidth) {
+ x = clientX - seriesBound.left - tooltipRect.ttWidth + trX;
+ }
+
+ if (y < 0) y = tooltipRect.ttHeight + 20;
+ tooltipEl.style.left = x + w.globals.translateX + 'px';
+ tooltipEl.style.top = y + 'px';
+ } else if (e.type === 'mouseout' || e.type === 'touchend') {
+ tooltipEl.classList.remove('active');
+ }
+ }
+ }, {
+ key: "deactivateHoverFilter",
+ value: function deactivateHoverFilter() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var allPaths = w.globals.dom.Paper.select(".apexcharts-bar-area");
+
+ for (var b = 0; b < allPaths.length; b++) {
+ graphics.pathMouseLeave(allPaths[b]);
+ }
+ }
+ }, {
+ key: "handleMouseOut",
+ value: function handleMouseOut(opt) {
+ var w = this.w;
+ var xcrosshairs = this.getElXCrosshairs();
+ opt.tooltipEl.classList.remove('active');
+ this.deactivateHoverFilter();
+
+ if (w.config.chart.type !== 'bubble') {
+ this.marker.resetPointsSize();
+ }
+
+ if (xcrosshairs !== null) {
+ xcrosshairs.classList.remove('active');
+ }
+
+ if (this.ycrosshairs !== null) {
+ this.ycrosshairs.classList.remove('active');
+ }
+
+ if (this.blxaxisTooltip) {
+ this.xaxisTooltip.classList.remove('active');
+ }
+
+ if (this.blyaxisTooltip) {
+ if (this.yaxisTTEls === null) {
+ this.yaxisTTEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxistooltip');
+ }
+
+ for (var i = 0; i < this.yaxisTTEls.length; i++) {
+ this.yaxisTTEls[i].classList.remove('active');
+ }
+ }
+ }
+ }, {
+ key: "getElMarkers",
+ value: function getElMarkers() {
+ return this.w.globals.dom.baseEl.querySelectorAll(' .apexcharts-series-markers');
+ }
+ }, {
+ key: "getAllMarkers",
+ value: function getAllMarkers() {
+ return this.w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers .apexcharts-marker');
+ }
+ }, {
+ key: "hasMarkers",
+ value: function hasMarkers() {
+ var markers = this.getElMarkers();
+ return markers.length > 0;
+ }
+ }, {
+ key: "getElBars",
+ value: function getElBars() {
+ return this.w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-series, .apexcharts-candlestick-series');
+ }
+ }, {
+ key: "hasBars",
+ value: function hasBars() {
+ var bars = this.getElBars();
+ return bars.length > 0;
+ }
+ }, {
+ key: "create",
+ value: function create(context, capturedSeries, j, ttItems) {
+ var shared = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+ var w = this.w;
+ var self = context;
+ if (shared === null) shared = w.config.tooltip.shared;
+ var hasMarkers = this.hasMarkers();
+ var bars = this.getElBars();
+
+ if (shared) {
+ self.tooltipLabels.drawSeriesTexts({
+ ttItems: ttItems,
+ i: capturedSeries,
+ j: j,
+ shared: this.showOnIntersect ? false : w.config.tooltip.shared
+ });
+
+ if (hasMarkers) {
+ if (w.globals.markers.largestSize > 0) {
+ self.marker.enlargePoints(j);
+ } else {
+ self.tooltipPosition.moveDynamicPointsOnHover(j);
+ }
+ }
+
+ if (this.hasBars()) {
+ this.barSeriesHeight = this.tooltipUtil.getBarsHeight(bars);
+
+ if (this.barSeriesHeight > 0) {
+ // hover state, activate snap filter
+ var graphics = new Graphics(this.ctx);
+ var paths = w.globals.dom.Paper.select(".apexcharts-bar-area[j='".concat(j, "']")); // de-activate first
+
+ this.deactivateHoverFilter();
+ this.tooltipPosition.moveStickyTooltipOverBars(j);
+
+ for (var b = 0; b < paths.length; b++) {
+ graphics.pathMouseEnter(paths[b]);
+ }
+ }
+ }
+ } else {
+ self.tooltipLabels.drawSeriesTexts({
+ shared: false,
+ ttItems: ttItems,
+ i: capturedSeries,
+ j: j
+ });
+
+ if (this.hasBars()) {
+ self.tooltipPosition.moveStickyTooltipOverBars(j);
+ }
+
+ if (hasMarkers) {
+ self.tooltipPosition.moveMarkers(capturedSeries, j);
+ }
+ }
+ }
+ }]);
+
+ return Tooltip;
+}();
+
+var icoPan = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n <defs>\n <path d=\"M0 0h24v24H0z\" id=\"a\"/>\n </defs>\n <clipPath id=\"b\">\n <use overflow=\"visible\" xlink:href=\"#a\"/>\n </clipPath>\n <path clip-path=\"url(#b)\" d=\"M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z\"/>\n</svg>";
+
+var icoZoom = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/>\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n <path d=\"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z\"/>\n</svg>";
+
+var icoReset = "<svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>";
+
+var icoZoomIn = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/>\n</svg>\n";
+
+var icoZoomOut = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/>\n</svg>\n";
+
+var icoSelect = "<svg fill=\"#6E8192\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2z\"/>\n</svg>";
+
+var icoMenu = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"/><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"/></svg>";
+
+/**
+ * ApexCharts Toolbar Class for creating toolbar in axis based charts.
+ *
+ * @module Toolbar
+ **/
+
+var Toolbar =
+/*#__PURE__*/
+function () {
+ function Toolbar(ctx) {
+ _classCallCheck(this, Toolbar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.ev = this.w.config.chart.events;
+ this.localeValues = this.w.globals.locale.toolbar;
+ }
+
+ _createClass(Toolbar, [{
+ key: "createToolbar",
+ value: function createToolbar() {
+ var w = this.w;
+ var elToolbarWrap = document.createElement('div');
+ elToolbarWrap.setAttribute('class', 'apexcharts-toolbar');
+ w.globals.dom.elWrap.appendChild(elToolbarWrap);
+ this.elZoom = document.createElement('div');
+ this.elZoomIn = document.createElement('div');
+ this.elZoomOut = document.createElement('div');
+ this.elPan = document.createElement('div');
+ this.elSelection = document.createElement('div');
+ this.elZoomReset = document.createElement('div');
+ this.elMenuIcon = document.createElement('div');
+ this.elMenu = document.createElement('div');
+ this.elCustomIcons = [];
+ this.t = w.config.chart.toolbar.tools;
+
+ if (Array.isArray(this.t.customIcons)) {
+ for (var i = 0; i < this.t.customIcons.length; i++) {
+ this.elCustomIcons.push(document.createElement('div'));
+ }
+ }
+
+ this.elMenuItems = [];
+ var toolbarControls = [];
+
+ if (this.t.zoomin && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomIn,
+ icon: typeof this.t.zoomin === 'string' ? this.t.zoomin : icoZoomIn,
+ title: this.localeValues.zoomIn,
+ class: 'apexcharts-zoom-in-icon'
+ });
+ }
+
+ if (this.t.zoomout && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomOut,
+ icon: typeof this.t.zoomout === 'string' ? this.t.zoomout : icoZoomOut,
+ title: this.localeValues.zoomOut,
+ class: 'apexcharts-zoom-out-icon'
+ });
+ }
+
+ if (this.t.zoom && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoom,
+ icon: typeof this.t.zoom === 'string' ? this.t.zoom : icoZoom,
+ title: this.localeValues.selectionZoom,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-zoom-icon'
+ });
+ }
+
+ if (this.t.selection && w.config.chart.selection.enabled) {
+ toolbarControls.push({
+ el: this.elSelection,
+ icon: typeof this.t.selection === 'string' ? this.t.selection : icoSelect,
+ title: this.localeValues.selection,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-selection-icon'
+ });
+ }
+
+ if (this.t.pan && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elPan,
+ icon: typeof this.t.pan === 'string' ? this.t.pan : icoPan,
+ title: this.localeValues.pan,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-pan-icon'
+ });
+ }
+
+ if (this.t.reset && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomReset,
+ icon: typeof this.t.reset === 'string' ? this.t.reset : icoReset,
+ title: this.localeValues.reset,
+ class: 'apexcharts-reset-zoom-icon'
+ });
+ }
+
+ if (this.t.download) {
+ toolbarControls.push({
+ el: this.elMenuIcon,
+ icon: typeof this.t.download === 'string' ? this.t.download : icoMenu,
+ title: this.localeValues.menu,
+ class: 'apexcharts-menu-icon'
+ });
+ }
+
+ for (var _i = 0; _i < this.elCustomIcons.length; _i++) {
+ toolbarControls.push({
+ el: this.elCustomIcons[_i],
+ icon: this.t.customIcons[_i].icon,
+ title: this.t.customIcons[_i].title,
+ index: this.t.customIcons[_i].index,
+ class: 'apexcharts-toolbar-custom-icon ' + this.t.customIcons[_i].class
+ });
+ }
+
+ toolbarControls.forEach(function (t, index) {
+ if (t.index) {
+ Utils.moveIndexInArray(toolbarControls, index, t.index);
+ }
+ });
+
+ for (var _i2 = 0; _i2 < toolbarControls.length; _i2++) {
+ Graphics.setAttrs(toolbarControls[_i2].el, {
+ class: toolbarControls[_i2].class,
+ title: toolbarControls[_i2].title
+ });
+ toolbarControls[_i2].el.innerHTML = toolbarControls[_i2].icon;
+ elToolbarWrap.appendChild(toolbarControls[_i2].el);
+ }
+
+ elToolbarWrap.appendChild(this.elMenu);
+ Graphics.setAttrs(this.elMenu, {
+ class: 'apexcharts-menu'
+ });
+ var menuItems = [{
+ name: 'exportSVG',
+ title: this.localeValues.exportToSVG
+ }, {
+ name: 'exportPNG',
+ title: this.localeValues.exportToPNG
+ }];
+
+ for (var _i3 = 0; _i3 < menuItems.length; _i3++) {
+ this.elMenuItems.push(document.createElement('div'));
+ this.elMenuItems[_i3].innerHTML = menuItems[_i3].title;
+ Graphics.setAttrs(this.elMenuItems[_i3], {
+ class: "apexcharts-menu-item ".concat(menuItems[_i3].name),
+ title: menuItems[_i3].title
+ });
+ this.elMenu.appendChild(this.elMenuItems[_i3]);
+ }
+
+ if (w.globals.zoomEnabled) {
+ this.elZoom.classList.add('selected');
+ } else if (w.globals.panEnabled) {
+ this.elPan.classList.add('selected');
+ } else if (w.globals.selectionEnabled) {
+ this.elSelection.classList.add('selected');
+ }
+
+ this.addToolbarEventListeners();
+ }
+ }, {
+ key: "addToolbarEventListeners",
+ value: function addToolbarEventListeners() {
+ var _this = this;
+
+ this.elZoomReset.addEventListener('click', this.handleZoomReset.bind(this));
+ this.elSelection.addEventListener('click', this.toggleSelection.bind(this));
+ this.elZoom.addEventListener('click', this.toggleZooming.bind(this));
+ this.elZoomIn.addEventListener('click', this.handleZoomIn.bind(this));
+ this.elZoomOut.addEventListener('click', this.handleZoomOut.bind(this));
+ this.elPan.addEventListener('click', this.togglePanning.bind(this));
+ this.elMenuIcon.addEventListener('click', this.toggleMenu.bind(this));
+ this.elMenuItems.forEach(function (m) {
+ if (m.classList.contains('exportSVG')) {
+ m.addEventListener('click', _this.downloadSVG.bind(_this));
+ } else if (m.classList.contains('exportPNG')) {
+ m.addEventListener('click', _this.downloadPNG.bind(_this));
+ }
+ });
+
+ for (var i = 0; i < this.t.customIcons.length; i++) {
+ this.elCustomIcons[i].addEventListener('click', this.t.customIcons[i].click);
+ }
+ }
+ }, {
+ key: "toggleSelection",
+ value: function toggleSelection() {
+ this.toggleOtherControls();
+ this.w.globals.selectionEnabled = !this.w.globals.selectionEnabled;
+
+ if (!this.elSelection.classList.contains('selected')) {
+ this.elSelection.classList.add('selected');
+ } else {
+ this.elSelection.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "toggleZooming",
+ value: function toggleZooming() {
+ this.toggleOtherControls();
+ this.w.globals.zoomEnabled = !this.w.globals.zoomEnabled;
+
+ if (!this.elZoom.classList.contains('selected')) {
+ this.elZoom.classList.add('selected');
+ } else {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "getToolbarIconsReference",
+ value: function getToolbarIconsReference() {
+ var w = this.w;
+
+ if (!this.elZoom) {
+ this.elZoom = w.globals.dom.baseEl.querySelector('.apexcharts-zoom-icon');
+ }
+
+ if (!this.elPan) {
+ this.elPan = w.globals.dom.baseEl.querySelector('.apexcharts-pan-icon');
+ }
+
+ if (!this.elSelection) {
+ this.elSelection = w.globals.dom.baseEl.querySelector('.apexcharts-selection-icon');
+ }
+ }
+ }, {
+ key: "enableZooming",
+ value: function enableZooming() {
+ this.toggleOtherControls();
+ this.w.globals.zoomEnabled = true;
+
+ if (this.elZoom) {
+ this.elZoom.classList.add('selected');
+ }
+
+ if (this.elPan) {
+ this.elPan.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "enablePanning",
+ value: function enablePanning() {
+ this.toggleOtherControls();
+ this.w.globals.panEnabled = true;
+
+ if (this.elPan) {
+ this.elPan.classList.add('selected');
+ }
+
+ if (this.elZoom) {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "togglePanning",
+ value: function togglePanning() {
+ this.toggleOtherControls();
+ this.w.globals.panEnabled = !this.w.globals.panEnabled;
+
+ if (!this.elPan.classList.contains('selected')) {
+ this.elPan.classList.add('selected');
+ } else {
+ this.elPan.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "toggleOtherControls",
+ value: function toggleOtherControls() {
+ var w = this.w;
+ w.globals.panEnabled = false;
+ w.globals.zoomEnabled = false;
+ w.globals.selectionEnabled = false;
+ this.getToolbarIconsReference();
+
+ if (this.elPan) {
+ this.elPan.classList.remove('selected');
+ }
+
+ if (this.elSelection) {
+ this.elSelection.classList.remove('selected');
+ }
+
+ if (this.elZoom) {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "handleZoomIn",
+ value: function handleZoomIn() {
+ var w = this.w;
+ var centerX = (w.globals.minX + w.globals.maxX) / 2;
+ var newMinX = (w.globals.minX + centerX) / 2;
+ var newMaxX = (w.globals.maxX + centerX) / 2;
+
+ if (!w.globals.disableZoomIn) {
+ this.zoomUpdateOptions(newMinX, newMaxX);
+ }
+ }
+ }, {
+ key: "handleZoomOut",
+ value: function handleZoomOut() {
+ var w = this.w; // avoid zooming out beyond 1000 which may result in NaN values being printed on x-axis
+
+ if (w.config.xaxis.type === 'datetime' && new Date(w.globals.minX).getUTCFullYear() < 1000) {
+ return;
+ }
+
+ var centerX = (w.globals.minX + w.globals.maxX) / 2;
+ var newMinX = w.globals.minX - (centerX - w.globals.minX);
+ var newMaxX = w.globals.maxX - (centerX - w.globals.maxX);
+
+ if (!w.globals.disableZoomOut) {
+ this.zoomUpdateOptions(newMinX, newMaxX);
+ }
+ }
+ }, {
+ key: "zoomUpdateOptions",
+ value: function zoomUpdateOptions(newMinX, newMaxX) {
+ var xaxis = {
+ min: newMinX,
+ max: newMaxX
+ };
+ var beforeZoomRange = this.getBeforeZoomRange(xaxis);
+
+ if (beforeZoomRange) {
+ xaxis = beforeZoomRange.xaxis;
+ }
+
+ this.w.globals.zoomed = true;
+
+ this.ctx._updateOptions({
+ xaxis: xaxis
+ }, false, this.w.config.chart.animations.dynamicAnimation.enabled);
+
+ this.zoomCallback(xaxis);
+ }
+ }, {
+ key: "zoomCallback",
+ value: function zoomCallback(xaxis, yaxis) {
+ if (typeof this.ev.zoomed === 'function') {
+ this.ev.zoomed(this.ctx, {
+ xaxis: xaxis,
+ yaxis: yaxis
+ });
+ }
+ }
+ }, {
+ key: "getBeforeZoomRange",
+ value: function getBeforeZoomRange(xaxis, yaxis) {
+ var newRange = null;
+
+ if (typeof this.ev.beforeZoom === 'function') {
+ newRange = this.ev.beforeZoom(this, {
+ xaxis: xaxis,
+ yaxis: yaxis
+ });
+ }
+
+ return newRange;
+ }
+ }, {
+ key: "toggleMenu",
+ value: function toggleMenu() {
+ if (this.elMenu.classList.contains('open')) {
+ this.elMenu.classList.remove('open');
+ } else {
+ this.elMenu.classList.add('open');
+ }
+ }
+ }, {
+ key: "downloadPNG",
+ value: function downloadPNG() {
+ var downloadPNG = new Exports(this.ctx);
+ downloadPNG.exportToPng(this.ctx);
+ this.toggleMenu();
+ }
+ }, {
+ key: "downloadSVG",
+ value: function downloadSVG() {
+ var downloadSVG = new Exports(this.ctx);
+ downloadSVG.exportToSVG();
+ this.toggleMenu();
+ }
+ }, {
+ key: "handleZoomReset",
+ value: function handleZoomReset(e) {
+ var _this2 = this;
+
+ var charts = this.ctx.getSyncedCharts();
+ charts.forEach(function (ch) {
+ var w = ch.w;
+
+ if (w.globals.minX !== w.globals.initialminX && w.globals.maxX !== w.globals.initialmaxX) {
+ ch.revertDefaultAxisMinMax();
+
+ if (typeof w.config.chart.events.zoomed === 'function') {
+ _this2.zoomCallback({
+ min: w.config.xaxis.min,
+ max: w.config.xaxis.max
+ });
+ }
+
+ w.globals.zoomed = false;
+
+ ch._updateSeries(w.globals.initialSeries, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ });
+ }
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ if (this.elZoomReset) {
+ this.elZoomReset.removeEventListener('click', this.handleZoomReset.bind(this));
+ this.elSelection.removeEventListener('click', this.toggleSelection.bind(this));
+ this.elZoom.removeEventListener('click', this.toggleZooming.bind(this));
+ this.elZoomIn.removeEventListener('click', this.handleZoomIn.bind(this));
+ this.elZoomOut.removeEventListener('click', this.handleZoomOut.bind(this));
+ this.elPan.removeEventListener('click', this.togglePanning.bind(this));
+ this.elMenuIcon.removeEventListener('click', this.toggleMenu.bind(this));
+ }
+
+ this.elZoom = null;
+ this.elZoomIn = null;
+ this.elZoomOut = null;
+ this.elPan = null;
+ this.elSelection = null;
+ this.elZoomReset = null;
+ this.elMenuIcon = null;
+ }
+ }]);
+
+ return Toolbar;
+}();
+
+/**
+ * ApexCharts Zoom Class for handling zooming and panning on axes based charts.
+ *
+ * @module ZoomPanSelection
+ **/
+
+var ZoomPanSelection =
+/*#__PURE__*/
+function (_Toolbar) {
+ _inherits(ZoomPanSelection, _Toolbar);
+
+ function ZoomPanSelection(ctx) {
+ var _this;
+
+ _classCallCheck(this, ZoomPanSelection);
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(ZoomPanSelection).call(this, ctx));
+ _this.ctx = ctx;
+ _this.w = ctx.w;
+ _this.dragged = false;
+ _this.graphics = new Graphics(_this.ctx);
+ _this.eventList = ['mousedown', 'mousemove', 'touchstart', 'touchmove', 'mouseup', 'touchend'];
+ _this.clientX = 0;
+ _this.clientY = 0;
+ _this.startX = 0;
+ _this.endX = 0;
+ _this.dragX = 0;
+ _this.startY = 0;
+ _this.endY = 0;
+ _this.dragY = 0;
+ return _this;
+ }
+
+ _createClass(ZoomPanSelection, [{
+ key: "init",
+ value: function init(_ref) {
+ var _this2 = this;
+
+ var xyRatios = _ref.xyRatios;
+ var w = this.w;
+ var me = this;
+ this.xyRatios = xyRatios;
+ this.zoomRect = this.graphics.drawRect(0, 0, 0, 0);
+ this.selectionRect = this.graphics.drawRect(0, 0, 0, 0);
+ this.gridRect = w.globals.dom.baseEl.querySelector('.apexcharts-grid');
+ this.zoomRect.node.classList.add('apexcharts-zoom-rect');
+ this.selectionRect.node.classList.add('apexcharts-selection-rect');
+ w.globals.dom.elGraphical.add(this.zoomRect);
+ w.globals.dom.elGraphical.add(this.selectionRect);
+
+ if (w.config.chart.selection.type === 'x') {
+ this.slDraggableRect = this.selectionRect.draggable({
+ minX: 0,
+ minY: 0,
+ maxX: w.globals.gridWidth,
+ maxY: w.globals.gridHeight
+ }).on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ } else if (w.config.chart.selection.type === 'y') {
+ this.slDraggableRect = this.selectionRect.draggable({
+ minX: 0,
+ maxX: w.globals.gridWidth
+ }).on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ } else {
+ this.slDraggableRect = this.selectionRect.draggable().on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ }
+
+ this.preselectedSelection();
+ this.hoverArea = w.globals.dom.baseEl.querySelector(w.globals.chartClass);
+ this.hoverArea.classList.add('zoomable');
+ this.eventList.forEach(function (event) {
+ _this2.hoverArea.addEventListener(event, me.svgMouseEvents.bind(me, xyRatios), {
+ capture: false,
+ passive: true
+ });
+ });
+ } // remove the event listeners which were previously added on hover area
+
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ var _this3 = this;
+
+ var me = this;
+ this.eventList.forEach(function (event) {
+ if (_this3.hoverArea) {
+ _this3.hoverArea.removeEventListener(event, me.svgMouseEvents.bind(me, me.xyRatios), {
+ capture: false,
+ passive: true
+ });
+ }
+ });
+
+ if (this.slDraggableRect) {
+ this.slDraggableRect.draggable(false);
+ this.slDraggableRect.off();
+ this.selectionRect.off();
+ }
+
+ this.selectionRect = null;
+ this.zoomRect = null;
+ this.gridRect = null;
+ }
+ }, {
+ key: "svgMouseEvents",
+ value: function svgMouseEvents(xyRatios, e) {
+ var w = this.w;
+ var me = this;
+ var toolbar = this.ctx.toolbar;
+ var zoomtype = w.globals.zoomEnabled ? w.config.chart.zoom.type : w.config.chart.selection.type;
+
+ if (e.shiftKey) {
+ this.shiftWasPressed = true;
+ toolbar.enablePanning();
+ } else {
+ if (this.shiftWasPressed) {
+ toolbar.enableZooming();
+ this.shiftWasPressed = false;
+ }
+ }
+
+ var falsePositives = e.target.classList.contains('apexcharts-selection-rect') || e.target.parentNode.classList.contains('apexcharts-toolbar');
+ if (falsePositives) return;
+ me.clientX = e.type === 'touchmove' || e.type === 'touchstart' ? e.touches[0].clientX : e.type === 'touchend' ? e.changedTouches[0].clientX : e.clientX;
+ me.clientY = e.type === 'touchmove' || e.type === 'touchstart' ? e.touches[0].clientY : e.type === 'touchend' ? e.changedTouches[0].clientY : e.clientY;
+
+ if (e.type === 'mousedown' && e.which === 1) {
+ var gridRectDim = me.gridRect.getBoundingClientRect();
+ me.startX = me.clientX - gridRectDim.left;
+ me.startY = me.clientY - gridRectDim.top;
+ me.dragged = false;
+ me.w.globals.mousedown = true;
+ }
+
+ if (e.type === 'mousemove' && e.which === 1 || e.type === 'touchmove') {
+ me.dragged = true;
+
+ if (w.globals.panEnabled) {
+ w.globals.selection = null;
+
+ if (me.w.globals.mousedown) {
+ me.panDragging({
+ context: me,
+ zoomtype: zoomtype,
+ xyRatios: xyRatios
+ });
+ }
+ } else {
+ if (me.w.globals.mousedown && w.globals.zoomEnabled || me.w.globals.mousedown && w.globals.selectionEnabled) {
+ me.selection = me.selectionDrawing({
+ context: me,
+ zoomtype: zoomtype
+ });
+ }
+ }
+ }
+
+ if (e.type === 'mouseup' || e.type === 'touchend') {
+ // we will be calling getBoundingClientRect on each mousedown/mousemove/mouseup
+ var _gridRectDim = me.gridRect.getBoundingClientRect();
+
+ if (me.w.globals.mousedown) {
+ // user released the drag, now do all the calculations
+ me.endX = me.clientX - _gridRectDim.left;
+ me.endY = me.clientY - _gridRectDim.top;
+ me.dragX = Math.abs(me.endX - me.startX);
+ me.dragY = Math.abs(me.endY - me.startY);
+
+ if (w.globals.zoomEnabled || w.globals.selectionEnabled) {
+ me.selectionDrawn({
+ context: me,
+ zoomtype: zoomtype
+ });
+ }
+ }
+
+ if (w.globals.zoomEnabled) {
+ me.hideSelectionRect(this.selectionRect);
+ }
+
+ me.dragged = false;
+ me.w.globals.mousedown = false;
+ }
+
+ this.makeSelectionRectDraggable();
+ }
+ }, {
+ key: "makeSelectionRectDraggable",
+ value: function makeSelectionRectDraggable() {
+ var w = this.w;
+ if (!this.selectionRect) return;
+ var rectDim = this.selectionRect.node.getBoundingClientRect();
+
+ if (rectDim.width > 0 && rectDim.height > 0) {
+ this.slDraggableRect.selectize().resize({
+ constraint: {
+ minX: 0,
+ minY: 0,
+ maxX: w.globals.gridWidth,
+ maxY: w.globals.gridHeight
+ }
+ }).on('resizing', this.selectionDragging.bind(this, 'resizing'));
+ }
+ }
+ }, {
+ key: "preselectedSelection",
+ value: function preselectedSelection() {
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+
+ if (!w.globals.zoomEnabled) {
+ if (typeof w.globals.selection !== 'undefined' && w.globals.selection !== null) {
+ this.drawSelectionRect(w.globals.selection);
+ } else {
+ if (w.config.chart.selection.xaxis.min !== undefined && w.config.chart.selection.xaxis.max !== undefined) {
+ var x = (w.config.chart.selection.xaxis.min - w.globals.minX) / xyRatios.xRatio;
+ var width = w.globals.gridWidth - (w.globals.maxX - w.config.chart.selection.xaxis.max) / xyRatios.xRatio - x;
+ var selectionRect = {
+ x: x,
+ y: 0,
+ width: width,
+ height: w.globals.gridHeight,
+ translateX: 0,
+ translateY: 0,
+ selectionEnabled: true
+ };
+ this.drawSelectionRect(selectionRect);
+ this.makeSelectionRectDraggable();
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ w.config.chart.events.selection(this.ctx, {
+ xaxis: {
+ min: w.config.chart.selection.xaxis.min,
+ max: w.config.chart.selection.xaxis.max
+ },
+ yaxis: {}
+ });
+ }
+ }
+ }
+ }
+ }
+ }, {
+ key: "drawSelectionRect",
+ value: function drawSelectionRect(_ref2) {
+ var x = _ref2.x,
+ y = _ref2.y,
+ width = _ref2.width,
+ height = _ref2.height,
+ translateX = _ref2.translateX,
+ translateY = _ref2.translateY;
+ var w = this.w;
+ var zoomRect = this.zoomRect;
+ var selectionRect = this.selectionRect;
+
+ if (this.dragged || w.globals.selection !== null) {
+ var scalingAttrs = {
+ transform: 'translate(' + translateX + ', ' + translateY + ')' // change styles based on zoom or selection
+ // zoom is Enabled and user has dragged, so draw blue rect
+
+ };
+
+ if (w.globals.zoomEnabled && this.dragged) {
+ zoomRect.attr({
+ x: x,
+ y: y,
+ width: width,
+ height: height,
+ fill: w.config.chart.zoom.zoomedArea.fill.color,
+ 'fill-opacity': w.config.chart.zoom.zoomedArea.fill.opacity,
+ stroke: w.config.chart.zoom.zoomedArea.stroke.color,
+ 'stroke-width': w.config.chart.zoom.zoomedArea.stroke.width,
+ 'stroke-opacity': w.config.chart.zoom.zoomedArea.stroke.opacity
+ });
+ Graphics.setAttrs(zoomRect.node, scalingAttrs);
+ } // selection is enabled
+
+
+ if (w.globals.selectionEnabled) {
+ selectionRect.attr({
+ x: x,
+ y: y,
+ width: width > 0 ? width : 0,
+ height: height > 0 ? height : 0,
+ fill: w.config.chart.selection.fill.color,
+ 'fill-opacity': w.config.chart.selection.fill.opacity,
+ stroke: w.config.chart.selection.stroke.color,
+ 'stroke-width': w.config.chart.selection.stroke.width,
+ 'stroke-dasharray': w.config.chart.selection.stroke.dashArray,
+ 'stroke-opacity': w.config.chart.selection.stroke.opacity
+ });
+ Graphics.setAttrs(selectionRect.node, scalingAttrs);
+ }
+ }
+ }
+ }, {
+ key: "hideSelectionRect",
+ value: function hideSelectionRect(rect) {
+ if (rect) {
+ rect.attr({
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0
+ });
+ }
+ }
+ }, {
+ key: "selectionDrawing",
+ value: function selectionDrawing(_ref3) {
+ var context = _ref3.context,
+ zoomtype = _ref3.zoomtype;
+ var w = this.w;
+ var me = context;
+ var gridRectDim = this.gridRect.getBoundingClientRect();
+ var startX = me.startX - 1;
+ var startY = me.startY;
+ var selectionWidth = me.clientX - gridRectDim.left - startX;
+ var selectionHeight = me.clientY - gridRectDim.top - startY;
+ var translateX = 0;
+ var translateY = 0;
+ var selectionRect = {};
+
+ if (Math.abs(selectionWidth + startX) > w.globals.gridWidth || me.clientX - gridRectDim.left < 0) {
+ // user dragged the mouse outside drawing area
+ // TODO: test the selectionRect and make sure it doesn't crosses drawing area
+ me.hideSelectionRect(this.zoomRect);
+ me.dragged = false;
+ me.w.globals.mousedown = false;
+ } // inverse selection X
+
+
+ if (startX > me.clientX - gridRectDim.left) {
+ selectionWidth = Math.abs(selectionWidth);
+ translateX = -selectionWidth;
+ } // inverse selection Y
+
+
+ if (startY > me.clientY - gridRectDim.top) {
+ selectionHeight = Math.abs(selectionHeight);
+ translateY = -selectionHeight;
+ }
+
+ if (zoomtype === 'x') {
+ selectionRect = {
+ x: startX,
+ y: 0,
+ width: selectionWidth,
+ height: w.globals.gridHeight,
+ translateX: translateX,
+ translateY: 0
+ };
+ } else if (zoomtype === 'y') {
+ selectionRect = {
+ x: 0,
+ y: startY,
+ width: w.globals.gridWidth,
+ height: selectionHeight,
+ translateX: 0,
+ translateY: translateY
+ };
+ } else {
+ selectionRect = {
+ x: startX,
+ y: startY,
+ width: selectionWidth,
+ height: selectionHeight,
+ translateX: translateX,
+ translateY: translateY
+ };
+ }
+
+ me.drawSelectionRect(selectionRect);
+ return selectionRect;
+ }
+ }, {
+ key: "selectionDragging",
+ value: function selectionDragging(type, e) {
+ var _this4 = this;
+
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+ var selRect = this.selectionRect;
+ var timerInterval = 0;
+
+ if (type === 'resizing') {
+ timerInterval = 30;
+ }
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ // a small debouncer is required when resizing to avoid freezing the chart
+ clearTimeout(this.w.globals.selectionResizeTimer);
+ this.w.globals.selectionResizeTimer = window.setTimeout(function () {
+ var gridRectDim = _this4.gridRect.getBoundingClientRect();
+
+ var selectionRect = selRect.node.getBoundingClientRect();
+ var minX = w.globals.xAxisScale.niceMin + (selectionRect.left - gridRectDim.left) * xyRatios.xRatio;
+ var maxX = w.globals.xAxisScale.niceMin + (selectionRect.right - gridRectDim.left) * xyRatios.xRatio;
+ var minY = w.globals.yAxisScale[0].niceMin + (gridRectDim.bottom - selectionRect.bottom) * xyRatios.yRatio[0];
+ var maxY = w.globals.yAxisScale[0].niceMax - (selectionRect.top - gridRectDim.top) * xyRatios.yRatio[0];
+ w.config.chart.events.selection(_this4.ctx, {
+ xaxis: {
+ min: minX,
+ max: maxX
+ },
+ yaxis: {
+ min: minY,
+ max: maxY
+ }
+ });
+ }, timerInterval);
+ }
+ }
+ }, {
+ key: "selectionDrawn",
+ value: function selectionDrawn(_ref4) {
+ var context = _ref4.context,
+ zoomtype = _ref4.zoomtype;
+ var w = this.w;
+ var me = context;
+ var xyRatios = this.xyRatios;
+ var toolbar = this.ctx.toolbar;
+
+ if (me.startX > me.endX) {
+ var tempX = me.startX;
+ me.startX = me.endX;
+ me.endX = tempX;
+ }
+
+ if (me.startY > me.endY) {
+ var tempY = me.startY;
+ me.startY = me.endY;
+ me.endY = tempY;
+ }
+
+ var xLowestValue = w.globals.xAxisScale.niceMin + me.startX * xyRatios.xRatio;
+ var xHighestValue = w.globals.xAxisScale.niceMin + me.endX * xyRatios.xRatio; // TODO: we will consider the 1st y axis values here for getting highest and lowest y
+
+ var yHighestValue = [];
+ var yLowestValue = [];
+ w.config.yaxis.forEach(function (yaxe, index) {
+ yHighestValue.push(Math.floor(w.globals.yAxisScale[index].niceMax - xyRatios.yRatio[index] * me.startY));
+ yLowestValue.push(Math.floor(w.globals.yAxisScale[index].niceMax - xyRatios.yRatio[index] * me.endY));
+ });
+
+ if (me.dragged && (me.dragX > 10 || me.dragY > 10) && xLowestValue !== xHighestValue) {
+ if (w.globals.zoomEnabled) {
+ var yaxis = Utils.clone(w.config.yaxis); // before zooming in/out, store the last yaxis and xaxis range, so that when user hits the RESET button, we get the original range
+ // also - make sure user is not already zoomed in/out - otherwise we will store zoomed values in lastAxis
+
+ if (!w.globals.zoomed) {
+ w.globals.lastXAxis = Utils.clone(w.config.xaxis);
+ w.globals.lastYAxis = Utils.clone(w.config.yaxis);
+ }
+
+ var xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (zoomtype === 'xy' || zoomtype === 'y') {
+ yaxis.forEach(function (yaxe, index) {
+ yaxis[index].min = yLowestValue[index];
+ yaxis[index].max = yHighestValue[index];
+ });
+ }
+
+ if (w.config.chart.zoom.autoScaleYaxis) {
+ var scale = new Range(me.ctx);
+ yaxis = scale.autoScaleY(me.ctx, {
+ xaxis: xaxis
+ });
+ }
+
+ if (toolbar) {
+ var beforeZoomRange = toolbar.getBeforeZoomRange(xaxis, yaxis);
+
+ if (beforeZoomRange) {
+ xaxis = beforeZoomRange.xaxis ? beforeZoomRange.xaxis : xaxis;
+ yaxis = beforeZoomRange.yaxis ? beforeZoomRange.yaxe : yaxis;
+ }
+ }
+
+ if (zoomtype === 'x') {
+ me.ctx._updateOptions({
+ xaxis: xaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ } else if (zoomtype === 'y') {
+ me.ctx._updateOptions({
+ yaxis: yaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ } else {
+ me.ctx._updateOptions({
+ xaxis: xaxis,
+ yaxis: yaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ }
+
+ if (typeof w.config.chart.events.zoomed === 'function') {
+ toolbar.zoomCallback(xaxis, yaxis);
+ }
+
+ w.globals.zoomed = true;
+ } else if (w.globals.selectionEnabled) {
+ var _yaxis = null;
+ var _xaxis = null;
+ _xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (zoomtype === 'xy' || zoomtype === 'y') {
+ _yaxis = Utils.clone(w.config.yaxis);
+
+ _yaxis.forEach(function (yaxe, index) {
+ _yaxis[index].min = yLowestValue[index];
+ _yaxis[index].max = yHighestValue[index];
+ });
+ }
+
+ w.globals.selection = me.selection;
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ w.config.chart.events.selection(me.ctx, {
+ xaxis: _xaxis,
+ yaxis: _yaxis
+ });
+ }
+ }
+ }
+ }
+ }, {
+ key: "panDragging",
+ value: function panDragging(_ref5) {
+ var context = _ref5.context,
+ zoomtype = _ref5.zoomtype;
+ var w = this.w;
+ var me = context;
+ var moveDirection; // check to make sure there is data to compare against
+
+ if (typeof w.globals.lastClientPosition.x !== 'undefined') {
+ // get the change from last position to this position
+ var deltaX = w.globals.lastClientPosition.x - me.clientX;
+ var deltaY = w.globals.lastClientPosition.y - me.clientY; // check which direction had the highest amplitude and then figure out direction by checking if the value is greater or less than zero
+
+ if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX > 0) {
+ moveDirection = 'left';
+ } else if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX < 0) {
+ moveDirection = 'right';
+ } else if (Math.abs(deltaY) > Math.abs(deltaX) && deltaY > 0) {
+ moveDirection = 'up';
+ } else if (Math.abs(deltaY) > Math.abs(deltaX) && deltaY < 0) {
+ moveDirection = 'down';
+ }
+ } // set the new last position to the current for next time (to get the position of drag)
+
+
+ w.globals.lastClientPosition = {
+ x: me.clientX,
+ y: me.clientY
+ };
+ var xLowestValue = w.globals.minX;
+ var xHighestValue = w.globals.maxX;
+ this.panScrolled(moveDirection, xLowestValue, xHighestValue);
+ }
+ }, {
+ key: "panScrolled",
+ value: function panScrolled(moveDirection, xLowestValue, xHighestValue) {
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+ var yaxis = Utils.clone(w.config.yaxis);
+
+ if (moveDirection === 'left') {
+ xLowestValue = w.globals.minX + w.globals.gridWidth / 15 * xyRatios.xRatio;
+ xHighestValue = w.globals.maxX + w.globals.gridWidth / 15 * xyRatios.xRatio;
+ } else if (moveDirection === 'right') {
+ xLowestValue = w.globals.minX - w.globals.gridWidth / 15 * xyRatios.xRatio;
+ xHighestValue = w.globals.maxX - w.globals.gridWidth / 15 * xyRatios.xRatio;
+ }
+
+ if (xLowestValue < w.globals.initialminX || xHighestValue > w.globals.initialmaxX) {
+ xLowestValue = w.globals.minX;
+ xHighestValue = w.globals.maxX;
+ }
+
+ var xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (w.config.chart.zoom.autoScaleYaxis) {
+ var scale = new Range(me.ctx);
+ yaxis = scale.autoScaleY(me.ctx, {
+ xaxis: xaxis
+ });
+ }
+
+ this.ctx._updateOptions({
+ xaxis: {
+ min: xLowestValue,
+ max: xHighestValue
+ },
+ yaxis: yaxis
+ }, false, false);
+
+ if (typeof w.config.chart.events.scrolled === 'function') {
+ w.config.chart.events.scrolled(this.ctx, {
+ xaxis: {
+ min: xLowestValue,
+ max: xHighestValue
+ }
+ });
+ }
+ }
+ }]);
+
+ return ZoomPanSelection;
+}(Toolbar);
+
+var TitleSubtitle =
+/*#__PURE__*/
+function () {
+ function TitleSubtitle(ctx) {
+ _classCallCheck(this, TitleSubtitle);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(TitleSubtitle, [{
+ key: "draw",
+ value: function draw() {
+ this.drawTitleSubtitle('title');
+ this.drawTitleSubtitle('subtitle');
+ }
+ }, {
+ key: "drawTitleSubtitle",
+ value: function drawTitleSubtitle(type) {
+ var w = this.w;
+ var tsConfig = type === 'title' ? w.config.title : w.config.subtitle;
+ var x = w.globals.svgWidth / 2;
+ var y = tsConfig.offsetY;
+ var textAnchor = 'middle';
+
+ if (tsConfig.align === 'left') {
+ x = 10;
+ textAnchor = 'start';
+ } else if (tsConfig.align === 'right') {
+ x = w.globals.svgWidth - 10;
+ textAnchor = 'end';
+ }
+
+ x = x + tsConfig.offsetX;
+ y = y + parseInt(tsConfig.style.fontSize) + 2;
+
+ if (tsConfig.text !== undefined) {
+ var graphics = new Graphics(this.ctx);
+ var titleText = graphics.drawText({
+ x: x,
+ y: y,
+ text: tsConfig.text,
+ textAnchor: textAnchor,
+ fontSize: tsConfig.style.fontSize,
+ fontFamily: tsConfig.style.fontFamily,
+ foreColor: tsConfig.style.color,
+ opacity: 1
+ });
+ titleText.node.setAttribute('class', "apexcharts-".concat(type, "-text"));
+ w.globals.dom.Paper.add(titleText);
+ }
+ }
+ }]);
+
+ return TitleSubtitle;
+}();
+
+(function (root, factory) {
+ /* istanbul ignore next */
+ if (typeof define === 'function' && define.amd) {
+ define(function () {
+ return factory(root, root.document);
+ });
+ } else if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object') {
+ module.exports = root.document ? factory(root, root.document) : function (w) {
+ return factory(w, w.document);
+ };
+ } else {
+ root.SVG = factory(root, root.document);
+ }
+})(typeof window !== 'undefined' ? window : undefined, function (window, document) {
+ // Find global reference - uses 'this' by default when available,
+ // falls back to 'window' otherwise (for bundlers like Webpack)
+ var globalRef = typeof this !== 'undefined' ? this : window; // The main wrapping element
+
+ var SVG = globalRef.SVG = function (element) {
+ if (SVG.supported) {
+ element = new SVG.Doc(element);
+
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ return element;
+ }
+ }; // Default namespaces
+
+
+ SVG.ns = 'http://www.w3.org/2000/svg';
+ SVG.xmlns = 'http://www.w3.org/2000/xmlns/';
+ SVG.xlink = 'http://www.w3.org/1999/xlink';
+ SVG.svgjs = 'http://svgjs.com/svgjs'; // Svg support test
+
+ SVG.supported = function () {
+ return true; // !!document.createElementNS &&
+ // !! document.createElementNS(SVG.ns,'svg').createSVGRect
+ }(); // Don't bother to continue if SVG is not supported
+
+
+ if (!SVG.supported) return false; // Element id sequence
+
+ SVG.did = 1000; // Get next named element id
+
+ SVG.eid = function (name) {
+ return 'Svgjs' + capitalize(name) + SVG.did++;
+ }; // Method for element creation
+
+
+ SVG.create = function (name) {
+ // create element
+ var element = document.createElementNS(this.ns, name); // apply unique id
+
+ element.setAttribute('id', this.eid(name));
+ return element;
+ }; // Method for extending objects
+
+
+ SVG.extend = function () {
+ var modules, methods, key, i; // Get list of modules
+
+ modules = [].slice.call(arguments); // Get object with extensions
+
+ methods = modules.pop();
+
+ for (i = modules.length - 1; i >= 0; i--) {
+ if (modules[i]) {
+ for (key in methods) {
+ modules[i].prototype[key] = methods[key];
+ }
+ }
+ } // Make sure SVG.Set inherits any newly added methods
+
+
+ if (SVG.Set && SVG.Set.inherit) {
+ SVG.Set.inherit();
+ }
+ }; // Invent new element
+
+
+ SVG.invent = function (config) {
+ // Create element initializer
+ var initializer = typeof config.create === 'function' ? config.create : function () {
+ this.constructor.call(this, SVG.create(config.create));
+ }; // Inherit prototype
+
+ if (config.inherit) {
+ initializer.prototype = new config.inherit();
+ } // Extend with methods
+
+
+ if (config.extend) {
+ SVG.extend(initializer, config.extend);
+ } // Attach construct method to parent
+
+
+ if (config.construct) {
+ SVG.extend(config.parent || SVG.Container, config.construct);
+ }
+
+ return initializer;
+ }; // Adopt existing svg elements
+
+
+ SVG.adopt = function (node) {
+ // check for presence of node
+ if (!node) return null; // make sure a node isn't already adopted
+
+ if (node.instance) return node.instance; // initialize variables
+
+ var element; // adopt with element-specific settings
+
+ if (node.nodeName == 'svg') {
+ element = node.parentNode instanceof window.SVGElement ? new SVG.Nested() : new SVG.Doc();
+ } else if (node.nodeName == 'linearGradient') {
+ element = new SVG.Gradient('linear');
+ } else if (node.nodeName == 'radialGradient') {
+ element = new SVG.Gradient('radial');
+ } else if (SVG[capitalize(node.nodeName)]) {
+ element = new SVG[capitalize(node.nodeName)]();
+ } else {
+ element = new SVG.Element(node);
+ } // ensure references
+
+
+ element.type = node.nodeName;
+ element.node = node;
+ node.instance = element; // SVG.Class specific preparations
+
+ if (element instanceof SVG.Doc) {
+ element.namespace().defs();
+ } // pull svgjs data from the dom (getAttributeNS doesn't work in html5)
+
+
+ element.setData(JSON.parse(node.getAttribute('svgjs:data')) || {});
+ return element;
+ }; // Initialize parsing element
+
+
+ SVG.prepare = function () {
+ // Select document body and create invisible svg element
+ var body = document.getElementsByTagName('body')[0],
+ draw = (body ? new SVG.Doc(body) : SVG.adopt(document.documentElement).nested()).size(2, 0); // Create parser object
+
+ SVG.parser = {
+ body: body || document.documentElement,
+ draw: draw.style('opacity:0;position:absolute;left:-100%;top:-100%;overflow:hidden').node,
+ poly: draw.polyline().node,
+ path: draw.path().node,
+ native: SVG.create('svg')
+ };
+ };
+
+ SVG.parser = {
+ native: SVG.create('svg')
+ };
+ document.addEventListener('DOMContentLoaded', function () {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+ }, false); // Storage for regular expressions
+
+ SVG.regex = {
+ // Parse unit value
+ numberAndUnit: /^([+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?)([a-z%]*)$/i,
+ // Parse hex value
+ hex: /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,
+ // Parse rgb value
+ rgb: /rgb\((\d+),(\d+),(\d+)\)/,
+ // Parse reference id
+ reference: /#([a-z0-9\-_]+)/i,
+ // splits a transformation chain
+ transforms: /\)\s*,?\s*/,
+ // Whitespace
+ whitespace: /\s/g,
+ // Test hex value
+ isHex: /^#[a-f0-9]{3,6}$/i,
+ // Test rgb value
+ isRgb: /^rgb\(/,
+ // Test css declaration
+ isCss: /[^:]+:[^;]+;?/,
+ // Test for blank string
+ isBlank: /^(\s+)?$/,
+ // Test for numeric string
+ isNumber: /^[+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,
+ // Test for percent value
+ isPercent: /^-?[\d\.]+%$/,
+ // Test for image url
+ isImage: /\.(jpg|jpeg|png|gif|svg)(\?[^=]+.*)?/i,
+ // split at whitespace and comma
+ delimiter: /[\s,]+/,
+ // The following regex are used to parse the d attribute of a path
+ // Matches all hyphens which are not after an exponent
+ hyphen: /([^e])\-/gi,
+ // Replaces and tests for all path letters
+ pathLetters: /[MLHVCSQTAZ]/gi,
+ // yes we need this one, too
+ isPathLetter: /[MLHVCSQTAZ]/i,
+ // matches 0.154.23.45
+ numbersWithDots: /((\d?\.\d+(?:e[+-]?\d+)?)((?:\.\d+(?:e[+-]?\d+)?)+))+/gi,
+ // matches .
+ dots: /\./g
+ };
+ SVG.utils = {
+ // Map function
+ map: function map(array, block) {
+ var i,
+ il = array.length,
+ result = [];
+
+ for (i = 0; i < il; i++) {
+ result.push(block(array[i]));
+ }
+
+ return result;
+ },
+ // Filter function
+ filter: function filter(array, block) {
+ var i,
+ il = array.length,
+ result = [];
+
+ for (i = 0; i < il; i++) {
+ if (block(array[i])) {
+ result.push(array[i]);
+ }
+ }
+
+ return result;
+ },
+ // Degrees to radians
+ radians: function radians(d) {
+ return d % 360 * Math.PI / 180;
+ },
+ // Radians to degrees
+ degrees: function degrees(r) {
+ return r * 180 / Math.PI % 360;
+ },
+ filterSVGElements: function filterSVGElements(nodes) {
+ return this.filter(nodes, function (el) {
+ return el instanceof window.SVGElement;
+ });
+ }
+ };
+ SVG.defaults = {
+ // Default attribute values
+ attrs: {
+ // fill and stroke
+ 'fill-opacity': 1,
+ 'stroke-opacity': 1,
+ 'stroke-width': 0,
+ 'stroke-linejoin': 'miter',
+ 'stroke-linecap': 'butt',
+ fill: '#000000',
+ stroke: '#000000',
+ opacity: 1,
+ // position
+ x: 0,
+ y: 0,
+ cx: 0,
+ cy: 0,
+ // size
+ width: 0,
+ height: 0,
+ // radius
+ r: 0,
+ rx: 0,
+ ry: 0,
+ // gradient
+ offset: 0,
+ 'stop-opacity': 1,
+ 'stop-color': '#000000',
+ // text
+ 'font-size': 16,
+ 'font-family': 'Helvetica, Arial, sans-serif',
+ 'text-anchor': 'start'
+ } // Module for color convertions
+
+ };
+
+ SVG.Color = function (color) {
+ var match; // initialize defaults
+
+ this.r = 0;
+ this.g = 0;
+ this.b = 0;
+ if (!color) return; // parse color
+
+ if (typeof color === 'string') {
+ if (SVG.regex.isRgb.test(color)) {
+ // get rgb values
+ match = SVG.regex.rgb.exec(color.replace(SVG.regex.whitespace, '')); // parse numeric values
+
+ this.r = parseInt(match[1]);
+ this.g = parseInt(match[2]);
+ this.b = parseInt(match[3]);
+ } else if (SVG.regex.isHex.test(color)) {
+ // get hex values
+ match = SVG.regex.hex.exec(fullHex(color)); // parse numeric values
+
+ this.r = parseInt(match[1], 16);
+ this.g = parseInt(match[2], 16);
+ this.b = parseInt(match[3], 16);
+ }
+ } else if (_typeof(color) === 'object') {
+ this.r = color.r;
+ this.g = color.g;
+ this.b = color.b;
+ }
+ };
+
+ SVG.extend(SVG.Color, {
+ // Default to hex conversion
+ toString: function toString() {
+ return this.toHex();
+ },
+ // Build hex value
+ toHex: function toHex() {
+ return '#' + compToHex(this.r) + compToHex(this.g) + compToHex(this.b);
+ },
+ // Build rgb value
+ toRgb: function toRgb() {
+ return 'rgb(' + [this.r, this.g, this.b].join() + ')';
+ },
+ // Calculate true brightness
+ brightness: function brightness() {
+ return this.r / 255 * 0.30 + this.g / 255 * 0.59 + this.b / 255 * 0.11;
+ },
+ // Make color morphable
+ morph: function morph(color) {
+ this.destination = new SVG.Color(color);
+ return this;
+ },
+ // Get morphed color at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // normalise pos
+
+ pos = pos < 0 ? 0 : pos > 1 ? 1 : pos; // generate morphed color
+
+ return new SVG.Color({
+ r: ~~(this.r + (this.destination.r - this.r) * pos),
+ g: ~~(this.g + (this.destination.g - this.g) * pos),
+ b: ~~(this.b + (this.destination.b - this.b) * pos)
+ });
+ }
+ }); // Testers
+ // Test if given value is a color string
+
+ SVG.Color.test = function (color) {
+ color += '';
+ return SVG.regex.isHex.test(color) || SVG.regex.isRgb.test(color);
+ }; // Test if given value is a rgb object
+
+
+ SVG.Color.isRgb = function (color) {
+ return color && typeof color.r === 'number' && typeof color.g === 'number' && typeof color.b === 'number';
+ }; // Test if given value is a color
+
+
+ SVG.Color.isColor = function (color) {
+ return SVG.Color.isRgb(color) || SVG.Color.test(color);
+ }; // Module for array conversion
+
+
+ SVG.Array = function (array, fallback) {
+ array = (array || []).valueOf(); // if array is empty and fallback is provided, use fallback
+
+ if (array.length == 0 && fallback) {
+ array = fallback.valueOf();
+ } // parse array
+
+
+ this.value = this.parse(array);
+ };
+
+ SVG.extend(SVG.Array, {
+ // Make array morphable
+ morph: function morph(array) {
+ this.destination = this.parse(array); // normalize length of arrays
+
+ if (this.value.length != this.destination.length) {
+ var lastValue = this.value[this.value.length - 1],
+ lastDestination = this.destination[this.destination.length - 1];
+
+ while (this.value.length > this.destination.length) {
+ this.destination.push(lastDestination);
+ }
+
+ while (this.value.length < this.destination.length) {
+ this.value.push(lastValue);
+ }
+ }
+
+ return this;
+ },
+ // Clean up any duplicate points
+ settle: function settle() {
+ // find all unique values
+ for (var i = 0, il = this.value.length, seen = []; i < il; i++) {
+ if (seen.indexOf(this.value[i]) == -1) {
+ seen.push(this.value[i]);
+ }
+ } // set new value
+
+
+ return this.value = seen;
+ },
+ // Get morphed array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // generate morphed array
+
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push(this.value[i] + (this.destination[i] - this.value[i]) * pos);
+ }
+
+ return new SVG.Array(array);
+ },
+ // Convert array to string
+ toString: function toString() {
+ return this.value.join(' ');
+ },
+ // Real value
+ valueOf: function valueOf() {
+ return this.value;
+ },
+ // Parse whitespace separated string
+ parse: function parse(array) {
+ array = array.valueOf(); // if already is an array, no need to parse it
+
+ if (Array.isArray(array)) return array;
+ return this.split(array);
+ },
+ // Strip unnecessary whitespace
+ split: function split(string) {
+ return string.trim().split(SVG.regex.delimiter).map(parseFloat);
+ },
+ // Reverse array
+ reverse: function reverse() {
+ this.value.reverse();
+ return this;
+ },
+ clone: function clone() {
+ var clone = new this.constructor();
+ clone.value = array_clone(this.value);
+ return clone;
+ }
+ }); // Poly points array
+
+ SVG.PointArray = function (array, fallback) {
+ SVG.Array.call(this, array, fallback || [[0, 0]]);
+ }; // Inherit from SVG.Array
+
+
+ SVG.PointArray.prototype = new SVG.Array();
+ SVG.PointArray.prototype.constructor = SVG.PointArray;
+ SVG.extend(SVG.PointArray, {
+ // Convert array to string
+ toString: function toString() {
+ // convert to a poly point string
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push(this.value[i].join(','));
+ }
+
+ return array.join(' ');
+ },
+ // Convert array to line object
+ toLine: function toLine() {
+ return {
+ x1: this.value[0][0],
+ y1: this.value[0][1],
+ x2: this.value[1][0],
+ y2: this.value[1][1]
+ };
+ },
+ // Get morphed array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // generate morphed point string
+
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push([this.value[i][0] + (this.destination[i][0] - this.value[i][0]) * pos, this.value[i][1] + (this.destination[i][1] - this.value[i][1]) * pos]);
+ }
+
+ return new SVG.PointArray(array);
+ },
+ // Parse point string and flat array
+ parse: function parse(array) {
+ var points = [];
+ array = array.valueOf(); // if it is an array
+
+ if (Array.isArray(array)) {
+ // and it is not flat, there is no need to parse it
+ if (Array.isArray(array[0])) {
+ // make sure to use a clone
+ return array.map(function (el) {
+ return el.slice();
+ });
+ } else if (array[0].x != null) {
+ // allow point objects to be passed
+ return array.map(function (el) {
+ return [el.x, el.y];
+ });
+ }
+ } else {
+ // Else, it is considered as a string
+ // parse points
+ array = array.trim().split(SVG.regex.delimiter).map(parseFloat);
+ } // validate points - https://svgwg.org/svg2-draft/shapes.html#DataTypePoints
+ // Odd number of coordinates is an error. In such cases, drop the last odd coordinate.
+
+
+ if (array.length % 2 !== 0) array.pop(); // wrap points in two-tuples and parse points as floats
+
+ for (var i = 0, len = array.length; i < len; i = i + 2) {
+ points.push([array[i], array[i + 1]]);
+ }
+
+ return points;
+ },
+ // Move point string
+ move: function move(x, y) {
+ var box = this.bbox(); // get relative offset
+
+ x -= box.x;
+ y -= box.y; // move every point
+
+ if (!isNaN(x) && !isNaN(y)) {
+ for (var i = this.value.length - 1; i >= 0; i--) {
+ this.value[i] = [this.value[i][0] + x, this.value[i][1] + y];
+ }
+ }
+
+ return this;
+ },
+ // Resize poly string
+ size: function size(width, height) {
+ var i,
+ box = this.bbox(); // recalculate position of all points according to new size
+
+ for (i = this.value.length - 1; i >= 0; i--) {
+ if (box.width) this.value[i][0] = (this.value[i][0] - box.x) * width / box.width + box.x;
+ if (box.height) this.value[i][1] = (this.value[i][1] - box.y) * height / box.height + box.y;
+ }
+
+ return this;
+ },
+ // Get bounding box of points
+ bbox: function bbox() {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ SVG.parser.poly.setAttribute('points', this.toString());
+ return SVG.parser.poly.getBBox();
+ }
+ });
+ var pathHandlers = {
+ M: function M(c, p, p0) {
+ p.x = p0.x = c[0];
+ p.y = p0.y = c[1];
+ return ['M', p.x, p.y];
+ },
+ L: function L(c, p) {
+ p.x = c[0];
+ p.y = c[1];
+ return ['L', c[0], c[1]];
+ },
+ H: function H(c, p) {
+ p.x = c[0];
+ return ['H', c[0]];
+ },
+ V: function V(c, p) {
+ p.y = c[0];
+ return ['V', c[0]];
+ },
+ C: function C(c, p) {
+ p.x = c[4];
+ p.y = c[5];
+ return ['C', c[0], c[1], c[2], c[3], c[4], c[5]];
+ },
+ S: function S(c, p) {
+ p.x = c[2];
+ p.y = c[3];
+ return ['S', c[0], c[1], c[2], c[3]];
+ },
+ Q: function Q(c, p) {
+ p.x = c[2];
+ p.y = c[3];
+ return ['Q', c[0], c[1], c[2], c[3]];
+ },
+ T: function T(c, p) {
+ p.x = c[0];
+ p.y = c[1];
+ return ['T', c[0], c[1]];
+ },
+ Z: function Z(c, p, p0) {
+ p.x = p0.x;
+ p.y = p0.y;
+ return ['Z'];
+ },
+ A: function A(c, p) {
+ p.x = c[5];
+ p.y = c[6];
+ return ['A', c[0], c[1], c[2], c[3], c[4], c[5], c[6]];
+ }
+ };
+ var mlhvqtcsa = 'mlhvqtcsaz'.split('');
+
+ for (var i = 0, il = mlhvqtcsa.length; i < il; ++i) {
+ pathHandlers[mlhvqtcsa[i]] = function (i) {
+ return function (c, p, p0) {
+ if (i == 'H') c[0] = c[0] + p.x;else if (i == 'V') c[0] = c[0] + p.y;else if (i == 'A') {
+ c[5] = c[5] + p.x, c[6] = c[6] + p.y;
+ } else {
+ for (var j = 0, jl = c.length; j < jl; ++j) {
+ c[j] = c[j] + (j % 2 ? p.y : p.x);
+ }
+ }
+ return pathHandlers[i](c, p, p0);
+ };
+ }(mlhvqtcsa[i].toUpperCase());
+ } // Path points array
+
+
+ SVG.PathArray = function (array, fallback) {
+ SVG.Array.call(this, array, fallback || [['M', 0, 0]]);
+ }; // Inherit from SVG.Array
+
+
+ SVG.PathArray.prototype = new SVG.Array();
+ SVG.PathArray.prototype.constructor = SVG.PathArray;
+ SVG.extend(SVG.PathArray, {
+ // Convert array to string
+ toString: function toString() {
+ return arrayToString(this.value);
+ },
+ // Move path string
+ move: function move(x, y) {
+ // get bounding box of current situation
+ var box = this.bbox(); // get relative offset
+
+ x -= box.x;
+ y -= box.y;
+
+ if (!isNaN(x) && !isNaN(y)) {
+ // move every point
+ for (var l, i = this.value.length - 1; i >= 0; i--) {
+ l = this.value[i][0];
+
+ if (l == 'M' || l == 'L' || l == 'T') {
+ this.value[i][1] += x;
+ this.value[i][2] += y;
+ } else if (l == 'H') {
+ this.value[i][1] += x;
+ } else if (l == 'V') {
+ this.value[i][1] += y;
+ } else if (l == 'C' || l == 'S' || l == 'Q') {
+ this.value[i][1] += x;
+ this.value[i][2] += y;
+ this.value[i][3] += x;
+ this.value[i][4] += y;
+
+ if (l == 'C') {
+ this.value[i][5] += x;
+ this.value[i][6] += y;
+ }
+ } else if (l == 'A') {
+ this.value[i][6] += x;
+ this.value[i][7] += y;
+ }
+ }
+ }
+
+ return this;
+ },
+ // Resize path string
+ size: function size(width, height) {
+ // get bounding box of current situation
+ var i,
+ l,
+ box = this.bbox(); // recalculate position of all points according to new size
+
+ for (i = this.value.length - 1; i >= 0; i--) {
+ l = this.value[i][0];
+
+ if (l == 'M' || l == 'L' || l == 'T') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ this.value[i][2] = (this.value[i][2] - box.y) * height / box.height + box.y;
+ } else if (l == 'H') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ } else if (l == 'V') {
+ this.value[i][1] = (this.value[i][1] - box.y) * height / box.height + box.y;
+ } else if (l == 'C' || l == 'S' || l == 'Q') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ this.value[i][2] = (this.value[i][2] - box.y) * height / box.height + box.y;
+ this.value[i][3] = (this.value[i][3] - box.x) * width / box.width + box.x;
+ this.value[i][4] = (this.value[i][4] - box.y) * height / box.height + box.y;
+
+ if (l == 'C') {
+ this.value[i][5] = (this.value[i][5] - box.x) * width / box.width + box.x;
+ this.value[i][6] = (this.value[i][6] - box.y) * height / box.height + box.y;
+ }
+ } else if (l == 'A') {
+ // resize radii
+ this.value[i][1] = this.value[i][1] * width / box.width;
+ this.value[i][2] = this.value[i][2] * height / box.height; // move position values
+
+ this.value[i][6] = (this.value[i][6] - box.x) * width / box.width + box.x;
+ this.value[i][7] = (this.value[i][7] - box.y) * height / box.height + box.y;
+ }
+ }
+
+ return this;
+ },
+ // Test if the passed path array use the same path data commands as this path array
+ equalCommands: function equalCommands(pathArray) {
+ var i, il, equalCommands;
+ pathArray = new SVG.PathArray(pathArray);
+ equalCommands = this.value.length === pathArray.value.length;
+
+ for (i = 0, il = this.value.length; equalCommands && i < il; i++) {
+ equalCommands = this.value[i][0] === pathArray.value[i][0];
+ }
+
+ return equalCommands;
+ },
+ // Make path array morphable
+ morph: function morph(pathArray) {
+ pathArray = new SVG.PathArray(pathArray);
+
+ if (this.equalCommands(pathArray)) {
+ this.destination = pathArray;
+ } else {
+ this.destination = null;
+ }
+
+ return this;
+ },
+ // Get morphed path array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this;
+ var sourceArray = this.value,
+ destinationArray = this.destination.value,
+ array = [],
+ pathArray = new SVG.PathArray(),
+ i,
+ il,
+ j,
+ jl; // Animate has specified in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/paths.html#PathElement
+
+ for (i = 0, il = sourceArray.length; i < il; i++) {
+ array[i] = [sourceArray[i][0]];
+
+ for (j = 1, jl = sourceArray[i].length; j < jl; j++) {
+ array[i][j] = sourceArray[i][j] + (destinationArray[i][j] - sourceArray[i][j]) * pos;
+ } // For the two flags of the elliptical arc command, the SVG spec say:
+ // Flags and booleans are interpolated as fractions between zero and one, with any non-zero value considered to be a value of one/true
+ // Elliptical arc command as an array followed by corresponding indexes:
+ // ['A', rx, ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y]
+ // 0 1 2 3 4 5 6 7
+
+
+ if (array[i][0] === 'A') {
+ array[i][4] = +(array[i][4] != 0);
+ array[i][5] = +(array[i][5] != 0);
+ }
+ } // Directly modify the value of a path array, this is done this way for performance
+
+
+ pathArray.value = array;
+ return pathArray;
+ },
+ // Absolutize and parse path to array
+ parse: function parse(array) {
+ // if it's already a patharray, no need to parse it
+ if (array instanceof SVG.PathArray) return array.valueOf(); // prepare for parsing
+
+ var s,
+ arr,
+ paramCnt = {
+ 'M': 2,
+ 'L': 2,
+ 'H': 1,
+ 'V': 1,
+ 'C': 6,
+ 'S': 4,
+ 'Q': 4,
+ 'T': 2,
+ 'A': 7,
+ 'Z': 0
+ };
+
+ if (typeof array === 'string') {
+ array = array.replace(SVG.regex.numbersWithDots, pathRegReplace) // convert 45.123.123 to 45.123 .123
+ .replace(SVG.regex.pathLetters, ' $& ') // put some room between letters and numbers
+ .replace(SVG.regex.hyphen, '$1 -') // add space before hyphen
+ .trim() // trim
+ .split(SVG.regex.delimiter); // split into array
+ } else {
+ array = array.reduce(function (prev, curr) {
+ return [].concat.call(prev, curr);
+ }, []);
+ } // array now is an array containing all parts of a path e.g. ['M', '0', '0', 'L', '30', '30' ...]
+
+
+ var arr = [],
+ p = new SVG.Point(),
+ p0 = new SVG.Point(),
+ index = 0,
+ len = array.length;
+
+ do {
+ // Test if we have a path letter
+ if (SVG.regex.isPathLetter.test(array[index])) {
+ s = array[index];
+ ++index; // If last letter was a move command and we got no new, it defaults to [L]ine
+ } else if (s == 'M') {
+ s = 'L';
+ } else if (s == 'm') {
+ s = 'l';
+ }
+
+ arr.push(pathHandlers[s].call(null, array.slice(index, index = index + paramCnt[s.toUpperCase()]).map(parseFloat), p, p0));
+ } while (len > index);
+
+ return arr;
+ },
+ // Get bounding box of path
+ bbox: function bbox() {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ SVG.parser.path.setAttribute('d', this.toString());
+ return SVG.parser.path.getBBox();
+ }
+ }); // Module for unit convertions
+
+ SVG.Number = SVG.invent({
+ // Initialize
+ create: function create(value, unit) {
+ // initialize defaults
+ this.value = 0;
+ this.unit = unit || ''; // parse value
+
+ if (typeof value === 'number') {
+ // ensure a valid numeric value
+ this.value = isNaN(value) ? 0 : !isFinite(value) ? value < 0 ? -3.4e+38 : +3.4e+38 : value;
+ } else if (typeof value === 'string') {
+ unit = value.match(SVG.regex.numberAndUnit);
+
+ if (unit) {
+ // make value numeric
+ this.value = parseFloat(unit[1]); // normalize
+
+ if (unit[5] == '%') {
+ this.value /= 100;
+ } else if (unit[5] == 's') {
+ this.value *= 1000;
+ } // store unit
+
+
+ this.unit = unit[5];
+ }
+ } else {
+ if (value instanceof SVG.Number) {
+ this.value = value.valueOf();
+ this.unit = value.unit;
+ }
+ }
+ },
+ // Add methods
+ extend: {
+ // Stringalize
+ toString: function toString() {
+ return (this.unit == '%' ? ~~(this.value * 1e8) / 1e6 : this.unit == 's' ? this.value / 1e3 : this.value) + this.unit;
+ },
+ toJSON: function toJSON() {
+ return this.toString();
+ },
+ // Convert to primitive
+ valueOf: function valueOf() {
+ return this.value;
+ },
+ // Add number
+ plus: function plus(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this + number, this.unit || number.unit);
+ },
+ // Subtract number
+ minus: function minus(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this - number, this.unit || number.unit);
+ },
+ // Multiply number
+ times: function times(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this * number, this.unit || number.unit);
+ },
+ // Divide number
+ divide: function divide(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this / number, this.unit || number.unit);
+ },
+ // Convert to different unit
+ to: function to(unit) {
+ var number = new SVG.Number(this);
+
+ if (typeof unit === 'string') {
+ number.unit = unit;
+ }
+
+ return number;
+ },
+ // Make number morphable
+ morph: function morph(number) {
+ this.destination = new SVG.Number(number);
+
+ if (number.relative) {
+ this.destination.value += this.value;
+ }
+
+ return this;
+ },
+ // Get morphed number at given position
+ at: function at(pos) {
+ // Make sure a destination is defined
+ if (!this.destination) return this; // Generate new morphed number
+
+ return new SVG.Number(this.destination).minus(this).times(pos).plus(this);
+ }
+ }
+ });
+ SVG.Element = SVG.invent({
+ // Initialize node
+ create: function create(node) {
+ // make stroke value accessible dynamically
+ this._stroke = SVG.defaults.attrs.stroke;
+ this._event = null; // initialize data object
+
+ this.dom = {}; // create circular reference
+
+ if (this.node = node) {
+ this.type = node.nodeName;
+ this.node.instance = this; // store current attribute value
+
+ this._stroke = node.getAttribute('stroke') || this._stroke;
+ }
+ },
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x) {
+ return this.attr('x', _x);
+ },
+ // Move over y-axis
+ y: function y(_y) {
+ return this.attr('y', _y);
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.x() + this.width() / 2 : this.x(x - this.width() / 2);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.y() + this.height() / 2 : this.y(y - this.height() / 2);
+ },
+ // Move element to given x and y values
+ move: function move(x, y) {
+ return this.x(x).y(y);
+ },
+ // Move element by its center
+ center: function center(x, y) {
+ return this.cx(x).cy(y);
+ },
+ // Set width of element
+ width: function width(_width) {
+ return this.attr('width', _width);
+ },
+ // Set height of element
+ height: function height(_height) {
+ return this.attr('height', _height);
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.width(new SVG.Number(p.width)).height(new SVG.Number(p.height));
+ },
+ // Clone element
+ clone: function clone(parent) {
+ // write dom data to the dom so the clone can pickup the data
+ this.writeDataToDom(); // clone element and assign new id
+
+ var clone = assignNewId(this.node.cloneNode(true)); // insert the clone in the given parent or after myself
+
+ if (parent) parent.add(clone);else this.after(clone);
+ return clone;
+ },
+ // Remove element
+ remove: function remove() {
+ if (this.parent()) {
+ this.parent().removeElement(this);
+ }
+
+ return this;
+ },
+ // Replace element
+ replace: function replace(element) {
+ this.after(element).remove();
+ return element;
+ },
+ // Add element to given container and return self
+ addTo: function addTo(parent) {
+ return parent.put(this);
+ },
+ // Add element to given container and return container
+ putIn: function putIn(parent) {
+ return parent.add(this);
+ },
+ // Get / set id
+ id: function id(_id) {
+ return this.attr('id', _id);
+ },
+ // Checks whether the given point inside the bounding box of the element
+ inside: function inside(x, y) {
+ var box = this.bbox();
+ return x > box.x && y > box.y && x < box.x + box.width && y < box.y + box.height;
+ },
+ // Show element
+ show: function show() {
+ return this.style('display', '');
+ },
+ // Hide element
+ hide: function hide() {
+ return this.style('display', 'none');
+ },
+ // Is element visible?
+ visible: function visible() {
+ return this.style('display') != 'none';
+ },
+ // Return id on string conversion
+ toString: function toString() {
+ return this.attr('id');
+ },
+ // Return array of classes on the node
+ classes: function classes() {
+ var attr = this.attr('class');
+ return attr == null ? [] : attr.trim().split(SVG.regex.delimiter);
+ },
+ // Return true if class exists on the node, false otherwise
+ hasClass: function hasClass(name) {
+ return this.classes().indexOf(name) != -1;
+ },
+ // Add class to the node
+ addClass: function addClass(name) {
+ if (!this.hasClass(name)) {
+ var array = this.classes();
+ array.push(name);
+ this.attr('class', array.join(' '));
+ }
+
+ return this;
+ },
+ // Remove class from the node
+ removeClass: function removeClass(name) {
+ if (this.hasClass(name)) {
+ this.attr('class', this.classes().filter(function (c) {
+ return c != name;
+ }).join(' '));
+ }
+
+ return this;
+ },
+ // Toggle the presence of a class on the node
+ toggleClass: function toggleClass(name) {
+ return this.hasClass(name) ? this.removeClass(name) : this.addClass(name);
+ },
+ // Get referenced element form attribute value
+ reference: function reference(attr) {
+ return SVG.get(this.attr(attr));
+ },
+ // Returns the parent element instance
+ parent: function parent(type) {
+ var parent = this; // check for parent
+
+ if (!parent.node.parentNode) return null; // get parent element
+
+ parent = SVG.adopt(parent.node.parentNode);
+ if (!type) return parent; // loop trough ancestors if type is given
+
+ while (parent && parent.node instanceof window.SVGElement) {
+ if (typeof type === 'string' ? parent.matches(type) : parent instanceof type) return parent;
+ if (!parent.node.parentNode || parent.node.parentNode.nodeName == '#document') return null; // #759, #720
+
+ parent = SVG.adopt(parent.node.parentNode);
+ }
+ },
+ // Get parent document
+ doc: function doc() {
+ return this instanceof SVG.Doc ? this : this.parent(SVG.Doc);
+ },
+ // return array of all ancestors of given type up to the root svg
+ parents: function parents(type) {
+ var parents = [],
+ parent = this;
+
+ do {
+ parent = parent.parent(type);
+ if (!parent || !parent.node) break;
+ parents.push(parent);
+ } while (parent.parent);
+
+ return parents;
+ },
+ // matches the element vs a css selector
+ matches: function matches(selector) {
+ return _matches(this.node, selector);
+ },
+ // Returns the svg node to call native svg methods on it
+ native: function native() {
+ return this.node;
+ },
+ // Import raw svg
+ svg: function svg(_svg) {
+ // create temporary holder
+ var well = document.createElement('svg'); // act as a setter if svg is given
+
+ if (_svg && this instanceof SVG.Parent) {
+ // dump raw svg
+ well.innerHTML = '<svg>' + _svg.replace(/\n/, '').replace(/<([\w:-]+)([^<]+?)\/>/g, '<$1$2></$1>') + '</svg>'; // transplant nodes
+
+ for (var i = 0, il = well.firstChild.childNodes.length; i < il; i++) {
+ this.node.appendChild(well.firstChild.firstChild);
+ } // otherwise act as a getter
+
+ } else {
+ // create a wrapping svg element in case of partial content
+ well.appendChild(_svg = document.createElement('svg')); // write svgjs data to the dom
+
+ this.writeDataToDom(); // insert a copy of this node
+
+ _svg.appendChild(this.node.cloneNode(true)); // return target element
+
+
+ return well.innerHTML.replace(/^<svg>/, '').replace(/<\/svg>$/, '');
+ }
+
+ return this;
+ },
+ // write svgjs data to the dom
+ writeDataToDom: function writeDataToDom() {
+ // dump variables recursively
+ if (this.each || this.lines) {
+ var fn = this.each ? this : this.lines();
+ fn.each(function () {
+ this.writeDataToDom();
+ });
+ } // remove previously set data
+
+
+ this.node.removeAttribute('svgjs:data');
+
+ if (Object.keys(this.dom).length) {
+ this.node.setAttribute('svgjs:data', JSON.stringify(this.dom));
+ } // see #428
+
+
+ return this;
+ },
+ // set given data to the elements data property
+ setData: function setData(o) {
+ this.dom = o;
+ return this;
+ },
+ is: function is(obj) {
+ return _is(this, obj);
+ }
+ }
+ });
+ SVG.easing = {
+ '-': function _(pos) {
+ return pos;
+ },
+ '<>': function _(pos) {
+ return -Math.cos(pos * Math.PI) / 2 + 0.5;
+ },
+ '>': function _(pos) {
+ return Math.sin(pos * Math.PI / 2);
+ },
+ '<': function _(pos) {
+ return -Math.cos(pos * Math.PI / 2) + 1;
+ }
+ };
+
+ SVG.morph = function (pos) {
+ return function (from, to) {
+ return new SVG.MorphObj(from, to).at(pos);
+ };
+ };
+
+ SVG.Situation = SVG.invent({
+ create: function create(o) {
+ this.init = false;
+ this.reversed = false;
+ this.reversing = false;
+ this.duration = new SVG.Number(o.duration).valueOf();
+ this.delay = new SVG.Number(o.delay).valueOf();
+ this.start = +new Date() + this.delay;
+ this.finish = this.start + this.duration;
+ this.ease = o.ease; // this.loop is incremented from 0 to this.loops
+ // it is also incremented when in an infinite loop (when this.loops is true)
+
+ this.loop = 0;
+ this.loops = false;
+ this.animations = {// functionToCall: [list of morphable objects]
+ // e.g. move: [SVG.Number, SVG.Number]
+ };
+ this.attrs = {// holds all attributes which are not represented from a function svg.js provides
+ // e.g. someAttr: SVG.Number
+ };
+ this.styles = {// holds all styles which should be animated
+ // e.g. fill-color: SVG.Color
+ };
+ this.transforms = [// holds all transformations as transformation objects
+ // e.g. [SVG.Rotate, SVG.Translate, SVG.Matrix]
+ ];
+ this.once = {// functions to fire at a specific position
+ // e.g. "0.5": function foo(){}
+ };
+ }
+ });
+ SVG.FX = SVG.invent({
+ create: function create(element) {
+ this._target = element;
+ this.situations = [];
+ this.active = false;
+ this.situation = null;
+ this.paused = false;
+ this.lastPos = 0;
+ this.pos = 0; // The absolute position of an animation is its position in the context of its complete duration (including delay and loops)
+ // When performing a delay, absPos is below 0 and when performing a loop, its value is above 1
+
+ this.absPos = 0;
+ this._speed = 1;
+ },
+ extend: {
+ /**
+ * sets or returns the target of this animation
+ * @param o object || number In case of Object it holds all parameters. In case of number its the duration of the animation
+ * @param ease function || string Function which should be used for easing or easing keyword
+ * @param delay Number indicating the delay before the animation starts
+ * @return target || this
+ */
+ animate: function animate(o, ease, delay) {
+ if (_typeof(o) === 'object') {
+ ease = o.ease;
+ delay = o.delay;
+ o = o.duration;
+ }
+
+ var situation = new SVG.Situation({
+ duration: o || 1000,
+ delay: delay || 0,
+ ease: SVG.easing[ease || '-'] || ease
+ });
+ this.queue(situation);
+ return this;
+ },
+
+ /**
+ * sets a delay before the next element of the queue is called
+ * @param delay Duration of delay in milliseconds
+ * @return this.target()
+ */
+ delay: function delay(_delay) {
+ // The delay is performed by an empty situation with its duration
+ // attribute set to the duration of the delay
+ var situation = new SVG.Situation({
+ duration: _delay,
+ delay: 0,
+ ease: SVG.easing['-']
+ });
+ return this.queue(situation);
+ },
+
+ /**
+ * sets or returns the target of this animation
+ * @param null || target SVG.Element which should be set as new target
+ * @return target || this
+ */
+ target: function target(_target) {
+ if (_target && _target instanceof SVG.Element) {
+ this._target = _target;
+ return this;
+ }
+
+ return this._target;
+ },
+ // returns the absolute position at a given time
+ timeToAbsPos: function timeToAbsPos(timestamp) {
+ return (timestamp - this.situation.start) / (this.situation.duration / this._speed);
+ },
+ // returns the timestamp from a given absolute positon
+ absPosToTime: function absPosToTime(absPos) {
+ return this.situation.duration / this._speed * absPos + this.situation.start;
+ },
+ // starts the animationloop
+ startAnimFrame: function startAnimFrame() {
+ this.stopAnimFrame();
+ this.animationFrame = window.requestAnimationFrame(function () {
+ this.step();
+ }.bind(this));
+ },
+ // cancels the animationframe
+ stopAnimFrame: function stopAnimFrame() {
+ window.cancelAnimationFrame(this.animationFrame);
+ },
+ // kicks off the animation - only does something when the queue is currently not active and at least one situation is set
+ start: function start() {
+ // dont start if already started
+ if (!this.active && this.situation) {
+ this.active = true;
+ this.startCurrent();
+ }
+
+ return this;
+ },
+ // start the current situation
+ startCurrent: function startCurrent() {
+ this.situation.start = +new Date() + this.situation.delay / this._speed;
+ this.situation.finish = this.situation.start + this.situation.duration / this._speed;
+ return this.initAnimations().step();
+ },
+
+ /**
+ * adds a function / Situation to the animation queue
+ * @param fn function / situation to add
+ * @return this
+ */
+ queue: function queue(fn) {
+ if (typeof fn === 'function' || fn instanceof SVG.Situation) {
+ this.situations.push(fn);
+ }
+
+ if (!this.situation) this.situation = this.situations.shift();
+ return this;
+ },
+
+ /**
+ * pulls next element from the queue and execute it
+ * @return this
+ */
+ dequeue: function dequeue() {
+ // stop current animation
+ this.stop(); // get next animation from queue
+
+ this.situation = this.situations.shift();
+
+ if (this.situation) {
+ if (this.situation instanceof SVG.Situation) {
+ this.start();
+ } else {
+ // If it is not a SVG.Situation, then it is a function, we execute it
+ this.situation.call(this);
+ }
+ }
+
+ return this;
+ },
+ // updates all animations to the current state of the element
+ // this is important when one property could be changed from another property
+ initAnimations: function initAnimations() {
+ var i, j, source;
+ var s = this.situation;
+ if (s.init) return this;
+
+ for (i in s.animations) {
+ source = this.target()[i]();
+
+ if (!Array.isArray(source)) {
+ source = [source];
+ }
+
+ if (!Array.isArray(s.animations[i])) {
+ s.animations[i] = [s.animations[i]];
+ } // if(s.animations[i].length > source.length) {
+ // source.concat = source.concat(s.animations[i].slice(source.length, s.animations[i].length))
+ // }
+
+
+ for (j = source.length; j--;) {
+ // The condition is because some methods return a normal number instead
+ // of a SVG.Number
+ if (s.animations[i][j] instanceof SVG.Number) {
+ source[j] = new SVG.Number(source[j]);
+ }
+
+ s.animations[i][j] = source[j].morph(s.animations[i][j]);
+ }
+ }
+
+ for (i in s.attrs) {
+ s.attrs[i] = new SVG.MorphObj(this.target().attr(i), s.attrs[i]);
+ }
+
+ for (i in s.styles) {
+ s.styles[i] = new SVG.MorphObj(this.target().style(i), s.styles[i]);
+ }
+
+ s.initialTransformation = this.target().matrixify();
+ s.init = true;
+ return this;
+ },
+ clearQueue: function clearQueue() {
+ this.situations = [];
+ return this;
+ },
+ clearCurrent: function clearCurrent() {
+ this.situation = null;
+ return this;
+ },
+
+ /** stops the animation immediately
+ * @param jumpToEnd A Boolean indicating whether to complete the current animation immediately.
+ * @param clearQueue A Boolean indicating whether to remove queued animation as well.
+ * @return this
+ */
+ stop: function stop(jumpToEnd, clearQueue) {
+ var active = this.active;
+ this.active = false;
+
+ if (clearQueue) {
+ this.clearQueue();
+ }
+
+ if (jumpToEnd && this.situation) {
+ // initialize the situation if it was not
+ !active && this.startCurrent();
+ this.atEnd();
+ }
+
+ this.stopAnimFrame();
+ return this.clearCurrent();
+ },
+
+ /** resets the element to the state where the current element has started
+ * @return this
+ */
+ reset: function reset() {
+ if (this.situation) {
+ var temp = this.situation;
+ this.stop();
+ this.situation = temp;
+ this.atStart();
+ }
+
+ return this;
+ },
+ // Stop the currently-running animation, remove all queued animations, and complete all animations for the element.
+ finish: function finish() {
+ this.stop(true, false);
+
+ while (this.dequeue().situation && this.stop(true, false)) {
+ }
+
+ this.clearQueue().clearCurrent();
+ return this;
+ },
+ // set the internal animation pointer at the start position, before any loops, and updates the visualisation
+ atStart: function atStart() {
+ return this.at(0, true);
+ },
+ // set the internal animation pointer at the end position, after all the loops, and updates the visualisation
+ atEnd: function atEnd() {
+ if (this.situation.loops === true) {
+ // If in a infinite loop, we end the current iteration
+ this.situation.loops = this.situation.loop + 1;
+ }
+
+ if (typeof this.situation.loops === 'number') {
+ // If performing a finite number of loops, we go after all the loops
+ return this.at(this.situation.loops, true);
+ } else {
+ // If no loops, we just go at the end
+ return this.at(1, true);
+ }
+ },
+ // set the internal animation pointer to the specified position and updates the visualisation
+ // if isAbsPos is true, pos is treated as an absolute position
+ at: function at(pos, isAbsPos) {
+ var durDivSpd = this.situation.duration / this._speed;
+ this.absPos = pos; // If pos is not an absolute position, we convert it into one
+
+ if (!isAbsPos) {
+ if (this.situation.reversed) this.absPos = 1 - this.absPos;
+ this.absPos += this.situation.loop;
+ }
+
+ this.situation.start = +new Date() - this.absPos * durDivSpd;
+ this.situation.finish = this.situation.start + durDivSpd;
+ return this.step(true);
+ },
+
+ /**
+ * sets or returns the speed of the animations
+ * @param speed null || Number The new speed of the animations
+ * @return Number || this
+ */
+ speed: function speed(_speed) {
+ if (_speed === 0) return this.pause();
+
+ if (_speed) {
+ this._speed = _speed; // We use an absolute position here so that speed can affect the delay before the animation
+
+ return this.at(this.absPos, true);
+ } else return this._speed;
+ },
+ // Make loopable
+ loop: function loop(times, reverse) {
+ var c = this.last(); // store total loops
+
+ c.loops = times != null ? times : true;
+ c.loop = 0;
+ if (reverse) c.reversing = true;
+ return this;
+ },
+ // pauses the animation
+ pause: function pause() {
+ this.paused = true;
+ this.stopAnimFrame();
+ return this;
+ },
+ // unpause the animation
+ play: function play() {
+ if (!this.paused) return this;
+ this.paused = false; // We use an absolute position here so that the delay before the animation can be paused
+
+ return this.at(this.absPos, true);
+ },
+
+ /**
+ * toggle or set the direction of the animation
+ * true sets direction to backwards while false sets it to forwards
+ * @param reversed Boolean indicating whether to reverse the animation or not (default: toggle the reverse status)
+ * @return this
+ */
+ reverse: function reverse(reversed) {
+ var c = this.last();
+ if (typeof reversed === 'undefined') c.reversed = !c.reversed;else c.reversed = reversed;
+ return this;
+ },
+
+ /**
+ * returns a float from 0-1 indicating the progress of the current animation
+ * @param eased Boolean indicating whether the returned position should be eased or not
+ * @return number
+ */
+ progress: function progress(easeIt) {
+ return easeIt ? this.situation.ease(this.pos) : this.pos;
+ },
+
+ /**
+ * adds a callback function which is called when the current animation is finished
+ * @param fn Function which should be executed as callback
+ * @return number
+ */
+ after: function after(fn) {
+ var c = this.last(),
+ wrapper = function wrapper(e) {
+ if (e.detail.situation == c) {
+ fn.call(this, c);
+ this.off('finished.fx', wrapper); // prevent memory leak
+ }
+ };
+
+ this.target().on('finished.fx', wrapper);
+ return this._callStart();
+ },
+ // adds a callback which is called whenever one animation step is performed
+ during: function during(fn) {
+ var c = this.last(),
+ wrapper = function wrapper(e) {
+ if (e.detail.situation == c) {
+ fn.call(this, e.detail.pos, SVG.morph(e.detail.pos), e.detail.eased, c);
+ }
+ }; // see above
+
+
+ this.target().off('during.fx', wrapper).on('during.fx', wrapper);
+ this.after(function () {
+ this.off('during.fx', wrapper);
+ });
+ return this._callStart();
+ },
+ // calls after ALL animations in the queue are finished
+ afterAll: function afterAll(fn) {
+ var wrapper = function wrapper(e) {
+ fn.call(this);
+ this.off('allfinished.fx', wrapper);
+ }; // see above
+
+
+ this.target().off('allfinished.fx', wrapper).on('allfinished.fx', wrapper);
+ return this._callStart();
+ },
+ // calls on every animation step for all animations
+ duringAll: function duringAll(fn) {
+ var wrapper = function wrapper(e) {
+ fn.call(this, e.detail.pos, SVG.morph(e.detail.pos), e.detail.eased, e.detail.situation);
+ };
+
+ this.target().off('during.fx', wrapper).on('during.fx', wrapper);
+ this.afterAll(function () {
+ this.off('during.fx', wrapper);
+ });
+ return this._callStart();
+ },
+ last: function last() {
+ return this.situations.length ? this.situations[this.situations.length - 1] : this.situation;
+ },
+ // adds one property to the animations
+ add: function add(method, args, type) {
+ this.last()[type || 'animations'][method] = args;
+ return this._callStart();
+ },
+
+ /** perform one step of the animation
+ * @param ignoreTime Boolean indicating whether to ignore time and use position directly or recalculate position based on time
+ * @return this
+ */
+ step: function step(ignoreTime) {
+ // convert current time to an absolute position
+ if (!ignoreTime) this.absPos = this.timeToAbsPos(+new Date()); // This part convert an absolute position to a position
+
+ if (this.situation.loops !== false) {
+ var absPos, absPosInt, lastLoop; // If the absolute position is below 0, we just treat it as if it was 0
+
+ absPos = Math.max(this.absPos, 0);
+ absPosInt = Math.floor(absPos);
+
+ if (this.situation.loops === true || absPosInt < this.situation.loops) {
+ this.pos = absPos - absPosInt;
+ lastLoop = this.situation.loop;
+ this.situation.loop = absPosInt;
+ } else {
+ this.absPos = this.situation.loops;
+ this.pos = 1; // The -1 here is because we don't want to toggle reversed when all the loops have been completed
+
+ lastLoop = this.situation.loop - 1;
+ this.situation.loop = this.situation.loops;
+ }
+
+ if (this.situation.reversing) {
+ // Toggle reversed if an odd number of loops as occured since the last call of step
+ this.situation.reversed = this.situation.reversed != Boolean((this.situation.loop - lastLoop) % 2);
+ }
+ } else {
+ // If there are no loop, the absolute position must not be above 1
+ this.absPos = Math.min(this.absPos, 1);
+ this.pos = this.absPos;
+ } // while the absolute position can be below 0, the position must not be below 0
+
+
+ if (this.pos < 0) this.pos = 0;
+ if (this.situation.reversed) this.pos = 1 - this.pos; // apply easing
+
+ var eased = this.situation.ease(this.pos); // call once-callbacks
+
+ for (var i in this.situation.once) {
+ if (i > this.lastPos && i <= eased) {
+ this.situation.once[i].call(this.target(), this.pos, eased);
+ delete this.situation.once[i];
+ }
+ } // fire during callback with position, eased position and current situation as parameter
+
+
+ if (this.active) this.target().fire('during', {
+ pos: this.pos,
+ eased: eased,
+ fx: this,
+ situation: this.situation
+ }); // the user may call stop or finish in the during callback
+ // so make sure that we still have a valid situation
+
+ if (!this.situation) {
+ return this;
+ } // apply the actual animation to every property
+
+
+ this.eachAt(); // do final code when situation is finished
+
+ if (this.pos == 1 && !this.situation.reversed || this.situation.reversed && this.pos == 0) {
+ // stop animation callback
+ this.stopAnimFrame(); // fire finished callback with current situation as parameter
+
+ this.target().fire('finished', {
+ fx: this,
+ situation: this.situation
+ });
+
+ if (!this.situations.length) {
+ this.target().fire('allfinished'); // Recheck the length since the user may call animate in the afterAll callback
+
+ if (!this.situations.length) {
+ this.target().off('.fx'); // there shouldnt be any binding left, but to make sure...
+
+ this.active = false;
+ }
+ } // start next animation
+
+
+ if (this.active) this.dequeue();else this.clearCurrent();
+ } else if (!this.paused && this.active) {
+ // we continue animating when we are not at the end
+ this.startAnimFrame();
+ } // save last eased position for once callback triggering
+
+
+ this.lastPos = eased;
+ return this;
+ },
+ // calculates the step for every property and calls block with it
+ eachAt: function eachAt() {
+ var i,
+ len,
+ at,
+ self = this,
+ target = this.target(),
+ s = this.situation; // apply animations which can be called trough a method
+
+ for (i in s.animations) {
+ at = [].concat(s.animations[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target[i].apply(target, at);
+ } // apply animation which has to be applied with attr()
+
+
+ for (i in s.attrs) {
+ at = [i].concat(s.attrs[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target.attr.apply(target, at);
+ } // apply animation which has to be applied with style()
+
+
+ for (i in s.styles) {
+ at = [i].concat(s.styles[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target.style.apply(target, at);
+ } // animate initialTransformation which has to be chained
+
+
+ if (s.transforms.length) {
+ // get initial initialTransformation
+ at = s.initialTransformation;
+
+ for (i = 0, len = s.transforms.length; i < len; i++) {
+ // get next transformation in chain
+ var a = s.transforms[i]; // multiply matrix directly
+
+ if (a instanceof SVG.Matrix) {
+ if (a.relative) {
+ at = at.multiply(new SVG.Matrix().morph(a).at(s.ease(this.pos)));
+ } else {
+ at = at.morph(a).at(s.ease(this.pos));
+ }
+
+ continue;
+ } // when transformation is absolute we have to reset the needed transformation first
+
+
+ if (!a.relative) {
+ a.undo(at.extract());
+ } // and reapply it after
+
+
+ at = at.multiply(a.at(s.ease(this.pos)));
+ } // set new matrix on element
+
+
+ target.matrix(at);
+ }
+
+ return this;
+ },
+ // adds an once-callback which is called at a specific position and never again
+ once: function once(pos, fn, isEased) {
+ var c = this.last();
+ if (!isEased) pos = c.ease(pos);
+ c.once[pos] = fn;
+ return this;
+ },
+ _callStart: function _callStart() {
+ setTimeout(function () {
+ this.start();
+ }.bind(this), 0);
+ return this;
+ }
+ },
+ parent: SVG.Element,
+ // Add method to parent elements
+ construct: {
+ // Get fx module or create a new one, then animate with given duration and ease
+ animate: function animate(o, ease, delay) {
+ return (this.fx || (this.fx = new SVG.FX(this))).animate(o, ease, delay);
+ },
+ delay: function delay(_delay2) {
+ return (this.fx || (this.fx = new SVG.FX(this))).delay(_delay2);
+ },
+ stop: function stop(jumpToEnd, clearQueue) {
+ if (this.fx) {
+ this.fx.stop(jumpToEnd, clearQueue);
+ }
+
+ return this;
+ },
+ finish: function finish() {
+ if (this.fx) {
+ this.fx.finish();
+ }
+
+ return this;
+ },
+ // Pause current animation
+ pause: function pause() {
+ if (this.fx) {
+ this.fx.pause();
+ }
+
+ return this;
+ },
+ // Play paused current animation
+ play: function play() {
+ if (this.fx) {
+ this.fx.play();
+ }
+
+ return this;
+ },
+ // Set/Get the speed of the animations
+ speed: function speed(_speed2) {
+ if (this.fx) {
+ if (_speed2 == null) {
+ return this.fx.speed();
+ } else {
+ this.fx.speed(_speed2);
+ }
+ }
+
+ return this;
+ }
+ }
+ }); // MorphObj is used whenever no morphable object is given
+
+ SVG.MorphObj = SVG.invent({
+ create: function create(from, to) {
+ // prepare color for morphing
+ if (SVG.Color.isColor(to)) return new SVG.Color(from).morph(to); // check if we have a list of values
+
+ if (SVG.regex.delimiter.test(from)) {
+ // prepare path for morphing
+ if (SVG.regex.pathLetters.test(from)) return new SVG.PathArray(from).morph(to); // prepare value list for morphing
+ else return new SVG.Array(from).morph(to);
+ } // prepare number for morphing
+
+
+ if (SVG.regex.numberAndUnit.test(to)) return new SVG.Number(from).morph(to); // prepare for plain morphing
+
+ this.value = from;
+ this.destination = to;
+ },
+ extend: {
+ at: function at(pos, real) {
+ return real < 1 ? this.value : this.destination;
+ },
+ valueOf: function valueOf() {
+ return this.value;
+ }
+ }
+ });
+ SVG.extend(SVG.FX, {
+ // Add animatable attributes
+ attr: function attr(a, v, relative) {
+ // apply attributes individually
+ if (_typeof(a) === 'object') {
+ for (var key in a) {
+ this.attr(key, a[key]);
+ }
+ } else {
+ this.add(a, v, 'attrs');
+ }
+
+ return this;
+ },
+ // Add animatable styles
+ style: function style(s, v) {
+ if (_typeof(s) === 'object') {
+ for (var key in s) {
+ this.style(key, s[key]);
+ }
+ } else {
+ this.add(s, v, 'styles');
+ }
+
+ return this;
+ },
+ // Animatable x-axis
+ x: function x(_x2, relative) {
+ if (this.target() instanceof SVG.G) {
+ this.transform({
+ x: _x2
+ }, relative);
+ return this;
+ }
+
+ var num = new SVG.Number(_x2);
+ num.relative = relative;
+ return this.add('x', num);
+ },
+ // Animatable y-axis
+ y: function y(_y2, relative) {
+ if (this.target() instanceof SVG.G) {
+ this.transform({
+ y: _y2
+ }, relative);
+ return this;
+ }
+
+ var num = new SVG.Number(_y2);
+ num.relative = relative;
+ return this.add('y', num);
+ },
+ // Animatable center x-axis
+ cx: function cx(x) {
+ return this.add('cx', new SVG.Number(x));
+ },
+ // Animatable center y-axis
+ cy: function cy(y) {
+ return this.add('cy', new SVG.Number(y));
+ },
+ // Add animatable move
+ move: function move(x, y) {
+ return this.x(x).y(y);
+ },
+ // Add animatable center
+ center: function center(x, y) {
+ return this.cx(x).cy(y);
+ },
+ // Add animatable size
+ size: function size(width, height) {
+ if (this.target() instanceof SVG.Text) {
+ // animate font size for Text elements
+ this.attr('font-size', width);
+ } else {
+ // animate bbox based size for all other elements
+ var box;
+
+ if (!width || !height) {
+ box = this.target().bbox();
+ }
+
+ if (!width) {
+ width = box.width / box.height * height;
+ }
+
+ if (!height) {
+ height = box.height / box.width * width;
+ }
+
+ this.add('width', new SVG.Number(width)).add('height', new SVG.Number(height));
+ }
+
+ return this;
+ },
+ // Add animatable width
+ width: function width(_width2) {
+ return this.add('width', new SVG.Number(_width2));
+ },
+ // Add animatable height
+ height: function height(_height2) {
+ return this.add('height', new SVG.Number(_height2));
+ },
+ // Add animatable plot
+ plot: function plot(a, b, c, d) {
+ // Lines can be plotted with 4 arguments
+ if (arguments.length == 4) {
+ return this.plot([a, b, c, d]);
+ }
+
+ return this.add('plot', new (this.target().morphArray)(a));
+ },
+ // Add leading method
+ leading: function leading(value) {
+ return this.target().leading ? this.add('leading', new SVG.Number(value)) : this;
+ },
+ // Add animatable viewbox
+ viewbox: function viewbox(x, y, width, height) {
+ if (this.target() instanceof SVG.Container) {
+ this.add('viewbox', new SVG.ViewBox(x, y, width, height));
+ }
+
+ return this;
+ },
+ update: function update(o) {
+ if (this.target() instanceof SVG.Stop) {
+ if (typeof o === 'number' || o instanceof SVG.Number) {
+ return this.update({
+ offset: arguments[0],
+ color: arguments[1],
+ opacity: arguments[2]
+ });
+ }
+
+ if (o.opacity != null) this.attr('stop-opacity', o.opacity);
+ if (o.color != null) this.attr('stop-color', o.color);
+ if (o.offset != null) this.attr('offset', o.offset);
+ }
+
+ return this;
+ }
+ });
+ SVG.Box = SVG.invent({
+ create: function create(x, y, width, height) {
+ if (_typeof(x) === 'object' && !(x instanceof SVG.Element)) {
+ // chromes getBoundingClientRect has no x and y property
+ return SVG.Box.call(this, x.left != null ? x.left : x.x, x.top != null ? x.top : x.y, x.width, x.height);
+ } else if (arguments.length == 4) {
+ this.x = x;
+ this.y = y;
+ this.width = width;
+ this.height = height;
+ } // add center, right, bottom...
+
+
+ fullBox(this);
+ },
+ extend: {
+ // Merge rect box with another, return a new instance
+ merge: function merge(box) {
+ var b = new this.constructor(); // merge boxes
+
+ b.x = Math.min(this.x, box.x);
+ b.y = Math.min(this.y, box.y);
+ b.width = Math.max(this.x + this.width, box.x + box.width) - b.x;
+ b.height = Math.max(this.y + this.height, box.y + box.height) - b.y;
+ return fullBox(b);
+ },
+ transform: function transform(m) {
+ var xMin = Infinity,
+ xMax = -Infinity,
+ yMin = Infinity,
+ yMax = -Infinity,
+ bbox;
+ var pts = [new SVG.Point(this.x, this.y), new SVG.Point(this.x2, this.y), new SVG.Point(this.x, this.y2), new SVG.Point(this.x2, this.y2)];
+ pts.forEach(function (p) {
+ p = p.transform(m);
+ xMin = Math.min(xMin, p.x);
+ xMax = Math.max(xMax, p.x);
+ yMin = Math.min(yMin, p.y);
+ yMax = Math.max(yMax, p.y);
+ });
+ bbox = new this.constructor();
+ bbox.x = xMin;
+ bbox.width = xMax - xMin;
+ bbox.y = yMin;
+ bbox.height = yMax - yMin;
+ fullBox(bbox);
+ return bbox;
+ }
+ }
+ });
+ SVG.BBox = SVG.invent({
+ // Initialize
+ create: function create(element) {
+ SVG.Box.apply(this, [].slice.call(arguments)); // get values if element is given
+
+ if (element instanceof SVG.Element) {
+ var box; // yes this is ugly, but Firefox can be a pain when it comes to elements that are not yet rendered
+
+ try {
+ if (!document.documentElement.contains) {
+ // This is IE - it does not support contains() for top-level SVGs
+ var topParent = element.node;
+
+ while (topParent.parentNode) {
+ topParent = topParent.parentNode;
+ }
+
+ if (topParent != document) throw new Error('Element not in the dom');
+ } // the element is NOT in the dom, throw error
+ // disabling the check below which fixes issue #76
+ // if (!document.documentElement.contains(element.node)) throw new Exception('Element not in the dom')
+ // find native bbox
+
+
+ box = element.node.getBBox();
+ } catch (e) {
+ if (element instanceof SVG.Shape) {
+ if (!SVG.parser.draw) {
+ // fixes apexcharts/vue-apexcharts #14
+ SVG.prepare();
+ }
+
+ var clone = element.clone(SVG.parser.draw.instance).show();
+ box = clone.node.getBBox();
+ clone.remove();
+ } else {
+ box = {
+ x: element.node.clientLeft,
+ y: element.node.clientTop,
+ width: element.node.clientWidth,
+ height: element.node.clientHeight
+ };
+ }
+ }
+
+ SVG.Box.call(this, box);
+ }
+ },
+ // Define ancestor
+ inherit: SVG.Box,
+ // Define Parent
+ parent: SVG.Element,
+ // Constructor
+ construct: {
+ // Get bounding box
+ bbox: function bbox() {
+ return new SVG.BBox(this);
+ }
+ }
+ });
+ SVG.BBox.prototype.constructor = SVG.BBox;
+ SVG.extend(SVG.Element, {
+ tbox: function tbox() {
+ console.warn('Use of TBox is deprecated and mapped to RBox. Use .rbox() instead.');
+ return this.rbox(this.doc());
+ }
+ });
+ SVG.RBox = SVG.invent({
+ // Initialize
+ create: function create(element) {
+ SVG.Box.apply(this, [].slice.call(arguments));
+
+ if (element instanceof SVG.Element) {
+ SVG.Box.call(this, element.node.getBoundingClientRect());
+ }
+ },
+ inherit: SVG.Box,
+ // define Parent
+ parent: SVG.Element,
+ extend: {
+ addOffset: function addOffset() {
+ // offset by window scroll position, because getBoundingClientRect changes when window is scrolled
+ this.x += window.pageXOffset;
+ this.y += window.pageYOffset;
+ return this;
+ }
+ },
+ // Constructor
+ construct: {
+ // Get rect box
+ rbox: function rbox(el) {
+ if (el) return new SVG.RBox(this).transform(el.screenCTM().inverse());
+ return new SVG.RBox(this).addOffset();
+ }
+ }
+ });
+ SVG.RBox.prototype.constructor = SVG.RBox;
+ SVG.Matrix = SVG.invent({
+ // Initialize
+ create: function create(source) {
+ var i,
+ base = arrayToMatrix([1, 0, 0, 1, 0, 0]); // ensure source as object
+
+ source = source instanceof SVG.Element ? source.matrixify() : typeof source === 'string' ? arrayToMatrix(source.split(SVG.regex.delimiter).map(parseFloat)) : arguments.length == 6 ? arrayToMatrix([].slice.call(arguments)) : Array.isArray(source) ? arrayToMatrix(source) : _typeof(source) === 'object' ? source : base; // merge source
+
+ for (i = abcdef.length - 1; i >= 0; --i) {
+ this[abcdef[i]] = source[abcdef[i]] != null ? source[abcdef[i]] : base[abcdef[i]];
+ }
+ },
+ // Add methods
+ extend: {
+ // Extract individual transformations
+ extract: function extract() {
+ // find delta transform points
+ var px = deltaTransformPoint(this, 0, 1),
+ py = deltaTransformPoint(this, 1, 0),
+ skewX = 180 / Math.PI * Math.atan2(px.y, px.x) - 90;
+ return {
+ // translation
+ x: this.e,
+ y: this.f,
+ transformedX: (this.e * Math.cos(skewX * Math.PI / 180) + this.f * Math.sin(skewX * Math.PI / 180)) / Math.sqrt(this.a * this.a + this.b * this.b),
+ transformedY: (this.f * Math.cos(skewX * Math.PI / 180) + this.e * Math.sin(-skewX * Math.PI / 180)) / Math.sqrt(this.c * this.c + this.d * this.d),
+ // skew
+ skewX: -skewX,
+ skewY: 180 / Math.PI * Math.atan2(py.y, py.x),
+ // scale
+ scaleX: Math.sqrt(this.a * this.a + this.b * this.b),
+ scaleY: Math.sqrt(this.c * this.c + this.d * this.d),
+ // rotation
+ rotation: skewX,
+ a: this.a,
+ b: this.b,
+ c: this.c,
+ d: this.d,
+ e: this.e,
+ f: this.f,
+ matrix: new SVG.Matrix(this)
+ };
+ },
+ // Clone matrix
+ clone: function clone() {
+ return new SVG.Matrix(this);
+ },
+ // Morph one matrix into another
+ morph: function morph(matrix) {
+ // store new destination
+ this.destination = new SVG.Matrix(matrix);
+ return this;
+ },
+ // Get morphed matrix at a given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // calculate morphed matrix at a given position
+
+ var matrix = new SVG.Matrix({
+ a: this.a + (this.destination.a - this.a) * pos,
+ b: this.b + (this.destination.b - this.b) * pos,
+ c: this.c + (this.destination.c - this.c) * pos,
+ d: this.d + (this.destination.d - this.d) * pos,
+ e: this.e + (this.destination.e - this.e) * pos,
+ f: this.f + (this.destination.f - this.f) * pos
+ });
+ return matrix;
+ },
+ // Multiplies by given matrix
+ multiply: function multiply(matrix) {
+ return new SVG.Matrix(this.native().multiply(parseMatrix(matrix).native()));
+ },
+ // Inverses matrix
+ inverse: function inverse() {
+ return new SVG.Matrix(this.native().inverse());
+ },
+ // Translate matrix
+ translate: function translate(x, y) {
+ return new SVG.Matrix(this.native().translate(x || 0, y || 0));
+ },
+ // Scale matrix
+ scale: function scale(x, y, cx, cy) {
+ // support uniformal scale
+ if (arguments.length == 1) {
+ y = x;
+ } else if (arguments.length == 3) {
+ cy = cx;
+ cx = y;
+ y = x;
+ }
+
+ return this.around(cx, cy, new SVG.Matrix(x, 0, 0, y, 0, 0));
+ },
+ // Rotate matrix
+ rotate: function rotate(r, cx, cy) {
+ // convert degrees to radians
+ r = SVG.utils.radians(r);
+ return this.around(cx, cy, new SVG.Matrix(Math.cos(r), Math.sin(r), -Math.sin(r), Math.cos(r), 0, 0));
+ },
+ // Flip matrix on x or y, at a given offset
+ flip: function flip(a, o) {
+ return a == 'x' ? this.scale(-1, 1, o, 0) : a == 'y' ? this.scale(1, -1, 0, o) : this.scale(-1, -1, a, o != null ? o : a);
+ },
+ // Skew
+ skew: function skew(x, y, cx, cy) {
+ // support uniformal skew
+ if (arguments.length == 1) {
+ y = x;
+ } else if (arguments.length == 3) {
+ cy = cx;
+ cx = y;
+ y = x;
+ } // convert degrees to radians
+
+
+ x = SVG.utils.radians(x);
+ y = SVG.utils.radians(y);
+ return this.around(cx, cy, new SVG.Matrix(1, Math.tan(y), Math.tan(x), 1, 0, 0));
+ },
+ // SkewX
+ skewX: function skewX(x, cx, cy) {
+ return this.skew(x, 0, cx, cy);
+ },
+ // SkewY
+ skewY: function skewY(y, cx, cy) {
+ return this.skew(0, y, cx, cy);
+ },
+ // Transform around a center point
+ around: function around(cx, cy, matrix) {
+ return this.multiply(new SVG.Matrix(1, 0, 0, 1, cx || 0, cy || 0)).multiply(matrix).multiply(new SVG.Matrix(1, 0, 0, 1, -cx || 0, -cy || 0));
+ },
+ // Convert to native SVGMatrix
+ native: function native() {
+ // create new matrix
+ var matrix = SVG.parser.native.createSVGMatrix(); // update with current values
+
+ for (var i = abcdef.length - 1; i >= 0; i--) {
+ matrix[abcdef[i]] = this[abcdef[i]];
+ }
+
+ return matrix;
+ },
+ // Convert matrix to string
+ toString: function toString() {
+ // Construct the matrix directly, avoid values that are too small
+ return 'matrix(' + float32String(this.a) + ',' + float32String(this.b) + ',' + float32String(this.c) + ',' + float32String(this.d) + ',' + float32String(this.e) + ',' + float32String(this.f) + ')';
+ }
+ },
+ // Define parent
+ parent: SVG.Element,
+ // Add parent method
+ construct: {
+ // Get current matrix
+ ctm: function ctm() {
+ return new SVG.Matrix(this.node.getCTM());
+ },
+ // Get current screen matrix
+ screenCTM: function screenCTM() {
+ /* https://bugzilla.mozilla.org/show_bug.cgi?id=1344537
+ This is needed because FF does not return the transformation matrix
+ for the inner coordinate system when getScreenCTM() is called on nested svgs.
+ However all other Browsers do that */
+ if (this instanceof SVG.Nested) {
+ var rect = this.rect(1, 1);
+ var m = rect.node.getScreenCTM();
+ rect.remove();
+ return new SVG.Matrix(m);
+ }
+
+ return new SVG.Matrix(this.node.getScreenCTM());
+ }
+ }
+ });
+ SVG.Point = SVG.invent({
+ // Initialize
+ create: function create(x, y) {
+ var source,
+ base = {
+ x: 0,
+ y: 0 // ensure source as object
+
+ };
+ source = Array.isArray(x) ? {
+ x: x[0],
+ y: x[1]
+ } : _typeof(x) === 'object' ? {
+ x: x.x,
+ y: x.y
+ } : x != null ? {
+ x: x,
+ y: y != null ? y : x
+ } : base; // If y has no value, then x is used has its value
+ // merge source
+
+ this.x = source.x;
+ this.y = source.y;
+ },
+ // Add methods
+ extend: {
+ // Clone point
+ clone: function clone() {
+ return new SVG.Point(this);
+ },
+ // Morph one point into another
+ morph: function morph(x, y) {
+ // store new destination
+ this.destination = new SVG.Point(x, y);
+ return this;
+ },
+ // Get morphed point at a given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // calculate morphed matrix at a given position
+
+ var point = new SVG.Point({
+ x: this.x + (this.destination.x - this.x) * pos,
+ y: this.y + (this.destination.y - this.y) * pos
+ });
+ return point;
+ },
+ // Convert to native SVGPoint
+ native: function native() {
+ // create new point
+ var point = SVG.parser.native.createSVGPoint(); // update with current values
+
+ point.x = this.x;
+ point.y = this.y;
+ return point;
+ },
+ // transform point with matrix
+ transform: function transform(matrix) {
+ return new SVG.Point(this.native().matrixTransform(matrix.native()));
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Get point
+ point: function point(x, y) {
+ return new SVG.Point(x, y).transform(this.screenCTM().inverse());
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Set svg element attribute
+ attr: function attr(a, v, n) {
+ // act as full getter
+ if (a == null) {
+ // get an object of attributes
+ a = {};
+ v = this.node.attributes;
+
+ for (n = v.length - 1; n >= 0; n--) {
+ a[v[n].nodeName] = SVG.regex.isNumber.test(v[n].nodeValue) ? parseFloat(v[n].nodeValue) : v[n].nodeValue;
+ }
+
+ return a;
+ } else if (_typeof(a) === 'object') {
+ // apply every attribute individually if an object is passed
+ for (v in a) {
+ this.attr(v, a[v]);
+ }
+ } else if (v === null) {
+ // remove value
+ this.node.removeAttribute(a);
+ } else if (v == null) {
+ // act as a getter if the first and only argument is not an object
+ v = this.node.getAttribute(a);
+ return v == null ? SVG.defaults.attrs[a] : SVG.regex.isNumber.test(v) ? parseFloat(v) : v;
+ } else {
+ // BUG FIX: some browsers will render a stroke if a color is given even though stroke width is 0
+ if (a == 'stroke-width') {
+ this.attr('stroke', parseFloat(v) > 0 ? this._stroke : null);
+ } else if (a == 'stroke') {
+ this._stroke = v;
+ } // convert image fill and stroke to patterns
+
+
+ if (a == 'fill' || a == 'stroke') {
+ if (SVG.regex.isImage.test(v)) {
+ v = this.doc().defs().image(v, 0, 0);
+ }
+
+ if (v instanceof SVG.Image) {
+ v = this.doc().defs().pattern(0, 0, function () {
+ this.add(v);
+ });
+ }
+ } // ensure correct numeric values (also accepts NaN and Infinity)
+
+
+ if (typeof v === 'number') {
+ v = new SVG.Number(v);
+ } // ensure full hex color
+ else if (SVG.Color.isColor(v)) {
+ v = new SVG.Color(v);
+ } // parse array values
+ else if (Array.isArray(v)) {
+ v = new SVG.Array(v);
+ } // if the passed attribute is leading...
+
+
+ if (a == 'leading') {
+ // ... call the leading method instead
+ if (this.leading) {
+ this.leading(v);
+ }
+ } else {
+ // set given attribute on node
+ typeof n === 'string' ? this.node.setAttributeNS(n, a, v.toString()) : this.node.setAttribute(a, v.toString());
+ } // rebuild if required
+
+
+ if (this.rebuild && (a == 'font-size' || a == 'x')) {
+ this.rebuild(a, v);
+ }
+ }
+
+ return this;
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Add transformations
+ transform: function transform(o, relative) {
+ // get target in case of the fx module, otherwise reference this
+ var target = this,
+ matrix,
+ bbox; // act as a getter
+
+ if (_typeof(o) !== 'object') {
+ // get current matrix
+ matrix = new SVG.Matrix(target).extract();
+ return typeof o === 'string' ? matrix[o] : matrix;
+ } // get current matrix
+
+
+ matrix = new SVG.Matrix(target); // ensure relative flag
+
+ relative = !!relative || !!o.relative; // act on matrix
+
+ if (o.a != null) {
+ matrix = relative // relative
+ ? matrix.multiply(new SVG.Matrix(o)) // absolute
+ : new SVG.Matrix(o); // act on rotation
+ } else if (o.rotation != null) {
+ // ensure centre point
+ ensureCentre(o, target); // apply transformation
+
+ matrix = relative // relative
+ ? matrix.rotate(o.rotation, o.cx, o.cy) // absolute
+ : matrix.rotate(o.rotation - matrix.extract().rotation, o.cx, o.cy); // act on scale
+ } else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure scale values on both axes
+
+ o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1;
+ o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1;
+
+ if (!relative) {
+ // absolute; multiply inversed values
+ var e = matrix.extract();
+ o.scaleX = o.scaleX * 1 / e.scaleX;
+ o.scaleY = o.scaleY * 1 / e.scaleY;
+ }
+
+ matrix = matrix.scale(o.scaleX, o.scaleY, o.cx, o.cy); // act on skew
+ } else if (o.skew != null || o.skewX != null || o.skewY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure skew values on both axes
+
+ o.skewX = o.skew != null ? o.skew : o.skewX != null ? o.skewX : 0;
+ o.skewY = o.skew != null ? o.skew : o.skewY != null ? o.skewY : 0;
+
+ if (!relative) {
+ // absolute; reset skew values
+ var e = matrix.extract();
+ matrix = matrix.multiply(new SVG.Matrix().skew(e.skewX, e.skewY, o.cx, o.cy).inverse());
+ }
+
+ matrix = matrix.skew(o.skewX, o.skewY, o.cx, o.cy); // act on flip
+ } else if (o.flip) {
+ if (o.flip == 'x' || o.flip == 'y') {
+ o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset;
+ } else {
+ if (o.offset == null) {
+ bbox = target.bbox();
+ o.flip = bbox.cx;
+ o.offset = bbox.cy;
+ } else {
+ o.flip = o.offset;
+ }
+ }
+
+ matrix = new SVG.Matrix().flip(o.flip, o.offset); // act on translate
+ } else if (o.x != null || o.y != null) {
+ if (relative) {
+ // relative
+ matrix = matrix.translate(o.x, o.y);
+ } else {
+ // absolute
+ if (o.x != null) matrix.e = o.x;
+ if (o.y != null) matrix.f = o.y;
+ }
+ }
+
+ return this.attr('transform', matrix);
+ }
+ });
+ SVG.extend(SVG.FX, {
+ transform: function transform(o, relative) {
+ // get target in case of the fx module, otherwise reference this
+ var target = this.target(),
+ matrix,
+ bbox; // act as a getter
+
+ if (_typeof(o) !== 'object') {
+ // get current matrix
+ matrix = new SVG.Matrix(target).extract();
+ return typeof o === 'string' ? matrix[o] : matrix;
+ } // ensure relative flag
+
+
+ relative = !!relative || !!o.relative; // act on matrix
+
+ if (o.a != null) {
+ matrix = new SVG.Matrix(o); // act on rotation
+ } else if (o.rotation != null) {
+ // ensure centre point
+ ensureCentre(o, target); // apply transformation
+
+ matrix = new SVG.Rotate(o.rotation, o.cx, o.cy); // act on scale
+ } else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure scale values on both axes
+
+ o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1;
+ o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1;
+ matrix = new SVG.Scale(o.scaleX, o.scaleY, o.cx, o.cy); // act on skew
+ } else if (o.skewX != null || o.skewY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure skew values on both axes
+
+ o.skewX = o.skewX != null ? o.skewX : 0;
+ o.skewY = o.skewY != null ? o.skewY : 0;
+ matrix = new SVG.Skew(o.skewX, o.skewY, o.cx, o.cy); // act on flip
+ } else if (o.flip) {
+ if (o.flip == 'x' || o.flip == 'y') {
+ o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset;
+ } else {
+ if (o.offset == null) {
+ bbox = target.bbox();
+ o.flip = bbox.cx;
+ o.offset = bbox.cy;
+ } else {
+ o.flip = o.offset;
+ }
+ }
+
+ matrix = new SVG.Matrix().flip(o.flip, o.offset); // act on translate
+ } else if (o.x != null || o.y != null) {
+ matrix = new SVG.Translate(o.x, o.y);
+ }
+
+ if (!matrix) return this;
+ matrix.relative = relative;
+ this.last().transforms.push(matrix);
+ return this._callStart();
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Reset all transformations
+ untransform: function untransform() {
+ return this.attr('transform', null);
+ },
+ // merge the whole transformation chain into one matrix and returns it
+ matrixify: function matrixify() {
+ var matrix = (this.attr('transform') || ''). // split transformations
+ split(SVG.regex.transforms).slice(0, -1).map(function (str) {
+ // generate key => value pairs
+ var kv = str.trim().split('(');
+ return [kv[0], kv[1].split(SVG.regex.delimiter).map(function (str) {
+ return parseFloat(str);
+ })];
+ }) // merge every transformation into one matrix
+ .reduce(function (matrix, transform) {
+ if (transform[0] == 'matrix') return matrix.multiply(arrayToMatrix(transform[1]));
+ return matrix[transform[0]].apply(matrix, transform[1]);
+ }, new SVG.Matrix());
+ return matrix;
+ },
+ // add an element to another parent without changing the visual representation on the screen
+ toParent: function toParent(parent) {
+ if (this == parent) return this;
+ var ctm = this.screenCTM();
+ var pCtm = parent.screenCTM().inverse();
+ this.addTo(parent).untransform().transform(pCtm.multiply(ctm));
+ return this;
+ },
+ // same as above with parent equals root-svg
+ toDoc: function toDoc() {
+ return this.toParent(this.doc());
+ }
+ });
+ SVG.Transformation = SVG.invent({
+ create: function create(source, inversed) {
+ if (arguments.length > 1 && typeof inversed !== 'boolean') {
+ return this.constructor.call(this, [].slice.call(arguments));
+ }
+
+ if (Array.isArray(source)) {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ this[this.arguments[i]] = source[i];
+ }
+ } else if (_typeof(source) === 'object') {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ this[this.arguments[i]] = source[this.arguments[i]];
+ }
+ }
+
+ this.inversed = false;
+
+ if (inversed === true) {
+ this.inversed = true;
+ }
+ },
+ extend: {
+ arguments: [],
+ method: '',
+ at: function at(pos) {
+ var params = [];
+
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ params.push(this[this.arguments[i]]);
+ }
+
+ var m = this._undo || new SVG.Matrix();
+ m = new SVG.Matrix().morph(SVG.Matrix.prototype[this.method].apply(m, params)).at(pos);
+ return this.inversed ? m.inverse() : m;
+ },
+ undo: function undo(o) {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ o[this.arguments[i]] = typeof this[this.arguments[i]] === 'undefined' ? 0 : o[this.arguments[i]];
+ } // The method SVG.Matrix.extract which was used before calling this
+ // method to obtain a value for the parameter o doesn't return a cx and
+ // a cy so we use the ones that were provided to this object at its creation
+
+
+ o.cx = this.cx;
+ o.cy = this.cy;
+ this._undo = new SVG[capitalize(this.method)](o, true).at(1);
+ return this;
+ }
+ }
+ });
+ SVG.Translate = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['transformedX', 'transformedY'],
+ method: 'translate'
+ }
+ });
+ SVG.Rotate = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['rotation', 'cx', 'cy'],
+ method: 'rotate',
+ at: function at(pos) {
+ var m = new SVG.Matrix().rotate(new SVG.Number().morph(this.rotation - (this._undo ? this._undo.rotation : 0)).at(pos), this.cx, this.cy);
+ return this.inversed ? m.inverse() : m;
+ },
+ undo: function undo(o) {
+ this._undo = o;
+ return this;
+ }
+ }
+ });
+ SVG.Scale = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['scaleX', 'scaleY', 'cx', 'cy'],
+ method: 'scale'
+ }
+ });
+ SVG.Skew = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['skewX', 'skewY', 'cx', 'cy'],
+ method: 'skew'
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Dynamic style generator
+ style: function style(s, v) {
+ if (arguments.length == 0) {
+ // get full style
+ return this.node.style.cssText || '';
+ } else if (arguments.length < 2) {
+ // apply every style individually if an object is passed
+ if (_typeof(s) === 'object') {
+ for (v in s) {
+ this.style(v, s[v]);
+ }
+ } else if (SVG.regex.isCss.test(s)) {
+ // parse css string
+ s = s.split(/\s*;\s*/) // filter out suffix ; and stuff like ;;
+ .filter(function (e) {
+ return !!e;
+ }).map(function (e) {
+ return e.split(/\s*:\s*/);
+ }); // apply every definition individually
+
+ while (v = s.pop()) {
+ this.style(v[0], v[1]);
+ }
+ } else {
+ // act as a getter if the first and only argument is not an object
+ return this.node.style[camelCase(s)];
+ }
+ } else {
+ this.node.style[camelCase(s)] = v === null || SVG.regex.isBlank.test(v) ? '' : v;
+ }
+
+ return this;
+ }
+ });
+ SVG.Parent = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Element,
+ // Add class methods
+ extend: {
+ // Returns all child elements
+ children: function children() {
+ return SVG.utils.map(SVG.utils.filterSVGElements(this.node.childNodes), function (node) {
+ return SVG.adopt(node);
+ });
+ },
+ // Add given element at a position
+ add: function add(element, i) {
+ if (i == null) {
+ this.node.appendChild(element.node);
+ } else if (element.node != this.node.childNodes[i]) {
+ this.node.insertBefore(element.node, this.node.childNodes[i]);
+ }
+
+ return this;
+ },
+ // Basically does the same as `add()` but returns the added element instead
+ put: function put(element, i) {
+ this.add(element, i);
+ return element;
+ },
+ // Checks if the given element is a child
+ has: function has(element) {
+ return this.index(element) >= 0;
+ },
+ // Gets index of given element
+ index: function index(element) {
+ return [].slice.call(this.node.childNodes).indexOf(element.node);
+ },
+ // Get a element at the given index
+ get: function get(i) {
+ return SVG.adopt(this.node.childNodes[i]);
+ },
+ // Get first child
+ first: function first() {
+ return this.get(0);
+ },
+ // Get the last child
+ last: function last() {
+ return this.get(this.node.childNodes.length - 1);
+ },
+ // Iterates over all children and invokes a given block
+ each: function each(block, deep) {
+ var i,
+ il,
+ children = this.children();
+
+ for (i = 0, il = children.length; i < il; i++) {
+ if (children[i] instanceof SVG.Element) {
+ block.apply(children[i], [i, children]);
+ }
+
+ if (deep && children[i] instanceof SVG.Container) {
+ children[i].each(block, deep);
+ }
+ }
+
+ return this;
+ },
+ // Remove a given child
+ removeElement: function removeElement(element) {
+ this.node.removeChild(element.node);
+ return this;
+ },
+ // Remove all elements in this container
+ clear: function clear() {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // remove defs reference
+
+
+ delete this._defs;
+ return this;
+ },
+ // Get defs
+ defs: function defs() {
+ return this.doc().defs();
+ }
+ }
+ });
+ SVG.extend(SVG.Parent, {
+ ungroup: function ungroup(parent, depth) {
+ if (depth === 0 || this instanceof SVG.Defs || this.node == SVG.parser.draw) return this;
+ parent = parent || (this instanceof SVG.Doc ? this : this.parent(SVG.Parent));
+ depth = depth || Infinity;
+ this.each(function () {
+ if (this instanceof SVG.Defs) return this;
+ if (this instanceof SVG.Parent) return this.ungroup(parent, depth - 1);
+ return this.toParent(parent);
+ });
+ this.node.firstChild || this.remove();
+ return this;
+ },
+ flatten: function flatten(parent, depth) {
+ return this.ungroup(parent, depth);
+ }
+ });
+ SVG.Container = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Parent
+ });
+ SVG.ViewBox = SVG.invent({
+ create: function create(source) {
+ var base = [0, 0, 0, 0];
+ var x,
+ y,
+ width,
+ height,
+ box,
+ view,
+ we,
+ he,
+ wm = 1,
+ // width multiplier
+ hm = 1,
+ // height multiplier
+ reg = /[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/gi;
+
+ if (source instanceof SVG.Element) {
+ we = source;
+ he = source;
+ view = (source.attr('viewBox') || '').match(reg);
+ box = source.bbox; // get dimensions of current node
+
+ width = new SVG.Number(source.width());
+ height = new SVG.Number(source.height()); // find nearest non-percentual dimensions
+
+ while (width.unit == '%') {
+ wm *= width.value;
+ width = new SVG.Number(we instanceof SVG.Doc ? we.parent().offsetWidth : we.parent().width());
+ we = we.parent();
+ }
+
+ while (height.unit == '%') {
+ hm *= height.value;
+ height = new SVG.Number(he instanceof SVG.Doc ? he.parent().offsetHeight : he.parent().height());
+ he = he.parent();
+ } // ensure defaults
+
+
+ this.x = 0;
+ this.y = 0;
+ this.width = width * wm;
+ this.height = height * hm;
+ this.zoom = 1;
+
+ if (view) {
+ // get width and height from viewbox
+ x = parseFloat(view[0]);
+ y = parseFloat(view[1]);
+ width = parseFloat(view[2]);
+ height = parseFloat(view[3]); // calculate zoom accoring to viewbox
+
+ this.zoom = this.width / this.height > width / height ? this.height / height : this.width / width; // calculate real pixel dimensions on parent SVG.Doc element
+
+ this.x = x;
+ this.y = y;
+ this.width = width;
+ this.height = height;
+ }
+ } else {
+ // ensure source as object
+ source = typeof source === 'string' ? source.match(reg).map(function (el) {
+ return parseFloat(el);
+ }) : Array.isArray(source) ? source : _typeof(source) === 'object' ? [source.x, source.y, source.width, source.height] : arguments.length == 4 ? [].slice.call(arguments) : base;
+ this.x = source[0];
+ this.y = source[1];
+ this.width = source[2];
+ this.height = source[3];
+ }
+ },
+ extend: {
+ toString: function toString() {
+ return this.x + ' ' + this.y + ' ' + this.width + ' ' + this.height;
+ },
+ morph: function morph(x, y, width, height) {
+ this.destination = new SVG.ViewBox(x, y, width, height);
+ return this;
+ },
+ at: function at(pos) {
+ if (!this.destination) return this;
+ return new SVG.ViewBox([this.x + (this.destination.x - this.x) * pos, this.y + (this.destination.y - this.y) * pos, this.width + (this.destination.width - this.width) * pos, this.height + (this.destination.height - this.height) * pos]);
+ }
+ },
+ // Define parent
+ parent: SVG.Container,
+ // Add parent method
+ construct: {
+ // get/set viewbox
+ viewbox: function viewbox(x, y, width, height) {
+ if (arguments.length == 0) // act as a getter if there are no arguments
+ {
+ return new SVG.ViewBox(this);
+ } // otherwise act as a setter
+
+
+ return this.attr('viewBox', new SVG.ViewBox(x, y, width, height));
+ }
+ }
+ }) // Add events to elements
+ ;
+ ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout', 'mousemove', // , 'mouseenter' -> not supported by IE
+ // , 'mouseleave' -> not supported by IE
+ 'touchstart', 'touchmove', 'touchleave', 'touchend', 'touchcancel'].forEach(function (event) {
+ // add event to SVG.Element
+ SVG.Element.prototype[event] = function (f) {
+ // bind event to element rather than element node
+ SVG.on(this.node, event, f);
+ return this;
+ };
+ }); // Initialize listeners stack
+
+ SVG.listeners = [];
+ SVG.handlerMap = [];
+ SVG.listenerId = 0; // Add event binder in the SVG namespace
+
+ SVG.on = function (node, event, listener, binding, options) {
+ // create listener, get object-index
+ var l = listener.bind(binding || node.instance || node),
+ index = (SVG.handlerMap.indexOf(node) + 1 || SVG.handlerMap.push(node)) - 1,
+ ev = event.split('.')[0],
+ ns = event.split('.')[1] || '*'; // ensure valid object
+
+ SVG.listeners[index] = SVG.listeners[index] || {};
+ SVG.listeners[index][ev] = SVG.listeners[index][ev] || {};
+ SVG.listeners[index][ev][ns] = SVG.listeners[index][ev][ns] || {};
+
+ if (!listener._svgjsListenerId) {
+ listener._svgjsListenerId = ++SVG.listenerId;
+ } // reference listener
+
+
+ SVG.listeners[index][ev][ns][listener._svgjsListenerId] = l; // add listener
+
+ node.addEventListener(ev, l, options || false);
+ }; // Add event unbinder in the SVG namespace
+
+
+ SVG.off = function (node, event, listener) {
+ var index = SVG.handlerMap.indexOf(node),
+ ev = event && event.split('.')[0],
+ ns = event && event.split('.')[1],
+ namespace = '';
+ if (index == -1) return;
+
+ if (listener) {
+ if (typeof listener === 'function') listener = listener._svgjsListenerId;
+ if (!listener) return; // remove listener reference
+
+ if (SVG.listeners[index][ev] && SVG.listeners[index][ev][ns || '*']) {
+ // remove listener
+ node.removeEventListener(ev, SVG.listeners[index][ev][ns || '*'][listener], false);
+ delete SVG.listeners[index][ev][ns || '*'][listener];
+ }
+ } else if (ns && ev) {
+ // remove all listeners for a namespaced event
+ if (SVG.listeners[index][ev] && SVG.listeners[index][ev][ns]) {
+ for (listener in SVG.listeners[index][ev][ns]) {
+ SVG.off(node, [ev, ns].join('.'), listener);
+ }
+
+ delete SVG.listeners[index][ev][ns];
+ }
+ } else if (ns) {
+ // remove all listeners for a specific namespace
+ for (event in SVG.listeners[index]) {
+ for (namespace in SVG.listeners[index][event]) {
+ if (ns === namespace) {
+ SVG.off(node, [event, ns].join('.'));
+ }
+ }
+ }
+ } else if (ev) {
+ // remove all listeners for the event
+ if (SVG.listeners[index][ev]) {
+ for (namespace in SVG.listeners[index][ev]) {
+ SVG.off(node, [ev, namespace].join('.'));
+ }
+
+ delete SVG.listeners[index][ev];
+ }
+ } else {
+ // remove all listeners on a given node
+ for (event in SVG.listeners[index]) {
+ SVG.off(node, event);
+ }
+
+ delete SVG.listeners[index];
+ delete SVG.handlerMap[index];
+ }
+ }; //
+
+
+ SVG.extend(SVG.Element, {
+ // Bind given event to listener
+ on: function on(event, listener, binding, options) {
+ SVG.on(this.node, event, listener, binding, options);
+ return this;
+ },
+ // Unbind event from listener
+ off: function off(event, listener) {
+ SVG.off(this.node, event, listener);
+ return this;
+ },
+ // Fire given event
+ fire: function fire(event, data) {
+ // Dispatch event
+ if (event instanceof window.Event) {
+ this.node.dispatchEvent(event);
+ } else {
+ this.node.dispatchEvent(event = new SVG.CustomEvent(event, {
+ detail: data,
+ cancelable: true
+ }));
+ }
+
+ this._event = event;
+ return this;
+ },
+ event: function event() {
+ return this._event;
+ }
+ });
+ SVG.Defs = SVG.invent({
+ // Initialize node
+ create: 'defs',
+ // Inherit from
+ inherit: SVG.Container
+ });
+ SVG.G = SVG.invent({
+ // Initialize node
+ create: 'g',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x3) {
+ return _x3 == null ? this.transform('x') : this.transform({
+ x: _x3 - this.x()
+ }, true);
+ },
+ // Move over y-axis
+ y: function y(_y3) {
+ return _y3 == null ? this.transform('y') : this.transform({
+ y: _y3 - this.y()
+ }, true);
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.gbox().cx : this.x(x - this.gbox().width / 2);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.gbox().cy : this.y(y - this.gbox().height / 2);
+ },
+ gbox: function gbox() {
+ var bbox = this.bbox(),
+ trans = this.transform();
+ bbox.x += trans.x;
+ bbox.x2 += trans.x;
+ bbox.cx += trans.x;
+ bbox.y += trans.y;
+ bbox.y2 += trans.y;
+ bbox.cy += trans.y;
+ return bbox;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a group element
+ group: function group() {
+ return this.put(new SVG.G());
+ }
+ }
+ });
+ SVG.Doc = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ if (element) {
+ // ensure the presence of a dom element
+ element = typeof element === 'string' ? document.getElementById(element) : element; // If the target is an svg element, use that element as the main wrapper.
+ // This allows svg.js to work with svg documents as well.
+
+ if (element.nodeName == 'svg') {
+ this.constructor.call(this, element);
+ } else {
+ this.constructor.call(this, SVG.create('svg'));
+ element.appendChild(this.node);
+ this.size('100%', '100%');
+ } // set svg element attributes and ensure defs node
+
+
+ this.namespace().defs();
+ }
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Add namespaces
+ namespace: function namespace() {
+ return this.attr({
+ xmlns: SVG.ns,
+ version: '1.1'
+ }).attr('xmlns:xlink', SVG.xlink, SVG.xmlns).attr('xmlns:svgjs', SVG.svgjs, SVG.xmlns);
+ },
+ // Creates and returns defs element
+ defs: function defs() {
+ if (!this._defs) {
+ var defs; // Find or create a defs element in this instance
+
+ if (defs = this.node.getElementsByTagName('defs')[0]) {
+ this._defs = SVG.adopt(defs);
+ } else {
+ this._defs = new SVG.Defs();
+ } // Make sure the defs node is at the end of the stack
+
+
+ this.node.appendChild(this._defs.node);
+ }
+
+ return this._defs;
+ },
+ // custom parent method
+ parent: function parent() {
+ if (!this.node.parentNode || this.node.parentNode.nodeName == '#document') return null;
+ return this.node.parentNode;
+ },
+ // Fix for possible sub-pixel offset. See:
+ // https://bugzilla.mozilla.org/show_bug.cgi?id=608812
+ spof: function spof() {
+ var pos = this.node.getScreenCTM();
+
+ if (pos) {
+ this.style('left', -pos.e % 1 + 'px').style('top', -pos.f % 1 + 'px');
+ }
+
+ return this;
+ },
+ // Removes the doc from the DOM
+ remove: function remove() {
+ if (this.parent()) {
+ this.parent().removeChild(this.node);
+ }
+
+ return this;
+ },
+ clear: function clear() {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // remove defs reference
+
+
+ delete this._defs; // add back parser
+
+ if (SVG.parser.draw && !SVG.parser.draw.parentNode) {
+ this.node.appendChild(SVG.parser.draw);
+ }
+
+ return this;
+ },
+ clone: function clone(parent) {
+ // write dom data to the dom so the clone can pickup the data
+ this.writeDataToDom(); // get reference to node
+
+ var node = this.node; // clone element and assign new id
+
+ var clone = assignNewId(node.cloneNode(true)); // insert the clone in the given parent or after myself
+
+ if (parent) {
+ (parent.node || parent).appendChild(clone.node);
+ } else {
+ node.parentNode.insertBefore(clone.node, node.nextSibling);
+ }
+
+ return clone;
+ }
+ }
+ }); // ### This module adds backward / forward functionality to elements.
+ //
+
+ SVG.extend(SVG.Element, {
+ // Get all siblings, including myself
+ siblings: function siblings() {
+ return this.parent().children();
+ },
+ // Get the curent position siblings
+ position: function position() {
+ return this.parent().index(this);
+ },
+ // Get the next element (will return null if there is none)
+ next: function next() {
+ return this.siblings()[this.position() + 1];
+ },
+ // Get the next element (will return null if there is none)
+ previous: function previous() {
+ return this.siblings()[this.position() - 1];
+ },
+ // Send given element one step forward
+ forward: function forward() {
+ var i = this.position() + 1,
+ p = this.parent(); // move node one step forward
+
+ p.removeElement(this).add(this, i); // make sure defs node is always at the top
+
+ if (p instanceof SVG.Doc) {
+ p.node.appendChild(p.defs().node);
+ }
+
+ return this;
+ },
+ // Send given element one step backward
+ backward: function backward() {
+ var i = this.position();
+
+ if (i > 0) {
+ this.parent().removeElement(this).add(this, i - 1);
+ }
+
+ return this;
+ },
+ // Send given element all the way to the front
+ front: function front() {
+ var p = this.parent(); // Move node forward
+
+ p.node.appendChild(this.node); // Make sure defs node is always at the top
+
+ if (p instanceof SVG.Doc) {
+ p.node.appendChild(p.defs().node);
+ }
+
+ return this;
+ },
+ // Send given element all the way to the back
+ back: function back() {
+ if (this.position() > 0) {
+ this.parent().removeElement(this).add(this, 0);
+ }
+
+ return this;
+ },
+ // Inserts a given element before the targeted element
+ before: function before(element) {
+ element.remove();
+ var i = this.position();
+ this.parent().add(element, i);
+ return this;
+ },
+ // Insters a given element after the targeted element
+ after: function after(element) {
+ element.remove();
+ var i = this.position();
+ this.parent().add(element, i + 1);
+ return this;
+ }
+ });
+ SVG.Mask = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('mask')); // keep references to masked elements
+
+ this.targets = [];
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Unmask all masked elements and remove itself
+ remove: function remove() {
+ // unmask all targets
+ for (var i = this.targets.length - 1; i >= 0; i--) {
+ if (this.targets[i]) {
+ this.targets[i].unmask();
+ }
+ }
+
+ this.targets = []; // remove mask from parent
+
+ SVG.Element.prototype.remove.call(this);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create masking element
+ mask: function mask() {
+ return this.defs().put(new SVG.Mask());
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Distribute mask to svg element
+ maskWith: function maskWith(element) {
+ // use given mask or create a new one
+ this.masker = element instanceof SVG.Mask ? element : this.parent().mask().add(element); // store reverence on self in mask
+
+ this.masker.targets.push(this); // apply mask
+
+ return this.attr('mask', 'url("#' + this.masker.attr('id') + '")');
+ },
+ // Unmask element
+ unmask: function unmask() {
+ delete this.masker;
+ return this.attr('mask', null);
+ }
+ });
+ SVG.ClipPath = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('clipPath')); // keep references to clipped elements
+
+ this.targets = [];
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Unclip all clipped elements and remove itself
+ remove: function remove() {
+ // unclip all targets
+ for (var i = this.targets.length - 1; i >= 0; i--) {
+ if (this.targets[i]) {
+ this.targets[i].unclip();
+ }
+ }
+
+ this.targets = []; // remove clipPath from parent
+
+ this.parent().removeElement(this);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create clipping element
+ clip: function clip() {
+ return this.defs().put(new SVG.ClipPath());
+ }
+ }
+ }); //
+
+ SVG.extend(SVG.Element, {
+ // Distribute clipPath to svg element
+ clipWith: function clipWith(element) {
+ // use given clip or create a new one
+ this.clipper = element instanceof SVG.ClipPath ? element : this.parent().clip().add(element); // store reverence on self in mask
+
+ this.clipper.targets.push(this); // apply mask
+
+ return this.attr('clip-path', 'url("#' + this.clipper.attr('id') + '")');
+ },
+ // Unclip element
+ unclip: function unclip() {
+ delete this.clipper;
+ return this.attr('clip-path', null);
+ }
+ });
+ SVG.Gradient = SVG.invent({
+ // Initialize node
+ create: function create(type) {
+ this.constructor.call(this, SVG.create(type + 'Gradient')); // store type
+
+ this.type = type;
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Add a color stop
+ at: function at(offset, color, opacity) {
+ return this.put(new SVG.Stop()).update(offset, color, opacity);
+ },
+ // Update gradient
+ update: function update(block) {
+ // remove all stops
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Return the fill id
+ fill: function fill() {
+ return 'url(#' + this.id() + ')';
+ },
+ // Alias string convertion to fill
+ toString: function toString() {
+ return this.fill();
+ },
+ // custom attr to handle transform
+ attr: function attr(a, b, c) {
+ if (a == 'transform') a = 'gradientTransform';
+ return SVG.Container.prototype.attr.call(this, a, b, c);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create gradient element in defs
+ gradient: function gradient(type, block) {
+ return this.defs().gradient(type, block);
+ }
+ }
+ }); // Add animatable methods to both gradient and fx module
+
+ SVG.extend(SVG.Gradient, SVG.FX, {
+ // From position
+ from: function from(x, y) {
+ return (this._target || this).type == 'radial' ? this.attr({
+ fx: new SVG.Number(x),
+ fy: new SVG.Number(y)
+ }) : this.attr({
+ x1: new SVG.Number(x),
+ y1: new SVG.Number(y)
+ });
+ },
+ // To position
+ to: function to(x, y) {
+ return (this._target || this).type == 'radial' ? this.attr({
+ cx: new SVG.Number(x),
+ cy: new SVG.Number(y)
+ }) : this.attr({
+ x2: new SVG.Number(x),
+ y2: new SVG.Number(y)
+ });
+ }
+ }); // Base gradient generation
+
+ SVG.extend(SVG.Defs, {
+ // define gradient
+ gradient: function gradient(type, block) {
+ return this.put(new SVG.Gradient(type)).update(block);
+ }
+ });
+ SVG.Stop = SVG.invent({
+ // Initialize node
+ create: 'stop',
+ // Inherit from
+ inherit: SVG.Element,
+ // Add class methods
+ extend: {
+ // add color stops
+ update: function update(o) {
+ if (typeof o === 'number' || o instanceof SVG.Number) {
+ o = {
+ offset: arguments[0],
+ color: arguments[1],
+ opacity: arguments[2]
+ };
+ } // set attributes
+
+
+ if (o.opacity != null) this.attr('stop-opacity', o.opacity);
+ if (o.color != null) this.attr('stop-color', o.color);
+ if (o.offset != null) this.attr('offset', new SVG.Number(o.offset));
+ return this;
+ }
+ }
+ });
+ SVG.Pattern = SVG.invent({
+ // Initialize node
+ create: 'pattern',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Return the fill id
+ fill: function fill() {
+ return 'url(#' + this.id() + ')';
+ },
+ // Update pattern by rebuilding
+ update: function update(block) {
+ // remove content
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Alias string convertion to fill
+ toString: function toString() {
+ return this.fill();
+ },
+ // custom attr to handle transform
+ attr: function attr(a, b, c) {
+ if (a == 'transform') a = 'patternTransform';
+ return SVG.Container.prototype.attr.call(this, a, b, c);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create pattern element in defs
+ pattern: function pattern(width, height, block) {
+ return this.defs().pattern(width, height, block);
+ }
+ }
+ });
+ SVG.extend(SVG.Defs, {
+ // Define gradient
+ pattern: function pattern(width, height, block) {
+ return this.put(new SVG.Pattern()).update(block).attr({
+ x: 0,
+ y: 0,
+ width: width,
+ height: height,
+ patternUnits: 'userSpaceOnUse'
+ });
+ }
+ });
+ SVG.Shape = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Element
+ });
+ SVG.Bare = SVG.invent({
+ // Initialize
+ create: function create(element, inherit) {
+ // construct element
+ this.constructor.call(this, SVG.create(element)); // inherit custom methods
+
+ if (inherit) {
+ for (var method in inherit.prototype) {
+ if (typeof inherit.prototype[method] === 'function') {
+ this[method] = inherit.prototype[method];
+ }
+ }
+ }
+ },
+ // Inherit from
+ inherit: SVG.Element,
+ // Add methods
+ extend: {
+ // Insert some plain text
+ words: function words(text) {
+ // remove contents
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // create text node
+
+
+ this.node.appendChild(document.createTextNode(text));
+ return this;
+ }
+ }
+ });
+ SVG.extend(SVG.Parent, {
+ // Create an element that is not described by SVG.js
+ element: function element(_element, inherit) {
+ return this.put(new SVG.Bare(_element, inherit));
+ }
+ });
+ SVG.Symbol = SVG.invent({
+ // Initialize node
+ create: 'symbol',
+ // Inherit from
+ inherit: SVG.Container,
+ construct: {
+ // create symbol
+ symbol: function symbol() {
+ return this.put(new SVG.Symbol());
+ }
+ }
+ });
+ SVG.Use = SVG.invent({
+ // Initialize node
+ create: 'use',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Use element as a reference
+ element: function element(_element2, file) {
+ // Set lined element
+ return this.attr('href', (file || '') + '#' + _element2, SVG.xlink);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a use element
+ use: function use(element, file) {
+ return this.put(new SVG.Use()).element(element, file);
+ }
+ }
+ });
+ SVG.Rect = SVG.invent({
+ // Initialize node
+ create: 'rect',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a rect element
+ rect: function rect(width, height) {
+ return this.put(new SVG.Rect()).size(width, height);
+ }
+ }
+ });
+ SVG.Circle = SVG.invent({
+ // Initialize node
+ create: 'circle',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create circle element, based on ellipse
+ circle: function circle(size) {
+ return this.put(new SVG.Circle()).rx(new SVG.Number(size).divide(2)).move(0, 0);
+ }
+ }
+ });
+ SVG.extend(SVG.Circle, SVG.FX, {
+ // Radius x value
+ rx: function rx(_rx) {
+ return this.attr('r', _rx);
+ },
+ // Alias radius x value
+ ry: function ry(_ry) {
+ return this.rx(_ry);
+ }
+ });
+ SVG.Ellipse = SVG.invent({
+ // Initialize node
+ create: 'ellipse',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create an ellipse
+ ellipse: function ellipse(width, height) {
+ return this.put(new SVG.Ellipse()).size(width, height).move(0, 0);
+ }
+ }
+ });
+ SVG.extend(SVG.Ellipse, SVG.Rect, SVG.FX, {
+ // Radius x value
+ rx: function rx(_rx2) {
+ return this.attr('rx', _rx2);
+ },
+ // Radius y value
+ ry: function ry(_ry2) {
+ return this.attr('ry', _ry2);
+ }
+ }); // Add common method
+
+ SVG.extend(SVG.Circle, SVG.Ellipse, {
+ // Move over x-axis
+ x: function x(_x4) {
+ return _x4 == null ? this.cx() - this.rx() : this.cx(_x4 + this.rx());
+ },
+ // Move over y-axis
+ y: function y(_y4) {
+ return _y4 == null ? this.cy() - this.ry() : this.cy(_y4 + this.ry());
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.attr('cx') : this.attr('cx', x);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.attr('cy') : this.attr('cy', y);
+ },
+ // Set width of element
+ width: function width(_width3) {
+ return _width3 == null ? this.rx() * 2 : this.rx(new SVG.Number(_width3).divide(2));
+ },
+ // Set height of element
+ height: function height(_height3) {
+ return _height3 == null ? this.ry() * 2 : this.ry(new SVG.Number(_height3).divide(2));
+ },
+ // Custom size function
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.rx(new SVG.Number(p.width).divide(2)).ry(new SVG.Number(p.height).divide(2));
+ }
+ });
+ SVG.Line = SVG.invent({
+ // Initialize node
+ create: 'line',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Get array
+ array: function array() {
+ return new SVG.PointArray([[this.attr('x1'), this.attr('y1')], [this.attr('x2'), this.attr('y2')]]);
+ },
+ // Overwrite native plot() method
+ plot: function plot(x1, y1, x2, y2) {
+ if (x1 == null) {
+ return this.array();
+ } else if (typeof y1 !== 'undefined') {
+ x1 = {
+ x1: x1,
+ y1: y1,
+ x2: x2,
+ y2: y2
+ };
+ } else {
+ x1 = new SVG.PointArray(x1).toLine();
+ }
+
+ return this.attr(x1);
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr(this.array().move(x, y).toLine());
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr(this.array().size(p.width, p.height).toLine());
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a line element
+ line: function line(x1, y1, x2, y2) {
+ // make sure plot is called as a setter
+ // x1 is not necessarily a number, it can also be an array, a string and a SVG.PointArray
+ return SVG.Line.prototype.plot.apply(this.put(new SVG.Line()), x1 != null ? [x1, y1, x2, y2] : [0, 0, 0, 0]);
+ }
+ }
+ });
+ SVG.Polyline = SVG.invent({
+ // Initialize node
+ create: 'polyline',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a wrapped polyline element
+ polyline: function polyline(p) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Polyline()).plot(p || new SVG.PointArray());
+ }
+ }
+ });
+ SVG.Polygon = SVG.invent({
+ // Initialize node
+ create: 'polygon',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a wrapped polygon element
+ polygon: function polygon(p) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Polygon()).plot(p || new SVG.PointArray());
+ }
+ }
+ }); // Add polygon-specific functions
+
+ SVG.extend(SVG.Polyline, SVG.Polygon, {
+ // Get array
+ array: function array() {
+ return this._array || (this._array = new SVG.PointArray(this.attr('points')));
+ },
+ // Plot new path
+ plot: function plot(p) {
+ return p == null ? this.array() : this.clear().attr('points', typeof p === 'string' ? p : this._array = new SVG.PointArray(p));
+ },
+ // Clear array cache
+ clear: function clear() {
+ delete this._array;
+ return this;
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr('points', this.array().move(x, y));
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr('points', this.array().size(p.width, p.height));
+ }
+ }); // unify all point to point elements
+
+ SVG.extend(SVG.Line, SVG.Polyline, SVG.Polygon, {
+ // Define morphable array
+ morphArray: SVG.PointArray,
+ // Move by left top corner over x-axis
+ x: function x(_x5) {
+ return _x5 == null ? this.bbox().x : this.move(_x5, this.bbox().y);
+ },
+ // Move by left top corner over y-axis
+ y: function y(_y5) {
+ return _y5 == null ? this.bbox().y : this.move(this.bbox().x, _y5);
+ },
+ // Set width of element
+ width: function width(_width4) {
+ var b = this.bbox();
+ return _width4 == null ? b.width : this.size(_width4, b.height);
+ },
+ // Set height of element
+ height: function height(_height4) {
+ var b = this.bbox();
+ return _height4 == null ? b.height : this.size(b.width, _height4);
+ }
+ });
+ SVG.Path = SVG.invent({
+ // Initialize node
+ create: 'path',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Define morphable array
+ morphArray: SVG.PathArray,
+ // Get array
+ array: function array() {
+ return this._array || (this._array = new SVG.PathArray(this.attr('d')));
+ },
+ // Plot new path
+ plot: function plot(d) {
+ return d == null ? this.array() : this.clear().attr('d', typeof d === 'string' ? d : this._array = new SVG.PathArray(d));
+ },
+ // Clear array cache
+ clear: function clear() {
+ delete this._array;
+ return this;
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr('d', this.array().move(x, y));
+ },
+ // Move by left top corner over x-axis
+ x: function x(_x6) {
+ return _x6 == null ? this.bbox().x : this.move(_x6, this.bbox().y);
+ },
+ // Move by left top corner over y-axis
+ y: function y(_y6) {
+ return _y6 == null ? this.bbox().y : this.move(this.bbox().x, _y6);
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr('d', this.array().size(p.width, p.height));
+ },
+ // Set width of element
+ width: function width(_width5) {
+ return _width5 == null ? this.bbox().width : this.size(_width5, this.bbox().height);
+ },
+ // Set height of element
+ height: function height(_height5) {
+ return _height5 == null ? this.bbox().height : this.size(this.bbox().width, _height5);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a wrapped path element
+ path: function path(d) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Path()).plot(d || new SVG.PathArray());
+ }
+ }
+ });
+ SVG.Image = SVG.invent({
+ // Initialize node
+ create: 'image',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // (re)load image
+ load: function load(url) {
+ if (!url) return this;
+ var self = this,
+ img = new window.Image(); // preload image
+
+ SVG.on(img, 'load', function () {
+ SVG.off(img);
+ var p = self.parent(SVG.Pattern);
+ if (p === null) return; // ensure image size
+
+ if (self.width() == 0 && self.height() == 0) {
+ self.size(img.width, img.height);
+ } // ensure pattern size if not set
+
+
+ if (p && p.width() == 0 && p.height() == 0) {
+ p.size(self.width(), self.height());
+ } // callback
+
+
+ if (typeof self._loaded === 'function') {
+ self._loaded.call(self, {
+ width: img.width,
+ height: img.height,
+ ratio: img.width / img.height,
+ url: url
+ });
+ }
+ });
+ SVG.on(img, 'error', function (e) {
+ SVG.off(img);
+
+ if (typeof self._error === 'function') {
+ self._error.call(self, e);
+ }
+ });
+ return this.attr('href', img.src = this.src = url, SVG.xlink);
+ },
+ // Add loaded callback
+ loaded: function loaded(_loaded) {
+ this._loaded = _loaded;
+ return this;
+ },
+ error: function error(_error) {
+ this._error = _error;
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // create image element, load image and set its size
+ image: function image(source, width, height) {
+ return this.put(new SVG.Image()).load(source).size(width || 0, height || width || 0);
+ }
+ }
+ });
+ SVG.Text = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('text'));
+ this.dom.leading = new SVG.Number(1.3); // store leading value for rebuilding
+
+ this._rebuild = true; // enable automatic updating of dy values
+
+ this._build = false; // disable build mode for adding multiple lines
+ // set default font
+
+ this.attr('font-family', SVG.defaults.attrs['font-family']);
+ },
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x7) {
+ // act as getter
+ if (_x7 == null) {
+ return this.attr('x');
+ }
+
+ return this.attr('x', _x7);
+ },
+ // Move over y-axis
+ y: function y(_y7) {
+ var oy = this.attr('y'),
+ o = typeof oy === 'number' ? oy - this.bbox().y : 0; // act as getter
+
+ if (_y7 == null) {
+ return typeof oy === 'number' ? oy - o : oy;
+ }
+
+ return this.attr('y', typeof _y7.valueOf() === 'number' ? _y7 + o : _y7);
+ },
+ // Move center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.bbox().cx : this.x(x - this.bbox().width / 2);
+ },
+ // Move center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.bbox().cy : this.y(y - this.bbox().height / 2);
+ },
+ // Set the text content
+ text: function text(_text) {
+ // act as getter
+ if (typeof _text === 'undefined') {
+ var _text = '';
+ var children = this.node.childNodes;
+
+ for (var i = 0, len = children.length; i < len; ++i) {
+ // add newline if its not the first child and newLined is set to true
+ if (i != 0 && children[i].nodeType != 3 && SVG.adopt(children[i]).dom.newLined == true) {
+ _text += '\n';
+ } // add content of this node
+
+
+ _text += children[i].textContent;
+ }
+
+ return _text;
+ } // remove existing content
+
+
+ this.clear().build(true);
+
+ if (typeof _text === 'function') {
+ // call block
+ _text.call(this, this);
+ } else {
+ // store text and make sure text is not blank
+ _text = _text.split('\n'); // build new lines
+
+ for (var i = 0, il = _text.length; i < il; i++) {
+ this.tspan(_text[i]).newLine();
+ }
+ } // disable build mode and rebuild lines
+
+
+ return this.build(false).rebuild();
+ },
+ // Set font size
+ size: function size(_size) {
+ return this.attr('font-size', _size).rebuild();
+ },
+ // Set / get leading
+ leading: function leading(value) {
+ // act as getter
+ if (value == null) {
+ return this.dom.leading;
+ } // act as setter
+
+
+ this.dom.leading = new SVG.Number(value);
+ return this.rebuild();
+ },
+ // Get all the first level lines
+ lines: function lines() {
+ var node = (this.textPath && this.textPath() || this).node; // filter tspans and map them to SVG.js instances
+
+ var lines = SVG.utils.map(SVG.utils.filterSVGElements(node.childNodes), function (el) {
+ return SVG.adopt(el);
+ }); // return an instance of SVG.set
+
+ return new SVG.Set(lines);
+ },
+ // Rebuild appearance type
+ rebuild: function rebuild(_rebuild) {
+ // store new rebuild flag if given
+ if (typeof _rebuild === 'boolean') {
+ this._rebuild = _rebuild;
+ } // define position of all lines
+
+
+ if (this._rebuild) {
+ var self = this,
+ blankLineOffset = 0,
+ dy = this.dom.leading * new SVG.Number(this.attr('font-size'));
+ this.lines().each(function () {
+ if (this.dom.newLined) {
+ if (!self.textPath()) {
+ this.attr('x', self.attr('x'));
+ }
+
+ if (this.text() == '\n') {
+ blankLineOffset += dy;
+ } else {
+ this.attr('dy', dy + blankLineOffset);
+ blankLineOffset = 0;
+ }
+ }
+ });
+ this.fire('rebuild');
+ }
+
+ return this;
+ },
+ // Enable / disable build mode
+ build: function build(_build) {
+ this._build = !!_build;
+ return this;
+ },
+ // overwrite method from parent to set data properly
+ setData: function setData(o) {
+ this.dom = o;
+ this.dom.leading = new SVG.Number(o.leading || 1.3);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create text element
+ text: function text(_text2) {
+ return this.put(new SVG.Text()).text(_text2);
+ },
+ // Create plain text element
+ plain: function plain(text) {
+ return this.put(new SVG.Text()).plain(text);
+ }
+ }
+ });
+ SVG.Tspan = SVG.invent({
+ // Initialize node
+ create: 'tspan',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Set text content
+ text: function text(_text3) {
+ if (_text3 == null) return this.node.textContent + (this.dom.newLined ? '\n' : '');
+ typeof _text3 === 'function' ? _text3.call(this, this) : this.plain(_text3);
+ return this;
+ },
+ // Shortcut dx
+ dx: function dx(_dx) {
+ return this.attr('dx', _dx);
+ },
+ // Shortcut dy
+ dy: function dy(_dy) {
+ return this.attr('dy', _dy);
+ },
+ // Create new line
+ newLine: function newLine() {
+ // fetch text parent
+ var t = this.parent(SVG.Text); // mark new line
+
+ this.dom.newLined = true; // apply new hy¡n
+
+ return this.dy(t.dom.leading * t.attr('font-size')).attr('x', t.x());
+ }
+ }
+ });
+ SVG.extend(SVG.Text, SVG.Tspan, {
+ // Create plain text node
+ plain: function plain(text) {
+ // clear if build mode is disabled
+ if (this._build === false) {
+ this.clear();
+ } // create text node
+
+
+ this.node.appendChild(document.createTextNode(text));
+ return this;
+ },
+ // Create a tspan
+ tspan: function tspan(text) {
+ var node = (this.textPath && this.textPath() || this).node,
+ tspan = new SVG.Tspan(); // clear if build mode is disabled
+
+ if (this._build === false) {
+ this.clear();
+ } // add new tspan
+
+
+ node.appendChild(tspan.node);
+ return tspan.text(text);
+ },
+ // Clear all lines
+ clear: function clear() {
+ var node = (this.textPath && this.textPath() || this).node; // remove existing child nodes
+
+ while (node.hasChildNodes()) {
+ node.removeChild(node.lastChild);
+ }
+
+ return this;
+ },
+ // Get length of text element
+ length: function length() {
+ return this.node.getComputedTextLength();
+ }
+ });
+ SVG.TextPath = SVG.invent({
+ // Initialize node
+ create: 'textPath',
+ // Inherit from
+ inherit: SVG.Parent,
+ // Define parent class
+ parent: SVG.Text,
+ // Add parent method
+ construct: {
+ morphArray: SVG.PathArray,
+ // Create path for text to run on
+ path: function path(d) {
+ // create textPath element
+ var path = new SVG.TextPath(),
+ track = this.doc().defs().path(d); // move lines to textpath
+
+ while (this.node.hasChildNodes()) {
+ path.node.appendChild(this.node.firstChild);
+ } // add textPath element as child node
+
+
+ this.node.appendChild(path.node); // link textPath to path and add content
+
+ path.attr('href', '#' + track, SVG.xlink);
+ return this;
+ },
+ // return the array of the path track element
+ array: function array() {
+ var track = this.track();
+ return track ? track.array() : null;
+ },
+ // Plot path if any
+ plot: function plot(d) {
+ var track = this.track(),
+ pathArray = null;
+
+ if (track) {
+ pathArray = track.plot(d);
+ }
+
+ return d == null ? pathArray : this;
+ },
+ // Get the path track element
+ track: function track() {
+ var path = this.textPath();
+
+ if (path) {
+ return path.reference('href');
+ }
+ },
+ // Get the textPath child
+ textPath: function textPath() {
+ if (this.node.firstChild && this.node.firstChild.nodeName == 'textPath') {
+ return SVG.adopt(this.node.firstChild);
+ }
+ }
+ }
+ });
+ SVG.Nested = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('svg'));
+ this.style('overflow', 'visible');
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add parent method
+ construct: {
+ // Create nested svg document
+ nested: function nested() {
+ return this.put(new SVG.Nested());
+ }
+ }
+ });
+ SVG.A = SVG.invent({
+ // Initialize node
+ create: 'a',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Link url
+ to: function to(url) {
+ return this.attr('href', url, SVG.xlink);
+ },
+ // Link show attribute
+ show: function show(target) {
+ return this.attr('show', target, SVG.xlink);
+ },
+ // Link target attribute
+ target: function target(_target2) {
+ return this.attr('target', _target2);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a hyperlink element
+ link: function link(url) {
+ return this.put(new SVG.A()).to(url);
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Create a hyperlink element
+ linkTo: function linkTo(url) {
+ var link = new SVG.A();
+
+ if (typeof url === 'function') {
+ url.call(link, link);
+ } else {
+ link.to(url);
+ }
+
+ return this.parent().put(link).put(this);
+ }
+ });
+ SVG.Marker = SVG.invent({
+ // Initialize node
+ create: 'marker',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Set width of element
+ width: function width(_width6) {
+ return this.attr('markerWidth', _width6);
+ },
+ // Set height of element
+ height: function height(_height6) {
+ return this.attr('markerHeight', _height6);
+ },
+ // Set marker refX and refY
+ ref: function ref(x, y) {
+ return this.attr('refX', x).attr('refY', y);
+ },
+ // Update marker
+ update: function update(block) {
+ // remove all content
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Return the fill id
+ toString: function toString() {
+ return 'url(#' + this.id() + ')';
+ }
+ },
+ // Add parent method
+ construct: {
+ marker: function marker(width, height, block) {
+ // Create marker element in defs
+ return this.defs().marker(width, height, block);
+ }
+ }
+ });
+ SVG.extend(SVG.Defs, {
+ // Create marker
+ marker: function marker(width, height, block) {
+ // Set default viewbox to match the width and height, set ref to cx and cy and set orient to auto
+ return this.put(new SVG.Marker()).size(width, height).ref(width / 2, height / 2).viewbox(0, 0, width, height).attr('orient', 'auto').update(block);
+ }
+ });
+ SVG.extend(SVG.Line, SVG.Polyline, SVG.Polygon, SVG.Path, {
+ // Create and attach markers
+ marker: function marker(_marker, width, height, block) {
+ var attr = ['marker']; // Build attribute name
+
+ if (_marker != 'all') attr.push(_marker);
+ attr = attr.join('-'); // Set marker attribute
+
+ _marker = arguments[1] instanceof SVG.Marker ? arguments[1] : this.doc().marker(width, height, block);
+ return this.attr(attr, _marker);
+ }
+ }); // Define list of available attributes for stroke and fill
+
+ var sugar = {
+ stroke: ['color', 'width', 'opacity', 'linecap', 'linejoin', 'miterlimit', 'dasharray', 'dashoffset'],
+ fill: ['color', 'opacity', 'rule'],
+ prefix: function prefix(t, a) {
+ return a == 'color' ? t : t + '-' + a;
+ } // Add sugar for fill and stroke
+
+ };
+ ['fill', 'stroke'].forEach(function (m) {
+ var i,
+ extension = {};
+
+ extension[m] = function (o) {
+ if (typeof o === 'undefined') {
+ return this;
+ }
+
+ if (typeof o === 'string' || SVG.Color.isRgb(o) || o && typeof o.fill === 'function') {
+ this.attr(m, o);
+ } else // set all attributes from sugar.fill and sugar.stroke list
+ {
+ for (i = sugar[m].length - 1; i >= 0; i--) {
+ if (o[sugar[m][i]] != null) {
+ this.attr(sugar.prefix(m, sugar[m][i]), o[sugar[m][i]]);
+ }
+ }
+ }
+
+ return this;
+ };
+
+ SVG.extend(SVG.Element, SVG.FX, extension);
+ });
+ SVG.extend(SVG.Element, SVG.FX, {
+ // Map rotation to transform
+ rotate: function rotate(d, cx, cy) {
+ return this.transform({
+ rotation: d,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map skew to transform
+ skew: function skew(x, y, cx, cy) {
+ return arguments.length == 1 || arguments.length == 3 ? this.transform({
+ skew: x,
+ cx: y,
+ cy: cx
+ }) : this.transform({
+ skewX: x,
+ skewY: y,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map scale to transform
+ scale: function scale(x, y, cx, cy) {
+ return arguments.length == 1 || arguments.length == 3 ? this.transform({
+ scale: x,
+ cx: y,
+ cy: cx
+ }) : this.transform({
+ scaleX: x,
+ scaleY: y,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map translate to transform
+ translate: function translate(x, y) {
+ return this.transform({
+ x: x,
+ y: y
+ });
+ },
+ // Map flip to transform
+ flip: function flip(a, o) {
+ o = typeof a === 'number' ? a : o;
+ return this.transform({
+ flip: a || 'both',
+ offset: o
+ });
+ },
+ // Map matrix to transform
+ matrix: function matrix(m) {
+ return this.attr('transform', new SVG.Matrix(arguments.length == 6 ? [].slice.call(arguments) : m));
+ },
+ // Opacity
+ opacity: function opacity(value) {
+ return this.attr('opacity', value);
+ },
+ // Relative move over x axis
+ dx: function dx(x) {
+ return this.x(new SVG.Number(x).plus(this instanceof SVG.FX ? 0 : this.x()), true);
+ },
+ // Relative move over y axis
+ dy: function dy(y) {
+ return this.y(new SVG.Number(y).plus(this instanceof SVG.FX ? 0 : this.y()), true);
+ },
+ // Relative move over x and y axes
+ dmove: function dmove(x, y) {
+ return this.dx(x).dy(y);
+ }
+ });
+ SVG.extend(SVG.Rect, SVG.Ellipse, SVG.Circle, SVG.Gradient, SVG.FX, {
+ // Add x and y radius
+ radius: function radius(x, y) {
+ var type = (this._target || this).type;
+ return type == 'radial' || type == 'circle' ? this.attr('r', new SVG.Number(x)) : this.rx(x).ry(y == null ? x : y);
+ }
+ });
+ SVG.extend(SVG.Path, {
+ // Get path length
+ length: function length() {
+ return this.node.getTotalLength();
+ },
+ // Get point at length
+ pointAt: function pointAt(length) {
+ return this.node.getPointAtLength(length);
+ }
+ });
+ SVG.extend(SVG.Parent, SVG.Text, SVG.Tspan, SVG.FX, {
+ // Set font
+ font: function font(a, v) {
+ if (_typeof(a) === 'object') {
+ for (v in a) {
+ this.font(v, a[v]);
+ }
+ }
+
+ return a == 'leading' ? this.leading(v) : a == 'anchor' ? this.attr('text-anchor', v) : a == 'size' || a == 'family' || a == 'weight' || a == 'stretch' || a == 'variant' || a == 'style' ? this.attr('font-' + a, v) : this.attr(a, v);
+ }
+ });
+ SVG.Set = SVG.invent({
+ // Initialize
+ create: function create(members) {
+ // Set initial state
+ Array.isArray(members) ? this.members = members : this.clear();
+ },
+ // Add class methods
+ extend: {
+ // Add element to set
+ add: function add() {
+ var i,
+ il,
+ elements = [].slice.call(arguments);
+
+ for (i = 0, il = elements.length; i < il; i++) {
+ this.members.push(elements[i]);
+ }
+
+ return this;
+ },
+ // Remove element from set
+ remove: function remove(element) {
+ var i = this.index(element); // remove given child
+
+ if (i > -1) {
+ this.members.splice(i, 1);
+ }
+
+ return this;
+ },
+ // Iterate over all members
+ each: function each(block) {
+ for (var i = 0, il = this.members.length; i < il; i++) {
+ block.apply(this.members[i], [i, this.members]);
+ }
+
+ return this;
+ },
+ // Restore to defaults
+ clear: function clear() {
+ // initialize store
+ this.members = [];
+ return this;
+ },
+ // Get the length of a set
+ length: function length() {
+ return this.members.length;
+ },
+ // Checks if a given element is present in set
+ has: function has(element) {
+ return this.index(element) >= 0;
+ },
+ // retuns index of given element in set
+ index: function index(element) {
+ return this.members.indexOf(element);
+ },
+ // Get member at given index
+ get: function get(i) {
+ return this.members[i];
+ },
+ // Get first member
+ first: function first() {
+ return this.get(0);
+ },
+ // Get last member
+ last: function last() {
+ return this.get(this.members.length - 1);
+ },
+ // Default value
+ valueOf: function valueOf() {
+ return this.members;
+ },
+ // Get the bounding box of all members included or empty box if set has no items
+ bbox: function bbox() {
+ // return an empty box of there are no members
+ if (this.members.length == 0) {
+ return new SVG.RBox();
+ } // get the first rbox and update the target bbox
+
+
+ var rbox = this.members[0].rbox(this.members[0].doc());
+ this.each(function () {
+ // user rbox for correct position and visual representation
+ rbox = rbox.merge(this.rbox(this.doc()));
+ });
+ return rbox;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a new set
+ set: function set(members) {
+ return new SVG.Set(members);
+ }
+ }
+ });
+ SVG.FX.Set = SVG.invent({
+ // Initialize node
+ create: function create(set) {
+ // store reference to set
+ this.set = set;
+ }
+ }); // Alias methods
+
+ SVG.Set.inherit = function () {
+ var m,
+ methods = []; // gather shape methods
+
+ for (var m in SVG.Shape.prototype) {
+ if (typeof SVG.Shape.prototype[m] === 'function' && typeof SVG.Set.prototype[m] !== 'function') {
+ methods.push(m);
+ }
+ } // apply shape aliasses
+
+
+ methods.forEach(function (method) {
+ SVG.Set.prototype[method] = function () {
+ for (var i = 0, il = this.members.length; i < il; i++) {
+ if (this.members[i] && typeof this.members[i][method] === 'function') {
+ this.members[i][method].apply(this.members[i], arguments);
+ }
+ }
+
+ return method == 'animate' ? this.fx || (this.fx = new SVG.FX.Set(this)) : this;
+ };
+ }); // clear methods for the next round
+
+ methods = []; // gather fx methods
+
+ for (var m in SVG.FX.prototype) {
+ if (typeof SVG.FX.prototype[m] === 'function' && typeof SVG.FX.Set.prototype[m] !== 'function') {
+ methods.push(m);
+ }
+ } // apply fx aliasses
+
+
+ methods.forEach(function (method) {
+ SVG.FX.Set.prototype[method] = function () {
+ for (var i = 0, il = this.set.members.length; i < il; i++) {
+ this.set.members[i].fx[method].apply(this.set.members[i].fx, arguments);
+ }
+
+ return this;
+ };
+ });
+ };
+
+ SVG.extend(SVG.Element, {
+ // Store data values on svg nodes
+ data: function data(a, v, r) {
+ if (_typeof(a) === 'object') {
+ for (v in a) {
+ this.data(v, a[v]);
+ }
+ } else if (arguments.length < 2) {
+ try {
+ return JSON.parse(this.attr('data-' + a));
+ } catch (e) {
+ return this.attr('data-' + a);
+ }
+ } else {
+ this.attr('data-' + a, v === null ? null : r === true || typeof v === 'string' || typeof v === 'number' ? v : JSON.stringify(v));
+ }
+
+ return this;
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Remember arbitrary data
+ remember: function remember(k, v) {
+ // remember every item in an object individually
+ if (_typeof(arguments[0]) === 'object') {
+ for (var v in k) {
+ this.remember(v, k[v]);
+ }
+ } // retrieve memory
+ else if (arguments.length == 1) {
+ return this.memory()[k];
+ } // store memory
+ else {
+ this.memory()[k] = v;
+ }
+
+ return this;
+ },
+ // Erase a given memory
+ forget: function forget() {
+ if (arguments.length == 0) {
+ this._memory = {};
+ } else {
+ for (var i = arguments.length - 1; i >= 0; i--) {
+ delete this.memory()[arguments[i]];
+ }
+ }
+
+ return this;
+ },
+ // Initialize or return local memory object
+ memory: function memory() {
+ return this._memory || (this._memory = {});
+ }
+ }); // Method for getting an element by id
+
+ SVG.get = function (id) {
+ var node = document.getElementById(idFromReference(id) || id);
+ return SVG.adopt(node);
+ }; // Select elements by query string
+
+
+ SVG.select = function (query, parent) {
+ return new SVG.Set(SVG.utils.map((parent || document).querySelectorAll(query), function (node) {
+ return SVG.adopt(node);
+ }));
+ };
+
+ SVG.extend(SVG.Parent, {
+ // Scoped select method
+ select: function select(query) {
+ return SVG.select(query, this.node);
+ }
+ });
+
+ function pathRegReplace(a, b, c, d) {
+ return c + d.replace(SVG.regex.dots, ' .');
+ } // creates deep clone of array
+
+
+ function array_clone(arr) {
+ var clone = arr.slice(0);
+
+ for (var i = clone.length; i--;) {
+ if (Array.isArray(clone[i])) {
+ clone[i] = array_clone(clone[i]);
+ }
+ }
+
+ return clone;
+ } // tests if a given element is instance of an object
+
+
+ function _is(el, obj) {
+ return el instanceof obj;
+ } // tests if a given selector matches an element
+
+
+ function _matches(el, selector) {
+ return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector);
+ } // Convert dash-separated-string to camelCase
+
+
+ function camelCase(s) {
+ return s.toLowerCase().replace(/-(.)/g, function (m, g) {
+ return g.toUpperCase();
+ });
+ } // Capitalize first letter of a string
+
+
+ function capitalize(s) {
+ return s.charAt(0).toUpperCase() + s.slice(1);
+ } // Ensure to six-based hex
+
+
+ function fullHex(hex) {
+ return hex.length == 4 ? ['#', hex.substring(1, 2), hex.substring(1, 2), hex.substring(2, 3), hex.substring(2, 3), hex.substring(3, 4), hex.substring(3, 4)].join('') : hex;
+ } // Component to hex value
+
+
+ function compToHex(comp) {
+ var hex = comp.toString(16);
+ return hex.length == 1 ? '0' + hex : hex;
+ } // Calculate proportional width and height values when necessary
+
+
+ function proportionalSize(element, width, height) {
+ if (width == null || height == null) {
+ var box = element.bbox();
+
+ if (width == null) {
+ width = box.width / box.height * height;
+ } else if (height == null) {
+ height = box.height / box.width * width;
+ }
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ } // Delta transform point
+
+
+ function deltaTransformPoint(matrix, x, y) {
+ return {
+ x: x * matrix.a + y * matrix.c + 0,
+ y: x * matrix.b + y * matrix.d + 0
+ };
+ } // Map matrix array to object
+
+
+ function arrayToMatrix(a) {
+ return {
+ a: a[0],
+ b: a[1],
+ c: a[2],
+ d: a[3],
+ e: a[4],
+ f: a[5]
+ };
+ } // Parse matrix if required
+
+
+ function parseMatrix(matrix) {
+ if (!(matrix instanceof SVG.Matrix)) {
+ matrix = new SVG.Matrix(matrix);
+ }
+
+ return matrix;
+ } // Add centre point to transform object
+
+
+ function ensureCentre(o, target) {
+ o.cx = o.cx == null ? target.bbox().cx : o.cx;
+ o.cy = o.cy == null ? target.bbox().cy : o.cy;
+ } // PathArray Helpers
+
+
+ function arrayToString(a) {
+ for (var i = 0, il = a.length, s = ''; i < il; i++) {
+ s += a[i][0];
+
+ if (a[i][1] != null) {
+ s += a[i][1];
+
+ if (a[i][2] != null) {
+ s += ' ';
+ s += a[i][2];
+
+ if (a[i][3] != null) {
+ s += ' ';
+ s += a[i][3];
+ s += ' ';
+ s += a[i][4];
+
+ if (a[i][5] != null) {
+ s += ' ';
+ s += a[i][5];
+ s += ' ';
+ s += a[i][6];
+
+ if (a[i][7] != null) {
+ s += ' ';
+ s += a[i][7];
+ }
+ }
+ }
+ }
+ }
+ }
+
+ return s + ' ';
+ } // Deep new id assignment
+
+
+ function assignNewId(node) {
+ // do the same for SVG child nodes as well
+ for (var i = node.childNodes.length - 1; i >= 0; i--) {
+ if (node.childNodes[i] instanceof window.SVGElement) {
+ assignNewId(node.childNodes[i]);
+ }
+ }
+
+ return SVG.adopt(node).id(SVG.eid(node.nodeName));
+ } // Add more bounding box properties
+
+
+ function fullBox(b) {
+ if (b.x == null) {
+ b.x = 0;
+ b.y = 0;
+ b.width = 0;
+ b.height = 0;
+ }
+
+ b.w = b.width;
+ b.h = b.height;
+ b.x2 = b.x + b.width;
+ b.y2 = b.y + b.height;
+ b.cx = b.x + b.width / 2;
+ b.cy = b.y + b.height / 2;
+ return b;
+ } // Get id from reference string
+
+
+ function idFromReference(url) {
+ var m = (url || '').toString().match(SVG.regex.reference);
+ if (m) return m[1];
+ } // If values like 1e-88 are passed, this is not a valid 32 bit float,
+ // but in those cases, we are so close to 0 that 0 works well!
+
+
+ function float32String(v) {
+ return Math.abs(v) > 1e-37 ? v : 0;
+ } // Create matrix array for looping
+
+
+ var abcdef = 'abcdef'.split(''); // Add CustomEvent to IE9 and IE10
+
+ if (typeof window.CustomEvent !== 'function') {
+ // Code from: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent
+ var CustomEventPoly = function CustomEventPoly(event, options) {
+ options = options || {
+ bubbles: false,
+ cancelable: false,
+ detail: undefined
+ };
+ var e = document.createEvent('CustomEvent');
+ e.initCustomEvent(event, options.bubbles, options.cancelable, options.detail);
+ return e;
+ };
+
+ CustomEventPoly.prototype = window.Event.prototype;
+ SVG.CustomEvent = CustomEventPoly;
+ } else {
+ SVG.CustomEvent = window.CustomEvent;
+ } // requestAnimationFrame / cancelAnimationFrame Polyfill with fallback based on Paul Irish
+
+
+ (function (w) {
+ var lastTime = 0;
+ var vendors = ['moz', 'webkit'];
+
+ for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ w.requestAnimationFrame = w[vendors[x] + 'RequestAnimationFrame'];
+ w.cancelAnimationFrame = w[vendors[x] + 'CancelAnimationFrame'] || w[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+
+ w.requestAnimationFrame = w.requestAnimationFrame || function (callback) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = w.setTimeout(function () {
+ callback(currTime + timeToCall);
+ }, timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+
+ w.cancelAnimationFrame = w.cancelAnimationFrame || w.clearTimeout;
+ })(window);
+
+ return SVG;
+});
+
+/*! svg.filter.js - v2.0.2 - 2016-02-24
+* https://github.com/wout/svg.filter.js
+* Copyright (c) 2016 Wout Fierens; Licensed MIT */
+(function() {
+
+ // Main filter class
+ SVG.Filter = SVG.invent({
+ create: 'filter',
+ inherit: SVG.Parent,
+ extend: {
+ // Static strings
+ source: 'SourceGraphic',
+ sourceAlpha: 'SourceAlpha',
+ background: 'BackgroundImage',
+ backgroundAlpha: 'BackgroundAlpha',
+ fill: 'FillPaint',
+ stroke: 'StrokePaint',
+
+ autoSetIn: true,
+ // Custom put method for leaner code
+ put: function(element, i) {
+ this.add(element, i);
+
+ if(!element.attr('in') && this.autoSetIn){
+ element.attr('in',this.source);
+ }
+ if(!element.attr('result')){
+ element.attr('result',element);
+ }
+
+ return element
+ },
+ // Blend effect
+ blend: function(in1, in2, mode) {
+ return this.put(new SVG.BlendEffect(in1, in2, mode))
+ },
+ // ColorMatrix effect
+ colorMatrix: function(type, values) {
+ return this.put(new SVG.ColorMatrixEffect(type, values))
+ },
+ // ConvolveMatrix effect
+ convolveMatrix: function(matrix) {
+ return this.put(new SVG.ConvolveMatrixEffect(matrix))
+ },
+ // ComponentTransfer effect
+ componentTransfer: function(components) {
+ return this.put(new SVG.ComponentTransferEffect(components))
+ },
+ // Composite effect
+ composite: function(in1, in2, operator) {
+ return this.put(new SVG.CompositeEffect(in1, in2, operator))
+ },
+ // Flood effect
+ flood: function(color, opacity) {
+ return this.put(new SVG.FloodEffect(color, opacity))
+ },
+ // Offset effect
+ offset: function(x, y) {
+ return this.put(new SVG.OffsetEffect(x,y))
+ },
+ // Image effect
+ image: function(src) {
+ return this.put(new SVG.ImageEffect(src))
+ },
+ // Merge effect
+ merge: function() {
+ //pass the array of arguments to the constructor because we dont know if the user gave us an array as the first arguemnt or wether they listed the effects in the arguments
+ var args = [undefined];
+ for(var i in arguments) args.push(arguments[i]);
+ return this.put(new (SVG.MergeEffect.bind.apply(SVG.MergeEffect,args)))
+ },
+ // Gaussian Blur effect
+ gaussianBlur: function(x,y) {
+ return this.put(new SVG.GaussianBlurEffect(x,y))
+ },
+ // Morphology effect
+ morphology: function(operator,radius){
+ return this.put(new SVG.MorphologyEffect(operator,radius))
+ },
+ // DiffuseLighting effect
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ return this.put(new SVG.DiffuseLightingEffect(surfaceScale,diffuseConstant,kernelUnitLength))
+ },
+ // DisplacementMap effect
+ displacementMap: function(in1,in2,scale,xChannelSelector,yChannelSelector){
+ return this.put(new SVG.DisplacementMapEffect(in1,in2,scale,xChannelSelector,yChannelSelector))
+ },
+ // SpecularLighting effect
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ return this.put(new SVG.SpecularLightingEffect(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength))
+ },
+ // Tile effect
+ tile: function(){
+ return this.put(new SVG.TileEffect());
+ },
+ // Turbulence effect
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ return this.put(new SVG.TurbulenceEffect(baseFrequency,numOctaves,seed,stitchTiles,type))
+ },
+ // Default string value
+ toString: function() {
+ return 'url(#' + this.attr('id') + ')'
+ }
+ }
+ });
+
+ //add .filter function
+ SVG.extend(SVG.Defs, {
+ // Define filter
+ filter: function(block) {
+ var filter = this.put(new SVG.Filter);
+
+ /* invoke passed block */
+ if (typeof block === 'function')
+ block.call(filter, filter);
+
+ return filter
+ }
+ });
+ SVG.extend(SVG.Container, {
+ // Define filter on defs
+ filter: function(block) {
+ return this.defs().filter(block)
+ }
+ });
+ SVG.extend(SVG.Element, SVG.G, SVG.Nested, {
+ // Create filter element in defs and store reference
+ filter: function(block) {
+ this.filterer = block instanceof SVG.Element ?
+ block : this.doc().filter(block);
+
+ if(this.doc() && this.filterer.doc() !== this.doc()){
+ this.doc().defs().add(this.filterer);
+ }
+
+ this.attr('filter', this.filterer);
+
+ return this.filterer
+ },
+ // Remove filter
+ unfilter: function(remove) {
+ /* also remove the filter node */
+ if (this.filterer && remove === true)
+ this.filterer.remove();
+
+ /* delete reference to filterer */
+ delete this.filterer;
+
+ /* remove filter attribute */
+ return this.attr('filter', null)
+ }
+ });
+
+ // Create SVG.Effect class
+ SVG.Effect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Element,
+ extend: {
+ // Set in attribute
+ in: function(effect) {
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in')+'"]').get(0) || this.attr('in') : this.attr('in', effect)
+ },
+ // Named result
+ result: function(result) {
+ return result == null? this.attr('result') : this.attr('result',result)
+ },
+ // Stringification
+ toString: function() {
+ return this.result()
+ }
+ }
+ });
+
+ // create class for parent effects like merge
+ // Inherit from SVG.Parent
+ SVG.ParentEffect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Parent,
+ extend: {
+ // Set in attribute
+ in: function(effect) {
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in')+'"]').get(0) || this.attr('in') : this.attr('in', effect)
+ },
+ // Named result
+ result: function(result) {
+ return result == null? this.attr('result') : this.attr('result',result)
+ },
+ // Stringification
+ toString: function() {
+ return this.result()
+ }
+ }
+ });
+
+ //chaining
+ var chainingEffects = {
+ // Blend effect
+ blend: function(in2, mode) {
+ return this.parent() && this.parent().blend(this, in2, mode) //pass this as the first input
+ },
+ // ColorMatrix effect
+ colorMatrix: function(type, values) {
+ return this.parent() && this.parent().colorMatrix(type, values).in(this)
+ },
+ // ConvolveMatrix effect
+ convolveMatrix: function(matrix) {
+ return this.parent() && this.parent().convolveMatrix(matrix).in(this)
+ },
+ // ComponentTransfer effect
+ componentTransfer: function(components) {
+ return this.parent() && this.parent().componentTransfer(components).in(this)
+ },
+ // Composite effect
+ composite: function(in2, operator) {
+ return this.parent() && this.parent().composite(this, in2, operator) //pass this as the first input
+ },
+ // Flood effect
+ flood: function(color, opacity) {
+ return this.parent() && this.parent().flood(color, opacity) //this effect dont have inputs
+ },
+ // Offset effect
+ offset: function(x, y) {
+ return this.parent() && this.parent().offset(x,y).in(this)
+ },
+ // Image effect
+ image: function(src) {
+ return this.parent() && this.parent().image(src) //this effect dont have inputs
+ },
+ // Merge effect
+ merge: function() {
+ return this.parent() && this.parent().merge.apply(this.parent(),[this].concat(arguments)) //pass this as the first argument
+ },
+ // Gaussian Blur effect
+ gaussianBlur: function(x,y) {
+ return this.parent() && this.parent().gaussianBlur(x,y).in(this)
+ },
+ // Morphology effect
+ morphology: function(operator,radius){
+ return this.parent() && this.parent().morphology(operator,radius).in(this)
+ },
+ // DiffuseLighting effect
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ return this.parent() && this.parent().diffuseLighting(surfaceScale,diffuseConstant,kernelUnitLength).in(this)
+ },
+ // DisplacementMap effect
+ displacementMap: function(in2,scale,xChannelSelector,yChannelSelector){
+ return this.parent() && this.parent().displacementMap(this,in2,scale,xChannelSelector,yChannelSelector) //pass this as the first input
+ },
+ // SpecularLighting effect
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ return this.parent() && this.parent().specularLighting(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength).in(this)
+ },
+ // Tile effect
+ tile: function(){
+ return this.parent() && this.parent().tile().in(this)
+ },
+ // Turbulence effect
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ return this.parent() && this.parent().turbulence(baseFrequency,numOctaves,seed,stitchTiles,type).in(this)
+ }
+ };
+ SVG.extend(SVG.Effect,chainingEffects);
+ SVG.extend(SVG.ParentEffect,chainingEffects);
+
+ //crea class for child effects, like MergeNode, FuncR and lights
+ SVG.ChildEffect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Element,
+ extend: {
+ in: function(effect){
+ this.attr('in',effect);
+ }
+ //dont include any "result" functions because these types of nodes dont have them
+ }
+ });
+
+ // Create all different effects
+ var effects = {
+ blend: function(in1,in2,mode){
+ this.attr({
+ in: in1,
+ in2: in2,
+ mode: mode || 'normal'
+ });
+ },
+ colorMatrix: function(type,values){
+ if (type == 'matrix')
+ values = normaliseMatrix(values);
+
+ this.attr({
+ type: type
+ , values: typeof values == 'undefined' ? null : values
+ });
+ },
+ convolveMatrix: function(matrix){
+ matrix = normaliseMatrix(matrix);
+
+ this.attr({
+ order: Math.sqrt(matrix.split(' ').length)
+ , kernelMatrix: matrix
+ });
+ },
+ composite: function(in1, in2, operator){
+ this.attr({
+ in: in1,
+ in2: in2,
+ operator: operator
+ });
+ },
+ flood: function(color,opacity){
+ this.attr('flood-color',color);
+ if(opacity != null) this.attr('flood-opacity',opacity);
+ },
+ offset: function(x,y){
+ this.attr({
+ dx: x,
+ dy: y
+ });
+ },
+ image: function(src){
+ this.attr('href', src, SVG.xlink);
+ },
+ displacementMap: function(in1,in2,scale,xChannelSelector,yChannelSelector){
+ this.attr({
+ in: in1,
+ in2: in2,
+ scale: scale,
+ xChannelSelector: xChannelSelector,
+ yChannelSelector: yChannelSelector
+ });
+ },
+ gaussianBlur: function(x,y){
+ if(x != null || y != null)
+ this.attr('stdDeviation', listString(Array.prototype.slice.call(arguments)));
+ else
+ this.attr('stdDeviation', '0 0');
+ },
+ morphology: function(operator,radius){
+ this.attr({
+ operator: operator,
+ radius: radius
+ });
+ },
+ tile: function(){
+
+ },
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ this.attr({
+ numOctaves: numOctaves,
+ seed: seed,
+ stitchTiles: stitchTiles,
+ baseFrequency: baseFrequency,
+ type: type
+ });
+ }
+ };
+
+ // Create all parent effects
+ var parentEffects = {
+ merge: function(){
+ var children;
+
+ //test to see if we have a set
+ if(arguments[0] instanceof SVG.Set){
+ var that = this;
+ arguments[0].each(function(i){
+ if(this instanceof SVG.MergeNode)
+ that.put(this);
+ else if(this instanceof SVG.Effect || this instanceof SVG.ParentEffect)
+ that.put(new SVG.MergeNode(this));
+ });
+ }
+ else{
+ //if the first argument is an array use it
+ if(Array.isArray(arguments[0]))
+ children = arguments[0];
+ else
+ children = arguments;
+
+ for(var i = 0; i < children.length; i++){
+ if(children[i] instanceof SVG.MergeNode){
+ this.put(children[i]);
+ }
+ else this.put(new SVG.MergeNode(children[i]));
+ }
+ }
+ },
+ componentTransfer: function(compontents){
+ /* create rgb set */
+ this.rgb = new SVG.Set
+
+ /* create components */
+ ;(['r', 'g', 'b', 'a']).forEach(function(c) {
+ /* create component */
+ this[c] = new SVG['Func' + c.toUpperCase()]('identity');
+
+ /* store component in set */
+ this.rgb.add(this[c]);
+
+ /* add component node */
+ this.node.appendChild(this[c].node);
+ }.bind(this)); //lost context in foreach
+
+ /* set components */
+ if (compontents) {
+ if (compontents.rgb) {
+(['r', 'g', 'b']).forEach(function(c) {
+ this[c].attr(compontents.rgb);
+ }.bind(this));
+
+ delete compontents.rgb;
+ }
+
+ /* set individual components */
+ for (var c in compontents)
+ this[c].attr(compontents[c]);
+ }
+ },
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ this.attr({
+ surfaceScale: surfaceScale,
+ diffuseConstant: diffuseConstant,
+ kernelUnitLength: kernelUnitLength
+ });
+ },
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ this.attr({
+ surfaceScale: surfaceScale,
+ diffuseConstant: diffuseConstant,
+ specularExponent: specularExponent,
+ kernelUnitLength: kernelUnitLength
+ });
+ },
+ };
+
+ // Create child effects like PointLight and MergeNode
+ var childEffects = {
+ distantLight: function(azimuth, elevation){
+ this.attr({
+ azimuth: azimuth,
+ elevation: elevation
+ });
+ },
+ pointLight: function(x,y,z){
+ this.attr({
+ x: x,
+ y: y,
+ z: z
+ });
+ },
+ spotLight: function(x,y,z,pointsAtX,pointsAtY,pointsAtZ){
+ this.attr({
+ x: x,
+ y: y,
+ z: z,
+ pointsAtX: pointsAtX,
+ pointsAtY: pointsAtY,
+ pointsAtZ: pointsAtZ
+ });
+ },
+ mergeNode: function(in1){
+ this.attr('in',in1);
+ }
+ }
+
+ // Create compontent functions
+ ;(['r', 'g', 'b', 'a']).forEach(function(c) {
+ /* create class */
+ childEffects['Func' + c.toUpperCase()] = function(type) {
+ this.attr('type',type);
+
+ // take diffent arguments based on the type
+ switch(type){
+ case 'table':
+ this.attr('tableValues',arguments[1]);
+ break
+ case 'linear':
+ this.attr('slope',arguments[1]);
+ this.attr('intercept',arguments[2]);
+ break
+ case 'gamma':
+ this.attr('amplitude',arguments[1]);
+ this.attr('exponent',arguments[2]);
+ this.attr('offset',arguments[2]);
+ break
+ }
+ };
+ });
+
+ //create effects
+ foreach(effects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name + 'Effect'] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+
+ //set the result
+ this.result(this.attr('id') + 'Out');
+ },
+ inherit: SVG.Effect,
+ extend: proto
+ });
+ });
+
+ //create parent effects
+ foreach(parentEffects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name + 'Effect'] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+
+ //set the result
+ this.result(this.attr('id') + 'Out');
+ },
+ inherit: SVG.ParentEffect,
+ extend: proto
+ });
+ });
+
+ //create child effects
+ foreach(childEffects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+ },
+ inherit: SVG.ChildEffect,
+ extend: proto
+ });
+ });
+
+ // Effect-specific extensions
+ SVG.extend(SVG.MergeEffect,{
+ in: function(effect){
+ if(effect instanceof SVG.MergeNode)
+ this.add(effect,0);
+ else
+ this.add(new SVG.MergeNode(effect),0);
+
+ return this
+ }
+ });
+ SVG.extend(SVG.CompositeEffect,SVG.BlendEffect,SVG.DisplacementMapEffect,{
+ in2: function(effect){
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in2')+'"]').get(0) || this.attr('in2') : this.attr('in2', effect)
+ }
+ });
+
+ // Presets
+ SVG.filter = {
+ sepiatone: [ .343, .669, .119, 0, 0
+ , .249, .626, .130, 0, 0
+ , .172, .334, .111, 0, 0
+ , .000, .000, .000, 1, 0 ]
+ };
+
+ // Helpers
+ function normaliseMatrix(matrix) {
+ /* convert possible array value to string */
+ if (Array.isArray(matrix))
+ matrix = new SVG.Array(matrix);
+
+ /* ensure there are no leading, tailing or double spaces */
+ return matrix.toString().replace(/^\s+/, '').replace(/\s+$/, '').replace(/\s+/g, ' ')
+ }
+
+ function listString(list) {
+ if (!Array.isArray(list))
+ return list
+
+ for (var i = 0, l = list.length, s = []; i < l; i++)
+ s.push(list[i]);
+
+ return s.join(' ')
+ }
+
+ function foreach(){ //loops through mutiple objects
+ var fn = function(){};
+ if(typeof arguments[arguments.length-1] == 'function'){
+ fn = arguments[arguments.length-1];
+ Array.prototype.splice.call(arguments,arguments.length-1,1);
+ }
+ for(var k in arguments){
+ for(var i in arguments[k]){
+ fn(arguments[k][i],i,arguments[k]);
+ }
+ }
+ }
+
+}).call(undefined);
+
+(function() {
+
+SVG.extend(SVG.PathArray, {
+ morph: function(array) {
+
+ var startArr = this.value
+ , destArr = this.parse(array);
+
+ var startOffsetM = 0
+ , destOffsetM = 0;
+
+ var startOffsetNextM = false
+ , destOffsetNextM = false;
+
+ while(true){
+ // stop if there is no M anymore
+ if(startOffsetM === false && destOffsetM === false) break
+
+ // find the next M in path array
+ startOffsetNextM = findNextM(startArr, startOffsetM === false ? false : startOffsetM+1);
+ destOffsetNextM = findNextM( destArr, destOffsetM === false ? false : destOffsetM+1);
+
+ // We have to add one M to the startArray
+ if(startOffsetM === false){
+ var bbox = new SVG.PathArray(result.start).bbox();
+
+ // when the last block had no bounding box we simply take the first M we got
+ if(bbox.height == 0 || bbox.width == 0){
+ startOffsetM = startArr.push(startArr[0]) - 1;
+ }else{
+ // we take the middle of the bbox instead when we got one
+ startOffsetM = startArr.push( ['M', bbox.x + bbox.width/2, bbox.y + bbox.height/2 ] ) - 1;
+ }
+ }
+
+ // We have to add one M to the destArray
+ if( destOffsetM === false){
+ var bbox = new SVG.PathArray(result.dest).bbox();
+
+ if(bbox.height == 0 || bbox.width == 0){
+ destOffsetM = destArr.push(destArr[0]) - 1;
+ }else{
+ destOffsetM = destArr.push( ['M', bbox.x + bbox.width/2, bbox.y + bbox.height/2 ] ) - 1;
+ }
+ }
+
+ // handle block from M to next M
+ var result = handleBlock(startArr, startOffsetM, startOffsetNextM, destArr, destOffsetM, destOffsetNextM);
+
+ // update the arrays to their new values
+ startArr = startArr.slice(0, startOffsetM).concat(result.start, startOffsetNextM === false ? [] : startArr.slice(startOffsetNextM));
+ destArr = destArr.slice(0, destOffsetM).concat(result.dest , destOffsetNextM === false ? [] : destArr.slice( destOffsetNextM));
+
+ // update offsets
+ startOffsetM = startOffsetNextM === false ? false : startOffsetM + result.start.length;
+ destOffsetM = destOffsetNextM === false ? false : destOffsetM + result.dest.length;
+
+ }
+
+ // copy back arrays
+ this.value = startArr;
+ this.destination = new SVG.PathArray();
+ this.destination.value = destArr;
+
+ return this
+ }
+});
+
+
+
+// sorry for the long declaration
+// slices out one block (from M to M) and syncronize it so the types and length match
+function handleBlock(startArr, startOffsetM, startOffsetNextM, destArr, destOffsetM, destOffsetNextM, undefined){
+
+ // slice out the block we need
+ var startArrTemp = startArr.slice(startOffsetM, startOffsetNextM || undefined)
+ , destArrTemp = destArr.slice( destOffsetM, destOffsetNextM || undefined);
+
+ var i = 0
+ , posStart = {pos:[0,0], start:[0,0]}
+ , posDest = {pos:[0,0], start:[0,0]};
+
+ do{
+
+ // convert shorthand types to long form
+ startArrTemp[i] = simplyfy.call(posStart, startArrTemp[i]);
+ destArrTemp[i] = simplyfy.call(posDest , destArrTemp[i]);
+
+ // check if both shape types match
+ // 2 elliptical arc curve commands ('A'), are considered different if the
+ // flags (large-arc-flag, sweep-flag) don't match
+ if(startArrTemp[i][0] != destArrTemp[i][0] || startArrTemp[i][0] == 'M' ||
+ (startArrTemp[i][0] == 'A' &&
+ (startArrTemp[i][4] != destArrTemp[i][4] || startArrTemp[i][5] != destArrTemp[i][5])
+ )
+ ) {
+
+ // if not, convert shapes to beziere
+ Array.prototype.splice.apply(startArrTemp, [i, 1].concat(toBeziere.call(posStart, startArrTemp[i])));
+ Array.prototype.splice.apply(destArrTemp, [i, 1].concat(toBeziere.call(posDest, destArrTemp[i])));
+
+ } else {
+
+ // only update positions otherwise
+ startArrTemp[i] = setPosAndReflection.call(posStart, startArrTemp[i]);
+ destArrTemp[i] = setPosAndReflection.call(posDest , destArrTemp[i]);
+
+ }
+
+ // we are at the end at both arrays. stop here
+ if(++i == startArrTemp.length && i == destArrTemp.length) break
+
+ // destArray is longer. Add one element
+ if(i == startArrTemp.length){
+ startArrTemp.push([
+ 'C',
+ posStart.pos[0],
+ posStart.pos[1],
+ posStart.pos[0],
+ posStart.pos[1],
+ posStart.pos[0],
+ posStart.pos[1],
+ ]);
+ }
+
+ // startArr is longer. Add one element
+ if(i == destArrTemp.length){
+ destArrTemp.push([
+ 'C',
+ posDest.pos[0],
+ posDest.pos[1],
+ posDest.pos[0],
+ posDest.pos[1],
+ posDest.pos[0],
+ posDest.pos[1]
+ ]);
+ }
+
+
+ }while(true)
+
+ // return the updated block
+ return {start:startArrTemp, dest:destArrTemp}
+}
+
+// converts shorthand types to long form
+function simplyfy(val){
+
+ switch(val[0]){
+ case 'z': // shorthand line to start
+ case 'Z':
+ val[0] = 'L';
+ val[1] = this.start[0];
+ val[2] = this.start[1];
+ break
+ case 'H': // shorthand horizontal line
+ val[0] = 'L';
+ val[2] = this.pos[1];
+ break
+ case 'V': // shorthand vertical line
+ val[0] = 'L';
+ val[2] = val[1];
+ val[1] = this.pos[0];
+ break
+ case 'T': // shorthand quadratic beziere
+ val[0] = 'Q';
+ val[3] = val[1];
+ val[4] = val[2];
+ val[1] = this.reflection[1];
+ val[2] = this.reflection[0];
+ break
+ case 'S': // shorthand cubic beziere
+ val[0] = 'C';
+ val[6] = val[4];
+ val[5] = val[3];
+ val[4] = val[2];
+ val[3] = val[1];
+ val[2] = this.reflection[1];
+ val[1] = this.reflection[0];
+ break
+ }
+
+ return val
+
+}
+
+// updates reflection point and current position
+function setPosAndReflection(val){
+
+ var len = val.length;
+
+ this.pos = [ val[len-2], val[len-1] ];
+
+ if('SCQT'.indexOf(val[0]) != -1)
+ this.reflection = [ 2 * this.pos[0] - val[len-4], 2 * this.pos[1] - val[len-3] ];
+
+ return val
+}
+
+// converts all types to cubic beziere
+function toBeziere(val){
+ var retVal = [val];
+
+ switch(val[0]){
+ case 'M': // special handling for M
+ this.pos = this.start = [val[1], val[2]];
+ return retVal
+ case 'L':
+ val[5] = val[3] = val[1];
+ val[6] = val[4] = val[2];
+ val[1] = this.pos[0];
+ val[2] = this.pos[1];
+ break
+ case 'Q':
+ val[6] = val[4];
+ val[5] = val[3];
+ val[4] = val[4] * 1/3 + val[2] * 2/3;
+ val[3] = val[3] * 1/3 + val[1] * 2/3;
+ val[2] = this.pos[1] * 1/3 + val[2] * 2/3;
+ val[1] = this.pos[0] * 1/3 + val[1] * 2/3;
+ break
+ case 'A':
+ retVal = arcToBeziere(this.pos, val);
+ val = retVal[0];
+ break
+ }
+
+ val[0] = 'C';
+ this.pos = [val[5], val[6]];
+ this.reflection = [2 * val[5] - val[3], 2 * val[6] - val[4]];
+
+ return retVal
+
+}
+
+// finds the next position of type M
+function findNextM(arr, offset){
+
+ if(offset === false) return false
+
+ for(var i = offset, len = arr.length;i < len;++i){
+
+ if(arr[i][0] == 'M') return i
+
+ }
+
+ return false
+}
+
+
+
+// Convert an arc segment into equivalent cubic Bezier curves
+// Depending on the arc, up to 4 curves might be used to represent it since a
+// curve gives a good approximation for only a quarter of an ellipse
+// The curves are returned as an array of SVG curve commands:
+// [ ['C', x1, y1, x2, y2, x, y] ... ]
+function arcToBeziere(pos, val) {
+ // Parameters extraction, handle out-of-range parameters as specified in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/implnote.html#ArcOutOfRangeParameters
+ var rx = Math.abs(val[1]), ry = Math.abs(val[2]), xAxisRotation = val[3] % 360
+ , largeArcFlag = val[4], sweepFlag = val[5], x = val[6], y = val[7]
+ , A = new SVG.Point(pos), B = new SVG.Point(x, y)
+ , primedCoord, lambda, mat, k, c, cSquare, t, O, OA, OB, tetaStart, tetaEnd
+ , deltaTeta, nbSectors, f, arcSegPoints, angle, sinAngle, cosAngle, pt, i, il
+ , retVal = [], x1, y1, x2, y2;
+
+ // Ensure radii are non-zero
+ if(rx === 0 || ry === 0 || (A.x === B.x && A.y === B.y)) {
+ // treat this arc as a straight line segment
+ return [['C', A.x, A.y, B.x, B.y, B.x, B.y]]
+ }
+
+ // Ensure radii are large enough using the algorithm provided in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/implnote.html#ArcCorrectionOutOfRangeRadii
+ primedCoord = new SVG.Point((A.x-B.x)/2, (A.y-B.y)/2).transform(new SVG.Matrix().rotate(xAxisRotation));
+ lambda = (primedCoord.x * primedCoord.x) / (rx * rx) + (primedCoord.y * primedCoord.y) / (ry * ry);
+ if(lambda > 1) {
+ lambda = Math.sqrt(lambda);
+ rx = lambda*rx;
+ ry = lambda*ry;
+ }
+
+ // To simplify calculations, we make the arc part of a unit circle (rayon is 1) instead of an ellipse
+ mat = new SVG.Matrix().rotate(xAxisRotation).scale(1/rx, 1/ry).rotate(-xAxisRotation);
+ A = A.transform(mat);
+ B = B.transform(mat);
+
+ // Calculate the horizontal and vertical distance between the initial and final point of the arc
+ k = [B.x-A.x, B.y-A.y];
+
+ // Find the length of the chord formed by A and B
+ cSquare = k[0]*k[0] + k[1]*k[1];
+ c = Math.sqrt(cSquare);
+
+ // Calculate the ratios of the horizontal and vertical distance on the length of the chord
+ k[0] /= c;
+ k[1] /= c;
+
+ // Calculate the distance between the circle center and the chord midpoint
+ // using this formula: t = sqrt(r^2 - c^2 / 4)
+ // where t is the distance between the cirle center and the chord midpoint,
+ // r is the rayon of the circle and c is the chord length
+ // From: http://www.ajdesigner.com/phpcircle/circle_segment_chord_t.php
+ // Because of the imprecision of floating point numbers, cSquare might end
+ // up being slightly above 4 which would result in a negative radicand
+ // To prevent that, a test is made before computing the square root
+ t = (cSquare < 4) ? Math.sqrt(1 - cSquare/4) : 0;
+
+ // For most situations, there are actually two different ellipses that
+ // satisfy the constraints imposed by the points A and B, the radii rx and ry,
+ // and the xAxisRotation
+ // When the flags largeArcFlag and sweepFlag are equal, it means that the
+ // second ellipse is used as a solution
+ // See: https://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
+ if(largeArcFlag === sweepFlag) {
+ t *= -1;
+ }
+
+ // Calculate the coordinates of the center of the circle from the midpoint of the chord
+ // This is done by multiplying the ratios calculated previously by the distance between
+ // the circle center and the chord midpoint and using these values to go from the midpoint
+ // to the center of the circle
+ // The negative of the vertical distance ratio is used to modify the x coordinate while
+ // the horizontal distance ratio is used to modify the y coordinate
+ // That is because the center of the circle is perpendicular to the chord and perpendicular
+ // lines are negative reciprocals
+ O = new SVG.Point((B.x+A.x)/2 + t*-k[1], (B.y+A.y)/2 + t*k[0]);
+ // Move the center of the circle at the origin
+ OA = new SVG.Point(A.x-O.x, A.y-O.y);
+ OB = new SVG.Point(B.x-O.x, B.y-O.y);
+
+ // Calculate the start and end angle
+ tetaStart = Math.acos(OA.x/Math.sqrt(OA.x*OA.x + OA.y*OA.y));
+ if (OA.y < 0) {
+ tetaStart *= -1;
+ }
+ tetaEnd = Math.acos(OB.x/Math.sqrt(OB.x*OB.x + OB.y*OB.y));
+ if (OB.y < 0) {
+ tetaEnd *= -1;
+ }
+
+ // If sweep-flag is '1', then the arc will be drawn in a "positive-angle" direction,
+ // make sure that the end angle is above the start angle
+ if (sweepFlag && tetaStart > tetaEnd) {
+ tetaEnd += 2*Math.PI;
+ }
+ // If sweep-flag is '0', then the arc will be drawn in a "negative-angle" direction,
+ // make sure that the end angle is below the start angle
+ if (!sweepFlag && tetaStart < tetaEnd) {
+ tetaEnd -= 2*Math.PI;
+ }
+
+ // Find the number of Bezier curves that are required to represent the arc
+ // A cubic Bezier curve gives a good enough approximation when representing at most a quarter of a circle
+ nbSectors = Math.ceil(Math.abs(tetaStart-tetaEnd) * 2/Math.PI);
+
+ // Calculate the coordinates of the points of all the Bezier curves required to represent the arc
+ // For an in-depth explanation of this part see: http://pomax.github.io/bezierinfo/#circles_cubic
+ arcSegPoints = [];
+ angle = tetaStart;
+ deltaTeta = (tetaEnd-tetaStart)/nbSectors;
+ f = 4*Math.tan(deltaTeta/4)/3;
+ for (i = 0; i <= nbSectors; i++) { // The <= is because a Bezier curve have a start and a endpoint
+ cosAngle = Math.cos(angle);
+ sinAngle = Math.sin(angle);
+
+ pt = new SVG.Point(O.x+cosAngle, O.y+sinAngle);
+ arcSegPoints[i] = [new SVG.Point(pt.x+f*sinAngle, pt.y-f*cosAngle), pt, new SVG.Point(pt.x-f*sinAngle, pt.y+f*cosAngle)];
+
+ angle += deltaTeta;
+ }
+
+ // Remove the first control point of the first segment point and remove the second control point of the last segment point
+ // These two control points are not used in the approximation of the arc, that is why they are removed
+ arcSegPoints[0][0] = arcSegPoints[0][1].clone();
+ arcSegPoints[arcSegPoints.length-1][2] = arcSegPoints[arcSegPoints.length-1][1].clone();
+
+ // Revert the transformation that was applied to make the arc part of a unit circle instead of an ellipse
+ mat = new SVG.Matrix().rotate(xAxisRotation).scale(rx, ry).rotate(-xAxisRotation);
+ for (i = 0, il = arcSegPoints.length; i < il; i++) {
+ arcSegPoints[i][0] = arcSegPoints[i][0].transform(mat);
+ arcSegPoints[i][1] = arcSegPoints[i][1].transform(mat);
+ arcSegPoints[i][2] = arcSegPoints[i][2].transform(mat);
+ }
+
+
+ // Convert the segments points to SVG curve commands
+ for (i = 1, il = arcSegPoints.length; i < il; i++) {
+ pt = arcSegPoints[i-1][2];
+ x1 = pt.x;
+ y1 = pt.y;
+
+ pt = arcSegPoints[i][0];
+ x2 = pt.x;
+ y2 = pt.y;
+
+ pt = arcSegPoints[i][1];
+ x = pt.x;
+ y = pt.y;
+
+ retVal.push(['C', x1, y1, x2, y2, x, y]);
+ }
+
+ return retVal
+}
+}());
+
+/*! svg.draggable.js - v2.2.1 - 2016-08-25
+* https://github.com/wout/svg.draggable.js
+* Copyright (c) 2016 Wout Fierens; Licensed MIT */
+(function() {
+
+ // creates handler, saves it
+ function DragHandler(el){
+ el.remember('_draggable', this);
+ this.el = el;
+ }
+
+
+ // Sets new parameter, starts dragging
+ DragHandler.prototype.init = function(constraint, val){
+ var _this = this;
+ this.constraint = constraint;
+ this.value = val;
+ this.el.on('mousedown.drag', function(e){ _this.start(e); });
+ this.el.on('touchstart.drag', function(e){ _this.start(e); });
+ };
+
+ // transforms one point from screen to user coords
+ DragHandler.prototype.transformPoint = function(event, offset){
+ event = event || window.event;
+ var touches = event.changedTouches && event.changedTouches[0] || event;
+ this.p.x = touches.pageX - (offset || 0);
+ this.p.y = touches.pageY;
+ return this.p.matrixTransform(this.m)
+ };
+
+ // gets elements bounding box with special handling of groups, nested and use
+ DragHandler.prototype.getBBox = function(){
+
+ var box = this.el.bbox();
+
+ if(this.el instanceof SVG.Nested) box = this.el.rbox();
+
+ if (this.el instanceof SVG.G || this.el instanceof SVG.Use || this.el instanceof SVG.Nested) {
+ box.x = this.el.x();
+ box.y = this.el.y();
+ }
+
+ return box
+ };
+
+ // start dragging
+ DragHandler.prototype.start = function(e){
+
+ // check for left button
+ if(e.type == 'click'|| e.type == 'mousedown' || e.type == 'mousemove'){
+ if((e.which || e.buttons) != 1){
+ return
+ }
+ }
+
+ var _this = this;
+
+ // fire beforedrag event
+ this.el.fire('beforedrag', { event: e, handler: this });
+
+ // search for parent on the fly to make sure we can call
+ // draggable() even when element is not in the dom currently
+ this.parent = this.parent || this.el.parent(SVG.Nested) || this.el.parent(SVG.Doc);
+ this.p = this.parent.node.createSVGPoint();
+
+ // save current transformation matrix
+ this.m = this.el.node.getScreenCTM().inverse();
+
+ var box = this.getBBox();
+
+ var anchorOffset;
+
+ // fix text-anchor in text-element (#37)
+ if(this.el instanceof SVG.Text){
+ anchorOffset = this.el.node.getComputedTextLength();
+
+ switch(this.el.attr('text-anchor')){
+ case 'middle':
+ anchorOffset /= 2;
+ break
+ case 'start':
+ anchorOffset = 0;
+ break;
+ }
+ }
+
+ this.startPoints = {
+ // We take absolute coordinates since we are just using a delta here
+ point: this.transformPoint(e, anchorOffset),
+ box: box,
+ transform: this.el.transform()
+ };
+
+ // add drag and end events to window
+ SVG.on(window, 'mousemove.drag', function(e){ _this.drag(e); });
+ SVG.on(window, 'touchmove.drag', function(e){ _this.drag(e); });
+ SVG.on(window, 'mouseup.drag', function(e){ _this.end(e); });
+ SVG.on(window, 'touchend.drag', function(e){ _this.end(e); });
+
+ // fire dragstart event
+ this.el.fire('dragstart', {event: e, p: this.startPoints.point, m: this.m, handler: this});
+
+ // prevent browser drag behavior
+ e.preventDefault();
+
+ // prevent propagation to a parent that might also have dragging enabled
+ e.stopPropagation();
+ };
+
+ // while dragging
+ DragHandler.prototype.drag = function(e){
+
+ var box = this.getBBox()
+ , p = this.transformPoint(e)
+ , x = this.startPoints.box.x + p.x - this.startPoints.point.x
+ , y = this.startPoints.box.y + p.y - this.startPoints.point.y
+ , c = this.constraint
+ , gx = p.x - this.startPoints.point.x
+ , gy = p.y - this.startPoints.point.y;
+
+ var event = new CustomEvent('dragmove', {
+ detail: {
+ event: e
+ , p: p
+ , m: this.m
+ , handler: this
+ }
+ , cancelable: true
+ });
+
+ this.el.fire(event);
+
+ if(event.defaultPrevented) return p
+
+ // move the element to its new position, if possible by constraint
+ if (typeof c == 'function') {
+
+ var coord = c.call(this.el, x, y, this.m);
+
+ // bool, just show us if movement is allowed or not
+ if (typeof coord == 'boolean') {
+ coord = {
+ x: coord,
+ y: coord
+ };
+ }
+
+ // if true, we just move. If !false its a number and we move it there
+ if (coord.x === true) {
+ this.el.x(x);
+ } else if (coord.x !== false) {
+ this.el.x(coord.x);
+ }
+
+ if (coord.y === true) {
+ this.el.y(y);
+ } else if (coord.y !== false) {
+ this.el.y(coord.y);
+ }
+
+ } else if (typeof c == 'object') {
+
+ // keep element within constrained box
+ if (c.minX != null && x < c.minX)
+ x = c.minX;
+ else if (c.maxX != null && x > c.maxX - box.width){
+ x = c.maxX - box.width;
+ }if (c.minY != null && y < c.minY)
+ y = c.minY;
+ else if (c.maxY != null && y > c.maxY - box.height)
+ y = c.maxY - box.height;
+
+ if(this.el instanceof SVG.G)
+ this.el.matrix(this.startPoints.transform).transform({x:gx, y: gy}, true);
+ else
+ this.el.move(x, y);
+ }
+
+ // so we can use it in the end-method, too
+ return p
+ };
+
+ DragHandler.prototype.end = function(e){
+
+ // final drag
+ var p = this.drag(e);
+
+ // fire dragend event
+ this.el.fire('dragend', { event: e, p: p, m: this.m, handler: this });
+
+ // unbind events
+ SVG.off(window, 'mousemove.drag');
+ SVG.off(window, 'touchmove.drag');
+ SVG.off(window, 'mouseup.drag');
+ SVG.off(window, 'touchend.drag');
+
+ };
+
+ SVG.extend(SVG.Element, {
+ // Make element draggable
+ // Constraint might be an object (as described in readme.md) or a function in the form "function (x, y)" that gets called before every move.
+ // The function can return a boolean or an object of the form {x, y}, to which the element will be moved. "False" skips moving, true moves to raw x, y.
+ draggable: function(value, constraint) {
+
+ // Check the parameters and reassign if needed
+ if (typeof value == 'function' || typeof value == 'object') {
+ constraint = value;
+ value = true;
+ }
+
+ var dragHandler = this.remember('_draggable') || new DragHandler(this);
+
+ // When no parameter is given, value is true
+ value = typeof value === 'undefined' ? true : value;
+
+ if(value) dragHandler.init(constraint || {}, value);
+ else {
+ this.off('mousedown.drag');
+ this.off('touchstart.drag');
+ }
+
+ return this
+ }
+
+ });
+
+}).call(undefined);
+
+(function() {
+
+function SelectHandler(el) {
+
+ this.el = el;
+ el.remember('_selectHandler', this);
+ this.pointSelection = {isSelected: false};
+ this.rectSelection = {isSelected: false};
+
+}
+
+SelectHandler.prototype.init = function (value, options) {
+
+ var bbox = this.el.bbox();
+ this.options = {};
+
+ // Merging the defaults and the options-object together
+ for (var i in this.el.selectize.defaults) {
+ this.options[i] = this.el.selectize.defaults[i];
+ if (options[i] !== undefined) {
+ this.options[i] = options[i];
+ }
+ }
+
+ this.parent = this.el.parent();
+ this.nested = (this.nested || this.parent.group());
+ this.nested.matrix(new SVG.Matrix(this.el).translate(bbox.x, bbox.y));
+
+ // When deepSelect is enabled and the element is a line/polyline/polygon, draw only points for moving
+ if (this.options.deepSelect && ['line', 'polyline', 'polygon'].indexOf(this.el.type) !== -1) {
+ this.selectPoints(value);
+ } else {
+ this.selectRect(value);
+ }
+
+ this.observe();
+ this.cleanup();
+
+};
+
+SelectHandler.prototype.selectPoints = function (value) {
+
+ this.pointSelection.isSelected = value;
+
+ // When set is already there we dont have to create one
+ if (this.pointSelection.set) {
+ return this;
+ }
+
+ // Create our set of elements
+ this.pointSelection.set = this.parent.set();
+ // draw the circles and mark the element as selected
+ this.drawCircles();
+
+ return this;
+
+};
+
+// create the point-array which contains the 2 points of a line or simply the points-array of polyline/polygon
+SelectHandler.prototype.getPointArray = function () {
+ var bbox = this.el.bbox();
+
+ return this.el.array().valueOf().map(function (el) {
+ return [el[0] - bbox.x, el[1] - bbox.y];
+ });
+};
+
+// The function to draw the circles
+SelectHandler.prototype.drawCircles = function () {
+
+ var _this = this, array = this.getPointArray();
+
+ // go through the array of points
+ for (var i = 0, len = array.length; i < len; ++i) {
+
+ var curriedEvent = (function (k) {
+ return function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire('point', {x: x, y: y, i: k, event: ev});
+ };
+ })(i);
+
+ // add every point to the set
+ this.pointSelection.set.add(
+ // a circle with our css-classes and a touchstart-event which fires our event for moving points
+ this.nested.circle(this.options.radius)
+ .center(array[i][0], array[i][1])
+ .addClass(this.options.classPoints)
+ .addClass(this.options.classPoints + '_point')
+ .on('touchstart', curriedEvent)
+ .on('mousedown', curriedEvent)
+ );
+ }
+
+};
+
+// every time a circle is moved, we have to update the positions of our circle
+SelectHandler.prototype.updatePointSelection = function () {
+ var array = this.getPointArray();
+
+ this.pointSelection.set.each(function (i) {
+ if (this.cx() === array[i][0] && this.cy() === array[i][1]) {
+ return;
+ }
+ this.center(array[i][0], array[i][1]);
+ });
+};
+
+SelectHandler.prototype.updateRectSelection = function () {
+ var bbox = this.el.bbox();
+
+ this.rectSelection.set.get(0).attr({
+ width: bbox.width,
+ height: bbox.height
+ });
+
+ // set.get(1) is always in the upper left corner. no need to move it
+ if (this.options.points) {
+ this.rectSelection.set.get(2).center(bbox.width, 0);
+ this.rectSelection.set.get(3).center(bbox.width, bbox.height);
+ this.rectSelection.set.get(4).center(0, bbox.height);
+
+ this.rectSelection.set.get(5).center(bbox.width / 2, 0);
+ this.rectSelection.set.get(6).center(bbox.width, bbox.height / 2);
+ this.rectSelection.set.get(7).center(bbox.width / 2, bbox.height);
+ this.rectSelection.set.get(8).center(0, bbox.height / 2);
+ }
+
+ if (this.options.rotationPoint) {
+ if (this.options.points) {
+ this.rectSelection.set.get(9).center(bbox.width / 2, 20);
+ } else {
+ this.rectSelection.set.get(1).center(bbox.width / 2, 20);
+ }
+ }
+};
+
+SelectHandler.prototype.selectRect = function (value) {
+
+ var _this = this, bbox = this.el.bbox();
+
+ this.rectSelection.isSelected = value;
+
+ // when set is already p
+ this.rectSelection.set = this.rectSelection.set || this.parent.set();
+
+ // helperFunction to create a mouse-down function which triggers the event specified in `eventName`
+ function getMoseDownFunc(eventName) {
+ return function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire(eventName, {x: x, y: y, event: ev});
+ };
+ }
+
+ // create the selection-rectangle and add the css-class
+ if (!this.rectSelection.set.get(0)) {
+ this.rectSelection.set.add(this.nested.rect(bbox.width, bbox.height).addClass(this.options.classRect));
+ }
+
+ // Draw Points at the edges, if enabled
+ if (this.options.points && !this.rectSelection.set.get(1)) {
+ var ename ="touchstart", mname = "mousedown";
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, 0).attr('class', this.options.classPoints + '_lt').on(mname, getMoseDownFunc('lt')).on(ename, getMoseDownFunc('lt')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, 0).attr('class', this.options.classPoints + '_rt').on(mname, getMoseDownFunc('rt')).on(ename, getMoseDownFunc('rt')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, bbox.height).attr('class', this.options.classPoints + '_rb').on(mname, getMoseDownFunc('rb')).on(ename, getMoseDownFunc('rb')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, bbox.height).attr('class', this.options.classPoints + '_lb').on(mname, getMoseDownFunc('lb')).on(ename, getMoseDownFunc('lb')));
+
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, 0).attr('class', this.options.classPoints + '_t').on(mname, getMoseDownFunc('t')).on(ename, getMoseDownFunc('t')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, bbox.height / 2).attr('class', this.options.classPoints + '_r').on(mname, getMoseDownFunc('r')).on(ename, getMoseDownFunc('r')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, bbox.height).attr('class', this.options.classPoints + '_b').on(mname, getMoseDownFunc('b')).on(ename, getMoseDownFunc('b')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, bbox.height / 2).attr('class', this.options.classPoints + '_l').on(mname, getMoseDownFunc('l')).on(ename, getMoseDownFunc('l')));
+
+ this.rectSelection.set.each(function () {
+ this.addClass(_this.options.classPoints);
+ });
+ }
+
+ // draw rotationPint, if enabled
+ if (this.options.rotationPoint && ((this.options.points && !this.rectSelection.set.get(9)) || (!this.options.points && !this.rectSelection.set.get(1)))) {
+
+ var curriedEvent = function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire('rot', {x: x, y: y, event: ev});
+ };
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, 20).attr('class', this.options.classPoints + '_rot')
+ .on("touchstart", curriedEvent).on("mousedown", curriedEvent));
+
+ }
+
+};
+
+SelectHandler.prototype.handler = function () {
+
+ var bbox = this.el.bbox();
+ this.nested.matrix(new SVG.Matrix(this.el).translate(bbox.x, bbox.y));
+
+ if (this.rectSelection.isSelected) {
+ this.updateRectSelection();
+ }
+
+ if (this.pointSelection.isSelected) {
+ this.updatePointSelection();
+ }
+
+};
+
+SelectHandler.prototype.observe = function () {
+ var _this = this;
+
+ if (MutationObserver) {
+ if (this.rectSelection.isSelected || this.pointSelection.isSelected) {
+ this.observerInst = this.observerInst || new MutationObserver(function () {
+ _this.handler();
+ });
+ this.observerInst.observe(this.el.node, {attributes: true});
+ } else {
+ try {
+ this.observerInst.disconnect();
+ delete this.observerInst;
+ } catch (e) {
+ }
+ }
+ } else {
+ this.el.off('DOMAttrModified.select');
+
+ if (this.rectSelection.isSelected || this.pointSelection.isSelected) {
+ this.el.on('DOMAttrModified.select', function () {
+ _this.handler();
+ });
+ }
+ }
+};
+
+SelectHandler.prototype.cleanup = function () {
+
+ //var _this = this;
+
+ if (!this.rectSelection.isSelected && this.rectSelection.set) {
+ // stop watching the element, remove the selection
+ this.rectSelection.set.each(function () {
+ this.remove();
+ });
+
+ this.rectSelection.set.clear();
+ delete this.rectSelection.set;
+ }
+
+ if (!this.pointSelection.isSelected && this.pointSelection.set) {
+ // Remove all points, clear the set, stop watching the element
+ this.pointSelection.set.each(function () {
+ this.remove();
+ });
+
+ this.pointSelection.set.clear();
+ delete this.pointSelection.set;
+ }
+
+ if (!this.pointSelection.isSelected && !this.rectSelection.isSelected) {
+ this.nested.remove();
+ delete this.nested;
+
+ }
+};
+
+
+SVG.extend(SVG.Element, {
+ // Select element with mouse
+ selectize: function (value, options) {
+
+ // Check the parameters and reassign if needed
+ if (typeof value === 'object') {
+ options = value;
+ value = true;
+ }
+
+ var selectHandler = this.remember('_selectHandler') || new SelectHandler(this);
+
+ selectHandler.init(value === undefined ? true : value, options || {});
+
+ return this;
+
+ }
+});
+
+SVG.Element.prototype.selectize.defaults = {
+ points: true, // If true, points at the edges are drawn. Needed for resize!
+ classRect: 'svg_select_boundingRect', // Css-class added to the rect
+ classPoints: 'svg_select_points', // Css-class added to the points
+ radius: 7, // radius of the points
+ rotationPoint: true, // If true, rotation point is drawn. Needed for rotation!
+ deepSelect: false // If true, moving of single points is possible (only line, polyline, polyon)
+};
+}());
+
+(function() {
+(function () {
+
+ function ResizeHandler(el) {
+
+ el.remember('_resizeHandler', this);
+
+ this.el = el;
+ this.parameters = {};
+ this.lastUpdateCall = null;
+ this.p = el.doc().node.createSVGPoint();
+ }
+
+ ResizeHandler.prototype.transformPoint = function(x, y, m){
+
+ this.p.x = x - (this.offset.x - window.pageXOffset);
+ this.p.y = y - (this.offset.y - window.pageYOffset);
+
+ return this.p.matrixTransform(m || this.m);
+
+ };
+
+ ResizeHandler.prototype._extractPosition = function(event) {
+ // Extract a position from a mouse/touch event.
+ // Returns { x: .., y: .. }
+ return {
+ x: event.clientX != null ? event.clientX : event.touches[0].clientX,
+ y: event.clientY != null ? event.clientY : event.touches[0].clientY
+ }
+ };
+
+ ResizeHandler.prototype.init = function (options) {
+
+ var _this = this;
+
+ this.stop();
+
+ if (options === 'stop') {
+ return;
+ }
+
+ this.options = {};
+
+ // Merge options and defaults
+ for (var i in this.el.resize.defaults) {
+ this.options[i] = this.el.resize.defaults[i];
+ if (typeof options[i] !== 'undefined') {
+ this.options[i] = options[i];
+ }
+ }
+
+ // We listen to all these events which are specifying different edges
+ this.el.on('lt.resize', function(e){ _this.resize(e || window.event); }); // Left-Top
+ this.el.on('rt.resize', function(e){ _this.resize(e || window.event); }); // Right-Top
+ this.el.on('rb.resize', function(e){ _this.resize(e || window.event); }); // Right-Bottom
+ this.el.on('lb.resize', function(e){ _this.resize(e || window.event); }); // Left-Bottom
+
+ this.el.on('t.resize', function(e){ _this.resize(e || window.event); }); // Top
+ this.el.on('r.resize', function(e){ _this.resize(e || window.event); }); // Right
+ this.el.on('b.resize', function(e){ _this.resize(e || window.event); }); // Bottom
+ this.el.on('l.resize', function(e){ _this.resize(e || window.event); }); // Left
+
+ this.el.on('rot.resize', function(e){ _this.resize(e || window.event); }); // Rotation
+
+ this.el.on('point.resize', function(e){ _this.resize(e || window.event); }); // Point-Moving
+
+ // This call ensures, that the plugin reacts to a change of snapToGrid immediately
+ this.update();
+
+ };
+
+ ResizeHandler.prototype.stop = function(){
+ this.el.off('lt.resize');
+ this.el.off('rt.resize');
+ this.el.off('rb.resize');
+ this.el.off('lb.resize');
+
+ this.el.off('t.resize');
+ this.el.off('r.resize');
+ this.el.off('b.resize');
+ this.el.off('l.resize');
+
+ this.el.off('rot.resize');
+
+ this.el.off('point.resize');
+
+ return this;
+ };
+
+ ResizeHandler.prototype.resize = function (event) {
+
+ var _this = this;
+
+ this.m = this.el.node.getScreenCTM().inverse();
+ this.offset = { x: window.pageXOffset, y: window.pageYOffset };
+
+ var txPt = this._extractPosition(event.detail.event);
+ this.parameters = {
+ type: this.el.type, // the type of element
+ p: this.transformPoint(txPt.x, txPt.y),
+ x: event.detail.x, // x-position of the mouse when resizing started
+ y: event.detail.y, // y-position of the mouse when resizing started
+ box: this.el.bbox(), // The bounding-box of the element
+ rotation: this.el.transform().rotation // The current rotation of the element
+ };
+
+ // Add font-size parameter if the element type is text
+ if (this.el.type === "text") {
+ this.parameters.fontSize = this.el.attr()["font-size"];
+ }
+
+ // the i-param in the event holds the index of the point which is moved, when using `deepSelect`
+ if (event.detail.i !== undefined) {
+
+ // get the point array
+ var array = this.el.array().valueOf();
+
+ // Save the index and the point which is moved
+ this.parameters.i = event.detail.i;
+ this.parameters.pointCoords = [array[event.detail.i][0], array[event.detail.i][1]];
+ }
+
+ // Lets check which edge of the bounding-box was clicked and resize the this.el according to this
+ switch (event.type) {
+
+ // Left-Top-Edge
+ case 'lt':
+ // We build a calculating function for every case which gives us the new position of the this.el
+ this.calc = function (diffX, diffY) {
+ // The procedure is always the same
+ // First we snap the edge to the given grid (snapping to 1px grid is normal resizing)
+ var snap = this.snapToGrid(diffX, diffY);
+
+ // Now we check if the new height and width still valid (> 0)
+ if (this.parameters.box.width - snap[0] > 0 && this.parameters.box.height - snap[1] > 0) {
+ // ...if valid, we resize the this.el (which can include moving because the coord-system starts at the left-top and this edge is moving sometimes when resized)
+
+ /*
+ * but first check if the element is text box, so we can change the font size instead of
+ * the width and height
+ */
+
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize - snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y + snap[1]).size(this.parameters.box.width - snap[0], this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right-Top
+ case 'rt':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1 << 1);
+ if (this.parameters.box.width + snap[0] > 0 && this.parameters.box.height - snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x - snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize + snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y + snap[1]).size(this.parameters.box.width + snap[0], this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right-Bottom
+ case 'rb':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.width + snap[0] > 0 && this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x - snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize + snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).size(this.parameters.box.width + snap[0], this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Left-Bottom
+ case 'lb':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1);
+ if (this.parameters.box.width - snap[0] > 0 && this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize - snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y).size(this.parameters.box.width - snap[0], this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Top
+ case 't':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1 << 1);
+ if (this.parameters.box.height - snap[1] > 0) {
+ // Disable the font-resizing if it is not from the corner of bounding-box
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y + snap[1]).height(this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right
+ case 'r':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.width + snap[0] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).width(this.parameters.box.width + snap[0]);
+ }
+ };
+ break;
+
+ // Bottom
+ case 'b':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).height(this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Left
+ case 'l':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1);
+ if (this.parameters.box.width - snap[0] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y).width(this.parameters.box.width - snap[0]);
+ }
+ };
+ break;
+
+ // Rotation
+ case 'rot':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+
+ // yes this is kinda stupid but we need the mouse coords back...
+ var current = {x: diffX + this.parameters.p.x, y: diffY + this.parameters.p.y};
+
+ // start minus middle
+ var sAngle = Math.atan2((this.parameters.p.y - this.parameters.box.y - this.parameters.box.height / 2), (this.parameters.p.x - this.parameters.box.x - this.parameters.box.width / 2));
+
+ // end minus middle
+ var pAngle = Math.atan2((current.y - this.parameters.box.y - this.parameters.box.height / 2), (current.x - this.parameters.box.x - this.parameters.box.width / 2));
+
+ var angle = (pAngle - sAngle) * 180 / Math.PI;
+
+ // We have to move the element to the center of the box first and change the rotation afterwards
+ // because rotation always works around a rotation-center, which is changed when moving the element
+ // We also set the new rotation center to the center of the box.
+ this.el.center(this.parameters.box.cx, this.parameters.box.cy).rotate(this.parameters.rotation + angle - angle % this.options.snapToAngle, this.parameters.box.cx, this.parameters.box.cy);
+ };
+ break;
+
+ // Moving one single Point (needed when an element is deepSelected which means you can move every single point of the object)
+ case 'point':
+ this.calc = function (diffX, diffY) {
+
+ // Snapping the point to the grid
+ var snap = this.snapToGrid(diffX, diffY, this.parameters.pointCoords[0], this.parameters.pointCoords[1]);
+
+ // Get the point array
+ var array = this.el.array().valueOf();
+
+ // Changing the moved point in the array
+ array[this.parameters.i][0] = this.parameters.pointCoords[0] + snap[0];
+ array[this.parameters.i][1] = this.parameters.pointCoords[1] + snap[1];
+
+ // And plot the new this.el
+ this.el.plot(array);
+ };
+ }
+
+ this.el.fire('resizestart', {dx: this.parameters.x, dy: this.parameters.y, event: event});
+ // When resizing started, we have to register events for...
+ // Touches.
+ SVG.on(window, 'touchmove.resize', function(e) {
+ _this.update(e || window.event);
+ });
+ SVG.on(window, 'touchend.resize', function() {
+ _this.done();
+ });
+ // Mouse.
+ SVG.on(window, 'mousemove.resize', function (e) {
+ _this.update(e || window.event);
+ });
+ SVG.on(window, 'mouseup.resize', function () {
+ _this.done();
+ });
+
+ };
+
+ // The update-function redraws the element every time the mouse is moving
+ ResizeHandler.prototype.update = function (event) {
+
+ if (!event) {
+ if (this.lastUpdateCall) {
+ this.calc(this.lastUpdateCall[0], this.lastUpdateCall[1]);
+ }
+ return;
+ }
+
+ // Calculate the difference between the mouseposition at start and now
+ var txPt = this._extractPosition(event);
+ var p = this.transformPoint(txPt.x, txPt.y);
+
+ var diffX = p.x - this.parameters.p.x,
+ diffY = p.y - this.parameters.p.y;
+
+ this.lastUpdateCall = [diffX, diffY];
+
+ // Calculate the new position and height / width of the element
+ this.calc(diffX, diffY);
+
+ // Emit an event to say we have changed.
+ this.el.fire('resizing', {dx: diffX, dy: diffY, event: event});
+ };
+
+ // Is called on mouseup.
+ // Removes the update-function from the mousemove event
+ ResizeHandler.prototype.done = function () {
+ this.lastUpdateCall = null;
+ SVG.off(window, 'mousemove.resize');
+ SVG.off(window, 'mouseup.resize');
+ SVG.off(window, 'touchmove.resize');
+ SVG.off(window, 'touchend.resize');
+ this.el.fire('resizedone');
+ };
+
+ // The flag is used to determine whether the resizing is used with a left-Point (first bit) and top-point (second bit)
+ // In this cases the temp-values are calculated differently
+ ResizeHandler.prototype.snapToGrid = function (diffX, diffY, flag, pointCoordsY) {
+
+ var temp;
+
+ // If `pointCoordsY` is given, a single Point has to be snapped (deepSelect). That's why we need a different temp-value
+ if (typeof pointCoordsY !== 'undefined') {
+ // Note that flag = pointCoordsX in this case
+ temp = [(flag + diffX) % this.options.snapToGrid, (pointCoordsY + diffY) % this.options.snapToGrid];
+ } else {
+ // We check if the flag is set and if not we set a default-value (both bits set - which means upper-left-edge)
+ flag = flag == null ? 1 | 1 << 1 : flag;
+ temp = [(this.parameters.box.x + diffX + (flag & 1 ? 0 : this.parameters.box.width)) % this.options.snapToGrid, (this.parameters.box.y + diffY + (flag & (1 << 1) ? 0 : this.parameters.box.height)) % this.options.snapToGrid];
+ }
+
+
+ diffX -= (Math.abs(temp[0]) < this.options.snapToGrid / 2 ?
+ temp[0] :
+ temp[0] - (diffX < 0 ? -this.options.snapToGrid : this.options.snapToGrid));
+ diffY -= (Math.abs(temp[1]) < this.options.snapToGrid / 2 ?
+ temp[1] :
+ temp[1] - (diffY < 0 ? -this.options.snapToGrid : this.options.snapToGrid));
+
+ return this.constraintToBox(diffX, diffY, flag, pointCoordsY);
+
+ };
+
+ // keep element within constrained box
+ ResizeHandler.prototype.constraintToBox = function (diffX, diffY, flag, pointCoordsY) {
+ //return [diffX, diffY]
+ var c = this.options.constraint || {};
+ var orgX, orgY;
+
+ if (typeof pointCoordsY !== 'undefined') {
+ orgX = flag;
+ orgY = pointCoordsY;
+ } else {
+ orgX = this.parameters.box.x + (flag & 1 ? 0 : this.parameters.box.width);
+ orgY = this.parameters.box.y + (flag & (1<<1) ? 0 : this.parameters.box.height);
+ }
+
+ if (typeof c.minX !== 'undefined' && orgX + diffX < c.minX) {
+ diffX = c.minX - orgX;
+ }
+
+ if (typeof c.maxX !== 'undefined' && orgX + diffX > c.maxX) {
+ diffX = c.maxX - orgX;
+ }
+
+ if (typeof c.minY !== 'undefined' && orgY + diffY < c.minY) {
+ diffY = c.minY - orgY;
+ }
+
+ if (typeof c.maxY !== 'undefined' && orgY + diffY > c.maxY) {
+ diffY = c.maxY - orgY;
+ }
+
+ return [diffX, diffY];
+ };
+
+ ResizeHandler.prototype.checkAspectRatio = function (snap) {
+ if (!this.options.saveAspectRatio) {
+ return snap;
+ }
+
+ var updatedSnap = snap.slice();
+ var aspectRatio = this.parameters.box.width / this.parameters.box.height;
+ var newW = this.parameters.box.width + snap[0];
+ var newH = this.parameters.box.height - snap[1];
+ var newAspectRatio = newW / newH;
+
+ if (newAspectRatio < aspectRatio) {
+ // Height is too big. Adapt it
+ updatedSnap[1] = newW / aspectRatio - this.parameters.box.height;
+ } else if (newAspectRatio > aspectRatio) {
+ // Width is too big. Adapt it
+ updatedSnap[0] = this.parameters.box.width - newH * aspectRatio;
+ }
+
+ return updatedSnap;
+
+ };
+
+ SVG.extend(SVG.Element, {
+ // Resize element with mouse
+ resize: function (options) {
+
+ (this.remember('_resizeHandler') || new ResizeHandler(this)).init(options || {});
+
+ return this;
+
+ }
+
+ });
+
+ SVG.Element.prototype.resize.defaults = {
+ snapToAngle: 0.1, // Specifies the speed the rotation is happening when moving the mouse
+ snapToGrid: 1, // Snaps to a grid of `snapToGrid` Pixels
+ constraint: {}, // keep element within constrained box
+ saveAspectRatio: false // Save aspect ratio when resizing using lt, rt, rb or lb points
+ };
+
+}).call(this);
+}());
+
+function styleInject(css, ref) {
+ if ( ref === void 0 ) ref = {};
+ var insertAt = ref.insertAt;
+
+ if (!css || typeof document === 'undefined') { return; }
+
+ var head = document.head || document.getElementsByTagName('head')[0];
+ var style = document.createElement('style');
+ style.type = 'text/css';
+
+ if (insertAt === 'top') {
+ if (head.firstChild) {
+ head.insertBefore(style, head.firstChild);
+ } else {
+ head.appendChild(style);
+ }
+ } else {
+ head.appendChild(style);
+ }
+
+ if (style.styleSheet) {
+ style.styleSheet.cssText = css;
+ } else {
+ style.appendChild(document.createTextNode(css));
+ }
+}
+
+var css = ".apexcharts-canvas {\n position: relative;\n user-select: none;\n /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */\n}\n\n/* scrollbar is not visible by default for legend, hence forcing the visibility */\n.apexcharts-canvas ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 6px;\n}\n.apexcharts-canvas ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0,0,0,.5);\n box-shadow: 0 0 1px rgba(255,255,255,.5);\n -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);\n}\n\n.apexcharts-inner {\n position: relative;\n}\n\n.legend-mouseover-inactive {\n transition: 0.15s ease all;\n opacity: 0.20;\n}\n\n.apexcharts-series-collapsed {\n opacity: 0;\n}\n\n.apexcharts-gridline, .apexcharts-text {\n pointer-events: none;\n}\n\n.apexcharts-tooltip {\n border-radius: 5px;\n box-shadow: 2px 2px 6px -4px #999;\n cursor: default;\n font-size: 14px;\n left: 62px;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 20px;\n overflow: hidden;\n white-space: nowrap;\n z-index: 12;\n transition: 0.15s ease all;\n}\n.apexcharts-tooltip.light {\n border: 1px solid #e3e3e3;\n background: rgba(255, 255, 255, 0.96);\n}\n.apexcharts-tooltip.dark {\n color: #fff;\n background: rgba(30,30,30, 0.8);\n}\n.apexcharts-tooltip * {\n font-family: inherit;\n}\n\n.apexcharts-tooltip .apexcharts-marker,\n.apexcharts-area-series .apexcharts-area,\n.apexcharts-line {\n pointer-events: none;\n}\n\n.apexcharts-tooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-tooltip-title {\n padding: 6px;\n font-size: 15px;\n margin-bottom: 4px;\n}\n.apexcharts-tooltip.light .apexcharts-tooltip-title {\n background: #ECEFF1;\n border-bottom: 1px solid #ddd;\n}\n.apexcharts-tooltip.dark .apexcharts-tooltip-title {\n background: rgba(0, 0, 0, 0.7);\n border-bottom: 1px solid #222;\n}\n\n.apexcharts-tooltip-text-value,\n.apexcharts-tooltip-text-z-value {\n display: inline-block;\n font-weight: 600;\n margin-left: 5px;\n}\n\n.apexcharts-tooltip-text-z-label:empty,\n.apexcharts-tooltip-text-z-value:empty {\n display: none;\n}\n\n.apexcharts-tooltip-text-value, \n.apexcharts-tooltip-text-z-value {\n font-weight: 600;\n}\n\n.apexcharts-tooltip-marker {\n width: 12px;\n height: 12px;\n position: relative;\n top: 0px;\n margin-right: 10px;\n border-radius: 50%;\n}\n\n.apexcharts-tooltip-series-group {\n padding: 0 10px;\n display: none;\n text-align: left;\n justify-content: left;\n align-items: center;\n}\n\n.apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {\n opacity: 1;\n}\n.apexcharts-tooltip-series-group.active, .apexcharts-tooltip-series-group:last-child {\n padding-bottom: 4px;\n}\n.apexcharts-tooltip-y-group {\n padding: 6px 0 5px;\n}\n.apexcharts-tooltip-candlestick {\n padding: 4px 8px;\n}\n.apexcharts-tooltip-candlestick > div {\n margin: 4px 0;\n}\n.apexcharts-tooltip-candlestick span.value {\n font-weight: bold;\n}\n\n.apexcharts-xaxistooltip {\n opacity: 0;\n padding: 9px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {\n\tleft: 50%;\n\tborder: solid transparent;\n\tcontent: \" \";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n\n.apexcharts-xaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-left: -6px;\n}\n.apexcharts-xaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-left: -7px;\n}\n\n.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {\n bottom: 100%;\n}\n\n.apexcharts-xaxistooltip-bottom:after {\n border-bottom-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-bottom:before {\n border-bottom-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {\n top: 100%;\n}\n.apexcharts-xaxistooltip-top:after {\n border-top-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-top:before {\n border-top-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-yaxistooltip {\n opacity: 0;\n padding: 4px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n}\n\n.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {\n\ttop: 50%;\n\tborder: solid transparent;\n\tcontent: \" \";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.apexcharts-yaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-top: -6px;\n}\n.apexcharts-yaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-top: -7px;\n}\n\n.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {\n left: 100%;\n}\n.apexcharts-yaxistooltip-left:after {\n border-left-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-left:before {\n border-left-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {\n right: 100%;\n}\n.apexcharts-yaxistooltip-right:after {\n border-right-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-right:before {\n border-right-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip.active {\n opacity: 1;\n}\n\n.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {\n pointer-events: none;\n opacity: 0;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xcrosshairs.active, .apexcharts-ycrosshairs.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-ycrosshairs-hidden {\n opacity: 0;\n}\n\n.apexcharts-zoom-rect {\n pointer-events: none;\n}\n.apexcharts-selection-rect {\n cursor: move;\n}\n\n.svg_select_points, .svg_select_points_rot {\n opacity: 0;\n visibility: hidden;\n}\n.svg_select_points_l, .svg_select_points_r {\n cursor: ew-resize;\n opacity: 1;\n visibility: visible;\n fill: #888;\n}\n.apexcharts-canvas.zoomable .hovering-zoom {\n cursor: crosshair\n}\n.apexcharts-canvas.zoomable .hovering-pan {\n cursor: move\n}\n\n.apexcharts-xaxis,\n.apexcharts-yaxis {\n pointer-events: none;\n}\n\n.apexcharts-zoom-icon, \n.apexcharts-zoom-in-icon,\n.apexcharts-zoom-out-icon,\n.apexcharts-reset-zoom-icon, \n.apexcharts-pan-icon, \n.apexcharts-selection-icon,\n.apexcharts-menu-icon, \n.apexcharts-toolbar-custom-icon {\n cursor: pointer;\n width: 20px;\n height: 20px;\n line-height: 24px;\n color: #6E8192;\n text-align: center;\n}\n\n.apexcharts-zoom-icon svg, \n.apexcharts-zoom-in-icon svg,\n.apexcharts-zoom-out-icon svg,\n.apexcharts-reset-zoom-icon svg,\n.apexcharts-menu-icon svg {\n fill: #6E8192;\n}\n.apexcharts-selection-icon svg {\n fill: #444;\n transform: scale(0.76)\n}\n.apexcharts-zoom-icon.selected svg, \n.apexcharts-selection-icon.selected svg, \n.apexcharts-reset-zoom-icon.selected svg {\n fill: #008FFB;\n}\n.apexcharts-selection-icon:not(.selected):hover svg,\n.apexcharts-zoom-icon:not(.selected):hover svg, \n.apexcharts-zoom-in-icon:hover svg, \n.apexcharts-zoom-out-icon:hover svg, \n.apexcharts-reset-zoom-icon:hover svg, \n.apexcharts-menu-icon:hover svg {\n fill: #333;\n}\n\n.apexcharts-selection-icon, .apexcharts-menu-icon {\n position: relative;\n}\n.apexcharts-reset-zoom-icon {\n margin-left: 5px;\n}\n.apexcharts-zoom-icon, .apexcharts-reset-zoom-icon, .apexcharts-menu-icon {\n transform: scale(0.85);\n}\n\n.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {\n transform: scale(0.7)\n}\n\n.apexcharts-zoom-out-icon {\n margin-right: 3px;\n}\n\n.apexcharts-pan-icon {\n transform: scale(0.62);\n position: relative;\n left: 1px;\n top: 0px;\n}\n.apexcharts-pan-icon svg {\n fill: #fff;\n stroke: #6E8192;\n stroke-width: 2;\n}\n.apexcharts-pan-icon.selected svg {\n stroke: #008FFB;\n}\n.apexcharts-pan-icon:not(.selected):hover svg {\n stroke: #333;\n}\n\n.apexcharts-toolbar {\n position: absolute;\n z-index: 11;\n top: 0px;\n right: 3px;\n max-width: 176px;\n text-align: right;\n border-radius: 3px;\n padding: 0px 6px 2px 6px;\n display: flex;\n justify-content: space-between;\n align-items: center; \n}\n\n.apexcharts-toolbar svg {\n pointer-events: none;\n}\n\n.apexcharts-menu {\n background: #fff;\n position: absolute;\n top: 100%;\n border: 1px solid #ddd;\n border-radius: 3px;\n padding: 3px;\n right: 10px;\n opacity: 0;\n min-width: 110px;\n transition: 0.15s ease all;\n pointer-events: none;\n}\n\n.apexcharts-menu.open {\n opacity: 1;\n pointer-events: all;\n transition: 0.15s ease all;\n}\n\n.apexcharts-menu-item {\n padding: 6px 7px;\n font-size: 12px;\n cursor: pointer;\n}\n.apexcharts-menu-item:hover {\n background: #eee;\n}\n\n@media screen and (min-width: 768px) {\n .apexcharts-toolbar {\n /*opacity: 0;*/\n }\n\n .apexcharts-canvas:hover .apexcharts-toolbar {\n opacity: 1;\n } \n}\n\n.apexcharts-datalabel.hidden {\n opacity: 0;\n}\n\n.apexcharts-pie-label,\n.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {\n cursor: default;\n pointer-events: none;\n}\n\n.apexcharts-pie-label-delay {\n opacity: 0;\n animation-name: opaque;\n animation-duration: 0.3s;\n animation-fill-mode: forwards;\n animation-timing-function: ease;\n}\n\n.apexcharts-canvas .hidden {\n opacity: 0;\n}\n\n.apexcharts-hide .apexcharts-series-points {\n opacity: 0;\n}\n\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {\n pointer-events: none;\n}\n\n/* markers */\n\n.apexcharts-marker {\n transition: 0.15s ease all;\n}\n\n@keyframes opaque {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}";
+styleInject(css);
+
+/*
+ * classList.js: Cross-browser full element.classList implementation.
+ * 1.2.20171210
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: Dedicated to the public domain.
+ * See https://github.com/eligrey/classList.js/blob/master/LICENSE.md
+ */
+
+/*global self, document, DOMException */
+
+/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
+if ("document" in self) {
+ // Full polyfill for browsers with no classList support
+ // Including IE < Edge missing SVGElement.classList
+ if (!("classList" in document.createElement("_")) || document.createElementNS && !("classList" in document.createElementNS("http://www.w3.org/2000/svg", "g"))) {
+ (function (view) {
+
+ if (!('Element' in view)) return;
+
+ var classListProp = "classList",
+ protoProp = "prototype",
+ elemCtrProto = view.Element[protoProp],
+ objCtr = Object,
+ strTrim = String[protoProp].trim || function () {
+ return this.replace(/^\s+|\s+$/g, "");
+ },
+ arrIndexOf = Array[protoProp].indexOf || function (item) {
+ var i = 0,
+ len = this.length;
+
+ for (; i < len; i++) {
+ if (i in this && this[i] === item) {
+ return i;
+ }
+ }
+
+ return -1;
+ } // Vendors: please allow content code to instantiate DOMExceptions
+ ,
+ DOMEx = function DOMEx(type, message) {
+ this.name = type;
+ this.code = DOMException[type];
+ this.message = message;
+ },
+ checkTokenAndGetIndex = function checkTokenAndGetIndex(classList, token) {
+ if (token === "") {
+ throw new DOMEx("SYNTAX_ERR", "The token must not be empty.");
+ }
+
+ if (/\s/.test(token)) {
+ throw new DOMEx("INVALID_CHARACTER_ERR", "The token must not contain space characters.");
+ }
+
+ return arrIndexOf.call(classList, token);
+ },
+ ClassList = function ClassList(elem) {
+ var trimmedClasses = strTrim.call(elem.getAttribute("class") || ""),
+ classes = trimmedClasses ? trimmedClasses.split(/\s+/) : [],
+ i = 0,
+ len = classes.length;
+
+ for (; i < len; i++) {
+ this.push(classes[i]);
+ }
+
+ this._updateClassName = function () {
+ elem.setAttribute("class", this.toString());
+ };
+ },
+ classListProto = ClassList[protoProp] = [],
+ classListGetter = function classListGetter() {
+ return new ClassList(this);
+ }; // Most DOMException implementations don't allow calling DOMException's toString()
+ // on non-DOMExceptions. Error's toString() is sufficient here.
+
+
+ DOMEx[protoProp] = Error[protoProp];
+
+ classListProto.item = function (i) {
+ return this[i] || null;
+ };
+
+ classListProto.contains = function (token) {
+ return ~checkTokenAndGetIndex(this, token + "");
+ };
+
+ classListProto.add = function () {
+ var tokens = arguments,
+ i = 0,
+ l = tokens.length,
+ token,
+ updated = false;
+
+ do {
+ token = tokens[i] + "";
+
+ if (!~checkTokenAndGetIndex(this, token)) {
+ this.push(token);
+ updated = true;
+ }
+ } while (++i < l);
+
+ if (updated) {
+ this._updateClassName();
+ }
+ };
+
+ classListProto.remove = function () {
+ var tokens = arguments,
+ i = 0,
+ l = tokens.length,
+ token,
+ updated = false,
+ index;
+
+ do {
+ token = tokens[i] + "";
+ index = checkTokenAndGetIndex(this, token);
+
+ while (~index) {
+ this.splice(index, 1);
+ updated = true;
+ index = checkTokenAndGetIndex(this, token);
+ }
+ } while (++i < l);
+
+ if (updated) {
+ this._updateClassName();
+ }
+ };
+
+ classListProto.toggle = function (token, force) {
+ var result = this.contains(token),
+ method = result ? force !== true && "remove" : force !== false && "add";
+
+ if (method) {
+ this[method](token);
+ }
+
+ if (force === true || force === false) {
+ return force;
+ } else {
+ return !result;
+ }
+ };
+
+ classListProto.replace = function (token, replacement_token) {
+ var index = checkTokenAndGetIndex(token + "");
+
+ if (~index) {
+ this.splice(index, 1, replacement_token);
+
+ this._updateClassName();
+ }
+ };
+
+ classListProto.toString = function () {
+ return this.join(" ");
+ };
+
+ if (objCtr.defineProperty) {
+ var classListPropDesc = {
+ get: classListGetter,
+ enumerable: true,
+ configurable: true
+ };
+
+ try {
+ objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+ } catch (ex) {
+ // IE 8 doesn't support enumerable:true
+ // adding undefined to fight this issue https://github.com/eligrey/classList.js/issues/36
+ // modernie IE8-MSW7 machine has IE8 8.0.6001.18702 and is affected
+ if (ex.number === undefined || ex.number === -0x7FF5EC54) {
+ classListPropDesc.enumerable = false;
+ objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+ }
+ }
+ } else if (objCtr[protoProp].__defineGetter__) {
+ elemCtrProto.__defineGetter__(classListProp, classListGetter);
+ }
+ })(self);
+ } // There is full or partial native classList support, so just check if we need
+ // to normalize the add/remove and toggle APIs.
+
+
+ (function () {
+
+ var testElement = document.createElement("_");
+ testElement.classList.add("c1", "c2"); // Polyfill for IE 10/11 and Firefox <26, where classList.add and
+ // classList.remove exist but support only one argument at a time.
+
+ if (!testElement.classList.contains("c2")) {
+ var createMethod = function createMethod(method) {
+ var original = DOMTokenList.prototype[method];
+
+ DOMTokenList.prototype[method] = function (token) {
+ var i,
+ len = arguments.length;
+
+ for (i = 0; i < len; i++) {
+ token = arguments[i];
+ original.call(this, token);
+ }
+ };
+ };
+
+ createMethod('add');
+ createMethod('remove');
+ }
+
+ testElement.classList.toggle("c3", false); // Polyfill for IE 10 and Firefox <24, where classList.toggle does not
+ // support the second argument.
+
+ if (testElement.classList.contains("c3")) {
+ var _toggle = DOMTokenList.prototype.toggle;
+
+ DOMTokenList.prototype.toggle = function (token, force) {
+ if (1 in arguments && !this.contains(token) === !force) {
+ return force;
+ } else {
+ return _toggle.call(this, token);
+ }
+ };
+ } // replace() polyfill
+
+
+ if (!("replace" in document.createElement("_").classList)) {
+ DOMTokenList.prototype.replace = function (token, replacement_token) {
+ var tokens = this.toString().split(" "),
+ index = tokens.indexOf(token + "");
+
+ if (~index) {
+ tokens = tokens.slice(index);
+ this.remove.apply(this, tokens);
+ this.add(replacement_token);
+ this.add.apply(this, tokens.slice(1));
+ }
+ };
+ }
+
+ testElement = null;
+ })();
+}
+
+/**
+* Detect Element Resize
+*
+* https://github.com/sdecima/javascript-detect-element-resize
+* Sebastian Decima
+*
+* version: 0.5.3
+**/
+(function () {
+ var stylesCreated = false;
+
+ function resetTriggers(element) {
+ var triggers = element.__resizeTriggers__,
+ expand = triggers.firstElementChild,
+ contract = triggers.lastElementChild,
+ expandChild = expand.firstElementChild;
+ contract.scrollLeft = contract.scrollWidth;
+ contract.scrollTop = contract.scrollHeight;
+ expandChild.style.width = expand.offsetWidth + 1 + 'px';
+ expandChild.style.height = expand.offsetHeight + 1 + 'px';
+ expand.scrollLeft = expand.scrollWidth;
+ expand.scrollTop = expand.scrollHeight;
+ }
+
+ function checkTriggers(element) {
+ return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
+ }
+
+ function scrollListener(e) {
+ var element = this;
+ resetTriggers(this);
+ if (this.__resizeRAF__) cancelFrame(this.__resizeRAF__);
+ this.__resizeRAF__ = requestFrame(function () {
+ if (checkTriggers(element)) {
+ element.__resizeLast__.width = element.offsetWidth;
+ element.__resizeLast__.height = element.offsetHeight;
+
+ element.__resizeListeners__.forEach(function (fn) {
+ fn.call(e);
+ });
+ }
+ });
+ }
+
+ function createStyles() {
+ if (!stylesCreated) {
+ // opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
+ var css = (animationKeyframes || '') + '.resize-triggers { ' + (animationStyle || '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
+ head = document.head || document.getElementsByTagName('head')[0],
+ style = document.createElement('style');
+ style.type = 'text/css';
+
+ if (style.styleSheet) {
+ style.styleSheet.cssText = css;
+ } else {
+ style.appendChild(document.createTextNode(css));
+ }
+
+ head.appendChild(style);
+ stylesCreated = true;
+ }
+ }
+
+ var requestFrame = function () {
+ var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
+ return window.setTimeout(fn, 20);
+ };
+
+ return function (fn) {
+ return raf(fn);
+ };
+ }();
+
+ var cancelFrame = function () {
+ var cancel = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout;
+ return function (id) {
+ return cancel(id);
+ };
+ }();
+ /* Detect CSS Animations support to detect element display/re-attach */
+
+
+ var animation = false,
+ keyframeprefix = '',
+ animationstartevent = 'animationstart',
+ domPrefixes = 'Webkit Moz O ms'.split(' '),
+ startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
+ pfx = '';
+ {
+ var elm = document.createElement('fakeelement');
+
+ if (elm.style.animationName !== undefined) {
+ animation = true;
+ }
+
+ if (animation === false) {
+ for (var i = 0; i < domPrefixes.length; i++) {
+ if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
+ pfx = domPrefixes[i];
+ keyframeprefix = '-' + pfx.toLowerCase() + '-';
+ animationstartevent = startEvents[i];
+ break;
+ }
+ }
+ }
+ }
+ var animationName = 'resizeanim';
+ var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
+ var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
+
+ window.addResizeListener = function (element, fn) {
+ if (!element.__resizeTriggers__) {
+ if (getComputedStyle(element).position == 'static') element.style.position = 'relative';
+ createStyles();
+ element.__resizeLast__ = {};
+ element.__resizeListeners__ = [];
+ (element.__resizeTriggers__ = document.createElement('div')).className = 'resize-triggers';
+ element.__resizeTriggers__.innerHTML = '<div class="expand-trigger"><div></div></div>' + '<div class="contract-trigger"></div>';
+ element.appendChild(element.__resizeTriggers__);
+ resetTriggers(element);
+ element.addEventListener('scroll', scrollListener, true);
+ /* Listen for a css animation to detect element display/re-attach */
+
+ animationstartevent && element.__resizeTriggers__.addEventListener(animationstartevent, function (e) {
+ if (e.animationName == animationName) {
+ resetTriggers(element);
+ }
+ });
+ }
+
+ element.__resizeListeners__.push(fn);
+ };
+
+ window.removeResizeListener = function (element, fn) {
+ if (element) {
+ element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+
+ if (!element.__resizeListeners__.length) {
+ element.removeEventListener('scroll', scrollListener);
+ element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
+ }
+ }
+ };
+})();
+
+window.Apex = {};
+/**
+ *
+ * @module ApexCharts
+ **/
+
+var ApexCharts$1 =
+/*#__PURE__*/
+function () {
+ function ApexCharts(el, opts) {
+ _classCallCheck(this, ApexCharts);
+
+ this.opts = opts;
+ this.ctx = this; // Pass the user supplied options to the Base Class where these options will be extended with defaults. The returned object from Base Class will become the config object in the entire codebase.
+
+ this.w = new Base(opts).init();
+ this.el = el;
+ this.w.globals.cuid = (Math.random() + 1).toString(36).substring(4);
+ this.w.globals.chartID = this.w.config.chart.id ? this.w.config.chart.id : this.w.globals.cuid;
+ this.initModules();
+ this.create = Utils.bind(this.create, this);
+ this.windowResizeHandler = this.windowResize.bind(this);
+ }
+ /**
+ * The primary method user will call to render the chart.
+ */
+
+
+ _createClass(ApexCharts, [{
+ key: "render",
+ value: function render() {
+ var _this = this;
+
+ // main method
+ return new Promise$1(function (resolve, reject) {
+ // only draw chart, if element found
+ if (_this.el !== null) {
+ if (typeof Apex._chartInstances === 'undefined') {
+ Apex._chartInstances = [];
+ }
+
+ if (_this.w.config.chart.id) {
+ Apex._chartInstances.push({
+ id: _this.w.globals.chartID,
+ group: _this.w.config.chart.group,
+ chart: _this
+ });
+ } // set the locale here
+
+
+ _this.setLocale(_this.w.config.chart.defaultLocale);
+
+ var beforeMount = _this.w.config.chart.events.beforeMount;
+
+ if (typeof beforeMount === 'function') {
+ beforeMount(_this, _this.w);
+ }
+
+ _this.fireEvent('beforeMount', [_this, _this.w]);
+
+ window.addEventListener('resize', _this.windowResizeHandler);
+ window.addResizeListener(_this.el.parentNode, _this.parentResizeCallback.bind(_this));
+
+ var graphData = _this.create(_this.w.config.series, {});
+
+ if (!graphData) return resolve(_this);
+
+ _this.mount(graphData).then(function () {
+ resolve(graphData);
+
+ if (typeof _this.w.config.chart.events.mounted === 'function') {
+ _this.w.config.chart.events.mounted(_this, _this.w);
+ }
+
+ _this.fireEvent('mounted', [_this, _this.w]);
+ }).catch(function (e) {
+ reject(e); // handle error in case no data or element not found
+ });
+ } else {
+ reject(new Error('Element not found'));
+ }
+ });
+ }
+ }, {
+ key: "initModules",
+ value: function initModules() {
+ this.animations = new Animations(this.ctx);
+ this.annotations = new Annotations(this.ctx);
+ this.core = new Core(this.el, this);
+ this.grid = new Grid(this);
+ this.coreUtils = new CoreUtils(this);
+ this.config = new Config({});
+ this.crosshairs = new Crosshairs(this.ctx);
+ this.options = new Options();
+ this.responsive = new Responsive(this.ctx);
+ this.series = new Series(this.ctx);
+ this.theme = new Theme(this.ctx);
+ this.formatters = new Formatters(this.ctx);
+ this.titleSubtitle = new TitleSubtitle(this.ctx);
+ this.legend = new Legend(this.ctx);
+ this.toolbar = new Toolbar(this.ctx);
+ this.dimensions = new Dimensions(this.ctx);
+ this.zoomPanSelection = new ZoomPanSelection(this.ctx);
+ this.w.globals.tooltip = new Tooltip(this.ctx);
+ }
+ }, {
+ key: "addEventListener",
+ value: function addEventListener(name$$1, handler) {
+ var w = this.w;
+
+ if (w.globals.events.hasOwnProperty(name$$1)) {
+ w.globals.events[name$$1].push(handler);
+ } else {
+ w.globals.events[name$$1] = [handler];
+ }
+ }
+ }, {
+ key: "removeEventListener",
+ value: function removeEventListener(name$$1, handler) {
+ var w = this.w;
+
+ if (!w.globals.events.hasOwnProperty(name$$1)) {
+ return;
+ }
+
+ var index = w.globals.events[name$$1].indexOf(handler);
+
+ if (index !== -1) {
+ w.globals.events[name$$1].splice(index, 1);
+ }
+ }
+ }, {
+ key: "fireEvent",
+ value: function fireEvent(name$$1, args) {
+ var w = this.w;
+
+ if (!w.globals.events.hasOwnProperty(name$$1)) {
+ return;
+ }
+
+ if (!args || !args.length) {
+ args = [];
+ }
+
+ var evs = w.globals.events[name$$1];
+ var l = evs.length;
+
+ for (var i = 0; i < l; i++) {
+ evs[i].apply(null, args);
+ }
+ }
+ }, {
+ key: "create",
+ value: function create(ser, opts) {
+ var w = this.w;
+ this.initModules();
+ var gl = this.w.globals;
+ gl.noData = false;
+ gl.animationEnded = false;
+ this.responsive.checkResponsiveConfig(opts);
+
+ if (this.el === null) {
+ gl.animationEnded = true;
+ return null;
+ }
+
+ this.core.setupElements();
+
+ if (gl.svgWidth === 0) {
+ // if the element is hidden, skip drawing
+ gl.animationEnded = true;
+ return null;
+ }
+
+ var combo = CoreUtils.checkComboSeries(ser);
+ gl.comboCharts = combo.comboCharts;
+ gl.comboChartsHasBars = combo.comboChartsHasBars;
+
+ if (ser.length === 0 || ser.length === 1 && ser[0].data && ser[0].data.length === 0) {
+ this.series.handleNoData();
+ }
+
+ this.setupEventHandlers();
+ this.core.parseData(ser); // this is a good time to set theme colors first
+
+ this.theme.init(); // labelFormatters should be called before dimensions as in dimensions we need text labels width
+ // as markers accepts array, we need to setup global markers for easier access
+
+ var markers = new Markers(this);
+ markers.setGlobalMarkerSize();
+ this.formatters.setLabelFormatters();
+ this.titleSubtitle.draw(); // legend is calculated here before coreCalculations because it affects the plottable area
+
+ this.legend.init(); // check whether in multiple series, all series share the same X
+
+ this.series.hasAllSeriesEqualX(); // coreCalculations will give the min/max range and yaxis/axis values. It should be called here to set series variable from config to globals
+
+ if (gl.axisCharts) {
+ this.core.coreCalculations();
+
+ if (w.config.xaxis.type !== 'category') {
+ // as we have minX and maxX values, determine the default DateTimeFormat for time series
+ this.formatters.setLabelFormatters();
+ }
+ } // we need to generate yaxis for heatmap separately as we are not showing numerics there, but seriesNames. There are some tweaks which are required for heatmap to align labels correctly which are done in below function
+ // Also we need to do this before calcuting Dimentions plotCoords() method of Dimensions
+
+
+ this.formatters.heatmapLabelFormatters(); // We got plottable area here, next task would be to calculate axis areas
+
+ this.dimensions.plotCoords();
+ var xyRatios = this.core.xySettings();
+ this.grid.createGridMask();
+ var elGraph = this.core.plotChartType(ser, xyRatios); // after all the drawing calculations, shift the graphical area (actual charts/bars) excluding legends
+
+ this.core.shiftGraphPosition();
+ var dim = {
+ plot: {
+ left: w.globals.translateX,
+ top: w.globals.translateY,
+ width: w.globals.gridWidth,
+ height: w.globals.gridHeight
+ }
+ };
+ return {
+ elGraph: elGraph,
+ xyRatios: xyRatios,
+ elInner: w.globals.dom.elGraphical,
+ dimensions: dim
+ };
+ }
+ }, {
+ key: "mount",
+ value: function mount() {
+ var graphData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var me = this;
+ var w = me.w;
+ return new Promise$1(function (resolve, reject) {
+ // no data to display
+ if (me.el === null) {
+ return reject(new Error('Not enough data to display or target element not found'));
+ } else if (graphData === null || w.globals.allSeriesCollapsed) {
+ me.series.handleNoData();
+ }
+
+ me.core.drawAxis(w.config.chart.type, graphData.xyRatios);
+ me.grid = new Grid(me);
+
+ if (w.config.grid.position === 'back') {
+ me.grid.drawGrid();
+ }
+
+ if (w.config.annotations.position === 'back') {
+ me.annotations.drawAnnotations();
+ }
+
+ if (graphData.elGraph instanceof Array) {
+ for (var g = 0; g < graphData.elGraph.length; g++) {
+ w.globals.dom.elGraphical.add(graphData.elGraph[g]);
+ }
+ } else {
+ w.globals.dom.elGraphical.add(graphData.elGraph);
+ }
+
+ if (w.config.grid.position === 'front') {
+ me.grid.drawGrid();
+ }
+
+ if (w.config.xaxis.crosshairs.position === 'front') {
+ me.crosshairs.drawXCrosshairs();
+ }
+
+ if (w.config.yaxis[0].crosshairs.position === 'front') {
+ me.crosshairs.drawYCrosshairs();
+ }
+
+ if (w.config.annotations.position === 'front') {
+ me.annotations.drawAnnotations();
+ }
+
+ if (!w.globals.noData) {
+ // draw tooltips at the end
+ if (w.config.tooltip.enabled && !w.globals.noData) {
+ me.w.globals.tooltip.drawTooltip(graphData.xyRatios);
+ }
+
+ if (w.globals.axisCharts && w.globals.isXNumeric) {
+ if (w.config.chart.zoom.enabled || w.config.chart.selection && w.config.chart.selection.enabled || w.config.chart.pan && w.config.chart.pan.enabled) {
+ me.zoomPanSelection.init({
+ xyRatios: graphData.xyRatios
+ });
+ }
+ } else {
+ var tools = w.config.chart.toolbar.tools;
+ tools.zoom = false;
+ tools.zoomin = false;
+ tools.zoomout = false;
+ tools.selection = false;
+ tools.pan = false;
+ tools.reset = false;
+ }
+
+ if (w.config.chart.toolbar.show && !w.globals.allSeriesCollapsed) {
+ me.toolbar.createToolbar();
+ }
+ }
+
+ if (w.globals.memory.methodsToExec.length > 0) {
+ w.globals.memory.methodsToExec.forEach(function (fn) {
+ fn.method(fn.params, false, fn.context);
+ });
+ }
+
+ resolve(me);
+ });
+ }
+ }, {
+ key: "clearPreviousPaths",
+ value: function clearPreviousPaths() {
+ var w = this.w;
+ w.globals.previousPaths = [];
+ w.globals.allSeriesCollapsed = false;
+ w.globals.collapsedSeries = [];
+ w.globals.collapsedSeriesIndices = [];
+ }
+ /**
+ * Allows users to update Options after the chart has rendered.
+ *
+ * @param {object} options - A new config object can be passed which will be merged with the existing config object
+ * @param {boolean} redraw - should redraw from beginning or should use existing paths and redraw from there
+ * @param {boolean} animate - should animate or not on updating Options
+ */
+
+ }, {
+ key: "updateOptions",
+ value: function updateOptions(options$$1) {
+ var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ var animate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var overwriteInitialConfig = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+ var w = this.w;
+
+ if (options$$1.series) {
+ if (options$$1.series[0].data) {
+ options$$1.series = options$$1.series.map(function (s, i) {
+ return _objectSpread({}, w.config.series[i], {
+ name: s.name ? s.name : w.config.series[i].name,
+ type: s.type,
+ data: s.data
+ });
+ });
+ } // user updated the series via updateOptions() function.
+ // Hence, we need to reset axis min/max to avoid zooming issues
+
+
+ this.revertDefaultAxisMinMax();
+ } // user has set x-axis min/max externally - hence we need to forcefully set the xaxis min/max
+
+
+ if (options$$1.xaxis) {
+ if (options$$1.xaxis.min || options$$1.xaxis.max) {
+ this.forceXAxisUpdate(options$$1);
+ }
+ /* fixes apexcharts.js#369 and react-apexcharts#46 */
+
+
+ if (options$$1.xaxis.categories && options$$1.xaxis.categories.length && w.config.xaxis.convertedCatToNumeric) {
+ options$$1 = Defaults.convertCatToNumeric(options$$1);
+ }
+ }
+
+ if (w.globals.collapsedSeriesIndices.length > 0) {
+ this.clearPreviousPaths();
+ }
+
+ return this._updateOptions(options$$1, redraw, animate, overwriteInitialConfig);
+ }
+ /**
+ * private method to update Options.
+ *
+ * @param {object} options - A new config object can be passed which will be merged with the existing config object
+ * @param {boolean} redraw - should redraw from beginning or should use existing paths and redraw from there
+ * @param {boolean} animate - should animate or not on updating Options
+ * @param {boolean} overwriteInitialConfig - should update the initial config or not
+ */
+
+ }, {
+ key: "_updateOptions",
+ value: function _updateOptions(options$$1) {
+ var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ var animate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var overwriteInitialConfig = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+ var charts = this.getSyncedCharts();
+ charts.forEach(function (ch) {
+ var w = ch.w;
+ w.globals.shouldAnimate = animate;
+
+ if (!redraw) {
+ w.globals.resized = true;
+ w.globals.dataChanged = true;
+
+ if (animate) {
+ ch.series.getPreviousPaths();
+ }
+ }
+
+ if (options$$1 && _typeof(options$$1) === 'object') {
+ ch.config = new Config(options$$1);
+ options$$1 = CoreUtils.extendArrayProps(ch.config, options$$1);
+ w.config = Utils.extend(w.config, options$$1);
+
+ if (overwriteInitialConfig) {
+ // we need to forget the lastXAxis and lastYAxis is user forcefully overwriteInitialConfig. If we do not do this, and next time when user zooms the chart after setting yaxis.min/max or xaxis.min/max - the stored lastXAxis will never allow the chart to use the updated min/max by user.
+ w.globals.lastXAxis = [];
+ w.globals.lastYAxis = []; // After forgetting lastAxes, we need to restore the new config in initialConfig/initialSeries
+
+ w.globals.initialConfig = Utils.extend({}, w.config);
+ w.globals.initialSeries = JSON.parse(JSON.stringify(w.config.series));
+ }
+ }
+
+ return ch.update(options$$1);
+ });
+ }
+ /**
+ * Allows users to update Series after the chart has rendered.
+ *
+ * @param {array} series - New series which will override the existing
+ */
+
+ }, {
+ key: "updateSeries",
+ value: function updateSeries() {
+ var newSeries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+ var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ this.revertDefaultAxisMinMax();
+ return this._updateSeries(newSeries, animate, overwriteInitialSeries);
+ }
+ /**
+ * Allows users to append a new series after the chart has rendered.
+ *
+ * @param {array} newSerie - New serie which will be appended to the existing series
+ */
+
+ }, {
+ key: "appendSeries",
+ value: function appendSeries(newSerie) {
+ var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var newSeries = this.w.config.series.slice();
+ newSeries.push(newSerie);
+ this.revertDefaultAxisMinMax();
+ return this._updateSeries(newSeries, animate);
+ }
+ /**
+ * Private method to update Series.
+ *
+ * @param {array} series - New series which will override the existing
+ */
+
+ }, {
+ key: "_updateSeries",
+ value: function _updateSeries(newSeries, animate) {
+ var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+ var w = this.w;
+ this.w.globals.shouldAnimate = animate;
+ w.globals.dataChanged = true; // if user has collapsed some series with legend, we need to clear those
+
+ if (w.globals.allSeriesCollapsed) {
+ w.globals.allSeriesCollapsed = false;
+ }
+
+ if (animate) {
+ this.series.getPreviousPaths();
+ }
+
+ var existingSeries; // axis charts
+
+ if (newSeries[0].data) {
+ existingSeries = newSeries.map(function (s, i) {
+ return _objectSpread({}, w.config.series[i], {
+ name: s.name ? s.name : w.config.series[i].name,
+ type: s.type,
+ data: s.data
+ });
+ });
+ w.config.series = existingSeries;
+ } else {
+ // non-axis chart (pie/radialbar)
+ w.config.series = newSeries.slice();
+ }
+
+ if (overwriteInitialSeries) {
+ w.globals.initialConfig.series = JSON.parse(JSON.stringify(w.config.series));
+ w.globals.initialSeries = JSON.parse(JSON.stringify(w.config.series));
+ }
+
+ return this.update();
+ }
+ /**
+ * Get all charts in the same "group" (including the instance which is called upon) to sync them when user zooms in/out or pan.
+ */
+
+ }, {
+ key: "getSyncedCharts",
+ value: function getSyncedCharts() {
+ var chartGroups = this.getGroupedCharts();
+ var allCharts = [this];
+
+ if (chartGroups.length) {
+ allCharts = [];
+ chartGroups.forEach(function (ch) {
+ allCharts.push(ch);
+ });
+ }
+
+ return allCharts;
+ }
+ /**
+ * Get charts in the same "group" (excluding the instance which is called upon) to perform operations on the other charts of the same group (eg., tooltip hovering)
+ */
+
+ }, {
+ key: "getGroupedCharts",
+ value: function getGroupedCharts() {
+ var _this2 = this;
+
+ return Apex._chartInstances.filter(function (ch) {
+ if (ch.group) {
+ return true;
+ }
+ }).map(function (ch) {
+ return _this2.w.config.chart.group === ch.group ? ch.chart : _this2;
+ });
+ }
+ /**
+ * Allows users to append Data to series.
+ *
+ * @param {array} newData - New data in the same format as series
+ */
+
+ }, {
+ key: "appendData",
+ value: function appendData(newData) {
+ var overwriteInitialSeries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var me = this;
+ me.w.globals.dataChanged = true;
+ me.series.getPreviousPaths();
+ var newSeries = me.w.config.series.slice();
+
+ for (var i = 0; i < newSeries.length; i++) {
+ if (typeof newData[i] !== 'undefined') {
+ for (var j = 0; j < newData[i].data.length; j++) {
+ newSeries[i].data.push(newData[i].data[j]);
+ }
+ }
+ }
+
+ me.w.config.series = newSeries;
+
+ if (overwriteInitialSeries) {
+ me.w.globals.initialSeries = JSON.parse(JSON.stringify(me.w.config.series));
+ }
+
+ return this.update();
+ }
+ }, {
+ key: "update",
+ value: function update(options$$1) {
+ var _this3 = this;
+
+ return new Promise$1(function (resolve, reject) {
+ _this3.clear();
+
+ var graphData = _this3.create(_this3.w.config.series, options$$1);
+
+ if (!graphData) return resolve(_this3);
+
+ _this3.mount(graphData).then(function () {
+ if (typeof _this3.w.config.chart.events.updated === 'function') {
+ _this3.w.config.chart.events.updated(_this3, _this3.w);
+ }
+
+ _this3.fireEvent('updated', [_this3, _this3.w]);
+
+ _this3.w.globals.isDirty = true;
+ resolve(_this3);
+ }).catch(function (e) {
+ reject(e);
+ });
+ });
+ }
+ }, {
+ key: "forceXAxisUpdate",
+ value: function forceXAxisUpdate(options$$1) {
+ var w = this.w;
+
+ if (typeof options$$1.xaxis.min !== 'undefined') {
+ w.config.xaxis.min = options$$1.xaxis.min;
+ w.globals.lastXAxis.min = options$$1.xaxis.min;
+ }
+
+ if (typeof options$$1.xaxis.max !== 'undefined') {
+ w.config.xaxis.max = options$$1.xaxis.max;
+ w.globals.lastXAxis.max = options$$1.xaxis.max;
+ }
+ }
+ /**
+ * This function reverts the yaxis and xaxis min/max values to what it was when the chart was defined.
+ * This function fixes an important bug where a user might load a new series after zooming in/out of previous series which resulted in wrong min/max
+ * Also, this should never be called internally on zoom/pan - the reset should only happen when user calls the updateSeries() function externally
+ */
+
+ }, {
+ key: "revertDefaultAxisMinMax",
+ value: function revertDefaultAxisMinMax() {
+ var w = this.w;
+ w.config.xaxis.min = w.globals.lastXAxis.min;
+ w.config.xaxis.max = w.globals.lastXAxis.max;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (w.globals.zoomed) {
+ // if user has zoomed, and this function is called
+ // then we need to get the lastAxis min and max
+ if (typeof w.globals.lastYAxis[index] !== 'undefined') {
+ yaxe.min = w.globals.lastYAxis[index].min;
+ yaxe.max = w.globals.lastYAxis[index].max;
+ }
+ }
+ });
+ }
+ }, {
+ key: "clear",
+ value: function clear() {
+ if (this.zoomPanSelection) {
+ this.zoomPanSelection.destroy();
+ }
+
+ if (this.toolbar) {
+ this.toolbar.destroy();
+ }
+
+ this.animations = null;
+ this.annotations = null;
+ this.core = null;
+ this.grid = null;
+ this.series = null;
+ this.responsive = null;
+ this.theme = null;
+ this.formatters = null;
+ this.titleSubtitle = null;
+ this.legend = null;
+ this.dimensions = null;
+ this.options = null;
+ this.crosshairs = null;
+ this.zoomPanSelection = null;
+ this.toolbar = null;
+ this.w.globals.tooltip = null;
+ this.clearDomElements();
+ }
+ }, {
+ key: "killSVG",
+ value: function killSVG(draw) {
+ return new Promise$1(function (resolve, reject) {
+ draw.each(function (i, children) {
+ this.removeClass('*');
+ this.off();
+ this.stop();
+ }, true);
+ draw.ungroup();
+ draw.clear();
+ resolve('done');
+ });
+ }
+ }, {
+ key: "clearDomElements",
+ value: function clearDomElements() {
+ var domEls = this.w.globals.dom;
+
+ if (this.el !== null) {
+ // remove all child elements - resetting the whole chart
+ while (this.el.firstChild) {
+ this.el.removeChild(this.el.firstChild);
+ }
+ }
+
+ this.killSVG(domEls.Paper);
+ domEls.Paper.remove();
+ domEls.elWrap = null;
+ domEls.elGraphical = null;
+ domEls.elLegendWrap = null;
+ domEls.baseEl = null;
+ domEls.elGridRect = null;
+ domEls.elGridRectMask = null;
+ domEls.elGridRectMarkerMask = null;
+ domEls.elDefs = null;
+ }
+ /**
+ * Destroy the chart instance by removing all elements which also clean up event listeners on those elements.
+ */
+
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ this.clear(); // remove the chart's instance from the global Apex._chartInstances
+
+ var chartID = this.w.config.chart.id;
+
+ if (chartID) {
+ Apex._chartInstances.forEach(function (c, i) {
+ if (c.id === chartID) {
+ Apex._chartInstances.splice(i, 1);
+ }
+ });
+ }
+
+ window.removeEventListener('resize', this.windowResizeHandler);
+ window.removeResizeListener(this.el.parentNode, this.parentResizeCallback.bind(this));
+ }
+ /**
+ * Allows the user to provide data attrs in the element and the chart will render automatically when this method is called by searching for the elements containing 'data-apexcharts' attribute
+ */
+
+ }, {
+ key: "toggleSeries",
+ value: function toggleSeries(seriesName) {
+ var targetElement = this.series.getSeriesByName(seriesName);
+ var seriesCnt = parseInt(targetElement.getAttribute('data:realIndex'));
+ var isHidden = targetElement.classList.contains('apexcharts-series-collapsed');
+ this.legend.toggleDataSeries(seriesCnt, isHidden);
+ }
+ }, {
+ key: "resetToggleSeries",
+ value: function resetToggleSeries() {
+ this.legend.resetToggleDataSeries();
+ }
+ }, {
+ key: "setupEventHandlers",
+ value: function setupEventHandlers() {
+ var w = this.w;
+ var me = this;
+ var clickableArea = w.globals.dom.baseEl.querySelector(w.globals.chartClass);
+ var eventList = ['mousedown', 'mousemove', 'touchstart', 'touchmove', 'mouseup', 'touchend'];
+ eventList.forEach(function (event) {
+ clickableArea.addEventListener(event, function (e) {
+ if (e.type === 'mousedown' && e.which === 1) ; else if (e.type === 'mouseup' && e.which === 1 || e.type === 'touchend') {
+ if (typeof w.config.chart.events.click === 'function') {
+ w.config.chart.events.click(e, me, w);
+ }
+
+ me.fireEvent('click', [e, me, w]);
+ }
+ }, {
+ capture: false,
+ passive: true
+ });
+ });
+ this.core.setupBrushHandler();
+ }
+ }, {
+ key: "addXaxisAnnotation",
+ value: function addXaxisAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addXaxisAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "addYaxisAnnotation",
+ value: function addYaxisAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addYaxisAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "addPointAnnotation",
+ value: function addPointAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addPointAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "clearAnnotations",
+ value: function clearAnnotations() {
+ var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.clearAnnotations(me);
+ } // This method is never used internally and will be only called externally on the chart instance.
+ // Hence, we need to keep all these elements in memory when the chart gets updated and redraw again
+
+ }, {
+ key: "addText",
+ value: function addText(options$$1) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addText(options$$1, pushToMemory, me);
+ }
+ }, {
+ key: "getChartArea",
+ value: function getChartArea() {
+ var el = this.w.globals.dom.baseEl.querySelector('.apexcharts-inner');
+ return el;
+ }
+ }, {
+ key: "getSeriesTotalXRange",
+ value: function getSeriesTotalXRange(minX, maxX) {
+ return this.coreUtils.getSeriesTotalsXRange(minX, maxX);
+ }
+ }, {
+ key: "getHighestValueInSeries",
+ value: function getHighestValueInSeries() {
+ var seriesIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var range = new Range$1(this.ctx);
+ var minYmaxY = range.getMinYMaxY(seriesIndex);
+ return minYmaxY.highestY;
+ }
+ }, {
+ key: "getLowestValueInSeries",
+ value: function getLowestValueInSeries() {
+ var seriesIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var range = new Range$1(this.ctx);
+ var minYmaxY = range.getMinYMaxY(seriesIndex);
+ return minYmaxY.lowestY;
+ }
+ }, {
+ key: "getSeriesTotal",
+ value: function getSeriesTotal() {
+ return this.w.globals.seriesTotals;
+ }
+ }, {
+ key: "setLocale",
+ value: function setLocale(localeName) {
+ this.setCurrentLocaleValues(localeName);
+ }
+ }, {
+ key: "setCurrentLocaleValues",
+ value: function setCurrentLocaleValues(localeName) {
+ var locales = this.w.config.chart.locales; // check if user has specified locales in global Apex variable
+ // if yes - then extend those with local chart's locale
+
+ if (window.Apex.chart && window.Apex.chart.locales && window.Apex.chart.locales.length > 0) {
+ locales = this.w.config.chart.locales.concat(window.Apex.chart.locales);
+ } // find the locale from the array of locales which user has set (either by chart.defaultLocale or by calling setLocale() method.)
+
+
+ var selectedLocale = locales.filter(function (c) {
+ return c.name === localeName;
+ })[0];
+
+ if (selectedLocale) {
+ // create a complete locale object by extending defaults so you don't get undefined errors.
+ var ret = Utils.extend(en, selectedLocale); // store these locale options in global var for ease access
+
+ this.w.globals.locale = ret.options;
+ } else {
+ throw new Error('Wrong locale name provided. Please make sure you set the correct locale name in options');
+ }
+ }
+ }, {
+ key: "svgUrl",
+ value: function svgUrl() {
+ var exp = new Exports(this.ctx);
+ return exp.svgUrl();
+ }
+ }, {
+ key: "dataURI",
+ value: function dataURI() {
+ var exp = new Exports(this.ctx);
+ return exp.dataURI();
+ }
+ }, {
+ key: "paper",
+ value: function paper() {
+ return this.w.globals.dom.Paper;
+ }
+ }, {
+ key: "parentResizeCallback",
+ value: function parentResizeCallback() {
+ if (this.w.globals.animationEnded) {
+ this.windowResize();
+ }
+ }
+ /**
+ * Handle window resize and re-draw the whole chart.
+ */
+
+ }, {
+ key: "windowResize",
+ value: function windowResize() {
+ var _this4 = this;
+
+ clearTimeout(this.w.globals.resizeTimer);
+ this.w.globals.resizeTimer = window.setTimeout(function () {
+ _this4.w.globals.resized = true;
+ _this4.w.globals.dataChanged = false; // we need to redraw the whole chart on window resize (with a small delay).
+
+ _this4.update();
+ }, 150);
+ }
+ }], [{
+ key: "initOnLoad",
+ value: function initOnLoad() {
+ var els = document.querySelectorAll('[data-apexcharts]');
+
+ for (var i = 0; i < els.length; i++) {
+ var el = els[i];
+ var options$$1 = JSON.parse(els[i].getAttribute('data-options'));
+ var apexChart = new ApexCharts(el, options$$1);
+ apexChart.render();
+ }
+ }
+ /**
+ * This static method allows users to call chart methods without necessarily from the
+ * instance of the chart in case user has assigned chartID to the targetted chart.
+ * The chartID is used for mapping the instance stored in Apex._chartInstances global variable
+ *
+ * This is helpful in cases when you don't have reference of the chart instance
+ * easily and need to call the method from anywhere.
+ * For eg, in React/Vue applications when you have many parent/child components,
+ * and need easy reference to other charts for performing dynamic operations
+ *
+ * @param {string} chartID - The unique identifier which will be used to call methods
+ * on that chart instance
+ * @param {function} fn - The method name to call
+ * @param {object} opts - The parameters which are accepted in the original method will be passed here in the same order.
+ */
+
+ }, {
+ key: "exec",
+ value: function exec(chartID, fn) {
+ var chart = this.getChartByID(chartID);
+ if (!chart) return;
+
+ for (var _len = arguments.length, opts = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ opts[_key - 2] = arguments[_key];
+ }
+
+ switch (fn) {
+ case 'updateOptions':
+ {
+ return chart.updateOptions.apply(chart, opts);
+ }
+
+ case 'updateSeries':
+ {
+ return chart.updateSeries.apply(chart, opts);
+ }
+
+ case 'appendData':
+ {
+ return chart.appendData.apply(chart, opts);
+ }
+
+ case 'addXaxisAnnotation':
+ {
+ return chart.addXaxisAnnotation.apply(chart, opts);
+ }
+
+ case 'addYaxisAnnotation':
+ {
+ return chart.addYaxisAnnotation.apply(chart, opts);
+ }
+
+ case 'addPointAnnotation':
+ {
+ return chart.addPointAnnotation.apply(chart, opts);
+ }
+
+ case 'clearAnnotations':
+ {
+ return chart.clearAnnotations.apply(chart, opts);
+ }
+
+ case 'destroy':
+ {
+ return chart.destroy();
+ }
+ }
+ }
+ }, {
+ key: "merge",
+ value: function merge(target, source) {
+ return Utils.extend(target, source);
+ }
+ }, {
+ key: "getChartByID",
+ value: function getChartByID(chartID) {
+ var c = Apex._chartInstances.filter(function (ch) {
+ return ch.id === chartID;
+ })[0];
+
+ return c.chart;
+ }
+ }]);
+
+ return ApexCharts;
+}();
+
+export default ApexCharts$1;
diff --git a/public/ThirdParty/apexcharts-bundle/dist/apexcharts.js b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.js
new file mode 100644
index 0000000000000000000000000000000000000000..0315d1a0301290e4073a3d5a86ce7cba3e9cb087
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.js
@@ -0,0 +1,27570 @@
+/*!
+ * ApexCharts v3.6.2
+ * (c) 2018-2019 Juned Chhipa
+ * Released under the MIT License.
+ */
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+ typeof define === 'function' && define.amd ? define(factory) :
+ (global = global || self, global.ApexCharts = factory());
+}(this, function () { 'use strict';
+
+ function _typeof(obj) {
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+ _typeof = function (obj) {
+ return typeof obj;
+ };
+ } else {
+ _typeof = function (obj) {
+ return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+ };
+ }
+
+ return _typeof(obj);
+ }
+
+ function _classCallCheck(instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ }
+
+ function _defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ function _createClass(Constructor, protoProps, staticProps) {
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) _defineProperties(Constructor, staticProps);
+ return Constructor;
+ }
+
+ function _defineProperty(obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
+
+ return obj;
+ }
+
+ function _objectSpread(target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i] != null ? arguments[i] : {};
+ var ownKeys = Object.keys(source);
+
+ if (typeof Object.getOwnPropertySymbols === 'function') {
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+ }));
+ }
+
+ ownKeys.forEach(function (key) {
+ _defineProperty(target, key, source[key]);
+ });
+ }
+
+ return target;
+ }
+
+ function _inherits(subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function");
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) _setPrototypeOf(subClass, superClass);
+ }
+
+ function _getPrototypeOf(o) {
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+ return o.__proto__ || Object.getPrototypeOf(o);
+ };
+ return _getPrototypeOf(o);
+ }
+
+ function _setPrototypeOf(o, p) {
+ _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+ o.__proto__ = p;
+ return o;
+ };
+
+ return _setPrototypeOf(o, p);
+ }
+
+ function _assertThisInitialized(self) {
+ if (self === void 0) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return self;
+ }
+
+ function _possibleConstructorReturn(self, call) {
+ if (call && (typeof call === "object" || typeof call === "function")) {
+ return call;
+ }
+
+ return _assertThisInitialized(self);
+ }
+
+ function _toConsumableArray(arr) {
+ return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+ }
+
+ function _arrayWithoutHoles(arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ }
+ }
+
+ function _iterableToArray(iter) {
+ if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+ }
+
+ function _nonIterableSpread() {
+ throw new TypeError("Invalid attempt to spread non-iterable instance");
+ }
+
+ /*
+ ** Generic functions which are not dependent on ApexCharts
+ */
+ var Utils =
+ /*#__PURE__*/
+ function () {
+ function Utils() {
+ _classCallCheck(this, Utils);
+ }
+
+ _createClass(Utils, [{
+ key: "shadeRGBColor",
+ value: function shadeRGBColor(percent, color) {
+ var f = color.split(','),
+ t = percent < 0 ? 0 : 255,
+ p = percent < 0 ? percent * -1 : percent,
+ R = parseInt(f[0].slice(4)),
+ G = parseInt(f[1]),
+ B = parseInt(f[2]);
+ return 'rgb(' + (Math.round((t - R) * p) + R) + ',' + (Math.round((t - G) * p) + G) + ',' + (Math.round((t - B) * p) + B) + ')';
+ }
+ }, {
+ key: "shadeHexColor",
+ value: function shadeHexColor(percent, color) {
+ var f = parseInt(color.slice(1), 16),
+ t = percent < 0 ? 0 : 255,
+ p = percent < 0 ? percent * -1 : percent,
+ R = f >> 16,
+ G = f >> 8 & 0x00ff,
+ B = f & 0x0000ff;
+ return '#' + (0x1000000 + (Math.round((t - R) * p) + R) * 0x10000 + (Math.round((t - G) * p) + G) * 0x100 + (Math.round((t - B) * p) + B)).toString(16).slice(1);
+ } // beautiful color shading blending code
+ // http://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors
+
+ }, {
+ key: "shadeColor",
+ value: function shadeColor(p, color) {
+ if (color.length > 7) return this.shadeRGBColor(p, color);else return this.shadeHexColor(p, color);
+ }
+ }], [{
+ key: "bind",
+ value: function bind(fn, me) {
+ return function () {
+ return fn.apply(me, arguments);
+ };
+ }
+ }, {
+ key: "isObject",
+ value: function isObject(item) {
+ return item && _typeof(item) === 'object' && !Array.isArray(item) && item != null;
+ } // to extend defaults with user options
+ // credit: http://stackoverflow.com/questions/27936772/deep-object-merging-in-es6-es7#answer-34749873
+
+ }, {
+ key: "extend",
+ value: function extend(target, source) {
+ var _this = this;
+
+ if (typeof Object.assign !== 'function') {
+
+ (function () {
+ Object.assign = function (target) {
+
+ if (target === undefined || target === null) {
+ throw new TypeError('Cannot convert undefined or null to object');
+ }
+
+ var output = Object(target);
+
+ for (var index = 1; index < arguments.length; index++) {
+ var _source = arguments[index];
+
+ if (_source !== undefined && _source !== null) {
+ for (var nextKey in _source) {
+ if (_source.hasOwnProperty(nextKey)) {
+ output[nextKey] = _source[nextKey];
+ }
+ }
+ }
+ }
+
+ return output;
+ };
+ })();
+ }
+
+ var output = Object.assign({}, target);
+
+ if (this.isObject(target) && this.isObject(source)) {
+ Object.keys(source).forEach(function (key) {
+ if (_this.isObject(source[key])) {
+ if (!(key in target)) {
+ Object.assign(output, _defineProperty({}, key, source[key]));
+ } else {
+ output[key] = _this.extend(target[key], source[key]);
+ }
+ } else {
+ Object.assign(output, _defineProperty({}, key, source[key]));
+ }
+ });
+ }
+
+ return output;
+ }
+ }, {
+ key: "extendArray",
+ value: function extendArray(arrToExtend, resultArr) {
+ var extendedArr = [];
+ arrToExtend.map(function (item) {
+ extendedArr.push(Utils.extend(resultArr, item));
+ });
+ arrToExtend = extendedArr;
+ return arrToExtend;
+ } // If month counter exceeds 12, it starts again from 1
+
+ }, {
+ key: "monthMod",
+ value: function monthMod(month) {
+ return month % 12;
+ }
+ }, {
+ key: "addProps",
+ value: function addProps(obj, arr, val) {
+ if (typeof arr === 'string') {
+ arr = arr.split('.');
+ }
+
+ obj[arr[0]] = obj[arr[0]] || {};
+ var tmpObj = obj[arr[0]];
+
+ if (arr.length > 1) {
+ arr.shift();
+ this.addProps(tmpObj, arr, val);
+ } else {
+ obj[arr[0]] = val;
+ }
+
+ return obj;
+ }
+ }, {
+ key: "clone",
+ value: function clone(source) {
+ if (Object.prototype.toString.call(source) === '[object Array]') {
+ var cloneResult = [];
+
+ for (var i = 0; i < source.length; i++) {
+ cloneResult[i] = this.clone(source[i]);
+ }
+
+ return cloneResult;
+ } else if (_typeof(source) === 'object') {
+ var _cloneResult = {};
+
+ for (var prop in source) {
+ if (source.hasOwnProperty(prop)) {
+ _cloneResult[prop] = this.clone(source[prop]);
+ }
+ }
+
+ return _cloneResult;
+ } else {
+ return source;
+ }
+ }
+ }, {
+ key: "log10",
+ value: function log10(x) {
+ return Math.log(x) / Math.LN10;
+ }
+ }, {
+ key: "roundToBase10",
+ value: function roundToBase10(x) {
+ return Math.pow(10, Math.floor(Math.log10(x)));
+ }
+ }, {
+ key: "roundToBase",
+ value: function roundToBase(x, base) {
+ return Math.pow(base, Math.floor(Math.log(x) / Math.log(base)));
+ }
+ }, {
+ key: "parseNumber",
+ value: function parseNumber(val) {
+ if (val === null) return val;
+ return parseFloat(val);
+ }
+ }, {
+ key: "getDimensions",
+ value: function getDimensions(el) {
+ var computedStyle = getComputedStyle(el);
+ var ret = [];
+ var elementHeight = el.clientHeight;
+ var elementWidth = el.clientWidth;
+ elementHeight -= parseFloat(computedStyle.paddingTop) + parseFloat(computedStyle.paddingBottom);
+ elementWidth -= parseFloat(computedStyle.paddingLeft) + parseFloat(computedStyle.paddingRight);
+ ret.push(elementWidth);
+ ret.push(elementHeight);
+ return ret;
+ }
+ }, {
+ key: "getBoundingClientRect",
+ value: function getBoundingClientRect(element) {
+ var rect = element.getBoundingClientRect();
+ return {
+ top: rect.top,
+ right: rect.right,
+ bottom: rect.bottom,
+ left: rect.left,
+ width: rect.width,
+ height: rect.height,
+ x: rect.x,
+ y: rect.y
+ };
+ } // http://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb#answer-12342275
+
+ }, {
+ key: "hexToRgba",
+ value: function hexToRgba() {
+ var hex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#999999';
+ var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.6;
+
+ if (hex.substring(0, 1) !== '#') {
+ hex = '#999999';
+ }
+
+ var h = hex.replace('#', '');
+ h = h.match(new RegExp('(.{' + h.length / 3 + '})', 'g'));
+
+ for (var i = 0; i < h.length; i++) {
+ h[i] = parseInt(h[i].length === 1 ? h[i] + h[i] : h[i], 16);
+ }
+
+ if (typeof opacity !== 'undefined') h.push(opacity);
+ return 'rgba(' + h.join(',') + ')';
+ }
+ }, {
+ key: "getOpacityFromRGBA",
+ value: function getOpacityFromRGBA(rgba) {
+ rgba = rgba.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
+ return rgba[3];
+ }
+ }, {
+ key: "rgb2hex",
+ value: function rgb2hex(rgb) {
+ rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
+ return rgb && rgb.length === 4 ? '#' + ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[3], 10).toString(16)).slice(-2) : '';
+ }
+ }, {
+ key: "isColorHex",
+ value: function isColorHex(color) {
+ return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
+ }
+ }, {
+ key: "polarToCartesian",
+ value: function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
+ var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
+ return {
+ x: centerX + radius * Math.cos(angleInRadians),
+ y: centerY + radius * Math.sin(angleInRadians)
+ };
+ }
+ }, {
+ key: "escapeString",
+ value: function escapeString(str) {
+ var escapeWith = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'x';
+ var newStr = str.toString().slice();
+ newStr = newStr.replace(/[` ~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, escapeWith);
+ return newStr;
+ }
+ }, {
+ key: "negToZero",
+ value: function negToZero(val) {
+ return val < 0 ? 0 : val;
+ }
+ }, {
+ key: "moveIndexInArray",
+ value: function moveIndexInArray(arr, old_index, new_index) {
+ if (new_index >= arr.length) {
+ var k = new_index - arr.length + 1;
+
+ while (k--) {
+ arr.push(undefined);
+ }
+ }
+
+ arr.splice(new_index, 0, arr.splice(old_index, 1)[0]);
+ return arr;
+ }
+ }, {
+ key: "extractNumber",
+ value: function extractNumber(s) {
+ return parseFloat(s.replace(/[^\d\.]*/g, ''));
+ }
+ }, {
+ key: "randomString",
+ value: function randomString(len) {
+ var text = '';
+ var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
+
+ for (var i = 0; i < len; i++) {
+ text += possible.charAt(Math.floor(Math.random() * possible.length));
+ }
+
+ return text;
+ }
+ }, {
+ key: "findAncestor",
+ value: function findAncestor(el, cls) {
+ while ((el = el.parentElement) && !el.classList.contains(cls)) {
+ }
+
+ return el;
+ }
+ }, {
+ key: "setELstyles",
+ value: function setELstyles(el, styles) {
+ for (var key in styles) {
+ if (styles.hasOwnProperty(key)) {
+ el.style.key = styles[key];
+ }
+ }
+ }
+ }, {
+ key: "isNumber",
+ value: function isNumber(value) {
+ return !isNaN(value) && parseFloat(Number(value)) === value && !isNaN(parseInt(value, 10));
+ }
+ }, {
+ key: "isFloat",
+ value: function isFloat(n) {
+ return Number(n) === n && n % 1 !== 0;
+ }
+ }, {
+ key: "isSafari",
+ value: function isSafari() {
+ return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+ }
+ }, {
+ key: "isFirefox",
+ value: function isFirefox() {
+ return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+ }
+ }, {
+ key: "isIE11",
+ value: function isIE11() {
+ if (window.navigator.userAgent.indexOf('MSIE') !== -1 || window.navigator.appVersion.indexOf('Trident/') > -1) {
+ return true;
+ }
+ }
+ }, {
+ key: "isIE",
+ value: function isIE() {
+ var ua = window.navigator.userAgent;
+ var msie = ua.indexOf('MSIE ');
+
+ if (msie > 0) {
+ // IE 10 or older => return version number
+ return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
+ }
+
+ var trident = ua.indexOf('Trident/');
+
+ if (trident > 0) {
+ // IE 11 => return version number
+ var rv = ua.indexOf('rv:');
+ return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
+ }
+
+ var edge = ua.indexOf('Edge/');
+
+ if (edge > 0) {
+ // Edge (IE 12+) => return version number
+ return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
+ } // other browser
+
+
+ return false;
+ }
+ }]);
+
+ return Utils;
+ }();
+
+ /**
+ * ApexCharts Filters Class for setting hover/active states on the paths.
+ *
+ * @module Formatters
+ **/
+
+ var Filters =
+ /*#__PURE__*/
+ function () {
+ function Filters(ctx) {
+ _classCallCheck(this, Filters);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // create a re-usable filter which can be appended other filter effects and applied to multiple elements
+
+
+ _createClass(Filters, [{
+ key: "getDefaultFilter",
+ value: function getDefaultFilter(el) {
+ var w = this.w;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+
+ if (w.config.states.normal.filter !== 'none') {
+ this.applyFilter(el, w.config.states.normal.filter.type, w.config.states.normal.filter.value);
+ } else {
+ if (w.config.chart.dropShadow.enabled) {
+ this.dropShadow(el, w.config.chart.dropShadow);
+ }
+ }
+ }
+ }, {
+ key: "addNormalFilter",
+ value: function addNormalFilter(el) {
+ var w = this.w;
+
+ if (w.config.chart.dropShadow.enabled) {
+ this.dropShadow(el, w.config.chart.dropShadow);
+ }
+ }
+ }, {
+ key: "addDesaturateFilter",
+ value: function addDesaturateFilter(el) {
+ var _this = this;
+
+ var w = this.w;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.colorMatrix('matrix', [0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 1.0, 0]).colorMatrix('saturate', 0);
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addLightenFilter",
+ value: function addLightenFilter(el, attrs) {
+ var _this2 = this;
+
+ var w = this.w;
+ var intensity = attrs.intensity;
+
+ if (Utils.isFirefox()) {
+ return;
+ }
+
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this2.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.componentTransfer({
+ rgb: {
+ type: 'linear',
+ slope: 1.5,
+ intercept: intensity
+ }
+ });
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addDarkenFilter",
+ value: function addDarkenFilter(el, attrs) {
+ var _this3 = this;
+
+ var w = this.w;
+ var intensity = attrs.intensity;
+
+ if (Utils.isFirefox()) {
+ return;
+ }
+
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowAttr = w.config.chart.dropShadow;
+
+ if (shadowAttr.enabled) {
+ filter = _this3.addShadow(add, shadowAttr);
+ } else {
+ filter = add;
+ }
+
+ filter.componentTransfer({
+ rgb: {
+ type: 'linear',
+ slope: intensity
+ }
+ });
+ });
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ }
+ }, {
+ key: "applyFilter",
+ value: function applyFilter(el, filter) {
+ var intensity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
+
+ switch (filter) {
+ case 'none':
+ {
+ this.addNormalFilter(el);
+ break;
+ }
+
+ case 'lighten':
+ {
+ this.addLightenFilter(el, {
+ intensity: intensity
+ });
+ break;
+ }
+
+ case 'darken':
+ {
+ this.addDarkenFilter(el, {
+ intensity: intensity
+ });
+ break;
+ }
+
+ case 'desaturate':
+ {
+ this.addDesaturateFilter(el);
+ break;
+ }
+
+ default:
+ // do nothing
+ break;
+ }
+ } // appends dropShadow to the filter object which can be chained with other filter effects
+
+ }, {
+ key: "addShadow",
+ value: function addShadow(add, attrs) {
+ var blur = attrs.blur,
+ top = attrs.top,
+ left = attrs.left,
+ color = attrs.color,
+ opacity = attrs.opacity;
+ var shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur).merge(add.source);
+ return add.blend(add.source, shadowBlur);
+ } // directly adds dropShadow to the element and returns the same element.
+ // the only way it is different from the addShadow() function is that addShadow is chainable to other filters, while this function discards all filters and add dropShadow
+
+ }, {
+ key: "dropShadow",
+ value: function dropShadow(el, attrs) {
+ var top = attrs.top,
+ left = attrs.left,
+ blur = attrs.blur,
+ color = attrs.color,
+ opacity = attrs.opacity,
+ noUserSpaceOnUse = attrs.noUserSpaceOnUse;
+ el.unfilter(true);
+ var filter = new window.SVG.Filter();
+ filter.size('120%', '180%', '-5%', '-40%');
+ el.filter(function (add) {
+ var shadowBlur = null;
+
+ if (Utils.isSafari() || Utils.isFirefox() || Utils.isIE()) {
+ // safari/firefox has some alternative way to use this filter
+ shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur);
+ } else {
+ shadowBlur = add.flood(color, opacity).composite(add.sourceAlpha, 'in').offset(left, top).gaussianBlur(blur).merge(add.source);
+ }
+
+ add.blend(add.source, shadowBlur);
+ });
+
+ if (!noUserSpaceOnUse) {
+ el.filterer.node.setAttribute('filterUnits', 'userSpaceOnUse');
+ }
+
+ return el;
+ }
+ }, {
+ key: "setSelectionFilter",
+ value: function setSelectionFilter(el, realIndex, dataPointIndex) {
+ var w = this.w;
+
+ if (typeof w.globals.selectedDataPoints[realIndex] !== 'undefined') {
+ if (w.globals.selectedDataPoints[realIndex].indexOf(dataPointIndex) > -1) {
+ el.node.setAttribute('selected', true);
+ var activeFilter = w.config.states.active.filter;
+
+ if (activeFilter !== 'none') {
+ this.applyFilter(el, activeFilter.type, activeFilter.value);
+ }
+ }
+ }
+ }
+ }]);
+
+ return Filters;
+ }();
+
+ /**
+ * ApexCharts Animation Class.
+ *
+ * @module Animations
+ **/
+
+ var Animations =
+ /*#__PURE__*/
+ function () {
+ function Animations(ctx) {
+ _classCallCheck(this, Animations);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.setEasingFunctions();
+ }
+
+ _createClass(Animations, [{
+ key: "setEasingFunctions",
+ value: function setEasingFunctions() {
+ var easing;
+ var userDefinedEasing = this.w.config.chart.animations.easing;
+
+ switch (userDefinedEasing) {
+ case 'linear':
+ {
+ easing = '-';
+ break;
+ }
+
+ case 'easein':
+ {
+ easing = '<';
+ break;
+ }
+
+ case 'easeout':
+ {
+ easing = '>';
+ break;
+ }
+
+ case 'easeinout':
+ {
+ easing = '<>';
+ break;
+ }
+
+ case 'swing':
+ {
+ easing = function easing(pos) {
+ var s = 1.70158;
+ return (pos -= 1) * pos * ((s + 1) * pos + s) + 1;
+ };
+
+ break;
+ }
+
+ case 'bounce':
+ {
+ easing = function easing(pos) {
+ if (pos < 1 / 2.75) {
+ return 7.5625 * pos * pos;
+ } else if (pos < 2 / 2.75) {
+ return 7.5625 * (pos -= 1.5 / 2.75) * pos + 0.75;
+ } else if (pos < 2.5 / 2.75) {
+ return 7.5625 * (pos -= 2.25 / 2.75) * pos + 0.9375;
+ } else {
+ return 7.5625 * (pos -= 2.625 / 2.75) * pos + 0.984375;
+ }
+ };
+
+ break;
+ }
+
+ case 'elastic':
+ {
+ easing = function easing(pos) {
+ if (pos === !!pos) return pos;
+ return Math.pow(2, -10 * pos) * Math.sin((pos - 0.075) * (2 * Math.PI) / 0.3) + 1;
+ };
+
+ break;
+ }
+
+ default:
+ {
+ easing = '<>';
+ }
+ }
+
+ this.w.globals.easing = easing;
+ }
+ }, {
+ key: "animateLine",
+ value: function animateLine(el, from, to, speed) {
+ el.attr(from).animate(speed).attr(to);
+ }
+ /*
+ ** Animate radius of a circle element
+ */
+
+ }, {
+ key: "animateCircleRadius",
+ value: function animateCircleRadius(el, from, to, speed, easing) {
+ if (!from) from = 0;
+ el.attr({
+ r: from
+ }).animate(speed, easing).attr({
+ r: to
+ });
+ }
+ /*
+ ** Animate radius and position of a circle element
+ */
+
+ }, {
+ key: "animateCircle",
+ value: function animateCircle(el, from, to, speed, easing) {
+ el.attr({
+ r: from.r,
+ cx: from.cx,
+ cy: from.cy
+ }).animate(speed, easing).attr({
+ r: to.r,
+ cx: to.cx,
+ cy: to.cy
+ });
+ }
+ /*
+ ** Animate rect properties
+ */
+
+ }, {
+ key: "animateRect",
+ value: function animateRect(el, from, to, speed, fn) {
+ el.attr(from).animate(speed).attr(to).afterAll(function () {
+ fn();
+ });
+ }
+ }, {
+ key: "animatePathsGradually",
+ value: function animatePathsGradually(params) {
+ var el = params.el,
+ j = params.j,
+ pathFrom = params.pathFrom,
+ pathTo = params.pathTo,
+ speed = params.speed,
+ delay = params.delay,
+ strokeWidth = params.strokeWidth;
+ var me = this;
+ var w = this.w;
+ var delayFactor = 0;
+
+ if (w.config.chart.animations.animateGradually.enabled) {
+ delayFactor = w.config.chart.animations.animateGradually.delay;
+ }
+
+ if (w.config.chart.animations.dynamicAnimation.enabled && w.globals.dataChanged) {
+ delayFactor = 0;
+ }
+
+ me.morphSVG(el, j, pathFrom, pathTo, speed, strokeWidth, delay * delayFactor);
+ }
+ }, {
+ key: "showDelayedElements",
+ value: function showDelayedElements() {
+ this.w.globals.delayedElements.forEach(function (d) {
+ var ele = d.el;
+ ele.classList.remove('hidden');
+ });
+ } // SVG.js animation for morphing one path to another
+
+ }, {
+ key: "morphSVG",
+ value: function morphSVG(el, j, pathFrom, pathTo, speed, strokeWidth, delay) {
+ var _this = this;
+
+ var w = this.w;
+
+ if (!pathFrom) {
+ pathFrom = el.attr('pathFrom');
+ }
+
+ if (!pathTo) {
+ pathTo = el.attr('pathTo');
+ }
+
+ if (!pathFrom || pathFrom.indexOf('undefined') > -1 || pathFrom.indexOf('NaN') > -1) {
+ pathFrom = "M 0 ".concat(w.globals.gridHeight);
+ speed = 1;
+ }
+
+ if (pathTo.indexOf('undefined') > -1 || pathTo.indexOf('NaN') > -1) {
+ pathTo = "M 0 ".concat(w.globals.gridHeight);
+ speed = 1;
+ }
+
+ if (!w.globals.shouldAnimate) {
+ speed = 1;
+ }
+
+ el.plot(pathFrom).animate(1, w.globals.easing, delay).plot(pathFrom).animate(speed, w.globals.easing, delay).plot(pathTo).afterAll(function () {
+ // a flag to indicate that the original mount function can return true now as animation finished here
+ if (Utils.isNumber(j)) {
+ if (j === w.globals.series[w.globals.maxValsInArrayIndex].length - 2 && w.globals.shouldAnimate) {
+ w.globals.animationEnded = true;
+ }
+ } else if (w.globals.shouldAnimate) {
+ w.globals.animationEnded = true;
+
+ if (typeof w.config.chart.events.animationEnd === 'function') {
+ w.config.chart.events.animationEnd(_this.ctx, w);
+ }
+ }
+
+ _this.showDelayedElements();
+ });
+ }
+ }]);
+
+ return Animations;
+ }();
+
+ /**
+ * ApexCharts Graphics Class for all drawing operations.
+ *
+ * @module Graphics
+ **/
+
+ var Graphics =
+ /*#__PURE__*/
+ function () {
+ function Graphics(ctx) {
+ _classCallCheck(this, Graphics);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Graphics, [{
+ key: "drawLine",
+ value: function drawLine(x1, y1, x2, y2) {
+ var lineColor = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '#a8a8a8';
+ var dashArray = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+ var strokeWidth = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
+ var w = this.w;
+ var line = w.globals.dom.Paper.line().attr({
+ x1: x1,
+ y1: y1,
+ x2: x2,
+ y2: y2,
+ stroke: lineColor,
+ 'stroke-dasharray': dashArray,
+ 'stroke-width': strokeWidth
+ });
+ return line;
+ }
+ }, {
+ key: "drawRect",
+ value: function drawRect() {
+ var x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+ var x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+ var y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+ var radius = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+ var color = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '#fefefe';
+ var opacity = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 1;
+ var strokeWidth = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+ var strokeColor = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : null;
+ var strokeDashArray = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : 0;
+ var w = this.w;
+ var rect = w.globals.dom.Paper.rect();
+ rect.attr({
+ x: x1,
+ y: y1,
+ width: x2 > 0 ? x2 : 0,
+ height: y2 > 0 ? y2 : 0,
+ rx: radius,
+ ry: radius,
+ fill: color,
+ opacity: opacity,
+ 'stroke-width': strokeWidth !== null ? strokeWidth : 0,
+ stroke: strokeColor !== null ? strokeColor : 'none',
+ 'stroke-dasharray': strokeDashArray
+ });
+ return rect;
+ }
+ }, {
+ key: "drawPolygon",
+ value: function drawPolygon(polygonString) {
+ var stroke = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '#e1e1e1';
+ var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'none';
+ var w = this.w;
+ var polygon = w.globals.dom.Paper.polygon(polygonString).attr({
+ fill: fill,
+ stroke: stroke
+ });
+ return polygon;
+ }
+ }, {
+ key: "drawCircle",
+ value: function drawCircle(radius) {
+ var attrs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var w = this.w;
+ var c = w.globals.dom.Paper.circle(radius * 2);
+
+ if (attrs !== null) {
+ c.attr(attrs);
+ }
+
+ return c;
+ }
+ }, {
+ key: "drawPath",
+ value: function drawPath(_ref) {
+ var _ref$d = _ref.d,
+ d = _ref$d === void 0 ? '' : _ref$d,
+ _ref$stroke = _ref.stroke,
+ stroke = _ref$stroke === void 0 ? '#a8a8a8' : _ref$stroke,
+ _ref$strokeWidth = _ref.strokeWidth,
+ strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth,
+ fill = _ref.fill,
+ _ref$fillOpacity = _ref.fillOpacity,
+ fillOpacity = _ref$fillOpacity === void 0 ? 1 : _ref$fillOpacity,
+ _ref$strokeOpacity = _ref.strokeOpacity,
+ strokeOpacity = _ref$strokeOpacity === void 0 ? 1 : _ref$strokeOpacity,
+ classes = _ref.classes,
+ _ref$strokeLinecap = _ref.strokeLinecap,
+ strokeLinecap = _ref$strokeLinecap === void 0 ? null : _ref$strokeLinecap,
+ _ref$strokeDashArray = _ref.strokeDashArray,
+ strokeDashArray = _ref$strokeDashArray === void 0 ? 0 : _ref$strokeDashArray;
+ var w = this.w;
+
+ if (strokeLinecap === null) {
+ strokeLinecap = w.config.stroke.lineCap;
+ }
+
+ if (d.indexOf('undefined') > -1 || d.indexOf('NaN') > -1) {
+ d = "M 0 ".concat(w.globals.gridHeight);
+ }
+
+ var p = w.globals.dom.Paper.path(d).attr({
+ fill: fill,
+ 'fill-opacity': fillOpacity,
+ stroke: stroke,
+ 'stroke-opacity': strokeOpacity,
+ 'stroke-linecap': strokeLinecap,
+ 'stroke-width': strokeWidth,
+ 'stroke-dasharray': strokeDashArray,
+ class: classes
+ });
+ return p;
+ }
+ }, {
+ key: "group",
+ value: function group() {
+ var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var w = this.w;
+ var g = w.globals.dom.Paper.group();
+
+ if (attrs !== null) {
+ g.attr(attrs);
+ }
+
+ return g;
+ }
+ }, {
+ key: "move",
+ value: function move(x, y) {
+ var move = ['M', x, y].join(' ');
+ return move;
+ }
+ }, {
+ key: "line",
+ value: function line(x, y) {
+ var hORv = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var line = null;
+
+ if (hORv === null) {
+ line = ['L', x, y].join(' ');
+ } else if (hORv === 'H') {
+ line = ['H', x].join(' ');
+ } else if (hORv === 'V') {
+ line = ['V', y].join(' ');
+ }
+
+ return line;
+ }
+ }, {
+ key: "curve",
+ value: function curve(x1, y1, x2, y2, x, y) {
+ var curve = ['C', x1, y1, x2, y2, x, y].join(' ');
+ return curve;
+ }
+ }, {
+ key: "quadraticCurve",
+ value: function quadraticCurve(x1, y1, x, y) {
+ var curve = ['Q', x1, y1, x, y].join(' ');
+ return curve;
+ }
+ }, {
+ key: "arc",
+ value: function arc(rx, ry, axisRotation, largeArcFlag, sweepFlag, x, y) {
+ var relative = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
+ var coord = 'A';
+ if (relative) coord = 'a';
+ var arc = [coord, rx, ry, axisRotation, largeArcFlag, sweepFlag, x, y].join(' ');
+ return arc;
+ }
+ /**
+ * @memberof Graphics
+ * @param {object}
+ * i = series's index
+ * realIndex = realIndex is series's actual index when it was drawn time. After several redraws, the iterating "i" may change in loops, but realIndex doesn't
+ * pathFrom = existing pathFrom to animateTo
+ * pathTo = new Path to which d attr will be animated from pathFrom to pathTo
+ * stroke = line Color
+ * strokeWidth = width of path Line
+ * fill = it can be gradient, single color, pattern or image
+ * animationDelay = how much to delay when starting animation (in milliseconds)
+ * dataChangeSpeed = for dynamic animations, when data changes
+ * className = class attribute to add
+ * @return {object} svg.js path object
+ **/
+
+ }, {
+ key: "renderPaths",
+ value: function renderPaths(_ref2) {
+ var i = _ref2.i,
+ j = _ref2.j,
+ realIndex = _ref2.realIndex,
+ pathFrom = _ref2.pathFrom,
+ pathTo = _ref2.pathTo,
+ stroke = _ref2.stroke,
+ strokeWidth = _ref2.strokeWidth,
+ strokeLinecap = _ref2.strokeLinecap,
+ fill = _ref2.fill,
+ animationDelay = _ref2.animationDelay,
+ initialSpeed = _ref2.initialSpeed,
+ dataChangeSpeed = _ref2.dataChangeSpeed,
+ className = _ref2.className,
+ id = _ref2.id,
+ _ref2$shouldClipToGri = _ref2.shouldClipToGrid,
+ shouldClipToGrid = _ref2$shouldClipToGri === void 0 ? true : _ref2$shouldClipToGri,
+ _ref2$bindEventsOnPat = _ref2.bindEventsOnPaths,
+ bindEventsOnPaths = _ref2$bindEventsOnPat === void 0 ? true : _ref2$bindEventsOnPat;
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var anim = new Animations(this.ctx);
+ var initialAnim = this.w.config.chart.animations.enabled;
+ var dynamicAnim = initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ var d;
+ var shouldAnimate = !!(initialAnim && !w.globals.resized || dynamicAnim && w.globals.dataChanged && w.globals.shouldAnimate);
+
+ if (shouldAnimate) {
+ d = pathFrom;
+ } else {
+ d = pathTo;
+ this.w.globals.animationEnded = true;
+ }
+
+ var strokeDashArrayOpt = w.config.stroke.dashArray;
+ var strokeDashArray = 0;
+
+ if (Array.isArray(strokeDashArrayOpt)) {
+ strokeDashArray = strokeDashArrayOpt[realIndex];
+ } else {
+ strokeDashArray = w.config.stroke.dashArray;
+ }
+
+ var el = this.drawPath({
+ d: d,
+ stroke: stroke,
+ strokeWidth: strokeWidth,
+ fill: fill,
+ fillOpacity: 1,
+ classes: className,
+ strokeLinecap: strokeLinecap,
+ strokeDashArray: strokeDashArray
+ });
+ el.attr('id', "".concat(id, "-").concat(i));
+ el.attr('index', realIndex);
+
+ if (shouldClipToGrid) {
+ el.attr({
+ 'clip-path': "url(#gridRectMask".concat(w.globals.cuid, ")")
+ });
+ } // const defaultFilter = el.filterer
+
+
+ if (w.config.states.normal.filter.type !== 'none') {
+ filters.getDefaultFilter(el, w.config.states.normal.filter.type, w.config.states.normal.filter.value);
+ } else {
+ if (w.config.chart.dropShadow.enabled) {
+ if (!w.config.chart.dropShadow.enabledSeries || w.config.chart.dropShadow.enabledSeries && w.config.chart.dropShadow.enabledSeries.indexOf(realIndex) !== -1) {
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(el, shadow);
+ }
+ }
+ }
+
+ if (bindEventsOnPaths) {
+ el.node.addEventListener('mouseenter', this.pathMouseEnter.bind(this, el));
+ el.node.addEventListener('mouseleave', this.pathMouseLeave.bind(this, el));
+ el.node.addEventListener('mousedown', this.pathMouseDown.bind(this, el));
+ }
+
+ el.attr({
+ pathTo: pathTo,
+ pathFrom: pathFrom
+ });
+ var defaultAnimateOpts = {
+ el: el,
+ j: j,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth
+ };
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ anim.animatePathsGradually(_objectSpread({}, defaultAnimateOpts, {
+ speed: initialSpeed,
+ delay: animationDelay
+ }));
+ } else {
+ if (w.globals.resized || !w.globals.dataChanged) {
+ anim.showDelayedElements();
+ }
+ }
+
+ if (w.globals.dataChanged && dynamicAnim && shouldAnimate) {
+ anim.animatePathsGradually(_objectSpread({}, defaultAnimateOpts, {
+ speed: dataChangeSpeed
+ }));
+ }
+
+ return el;
+ }
+ }, {
+ key: "drawPattern",
+ value: function drawPattern(style, width, height) {
+ var stroke = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '#a8a8a8';
+ var strokeWidth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+ var w = this.w;
+ var p = w.globals.dom.Paper.pattern(width, height, function (add) {
+ if (style === 'horizontalLines') {
+ add.line(0, 0, height, 0).stroke({
+ color: stroke,
+ width: strokeWidth + 1
+ });
+ } else if (style === 'verticalLines') {
+ add.line(0, 0, 0, width).stroke({
+ color: stroke,
+ width: strokeWidth + 1
+ });
+ } else if (style === 'slantedLines') {
+ add.line(0, 0, width, height).stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ } else if (style === 'squares') {
+ add.rect(width, height).fill('none').stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ } else if (style === 'circles') {
+ add.circle(width).fill('none').stroke({
+ color: stroke,
+ width: strokeWidth
+ });
+ }
+ });
+ return p;
+ }
+ }, {
+ key: "drawGradient",
+ value: function drawGradient(style, gfrom, gto, opacityFrom, opacityTo) {
+ var size = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
+ var stops = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
+ var colorStops = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
+ var i = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : 0;
+ var w = this.w;
+ var g;
+ gfrom = Utils.hexToRgba(gfrom, opacityFrom);
+ gto = Utils.hexToRgba(gto, opacityTo);
+ var stop1 = 0;
+ var stop2 = 1;
+ var stop3 = 1;
+ var stop4 = null;
+
+ if (stops !== null) {
+ stop1 = typeof stops[0] !== 'undefined' ? stops[0] / 100 : 0;
+ stop2 = typeof stops[1] !== 'undefined' ? stops[1] / 100 : 1;
+ stop3 = typeof stops[2] !== 'undefined' ? stops[2] / 100 : 1;
+ stop4 = typeof stops[3] !== 'undefined' ? stops[3] / 100 : null;
+ }
+
+ var radial = !!(w.config.chart.type === 'donut' || w.config.chart.type === 'pie' || w.config.chart.type === 'bubble');
+
+ if (colorStops === null || colorStops.length === 0) {
+ g = w.globals.dom.Paper.gradient(radial ? 'radial' : 'linear', function (stop) {
+ stop.at(stop1, gfrom, opacityFrom);
+ stop.at(stop2, gto, opacityTo);
+ stop.at(stop3, gto, opacityTo);
+
+ if (stop4 !== null) {
+ stop.at(stop4, gfrom, opacityFrom);
+ }
+ });
+ } else {
+ g = w.globals.dom.Paper.gradient(radial ? 'radial' : 'linear', function (stop) {
+ var stops = Array.isArray(colorStops[i]) ? colorStops[i] : colorStops;
+ stops.forEach(function (s) {
+ stop.at(s.offset / 100, s.color, s.opacity);
+ });
+ });
+ }
+
+ if (!radial) {
+ if (style === 'vertical') {
+ g.from(0, 0).to(0, 1);
+ } else if (style === 'diagonal') {
+ g.from(0, 0).to(1, 1);
+ } else if (style === 'horizontal') {
+ g.from(0, 1).to(1, 1);
+ } else if (style === 'diagonal2') {
+ g.from(0, 1).to(2, 2);
+ }
+ } else {
+ var offx = w.globals.gridWidth / 2;
+ var offy = w.globals.gridHeight / 2;
+
+ if (w.config.chart.type !== 'bubble') {
+ g.attr({
+ gradientUnits: 'userSpaceOnUse',
+ cx: offx,
+ cy: offy,
+ r: size
+ });
+ } else {
+ g.attr({
+ cx: 0.5,
+ cy: 0.5,
+ r: 0.8,
+ fx: 0.2,
+ fy: 0.2
+ });
+ }
+ }
+
+ return g;
+ }
+ }, {
+ key: "drawText",
+ value: function drawText(opts) {
+ var w = this.w;
+ var x = opts.x,
+ y = opts.y,
+ text = opts.text,
+ textAnchor = opts.textAnchor,
+ fontSize = opts.fontSize,
+ fontFamily = opts.fontFamily,
+ foreColor = opts.foreColor,
+ opacity = opts.opacity;
+
+ if (!textAnchor) {
+ textAnchor = 'start';
+ }
+
+ if (!foreColor) {
+ foreColor = w.config.chart.foreColor;
+ }
+
+ fontFamily = fontFamily || w.config.chart.fontFamily;
+ var elText;
+
+ if (Array.isArray(text)) {
+ elText = w.globals.dom.Paper.text(function (add) {
+ for (var i = 0; i < text.length; i++) {
+ add.tspan(text[i]);
+ }
+ });
+ } else {
+ elText = w.globals.dom.Paper.plain(text);
+ }
+
+ elText.attr({
+ x: x,
+ y: y,
+ 'text-anchor': textAnchor,
+ 'dominant-baseline': 'central',
+ 'font-size': fontSize,
+ 'font-family': fontFamily,
+ fill: foreColor,
+ class: 'apexcharts-text ' + opts.cssClass ? opts.cssClass : ''
+ });
+ elText.node.style.fontFamily = fontFamily;
+ elText.node.style.opacity = opacity;
+ return elText;
+ }
+ }, {
+ key: "addTspan",
+ value: function addTspan(textEl, text, fontFamily) {
+ var tspan = textEl.tspan(text);
+
+ if (!fontFamily) {
+ fontFamily = this.w.config.chart.fontFamily;
+ }
+
+ tspan.node.style.fontFamily = fontFamily;
+ }
+ }, {
+ key: "drawMarker",
+ value: function drawMarker(x, y, opts) {
+ x = x || 0;
+ var size = opts.pSize || 0;
+ var elPoint = null;
+
+ if (opts.shape === 'square') {
+ var radius = opts.pRadius === undefined ? size / 2 : opts.pRadius;
+
+ if (y === null) {
+ size = 0;
+ radius = 0;
+ }
+
+ var nSize = size * 1.2 + radius;
+ var p = this.drawRect(nSize, nSize, nSize, nSize, radius);
+ p.attr({
+ x: x - nSize / 2,
+ y: y - nSize / 2,
+ cx: x,
+ cy: y,
+ class: opts.class ? opts.class : '',
+ fill: opts.pointFillColor,
+ 'fill-opacity': opts.pointFillOpacity ? opts.pointFillOpacity : 1,
+ stroke: opts.pointStrokeColor,
+ 'stroke-width': opts.pWidth ? opts.pWidth : 0,
+ 'stroke-opacity': opts.pointStrokeOpacity ? opts.pointStrokeOpacity : 1
+ });
+ elPoint = p;
+ } else if (opts.shape === 'circle') {
+ if (!Utils.isNumber(y)) {
+ size = 0;
+ y = 0;
+ } // let nSize = size - opts.pRadius / 2 < 0 ? 0 : size - opts.pRadius / 2
+
+
+ elPoint = this.drawCircle(size, {
+ cx: x,
+ cy: y,
+ class: opts.class ? opts.class : '',
+ stroke: opts.pointStrokeColor,
+ fill: opts.pointFillColor,
+ 'fill-opacity': opts.pointFillOpacity ? opts.pointFillOpacity : 1,
+ 'stroke-width': opts.pWidth ? opts.pWidth : 0,
+ 'stroke-opacity': opts.pointStrokeOpacity ? opts.pointStrokeOpacity : 1
+ });
+ }
+
+ return elPoint;
+ }
+ }, {
+ key: "pathMouseEnter",
+ value: function pathMouseEnter(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+
+ if (typeof w.config.chart.events.dataPointMouseEnter === 'function') {
+ w.config.chart.events.dataPointMouseEnter(e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointMouseEnter', [e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]);
+
+ if (w.config.states.active.filter.type !== 'none') {
+ if (path.node.getAttribute('selected') === 'true') {
+ return;
+ }
+ }
+
+ if (w.config.states.hover.filter.type !== 'none') {
+ if (w.config.states.active.filter.type !== 'none' && !w.globals.isTouchDevice) {
+ var hoverFilter = w.config.states.hover.filter;
+ filters.applyFilter(path, hoverFilter.type, hoverFilter.value);
+ }
+ }
+ }
+ }, {
+ key: "pathMouseLeave",
+ value: function pathMouseLeave(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+
+ if (typeof w.config.chart.events.dataPointMouseLeave === 'function') {
+ w.config.chart.events.dataPointMouseLeave(e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointMouseLeave', [e, this.ctx, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]);
+
+ if (w.config.states.active.filter.type !== 'none') {
+ if (path.node.getAttribute('selected') === 'true') {
+ return;
+ }
+ }
+
+ if (w.config.states.hover.filter.type !== 'none') {
+ filters.getDefaultFilter(path);
+ }
+ }
+ }, {
+ key: "pathMouseDown",
+ value: function pathMouseDown(path, e) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var i = parseInt(path.node.getAttribute('index'));
+ var j = parseInt(path.node.getAttribute('j'));
+ var selected = 'false';
+
+ if (path.node.getAttribute('selected') === 'true') {
+ path.node.setAttribute('selected', 'false');
+
+ if (w.globals.selectedDataPoints[i].indexOf(j) > -1) {
+ var index = w.globals.selectedDataPoints[i].indexOf(j);
+ w.globals.selectedDataPoints[i].splice(index, 1);
+ }
+ } else {
+ if (!w.config.states.active.allowMultipleDataPointsSelection && w.globals.selectedDataPoints.length > 0) {
+ w.globals.selectedDataPoints = [];
+ var elPaths = w.globals.dom.Paper.select('.apexcharts-series path').members;
+ var elCircles = w.globals.dom.Paper.select('.apexcharts-series circle, .apexcharts-series rect').members;
+ elPaths.forEach(function (elPath) {
+ elPath.node.setAttribute('selected', 'false');
+ filters.getDefaultFilter(elPath);
+ });
+ elCircles.forEach(function (circle) {
+ circle.node.setAttribute('selected', 'false');
+ filters.getDefaultFilter(circle);
+ });
+ }
+
+ path.node.setAttribute('selected', 'true');
+ selected = 'true';
+
+ if (typeof w.globals.selectedDataPoints[i] === 'undefined') {
+ w.globals.selectedDataPoints[i] = [];
+ }
+
+ w.globals.selectedDataPoints[i].push(j);
+ }
+
+ if (selected === 'true') {
+ var activeFilter = w.config.states.active.filter;
+
+ if (activeFilter !== 'none') {
+ filters.applyFilter(path, activeFilter.type, activeFilter.value);
+ }
+ } else {
+ if (w.config.states.active.filter.type !== 'none') {
+ filters.getDefaultFilter(path);
+ }
+ }
+
+ if (typeof w.config.chart.events.dataPointSelection === 'function') {
+ w.config.chart.events.dataPointSelection(e, this.ctx, {
+ selectedDataPoints: w.globals.selectedDataPoints,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ this.ctx.fireEvent('dataPointSelection', [e, this.ctx, {
+ selectedDataPoints: w.globals.selectedDataPoints,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }]); // if (this.w.config.chart.selection.selectedPoints !== undefined) {
+ // this.w.config.chart.selection.selectedPoints(w.globals.selectedDataPoints)
+ // }
+ }
+ }, {
+ key: "rotateAroundCenter",
+ value: function rotateAroundCenter(el) {
+ var coord = el.getBBox();
+ var x = coord.x + coord.width / 2;
+ var y = coord.y + coord.height / 2;
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "getTextRects",
+ value: function getTextRects(text, fontSize, fontFamily, transform) {
+ var useBBox = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
+ var w = this.w;
+ var virtualText = this.drawText({
+ x: -200,
+ y: -200,
+ text: text,
+ textAnchor: 'start',
+ fontSize: fontSize,
+ fontFamily: fontFamily,
+ foreColor: '#fff',
+ opacity: 0
+ });
+
+ if (transform) {
+ virtualText.attr('transform', transform);
+ }
+
+ w.globals.dom.Paper.add(virtualText);
+ var rect = virtualText.bbox();
+
+ if (!useBBox) {
+ rect = virtualText.node.getBoundingClientRect();
+ }
+
+ virtualText.remove();
+ return {
+ width: rect.width,
+ height: rect.height
+ };
+ }
+ /**
+ * append ... to long text
+ * http://stackoverflow.com/questions/9241315/trimming-text-to-a-given-pixel-width-in-svg
+ * @memberof Graphics
+ **/
+
+ }, {
+ key: "placeTextWithEllipsis",
+ value: function placeTextWithEllipsis(textObj, textString, width) {
+ textObj.textContent = textString;
+
+ if (textString.length > 0) {
+ // ellipsis is needed
+ if (textObj.getSubStringLength(0, textString.length) >= width) {
+ for (var x = textString.length - 3; x > 0; x -= 3) {
+ if (textObj.getSubStringLength(0, x) <= width) {
+ textObj.textContent = textString.substring(0, x) + '...';
+ return;
+ }
+ }
+
+ textObj.textContent = '...'; // can't place at all
+ }
+ }
+ }
+ }], [{
+ key: "setAttrs",
+ value: function setAttrs(el, attrs) {
+ for (var key in attrs) {
+ if (attrs.hasOwnProperty(key)) {
+ el.setAttribute(key, attrs[key]);
+ }
+ }
+ }
+ }]);
+
+ return Graphics;
+ }();
+
+ const name = "en";
+ const options = {
+ months: [
+ "January",
+ "February",
+ "March",
+ "April",
+ "May",
+ "June",
+ "July",
+ "August",
+ "September",
+ "October",
+ "November",
+ "December"
+ ],
+ shortMonths: [
+ "Jan",
+ "Feb",
+ "Mar",
+ "Apr",
+ "May",
+ "Jun",
+ "Jul",
+ "Aug",
+ "Sep",
+ "Oct",
+ "Nov",
+ "Dec"
+ ],
+ days: [
+ "Sunday",
+ "Monday",
+ "Tuesday",
+ "Wednesday",
+ "Thursday",
+ "Friday",
+ "Saturday"
+ ],
+ shortDays: [
+ "Sun",
+ "Mon",
+ "Tue",
+ "Wed",
+ "Thu",
+ "Fri",
+ "Sat"
+ ],
+ toolbar: {
+ exportToSVG: "Download SVG",
+ exportToPNG: "Download PNG",
+ menu: "Menu",
+ selection: "Selection",
+ selectionZoom: "Selection Zoom",
+ zoomIn: "Zoom In",
+ zoomOut: "Zoom Out",
+ pan: "Panning",
+ reset: "Reset Zoom"
+ }
+ };
+ var en = {
+ name: name,
+ options: options
+ };
+
+ var Options =
+ /*#__PURE__*/
+ function () {
+ function Options() {
+ _classCallCheck(this, Options);
+
+ this.yAxis = {
+ show: true,
+ showAlways: false,
+ seriesName: undefined,
+ opposite: false,
+ reversed: false,
+ logarithmic: false,
+ tickAmount: undefined,
+ forceNiceScale: false,
+ max: undefined,
+ min: undefined,
+ floating: false,
+ decimalsInFloat: 2,
+ labels: {
+ show: true,
+ minWidth: 0,
+ maxWidth: 160,
+ offsetX: 0,
+ offsetY: 0,
+ rotate: 0,
+ padding: 20,
+ style: {
+ colors: [],
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: ''
+ },
+ formatter: undefined
+ },
+ axisBorder: {
+ show: false,
+ color: '#78909C',
+ offsetX: 0,
+ offsetY: 0
+ },
+ axisTicks: {
+ show: false,
+ color: '#78909C',
+ width: 6,
+ offsetX: 0,
+ offsetY: 0
+ },
+ title: {
+ text: undefined,
+ rotate: 90,
+ offsetY: 0,
+ offsetX: 0,
+ style: {
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: ''
+ }
+ },
+ tooltip: {
+ enabled: false,
+ offsetX: 0
+ },
+ crosshairs: {
+ show: true,
+ position: 'front',
+ stroke: {
+ color: '#b6b6b6',
+ width: 1,
+ dashArray: 0
+ }
+ }
+ };
+ this.xAxisAnnotation = {
+ x: 0,
+ x2: null,
+ strokeDashArray: 1,
+ fillColor: '#c2c2c2',
+ borderColor: '#c2c2c2',
+ opacity: 0.3,
+ offsetX: 0,
+ offsetY: 0,
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'middle',
+ orientation: 'vertical',
+ position: 'top',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 2,
+ bottom: 2
+ }
+ }
+ }
+ };
+ this.yAxisAnnotation = {
+ y: 0,
+ y2: null,
+ strokeDashArray: 1,
+ fillColor: '#c2c2c2',
+ borderColor: '#c2c2c2',
+ opacity: 0.3,
+ offsetX: 0,
+ offsetY: 0,
+ yAxisIndex: 0,
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'end',
+ position: 'right',
+ offsetX: 0,
+ offsetY: -3,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 0,
+ bottom: 2
+ }
+ }
+ }
+ };
+ this.pointAnnotation = {
+ x: 0,
+ y: null,
+ yAxisIndex: 0,
+ seriesIndex: 0,
+ marker: {
+ size: 0,
+ fillColor: '#fff',
+ strokeWidth: 2,
+ strokeColor: '#333',
+ shape: 'circle',
+ offsetX: 0,
+ offsetY: 0,
+ radius: 2,
+ cssClass: ''
+ },
+ label: {
+ borderColor: '#c2c2c2',
+ borderWidth: 1,
+ text: undefined,
+ textAnchor: 'middle',
+ offsetX: 0,
+ offsetY: -15,
+ style: {
+ background: '#fff',
+ color: undefined,
+ fontSize: '11px',
+ fontFamily: undefined,
+ cssClass: '',
+ padding: {
+ left: 5,
+ right: 5,
+ top: 0,
+ bottom: 2
+ }
+ }
+ },
+ customSVG: {
+ SVG: undefined,
+ cssClass: undefined,
+ offsetX: 0,
+ offsetY: 0
+ }
+ };
+ }
+
+ _createClass(Options, [{
+ key: "init",
+ value: function init() {
+ return {
+ annotations: {
+ position: 'front',
+ yaxis: [this.yAxisAnnotation],
+ xaxis: [this.xAxisAnnotation],
+ points: [this.pointAnnotation]
+ },
+ chart: {
+ animations: {
+ enabled: true,
+ easing: 'easeinout',
+ // linear, easeout, easein, easeinout, swing, bounce, elastic
+ speed: 800,
+ animateGradually: {
+ delay: 150,
+ enabled: true
+ },
+ dynamicAnimation: {
+ enabled: true,
+ speed: 350
+ }
+ },
+ background: 'transparent',
+ locales: [en],
+ defaultLocale: 'en',
+ dropShadow: {
+ enabled: false,
+ enabledSeries: undefined,
+ top: 2,
+ left: 2,
+ blur: 4,
+ color: '#000',
+ opacity: 0.35
+ },
+ events: {
+ animationEnd: undefined,
+ beforeMount: undefined,
+ mounted: undefined,
+ updated: undefined,
+ click: undefined,
+ legendClick: undefined,
+ selection: undefined,
+ dataPointSelection: undefined,
+ dataPointMouseEnter: undefined,
+ dataPointMouseLeave: undefined,
+ beforeZoom: undefined,
+ zoomed: undefined,
+ scrolled: undefined
+ },
+ foreColor: '#373d3f',
+ fontFamily: 'Helvetica, Arial, sans-serif',
+ height: 'auto',
+ id: undefined,
+ group: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ selection: {
+ enabled: false,
+ type: 'x',
+ // selectedPoints: undefined, // default datapoints that should be selected automatically
+ fill: {
+ color: '#24292e',
+ opacity: 0.1
+ },
+ stroke: {
+ width: 1,
+ color: '#24292e',
+ opacity: 0.4,
+ dashArray: 3
+ },
+ xaxis: {
+ min: undefined,
+ max: undefined
+ },
+ yaxis: {
+ min: undefined,
+ max: undefined
+ }
+ },
+ sparkline: {
+ enabled: false
+ },
+ brush: {
+ enabled: false,
+ autoScaleYaxis: false,
+ target: undefined
+ },
+ stacked: false,
+ stackType: 'normal',
+ toolbar: {
+ show: true,
+ tools: {
+ download: true,
+ selection: true,
+ zoom: true,
+ zoomin: true,
+ zoomout: true,
+ pan: true,
+ reset: true,
+ customIcons: []
+ },
+ autoSelected: 'zoom' // accepts -> zoom, pan, selection
+
+ },
+ type: 'line',
+ width: '100%',
+ zoom: {
+ enabled: true,
+ type: 'x',
+ // autoScaleYaxis: false, // TODO: rewrite the autoScaleY function
+ zoomedArea: {
+ fill: {
+ color: '#90CAF9',
+ opacity: 0.4
+ },
+ stroke: {
+ color: '#0D47A1',
+ opacity: 0.4,
+ width: 1
+ }
+ }
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ endingShape: 'flat',
+ // TODO: deprecate in 4.0
+ columnWidth: '70%',
+ // should be in percent 0 - 100
+ barHeight: '70%',
+ // should be in percent 0 - 100
+ distributed: false,
+ colors: {
+ ranges: [],
+ backgroundBarColors: [],
+ backgroundBarOpacity: 1
+ },
+ dataLabels: {
+ position: 'top' // top, center, bottom
+ // TODO: provide stackedLabels for stacked charts which gives additions of values
+
+ }
+ },
+ candlestick: {
+ colors: {
+ upward: '#00B746',
+ downward: '#EF403C'
+ },
+ wick: {
+ useFillColor: true
+ }
+ },
+ heatmap: {
+ radius: 2,
+ enableShades: true,
+ shadeIntensity: 0.5,
+ distributed: false,
+ colorScale: {
+ inverse: false,
+ ranges: [],
+ min: undefined,
+ max: undefined
+ }
+ },
+ radialBar: {
+ size: undefined,
+ inverseOrder: false,
+ startAngle: 0,
+ endAngle: 360,
+ offsetX: 0,
+ offsetY: 0,
+ hollow: {
+ margin: 5,
+ size: '50%',
+ background: 'transparent',
+ image: undefined,
+ imageWidth: 150,
+ imageHeight: 150,
+ imageOffsetX: 0,
+ imageOffsetY: 0,
+ imageClipped: true,
+ position: 'front',
+ dropShadow: {
+ enabled: false,
+ top: 0,
+ left: 0,
+ blur: 3,
+ color: '#000',
+ opacity: 0.5
+ }
+ },
+ track: {
+ show: true,
+ startAngle: undefined,
+ endAngle: undefined,
+ background: '#f2f2f2',
+ strokeWidth: '97%',
+ opacity: 1,
+ margin: 5,
+ // margin is in pixels
+ dropShadow: {
+ enabled: false,
+ top: 0,
+ left: 0,
+ blur: 3,
+ color: '#000',
+ opacity: 0.5
+ }
+ },
+ dataLabels: {
+ show: true,
+ name: {
+ show: true,
+ fontSize: '16px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 0
+ },
+ value: {
+ show: true,
+ fontSize: '14px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 16,
+ formatter: function formatter(val) {
+ return val + '%';
+ }
+ },
+ total: {
+ show: false,
+ label: 'Total',
+ color: '#373d3f',
+ formatter: function formatter(w) {
+ return w.globals.seriesTotals.reduce(function (a, b) {
+ return a + b;
+ }, 0) / w.globals.series.length + '%';
+ }
+ }
+ }
+ },
+ pie: {
+ size: undefined,
+ customScale: 1,
+ offsetX: 0,
+ offsetY: 0,
+ expandOnClick: true,
+ dataLabels: {
+ // These are the percentage values which are displayed on slice
+ offset: 0 // offset by which labels will move outside
+
+ },
+ donut: {
+ size: '65%',
+ background: 'transparent',
+ labels: {
+ // These are the inner labels appearing inside donut
+ show: false,
+ name: {
+ show: true,
+ fontSize: '16px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: -10
+ },
+ value: {
+ show: true,
+ fontSize: '20px',
+ fontFamily: undefined,
+ color: undefined,
+ offsetY: 10,
+ formatter: function formatter(val) {
+ return val;
+ }
+ },
+ total: {
+ show: false,
+ label: 'Total',
+ color: '#373d3f',
+ formatter: function formatter(w) {
+ return w.globals.seriesTotals.reduce(function (a, b) {
+ return a + b;
+ }, 0);
+ }
+ }
+ }
+ }
+ },
+ radar: {
+ size: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ polygons: {
+ // strokeColor: '#e8e8e8', // should be deprecated in the minor version i.e 3.2
+ strokeColors: '#e8e8e8',
+ connectorColors: '#e8e8e8',
+ fill: {
+ colors: undefined
+ }
+ }
+ }
+ },
+ colors: undefined,
+ dataLabels: {
+ enabled: true,
+ enabledOnSeries: undefined,
+ formatter: function formatter(val) {
+ return val;
+ },
+ textAnchor: 'middle',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined,
+ colors: undefined
+ },
+ dropShadow: {
+ enabled: false,
+ top: 1,
+ left: 1,
+ blur: 1,
+ color: '#000',
+ opacity: 0.45
+ }
+ },
+ fill: {
+ type: 'solid',
+ colors: undefined,
+ // array of colors
+ opacity: 0.85,
+ gradient: {
+ shade: 'dark',
+ type: 'horizontal',
+ shadeIntensity: 0.5,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 100],
+ colorStops: []
+ },
+ image: {
+ src: [],
+ width: undefined,
+ // optional
+ height: undefined // optional
+
+ },
+ pattern: {
+ style: 'sqaures',
+ // String | Array of Strings
+ width: 6,
+ height: 6,
+ strokeWidth: 2
+ }
+ },
+ grid: {
+ show: true,
+ borderColor: '#e0e0e0',
+ strokeDashArray: 0,
+ position: 'back',
+ xaxis: {
+ lines: {
+ show: false,
+ animate: false
+ }
+ },
+ yaxis: {
+ lines: {
+ show: true,
+ animate: true
+ }
+ },
+ row: {
+ colors: undefined,
+ // takes as array which will be repeated on rows
+ opacity: 0.5
+ },
+ column: {
+ colors: undefined,
+ // takes an array which will be repeated on columns
+ opacity: 0.5
+ },
+ padding: {
+ top: 0,
+ right: 10,
+ bottom: 0,
+ left: 12
+ }
+ },
+ labels: [],
+ legend: {
+ show: true,
+ showForSingleSeries: false,
+ showForNullSeries: true,
+ showForZeroSeries: true,
+ floating: false,
+ position: 'bottom',
+ // whether to position legends in 1 of 4
+ // direction - top, bottom, left, right
+ horizontalAlign: 'center',
+ // when position top/bottom, you can specify whether to align legends left, right or center
+ fontSize: '12px',
+ fontFamily: undefined,
+ width: undefined,
+ height: undefined,
+ formatter: undefined,
+ offsetX: -20,
+ offsetY: 0,
+ labels: {
+ colors: undefined,
+ useSeriesColors: false
+ },
+ markers: {
+ width: 12,
+ height: 12,
+ strokeWidth: 0,
+ strokeColor: '#fff',
+ radius: 12,
+ customHTML: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ onClick: undefined
+ },
+ itemMargin: {
+ horizontal: 0,
+ vertical: 5
+ },
+ onItemClick: {
+ toggleDataSeries: true
+ },
+ onItemHover: {
+ highlightDataSeries: true
+ }
+ },
+ markers: {
+ discrete: [],
+ size: 0,
+ colors: undefined,
+ //strokeColor: '#fff', // TODO: deprecate in major version 4.0
+ strokeColors: '#fff',
+ strokeWidth: 2,
+ strokeOpacity: 0.9,
+ fillOpacity: 1,
+ shape: 'circle',
+ radius: 2,
+ offsetX: 0,
+ offsetY: 0,
+ hover: {
+ size: undefined,
+ sizeOffset: 3
+ }
+ },
+ noData: {
+ text: undefined,
+ align: 'center',
+ verticalAlign: 'middle',
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ color: undefined,
+ fontSize: '14px',
+ fontFamily: undefined
+ }
+ },
+ responsive: [],
+ // breakpoints should follow ascending order 400, then 700, then 1000
+ series: undefined,
+ states: {
+ normal: {
+ filter: {
+ type: 'none',
+ value: 0
+ }
+ },
+ hover: {
+ filter: {
+ type: 'lighten',
+ value: 0.15
+ }
+ },
+ active: {
+ allowMultipleDataPointsSelection: false,
+ filter: {
+ type: 'darken',
+ value: 0.65
+ }
+ }
+ },
+ title: {
+ text: undefined,
+ align: 'left',
+ margin: 10,
+ offsetX: 0,
+ offsetY: 0,
+ floating: false,
+ style: {
+ fontSize: '14px',
+ fontFamily: undefined,
+ color: undefined
+ }
+ },
+ subtitle: {
+ text: undefined,
+ align: 'left',
+ margin: 10,
+ offsetX: 0,
+ offsetY: 30,
+ floating: false,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined,
+ color: undefined
+ }
+ },
+ stroke: {
+ show: true,
+ curve: 'smooth',
+ // "smooth" / "straight" / "stepline"
+ lineCap: 'butt',
+ // round, butt , square
+ width: 2,
+ colors: undefined,
+ // array of colors
+ dashArray: 0 // single value or array of values
+
+ },
+ tooltip: {
+ enabled: true,
+ shared: true,
+ followCursor: false,
+ // when disabled, the tooltip will show on top of the series instead of mouse position
+ intersect: false,
+ // when enabled, tooltip will only show when user directly hovers over point
+ inverseOrder: false,
+ custom: undefined,
+ fillSeriesColor: false,
+ theme: 'light',
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined
+ },
+ onDatasetHover: {
+ highlightDataSeries: false
+ },
+ x: {
+ // x value
+ show: true,
+ format: 'dd MMM',
+ // dd/MM, dd MMM yy, dd MMM yyyy
+ formatter: undefined // a custom user supplied formatter function
+
+ },
+ y: {
+ formatter: undefined,
+ title: {
+ formatter: function formatter(seriesName) {
+ return seriesName;
+ }
+ }
+ },
+ z: {
+ formatter: undefined,
+ title: 'Size: '
+ },
+ marker: {
+ show: true
+ },
+ items: {
+ display: 'flex'
+ },
+ fixed: {
+ enabled: false,
+ position: 'topRight',
+ // topRight, topLeft, bottomRight, bottomLeft
+ offsetX: 0,
+ offsetY: 0
+ }
+ },
+ xaxis: {
+ type: 'category',
+ categories: [],
+ offsetX: 0,
+ offsetY: 0,
+ labels: {
+ show: true,
+ rotate: -45,
+ rotateAlways: false,
+ hideOverlappingLabels: true,
+ trim: true,
+ minHeight: undefined,
+ maxHeight: 120,
+ showDuplicates: true,
+ style: {
+ colors: [],
+ fontSize: '12px',
+ fontFamily: undefined,
+ cssClass: ''
+ },
+ offsetX: 0,
+ offsetY: 0,
+ format: undefined,
+ formatter: undefined,
+ // custom formatter function which will override format
+ datetimeFormatter: {
+ year: 'yyyy',
+ month: "MMM 'yy",
+ day: 'dd MMM',
+ hour: 'HH:mm',
+ minute: 'HH:mm:ss'
+ }
+ },
+ axisBorder: {
+ show: true,
+ color: '#78909C',
+ width: '100%',
+ height: 1,
+ offsetX: 0,
+ offsetY: 0
+ },
+ axisTicks: {
+ show: true,
+ color: '#78909C',
+ height: 6,
+ offsetX: 0,
+ offsetY: 0
+ },
+ tickAmount: undefined,
+ tickPlacement: 'on',
+ min: undefined,
+ max: undefined,
+ range: undefined,
+ floating: false,
+ position: 'bottom',
+ title: {
+ text: undefined,
+ offsetX: 0,
+ offsetY: 0,
+ style: {
+ color: undefined,
+ fontSize: '12px',
+ fontFamily: undefined,
+ cssClass: ''
+ }
+ },
+ crosshairs: {
+ show: true,
+ width: 1,
+ // tickWidth/barWidth or an integer
+ position: 'back',
+ opacity: 0.9,
+ stroke: {
+ color: '#b6b6b6',
+ width: 1,
+ dashArray: 3
+ },
+ fill: {
+ type: 'solid',
+ // solid, gradient
+ color: '#B1B9C4',
+ gradient: {
+ colorFrom: '#D8E3F0',
+ colorTo: '#BED1E6',
+ stops: [0, 100],
+ opacityFrom: 0.4,
+ opacityTo: 0.5
+ }
+ },
+ dropShadow: {
+ enabled: false,
+ left: 0,
+ top: 0,
+ blur: 1,
+ opacity: 0.4
+ }
+ },
+ tooltip: {
+ enabled: true,
+ offsetY: 0,
+ formatter: undefined,
+ style: {
+ fontSize: '12px',
+ fontFamily: undefined
+ }
+ }
+ },
+ yaxis: this.yAxis,
+ theme: {
+ palette: 'palette1',
+ // If defined, it will overwrite globals.colors variable
+ monochrome: {
+ // monochrome allows you to select just 1 color and fill out the rest with light/dark shade (intensity can be selected)
+ enabled: false,
+ color: '#008FFB',
+ shadeTo: 'light',
+ shadeIntensity: 0.65
+ }
+ }
+ };
+ }
+ }]);
+
+ return Options;
+ }();
+
+ /**
+ * ApexCharts Annotations Class for drawing lines/rects on both xaxis and yaxis.
+ *
+ * @module Annotations
+ **/
+
+ var Annotations =
+ /*#__PURE__*/
+ function () {
+ function Annotations(ctx) {
+ _classCallCheck(this, Annotations);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.graphics = new Graphics(this.ctx);
+
+ if (this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal) {
+ this.invertAxis = true;
+ }
+
+ this.xDivision = this.w.globals.gridWidth / this.w.globals.dataPoints;
+ }
+
+ _createClass(Annotations, [{
+ key: "drawAnnotations",
+ value: function drawAnnotations() {
+ var w = this.w;
+
+ if (w.globals.axisCharts) {
+ var yAnnotations = this.drawYAxisAnnotations();
+ var xAnnotations = this.drawXAxisAnnotations();
+ var pointAnnotations = this.drawPointAnnotations();
+ var initialAnim = w.config.chart.animations.enabled;
+ var annoArray = [yAnnotations, xAnnotations, pointAnnotations];
+ var annoElArray = [xAnnotations.node, yAnnotations.node, pointAnnotations.node];
+
+ for (var i = 0; i < 3; i++) {
+ w.globals.dom.elGraphical.add(annoArray[i]);
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ annoElArray[i].classList.add('hidden');
+ }
+
+ w.globals.delayedElements.push({
+ el: annoElArray[i],
+ index: 0
+ });
+ } // after placing the annotations on svg, set any vertically placed annotations
+
+
+ this.setOrientations(w.config.annotations.xaxis); // background sizes needs to be calculated after text is drawn, so calling them last
+
+ this.annotationsBackground();
+ }
+ }
+ }, {
+ key: "addXaxisAnnotation",
+ value: function addXaxisAnnotation(anno, parent, index) {
+ var w = this.w;
+ var min = this.invertAxis ? w.globals.minY : w.globals.minX;
+ var range = this.invertAxis ? w.globals.yRange[0] : w.globals.xRange;
+ var x1 = (anno.x - min) / (range / w.globals.gridWidth);
+
+ if (w.config.xaxis.type === 'category' || w.config.xaxis.convertedCatToNumeric) {
+ var catIndex = w.globals.labels.indexOf(anno.x);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+
+ if (xLabel) {
+ x1 = parseFloat(xLabel.getAttribute('x'));
+ }
+ }
+
+ var strokeDashArray = anno.strokeDashArray;
+ if (x1 < 0 || x1 > w.globals.gridWidth) return;
+
+ if (anno.x2 === null) {
+ var line = this.graphics.drawLine(x1 + anno.offsetX, // x1
+ 0 + anno.offsetY, // y1
+ x1 + anno.offsetX, // x2
+ w.globals.gridHeight + anno.offsetY, // y2
+ anno.borderColor, // lineColor
+ strokeDashArray //dashArray
+ );
+ parent.appendChild(line.node);
+ } else {
+ var x2 = (anno.x2 - min) / (range / w.globals.gridWidth);
+
+ if (x2 < x1) {
+ var temp = x1;
+ x1 = x2;
+ x2 = temp;
+ }
+
+ var rect = this.graphics.drawRect(x1 + anno.offsetX, // x1
+ 0 + anno.offsetY, // y1
+ x2 - x1, // x2
+ w.globals.gridHeight + anno.offsetY, // y2
+ 0, // radius
+ anno.fillColor, // color
+ anno.opacity, // opacity,
+ 1, // strokeWidth
+ anno.borderColor, // strokeColor
+ strokeDashArray // stokeDashArray
+ );
+ parent.appendChild(rect.node);
+ }
+
+ var textY = anno.label.position === 'top' ? -3 : w.globals.gridHeight;
+ var text = anno.label.text ? anno.label.text : '';
+ var elText = this.graphics.drawText({
+ x: x1 + anno.label.offsetX,
+ y: textY + anno.label.offsetY,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-xaxis-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+ }
+ }, {
+ key: "drawXAxisAnnotations",
+ value: function drawXAxisAnnotations() {
+ var _this = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-xaxis-annotations'
+ });
+ w.config.annotations.xaxis.map(function (anno, index) {
+ _this.addXaxisAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "addYaxisAnnotation",
+ value: function addYaxisAnnotation(anno, parent, index) {
+ var w = this.w;
+ var strokeDashArray = anno.strokeDashArray;
+ var y1;
+ var y2;
+
+ if (this.invertAxis) {
+ var catIndex = w.globals.labels.indexOf(anno.y);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-yaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+
+ if (xLabel) {
+ y1 = parseFloat(xLabel.getAttribute('y'));
+ }
+ } else {
+ y1 = w.globals.gridHeight - (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y1 = (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ var text = anno.label.text ? anno.label.text : '';
+
+ if (anno.y2 === null) {
+ var line = this.graphics.drawLine(0 + anno.offsetX, // x1
+ y1 + anno.offsetY, // y1
+ w.globals.gridWidth + anno.offsetX, // x2
+ y1 + anno.offsetY, // y2
+ anno.borderColor, // lineColor
+ strokeDashArray // dashArray
+ );
+ parent.appendChild(line.node);
+ } else {
+ if (this.invertAxis) {
+ var _catIndex = w.globals.labels.indexOf(anno.y2);
+
+ var _xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-yaxis-texts-g text:nth-child(' + (_catIndex + 1) + ')');
+
+ if (_xLabel) {
+ y2 = parseFloat(_xLabel.getAttribute('y'));
+ }
+ } else {
+ y2 = w.globals.gridHeight - (anno.y2 - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y2 = (anno.y2 - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ if (y2 > y1) {
+ var temp = y1;
+ y1 = y2;
+ y2 = temp;
+ }
+
+ var rect = this.graphics.drawRect(0 + anno.offsetX, // x1
+ y2 + anno.offsetY, // y1
+ w.globals.gridWidth + anno.offsetX, // x2
+ y1 - y2, // y2
+ 0, // radius
+ anno.fillColor, // color
+ anno.opacity, // opacity,
+ 1, // strokeWidth
+ anno.borderColor, // strokeColor
+ strokeDashArray // stokeDashArray
+ );
+ parent.appendChild(rect.node);
+ }
+
+ var textX = anno.label.position === 'right' ? w.globals.gridWidth : 0;
+ var elText = this.graphics.drawText({
+ x: textX + anno.label.offsetX,
+ y: (y2 || y1) + anno.label.offsetY - 3,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-yaxis-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+ }
+ }, {
+ key: "drawYAxisAnnotations",
+ value: function drawYAxisAnnotations() {
+ var _this2 = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-yaxis-annotations'
+ });
+ w.config.annotations.yaxis.map(function (anno, index) {
+ _this2.addYaxisAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "clearAnnotations",
+ value: function clearAnnotations(ctx) {
+ var w = ctx.w;
+ var annos = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxis-annotations, .apexcharts-xaxis-annotations, .apexcharts-point-annotations');
+ annos.forEach(function (a) {
+ while (a.firstChild) {
+ a.removeChild(a.firstChild);
+ }
+ });
+ }
+ }, {
+ key: "addPointAnnotation",
+ value: function addPointAnnotation(anno, parent, index) {
+ var w = this.w;
+ var x = 0;
+ var y = 0;
+ var pointY = 0;
+
+ if (this.invertAxis) {
+ console.warn('Point annotation is not supported in horizontal bar charts.');
+ }
+
+ if (typeof anno.x === 'string') {
+ var catIndex = w.globals.labels.indexOf(anno.x);
+ var xLabel = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g text:nth-child(' + (catIndex + 1) + ')');
+ var xPos = parseFloat(xLabel.getAttribute('x'));
+ x = xPos;
+ var annoY = anno.y;
+
+ if (anno.y === null) {
+ annoY = w.globals.series[anno.seriesIndex][catIndex];
+ }
+
+ y = w.globals.gridHeight - (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = w.globals.gridHeight - (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y = (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) + parseInt(anno.label.style.fontSize) + anno.marker.size;
+ pointY = (annoY - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ } else {
+ x = (anno.x - w.globals.minX) / (w.globals.xRange / w.globals.gridWidth);
+ y = w.globals.gridHeight - (parseFloat(anno.y) - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = w.globals.gridHeight - (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+
+ if (w.config.yaxis[anno.yAxisIndex].reversed) {
+ y = (parseFloat(anno.y) - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight) - parseInt(anno.label.style.fontSize) - anno.marker.size;
+ pointY = (anno.y - w.globals.minYArr[anno.yAxisIndex]) / (w.globals.yRange[anno.yAxisIndex] / w.globals.gridHeight);
+ }
+ }
+
+ if (x < 0 || x > w.globals.gridWidth) return;
+ var optsPoints = {
+ pSize: anno.marker.size,
+ pWidth: anno.marker.strokeWidth,
+ pointFillColor: anno.marker.fillColor,
+ pointStrokeColor: anno.marker.strokeColor,
+ shape: anno.marker.shape,
+ radius: anno.marker.radius,
+ class: 'apexcharts-point-annotation-marker ' + anno.marker.cssClass
+ };
+ var point = this.graphics.drawMarker(x + anno.marker.offsetX, pointY + anno.marker.offsetY, optsPoints);
+ parent.appendChild(point.node);
+ var text = anno.label.text ? anno.label.text : '';
+ var elText = this.graphics.drawText({
+ x: x + anno.label.offsetX,
+ y: y + anno.label.offsetY,
+ text: text,
+ textAnchor: anno.label.textAnchor,
+ fontSize: anno.label.style.fontSize,
+ fontFamily: anno.label.style.fontFamily,
+ foreColor: anno.label.style.color,
+ cssClass: 'apexcharts-point-annotation-label ' + anno.label.style.cssClass
+ });
+ elText.attr({
+ rel: index
+ });
+ parent.appendChild(elText.node);
+
+ if (anno.customSVG.SVG) {
+ var g = this.graphics.group({
+ class: 'apexcharts-point-annotations-custom-svg ' + anno.customSVG.cssClass
+ });
+ g.attr({
+ transform: "translate(".concat(x + anno.customSVG.offsetX, ", ").concat(y + anno.customSVG.offsetY, ")")
+ });
+ g.node.innerHTML = anno.customSVG.SVG;
+ parent.appendChild(g.node);
+ }
+ }
+ }, {
+ key: "drawPointAnnotations",
+ value: function drawPointAnnotations() {
+ var _this3 = this;
+
+ var w = this.w;
+ var elg = this.graphics.group({
+ class: 'apexcharts-point-annotations'
+ });
+ w.config.annotations.points.map(function (anno, index) {
+ _this3.addPointAnnotation(anno, elg.node, index);
+ });
+ return elg;
+ }
+ }, {
+ key: "setOrientations",
+ value: function setOrientations(annos) {
+ var _this4 = this;
+
+ var annoIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var w = this.w;
+ annos.map(function (anno, index) {
+ if (anno.label.orientation === 'vertical') {
+ var i = annoIndex !== null ? annoIndex : index;
+ var xAnno = w.globals.dom.baseEl.querySelector(".apexcharts-xaxis-annotations .apexcharts-xaxis-annotation-label[rel='".concat(i, "']"));
+
+ if (xAnno !== null) {
+ var xAnnoCoord = xAnno.getBoundingClientRect();
+ xAnno.setAttribute('x', parseFloat(xAnno.getAttribute('x')) - xAnnoCoord.height + 4);
+
+ if (anno.label.position === 'top') {
+ xAnno.setAttribute('y', parseFloat(xAnno.getAttribute('y')) + xAnnoCoord.width);
+ } else {
+ xAnno.setAttribute('y', parseFloat(xAnno.getAttribute('y')) - xAnnoCoord.width);
+ }
+
+ var annoRotatingCenter = _this4.graphics.rotateAroundCenter(xAnno);
+
+ var x = annoRotatingCenter.x;
+ var y = annoRotatingCenter.y;
+ xAnno.setAttribute('transform', "rotate(-90 ".concat(x, " ").concat(y, ")"));
+ }
+ }
+ });
+ }
+ }, {
+ key: "addBackgroundToAnno",
+ value: function addBackgroundToAnno(annoEl, anno) {
+ var w = this.w;
+ var elGridRect = w.globals.dom.baseEl.querySelector('.apexcharts-grid').getBoundingClientRect();
+ var coords = annoEl.getBoundingClientRect();
+ var pleft = anno.label.style.padding.left;
+ var pright = anno.label.style.padding.right;
+ var ptop = anno.label.style.padding.top;
+ var pbottom = anno.label.style.padding.bottom;
+
+ if (anno.label.orientation === 'vertical') {
+ ptop = anno.label.style.padding.left;
+ pbottom = anno.label.style.padding.right;
+ pleft = anno.label.style.padding.top;
+ pright = anno.label.style.padding.bottom;
+ }
+
+ var x1 = coords.left - elGridRect.left - pleft;
+ var y1 = coords.top - elGridRect.top - ptop;
+ var elRect = this.graphics.drawRect(x1, y1, coords.width + pleft + pright, coords.height + ptop + pbottom, 0, anno.label.style.background, 1, anno.label.borderWidth, anno.label.borderColor, 0);
+ return elRect;
+ }
+ }, {
+ key: "annotationsBackground",
+ value: function annotationsBackground() {
+ var _this5 = this;
+
+ var w = this.w;
+
+ var add = function add(anno, i, type) {
+ var annoLabel = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations .apexcharts-").concat(type, "-annotation-label[rel='").concat(i, "']"));
+
+ if (annoLabel) {
+ var parent = annoLabel.parentNode;
+
+ var elRect = _this5.addBackgroundToAnno(annoLabel, anno);
+
+ parent.insertBefore(elRect.node, annoLabel);
+ }
+ };
+
+ w.config.annotations.xaxis.map(function (anno, i) {
+ add(anno, i, 'xaxis');
+ });
+ w.config.annotations.yaxis.map(function (anno, i) {
+ add(anno, i, 'yaxis');
+ });
+ w.config.annotations.points.map(function (anno, i) {
+ add(anno, i, 'point');
+ });
+ }
+ }, {
+ key: "addText",
+ value: function addText(params, pushToMemory, context) {
+ var x = params.x,
+ y = params.y,
+ text = params.text,
+ textAnchor = params.textAnchor,
+ _params$appendTo = params.appendTo,
+ appendTo = _params$appendTo === void 0 ? '.apexcharts-inner' : _params$appendTo,
+ foreColor = params.foreColor,
+ fontSize = params.fontSize,
+ fontFamily = params.fontFamily,
+ cssClass = params.cssClass,
+ backgroundColor = params.backgroundColor,
+ borderWidth = params.borderWidth,
+ strokeDashArray = params.strokeDashArray,
+ radius = params.radius,
+ borderColor = params.borderColor,
+ _params$paddingLeft = params.paddingLeft,
+ paddingLeft = _params$paddingLeft === void 0 ? 4 : _params$paddingLeft,
+ _params$paddingRight = params.paddingRight,
+ paddingRight = _params$paddingRight === void 0 ? 4 : _params$paddingRight,
+ _params$paddingBottom = params.paddingBottom,
+ paddingBottom = _params$paddingBottom === void 0 ? 2 : _params$paddingBottom,
+ _params$paddingTop = params.paddingTop,
+ paddingTop = _params$paddingTop === void 0 ? 2 : _params$paddingTop;
+ var me = context;
+ var w = me.w;
+ var parentNode = w.globals.dom.baseEl.querySelector(appendTo);
+ var elText = this.graphics.drawText({
+ x: x,
+ y: y,
+ text: text,
+ textAnchor: textAnchor || 'start',
+ fontSize: fontSize || '12px',
+ fontFamily: fontFamily || w.config.chart.fontFamily,
+ foreColor: foreColor || w.config.chart.foreColor,
+ cssClass: 'apexcharts-text ' + cssClass ? cssClass : ''
+ });
+ parentNode.appendChild(elText.node);
+ var textRect = elText.bbox();
+ var elRect = this.graphics.drawRect(textRect.x - paddingLeft, textRect.y - paddingTop, textRect.width + paddingLeft + paddingRight, textRect.height + paddingBottom + paddingTop, radius, backgroundColor, 1, borderWidth, borderColor, strokeDashArray);
+ elText.before(elRect);
+
+ if (pushToMemory) {
+ w.globals.memory.methodsToExec.push({
+ context: me,
+ method: me.addText,
+ params: {
+ x: x,
+ y: y,
+ text: text,
+ textAnchor: textAnchor,
+ appendTo: appendTo,
+ foreColor: foreColor,
+ fontSize: fontSize,
+ cssClass: cssClass,
+ backgroundColor: backgroundColor,
+ borderWidth: borderWidth,
+ strokeDashArray: strokeDashArray,
+ radius: radius,
+ borderColor: borderColor,
+ paddingLeft: paddingLeft,
+ paddingRight: paddingRight,
+ paddingBottom: paddingBottom,
+ paddingTop: paddingTop
+ }
+ });
+ }
+
+ return context;
+ }
+ }, {
+ key: "addPointAnnotationExternal",
+ value: function addPointAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'point',
+ contextMethod: context.addPointAnnotation
+ });
+ return context;
+ }
+ }, {
+ key: "addYaxisAnnotationExternal",
+ value: function addYaxisAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'yaxis',
+ contextMethod: context.addYaxisAnnotation
+ });
+ return context;
+ } // The addXaxisAnnotation method requires a parent class, and user calling this method externally on the chart instance may not specify parent, hence a different method
+
+ }, {
+ key: "addXaxisAnnotationExternal",
+ value: function addXaxisAnnotationExternal(params, pushToMemory, context) {
+ this.addAnnotationExternal({
+ params: params,
+ pushToMemory: pushToMemory,
+ context: context,
+ type: 'xaxis',
+ contextMethod: context.addXaxisAnnotation
+ });
+ return context;
+ }
+ }, {
+ key: "addAnnotationExternal",
+ value: function addAnnotationExternal(_ref) {
+ var params = _ref.params,
+ pushToMemory = _ref.pushToMemory,
+ context = _ref.context,
+ type = _ref.type,
+ contextMethod = _ref.contextMethod;
+ var me = context;
+ var w = me.w;
+ var parent = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations"));
+ var index = parent.childNodes.length + 1;
+ var opt = new Options();
+ var axesAnno = Object.assign({}, type === 'xaxis' ? opt.xAxisAnnotation : type === 'yaxis' ? opt.yAxisAnnotation : opt.pointAnnotation);
+ var anno = Utils.extend(axesAnno, params);
+
+ switch (type) {
+ case 'xaxis':
+ this.addXaxisAnnotation(anno, parent, index);
+ break;
+
+ case 'yaxis':
+ this.addYaxisAnnotation(anno, parent, index);
+ break;
+
+ case 'point':
+ this.addPointAnnotation(anno, parent, index);
+ break;
+ } // add background
+
+
+ var axesAnnoLabel = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-annotations .apexcharts-").concat(type, "-annotation-label[rel='").concat(index, "']"));
+ var elRect = this.addBackgroundToAnno(axesAnnoLabel, anno);
+ parent.insertBefore(elRect.node, axesAnnoLabel);
+
+ if (pushToMemory) {
+ w.globals.memory.methodsToExec.push({
+ context: me,
+ method: contextMethod,
+ params: params
+ });
+ }
+
+ return context;
+ }
+ }]);
+
+ return Annotations;
+ }();
+
+ /**
+ * ApexCharts Default Class for setting default options for all chart types.
+ *
+ * @module Defaults
+ **/
+
+ var Defaults =
+ /*#__PURE__*/
+ function () {
+ function Defaults(opts) {
+ _classCallCheck(this, Defaults);
+
+ this.opts = opts;
+ }
+
+ _createClass(Defaults, [{
+ key: "line",
+ value: function line() {
+ return {
+ chart: {
+ animations: {
+ easing: 'swing'
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 5,
+ curve: 'straight'
+ },
+ markers: {
+ size: 0,
+ hover: {
+ sizeOffset: 6
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ }
+ }
+ };
+ }
+ }, {
+ key: "sparkline",
+ value: function sparkline(defaults) {
+ this.opts.yaxis[0].labels.show = false;
+ this.opts.yaxis[0].floating = true;
+ var ret = {
+ grid: {
+ show: false,
+ padding: {
+ left: 0,
+ right: 0,
+ top: 0,
+ bottom: 0
+ }
+ },
+ legend: {
+ show: false
+ },
+ xaxis: {
+ labels: {
+ show: false
+ },
+ tooltip: {
+ enabled: false
+ },
+ axisBorder: {
+ show: false
+ }
+ },
+ chart: {
+ toolbar: {
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ }
+ };
+ return Utils.extend(defaults, ret);
+ }
+ }, {
+ key: "bar",
+ value: function bar() {
+ return {
+ chart: {
+ stacked: false,
+ animations: {
+ easing: 'swing'
+ }
+ },
+ plotOptions: {
+ bar: {
+ dataLabels: {
+ position: 'center'
+ }
+ }
+ },
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ width: 0
+ },
+ fill: {
+ opacity: 0.85
+ },
+ legend: {
+ markers: {
+ shape: 'square',
+ radius: 2,
+ size: 8
+ }
+ },
+ tooltip: {
+ shared: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ },
+ crosshairs: {
+ width: 'barWidth',
+ position: 'back',
+ fill: {
+ type: 'gradient'
+ },
+ dropShadow: {
+ enabled: false
+ },
+ stroke: {
+ width: 0
+ }
+ }
+ }
+ };
+ }
+ }, {
+ key: "candlestick",
+ value: function candlestick() {
+ return {
+ stroke: {
+ width: 1,
+ colors: ['#333']
+ },
+ dataLabels: {
+ enabled: false
+ },
+ tooltip: {
+ shared: true,
+ custom: function custom(_ref) {
+ var seriesIndex = _ref.seriesIndex,
+ dataPointIndex = _ref.dataPointIndex,
+ w = _ref.w;
+ var o = w.globals.seriesCandleO[seriesIndex][dataPointIndex];
+ var h = w.globals.seriesCandleH[seriesIndex][dataPointIndex];
+ var l = w.globals.seriesCandleL[seriesIndex][dataPointIndex];
+ var c = w.globals.seriesCandleC[seriesIndex][dataPointIndex];
+ return '<div class="apexcharts-tooltip-candlestick">' + '<div>Open: <span class="value">' + o + '</span></div>' + '<div>High: <span class="value">' + h + '</span></div>' + '<div>Low: <span class="value">' + l + '</span></div>' + '<div>Close: <span class="value">' + c + '</span></div>' + '</div>';
+ }
+ },
+ states: {
+ active: {
+ filter: {
+ type: 'none'
+ }
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ }
+ }
+ };
+ }
+ }, {
+ key: "area",
+ value: function area() {
+ return {
+ stroke: {
+ width: 4
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ inverseColors: false,
+ shade: 'light',
+ type: 'vertical',
+ opacityFrom: 0.65,
+ opacityTo: 0.5,
+ stops: [0, 100, 100]
+ }
+ },
+ markers: {
+ size: 0,
+ hover: {
+ sizeOffset: 6
+ }
+ },
+ tooltip: {
+ followCursor: false
+ }
+ };
+ }
+ }, {
+ key: "brush",
+ value: function brush(defaults) {
+ var ret = {
+ chart: {
+ toolbar: {
+ autoSelected: 'selection',
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 1
+ },
+ tooltip: {
+ enabled: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ }
+ }
+ };
+ return Utils.extend(defaults, ret);
+ }
+ }, {
+ key: "stacked100",
+ value: function stacked100() {
+ var _this = this;
+
+ this.opts.dataLabels = this.opts.dataLabels || {};
+ this.opts.dataLabels.formatter = this.opts.dataLabels.formatter || undefined;
+ var existingDataLabelFormatter = this.opts.dataLabels.formatter;
+ this.opts.yaxis.forEach(function (yaxe, index) {
+ _this.opts.yaxis[index].min = 0;
+ _this.opts.yaxis[index].max = 100;
+ });
+ var isBar = this.opts.chart.type === 'bar';
+
+ if (isBar) {
+ this.opts.dataLabels.formatter = existingDataLabelFormatter || function (val) {
+ if (typeof val === 'number') {
+ return val ? val.toFixed(0) + '%' : val;
+ }
+
+ return val;
+ };
+ }
+ } // This function removes the left and right spacing in chart for line/area/scatter if xaxis type = category for those charts by converting xaxis = numeric. Numeric/Datetime xaxis prevents the unnecessary spacing in the left/right of the chart area
+
+ }, {
+ key: "bubble",
+ value: function bubble() {
+ return {
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ tooltip: {
+ shared: false,
+ intersect: true
+ },
+ xaxis: {
+ crosshairs: {
+ width: 0
+ }
+ },
+ fill: {
+ type: 'solid',
+ gradient: {
+ shade: 'light',
+ inverse: true,
+ shadeIntensity: 0.55,
+ opacityFrom: 0.4,
+ opacityTo: 0.8
+ }
+ }
+ };
+ }
+ }, {
+ key: "scatter",
+ value: function scatter() {
+ return {
+ dataLabels: {
+ enabled: false
+ },
+ tooltip: {
+ shared: false,
+ intersect: true
+ },
+ markers: {
+ size: 6,
+ strokeWidth: 2,
+ hover: {
+ sizeOffset: 2
+ }
+ }
+ };
+ }
+ }, {
+ key: "heatmap",
+ value: function heatmap() {
+ return {
+ chart: {
+ stacked: false,
+ zoom: {
+ enabled: false
+ }
+ },
+ fill: {
+ opacity: 1
+ },
+ dataLabels: {
+ style: {
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ tooltip: {
+ followCursor: true,
+ marker: {
+ show: false
+ },
+ x: {
+ show: false
+ }
+ },
+ legend: {
+ position: 'top',
+ markers: {
+ shape: 'square',
+ size: 10,
+ offsetY: 2
+ }
+ },
+ grid: {
+ padding: {
+ right: 20
+ }
+ }
+ };
+ }
+ }, {
+ key: "pie",
+ value: function pie() {
+ return {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ plotOptions: {
+ pie: {
+ donut: {
+ labels: {
+ show: false
+ }
+ }
+ }
+ },
+ dataLabels: {
+ formatter: function formatter(val) {
+ return val.toFixed(1) + '%';
+ },
+ style: {
+ colors: ['#fff']
+ },
+ dropShadow: {
+ enabled: true
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ fill: {
+ opacity: 1,
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.35,
+ inverseColors: false,
+ stops: [0, 100, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ tooltip: {
+ theme: 'dark',
+ fillSeriesColor: true
+ },
+ legend: {
+ position: 'right'
+ }
+ };
+ }
+ }, {
+ key: "donut",
+ value: function donut() {
+ return {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ dataLabels: {
+ formatter: function formatter(val) {
+ return val.toFixed(1) + '%';
+ },
+ style: {
+ colors: ['#fff']
+ },
+ dropShadow: {
+ enabled: true
+ }
+ },
+ stroke: {
+ colors: ['#fff']
+ },
+ fill: {
+ opacity: 1,
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ type: 'vertical',
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [70, 98, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ tooltip: {
+ theme: 'dark',
+ fillSeriesColor: true
+ },
+ legend: {
+ position: 'right'
+ }
+ };
+ }
+ }, {
+ key: "radar",
+ value: function radar() {
+ this.opts.yaxis[0].labels.style.fontSize = '13px';
+ this.opts.yaxis[0].labels.offsetY = 6;
+ return {
+ dataLabels: {
+ enabled: true,
+ style: {
+ colors: ['#a8a8a8'],
+ fontSize: '11px'
+ }
+ },
+ stroke: {
+ width: 2
+ },
+ markers: {
+ size: 3,
+ strokeWidth: 1,
+ strokeOpacity: 1
+ },
+ fill: {
+ opacity: 0.2
+ },
+ tooltip: {
+ shared: false,
+ intersect: true,
+ followCursor: true
+ },
+ grid: {
+ show: false
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ },
+ crosshairs: {
+ show: false
+ }
+ }
+ };
+ }
+ }, {
+ key: "radialBar",
+ value: function radialBar() {
+ return {
+ chart: {
+ animations: {
+ dynamicAnimation: {
+ enabled: true,
+ speed: 800
+ }
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ fill: {
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ type: 'diagonal2',
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [70, 98, 100]
+ }
+ },
+ padding: {
+ right: 0,
+ left: 0
+ },
+ legend: {
+ show: false,
+ position: 'right'
+ },
+ tooltip: {
+ enabled: false,
+ fillSeriesColor: true
+ }
+ };
+ }
+ }], [{
+ key: "convertCatToNumeric",
+ value: function convertCatToNumeric(opts) {
+ opts.xaxis.type = 'numeric';
+ opts.xaxis.convertedCatToNumeric = true;
+ opts.xaxis.labels = opts.xaxis.labels || {};
+
+ opts.xaxis.labels.formatter = opts.xaxis.labels.formatter || function (val) {
+ return val;
+ };
+
+ opts.chart = opts.chart || {};
+ opts.chart.zoom = opts.chart.zoom || window.Apex.chart && window.Apex.chart.zoom || {};
+ var defaultFormatter = opts.xaxis.labels.formatter;
+ var labels = opts.xaxis.categories && opts.xaxis.categories.length ? opts.xaxis.categories : opts.labels;
+
+ if (labels && labels.length) {
+ opts.xaxis.labels.formatter = function (val) {
+ return defaultFormatter(labels[val - 1]);
+ };
+ }
+
+ opts.xaxis.categories = [];
+ opts.labels = [];
+ opts.chart.zoom.enabled = false;
+ return opts;
+ }
+ }]);
+
+ return Defaults;
+ }();
+
+ /*
+ ** Util functions which are dependent on ApexCharts instance
+ */
+ var CoreUtils =
+ /*#__PURE__*/
+ function () {
+ function CoreUtils(ctx) {
+ _classCallCheck(this, CoreUtils);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(CoreUtils, [{
+ key: "getStackedSeriesTotals",
+
+ /**
+ * @memberof CoreUtils
+ * returns the sum of all individual values in a multiple stacked series
+ * Eg. w.globals.series = [[32,33,43,12], [2,3,5,1]]
+ * @return [34,36,48,13]
+ **/
+ value: function getStackedSeriesTotals() {
+ var w = this.w;
+ var total = [];
+
+ for (var i = 0; i < w.globals.series[w.globals.maxValsInArrayIndex].length; i++) {
+ var t = 0;
+
+ for (var j = 0; j < w.globals.series.length; j++) {
+ t += w.globals.series[j][i];
+ }
+
+ total.push(t);
+ }
+
+ w.globals.stackedSeriesTotals = total;
+ return total;
+ } // get total of the all values inside all series
+
+ }, {
+ key: "getSeriesTotalByIndex",
+ value: function getSeriesTotalByIndex() {
+ var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+ if (index === null) {
+ // non-plot chart types - pie / donut / circle
+ return this.w.config.series.reduce(function (acc, cur) {
+ return acc + cur;
+ }, 0);
+ } else {
+ // axis charts - supporting multiple series
+ return this.w.globals.series[index].reduce(function (acc, cur) {
+ return acc + cur;
+ }, 0);
+ }
+ }
+ }, {
+ key: "isSeriesNull",
+ value: function isSeriesNull() {
+ var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var r = [];
+
+ if (index === null) {
+ // non-plot chart types - pie / donut / circle
+ r = this.w.config.series.filter(function (d) {
+ return d !== null;
+ });
+ } else {
+ // axis charts - supporting multiple series
+ r = this.w.globals.series[index].filter(function (d) {
+ return d !== null;
+ });
+ }
+
+ return r.length === 0;
+ }
+ }, {
+ key: "seriesHaveSameValues",
+ value: function seriesHaveSameValues(index) {
+ return this.w.globals.series[index].every(function (val, i, arr) {
+ return val === arr[0];
+ });
+ } // maxValsInArrayIndex is the index of series[] which has the largest number of items
+
+ }, {
+ key: "getLargestSeries",
+ value: function getLargestSeries() {
+ var w = this.w;
+ w.globals.maxValsInArrayIndex = w.globals.series.map(function (a) {
+ return a.length;
+ }).indexOf(Math.max.apply(Math, w.globals.series.map(function (a) {
+ return a.length;
+ })));
+ }
+ }, {
+ key: "getLargestMarkerSize",
+ value: function getLargestMarkerSize() {
+ var w = this.w;
+ var size = 0;
+ w.globals.markers.size.forEach(function (m) {
+ size = Math.max(size, m);
+ });
+ w.globals.markers.largestSize = size;
+ return size;
+ }
+ /**
+ * @memberof Core
+ * returns the sum of all values in a series
+ * Eg. w.globals.series = [[32,33,43,12], [2,3,5,1]]
+ * @return [120, 11]
+ **/
+
+ }, {
+ key: "getSeriesTotals",
+ value: function getSeriesTotals() {
+ var w = this.w;
+ w.globals.seriesTotals = w.globals.series.map(function (ser, index) {
+ var total = 0;
+
+ if (Array.isArray(ser)) {
+ for (var j = 0; j < ser.length; j++) {
+ total += ser[j];
+ }
+ } else {
+ // for pie/donuts/gauges
+ total += ser;
+ }
+
+ return total;
+ });
+ }
+ }, {
+ key: "getSeriesTotalsXRange",
+ value: function getSeriesTotalsXRange(minX, maxX) {
+ var w = this.w;
+ var seriesTotalsXRange = w.globals.series.map(function (ser, index) {
+ var total = 0;
+
+ for (var j = 0; j < ser.length; j++) {
+ if (w.globals.seriesX[index][j] > minX && w.globals.seriesX[index][j] < maxX) {
+ total += ser[j];
+ }
+ }
+
+ return total;
+ });
+ return seriesTotalsXRange;
+ }
+ /**
+ * @memberof CoreUtils
+ * returns the percentage value of all individual values which can be used in a 100% stacked series
+ * Eg. w.globals.series = [[32, 33, 43, 12], [2, 3, 5, 1]]
+ * @return [[94.11, 91.66, 89.58, 92.30], [5.88, 8.33, 10.41, 7.7]]
+ **/
+
+ }, {
+ key: "getPercentSeries",
+ value: function getPercentSeries() {
+ var w = this.w;
+ w.globals.seriesPercent = w.globals.series.map(function (ser, index) {
+ var seriesPercent = [];
+
+ if (Array.isArray(ser)) {
+ for (var j = 0; j < ser.length; j++) {
+ var total = w.globals.stackedSeriesTotals[j];
+ var percent = 100 * ser[j] / total;
+ seriesPercent.push(percent);
+ }
+ } else {
+ var _total = w.globals.seriesTotals.reduce(function (acc, val) {
+ return acc + val;
+ }, 0);
+
+ var _percent = 100 * ser / _total;
+
+ seriesPercent.push(_percent);
+ }
+
+ return seriesPercent;
+ });
+ }
+ }, {
+ key: "getCalculatedRatios",
+ value: function getCalculatedRatios() {
+ var gl = this.w.globals;
+ var yRatio = [];
+ var invertedYRatio = 0;
+ var xRatio = 0;
+ var initialXRatio = 0;
+ var invertedXRatio = 0;
+ var zRatio = 0;
+ var baseLineY = [];
+ var baseLineInvertedY = 0.1;
+ var baseLineX = 0;
+ gl.yRange = [];
+
+ if (gl.isMultipleYAxis) {
+ for (var i = 0; i < gl.minYArr.length; i++) {
+ gl.yRange.push(Math.abs(gl.minYArr[i] - gl.maxYArr[i]));
+ baseLineY.push(0);
+ }
+ } else {
+ gl.yRange.push(Math.abs(gl.minY - gl.maxY));
+ }
+
+ gl.xRange = Math.abs(gl.maxX - gl.minX);
+ gl.zRange = Math.abs(gl.maxZ - gl.minZ); // multiple y axis
+
+ for (var _i = 0; _i < gl.yRange.length; _i++) {
+ yRatio.push(gl.yRange[_i] / gl.gridHeight);
+ }
+
+ xRatio = gl.xRange / gl.gridWidth;
+ initialXRatio = Math.abs(gl.initialmaxX - gl.initialminX) / gl.gridWidth;
+ invertedYRatio = gl.yRange / gl.gridWidth;
+ invertedXRatio = gl.xRange / gl.gridHeight;
+ zRatio = gl.zRange / gl.gridHeight * 16;
+
+ if (gl.minY !== Number.MIN_VALUE && Math.abs(gl.minY) !== 0) {
+ // Negative numbers present in series
+ gl.hasNegs = true;
+ }
+
+ if (gl.isMultipleYAxis) {
+ baseLineY = []; // baseline variables is the 0 of the yaxis which will be needed when there are negatives
+
+ for (var _i2 = 0; _i2 < yRatio.length; _i2++) {
+ baseLineY.push(-gl.minYArr[_i2] / yRatio[_i2]);
+ }
+ } else {
+ baseLineY.push(-gl.minY / yRatio[0]);
+
+ if (gl.minY !== Number.MIN_VALUE && Math.abs(gl.minY) !== 0) {
+ baseLineInvertedY = -gl.minY / invertedYRatio; // this is for bar chart
+
+ baseLineX = gl.minX / xRatio;
+ }
+ }
+
+ return {
+ yRatio: yRatio,
+ invertedYRatio: invertedYRatio,
+ zRatio: zRatio,
+ xRatio: xRatio,
+ initialXRatio: initialXRatio,
+ invertedXRatio: invertedXRatio,
+ baseLineInvertedY: baseLineInvertedY,
+ baseLineY: baseLineY,
+ baseLineX: baseLineX
+ };
+ }
+ }, {
+ key: "getLogSeries",
+ value: function getLogSeries(series) {
+ var w = this.w;
+ w.globals.seriesLog = series.map(function (s, i) {
+ if (w.config.yaxis[i] && w.config.yaxis[i].logarithmic) {
+ return s.map(function (d) {
+ if (d === null) return null;
+ var logVal = (Math.log(d) - Math.log(w.globals.minYArr[i])) / (Math.log(w.globals.maxYArr[i]) - Math.log(w.globals.minYArr[i]));
+ return logVal;
+ });
+ } else {
+ return s;
+ }
+ });
+ return w.globals.seriesLog;
+ }
+ }, {
+ key: "getLogYRatios",
+ value: function getLogYRatios(yRatio) {
+ var _this = this;
+
+ var w = this.w;
+ var gl = this.w.globals;
+ gl.yLogRatio = yRatio.slice();
+ gl.logYRange = gl.yRange.map(function (yRange, i) {
+ if (w.config.yaxis[i] && _this.w.config.yaxis[i].logarithmic) {
+ var maxY = -Number.MAX_VALUE;
+ var minY = Number.MIN_VALUE;
+ var range = 1;
+ gl.seriesLog.forEach(function (s, si) {
+ s.forEach(function (v) {
+ if (w.config.yaxis[si] && w.config.yaxis[si].logarithmic) {
+ maxY = Math.max(v, maxY);
+ minY = Math.min(v, minY);
+ }
+ });
+ });
+ range = Math.pow(gl.yRange[i], Math.abs(minY - maxY) / gl.yRange[i]);
+ gl.yLogRatio[i] = range / gl.gridHeight;
+ return range;
+ }
+ });
+ return gl.yLogRatio;
+ } // Some config objects can be array - and we need to extend them correctly
+
+ }], [{
+ key: "checkComboSeries",
+ value: function checkComboSeries(series) {
+ var comboCharts = false;
+ var comboChartsHasBars = false; // if user specified a type in series too, turn on comboCharts flag
+
+ if (series.length && typeof series[0].type !== 'undefined') {
+ comboCharts = true;
+ series.forEach(function (s) {
+ if (s.type === 'bar' || s.type === 'column') {
+ comboChartsHasBars = true;
+ }
+ });
+ }
+
+ return {
+ comboCharts: comboCharts,
+ comboChartsHasBars: comboChartsHasBars
+ };
+ }
+ }, {
+ key: "extendArrayProps",
+ value: function extendArrayProps(configInstance, options) {
+ if (options.yaxis) {
+ options = configInstance.extendYAxis(options);
+ }
+
+ if (options.annotations) {
+ if (options.annotations.yaxis) {
+ options = configInstance.extendYAxisAnnotations(options);
+ }
+
+ if (options.annotations.xaxis) {
+ options = configInstance.extendXAxisAnnotations(options);
+ }
+
+ if (options.annotations.points) {
+ options = configInstance.extendPointAnnotations(options);
+ }
+ }
+
+ return options;
+ }
+ }]);
+
+ return CoreUtils;
+ }();
+
+ /**
+ * ApexCharts Config Class for extending user options with pre-defined ApexCharts config.
+ *
+ * @module Config
+ **/
+
+ var Config =
+ /*#__PURE__*/
+ function () {
+ function Config(opts) {
+ _classCallCheck(this, Config);
+
+ this.opts = opts;
+ }
+
+ _createClass(Config, [{
+ key: "init",
+ value: function init() {
+ var opts = this.opts;
+ var options = new Options();
+ var defaults = new Defaults(opts);
+ this.chartType = opts.chart.type;
+
+ if (this.chartType === 'histogram') {
+ // technically, a histogram can be drawn by a column chart with no spaces in between
+ opts.chart.type = 'bar';
+ opts = Utils.extend({
+ plotOptions: {
+ bar: {
+ columnWidth: '99.99%'
+ }
+ }
+ }, opts);
+ }
+
+ opts.series = this.checkEmptySeries(opts.series);
+ opts = this.extendYAxis(opts);
+ opts = this.extendAnnotations(opts);
+ var config = options.init();
+ var newDefaults = {};
+
+ if (opts && _typeof(opts) === 'object') {
+ var chartDefaults = {};
+
+ switch (this.chartType) {
+ case 'line':
+ chartDefaults = defaults.line();
+ break;
+
+ case 'area':
+ chartDefaults = defaults.area();
+ break;
+
+ case 'bar':
+ chartDefaults = defaults.bar();
+ break;
+
+ case 'candlestick':
+ chartDefaults = defaults.candlestick();
+ break;
+
+ case 'histogram':
+ chartDefaults = defaults.bar();
+ break;
+
+ case 'bubble':
+ chartDefaults = defaults.bubble();
+ break;
+
+ case 'scatter':
+ chartDefaults = defaults.scatter();
+ break;
+
+ case 'heatmap':
+ chartDefaults = defaults.heatmap();
+ break;
+
+ case 'pie':
+ chartDefaults = defaults.pie();
+ break;
+
+ case 'donut':
+ chartDefaults = defaults.donut();
+ break;
+
+ case 'radar':
+ chartDefaults = defaults.radar();
+ break;
+
+ case 'radialBar':
+ chartDefaults = defaults.radialBar();
+ break;
+
+ default:
+ chartDefaults = defaults.line();
+ }
+
+ if (opts.chart.brush && opts.chart.brush.enabled) {
+ chartDefaults = defaults.brush(chartDefaults);
+ }
+
+ if (opts.chart.stacked && opts.chart.stackType === '100%') {
+ defaults.stacked100();
+ }
+
+ opts.xaxis = opts.xaxis || window.Apex.xaxis || {};
+ var combo = CoreUtils.checkComboSeries(opts.series);
+
+ if ((opts.chart.type === 'line' || opts.chart.type === 'area' || opts.chart.type === 'scatter') && !combo.comboChartsHasBars && opts.xaxis.type !== 'datetime' && opts.xaxis.tickPlacement !== 'between') {
+ opts = Defaults.convertCatToNumeric(opts);
+ }
+
+ if (opts.chart.sparkline && opts.chart.sparkline.enabled || window.Apex.chart && window.Apex.chart.sparkline && window.Apex.chart.sparkline.enabled) {
+ chartDefaults = defaults.sparkline(chartDefaults);
+ }
+
+ newDefaults = Utils.extend(config, chartDefaults);
+ } // config should cascade in this fashion
+ // default-config < global-apex-variable-config < user-defined-config
+ // get GLOBALLY defined options and merge with the default config
+
+
+ var mergedWithDefaultConfig = Utils.extend(newDefaults, window.Apex); // get the merged config and extend with user defined config
+
+ config = Utils.extend(mergedWithDefaultConfig, opts); // some features are not supported. those mismatches should be handled
+
+ config = this.handleUserInputErrors(config);
+ return config;
+ }
+ }, {
+ key: "extendYAxis",
+ value: function extendYAxis(opts) {
+ var options = new Options();
+
+ if (typeof opts.yaxis === 'undefined') {
+ opts.yaxis = {};
+ } // extend global yaxis config (only if object is provided / not an array)
+
+
+ if (opts.yaxis.constructor !== Array && window.Apex.yaxis && window.Apex.yaxis.constructor !== Array) {
+ opts.yaxis = Utils.extend(opts.yaxis, window.Apex.yaxis);
+ } // as we can't extend nested object's array with extend, we need to do it first
+ // user can provide either an array or object in yaxis config
+
+
+ if (opts.yaxis.constructor !== Array) {
+ // convert the yaxis to array if user supplied object
+ opts.yaxis = [Utils.extend(options.yAxis, opts.yaxis)];
+ } else {
+ opts.yaxis = Utils.extendArray(opts.yaxis, options.yAxis);
+ }
+
+ return opts;
+ } // annotations also accepts array, so we need to extend them manually
+
+ }, {
+ key: "extendAnnotations",
+ value: function extendAnnotations(opts) {
+ if (typeof opts.annotations === 'undefined') {
+ opts.annotations = {};
+ opts.annotations.yaxis = [];
+ opts.annotations.xaxis = [];
+ opts.annotations.points = [];
+ }
+
+ opts = this.extendYAxisAnnotations(opts);
+ opts = this.extendXAxisAnnotations(opts);
+ opts = this.extendPointAnnotations(opts);
+ return opts;
+ }
+ }, {
+ key: "extendYAxisAnnotations",
+ value: function extendYAxisAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.yaxis = Utils.extendArray(typeof opts.annotations.yaxis !== 'undefined' ? opts.annotations.yaxis : [], options.yAxisAnnotation);
+ return opts;
+ }
+ }, {
+ key: "extendXAxisAnnotations",
+ value: function extendXAxisAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.xaxis = Utils.extendArray(typeof opts.annotations.xaxis !== 'undefined' ? opts.annotations.xaxis : [], options.xAxisAnnotation);
+ return opts;
+ }
+ }, {
+ key: "extendPointAnnotations",
+ value: function extendPointAnnotations(opts) {
+ var options = new Options();
+ opts.annotations.points = Utils.extendArray(typeof opts.annotations.points !== 'undefined' ? opts.annotations.points : [], options.pointAnnotation);
+ return opts;
+ }
+ }, {
+ key: "checkEmptySeries",
+ value: function checkEmptySeries(ser) {
+ if (ser.length === 0) {
+ return [{
+ data: []
+ }];
+ }
+
+ return ser;
+ }
+ }, {
+ key: "handleUserInputErrors",
+ value: function handleUserInputErrors(opts) {
+ var config = opts; // conflicting tooltip option. intersect makes sure to focus on 1 point at a time. Shared cannot be used along with it
+
+ if (config.tooltip.shared && config.tooltip.intersect) {
+ throw new Error('tooltip.shared cannot be enabled when tooltip.intersect is true. Turn off any other option by setting it to false.');
+ }
+
+ if (config.chart.scroller) {
+ console.warn('Scroller has been deprecated since v2.0.0. Please remove the configuration for chart.scroller');
+ }
+
+ if (config.chart.type === 'bar' && config.plotOptions.bar.horizontal) {
+ // No time series for horizontal bars
+ if (config.xaxis.type === 'datetime') {
+ throw new Error('Timelines on bars are not supported yet. Switch to column chart by setting plotOptions.bar.horizontal=false');
+ } // No multiple yaxis for bars
+
+
+ if (config.yaxis.length > 1) {
+ throw new Error('Multiple Y Axis for bars are not supported. Switch to column chart by setting plotOptions.bar.horizontal=false');
+ }
+
+ if (config.yaxis[0].reversed) {
+ config.yaxis[0].opposite = true;
+ }
+
+ config.xaxis.tooltip.enabled = false; // no xaxis tooltip for horizontal bar
+
+ config.yaxis[0].tooltip.enabled = false; // no xaxis tooltip for horizontal bar
+
+ config.chart.zoom.enabled = false; // no zooming for horz bars
+ }
+
+ if (config.chart.type === 'bar') {
+ if (config.tooltip.shared) {
+ if (config.xaxis.crosshairs.width === 'barWidth' && config.series.length > 1) {
+ console.warn('crosshairs.width = "barWidth" is only supported in single series, not in a multi-series barChart.');
+ config.xaxis.crosshairs.width = 'tickWidth';
+ }
+
+ if (config.plotOptions.bar.horizontal) {
+ config.states.hover.type = 'none';
+ }
+
+ if (!config.tooltip.followCursor) {
+ console.warn('followCursor option in shared columns cannot be turned off.');
+ config.tooltip.followCursor = true;
+ }
+ }
+ }
+
+ if (config.chart.type === 'candlestick') {
+ if (config.yaxis[0].reversed) {
+ console.warn('Reversed y-axis in candlestick chart is not supported.');
+ config.yaxis[0].reversed = false;
+ }
+ }
+
+ if (config.chart.group && config.yaxis[0].labels.minWidth === 0) {
+ console.warn('It looks like you have multiple charts in synchronization. You must provide yaxis.labels.minWidth which must be EQUAL for all grouped charts to prevent incorrect behaviour.');
+ } // if user supplied array for stroke width, it will only be applicable to line/area charts, for any other charts, revert back to Number
+
+
+ if (Array.isArray(config.stroke.width)) {
+ if (config.chart.type !== 'line' && config.chart.type !== 'area') {
+ console.warn('stroke.width option accepts array only for line and area charts. Reverted back to Number');
+ config.stroke.width = config.stroke.width[0];
+ }
+ }
+
+ return config;
+ }
+ }]);
+
+ return Config;
+ }();
+
+ var Globals =
+ /*#__PURE__*/
+ function () {
+ function Globals() {
+ _classCallCheck(this, Globals);
+ }
+
+ _createClass(Globals, [{
+ key: "globalVars",
+ value: function globalVars(config) {
+ return {
+ chartID: null,
+ // chart ID - apexcharts-cuid
+ cuid: null,
+ // chart ID - random numbers excluding "apexcharts" part
+ events: {
+ beforeMount: [],
+ mounted: [],
+ updated: [],
+ clicked: [],
+ selection: [],
+ dataPointSelection: [],
+ zoomed: [],
+ scrolled: []
+ },
+ colors: [],
+ fill: {
+ colors: []
+ },
+ stroke: {
+ colors: []
+ },
+ dataLabels: {
+ style: {
+ colors: []
+ }
+ },
+ radarPolygons: {
+ fill: {
+ colors: []
+ }
+ },
+ markers: {
+ colors: [],
+ size: config.markers.size,
+ largestSize: 0
+ },
+ animationEnded: false,
+ isTouchDevice: 'ontouchstart' in window || navigator.msMaxTouchPoints,
+ isDirty: false,
+ // chart has been updated after the initial render. This is different than dataChanged property. isDirty means user manually called some method to update
+ initialConfig: null,
+ // we will store the first config user has set to go back when user finishes interactions like zooming and come out of it
+ lastXAxis: [],
+ lastYAxis: [],
+ series: [],
+ // the MAIN series array (y values)
+ seriesPercent: [],
+ // the percentage values of the given series
+ seriesTotals: [],
+ stackedSeriesTotals: [],
+ seriesX: [],
+ // store the numeric x values in this array (x values)
+ seriesZ: [],
+ // The 3rd "Z" dimension for bubbles chart (z values)
+ labels: [],
+ // store the text to draw on x axis
+ // Don't mutate the labels, many things including tooltips depends on it!
+ timelineLabels: [],
+ // store the timeline Labels in another variable
+ seriesNames: [],
+ // same as labels, used in non axis charts
+ noLabelsProvided: false,
+ // if user didn't provide any categories/labels or x values, fallback to 1,2,3,4...
+ allSeriesCollapsed: false,
+ collapsedSeries: [],
+ // when user collapses a series, it goes into this array
+ collapsedSeriesIndices: [],
+ // this stores the index of the collapsedSeries instead of whole object for quick access
+ ancillaryCollapsedSeries: [],
+ // when user collapses an "alwaysVisible" series, it goes into this array
+ ancillaryCollapsedSeriesIndices: [],
+ // this stores the index of the collapsedSeries whose y-axis is always visible
+ risingSeries: [],
+ // when user re-opens a collapsed series, it goes here
+ selectedDataPoints: [],
+ ignoreYAxisIndexes: [],
+ // when series are being collapsed in multiple y axes, ignore certain index
+ padHorizontal: 0,
+ maxValsInArrayIndex: 0,
+ zoomEnabled: config.chart.toolbar.autoSelected === 'zoom' && config.chart.toolbar.tools.zoom && config.chart.zoom.enabled,
+ panEnabled: config.chart.toolbar.autoSelected === 'pan' && config.chart.toolbar.tools.pan,
+ selectionEnabled: config.chart.toolbar.autoSelected === 'selection' && config.chart.toolbar.tools.selection,
+ yaxis: null,
+ minY: Number.MIN_VALUE,
+ // is 5e-324, i.e. the smallest positive number
+ // NOTE: If there are multiple y axis, the first yaxis array element will be considered for all y values calculations. Rest all will be calculated based on that
+ maxY: -Number.MAX_VALUE,
+ // is -1.7976931348623157e+308
+ // NOTE: The above note for minY applies here as well
+ minYArr: [],
+ maxYArr: [],
+ maxX: -Number.MAX_VALUE,
+ // is -1.7976931348623157e+308
+ initialmaxX: -Number.MAX_VALUE,
+ minX: Number.MIN_VALUE,
+ // is 5e-324, i.e. the smallest positive number
+ initialminX: Number.MIN_VALUE,
+ minZ: Number.MIN_VALUE,
+ // Max Z value in charts with Z axis
+ maxZ: -Number.MAX_VALUE,
+ // Max Z value in charts with Z axis
+ mousedown: false,
+ lastClientPosition: {},
+ // don't reset this variable this the chart is destroyed. It is used to detect right or left mousemove in panning
+ visibleXRange: undefined,
+ yRange: [],
+ // this property is the absolute sum of positive and negative values [eg (-100 + 200 = 300)] - yAxis
+ zRange: 0,
+ // zAxis Range (for bubble charts)
+ xRange: 0,
+ // xAxis range
+ yValueDecimal: 0,
+ // are there floating numbers in the series. If yes, this represent the len of the decimals
+ total: 0,
+ SVGNS: 'http://www.w3.org/2000/svg',
+ // svg namespace
+ svgWidth: 0,
+ // the whole svg width
+ svgHeight: 0,
+ // the whole svg height
+ noData: false,
+ // whether there is any data to display or not
+ locale: {},
+ // the current locale values will be preserved here for global access
+ dom: {},
+ // for storing all dom nodes in this particular property
+ // elWrap: null, // the element that wraps everything
+ // elGraphical: null, // this contains lines/areas/bars/pies
+ // elGridRect: null, // paths going outside this area will be clipped
+ // elGridRectMask: null, // clipping will happen with this mask
+ // elGridRectMarkerMask: null, // clipping will happen with this mask
+ // elLegendWrap: null, // the whole legend area
+ // elDefs: null, // [defs] element
+ memory: {
+ methodsToExec: []
+ },
+ shouldAnimate: true,
+ delayedElements: [],
+ // element which appear after animation has finished
+ axisCharts: true,
+ // chart type = line or area or bar
+ // (refer them also as plot charts in the code)
+ isXNumeric: false,
+ // bool: data was provided in a {[x,y], [x,y]} pattern
+ isDataXYZ: false,
+ // bool: data was provided in a {[x,y,z]} pattern
+ resized: false,
+ // bool: user has resized
+ resizeTimer: null,
+ // timeout function to make a small delay before
+ // drawing when user resized
+ comboCharts: false,
+ // bool: whether it's a combination of line/column
+ comboChartsHasBars: false,
+ // bool: whether it's a combination of line/column
+ dataChanged: false,
+ // bool: has data changed dynamically
+ previousPaths: [],
+ // array: when data is changed, it will animate from
+ // previous paths
+ seriesXvalues: [],
+ // we will need this in tooltip (it's x position)
+ // when we will have unequal x values, we will need
+ // some way to get x value depending on mouse pointer
+ seriesYvalues: [],
+ // we will need this when deciding which series
+ // user hovered on
+ seriesCandleO: [],
+ // candle stick open values
+ seriesCandleH: [],
+ // candle stick high values
+ seriesCandleL: [],
+ // candle stick low values
+ seriesCandleC: [],
+ // candle stick close values
+ allSeriesHasEqualX: true,
+ dataPoints: 0,
+ // the longest series length
+ pointsArray: [],
+ // store the points positions here to draw later on hover
+ // format is - [[x,y],[x,y]... [x,y]]
+ dataLabelsRects: [],
+ // store the positions of datalabels to prevent collision
+ lastDrawnDataLabelsIndexes: [],
+ hasNullValues: false,
+ // bool: whether series contains null values
+ easing: null,
+ // function: animation effect to apply
+ zoomed: false,
+ // whether user has zoomed or not
+ gridWidth: 0,
+ // drawable width of actual graphs (series paths)
+ gridHeight: 0,
+ // drawable height of actual graphs (series paths)
+ yAxisScale: [],
+ xAxisScale: null,
+ xAxisTicksPositions: [],
+ timescaleTicks: [],
+ rotateXLabels: false,
+ defaultLabels: false,
+ xLabelFormatter: undefined,
+ // formatter for x axis labels
+ yLabelFormatters: [],
+ xaxisTooltipFormatter: undefined,
+ // formatter for x axis tooltip
+ ttKeyFormatter: undefined,
+ ttVal: undefined,
+ ttZFormatter: undefined,
+ LINE_HEIGHT_RATIO: 1.618,
+ xAxisLabelsHeight: 0,
+ yAxisLabelsWidth: 0,
+ scaleX: 1,
+ scaleY: 1,
+ translateX: 0,
+ translateY: 0,
+ translateYAxisX: [],
+ yLabelsCoords: [],
+ yTitleCoords: [],
+ yAxisWidths: [],
+ translateXAxisY: 0,
+ translateXAxisX: 0,
+ tooltip: null,
+ tooltipOpts: null
+ };
+ }
+ }, {
+ key: "init",
+ value: function init(config) {
+ var globals = this.globalVars(config);
+ globals.initialConfig = Utils.extend({}, config);
+ globals.initialSeries = JSON.parse(JSON.stringify(globals.initialConfig.series));
+ globals.lastXAxis = JSON.parse(JSON.stringify(globals.initialConfig.xaxis));
+ globals.lastYAxis = JSON.parse(JSON.stringify(globals.initialConfig.yaxis));
+ return globals;
+ }
+ }]);
+
+ return Globals;
+ }();
+
+ /**
+ * ApexCharts Base Class for extending user options with pre-defined ApexCharts config.
+ *
+ * @module Base
+ **/
+
+ var Base =
+ /*#__PURE__*/
+ function () {
+ function Base(opts) {
+ _classCallCheck(this, Base);
+
+ this.opts = opts;
+ }
+
+ _createClass(Base, [{
+ key: "init",
+ value: function init() {
+ var config = new Config(this.opts).init();
+ var globals = new Globals().init(config);
+ var w = {
+ config: config,
+ globals: globals
+ };
+ return w;
+ }
+ }]);
+
+ return Base;
+ }();
+
+ /**
+ * ApexCharts Fill Class for setting fill options of the paths.
+ *
+ * @module Fill
+ **/
+
+ var Fill =
+ /*#__PURE__*/
+ function () {
+ function Fill(ctx) {
+ _classCallCheck(this, Fill);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.opts = null;
+ this.seriesIndex = 0;
+ }
+
+ _createClass(Fill, [{
+ key: "clippedImgArea",
+ value: function clippedImgArea(params) {
+ var w = this.w;
+ var cnf = w.config;
+ var svgW = parseInt(w.globals.gridWidth);
+ var svgH = parseInt(w.globals.gridHeight);
+ var size = svgW > svgH ? svgW : svgH;
+ var fillImg = params.image;
+ var imgWidth = 0;
+ var imgHeight = 0;
+
+ if (typeof params.width === 'undefined' && typeof params.height === 'undefined') {
+ if (cnf.fill.image.width !== undefined && cnf.fill.image.height !== undefined) {
+ imgWidth = cnf.fill.image.width + 1;
+ imgHeight = cnf.fill.image.height;
+ } else {
+ imgWidth = size + 1;
+ imgHeight = size;
+ }
+ } else {
+ imgWidth = params.width;
+ imgHeight = params.height;
+ }
+
+ var elPattern = document.createElementNS(w.globals.SVGNS, 'pattern');
+ Graphics.setAttrs(elPattern, {
+ id: params.patternID,
+ patternUnits: params.patternUnits ? params.patternUnits : 'userSpaceOnUse',
+ width: imgWidth + 'px',
+ height: imgHeight + 'px'
+ });
+ var elImage = document.createElementNS(w.globals.SVGNS, 'image');
+ elPattern.appendChild(elImage);
+ elImage.setAttributeNS('http://www.w3.org/1999/xlink', 'href', fillImg);
+ Graphics.setAttrs(elImage, {
+ x: 0,
+ y: 0,
+ preserveAspectRatio: 'none',
+ width: imgWidth + 'px',
+ height: imgHeight + 'px'
+ });
+ elImage.style.opacity = params.opacity;
+ w.globals.dom.elDefs.node.appendChild(elPattern);
+ }
+ }, {
+ key: "getSeriesIndex",
+ value: function getSeriesIndex(opts) {
+ var w = this.w;
+
+ if (w.config.chart.type === 'bar' && w.config.plotOptions.bar.distributed || w.config.chart.type === 'heatmap') {
+ this.seriesIndex = opts.seriesNumber;
+ } else {
+ this.seriesIndex = opts.seriesNumber % w.globals.series.length;
+ }
+
+ return this.seriesIndex;
+ }
+ }, {
+ key: "fillPath",
+ value: function fillPath(opts) {
+ var w = this.w;
+ this.opts = opts;
+ var cnf = this.w.config;
+ var pathFill;
+ var patternFill, gradientFill;
+ this.seriesIndex = this.getSeriesIndex(opts);
+ var fillColors = this.getFillColors();
+ var fillColor = fillColors[this.seriesIndex];
+ var fillType = this.getFillType(this.seriesIndex);
+ var fillOpacity = Array.isArray(cnf.fill.opacity) ? cnf.fill.opacity[this.seriesIndex] : cnf.fill.opacity;
+ var defaultColor = fillColor;
+
+ if (opts.color) {
+ fillColor = opts.color;
+ }
+
+ if (fillColor.indexOf('rgb') === -1) {
+ defaultColor = Utils.hexToRgba(fillColor, fillOpacity);
+ } else {
+ if (fillColor.indexOf('rgba') > -1) {
+ fillOpacity = 0 + '.' + Utils.getOpacityFromRGBA(fillColors[this.seriesIndex]);
+ }
+ }
+
+ if (fillType === 'pattern') {
+ patternFill = this.handlePatternFill(patternFill, fillColor, fillOpacity, defaultColor);
+ }
+
+ if (fillType === 'gradient') {
+ gradientFill = this.handleGradientFill(gradientFill, fillColor, fillOpacity, this.seriesIndex);
+ }
+
+ if (cnf.fill.image.src.length > 0 && fillType === 'image') {
+ if (opts.seriesNumber < cnf.fill.image.src.length) {
+ this.clippedImgArea({
+ opacity: fillOpacity,
+ image: cnf.fill.image.src[opts.seriesNumber],
+ patternUnits: opts.patternUnits,
+ patternID: "pattern".concat(w.globals.cuid).concat(opts.seriesNumber + 1)
+ });
+ pathFill = "url(#pattern".concat(w.globals.cuid).concat(opts.seriesNumber + 1, ")");
+ } else {
+ pathFill = defaultColor;
+ }
+ } else if (fillType === 'gradient') {
+ pathFill = gradientFill;
+ } else if (fillType === 'pattern') {
+ pathFill = patternFill;
+ } else {
+ pathFill = defaultColor;
+ } // override pattern/gradient if opts.solid is true
+
+
+ if (opts.solid) {
+ pathFill = defaultColor;
+ }
+
+ return pathFill;
+ }
+ }, {
+ key: "getFillType",
+ value: function getFillType(seriesIndex) {
+ var w = this.w;
+
+ if (Array.isArray(w.config.fill.type)) {
+ return w.config.fill.type[seriesIndex];
+ } else {
+ return w.config.fill.type;
+ }
+ }
+ }, {
+ key: "getFillColors",
+ value: function getFillColors() {
+ var w = this.w;
+ var cnf = w.config;
+ var opts = this.opts;
+ var fillColors = [];
+
+ if (w.globals.comboCharts) {
+ if (w.config.series[this.seriesIndex].type === 'line') {
+ if (w.globals.stroke.colors instanceof Array) {
+ fillColors = w.globals.stroke.colors;
+ } else {
+ fillColors.push(w.globals.stroke.colors);
+ }
+ } else {
+ if (w.globals.fill.colors instanceof Array) {
+ fillColors = w.globals.fill.colors;
+ } else {
+ fillColors.push(w.globals.fill.colors);
+ }
+ }
+ } else {
+ if (cnf.chart.type === 'line') {
+ if (w.globals.stroke.colors instanceof Array) {
+ fillColors = w.globals.stroke.colors;
+ } else {
+ fillColors.push(w.globals.stroke.colors);
+ }
+ } else {
+ if (w.globals.fill.colors instanceof Array) {
+ fillColors = w.globals.fill.colors;
+ } else {
+ fillColors.push(w.globals.fill.colors);
+ }
+ }
+ } // colors passed in arguments
+
+
+ if (typeof opts.fillColors !== 'undefined') {
+ fillColors = [];
+
+ if (opts.fillColors instanceof Array) {
+ fillColors = opts.fillColors.slice();
+ } else {
+ fillColors.push(opts.fillColors);
+ }
+ }
+
+ return fillColors;
+ }
+ }, {
+ key: "handlePatternFill",
+ value: function handlePatternFill(patternFill, fillColor, fillOpacity, defaultColor) {
+ var cnf = this.w.config;
+ var opts = this.opts;
+ var graphics = new Graphics(this.ctx);
+ var patternStrokeWidth = cnf.fill.pattern.strokeWidth === undefined ? Array.isArray(cnf.stroke.width) ? cnf.stroke.width[this.seriesIndex] : cnf.stroke.width : Array.isArray(cnf.fill.pattern.strokeWidth) ? cnf.fill.pattern.strokeWidth[this.seriesIndex] : cnf.fill.pattern.strokeWidth;
+ var patternLineColor = fillColor;
+
+ if (cnf.fill.pattern.style instanceof Array) {
+ if (typeof cnf.fill.pattern.style[opts.seriesNumber] !== 'undefined') {
+ var pf = graphics.drawPattern(cnf.fill.pattern.style[opts.seriesNumber], cnf.fill.pattern.width, cnf.fill.pattern.height, patternLineColor, patternStrokeWidth, fillOpacity);
+ patternFill = pf;
+ } else {
+ patternFill = defaultColor;
+ }
+ } else {
+ patternFill = graphics.drawPattern(cnf.fill.pattern.style, cnf.fill.pattern.width, cnf.fill.pattern.height, patternLineColor, patternStrokeWidth, fillOpacity);
+ }
+
+ return patternFill;
+ }
+ }, {
+ key: "handleGradientFill",
+ value: function handleGradientFill(gradientFill, fillColor, fillOpacity, i) {
+ var cnf = this.w.config;
+ var opts = this.opts;
+ var graphics = new Graphics(this.ctx);
+ var utils = new Utils();
+ var type = cnf.fill.gradient.type;
+ var gradientFrom, gradientTo;
+ var opacityFrom = cnf.fill.gradient.opacityFrom === undefined ? fillOpacity : Array.isArray(cnf.fill.gradient.opacityFrom) ? cnf.fill.gradient.opacityFrom[i] : cnf.fill.gradient.opacityFrom;
+ var opacityTo = cnf.fill.gradient.opacityTo === undefined ? fillOpacity : Array.isArray(cnf.fill.gradient.opacityTo) ? cnf.fill.gradient.opacityTo[i] : cnf.fill.gradient.opacityTo;
+ gradientFrom = fillColor;
+
+ if (cnf.fill.gradient.gradientToColors === undefined || cnf.fill.gradient.gradientToColors.length === 0) {
+ if (cnf.fill.gradient.shade === 'dark') {
+ gradientTo = utils.shadeColor(parseFloat(cnf.fill.gradient.shadeIntensity) * -1, fillColor);
+ } else {
+ gradientTo = utils.shadeColor(parseFloat(cnf.fill.gradient.shadeIntensity), fillColor);
+ }
+ } else {
+ gradientTo = cnf.fill.gradient.gradientToColors[opts.seriesNumber];
+ }
+
+ if (cnf.fill.gradient.inverseColors) {
+ var t = gradientFrom;
+ gradientFrom = gradientTo;
+ gradientTo = t;
+ }
+
+ gradientFill = graphics.drawGradient(type, gradientFrom, gradientTo, opacityFrom, opacityTo, opts.size, cnf.fill.gradient.stops, cnf.fill.gradient.colorStops, i);
+ return gradientFill;
+ }
+ }]);
+
+ return Fill;
+ }();
+
+ /**
+ * ApexCharts Markers Class for drawing points on y values in axes charts.
+ *
+ * @module Markers
+ **/
+
+ var Markers =
+ /*#__PURE__*/
+ function () {
+ function Markers(ctx, opts) {
+ _classCallCheck(this, Markers);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Markers, [{
+ key: "setGlobalMarkerSize",
+ value: function setGlobalMarkerSize() {
+ var w = this.w;
+ w.globals.markers.size = Array.isArray(w.config.markers.size) ? w.config.markers.size : [w.config.markers.size];
+
+ if (w.globals.markers.size.length > 0) {
+ if (w.globals.markers.size.length < w.globals.series.length + 1) {
+ for (var i = 0; i <= w.globals.series.length; i++) {
+ if (typeof w.globals.markers.size[i] === 'undefined') {
+ w.globals.markers.size.push(w.globals.markers.size[0]);
+ }
+ }
+ }
+ } else {
+ w.globals.markers.size = w.config.series.map(function (s) {
+ return w.config.markers.size;
+ });
+ }
+ }
+ }, {
+ key: "plotChartMarkers",
+ value: function plotChartMarkers(pointsPos, seriesIndex, j) {
+ var _this = this;
+
+ var w = this.w;
+ var p = pointsPos;
+ var elPointsWrap = null;
+ var graphics = new Graphics(this.ctx);
+ var point;
+
+ if (w.globals.markers.size[seriesIndex] > 0) {
+ elPointsWrap = graphics.group({
+ class: 'apexcharts-series-markers'
+ });
+ elPointsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+ }
+
+ if (p.x instanceof Array) {
+ var _loop = function _loop(q) {
+ var dataPointIndex = j; // a small hack as we have 2 points for the first val to connect it
+
+ if (j === 1 && q === 0) dataPointIndex = 0;
+ if (j === 1 && q === 1) dataPointIndex = 1;
+ var PointClasses = 'apexcharts-marker';
+
+ if ((w.config.chart.type === 'line' || w.config.chart.type === 'area') && !w.globals.comboCharts && !w.config.tooltip.intersect) {
+ PointClasses += ' no-pointer-events';
+ }
+
+ var shouldMarkerDraw = Array.isArray(w.config.markers.size) ? w.globals.markers.size[seriesIndex] > 0 : w.config.markers.size > 0;
+
+ if (shouldMarkerDraw) {
+ if (Utils.isNumber(p.y[q])) {
+ PointClasses += " w".concat((Math.random() + 1).toString(36).substring(4));
+ } else {
+ PointClasses = 'apexcharts-nullpoint';
+ }
+
+ var opts = _this.getMarkerConfig(PointClasses, seriesIndex); // discrete markers is an option where user can specify a particular marker with different size and color
+
+
+ w.config.markers.discrete.map(function (marker) {
+ if (marker.seriesIndex === seriesIndex && marker.dataPointIndex === dataPointIndex) {
+ opts.pointStrokeColor = marker.strokeColor;
+ opts.pointFillColor = marker.fillColor;
+ opts.pSize = marker.size;
+ }
+ });
+ point = graphics.drawMarker(p.x[q], p.y[q], opts);
+ point.attr('rel', dataPointIndex);
+ point.attr('j', dataPointIndex);
+ point.attr('index', seriesIndex);
+ point.node.setAttribute('default-marker-size', opts.pSize);
+ var filters = new Filters(_this.ctx);
+ filters.setSelectionFilter(point, seriesIndex, dataPointIndex);
+
+ _this.addEvents(point);
+
+ if (elPointsWrap) {
+ elPointsWrap.add(point);
+ }
+ } else {
+ // dynamic array creation - multidimensional
+ if (typeof w.globals.pointsArray[seriesIndex] === 'undefined') w.globals.pointsArray[seriesIndex] = [];
+ w.globals.pointsArray[seriesIndex].push([p.x[q], p.y[q]]);
+ }
+ };
+
+ for (var q = 0; q < p.x.length; q++) {
+ _loop(q);
+ }
+ }
+
+ return elPointsWrap;
+ }
+ }, {
+ key: "getMarkerConfig",
+ value: function getMarkerConfig(cssClass, seriesIndex) {
+ var w = this.w;
+ var pStyle = this.getMarkerStyle(seriesIndex);
+ var pSize = w.globals.markers.size[seriesIndex];
+ return {
+ pSize: pSize,
+ pRadius: w.config.markers.radius,
+ pWidth: w.config.markers.strokeWidth,
+ pointStrokeColor: pStyle.pointStrokeColor,
+ pointFillColor: pStyle.pointFillColor,
+ shape: w.config.markers.shape instanceof Array ? w.config.markers.shape[seriesIndex] : w.config.markers.shape,
+ class: cssClass,
+ pointStrokeOpacity: w.config.markers.strokeOpacity,
+ pointFillOpacity: w.config.markers.fillOpacity,
+ seriesIndex: seriesIndex
+ };
+ }
+ }, {
+ key: "addEvents",
+ value: function addEvents(circle) {
+ var graphics = new Graphics(this.ctx);
+ circle.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this.ctx, circle));
+ circle.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this.ctx, circle));
+ circle.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this.ctx, circle));
+ circle.node.addEventListener('touchstart', graphics.pathMouseDown.bind(this.ctx, circle), {
+ passive: true
+ });
+ }
+ }, {
+ key: "getMarkerStyle",
+ value: function getMarkerStyle(seriesIndex) {
+ var w = this.w;
+ var colors = w.globals.markers.colors;
+ var strokeColors = w.config.markers.strokeColor || w.config.markers.strokeColors;
+ var pointStrokeColor = strokeColors instanceof Array ? strokeColors[seriesIndex] : strokeColors;
+ var pointFillColor = colors instanceof Array ? colors[seriesIndex] : colors;
+ return {
+ pointStrokeColor: pointStrokeColor,
+ pointFillColor: pointFillColor
+ };
+ }
+ }]);
+
+ return Markers;
+ }();
+
+ /**
+ * ApexCharts Scatter Class.
+ * This Class also handles bubbles chart as currently there is no major difference in drawing them,
+ * @module Scatter
+ **/
+
+ var Scatter =
+ /*#__PURE__*/
+ function () {
+ function Scatter(ctx) {
+ _classCallCheck(this, Scatter);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled; // this array will help in centering the label in bubbles
+
+ this.radiusSizes = [];
+ }
+
+ _createClass(Scatter, [{
+ key: "draw",
+ value: function draw(elSeries, j, opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var realIndex = opts.realIndex;
+ var pointsPos = opts.pointsPos;
+ var zRatio = opts.zRatio;
+ var elPointsMain = opts.elParent;
+ var elPointsWrap = graphics.group({
+ class: "apexcharts-series-markers apexcharts-series-".concat(w.config.chart.type)
+ });
+ elPointsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+
+ if (pointsPos.x instanceof Array) {
+ for (var q = 0; q < pointsPos.x.length; q++) {
+ var dataPointIndex = j + 1;
+ var shouldDraw = true; // a small hack as we have 2 points for the first val to connect it
+
+ if (j === 0 && q === 0) dataPointIndex = 0;
+ if (j === 0 && q === 1) dataPointIndex = 1;
+ var radius = 0;
+ var finishRadius = w.globals.markers.size[realIndex];
+
+ if (zRatio !== Infinity) {
+ // means we have a bubble
+ finishRadius = w.globals.seriesZ[realIndex][dataPointIndex] / zRatio;
+
+ if (typeof this.radiusSizes[realIndex] === 'undefined') {
+ this.radiusSizes.push([]);
+ }
+
+ this.radiusSizes[realIndex].push(finishRadius);
+ }
+
+ if (!w.config.chart.animations.enabled) {
+ radius = finishRadius;
+ }
+
+ var x = pointsPos.x[q];
+ var y = pointsPos.y[q];
+ radius = radius || 0;
+
+ if (x === 0 && y === 0 || y === null || typeof w.globals.series[realIndex][dataPointIndex] === 'undefined') {
+ shouldDraw = false;
+ }
+
+ if (shouldDraw) {
+ var circle = this.drawPoint(x, y, radius, finishRadius, realIndex, dataPointIndex, j);
+ elPointsWrap.add(circle);
+ }
+
+ elPointsMain.add(elPointsWrap);
+ }
+ }
+ }
+ }, {
+ key: "drawPoint",
+ value: function drawPoint(x, y, radius, finishRadius, realIndex, dataPointIndex, j) {
+ var w = this.w;
+ var anim = new Animations(this.ctx);
+ var filters = new Filters(this.ctx);
+ var fill = new Fill(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var pathFillCircle = fill.fillPath({
+ seriesNumber: realIndex,
+ patternUnits: 'objectBoundingBox'
+ });
+ var circle = graphics.drawCircle(radius);
+ circle.attr({
+ cx: x,
+ cy: y,
+ fill: pathFillCircle
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ filters.dropShadow(circle, {
+ top: w.config.chart.dropShadow.top,
+ left: w.config.chart.dropShadow.left,
+ blur: w.config.chart.dropShadow.blur,
+ color: w.config.chart.dropShadow.color,
+ opacity: w.config.chart.dropShadow.opacity
+ });
+ }
+
+ if (this.initialAnim && !w.globals.dataChanged) {
+ var speed = 1;
+
+ if (!w.globals.resized) {
+ speed = w.config.chart.animations.speed;
+ }
+
+ anim.animateCircleRadius(circle, 0, finishRadius, speed, w.globals.easing);
+ }
+
+ if (w.globals.dataChanged) {
+ if (this.dynamicAnim) {
+ var _speed = w.config.chart.animations.dynamicAnimation.speed;
+ var prevX, prevY, prevR;
+ var prevPathJ = null;
+ prevPathJ = w.globals.previousPaths[realIndex] && w.globals.previousPaths[realIndex][j];
+
+ if (typeof prevPathJ !== 'undefined' && prevPathJ !== null) {
+ // series containing less elements will ignore these values and revert to 0
+ prevX = prevPathJ.x;
+ prevY = prevPathJ.y;
+ prevR = typeof prevPathJ.r !== 'undefined' ? prevPathJ.r : finishRadius;
+ }
+
+ for (var cs = 0; cs < w.globals.collapsedSeries.length; cs++) {
+ if (w.globals.collapsedSeries[cs].index === realIndex) {
+ _speed = 1;
+ finishRadius = 0;
+ }
+ }
+
+ if (x === 0 && y === 0) finishRadius = 0;
+ anim.animateCircle(circle, {
+ cx: prevX,
+ cy: prevY,
+ r: prevR
+ }, {
+ cx: x,
+ cy: y,
+ r: finishRadius
+ }, _speed, w.globals.easing);
+ } else {
+ circle.attr({
+ r: finishRadius
+ });
+ }
+ }
+
+ circle.attr({
+ rel: dataPointIndex,
+ j: dataPointIndex,
+ index: realIndex,
+ 'default-marker-size': finishRadius
+ });
+ var markers = new Markers(this.ctx);
+ filters.setSelectionFilter(circle, realIndex, dataPointIndex);
+ markers.addEvents(circle);
+ circle.node.classList.add('apexcharts-marker');
+ return circle;
+ }
+ }, {
+ key: "centerTextInBubble",
+ value: function centerTextInBubble(y) {
+ var w = this.w;
+ y = y + parseInt(w.config.dataLabels.style.fontSize) / 4;
+ return {
+ y: y
+ };
+ }
+ }]);
+
+ return Scatter;
+ }();
+
+ /**
+ * ApexCharts DataLabels Class for drawing dataLabels on Axes based Charts.
+ *
+ * @module DataLabels
+ **/
+
+ var DataLabels =
+ /*#__PURE__*/
+ function () {
+ function DataLabels(ctx) {
+ _classCallCheck(this, DataLabels);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // When there are many datalabels to be printed, and some of them overlaps each other in the same series, this method will take care of that
+ // Also, when datalabels exceeds the drawable area and get clipped off, we need to adjust and move some pixels to make them visible again
+
+
+ _createClass(DataLabels, [{
+ key: "dataLabelsCorrection",
+ value: function dataLabelsCorrection(x, y, val, i, dataPointIndex, alwaysDrawDataLabel, fontSize) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var drawnextLabel = false; //
+
+ var textRects = graphics.getTextRects(val, fontSize);
+ var width = textRects.width;
+ var height = textRects.height; // first value in series, so push an empty array
+
+ if (typeof w.globals.dataLabelsRects[i] === 'undefined') w.globals.dataLabelsRects[i] = []; // then start pushing actual rects in that sub-array
+
+ w.globals.dataLabelsRects[i].push({
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ });
+ var len = w.globals.dataLabelsRects[i].length - 2;
+ var lastDrawnIndex = typeof w.globals.lastDrawnDataLabelsIndexes[i] !== 'undefined' ? w.globals.lastDrawnDataLabelsIndexes[i][w.globals.lastDrawnDataLabelsIndexes[i].length - 1] : 0;
+
+ if (typeof w.globals.dataLabelsRects[i][len] !== 'undefined') {
+ var lastDataLabelRect = w.globals.dataLabelsRects[i][lastDrawnIndex];
+
+ if ( // next label forward and x not intersecting
+ x > lastDataLabelRect.x + lastDataLabelRect.width + 2 || y > lastDataLabelRect.y + lastDataLabelRect.height + 2 || x + width < lastDataLabelRect.x // next label is going to be drawn backwards
+ ) {
+ // the 2 indexes don't override, so OK to draw next label
+ drawnextLabel = true;
+ }
+ }
+
+ if (dataPointIndex === 0 || alwaysDrawDataLabel) {
+ drawnextLabel = true;
+ }
+
+ return {
+ x: x,
+ y: y,
+ drawnextLabel: drawnextLabel
+ };
+ }
+ }, {
+ key: "drawDataLabel",
+ value: function drawDataLabel(pos, i, j) {
+ // this method handles line, area, bubble, scatter charts as those charts contains markers/points which have pre-defined x/y positions
+ // all other charts like bars / heatmaps will define their own drawDataLabel routine
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var dataLabelsConfig = w.config.dataLabels;
+ var x = 0;
+ var y = 0;
+ var dataPointIndex = j;
+ var elDataLabelsWrap = null;
+
+ if (!dataLabelsConfig.enabled || pos.x instanceof Array !== true) {
+ return elDataLabelsWrap;
+ }
+
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ elDataLabelsWrap.attr('clip-path', "url(#gridRectMarkerMask".concat(w.globals.cuid, ")"));
+
+ for (var q = 0; q < pos.x.length; q++) {
+ x = pos.x[q] + dataLabelsConfig.offsetX;
+ y = pos.y[q] + dataLabelsConfig.offsetY - w.globals.markers.size[i] - 5;
+
+ if (!isNaN(x)) {
+ // a small hack as we have 2 points for the first val to connect it
+ if (j === 1 && q === 0) dataPointIndex = 0;
+ if (j === 1 && q === 1) dataPointIndex = 1;
+ var val = w.globals.series[i][dataPointIndex];
+ var text = '';
+
+ if (w.config.chart.type === 'bubble') {
+ text = w.globals.seriesZ[i][dataPointIndex];
+ y = pos.y[q] + w.config.dataLabels.offsetY;
+ var scatter = new Scatter(this.ctx);
+ var centerTextInBubbleCoords = scatter.centerTextInBubble(y, i, dataPointIndex);
+ y = centerTextInBubbleCoords.y;
+ } else {
+ if (typeof val !== 'undefined') {
+ text = w.config.dataLabels.formatter(val, {
+ seriesIndex: i,
+ dataPointIndex: dataPointIndex,
+ w: w
+ });
+ }
+ }
+
+ this.plotDataLabelsText({
+ x: x,
+ y: y,
+ text: text,
+ i: i,
+ j: dataPointIndex,
+ parent: elDataLabelsWrap,
+ offsetCorrection: true,
+ dataLabelsConfig: w.config.dataLabels
+ });
+ }
+ }
+
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "plotDataLabelsText",
+ value: function plotDataLabelsText(opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var x = opts.x,
+ y = opts.y,
+ i = opts.i,
+ j = opts.j,
+ text = opts.text,
+ textAnchor = opts.textAnchor,
+ parent = opts.parent,
+ dataLabelsConfig = opts.dataLabelsConfig,
+ alwaysDrawDataLabel = opts.alwaysDrawDataLabel,
+ offsetCorrection = opts.offsetCorrection;
+
+ if (Array.isArray(w.config.dataLabels.enabledOnSeries)) {
+ if (w.config.dataLabels.enabledOnSeries.indexOf(i) > -1) {
+ return;
+ }
+ }
+
+ var correctedLabels = {
+ x: x,
+ y: y,
+ drawnextLabel: true
+ };
+
+ if (offsetCorrection) {
+ correctedLabels = this.dataLabelsCorrection(x, y, text, i, j, alwaysDrawDataLabel, parseInt(dataLabelsConfig.style.fontSize));
+ } // when zoomed, we don't need to correct labels offsets,
+ // but if normally, labels get cropped, correct them
+
+
+ if (!w.globals.zoomed) {
+ x = correctedLabels.x;
+ y = correctedLabels.y;
+ }
+
+ if (correctedLabels.drawnextLabel) {
+ var dataLabelText = graphics.drawText({
+ width: 100,
+ height: parseInt(dataLabelsConfig.style.fontSize),
+ x: x,
+ y: y,
+ foreColor: w.globals.dataLabels.style.colors[i],
+ textAnchor: textAnchor || dataLabelsConfig.textAnchor,
+ text: text,
+ fontSize: dataLabelsConfig.style.fontSize,
+ fontFamily: dataLabelsConfig.style.fontFamily
+ });
+ dataLabelText.attr({
+ class: 'apexcharts-datalabel',
+ cx: x,
+ cy: y
+ });
+
+ if (dataLabelsConfig.dropShadow.enabled) {
+ var textShadow = dataLabelsConfig.dropShadow;
+ var filters = new Filters(this.ctx);
+ filters.dropShadow(dataLabelText, textShadow);
+ }
+
+ parent.add(dataLabelText);
+
+ if (typeof w.globals.lastDrawnDataLabelsIndexes[i] === 'undefined') {
+ w.globals.lastDrawnDataLabelsIndexes[i] = [];
+ }
+
+ w.globals.lastDrawnDataLabelsIndexes[i].push(j);
+ }
+ }
+ }]);
+
+ return DataLabels;
+ }();
+
+ /**
+ * ApexCharts Bar Class responsible for drawing both Columns and Bars.
+ *
+ * @module Bar
+ **/
+
+ var DATA_LABELS_WARNING_THRESHOLD = 50;
+
+ var Bar =
+ /*#__PURE__*/
+ function () {
+ function Bar(ctx, xyRatios) {
+ _classCallCheck(this, Bar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.barOptions = w.config.plotOptions.bar;
+ this.isHorizontal = this.barOptions.horizontal;
+ this.strokeWidth = w.config.stroke.width;
+ this.isNullValue = false;
+ this.xyRatios = xyRatios;
+
+ if (this.xyRatios !== null) {
+ this.xRatio = xyRatios.xRatio;
+ this.yRatio = xyRatios.yRatio;
+ this.invertedXRatio = xyRatios.invertedXRatio;
+ this.invertedYRatio = xyRatios.invertedYRatio;
+ this.baseLineY = xyRatios.baseLineY;
+ this.baseLineInvertedY = xyRatios.baseLineInvertedY;
+ }
+
+ this.minXDiff = Number.MAX_VALUE;
+ this.yaxisIndex = 0;
+ this.seriesLen = 0;
+ }
+ /** primary draw method which is called on bar object
+ * @memberof Bar
+ * @param {array} series - user supplied series values
+ * @param {int} seriesIndex - the index by which series will be drawn on the svg
+ * @return {node} element which is supplied to parent chart draw method for appending
+ **/
+
+
+ _createClass(Bar, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var _this = this;
+
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.initVariables(series);
+ var ret = graphics.group({
+ class: 'apexcharts-bar-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+
+ if (w.config.dataLabels.enabled) {
+ if (this.totalItems > DATA_LABELS_WARNING_THRESHOLD) {
+ console.warn('WARNING: DataLabels are enabled but there are too many to display. This may cause performance issue when rendering.');
+ }
+ }
+
+ var _loop = function _loop(i, bc) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var x = void 0,
+ y = void 0,
+ xDivision = void 0,
+ // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+ yDivision = void 0,
+ // yDivision is the GRIDHEIGHT divided by number of datapoints (bars)
+ zeroH = void 0,
+ // zeroH is the baseline where 0 meets y axis
+ zeroW = void 0; // zeroW is the baseline where 0 meets x axis
+
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+
+ _this.ctx.series.addCollapsedClassToSeries(elSeries, realIndex);
+
+ if (series[i].length > 0) {
+ _this.visibleI = _this.visibleI + 1;
+ }
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ if (_this.yRatio.length > 1) {
+ _this.yaxisIndex = realIndex;
+ }
+
+ _this.isReversed = w.config.yaxis[_this.yaxisIndex] && w.config.yaxis[_this.yaxisIndex].reversed;
+
+ var initPositions = _this.initialPositions();
+
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ yDivision = initPositions.yDivision;
+ zeroW = initPositions.zeroW;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+
+ if (!_this.horizontal) {
+ xArrj.push(x + barWidth / 2);
+ } // eldatalabels
+
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ var _loop2 = function _loop2(j, tj) {
+ if (typeof _this.series[i][j] === 'undefined' || series[i][j] === null) {
+ _this.isNullValue = true;
+ } else {
+ _this.isNullValue = false;
+ }
+
+ if (w.config.stroke.show) {
+ if (_this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(_this.strokeWidth) ? _this.strokeWidth[realIndex] : _this.strokeWidth;
+ }
+ }
+
+ var paths = null;
+
+ if (_this.isHorizontal) {
+ paths = _this.drawBarPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ barHeight: barHeight,
+ strokeWidth: strokeWidth,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ zeroW: zeroW,
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ elSeries: elSeries
+ });
+ } else {
+ paths = _this.drawColumnPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ }
+
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x; // push current X
+
+ if (j > 0) {
+ xArrj.push(x + barWidth / 2);
+ }
+
+ yArrj.push(y);
+ var seriesNumber = _this.barOptions.distributed ? j : i;
+ var fillColor = null;
+
+ if (_this.barOptions.colors.ranges.length > 0) {
+ var colorRange = _this.barOptions.colors.ranges;
+ colorRange.map(function (range) {
+ if (series[i][j] >= range.from && series[i][j] <= range.to) {
+ fillColor = range.color;
+ }
+ });
+ }
+
+ var pathFill = fill.fillPath({
+ seriesNumber: _this.barOptions.distributed ? seriesNumber : realIndex,
+ color: fillColor
+ });
+ elSeries = _this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ visibleSeries: _this.visibleI,
+ type: 'bar'
+ });
+ };
+
+ for (var j = 0, tj = w.globals.dataPoints; j < w.globals.dataPoints; j++, tj--) {
+ _loop2(j, tj);
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj;
+ ret.add(elSeries);
+ };
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ _loop(i, bc);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "renderSeries",
+ value: function renderSeries(_ref) {
+ var realIndex = _ref.realIndex,
+ pathFill = _ref.pathFill,
+ lineFill = _ref.lineFill,
+ j = _ref.j,
+ i = _ref.i,
+ pathFrom = _ref.pathFrom,
+ pathTo = _ref.pathTo,
+ strokeWidth = _ref.strokeWidth,
+ elSeries = _ref.elSeries,
+ x = _ref.x,
+ y = _ref.y,
+ series = _ref.series,
+ barHeight = _ref.barHeight,
+ barWidth = _ref.barWidth,
+ elDataLabelsWrap = _ref.elDataLabelsWrap,
+ visibleSeries = _ref.visibleSeries,
+ type = _ref.type;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+
+ if (!lineFill) {
+ /* fix apexcharts#341 */
+ lineFill = this.barOptions.distributed ? w.globals.stroke.colors[j] : w.globals.stroke.colors[realIndex];
+ }
+
+ if (this.isNullValue) {
+ pathFill = 'none';
+ }
+
+ var delay = j / w.config.chart.animations.animateGradually.delay * (w.config.chart.animations.speed / w.globals.dataPoints) / 2.4;
+ var renderedPath = graphics.renderPaths({
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ stroke: lineFill,
+ strokeWidth: strokeWidth,
+ strokeLineCap: w.config.stroke.lineCap,
+ fill: pathFill,
+ animationDelay: delay,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-".concat(type, "-area"),
+ id: "apexcharts-".concat(type, "-area")
+ });
+ var filters = new Filters(this.ctx);
+ filters.setSelectionFilter(renderedPath, realIndex, j);
+ elSeries.add(renderedPath);
+ var dataLabels = this.calculateDataLabelsPos({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ series: series,
+ realIndex: realIndex,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ renderedPath: renderedPath,
+ visibleSeries: visibleSeries
+ });
+
+ if (dataLabels !== null) {
+ elDataLabelsWrap.add(dataLabels);
+ }
+
+ elSeries.add(elDataLabelsWrap);
+ return elSeries;
+ }
+ }, {
+ key: "initVariables",
+ value: function initVariables(series) {
+ var _this2 = this;
+
+ var w = this.w;
+ this.series = series;
+ this.totalItems = 0;
+ this.seriesLen = 0;
+ this.visibleI = -1;
+ this.visibleItems = 1; // number of visible bars after user zoomed in/out
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length > 0) {
+ this.seriesLen = this.seriesLen + 1;
+ this.totalItems += series[sl].length;
+ }
+
+ if (w.globals.isXNumeric) {
+ // get the least x diff if numeric x axis is present
+ w.globals.seriesX.forEach(function (sX, i) {
+ sX.forEach(function (s, j) {
+ if (j > 0) {
+ var xDiff = s - w.globals.seriesX[i][j - 1];
+ _this2.minXDiff = Math.min(xDiff, _this2.minXDiff);
+ }
+ });
+ }); // get max visible items
+
+ for (var j = 0; j < series[sl].length; j++) {
+ if (w.globals.seriesX[sl][j] > w.globals.minX && w.globals.seriesX[sl][j] < w.globals.maxX) {
+ this.visibleItems++;
+ }
+ }
+ } else {
+ this.visibleItems = w.globals.dataPoints;
+ }
+ }
+
+ if (this.seriesLen === 0) {
+ // A small adjustment when combo charts are used
+ this.seriesLen = 1;
+ }
+ }
+ }, {
+ key: "initialPositions",
+ value: function initialPositions() {
+ var w = this.w;
+ var x, y, yDivision, xDivision, barHeight, barWidth, zeroH, zeroW;
+
+ if (this.isHorizontal) {
+ // height divided into equal parts
+ yDivision = w.globals.gridHeight / w.globals.dataPoints;
+ barHeight = yDivision / this.seriesLen;
+
+ if (w.globals.isXNumeric) {
+ yDivision = w.globals.gridHeight / this.totalItems;
+ barHeight = yDivision / this.seriesLen;
+ }
+
+ barHeight = barHeight * parseInt(this.barOptions.barHeight) / 100;
+ zeroW = this.baseLineInvertedY + w.globals.padHorizontal + (this.isReversed ? w.globals.gridWidth : 0) - (this.isReversed ? this.baseLineInvertedY * 2 : 0);
+ y = (yDivision - barHeight * this.seriesLen) / 2;
+ } else {
+ // width divided into equal parts
+ xDivision = w.globals.gridWidth / this.visibleItems;
+ barWidth = xDivision / this.seriesLen * parseInt(this.barOptions.columnWidth) / 100;
+
+ if (w.globals.isXNumeric) {
+ // max barwidth should be equal to minXDiff to avoid overlap
+ if (this.minXDiff === Number.MAX_VALUE) {
+ // possibly a single dataPoint (fixes react-apexcharts/issue#34)
+ var len = w.globals.labels.length;
+
+ if (w.globals.timelineLabels.length > 0) {
+ len = w.globals.timelineLabels.length;
+ }
+
+ if (len < 3) {
+ len = 3;
+ }
+
+ this.minXDiff = (w.globals.maxX - w.globals.minX) / len;
+ }
+
+ xDivision = this.minXDiff / this.xRatio;
+ barWidth = xDivision / this.seriesLen * parseInt(this.barOptions.columnWidth) / 100;
+ }
+
+ zeroH = w.globals.gridHeight - this.baseLineY[this.yaxisIndex] - (this.isReversed ? w.globals.gridHeight : 0) + (this.isReversed ? this.baseLineY[this.yaxisIndex] * 2 : 0);
+ x = w.globals.padHorizontal + (xDivision - barWidth * this.seriesLen) / 2;
+ }
+
+ return {
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ xDivision: xDivision,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ zeroW: zeroW
+ };
+ }
+ }, {
+ key: "drawBarPaths",
+ value: function drawBarPaths(_ref2) {
+ var indexes = _ref2.indexes,
+ barHeight = _ref2.barHeight,
+ strokeWidth = _ref2.strokeWidth,
+ pathTo = _ref2.pathTo,
+ pathFrom = _ref2.pathFrom,
+ zeroW = _ref2.zeroW,
+ x = _ref2.x,
+ y = _ref2.y,
+ yDivision = _ref2.yDivision,
+ elSeries = _ref2.elSeries;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ y = (w.globals.seriesX[i][j] - w.globals.minX) / this.invertedXRatio - barHeight;
+ }
+
+ var barYPosition = y + barHeight * this.visibleI;
+ pathTo = graphics.move(zeroW, barYPosition);
+ pathFrom = graphics.move(zeroW, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ x = zeroW;
+ } else {
+ x = zeroW + this.series[i][j] / this.invertedYRatio - (this.isReversed ? this.series[i][j] / this.invertedYRatio : 0) * 2;
+ }
+
+ pathTo = pathTo + graphics.line(x, barYPosition) + graphics.line(x, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition);
+ pathFrom = pathFrom + graphics.line(zeroW, barYPosition) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition + barHeight - strokeWidth) + graphics.line(zeroW, barYPosition);
+
+ if (!w.globals.isXNumeric) {
+ y = y + yDivision;
+ }
+
+ if (this.barOptions.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= this.barOptions.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = this.barOptions.colors.backgroundBarColors[bc];
+ var rect = graphics.drawRect(0, barYPosition - barHeight * this.visibleI, w.globals.gridWidth, barHeight * this.seriesLen, 0, bcolor, this.barOptions.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y,
+ barYPosition: barYPosition
+ };
+ }
+ }, {
+ key: "drawColumnPaths",
+ value: function drawColumnPaths(_ref3) {
+ var indexes = _ref3.indexes,
+ x = _ref3.x,
+ y = _ref3.y,
+ xDivision = _ref3.xDivision,
+ pathTo = _ref3.pathTo,
+ pathFrom = _ref3.pathFrom,
+ barWidth = _ref3.barWidth,
+ zeroH = _ref3.zeroH,
+ strokeWidth = _ref3.strokeWidth,
+ elSeries = _ref3.elSeries;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[i][j] - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x + barWidth * this.visibleI;
+ pathTo = graphics.move(barXPosition, zeroH);
+ pathFrom = graphics.move(barXPosition, zeroH);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ y = zeroH;
+ } else {
+ y = zeroH - this.series[i][j] / this.yRatio[this.yaxisIndex] + (this.isReversed ? this.series[i][j] / this.yRatio[this.yaxisIndex] : 0) * 2;
+ }
+
+ pathTo = pathTo + graphics.line(barXPosition, y) + graphics.line(barXPosition + barWidth - strokeWidth, y) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition, zeroH);
+ pathFrom = pathFrom + graphics.line(barXPosition, zeroH) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition + barWidth - strokeWidth, zeroH) + graphics.line(barXPosition, zeroH);
+
+ if (!w.globals.isXNumeric) {
+ x = x + xDivision;
+ }
+
+ if (this.barOptions.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= this.barOptions.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = this.barOptions.colors.backgroundBarColors[bc];
+ var rect = graphics.drawRect(barXPosition - barWidth * this.visibleI, 0, barWidth * this.seriesLen, w.globals.gridHeight, 0, bcolor, this.barOptions.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y,
+ barXPosition: barXPosition
+ };
+ }
+ /** getPathFrom is a common function for bars/columns which is used to get previous paths when data changes.
+ * @memberof Bar
+ * @param {int} realIndex - current iterating i
+ * @param {int} j - current iterating series's j index
+ * @return {string} pathFrom is the string which will be appended in animations
+ **/
+
+ }, {
+ key: "getPathFrom",
+ value: function getPathFrom(realIndex, j) {
+ var w = this.w;
+ var pathFrom;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if (gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (typeof w.globals.previousPaths[pp].paths[j] !== 'undefined') {
+ pathFrom = w.globals.previousPaths[pp].paths[j].d;
+ }
+ }
+ }
+
+ return pathFrom;
+ }
+ /** calculateBarDataLabels is used to calculate the positions for the data-labels
+ * It also sets the element's data attr for bars and calls drawCalculatedBarDataLabels()
+ * @memberof Bar
+ * @param {object} {barProps} most of the bar properties used throughout the bar
+ * drawing function
+ * @return {object} dataLabels node-element which you can append later
+ **/
+
+ }, {
+ key: "calculateDataLabelsPos",
+ value: function calculateDataLabelsPos(_ref4) {
+ var x = _ref4.x,
+ y = _ref4.y,
+ i = _ref4.i,
+ j = _ref4.j,
+ realIndex = _ref4.realIndex,
+ series = _ref4.series,
+ barHeight = _ref4.barHeight,
+ barWidth = _ref4.barWidth,
+ visibleSeries = _ref4.visibleSeries,
+ renderedPath = _ref4.renderedPath;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var strokeWidth = Array.isArray(this.strokeWidth) ? this.strokeWidth[realIndex] : this.strokeWidth;
+ var bcx = x + parseFloat(barWidth * visibleSeries);
+ var bcy = y + parseFloat(barHeight * visibleSeries);
+
+ if (w.globals.isXNumeric) {
+ bcx = x + parseFloat(barWidth * (visibleSeries + 1)) - strokeWidth;
+ bcy = y + parseFloat(barHeight * (visibleSeries + 1)) - strokeWidth;
+ }
+
+ var dataLabels = null;
+ var dataLabelsX = x;
+ var dataLabelsY = y;
+ var dataLabelsPos = {};
+ var dataLabelsConfig = w.config.dataLabels;
+ var barDataLabelsConfig = this.barOptions.dataLabels;
+ var offX = dataLabelsConfig.offsetX;
+ var offY = dataLabelsConfig.offsetY;
+ var textRects = {
+ width: 0,
+ height: 0
+ };
+
+ if (w.config.dataLabels.enabled) {
+ textRects = graphics.getTextRects(w.globals.yLabelFormatters[0](w.globals.maxY), parseInt(dataLabelsConfig.style.fontSize));
+ }
+
+ if (this.isHorizontal) {
+ dataLabelsPos = this.calculateBarsDataLabelsPosition({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ renderedPath: renderedPath,
+ bcy: bcy,
+ barHeight: barHeight,
+ textRects: textRects,
+ strokeWidth: strokeWidth,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY,
+ barDataLabelsConfig: barDataLabelsConfig,
+ offX: offX,
+ offY: offY
+ });
+ } else {
+ dataLabelsPos = this.calculateColumnsDataLabelsPosition({
+ x: x,
+ y: y,
+ i: i,
+ j: j,
+ renderedPath: renderedPath,
+ realIndex: realIndex,
+ bcx: bcx,
+ bcy: bcy,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ textRects: textRects,
+ strokeWidth: strokeWidth,
+ dataLabelsY: dataLabelsY,
+ barDataLabelsConfig: barDataLabelsConfig,
+ offX: offX,
+ offY: offY
+ });
+ }
+
+ renderedPath.attr({
+ cy: dataLabelsPos.bcy,
+ cx: dataLabelsPos.bcx,
+ j: j,
+ val: series[i][j],
+ barHeight: barHeight,
+ barWidth: barWidth
+ });
+ dataLabels = this.drawCalculatedDataLabels({
+ x: dataLabelsPos.dataLabelsX,
+ y: dataLabelsPos.dataLabelsY,
+ val: series[i][j],
+ i: realIndex,
+ j: j,
+ dataLabelsConfig: dataLabelsConfig
+ });
+ return dataLabels;
+ }
+ }, {
+ key: "calculateColumnsDataLabelsPosition",
+ value: function calculateColumnsDataLabelsPosition(opts) {
+ var w = this.w;
+ var i = opts.i,
+ j = opts.j,
+ realIndex = opts.realIndex,
+ y = opts.y,
+ bcx = opts.bcx,
+ barWidth = opts.barWidth,
+ textRects = opts.textRects,
+ dataLabelsY = opts.dataLabelsY,
+ barDataLabelsConfig = opts.barDataLabelsConfig,
+ strokeWidth = opts.strokeWidth,
+ offX = opts.offX,
+ offY = opts.offY;
+ var dataLabelsX;
+ var barHeight = this.series[i][j] / this.yRatio[this.yaxisIndex];
+ var dataPointsDividedWidth = w.globals.gridWidth / w.globals.dataPoints;
+ bcx = bcx - strokeWidth / 2;
+
+ if (w.globals.isXNumeric) {
+ dataLabelsX = bcx - barWidth / 2 + offX;
+ } else {
+ dataLabelsX = bcx - dataPointsDividedWidth + barWidth / 2 + offX;
+ }
+
+ var valIsNegative = this.series[i][j] <= 0;
+
+ if (w.config.yaxis[this.yaxisIndex].reversed) {
+ y = y - barHeight;
+ }
+
+ switch (barDataLabelsConfig.position) {
+ case 'center':
+ if (valIsNegative) {
+ dataLabelsY = y + barHeight / 2 + textRects.height / 2 + offY;
+ } else {
+ dataLabelsY = y + barHeight / 2 + textRects.height / 2 - offY;
+ }
+
+ break;
+
+ case 'bottom':
+ if (valIsNegative) {
+ dataLabelsY = y + barHeight + textRects.height + strokeWidth + offY;
+ } else {
+ dataLabelsY = y + barHeight - textRects.height / 2 + strokeWidth - offY;
+ }
+
+ break;
+
+ case 'top':
+ if (valIsNegative) {
+ dataLabelsY = y - textRects.height / 2 - offY;
+ } else {
+ dataLabelsY = y + textRects.height + offY;
+ }
+
+ break;
+ }
+
+ return {
+ bcx: bcx,
+ bcy: y,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY
+ };
+ }
+ }, {
+ key: "calculateBarsDataLabelsPosition",
+ value: function calculateBarsDataLabelsPosition(opts) {
+ var w = this.w;
+ var x = opts.x,
+ i = opts.i,
+ j = opts.j,
+ bcy = opts.bcy,
+ barHeight = opts.barHeight,
+ textRects = opts.textRects,
+ dataLabelsX = opts.dataLabelsX,
+ strokeWidth = opts.strokeWidth,
+ barDataLabelsConfig = opts.barDataLabelsConfig,
+ offX = opts.offX,
+ offY = opts.offY;
+ var dataPointsDividedHeight = w.globals.gridHeight / w.globals.dataPoints;
+ var dataLabelsY = bcy - dataPointsDividedHeight + barHeight / 2 + textRects.height / 2 + offY - 3;
+ var barWidth = this.series[i][j] / this.invertedYRatio;
+ var valIsNegative = this.series[i][j] <= 0;
+
+ if (w.config.yaxis[this.yaxisIndex].reversed) {
+ x = x + barWidth;
+ }
+
+ switch (barDataLabelsConfig.position) {
+ case 'center':
+ if (valIsNegative) {
+ dataLabelsX = x - barWidth / 2 - offX;
+ } else {
+ dataLabelsX = x - barWidth / 2 + offX;
+ }
+
+ break;
+
+ case 'bottom':
+ if (valIsNegative) {
+ dataLabelsX = x - barWidth - strokeWidth - Math.round(textRects.width / 2) - offX;
+ } else {
+ dataLabelsX = x - barWidth + strokeWidth + Math.round(textRects.width / 2) + offX;
+ }
+
+ break;
+
+ case 'top':
+ if (valIsNegative) {
+ dataLabelsX = x - strokeWidth + Math.round(textRects.width / 2) - offX;
+ } else {
+ dataLabelsX = x - strokeWidth - Math.round(textRects.width / 2) + offX;
+ }
+
+ break;
+ }
+
+ if (dataLabelsX < 0) {
+ dataLabelsX = textRects.width + strokeWidth;
+ } else if (dataLabelsX + textRects.width / 2 > w.globals.gridWidth) {
+ dataLabelsX = dataLabelsX - textRects.width - strokeWidth;
+ }
+
+ return {
+ bcx: x,
+ bcy: bcy,
+ dataLabelsX: dataLabelsX,
+ dataLabelsY: dataLabelsY
+ };
+ }
+ }, {
+ key: "drawCalculatedDataLabels",
+ value: function drawCalculatedDataLabels(_ref5) {
+ var x = _ref5.x,
+ y = _ref5.y,
+ val = _ref5.val,
+ i = _ref5.i,
+ j = _ref5.j,
+ dataLabelsConfig = _ref5.dataLabelsConfig;
+ var w = this.w;
+ var dataLabels = new DataLabels(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var formatter = dataLabelsConfig.formatter;
+ var elDataLabelsWrap = null;
+ var isSeriesNotCollapsed = w.globals.collapsedSeriesIndices.indexOf(i) > -1;
+
+ if (dataLabelsConfig.enabled && !isSeriesNotCollapsed) {
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ var text = '';
+
+ if (typeof val !== 'undefined' && val !== null) {
+ text = formatter(val, {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+
+ dataLabels.plotDataLabelsText({
+ x: x,
+ y: y,
+ text: text,
+ i: i,
+ j: j,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig,
+ alwaysDrawDataLabel: true,
+ offsetCorrection: true
+ });
+ }
+
+ return elDataLabelsWrap;
+ }
+ }]);
+
+ return Bar;
+ }();
+
+ /**
+ * ApexCharts BarStacked Class responsible for drawing both Stacked Columns and Bars.
+ *
+ * @module BarStacked
+ * The whole calculation for stacked bar/column is different from normal bar/column,
+ * hence it makes sense to derive a new class for it extending most of the props of Parent Bar
+ **/
+
+ var BarStacked =
+ /*#__PURE__*/
+ function (_Bar) {
+ _inherits(BarStacked, _Bar);
+
+ function BarStacked() {
+ _classCallCheck(this, BarStacked);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(BarStacked).apply(this, arguments));
+ }
+
+ _createClass(BarStacked, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var _this = this;
+
+ var w = this.w;
+ this.graphics = new Graphics(this.ctx);
+ this.fill = new Fill(this.ctx);
+ this.bar = new Bar(this.ctx, this.xyRatios);
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.series = series;
+ this.initVariables(series);
+
+ if (w.config.chart.stackType === '100%') {
+ this.series = w.globals.seriesPercent.slice();
+ series = this.series;
+ }
+
+ this.totalItems = 0;
+ this.prevY = []; // y position on chart
+
+ this.prevX = []; // x position on chart
+
+ this.prevYF = []; // y position including shapes on chart
+
+ this.prevXF = []; // x position including shapes on chart
+
+ this.prevYVal = []; // y values (series[i][j]) in columns
+
+ this.prevXVal = []; // x values (series[i][j]) in bars
+
+ this.xArrj = []; // xj indicates x position on graph in bars
+
+ this.xArrjF = []; // xjF indicates bar's x position + endingshape's positions in bars
+
+ this.xArrjVal = []; // x val means the actual series's y values in horizontal/bars
+
+ this.yArrj = []; // yj indicates y position on graph in columns
+
+ this.yArrjF = []; // yjF indicates bar's y position + endingshape's positions in columns
+
+ this.yArrjVal = []; // y val means the actual series's y values in columns
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length > 0) {
+ this.totalItems += series[sl].length;
+ }
+ }
+
+ var ret = this.graphics.group({
+ class: 'apexcharts-bar-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+ var x = 0;
+ var y = 0;
+
+ var _loop = function _loop(i, bc) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var xDivision = void 0; // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+
+ var yDivision = void 0; // yDivision is the GRIDHEIGHT divided by number of datapoints (bars)
+
+ var zeroH = void 0; // zeroH is the baseline where 0 meets y axis
+
+ var zeroW = void 0; // zeroW is the baseline where 0 meets x axis
+
+ var xArrValues = [];
+ var yArrValues = [];
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i;
+
+ if (_this.yRatio.length > 1) {
+ _this.yaxisIndex = realIndex;
+ }
+
+ _this.isReversed = w.config.yaxis[_this.yaxisIndex] && w.config.yaxis[_this.yaxisIndex].reversed; // el to which series will be drawn
+
+ var elSeries = _this.graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ }); // eldatalabels
+
+
+ var elDataLabelsWrap = _this.graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ var initPositions = _this.initialPositions(x, y, xDivision, yDivision, zeroH, zeroW);
+
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ yDivision = initPositions.yDivision;
+ zeroW = initPositions.zeroW;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+ _this.yArrj = [];
+ _this.yArrjF = [];
+ _this.yArrjVal = [];
+ _this.xArrj = [];
+ _this.xArrjF = [];
+ _this.xArrjVal = []; // if (!this.horizontal) {
+ // this.xArrj.push(x + barWidth / 2)
+ // }
+
+ var _loop2 = function _loop2(j) {
+ if (w.config.stroke.show) {
+ if (_this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(_this.strokeWidth) ? _this.strokeWidth[realIndex] : _this.strokeWidth;
+ }
+ }
+
+ var paths = null;
+
+ if (_this.isHorizontal) {
+ paths = _this.drawBarPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ barHeight: barHeight,
+ strokeWidth: strokeWidth,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ zeroW: zeroW,
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ elSeries: elSeries
+ });
+ } else {
+ paths = _this.drawColumnPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ }
+
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x;
+ xArrValues.push(x);
+ yArrValues.push(y);
+ var seriesNumber = w.config.plotOptions.bar.distributed ? j : i;
+ var fillColor = null;
+
+ if (_this.barOptions.colors.ranges.length > 0) {
+ var colorRange = _this.barOptions.colors.ranges;
+ colorRange.map(function (range, index) {
+ if (series[i][j] >= range.from && series[i][j] <= range.to) {
+ fillColor = range.color;
+ }
+ });
+ }
+
+ var pathFill = _this.fill.fillPath({
+ seriesNumber: _this.barOptions.distributed ? seriesNumber : realIndex,
+ color: fillColor
+ });
+
+ elSeries = _this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ type: 'bar',
+ visibleSeries: 0
+ });
+ };
+
+ for (var j = 0; j < w.globals.dataPoints; j++) {
+ _loop2(j);
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrValues;
+ w.globals.seriesYvalues[realIndex] = yArrValues; // push all current y values array to main PrevY Array
+
+ _this.prevY.push(_this.yArrj);
+
+ _this.prevYF.push(_this.yArrjF);
+
+ _this.prevYVal.push(_this.yArrjVal);
+
+ _this.prevX.push(_this.xArrj);
+
+ _this.prevXF.push(_this.xArrjF);
+
+ _this.prevXVal.push(_this.xArrjVal);
+
+ ret.add(elSeries);
+ };
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ _loop(i, bc);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "initialPositions",
+ value: function initialPositions(x, y, xDivision, yDivision, zeroH, zeroW) {
+ var w = this.w;
+ var barHeight, barWidth;
+
+ if (this.isHorizontal) {
+ // height divided into equal parts
+ yDivision = w.globals.gridHeight / w.globals.dataPoints;
+ barHeight = yDivision;
+ barHeight = barHeight * parseInt(w.config.plotOptions.bar.barHeight) / 100;
+ zeroW = this.baseLineInvertedY + w.globals.padHorizontal + (this.isReversed ? w.globals.gridWidth : 0) - (this.isReversed ? this.baseLineInvertedY * 2 : 0); // initial y position is half of barHeight * half of number of Bars
+
+ y = (yDivision - barHeight) / 2;
+ } else {
+ // width divided into equal parts
+ xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ barWidth = xDivision;
+
+ if (w.globals.isXNumeric) {
+ // max barwidth should be equal to minXDiff to avoid overlap
+ xDivision = this.minXDiff / this.xRatio;
+ barWidth = xDivision * parseInt(this.barOptions.columnWidth) / 100;
+ } else {
+ barWidth = barWidth * parseInt(w.config.plotOptions.bar.columnWidth) / 100;
+ }
+
+ zeroH = this.baseLineY[this.yaxisIndex] + (this.isReversed ? w.globals.gridHeight : 0) - (this.isReversed ? this.baseLineY[this.yaxisIndex] * 2 : 0); // initial x position is one third of barWidth
+
+ x = w.globals.padHorizontal + (xDivision - barWidth) / 2;
+ }
+
+ return {
+ x: x,
+ y: y,
+ yDivision: yDivision,
+ xDivision: xDivision,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ zeroW: zeroW
+ };
+ }
+ }, {
+ key: "drawBarPaths",
+ value: function drawBarPaths(_ref) {
+ var indexes = _ref.indexes,
+ barHeight = _ref.barHeight,
+ strokeWidth = _ref.strokeWidth,
+ pathTo = _ref.pathTo,
+ pathFrom = _ref.pathFrom,
+ zeroW = _ref.zeroW,
+ x = _ref.x,
+ y = _ref.y,
+ yDivision = _ref.yDivision,
+ elSeries = _ref.elSeries;
+ var w = this.w;
+ var barYPosition = y;
+ var barXPosition;
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+ var prevBarW = 0;
+
+ for (var k = 0; k < this.prevXF.length; k++) {
+ prevBarW = prevBarW + this.prevXF[k][j];
+ }
+
+ if (i > 0) {
+ var bXP = zeroW;
+
+ if (this.prevXVal[i - 1][j] < 0) {
+ if (this.series[i][j] >= 0) {
+ bXP = this.prevX[i - 1][j] + prevBarW - (this.isReversed ? prevBarW : 0) * 2;
+ } else {
+ bXP = this.prevX[i - 1][j];
+ }
+ } else if (this.prevXVal[i - 1][j] >= 0) {
+ if (this.series[i][j] >= 0) {
+ bXP = this.prevX[i - 1][j];
+ } else {
+ bXP = this.prevX[i - 1][j] - prevBarW + (this.isReversed ? prevBarW : 0) * 2;
+ }
+ }
+
+ barXPosition = bXP;
+ } else {
+ // the first series will not have prevX values
+ barXPosition = zeroW;
+ }
+
+ if (this.series[i][j] === null) {
+ x = barXPosition;
+ } else {
+ x = barXPosition + this.series[i][j] / this.invertedYRatio - (this.isReversed ? this.series[i][j] / this.invertedYRatio : 0) * 2;
+ }
+
+ this.xArrj.push(x);
+ this.xArrjF.push(Math.abs(barXPosition - x));
+ this.xArrjVal.push(this.series[i][j]);
+ pathTo = this.graphics.move(barXPosition, barYPosition);
+ pathFrom = this.graphics.move(barXPosition, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.bar.getPathFrom(realIndex, j, false);
+ }
+
+ pathTo = pathTo + this.graphics.line(x, barYPosition) + this.graphics.line(x, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition);
+ pathFrom = pathFrom + this.graphics.line(barXPosition, barYPosition) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition + barHeight - strokeWidth) + this.graphics.line(barXPosition, barYPosition);
+
+ if (w.config.plotOptions.bar.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= w.config.plotOptions.bar.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = w.config.plotOptions.bar.colors.backgroundBarColors[bc];
+ var rect = this.graphics.drawRect(0, barYPosition, w.globals.gridWidth, barHeight, 0, bcolor, w.config.plotOptions.bar.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ y = y + yDivision;
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "drawColumnPaths",
+ value: function drawColumnPaths(_ref2) {
+ var indexes = _ref2.indexes,
+ x = _ref2.x,
+ y = _ref2.y,
+ xDivision = _ref2.xDivision,
+ pathTo = _ref2.pathTo,
+ pathFrom = _ref2.pathFrom,
+ barWidth = _ref2.barWidth,
+ zeroH = _ref2.zeroH,
+ strokeWidth = _ref2.strokeWidth,
+ elSeries = _ref2.elSeries;
+ var w = this.w;
+ var i = indexes.i;
+ var j = indexes.j;
+ var realIndex = indexes.realIndex;
+ var bc = indexes.bc;
+
+ if (w.globals.isXNumeric) {
+ var seriesVal = w.globals.seriesX[i][j];
+ if (!seriesVal) seriesVal = 0;
+ x = (seriesVal - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x;
+ var barYPosition;
+ var prevBarH = 0;
+
+ for (var k = 0; k < this.prevYF.length; k++) {
+ prevBarH = prevBarH + this.prevYF[k][j];
+ }
+
+ if (i > 0 && !w.globals.isXNumeric || i > 0 && w.globals.isXNumeric && w.globals.seriesX[i - 1][j] === w.globals.seriesX[i][j]) {
+ var bYP;
+ var prevYValue = this.prevY[i - 1][j];
+
+ if (this.prevYVal[i - 1][j] < 0) {
+ if (this.series[i][j] >= 0) {
+ bYP = prevYValue - prevBarH + (this.isReversed ? prevBarH : 0) * 2;
+ } else {
+ bYP = prevYValue;
+ }
+ } else {
+ if (this.series[i][j] >= 0) {
+ bYP = prevYValue;
+ } else {
+ bYP = prevYValue + prevBarH - (this.isReversed ? prevBarH : 0) * 2;
+ }
+ }
+
+ barYPosition = bYP;
+ } else {
+ // the first series will not have prevY values, also if the prev index's series X doesn't matches the current index's series X, then start from zero
+ barYPosition = w.globals.gridHeight - zeroH;
+ }
+
+ y = barYPosition - this.series[i][j] / this.yRatio[this.yaxisIndex] + (this.isReversed ? this.series[i][j] / this.yRatio[this.yaxisIndex] : 0) * 2;
+ this.yArrj.push(y);
+ this.yArrjF.push(Math.abs(barYPosition - y));
+ this.yArrjVal.push(this.series[i][j]);
+ pathTo = this.graphics.move(barXPosition, barYPosition);
+ pathFrom = this.graphics.move(barXPosition, barYPosition);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.bar.getPathFrom(realIndex, j, false);
+ }
+
+ pathTo = pathTo + this.graphics.line(barXPosition, y) + this.graphics.line(barXPosition + barWidth - strokeWidth, y) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition, barYPosition);
+ pathFrom = pathFrom + this.graphics.line(barXPosition, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition + barWidth - strokeWidth, barYPosition) + this.graphics.line(barXPosition, barYPosition);
+
+ if (w.config.plotOptions.bar.colors.backgroundBarColors.length > 0 && i === 0) {
+ if (bc >= w.config.plotOptions.bar.colors.backgroundBarColors.length) {
+ bc = 0;
+ }
+
+ var bcolor = w.config.plotOptions.bar.colors.backgroundBarColors[bc];
+ var rect = this.graphics.drawRect(barXPosition, 0, barWidth, w.globals.gridHeight, 0, bcolor, w.config.plotOptions.bar.colors.backgroundBarOpacity);
+ elSeries.add(rect);
+ rect.node.classList.add('apexcharts-backgroundBar');
+ }
+
+ x = x + xDivision;
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: w.globals.isXNumeric ? x - xDivision : x,
+ y: y
+ };
+ }
+ }]);
+
+ return BarStacked;
+ }(Bar);
+
+ /**
+ * ApexCharts CandleStick Class responsible for drawing both Stacked Columns and Bars.
+ *
+ * @module CandleStick
+ * The whole calculation for stacked bar/column is different from normal bar/column,
+ * hence it makes sense to derive a new class for it extending most of the props of Parent Bar
+ **/
+
+ var CandleStick =
+ /*#__PURE__*/
+ function (_Bar) {
+ _inherits(CandleStick, _Bar);
+
+ function CandleStick() {
+ _classCallCheck(this, CandleStick);
+
+ return _possibleConstructorReturn(this, _getPrototypeOf(CandleStick).apply(this, arguments));
+ }
+
+ _createClass(CandleStick, [{
+ key: "draw",
+ value: function draw(series, seriesIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ this.candlestickOptions = this.w.config.plotOptions.candlestick;
+ var coreUtils = new CoreUtils(this.ctx, w);
+ this.series = coreUtils.getLogSeries(series);
+ series = this.series;
+ this.yRatio = coreUtils.getLogYRatios(this.yRatio);
+ this.initVariables(series);
+ var ret = graphics.group({
+ class: 'apexcharts-candlestick-series apexcharts-plot-series'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")"));
+
+ for (var i = 0, bc = 0; i < series.length; i++, bc++) {
+ var pathTo = void 0,
+ pathFrom = void 0;
+ var x = void 0,
+ y = void 0,
+ xDivision = void 0,
+ // xDivision is the GRIDWIDTH divided by number of datapoints (columns)
+ zeroH = void 0; // zeroH is the baseline where 0 meets y axis
+
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex])),
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+
+ if (series[i].length > 0) {
+ this.visibleI = this.visibleI + 1;
+ }
+
+ var strokeWidth = 0;
+ var barHeight = 0;
+ var barWidth = 0;
+
+ if (this.yRatio.length > 1) {
+ this.yaxisIndex = realIndex;
+ }
+
+ var initPositions = this.initialPositions();
+ y = initPositions.y;
+ barHeight = initPositions.barHeight;
+ x = initPositions.x;
+ barWidth = initPositions.barWidth;
+ xDivision = initPositions.xDivision;
+ zeroH = initPositions.zeroH;
+ xArrj.push(x + barWidth / 2); // eldatalabels
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+
+ for (var j = 0, tj = w.globals.dataPoints; j < w.globals.dataPoints; j++, tj--) {
+ if (typeof this.series[i][j] === 'undefined' || series[i][j] === null) {
+ this.isNullValue = true;
+ } else {
+ this.isNullValue = false;
+ }
+
+ if (w.config.stroke.show) {
+ if (this.isNullValue) {
+ strokeWidth = 0;
+ } else {
+ strokeWidth = Array.isArray(this.strokeWidth) ? this.strokeWidth[realIndex] : this.strokeWidth;
+ }
+ }
+
+ var color = void 0;
+ var paths = this.drawCandleStickPaths({
+ indexes: {
+ i: i,
+ j: j,
+ realIndex: realIndex,
+ bc: bc
+ },
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ barWidth: barWidth,
+ zeroH: zeroH,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries
+ });
+ pathTo = paths.pathTo;
+ pathFrom = paths.pathFrom;
+ y = paths.y;
+ x = paths.x;
+ color = paths.color; // push current X
+
+ if (j > 0) {
+ xArrj.push(x + barWidth / 2);
+ }
+
+ yArrj.push(y);
+ var pathFill = fill.fillPath({
+ seriesNumber: realIndex,
+ color: color
+ });
+ var lineFill = this.candlestickOptions.wick.useFillColor ? color : undefined;
+ elSeries = this.renderSeries({
+ realIndex: realIndex,
+ pathFill: pathFill,
+ lineFill: lineFill,
+ j: j,
+ i: i,
+ pathFrom: pathFrom,
+ pathTo: pathTo,
+ strokeWidth: strokeWidth,
+ elSeries: elSeries,
+ x: x,
+ y: y,
+ series: series,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ elDataLabelsWrap: elDataLabelsWrap,
+ visibleSeries: this.visibleI,
+ type: 'candlestick'
+ });
+ } // push all x val arrays into main xArr
+
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj;
+ ret.add(elSeries);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "drawCandleStickPaths",
+ value: function drawCandleStickPaths(_ref) {
+ var indexes = _ref.indexes,
+ x = _ref.x,
+ y = _ref.y,
+ xDivision = _ref.xDivision,
+ pathTo = _ref.pathTo,
+ pathFrom = _ref.pathFrom,
+ barWidth = _ref.barWidth,
+ zeroH = _ref.zeroH,
+ strokeWidth = _ref.strokeWidth;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var i = indexes.i;
+ var j = indexes.j;
+ var isPositive = true;
+ var colorPos = w.config.plotOptions.candlestick.colors.upward;
+ var colorNeg = w.config.plotOptions.candlestick.colors.downward;
+ var yRatio = this.yRatio[this.yaxisIndex];
+ var realIndex = indexes.realIndex;
+ var ohlc = this.getOHLCValue(realIndex, j);
+ var l1 = zeroH;
+ var l2 = zeroH;
+
+ if (ohlc.o > ohlc.c) {
+ isPositive = false;
+ }
+
+ var y1 = Math.min(ohlc.o, ohlc.c);
+ var y2 = Math.max(ohlc.o, ohlc.c);
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[i][j] - w.globals.minX) / this.xRatio - barWidth / 2;
+ }
+
+ var barXPosition = x + barWidth * this.visibleI;
+ pathTo = graphics.move(barXPosition, zeroH);
+ pathFrom = graphics.move(barXPosition, zeroH);
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = this.getPathFrom(realIndex, j, true);
+ }
+
+ if (typeof this.series[i][j] === 'undefined' || this.series[i][j] === null) {
+ y1 = zeroH;
+ } else {
+ y1 = zeroH - y1 / yRatio;
+ y2 = zeroH - y2 / yRatio;
+ l1 = zeroH - ohlc.h / yRatio;
+ l2 = zeroH - ohlc.l / yRatio;
+ }
+
+ pathTo = graphics.move(barXPosition, y2) + graphics.line(barXPosition + barWidth / 2, y2) + graphics.line(barXPosition + barWidth / 2, l1) + graphics.line(barXPosition + barWidth / 2, y2) + graphics.line(barXPosition + barWidth, y2) + graphics.line(barXPosition + barWidth, y1) + graphics.line(barXPosition + barWidth / 2, y1) + graphics.line(barXPosition + barWidth / 2, l2) + graphics.line(barXPosition + barWidth / 2, y1) + graphics.line(barXPosition, y1) + graphics.line(barXPosition, y2 - strokeWidth / 2);
+
+ if (!w.globals.isXNumeric) {
+ x = x + xDivision;
+ }
+
+ return {
+ pathTo: pathTo,
+ pathFrom: pathFrom,
+ x: x,
+ y: y2,
+ barXPosition: barXPosition,
+ color: isPositive ? colorPos : colorNeg
+ };
+ }
+ }, {
+ key: "getOHLCValue",
+ value: function getOHLCValue(i, j) {
+ var w = this.w;
+ return {
+ o: w.globals.seriesCandleO[i][j],
+ h: w.globals.seriesCandleH[i][j],
+ l: w.globals.seriesCandleL[i][j],
+ c: w.globals.seriesCandleC[i][j]
+ };
+ }
+ }]);
+
+ return CandleStick;
+ }(Bar);
+
+ var Crosshairs =
+ /*#__PURE__*/
+ function () {
+ function Crosshairs(ctx) {
+ _classCallCheck(this, Crosshairs);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Crosshairs, [{
+ key: "drawXCrosshairs",
+ value: function drawXCrosshairs() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var filters = new Filters(this.ctx);
+ var crosshairGradient = w.config.xaxis.crosshairs.fill.gradient;
+ var crosshairShadow = w.config.xaxis.crosshairs.dropShadow;
+ var fillType = w.config.xaxis.crosshairs.fill.type;
+ var gradientFrom = crosshairGradient.colorFrom;
+ var gradientTo = crosshairGradient.colorTo;
+ var opacityFrom = crosshairGradient.opacityFrom;
+ var opacityTo = crosshairGradient.opacityTo;
+ var stops = crosshairGradient.stops;
+ var shadow = 'none';
+ var dropShadow = crosshairShadow.enabled;
+ var shadowLeft = crosshairShadow.left;
+ var shadowTop = crosshairShadow.top;
+ var shadowBlur = crosshairShadow.blur;
+ var shadowColor = crosshairShadow.color;
+ var shadowOpacity = crosshairShadow.opacity;
+ var xcrosshairsFill = w.config.xaxis.crosshairs.fill.color;
+
+ if (w.config.xaxis.crosshairs.show) {
+ if (fillType === 'gradient') {
+ xcrosshairsFill = graphics.drawGradient('vertical', gradientFrom, gradientTo, opacityFrom, opacityTo, null, stops, null);
+ }
+
+ var xcrosshairs = graphics.drawRect();
+
+ if (w.config.xaxis.crosshairs.width === 1) {
+ // to prevent drawing 2 lines, convert rect to line
+ xcrosshairs = graphics.drawLine();
+ }
+
+ xcrosshairs.attr({
+ class: 'apexcharts-xcrosshairs',
+ x: 0,
+ y: 0,
+ y2: w.globals.gridHeight,
+ width: Utils.isNumber(w.config.xaxis.crosshairs.width) ? w.config.xaxis.crosshairs.width : 0,
+ height: w.globals.gridHeight,
+ fill: xcrosshairsFill,
+ filter: shadow,
+ 'fill-opacity': w.config.xaxis.crosshairs.opacity,
+ stroke: w.config.xaxis.crosshairs.stroke.color,
+ 'stroke-width': w.config.xaxis.crosshairs.stroke.width,
+ 'stroke-dasharray': w.config.xaxis.crosshairs.stroke.dashArray
+ });
+
+ if (dropShadow) {
+ xcrosshairs = filters.dropShadow(xcrosshairs, {
+ left: shadowLeft,
+ top: shadowTop,
+ blur: shadowBlur,
+ color: shadowColor,
+ opacity: shadowOpacity
+ });
+ }
+
+ w.globals.dom.elGraphical.add(xcrosshairs);
+ }
+ }
+ }, {
+ key: "drawYCrosshairs",
+ value: function drawYCrosshairs() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var crosshair = w.config.yaxis[0].crosshairs;
+
+ if (w.config.yaxis[0].crosshairs.show) {
+ var ycrosshairs = graphics.drawLine(0, 0, w.globals.gridWidth, 0, crosshair.stroke.color, crosshair.stroke.dashArray, crosshair.stroke.width);
+ ycrosshairs.attr({
+ class: 'apexcharts-ycrosshairs'
+ });
+ w.globals.dom.elGraphical.add(ycrosshairs);
+ } // draw an invisible crosshair to help in positioning the yaxis tooltip
+
+
+ var ycrosshairsHidden = graphics.drawLine(0, 0, w.globals.gridWidth, 0, crosshair.stroke.color, 0, 0);
+ ycrosshairsHidden.attr({
+ class: 'apexcharts-ycrosshairs-hidden'
+ });
+ w.globals.dom.elGraphical.add(ycrosshairsHidden);
+ }
+ }]);
+
+ return Crosshairs;
+ }();
+
+ /**
+ * DateTime Class to manipulate datetime values.
+ *
+ * @module DateTime
+ **/
+
+ var DateTime =
+ /*#__PURE__*/
+ function () {
+ function DateTime(ctx) {
+ _classCallCheck(this, DateTime);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.months31 = [1, 3, 5, 7, 8, 10, 12];
+ this.months30 = [2, 4, 6, 9, 11];
+ this.daysCntOfYear = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
+ }
+
+ _createClass(DateTime, [{
+ key: "isValidDate",
+ value: function isValidDate(date) {
+ return !isNaN(this.parseDate(date));
+ }
+ }, {
+ key: "getUTCTimeStamp",
+ value: function getUTCTimeStamp(dateStr) {
+ if (!Date.parse(dateStr)) {
+ return dateStr;
+ }
+
+ return new Date(new Date(dateStr).toISOString().substr(0, 25)).getTime();
+ }
+ }, {
+ key: "parseDate",
+ value: function parseDate(dateStr) {
+ var parsed = Date.parse(dateStr);
+
+ if (!isNaN(parsed)) {
+ return this.getUTCTimeStamp(dateStr);
+ }
+
+ var output = Date.parse(dateStr.replace(/-/g, '/').replace(/[a-z]+/gi, ' '));
+ output = this.getUTCTimeStamp(output);
+ return output;
+ } // https://stackoverflow.com/a/11252167/6495043
+
+ }, {
+ key: "treatAsUtc",
+ value: function treatAsUtc(dateStr) {
+ var result = new Date(dateStr);
+ result.setMinutes(result.getMinutes() - result.getTimezoneOffset());
+ return result;
+ } // http://stackoverflow.com/questions/14638018/current-time-formatting-with-javascript#answer-14638191
+
+ }, {
+ key: "formatDate",
+ value: function formatDate(date, format) {
+ var utc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var convertToUTC = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+ var locale = this.w.globals.locale;
+ var MMMM = ['\x00'].concat(_toConsumableArray(locale.months));
+ var MMM = ['\x01'].concat(_toConsumableArray(locale.shortMonths));
+ var dddd = ['\x02'].concat(_toConsumableArray(locale.days));
+ var ddd = ['\x03'].concat(_toConsumableArray(locale.shortDays));
+
+ function ii(i, len) {
+ var s = i + '';
+ len = len || 2;
+
+ while (s.length < len) {
+ s = '0' + s;
+ }
+
+ return s;
+ }
+
+ if (convertToUTC) {
+ date = this.treatAsUtc(date);
+ }
+
+ var y = utc ? date.getUTCFullYear() : date.getFullYear();
+ format = format.replace(/(^|[^\\])yyyy+/g, '$1' + y);
+ format = format.replace(/(^|[^\\])yy/g, '$1' + y.toString().substr(2, 2));
+ format = format.replace(/(^|[^\\])y/g, '$1' + y);
+ var M = (utc ? date.getUTCMonth() : date.getMonth()) + 1;
+ format = format.replace(/(^|[^\\])MMMM+/g, '$1' + MMMM[0]);
+ format = format.replace(/(^|[^\\])MMM/g, '$1' + MMM[0]);
+ format = format.replace(/(^|[^\\])MM/g, '$1' + ii(M));
+ format = format.replace(/(^|[^\\])M/g, '$1' + M);
+ var d = utc ? date.getUTCDate() : date.getDate();
+ format = format.replace(/(^|[^\\])dddd+/g, '$1' + dddd[0]);
+ format = format.replace(/(^|[^\\])ddd/g, '$1' + ddd[0]);
+ format = format.replace(/(^|[^\\])dd/g, '$1' + ii(d));
+ format = format.replace(/(^|[^\\])d/g, '$1' + d);
+ var H = utc ? date.getUTCHours() : date.getHours();
+ format = format.replace(/(^|[^\\])HH+/g, '$1' + ii(H));
+ format = format.replace(/(^|[^\\])H/g, '$1' + H);
+ var h = H > 12 ? H - 12 : H === 0 ? 12 : H;
+ format = format.replace(/(^|[^\\])hh+/g, '$1' + ii(h));
+ format = format.replace(/(^|[^\\])h/g, '$1' + h);
+ var m = utc ? date.getUTCMinutes() : date.getMinutes();
+ format = format.replace(/(^|[^\\])mm+/g, '$1' + ii(m));
+ format = format.replace(/(^|[^\\])m/g, '$1' + m);
+ var s = utc ? date.getUTCSeconds() : date.getSeconds();
+ format = format.replace(/(^|[^\\])ss+/g, '$1' + ii(s));
+ format = format.replace(/(^|[^\\])s/g, '$1' + s);
+ var f = utc ? date.getUTCMilliseconds() : date.getMilliseconds();
+ format = format.replace(/(^|[^\\])fff+/g, '$1' + ii(f, 3));
+ f = Math.round(f / 10);
+ format = format.replace(/(^|[^\\])ff/g, '$1' + ii(f));
+ f = Math.round(f / 10);
+ format = format.replace(/(^|[^\\])f/g, '$1' + f);
+ var T = H < 12 ? 'AM' : 'PM';
+ format = format.replace(/(^|[^\\])TT+/g, '$1' + T);
+ format = format.replace(/(^|[^\\])T/g, '$1' + T.charAt(0));
+ var t = T.toLowerCase();
+ format = format.replace(/(^|[^\\])tt+/g, '$1' + t);
+ format = format.replace(/(^|[^\\])t/g, '$1' + t.charAt(0));
+ var tz = -date.getTimezoneOffset();
+ var K = utc || !tz ? 'Z' : tz > 0 ? '+' : '-';
+
+ if (!utc) {
+ tz = Math.abs(tz);
+ var tzHrs = Math.floor(tz / 60);
+ var tzMin = tz % 60;
+ K += ii(tzHrs) + ':' + ii(tzMin);
+ }
+
+ format = format.replace(/(^|[^\\])K/g, '$1' + K);
+ var day = (utc ? date.getUTCDay() : date.getDay()) + 1;
+ format = format.replace(new RegExp(dddd[0], 'g'), dddd[day]);
+ format = format.replace(new RegExp(ddd[0], 'g'), ddd[day]);
+ format = format.replace(new RegExp(MMMM[0], 'g'), MMMM[M]);
+ format = format.replace(new RegExp(MMM[0], 'g'), MMM[M]);
+ format = format.replace(/\\(.)/g, '$1');
+ return format;
+ }
+ }, {
+ key: "getTimeUnitsfromTimestamp",
+ value: function getTimeUnitsfromTimestamp(minX, maxX) {
+ var w = this.w;
+
+ if (w.config.xaxis.min !== undefined) {
+ minX = w.config.xaxis.min;
+ }
+
+ if (w.config.xaxis.max !== undefined) {
+ maxX = w.config.xaxis.max;
+ }
+
+ var minYear = new Date(minX).getFullYear();
+ var maxYear = new Date(maxX).getFullYear();
+ var minMonth = new Date(minX).getMonth();
+ var maxMonth = new Date(maxX).getMonth();
+ var minDate = new Date(minX).getDate();
+ var maxDate = new Date(maxX).getDate();
+ var minHour = new Date(minX).getHours();
+ var maxHour = new Date(maxX).getHours();
+ var minMinute = new Date(minX).getMinutes();
+ var maxMinute = new Date(maxX).getMinutes();
+ return {
+ minMinute: minMinute,
+ maxMinute: maxMinute,
+ minHour: minHour,
+ maxHour: maxHour,
+ minDate: minDate,
+ maxDate: maxDate,
+ minMonth: minMonth,
+ maxMonth: maxMonth,
+ minYear: minYear,
+ maxYear: maxYear
+ };
+ }
+ }, {
+ key: "isLeapYear",
+ value: function isLeapYear(year) {
+ return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
+ }
+ }, {
+ key: "calculcateLastDaysOfMonth",
+ value: function calculcateLastDaysOfMonth(month, year, subtract) {
+ var days = this.determineDaysOfMonths(month, year); // whatever days we get, subtract the number of days asked
+
+ return days - subtract;
+ }
+ }, {
+ key: "determineDaysOfYear",
+ value: function determineDaysOfYear(year) {
+ var days = 365;
+
+ if (this.isLeapYear(year)) {
+ days = 366;
+ }
+
+ return days;
+ }
+ }, {
+ key: "determineRemainingDaysOfYear",
+ value: function determineRemainingDaysOfYear(year, month, date) {
+ var dayOfYear = this.daysCntOfYear[month] + date;
+ if (month > 1 && this.isLeapYear()) dayOfYear++;
+ return dayOfYear;
+ }
+ }, {
+ key: "determineDaysOfMonths",
+ value: function determineDaysOfMonths(month, year) {
+ var days = 30;
+ month = Utils.monthMod(month);
+
+ switch (true) {
+ case this.months30.indexOf(month) > -1:
+ if (month === 2) {
+ if (this.isLeapYear(year)) {
+ days = 29;
+ } else {
+ days = 28;
+ }
+ }
+
+ break;
+
+ case this.months31.indexOf(month) > -1:
+ days = 31;
+ break;
+
+ default:
+ days = 31;
+ break;
+ }
+
+ return days;
+ }
+ }]);
+
+ return DateTime;
+ }();
+
+ /**
+ * ApexCharts HeatMap Class.
+ * @module HeatMap
+ **/
+
+ var HeatMap =
+ /*#__PURE__*/
+ function () {
+ function HeatMap(ctx, xyRatios) {
+ _classCallCheck(this, HeatMap);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xRatio = xyRatios.xRatio;
+ this.yRatio = xyRatios.yRatio;
+ this.dynamicAnim = this.w.config.chart.animations.dynamicAnimation;
+ this.rectRadius = this.w.config.plotOptions.heatmap.radius;
+ this.strokeWidth = this.w.config.stroke.width;
+ }
+
+ _createClass(HeatMap, [{
+ key: "draw",
+ value: function draw(series) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-heatmap'
+ });
+ ret.attr('clip-path', "url(#gridRectMask".concat(w.globals.cuid, ")")); // width divided into equal parts
+
+ var xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ var yDivision = w.globals.gridHeight / w.globals.series.length;
+ var y1 = 0;
+ var rev = false;
+ var heatSeries = series.slice();
+
+ if (w.config.yaxis[0].reversed) {
+ rev = true;
+ heatSeries.reverse();
+ }
+
+ for (var i = rev ? 0 : heatSeries.length - 1; rev ? i < heatSeries.length : i >= 0; rev ? i++ : i--) {
+ // el to which series will be drawn
+ var elSeries = graphics.group({
+ class: "apexcharts-series apexcharts-heatmap-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ rel: i + 1,
+ 'data:realIndex': i
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var shadow = w.config.chart.dropShadow;
+ var filters = new Filters(this.ctx);
+ filters.dropShadow(elSeries, shadow);
+ }
+
+ var x1 = 0;
+
+ for (var j = 0; j < heatSeries[i].length; j++) {
+ var colorShadePercent = 1;
+ var heatColorProps = this.determineHeatColor(i, j);
+
+ if (w.globals.hasNegs) {
+ var shadeIntensity = w.config.plotOptions.heatmap.shadeIntensity;
+
+ if (heatColorProps.percent < 0) {
+ colorShadePercent = 1 - (1 + heatColorProps.percent / 100) * shadeIntensity;
+ } else {
+ colorShadePercent = (1 - heatColorProps.percent / 100) * shadeIntensity;
+ }
+ } else {
+ colorShadePercent = 1 - heatColorProps.percent / 100;
+ }
+
+ var color = heatColorProps.color;
+
+ if (w.config.plotOptions.heatmap.enableShades) {
+ var utils = new Utils();
+ color = Utils.hexToRgba(utils.shadeColor(colorShadePercent, heatColorProps.color), w.config.fill.opacity);
+ }
+
+ var radius = this.rectRadius;
+ var rect = graphics.drawRect(x1, y1, xDivision, yDivision, radius);
+ rect.attr({
+ cx: x1,
+ cy: y1
+ });
+ rect.node.classList.add('apexcharts-heatmap-rect');
+ elSeries.add(rect);
+ rect.attr({
+ fill: color,
+ i: i,
+ index: i,
+ j: j,
+ val: heatSeries[i][j],
+ 'stroke-width': this.strokeWidth,
+ stroke: w.globals.stroke.colors[0],
+ color: color
+ });
+ rect.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this, rect));
+ rect.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this, rect));
+ rect.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this, rect));
+
+ if (w.config.chart.animations.enabled && !w.globals.dataChanged) {
+ var speed = 1;
+
+ if (!w.globals.resized) {
+ speed = w.config.chart.animations.speed;
+ }
+
+ this.animateHeatMap(rect, x1, y1, xDivision, yDivision, speed);
+ }
+
+ if (w.globals.dataChanged) {
+ var _speed = 1;
+
+ if (this.dynamicAnim.enabled && w.globals.shouldAnimate) {
+ _speed = this.dynamicAnim.speed;
+ var colorFrom = w.globals.previousPaths[i] && w.globals.previousPaths[i][j] && w.globals.previousPaths[i][j].color;
+ if (!colorFrom) colorFrom = 'rgba(255, 255, 255, 0)';
+ this.animateHeatColor(rect, Utils.isColorHex(colorFrom) ? colorFrom : Utils.rgb2hex(colorFrom), Utils.isColorHex(color) ? color : Utils.rgb2hex(color), _speed);
+ }
+ }
+
+ var dataLabels = this.calculateHeatmapDataLabels({
+ x: x1,
+ y: y1,
+ i: i,
+ j: j,
+ series: heatSeries,
+ rectHeight: yDivision,
+ rectWidth: xDivision
+ });
+
+ if (dataLabels !== null) {
+ elSeries.add(dataLabels);
+ }
+
+ x1 = x1 + xDivision;
+ }
+
+ y1 = y1 + yDivision;
+ ret.add(elSeries);
+ } // adjust yaxis labels for heatmap
+
+
+ var yAxisScale = w.globals.yAxisScale[0].result.slice();
+
+ if (w.config.yaxis[0].reversed) {
+ yAxisScale.unshift('');
+ } else {
+ yAxisScale.push('');
+ }
+
+ w.globals.yAxisScale[0].result = yAxisScale;
+ var divisor = w.globals.gridHeight / w.globals.series.length;
+ w.config.yaxis[0].labels.offsetY = -(divisor / 2);
+ return ret;
+ }
+ }, {
+ key: "determineHeatColor",
+ value: function determineHeatColor(i, j) {
+ var w = this.w;
+ var val = w.globals.series[i][j];
+ var heatmap = w.config.plotOptions.heatmap;
+ var seriesNumber = heatmap.colorScale.inverse ? j : i;
+ var color = w.globals.colors[seriesNumber];
+ var min = Math.min.apply(Math, _toConsumableArray(w.globals.series[i]));
+ var max = Math.max.apply(Math, _toConsumableArray(w.globals.series[i]));
+
+ if (!heatmap.distributed) {
+ min = w.globals.minY;
+ max = w.globals.maxY;
+ }
+
+ if (typeof heatmap.colorScale.min !== 'undefined') {
+ min = heatmap.colorScale.min < w.globals.minY ? heatmap.colorScale.min : w.globals.minY;
+ max = heatmap.colorScale.max > w.globals.maxY ? heatmap.colorScale.max : w.globals.maxY;
+ }
+
+ var total = Math.abs(max) + Math.abs(min);
+ var percent = 100 * val / (total === 0 ? total - 0.000001 : total);
+
+ if (heatmap.colorScale.ranges.length > 0) {
+ var colorRange = heatmap.colorScale.ranges;
+ colorRange.map(function (range, index) {
+ if (val >= range.from && val <= range.to) {
+ color = range.color;
+ min = range.from;
+ max = range.to;
+ total = Math.abs(max) + Math.abs(min);
+ percent = 100 * val / total;
+ }
+ });
+ }
+
+ return {
+ color: color,
+ percent: percent
+ };
+ }
+ }, {
+ key: "calculateHeatmapDataLabels",
+ value: function calculateHeatmapDataLabels(_ref) {
+ var x = _ref.x,
+ y = _ref.y,
+ i = _ref.i,
+ j = _ref.j,
+ series = _ref.series,
+ rectHeight = _ref.rectHeight,
+ rectWidth = _ref.rectWidth;
+ var w = this.w; // let graphics = new Graphics(this.ctx)
+
+ var dataLabelsConfig = w.config.dataLabels;
+ var graphics = new Graphics(this.ctx);
+ var dataLabels = new DataLabels(this.ctx);
+ var formatter = dataLabelsConfig.formatter;
+ var elDataLabelsWrap = null;
+
+ if (dataLabelsConfig.enabled) {
+ elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-data-labels'
+ });
+ var offX = dataLabelsConfig.offsetX;
+ var offY = dataLabelsConfig.offsetY;
+ var dataLabelsX = x + rectWidth / 2 + offX;
+ var dataLabelsY = y + rectHeight / 2 + parseInt(dataLabelsConfig.style.fontSize) / 3 + offY;
+ var text = formatter(w.globals.series[i][j], {
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ dataLabels.plotDataLabelsText({
+ x: dataLabelsX,
+ y: dataLabelsY,
+ text: text,
+ i: i,
+ j: j,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig
+ });
+ }
+
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "animateHeatMap",
+ value: function animateHeatMap(el, x, y, width, height, speed) {
+ var _this = this;
+
+ var animations = new Animations(this.ctx);
+ animations.animateRect(el, {
+ x: x + width / 2,
+ y: y + height / 2,
+ width: 0,
+ height: 0
+ }, {
+ x: x,
+ y: y,
+ width: width,
+ height: height
+ }, speed, function () {
+ _this.w.globals.animationEnded = true;
+ });
+ }
+ }, {
+ key: "animateHeatColor",
+ value: function animateHeatColor(el, colorFrom, colorTo, speed) {
+ el.attr({
+ fill: colorFrom
+ }).animate(speed).attr({
+ fill: colorTo
+ });
+ }
+ }]);
+
+ return HeatMap;
+ }();
+
+ /**
+ * ApexCharts Pie Class for drawing Pie / Donut Charts.
+ * @module Pie
+ **/
+
+ var Pie =
+ /*#__PURE__*/
+ function () {
+ function Pie(ctx) {
+ _classCallCheck(this, Pie);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.chartType = this.w.config.chart.type;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ this.animBeginArr = [0];
+ this.animDur = 0;
+ this.donutDataLabels = this.w.config.plotOptions.pie.donut.labels;
+ var w = this.w;
+ this.lineColorArr = w.globals.stroke.colors !== undefined ? w.globals.stroke.colors : w.globals.colors;
+ this.defaultSize = w.globals.svgHeight < w.globals.svgWidth ? w.globals.svgHeight - 35 : w.globals.gridWidth;
+ this.centerY = this.defaultSize / 2;
+ this.centerX = w.globals.gridWidth / 2;
+ this.fullAngle = 360;
+ this.size = 0;
+ this.donutSize = 0;
+ this.sliceLabels = [];
+ this.prevSectorAngleArr = []; // for dynamic animations
+ }
+
+ _createClass(Pie, [{
+ key: "draw",
+ value: function draw(series) {
+ var self = this;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-pie'
+ });
+ var total = 0;
+
+ for (var k = 0; k < series.length; k++) {
+ // CALCULATE THE TOTAL
+ total += Utils.negToZero(series[k]);
+ }
+
+ var sectorAngleArr = []; // el to which series will be drawn
+
+ var elSeries = graphics.group(); // prevent division by zero error if there is no data
+
+ if (total === 0) {
+ total = 0.00001;
+ }
+
+ for (var i = 0; i < series.length; i++) {
+ // CALCULATE THE ANGLES
+ var angle = this.fullAngle * Utils.negToZero(series[i]) / total;
+ sectorAngleArr.push(angle);
+ }
+
+ if (w.globals.dataChanged) {
+ var prevTotal = 0;
+
+ for (var _k = 0; _k < w.globals.previousPaths.length; _k++) {
+ // CALCULATE THE PREV TOTAL
+ prevTotal += Utils.negToZero(w.globals.previousPaths[_k]);
+ }
+
+ var previousAngle;
+
+ for (var _i = 0; _i < w.globals.previousPaths.length; _i++) {
+ // CALCULATE THE PREVIOUS ANGLES
+ previousAngle = this.fullAngle * Utils.negToZero(w.globals.previousPaths[_i]) / prevTotal;
+ this.prevSectorAngleArr.push(previousAngle);
+ }
+ }
+
+ this.size = this.defaultSize / 2.05 - w.config.stroke.width - w.config.chart.dropShadow.blur;
+
+ if (w.config.plotOptions.pie.size !== undefined) {
+ this.size = w.config.plotOptions.pie.size;
+ }
+
+ this.donutSize = this.size * parseInt(w.config.plotOptions.pie.donut.size) / 100;
+ var scaleSize = w.config.plotOptions.pie.customScale;
+ var halfW = w.globals.gridWidth / 2;
+ var halfH = w.globals.gridHeight / 2;
+ var translateX = halfW - w.globals.gridWidth / 2 * scaleSize;
+ var translateY = halfH - w.globals.gridHeight / 2 * scaleSize;
+
+ if (this.donutDataLabels.show) {
+ var dataLabels = this.renderInnerDataLabels(this.donutDataLabels, {
+ hollowSize: this.donutSize,
+ centerX: this.centerX,
+ centerY: this.centerY,
+ opacity: this.donutDataLabels.show,
+ translateX: translateX,
+ translateY: translateY
+ });
+ ret.add(dataLabels);
+ }
+
+ if (w.config.chart.type === 'donut') {
+ // draw the inner circle and add some text to it
+ var circle = graphics.drawCircle(this.donutSize);
+ circle.attr({
+ cx: this.centerX,
+ cy: this.centerY,
+ fill: w.config.plotOptions.pie.donut.background
+ });
+ elSeries.add(circle);
+ }
+
+ var elG = self.drawArcs(sectorAngleArr, series); // add slice dataLabels at the end
+
+ this.sliceLabels.forEach(function (s) {
+ elG.add(s);
+ });
+ elSeries.attr({
+ transform: "translate(".concat(translateX, ", ").concat(translateY - 5, ") scale(").concat(scaleSize, ")")
+ });
+ ret.attr({
+ 'data:innerTranslateX': translateX,
+ 'data:innerTranslateY': translateY - 25
+ });
+ elSeries.add(elG);
+ ret.add(elSeries);
+ return ret;
+ } // core function for drawing pie arcs
+
+ }, {
+ key: "drawArcs",
+ value: function drawArcs(sectorAngleArr, series) {
+ var w = this.w;
+ var filters = new Filters(this.ctx);
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var g = graphics.group();
+ var startAngle = 0;
+ var prevStartAngle = 0;
+ var endAngle = 0;
+ var prevEndAngle = 0;
+ this.strokeWidth = w.config.stroke.show ? w.config.stroke.width : 0;
+
+ for (var i = 0; i < sectorAngleArr.length; i++) {
+ // if(sectorAngleArr[i]>0) {
+ var elPieArc = graphics.group({
+ class: "apexcharts-series apexcharts-pie-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ id: 'apexcharts-series-' + i,
+ rel: i + 1
+ });
+ g.add(elPieArc);
+ startAngle = endAngle;
+ prevStartAngle = prevEndAngle;
+ endAngle = startAngle + sectorAngleArr[i];
+ prevEndAngle = prevStartAngle + this.prevSectorAngleArr[i];
+ var angle = endAngle - startAngle;
+ var pathFill = fill.fillPath({
+ seriesNumber: i,
+ size: this.size
+ }); // additionaly, pass size for gradient drawing in the fillPath function
+
+ var path = this.getChangedPath(prevStartAngle, prevEndAngle);
+ var elPath = graphics.drawPath({
+ d: path,
+ stroke: this.lineColorArr instanceof Array ? this.lineColorArr[i] : this.lineColorArr,
+ strokeWidth: this.strokeWidth,
+ fill: pathFill,
+ fillOpacity: w.config.fill.opacity,
+ classes: 'apexcharts-pie-area'
+ });
+ elPath.attr({
+ id: "apexcharts-".concat(w.config.chart.type, "-slice-").concat(i),
+ index: 0,
+ j: i
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(elPath, shadow);
+ }
+
+ this.addListeners(elPath, this.donutDataLabels);
+ Graphics.setAttrs(elPath.node, {
+ 'data:angle': angle,
+ 'data:startAngle': startAngle,
+ 'data:strokeWidth': this.strokeWidth,
+ 'data:value': series[i]
+ });
+ var labelPosition = {
+ x: 0,
+ y: 0
+ };
+
+ if (w.config.chart.type === 'pie') {
+ labelPosition = Utils.polarToCartesian(this.centerX, this.centerY, this.size / 1.25 + w.config.plotOptions.pie.dataLabels.offset, startAngle + (endAngle - startAngle) / 2);
+ } else if (w.config.chart.type === 'donut') {
+ labelPosition = Utils.polarToCartesian(this.centerX, this.centerY, (this.size + this.donutSize) / 2 + w.config.plotOptions.pie.dataLabels.offset, startAngle + (endAngle - startAngle) / 2);
+ }
+
+ elPieArc.add(elPath); // Animation code starts
+
+ var dur = 0;
+
+ if (this.initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / this.fullAngle * w.config.chart.animations.speed;
+ this.animDur = dur + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ } else {
+ this.animBeginArr.push(0);
+ }
+
+ if (this.dynamicAnim && w.globals.dataChanged) {
+ this.animatePaths(elPath, {
+ endAngle: endAngle,
+ startAngle: startAngle,
+ prevStartAngle: prevStartAngle,
+ prevEndAngle: prevEndAngle,
+ animateStartingPos: true,
+ i: i,
+ animBeginArr: this.animBeginArr,
+ dur: w.config.chart.animations.dynamicAnimation.speed
+ });
+ } else {
+ this.animatePaths(elPath, {
+ endAngle: endAngle,
+ startAngle: startAngle,
+ i: i,
+ totalItems: sectorAngleArr.length - 1,
+ animBeginArr: this.animBeginArr,
+ dur: dur
+ });
+ } // animation code ends
+
+
+ if (w.config.plotOptions.pie.expandOnClick) {
+ elPath.click(this.pieClicked.bind(this, i));
+ }
+
+ if (w.config.dataLabels.enabled) {
+ var xPos = labelPosition.x;
+ var yPos = labelPosition.y;
+ var text = 100 * (endAngle - startAngle) / 360 + '%';
+
+ if (angle !== 0) {
+ var formatter = w.config.dataLabels.formatter;
+
+ if (formatter !== undefined) {
+ text = formatter(w.globals.seriesPercent[i][0], {
+ seriesIndex: i,
+ w: w
+ });
+ }
+
+ var foreColor = w.globals.dataLabels.style.colors[i];
+ var elPieLabel = graphics.drawText({
+ x: xPos,
+ y: yPos,
+ text: text,
+ textAnchor: 'middle',
+ fontSize: w.config.dataLabels.style.fontSize,
+ fontFamily: w.config.dataLabels.style.fontFamily,
+ foreColor: foreColor
+ });
+
+ if (w.config.dataLabels.dropShadow.enabled) {
+ var textShadow = w.config.dataLabels.dropShadow;
+
+ var _filters = new Filters(this.ctx);
+
+ _filters.dropShadow(elPieLabel, textShadow);
+ }
+
+ elPieLabel.node.classList.add('apexcharts-pie-label');
+
+ if (w.config.chart.animations.animate && w.globals.resized === false) {
+ elPieLabel.node.classList.add('apexcharts-pie-label-delay');
+ elPieLabel.node.style.animationDelay = w.config.chart.animations.speed / 940 + 's';
+ }
+
+ this.sliceLabels.push(elPieLabel);
+ }
+ } // }
+
+ }
+
+ return g;
+ }
+ }, {
+ key: "addListeners",
+ value: function addListeners(elPath, dataLabels) {
+ var graphics = new Graphics(this.ctx); // append filters on mouseenter and mouseleave
+
+ elPath.node.addEventListener('mouseenter', graphics.pathMouseEnter.bind(this, elPath));
+ elPath.node.addEventListener('mouseenter', this.printDataLabelsInner.bind(this, elPath.node, dataLabels));
+ elPath.node.addEventListener('mouseleave', graphics.pathMouseLeave.bind(this, elPath));
+ elPath.node.addEventListener('mouseleave', this.revertDataLabelsInner.bind(this, elPath.node, dataLabels));
+ elPath.node.addEventListener('mousedown', graphics.pathMouseDown.bind(this, elPath));
+ elPath.node.addEventListener('mousedown', this.printDataLabelsInner.bind(this, elPath.node, dataLabels));
+ } // This function can be used for other circle charts too
+
+ }, {
+ key: "animatePaths",
+ value: function animatePaths(el, opts) {
+ var w = this.w;
+ var me = this;
+ var angle = opts.endAngle - opts.startAngle;
+ var prevAngle = angle;
+ var fromStartAngle = opts.startAngle;
+ var toStartAngle = opts.startAngle;
+
+ if (opts.prevStartAngle !== undefined && opts.prevEndAngle !== undefined) {
+ fromStartAngle = opts.prevEndAngle;
+ prevAngle = opts.prevEndAngle - opts.prevStartAngle;
+ }
+
+ if (opts.i === w.config.series.length - 1) {
+ // some adjustments for the last overlapping paths
+ if (angle + toStartAngle > this.fullAngle) {
+ opts.endAngle = opts.endAngle - (angle + toStartAngle);
+ } else if (angle + toStartAngle < this.fullAngle) {
+ opts.endAngle = opts.endAngle + (this.fullAngle - (angle + toStartAngle));
+ }
+ }
+
+ if (angle === this.fullAngle) angle = this.fullAngle - 0.01;
+ me.animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, opts);
+ }
+ }, {
+ key: "animateArc",
+ value: function animateArc(el, fromStartAngle, toStartAngle, angle, prevAngle, opts) {
+ var me = this;
+ var w = this.w;
+ var size = me.size;
+
+ if (!size) {
+ size = opts.size;
+ }
+
+ var path;
+
+ if (isNaN(fromStartAngle) || isNaN(prevAngle)) {
+ fromStartAngle = toStartAngle;
+ prevAngle = angle;
+ opts.dur = 0;
+ }
+
+ var currAngle = angle;
+ var startAngle = toStartAngle;
+ var fromAngle = fromStartAngle - toStartAngle;
+
+ if (w.globals.dataChanged && opts.shouldSetPrevPaths) {
+ // to avoid flickering, set prev path first and then we will animate from there
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: prevAngle,
+ size: size
+ });
+ el.attr({
+ d: path
+ });
+ }
+
+ if (opts.dur !== 0) {
+ el.animate(opts.dur, w.globals.easing, opts.animBeginArr[opts.i]).afterAll(function () {
+ if (w.config.chart.type === 'pie' || w.config.chart.type === 'donut') {
+ this.animate(300).attr({
+ 'stroke-width': w.config.stroke.width
+ });
+ }
+
+ w.globals.animationEnded = true;
+ }).during(function (pos) {
+ currAngle = fromAngle + (angle - fromAngle) * pos;
+
+ if (opts.animateStartingPos) {
+ currAngle = prevAngle + (angle - prevAngle) * pos;
+ startAngle = fromStartAngle - prevAngle + (toStartAngle - (fromStartAngle - prevAngle)) * pos;
+ }
+
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: currAngle,
+ size: size
+ });
+ el.node.setAttribute('data:pathOrig', path);
+ el.attr({
+ d: path
+ });
+ });
+ } else {
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: angle,
+ size: size
+ });
+
+ if (!opts.isTrack) {
+ w.globals.animationEnded = true;
+ }
+
+ el.node.setAttribute('data:pathOrig', path);
+ el.attr({
+ d: path
+ });
+ }
+ }
+ }, {
+ key: "pieClicked",
+ value: function pieClicked(i) {
+ var w = this.w;
+ var me = this;
+ var path;
+ var size = me.size + 4;
+ var elPath = w.globals.dom.Paper.select("#apexcharts-".concat(w.config.chart.type.toLowerCase(), "-slice-").concat(i)).members[0];
+ var pathFrom = elPath.attr('d');
+
+ if (elPath.attr('data:pieClicked') === 'true') {
+ elPath.attr({
+ 'data:pieClicked': 'false'
+ });
+ var origPath = elPath.attr('data:pathOrig');
+ elPath.attr({
+ d: origPath
+ });
+ return;
+ } else {
+ // reset all elems
+ var allEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-pie-area');
+ Array.prototype.forEach.call(allEls, function (pieSlice) {
+ pieSlice.setAttribute('data:pieClicked', 'false');
+ var origPath = pieSlice.getAttribute('data:pathOrig');
+ pieSlice.setAttribute('d', origPath);
+ });
+ elPath.attr('data:pieClicked', 'true');
+ }
+
+ var startAngle = parseInt(elPath.attr('data:startAngle'));
+ var angle = parseInt(elPath.attr('data:angle'));
+ path = me.getPiePath({
+ me: me,
+ startAngle: startAngle,
+ angle: angle,
+ size: size
+ });
+ if (angle === 360) return;
+ elPath.plot(path).animate(1).plot(pathFrom).animate(100).plot(path);
+ }
+ }, {
+ key: "getChangedPath",
+ value: function getChangedPath(prevStartAngle, prevEndAngle) {
+ var path = '';
+
+ if (this.dynamicAnim && this.w.globals.dataChanged) {
+ path = this.getPiePath({
+ me: this,
+ startAngle: prevStartAngle,
+ angle: prevEndAngle - prevStartAngle,
+ size: this.size
+ });
+ }
+
+ return path;
+ }
+ }, {
+ key: "getPiePath",
+ value: function getPiePath(_ref) {
+ var me = _ref.me,
+ startAngle = _ref.startAngle,
+ angle = _ref.angle,
+ size = _ref.size;
+ var w = this.w;
+ var path;
+ var startDeg = startAngle;
+ var startRadians = Math.PI * (startDeg - 90) / 180;
+ var endDeg = angle + startAngle;
+ if (Math.ceil(endDeg) >= 360) endDeg = 359.99;
+ var endRadians = Math.PI * (endDeg - 90) / 180;
+ var x1 = me.centerX + size * Math.cos(startRadians);
+ var y1 = me.centerY + size * Math.sin(startRadians);
+ var x2 = me.centerX + size * Math.cos(endRadians);
+ var y2 = me.centerY + size * Math.sin(endRadians);
+ var startInner = Utils.polarToCartesian(me.centerX, me.centerY, me.donutSize, endDeg);
+ var endInner = Utils.polarToCartesian(me.centerX, me.centerY, me.donutSize, startDeg);
+ var largeArc = angle > 180 ? 1 : 0;
+
+ if (w.config.chart.type === 'donut') {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2, 'L', startInner.x, startInner.y, 'A', me.donutSize, me.donutSize, 0, largeArc, 0, endInner.x, endInner.y, 'L', x1, y1, 'z'].join(' ');
+ } else if (w.config.chart.type === 'pie') {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2, 'L', me.centerX, me.centerY, 'L', x1, y1].join(' ');
+ } else {
+ path = ['M', x1, y1, 'A', size, size, 0, largeArc, 1, x2, y2].join(' ');
+ }
+
+ return path;
+ }
+ }, {
+ key: "renderInnerDataLabels",
+ value: function renderInnerDataLabels(dataLabelsConfig, opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var g = graphics.group({
+ class: 'apexcharts-datalabels-group',
+ transform: "translate(".concat(opts.translateX ? opts.translateX : 0, ", ").concat(opts.translateY ? opts.translateY : 0, ")")
+ });
+ var showTotal = dataLabelsConfig.total.show;
+ g.node.style.opacity = opts.opacity;
+ var x = opts.centerX;
+ var y = opts.centerY;
+ var labelColor, valueColor;
+
+ if (dataLabelsConfig.name.color === undefined) {
+ labelColor = w.globals.colors[0];
+ } else {
+ labelColor = dataLabelsConfig.name.color;
+ }
+
+ if (dataLabelsConfig.value.color === undefined) {
+ valueColor = w.config.chart.foreColor;
+ } else {
+ valueColor = dataLabelsConfig.value.color;
+ }
+
+ var lbFormatter = dataLabelsConfig.value.formatter;
+ var val = '';
+ var name = '';
+
+ if (showTotal) {
+ labelColor = dataLabelsConfig.total.color;
+ name = dataLabelsConfig.total.label;
+ val = dataLabelsConfig.total.formatter(w);
+ } else {
+ if (w.globals.series.length === 1) {
+ val = lbFormatter(w.globals.series[0], w);
+ name = w.globals.seriesNames[0];
+ }
+ }
+
+ if (dataLabelsConfig.name.show) {
+ var elLabel = graphics.drawText({
+ x: x,
+ y: y + parseInt(dataLabelsConfig.name.offsetY),
+ text: name,
+ textAnchor: 'middle',
+ foreColor: labelColor,
+ fontSize: dataLabelsConfig.name.fontSize,
+ fontFamily: dataLabelsConfig.name.fontFamily
+ });
+ elLabel.node.classList.add('apexcharts-datalabel-label');
+ g.add(elLabel);
+ }
+
+ if (dataLabelsConfig.value.show) {
+ var valOffset = dataLabelsConfig.name.show ? parseInt(dataLabelsConfig.value.offsetY) + 16 : dataLabelsConfig.value.offsetY;
+ var elValue = graphics.drawText({
+ x: x,
+ y: y + valOffset,
+ text: val,
+ textAnchor: 'middle',
+ foreColor: valueColor,
+ fontSize: dataLabelsConfig.value.fontSize,
+ fontFamily: dataLabelsConfig.value.fontFamily
+ });
+ elValue.node.classList.add('apexcharts-datalabel-value');
+ g.add(elValue);
+ } // for a multi-series circle chart, we need to show total value instead of first series labels
+
+
+ return g;
+ }
+ /**
+ *
+ * @param {string} name - The name of the series
+ * @param {string} val - The value of that series
+ * @param {object} el - Optional el (indicates which series was hovered/clicked). If this param is not present, means we need to show total
+ */
+
+ }, {
+ key: "printInnerLabels",
+ value: function printInnerLabels(labelsConfig, name, val, el) {
+ var w = this.w;
+ var labelColor;
+
+ if (el) {
+ if (labelsConfig.name.color === undefined) {
+ labelColor = w.globals.colors[parseInt(el.parentNode.getAttribute('rel')) - 1];
+ } else {
+ labelColor = labelsConfig.name.color;
+ }
+ } else {
+ if (w.globals.series.length > 1 && labelsConfig.total.show) {
+ labelColor = labelsConfig.total.color;
+ }
+ }
+
+ var elLabel = w.globals.dom.baseEl.querySelector('.apexcharts-datalabel-label');
+ var elValue = w.globals.dom.baseEl.querySelector('.apexcharts-datalabel-value');
+ var lbFormatter = labelsConfig.value.formatter;
+ val = lbFormatter(val, w); // we need to show Total Val - so get the formatter of it
+
+ if (!el && typeof labelsConfig.total.formatter === 'function') {
+ val = labelsConfig.total.formatter(w);
+ }
+
+ if (elLabel !== null) {
+ elLabel.textContent = name;
+ }
+
+ if (elValue !== null) {
+ elValue.textContent = val;
+ }
+
+ if (elLabel !== null) {
+ elLabel.style.fill = labelColor;
+ }
+ }
+ }, {
+ key: "printDataLabelsInner",
+ value: function printDataLabelsInner(el, dataLabelsConfig) {
+ var w = this.w;
+ var val = el.getAttribute('data:value');
+ var name = w.globals.seriesNames[parseInt(el.parentNode.getAttribute('rel')) - 1];
+
+ if (w.globals.series.length > 1) {
+ this.printInnerLabels(dataLabelsConfig, name, val, el);
+ }
+
+ var dataLabelsGroup = w.globals.dom.baseEl.querySelector('.apexcharts-datalabels-group');
+
+ if (dataLabelsGroup !== null) {
+ dataLabelsGroup.style.opacity = 1;
+ }
+ }
+ }, {
+ key: "revertDataLabelsInner",
+ value: function revertDataLabelsInner(el, dataLabelsConfig) {
+ var w = this.w;
+ var dataLabelsGroup = w.globals.dom.baseEl.querySelector('.apexcharts-datalabels-group');
+
+ if (dataLabelsConfig.total.show && w.globals.series.length > 1) {
+ var pie = new Pie(this.ctx);
+ pie.printInnerLabels(dataLabelsConfig, dataLabelsConfig.total.label, dataLabelsConfig.total.formatter(w));
+ } else {
+ if (w.globals.selectedDataPoints.length && w.globals.series.length > 1) {
+ if (w.globals.selectedDataPoints[0].length > 0) {
+ var index = w.globals.selectedDataPoints[0];
+
+ var _el = w.globals.dom.baseEl.querySelector("#apexcharts-".concat(w.config.chart.type.toLowerCase(), "-slice-").concat(index));
+
+ this.printDataLabelsInner(_el, dataLabelsConfig);
+ } else if (w.globals.selectedDataPoints.length && w.globals.selectedDataPoints[0].length === 0) {
+ dataLabelsGroup.style.opacity = 0;
+ }
+ } else {
+ if (dataLabelsGroup !== null && w.globals.series.length > 1) {
+ dataLabelsGroup.style.opacity = 0;
+ }
+ }
+ }
+ }
+ }]);
+
+ return Pie;
+ }();
+
+ /**
+ * ApexCharts Radar Class for Spider/Radar Charts.
+ * @module Radar
+ **/
+
+ var Radar =
+ /*#__PURE__*/
+ function () {
+ function Radar(ctx) {
+ _classCallCheck(this, Radar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.chartType = this.w.config.chart.type;
+ this.initialAnim = this.w.config.chart.animations.enabled;
+ this.dynamicAnim = this.initialAnim && this.w.config.chart.animations.dynamicAnimation.enabled;
+ this.animDur = 0;
+ var w = this.w;
+ this.graphics = new Graphics(this.ctx);
+ this.lineColorArr = w.globals.stroke.colors !== undefined ? w.globals.stroke.colors : w.globals.colors;
+ this.defaultSize = w.globals.svgHeight < w.globals.svgWidth ? w.globals.svgHeight - 35 : w.globals.gridWidth;
+ this.maxValue = this.w.globals.maxY;
+ this.polygons = w.config.plotOptions.radar.polygons;
+ this.maxLabelWidth = 20;
+ var longestLabel = w.globals.labels.slice().sort(function (a, b) {
+ return b.length - a.length;
+ })[0];
+ var labelWidth = this.graphics.getTextRects(longestLabel, w.config.dataLabels.style.fontSize);
+ this.size = this.defaultSize / 2.1 - w.config.stroke.width - w.config.chart.dropShadow.blur - labelWidth.width / 1.75;
+
+ if (w.config.plotOptions.radar.size !== undefined) {
+ this.size = w.config.plotOptions.radar.size;
+ }
+
+ this.dataRadiusOfPercent = [];
+ this.dataRadius = [];
+ this.angleArr = [];
+ this.yaxisLabelsTextsPos = [];
+ }
+
+ _createClass(Radar, [{
+ key: "draw",
+ value: function draw(series) {
+ var _this = this;
+
+ var w = this.w;
+ var fill = new Fill(this.ctx);
+ var allSeries = [];
+ this.dataPointsLen = series[w.globals.maxValsInArrayIndex].length;
+ this.disAngle = Math.PI * 2 / this.dataPointsLen;
+ var halfW = w.globals.gridWidth / 2;
+ var halfH = w.globals.gridHeight / 2;
+ var translateX = halfW;
+ var translateY = halfH;
+ var ret = this.graphics.group({
+ class: 'apexcharts-radar-series',
+ 'data:innerTranslateX': translateX,
+ 'data:innerTranslateY': translateY - 25,
+ transform: "translate(".concat(translateX || 0, ", ").concat(translateY || 0, ")")
+ });
+ var dataPointsPos = [];
+ var elPointsMain = null;
+ this.yaxisLabels = this.graphics.group({
+ class: 'apexcharts-yaxis'
+ });
+ series.forEach(function (s, i) {
+ // el to which series will be drawn
+ var elSeries = _this.graphics.group().attr({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[i])),
+ rel: i + 1,
+ 'data:realIndex': i
+ });
+
+ _this.dataRadiusOfPercent[i] = [];
+ _this.dataRadius[i] = [];
+ _this.angleArr[i] = [];
+ s.forEach(function (dv, j) {
+ _this.dataRadiusOfPercent[i][j] = dv / _this.maxValue;
+ _this.dataRadius[i][j] = _this.dataRadiusOfPercent[i][j] * _this.size;
+ _this.angleArr[i][j] = j * _this.disAngle;
+ });
+ dataPointsPos = _this.getDataPointsPos(_this.dataRadius[i], _this.angleArr[i]);
+
+ var paths = _this.createPaths(dataPointsPos, {
+ x: 0,
+ y: 0
+ }); // points
+
+
+ elPointsMain = _this.graphics.group({
+ class: 'apexcharts-series-markers-wrap hidden'
+ });
+ w.globals.delayedElements.push({
+ el: elPointsMain.node,
+ index: i
+ });
+ var defaultRenderedPathOptions = {
+ i: i,
+ realIndex: i,
+ animationDelay: i,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-radar",
+ id: "apexcharts-radar",
+ shouldClipToGrid: false,
+ bindEventsOnPaths: false,
+ stroke: w.globals.stroke.colors[i],
+ strokeLineCap: w.config.stroke.lineCap
+ };
+ var pathFrom = null;
+
+ if (w.globals.previousPaths.length > 0) {
+ pathFrom = _this.getPathFrom(i);
+ }
+
+ for (var p = 0; p < paths.linePathsTo.length; p++) {
+ var renderedLinePath = _this.graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFrom === null ? paths.linePathsFrom[p] : pathFrom,
+ pathTo: paths.linePathsTo[p],
+ strokeWidth: Array.isArray(w.config.stroke.width) ? w.config.stroke.width[i] : w.config.stroke.width,
+ fill: 'none'
+ }));
+
+ elSeries.add(renderedLinePath);
+ var pathFill = fill.fillPath({
+ seriesNumber: i
+ });
+
+ var renderedAreaPath = _this.graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFrom === null ? paths.areaPathsFrom[p] : pathFrom,
+ pathTo: paths.areaPathsTo[p],
+ strokeWidth: 0,
+ fill: pathFill
+ }));
+
+ if (w.config.chart.dropShadow.enabled) {
+ var filters = new Filters(_this.ctx);
+ var shadow = w.config.chart.dropShadow;
+ filters.dropShadow(renderedAreaPath, _objectSpread({}, shadow, {
+ noUserSpaceOnUse: true
+ }));
+ }
+
+ elSeries.add(renderedAreaPath);
+ }
+
+ s.forEach(function (sj, j) {
+ var markers = new Markers(_this.ctx);
+ var opts = markers.getMarkerConfig('apexcharts-marker', i);
+
+ var point = _this.graphics.drawMarker(dataPointsPos[j].x, dataPointsPos[j].y, opts);
+
+ point.attr('rel', j);
+ point.attr('j', j);
+ point.attr('index', i);
+ point.node.setAttribute('default-marker-size', opts.pSize);
+
+ var elPointsWrap = _this.graphics.group({
+ class: 'apexcharts-series-markers'
+ });
+
+ if (elPointsWrap) {
+ elPointsWrap.add(point);
+ }
+
+ elPointsMain.add(elPointsWrap);
+ elSeries.add(elPointsMain);
+ });
+ allSeries.push(elSeries);
+ });
+ this.drawPolygons({
+ parent: ret
+ });
+
+ if (w.config.dataLabels.enabled) {
+ var dataLabels = this.drawLabels();
+ ret.add(dataLabels);
+ }
+
+ ret.add(this.yaxisLabels);
+ allSeries.forEach(function (elS) {
+ ret.add(elS);
+ });
+ return ret;
+ }
+ }, {
+ key: "drawPolygons",
+ value: function drawPolygons(opts) {
+ var _this2 = this;
+
+ var w = this.w;
+ var parent = opts.parent;
+ var yaxisTexts = w.globals.yAxisScale[0].result.reverse();
+ var layers = yaxisTexts.length;
+ var radiusSizes = [];
+ var layerDis = this.size / (layers - 1);
+
+ for (var i = 0; i < layers; i++) {
+ radiusSizes[i] = layerDis * i;
+ }
+
+ radiusSizes.reverse();
+ var polygonStrings = [];
+ var lines = [];
+ radiusSizes.forEach(function (radiusSize, r) {
+ var polygon = _this2.getPolygonPos(radiusSize);
+
+ var string = '';
+ polygon.forEach(function (p, i) {
+ if (r === 0) {
+ var line = _this2.graphics.drawLine(p.x, p.y, 0, 0, Array.isArray(_this2.polygons.connectorColors) ? _this2.polygons.connectorColors[i] : _this2.polygons.connectorColors);
+
+ lines.push(line);
+ }
+
+ if (i === 0) {
+ _this2.yaxisLabelsTextsPos.push({
+ x: p.x,
+ y: p.y
+ });
+ }
+
+ string += p.x + ',' + p.y + ' ';
+ });
+ polygonStrings.push(string);
+ });
+ polygonStrings.forEach(function (p, i) {
+ var strokeColors = _this2.polygons.strokeColors;
+
+ var polygon = _this2.graphics.drawPolygon(p, Array.isArray(strokeColors) ? strokeColors[i] : strokeColors, w.globals.radarPolygons.fill.colors[i]);
+
+ parent.add(polygon);
+ });
+ lines.forEach(function (l) {
+ parent.add(l);
+ });
+
+ if (w.config.yaxis[0].show) {
+ this.yaxisLabelsTextsPos.forEach(function (p, i) {
+ var yText = _this2.drawYAxisText(p.x, p.y, i, yaxisTexts[i]);
+
+ _this2.yaxisLabels.add(yText);
+ });
+ }
+ }
+ }, {
+ key: "drawYAxisText",
+ value: function drawYAxisText(x, y, i, text) {
+ var w = this.w;
+ var yaxisConfig = w.config.yaxis[0];
+ var formatter = w.globals.yLabelFormatters[0];
+ var yaxisLabel = this.graphics.drawText({
+ x: x + yaxisConfig.labels.offsetX,
+ y: y + yaxisConfig.labels.offsetY,
+ text: formatter(text, i),
+ textAnchor: 'middle',
+ fontSize: yaxisConfig.labels.style.fontSize,
+ fontFamily: yaxisConfig.labels.style.fontFamily,
+ foreColor: yaxisConfig.labels.style.color
+ });
+ return yaxisLabel;
+ }
+ }, {
+ key: "drawLabels",
+ value: function drawLabels() {
+ var _this3 = this;
+
+ var w = this.w;
+ var limit = 10;
+ var textAnchor = 'middle';
+ var dataLabelsConfig = w.config.dataLabels;
+ var elDataLabelsWrap = this.graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+ var polygonPos = this.getPolygonPos(this.size);
+ var currPosX = 0;
+ var currPosY = 0;
+ w.globals.labels.forEach(function (label, i) {
+ var formatter = dataLabelsConfig.formatter;
+ var dataLabels = new DataLabels(_this3.ctx);
+
+ if (polygonPos[i]) {
+ currPosX = polygonPos[i].x;
+ currPosY = polygonPos[i].y;
+
+ if (Math.abs(polygonPos[i].x) >= limit) {
+ if (polygonPos[i].x > 0) {
+ textAnchor = 'start';
+ currPosX += 10;
+ } else if (polygonPos[i].x < 0) {
+ textAnchor = 'end';
+ currPosX -= 10;
+ }
+ } else {
+ textAnchor = 'middle';
+ }
+
+ if (Math.abs(polygonPos[i].y) >= _this3.size - limit) {
+ if (polygonPos[i].y < 0) {
+ currPosY -= 10;
+ } else if (polygonPos[i].y > 0) {
+ currPosY += 10;
+ }
+ }
+
+ var text = formatter(label, {
+ seriesIndex: -1,
+ dataPointIndex: i,
+ w: w
+ });
+ dataLabels.plotDataLabelsText({
+ x: currPosX,
+ y: currPosY,
+ text: text,
+ textAnchor: textAnchor,
+ i: i,
+ j: i,
+ parent: elDataLabelsWrap,
+ dataLabelsConfig: dataLabelsConfig,
+ offsetCorrection: false
+ });
+ }
+ });
+ return elDataLabelsWrap;
+ }
+ }, {
+ key: "createPaths",
+ value: function createPaths(pos, origin) {
+ var _this4 = this;
+
+ var linePathsTo = [];
+ var linePathsFrom = [];
+ var areaPathsTo = [];
+ var areaPathsFrom = [];
+
+ if (pos.length) {
+ linePathsFrom = [this.graphics.move(origin.x, origin.y)];
+ areaPathsFrom = [this.graphics.move(origin.x, origin.y)];
+ var linePathTo = this.graphics.move(pos[0].x, pos[0].y);
+ var areaPathTo = this.graphics.move(pos[0].x, pos[0].y);
+ pos.forEach(function (p, i) {
+ linePathTo += _this4.graphics.line(p.x, p.y);
+ areaPathTo += _this4.graphics.line(p.x, p.y);
+
+ if (i === pos.length - 1) {
+ linePathTo += 'Z';
+ areaPathTo += 'Z';
+ }
+ });
+ linePathsTo.push(linePathTo);
+ areaPathsTo.push(areaPathTo);
+ }
+
+ return {
+ linePathsFrom: linePathsFrom,
+ linePathsTo: linePathsTo,
+ areaPathsFrom: areaPathsFrom,
+ areaPathsTo: areaPathsTo
+ };
+ }
+ }, {
+ key: "getPathFrom",
+ value: function getPathFrom(realIndex) {
+ var w = this.w;
+ var pathFrom = null;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if (gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (typeof w.globals.previousPaths[pp].paths[0] !== 'undefined') {
+ pathFrom = w.globals.previousPaths[pp].paths[0].d;
+ }
+ }
+ }
+
+ return pathFrom;
+ }
+ }, {
+ key: "getDataPointsPos",
+ value: function getDataPointsPos(dataRadiusArr, angleArr) {
+ var dataPointsLen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.dataPointsLen;
+ dataRadiusArr = dataRadiusArr || [];
+ angleArr = angleArr || [];
+ var dataPointsPosArray = [];
+
+ for (var j = 0; j < dataPointsLen; j++) {
+ var curPointPos = {};
+ curPointPos.x = dataRadiusArr[j] * Math.sin(angleArr[j]);
+ curPointPos.y = -dataRadiusArr[j] * Math.cos(angleArr[j]);
+ dataPointsPosArray.push(curPointPos);
+ }
+
+ return dataPointsPosArray;
+ }
+ }, {
+ key: "getPolygonPos",
+ value: function getPolygonPos(size) {
+ var dotsArray = [];
+ var angle = Math.PI * 2 / this.dataPointsLen;
+
+ for (var i = 0; i < this.dataPointsLen; i++) {
+ var curPos = {};
+ curPos.x = size * Math.sin(i * angle);
+ curPos.y = -size * Math.cos(i * angle);
+ dotsArray.push(curPos);
+ }
+
+ return dotsArray;
+ }
+ }]);
+
+ return Radar;
+ }();
+
+ /**
+ * ApexCharts Radial Class for drawing Circle / Semi Circle Charts.
+ * @module Radial
+ **/
+
+ var Radial =
+ /*#__PURE__*/
+ function (_Pie) {
+ _inherits(Radial, _Pie);
+
+ function Radial(ctx) {
+ var _this;
+
+ _classCallCheck(this, Radial);
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(Radial).call(this, ctx));
+ _this.ctx = ctx;
+ _this.w = ctx.w;
+ _this.animBeginArr = [0];
+ _this.animDur = 0;
+ var w = _this.w;
+ _this.startAngle = w.config.plotOptions.radialBar.startAngle;
+ _this.endAngle = w.config.plotOptions.radialBar.endAngle;
+ _this.trackStartAngle = w.config.plotOptions.radialBar.track.startAngle;
+ _this.trackEndAngle = w.config.plotOptions.radialBar.track.endAngle;
+ _this.radialDataLabels = w.config.plotOptions.radialBar.dataLabels;
+ if (!_this.trackStartAngle) _this.trackStartAngle = _this.startAngle;
+ if (!_this.trackEndAngle) _this.trackEndAngle = _this.endAngle;
+ if (_this.endAngle === 360) _this.endAngle = 359.99;
+ _this.fullAngle = 360 - w.config.plotOptions.radialBar.endAngle - w.config.plotOptions.radialBar.startAngle;
+ _this.margin = parseInt(w.config.plotOptions.radialBar.track.margin);
+ return _this;
+ }
+
+ _createClass(Radial, [{
+ key: "draw",
+ value: function draw(series) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var ret = graphics.group({
+ class: 'apexcharts-radialbar'
+ });
+ var elSeries = graphics.group();
+ var centerY = this.defaultSize / 2;
+ var centerX = w.globals.gridWidth / 2;
+ var size = this.defaultSize / 2.05 - w.config.stroke.width - w.config.chart.dropShadow.blur;
+
+ if (w.config.plotOptions.radialBar.size !== undefined) {
+ size = w.config.plotOptions.radialBar.size;
+ }
+
+ var colorArr = w.globals.fill.colors;
+
+ if (w.config.plotOptions.radialBar.track.show) {
+ var elTracks = this.drawTracks({
+ size: size,
+ centerX: centerX,
+ centerY: centerY,
+ colorArr: colorArr,
+ series: series
+ });
+ elSeries.add(elTracks);
+ }
+
+ var elG = this.drawArcs({
+ size: size,
+ centerX: centerX,
+ centerY: centerY,
+ colorArr: colorArr,
+ series: series
+ });
+ elSeries.add(elG.g);
+
+ if (w.config.plotOptions.radialBar.hollow.position === 'front') {
+ elG.g.add(elG.elHollow);
+
+ if (elG.dataLabels) {
+ elG.g.add(elG.dataLabels);
+ }
+ }
+
+ ret.add(elSeries);
+ return ret;
+ }
+ }, {
+ key: "drawTracks",
+ value: function drawTracks(opts) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var g = graphics.group();
+ var filters = new Filters(this.ctx);
+ var fill = new Fill(this.ctx);
+ var strokeWidth = this.getStrokeWidth(opts);
+ opts.size = opts.size - strokeWidth / 2;
+
+ for (var i = 0; i < opts.series.length; i++) {
+ var elRadialBarTrack = graphics.group({
+ class: 'apexcharts-radialbar-track apexcharts-track'
+ });
+ g.add(elRadialBarTrack);
+ elRadialBarTrack.attr({
+ id: 'apexcharts-track-' + i,
+ rel: i + 1
+ });
+ opts.size = opts.size - strokeWidth - this.margin;
+ var trackConfig = w.config.plotOptions.radialBar.track;
+ var pathFill = fill.fillPath({
+ seriesNumber: 0,
+ size: opts.size,
+ fillColors: Array.isArray(trackConfig.background) ? trackConfig.background[i] : trackConfig.background,
+ solid: true
+ });
+ var startAngle = this.trackStartAngle;
+ var endAngle = this.trackEndAngle;
+ if (Math.abs(endAngle) + Math.abs(startAngle) >= 360) endAngle = 360 - Math.abs(this.startAngle) - 0.1;
+ var elPath = graphics.drawPath({
+ d: '',
+ stroke: pathFill,
+ strokeWidth: strokeWidth * parseInt(trackConfig.strokeWidth) / 100,
+ fill: 'none',
+ strokeOpacity: trackConfig.opacity,
+ classes: 'apexcharts-radialbar-area'
+ });
+
+ if (trackConfig.dropShadow.enabled) {
+ var shadow = trackConfig.dropShadow;
+ filters.dropShadow(elPath, shadow);
+ }
+
+ elRadialBarTrack.add(elPath);
+ elPath.attr('id', 'apexcharts-radialbarTrack-' + i);
+ var pie = new Pie(this.ctx);
+ pie.animatePaths(elPath, {
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ endAngle: endAngle,
+ startAngle: startAngle,
+ size: opts.size,
+ i: i,
+ totalItems: 2,
+ animBeginArr: 0,
+ dur: 0,
+ isTrack: true,
+ easing: w.globals.easing
+ });
+ }
+
+ return g;
+ }
+ }, {
+ key: "drawArcs",
+ value: function drawArcs(opts) {
+ var w = this.w; // size, donutSize, centerX, centerY, colorArr, lineColorArr, sectorAngleArr, series
+
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var filters = new Filters(this.ctx);
+ var g = graphics.group();
+ var strokeWidth = this.getStrokeWidth(opts);
+ opts.size = opts.size - strokeWidth / 2;
+ var hollowFillID = w.config.plotOptions.radialBar.hollow.background;
+ var hollowSize = opts.size - strokeWidth * opts.series.length - this.margin * opts.series.length - strokeWidth * parseInt(w.config.plotOptions.radialBar.track.strokeWidth) / 100 / 2;
+ var hollowRadius = hollowSize - w.config.plotOptions.radialBar.hollow.margin;
+
+ if (w.config.plotOptions.radialBar.hollow.image !== undefined) {
+ hollowFillID = this.drawHollowImage(opts, g, hollowSize, hollowFillID);
+ }
+
+ var elHollow = this.drawHollow({
+ size: hollowRadius,
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ fill: hollowFillID
+ });
+
+ if (w.config.plotOptions.radialBar.hollow.dropShadow.enabled) {
+ var shadow = w.config.plotOptions.radialBar.hollow.dropShadow;
+ filters.dropShadow(elHollow, shadow);
+ }
+
+ var shown = 1;
+
+ if (!this.radialDataLabels.total.show && w.globals.series.length > 1) {
+ shown = 0;
+ }
+
+ var pie = new Pie(this.ctx);
+ var dataLabels = null;
+
+ if (this.radialDataLabels.show) {
+ dataLabels = pie.renderInnerDataLabels(this.radialDataLabels, {
+ hollowSize: hollowSize,
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ opacity: shown
+ });
+ }
+
+ if (w.config.plotOptions.radialBar.hollow.position === 'back') {
+ g.add(elHollow);
+
+ if (dataLabels) {
+ g.add(dataLabels);
+ }
+ }
+
+ var reverseLoop = false;
+
+ if (w.config.plotOptions.radialBar.inverseOrder) {
+ reverseLoop = true;
+ }
+
+ for (var i = reverseLoop ? opts.series.length - 1 : 0; reverseLoop ? i >= 0 : i < opts.series.length; reverseLoop ? i-- : i++) {
+ var elRadialBarArc = graphics.group({
+ class: "apexcharts-series apexcharts-radial-series ".concat(Utils.escapeString(w.globals.seriesNames[i]))
+ });
+ g.add(elRadialBarArc);
+ elRadialBarArc.attr({
+ id: 'apexcharts-series-' + i,
+ rel: i + 1
+ });
+ this.ctx.series.addCollapsedClassToSeries(elRadialBarArc, i);
+ opts.size = opts.size - strokeWidth - this.margin;
+ var pathFill = fill.fillPath({
+ seriesNumber: i,
+ size: opts.size
+ });
+ var startAngle = this.startAngle;
+ var prevStartAngle = void 0;
+ var totalAngle = Math.abs(w.config.plotOptions.radialBar.endAngle - w.config.plotOptions.radialBar.startAngle); // if data exceeds 100, make it 100
+
+ var dataValue = Utils.negToZero(opts.series[i] > 100 ? 100 : opts.series[i]) / 100;
+ var endAngle = Math.round(totalAngle * dataValue) + this.startAngle;
+ var prevEndAngle = void 0;
+
+ if (w.globals.dataChanged) {
+ prevStartAngle = this.startAngle;
+ prevEndAngle = Math.round(totalAngle * Utils.negToZero(w.globals.previousPaths[i]) / 100) + prevStartAngle;
+ }
+
+ var currFullAngle = Math.abs(endAngle) + Math.abs(startAngle);
+
+ if (currFullAngle >= 360) {
+ endAngle = endAngle - 0.01;
+ }
+
+ var prevFullAngle = Math.abs(prevEndAngle) + Math.abs(prevStartAngle);
+
+ if (prevFullAngle >= 360) {
+ prevEndAngle = prevEndAngle - 0.01;
+ }
+
+ var angle = endAngle - startAngle;
+ var dashArray = Array.isArray(w.config.stroke.dashArray) ? w.config.stroke.dashArray[i] : w.config.stroke.dashArray;
+ var elPath = graphics.drawPath({
+ d: '',
+ stroke: pathFill,
+ strokeWidth: strokeWidth,
+ fill: 'none',
+ fillOpacity: w.config.fill.opacity,
+ classes: 'apexcharts-radialbar-area',
+ strokeDashArray: dashArray
+ });
+ Graphics.setAttrs(elPath.node, {
+ 'data:angle': angle,
+ 'data:value': opts.series[i]
+ });
+
+ if (w.config.chart.dropShadow.enabled) {
+ var _shadow = w.config.chart.dropShadow;
+ filters.dropShadow(elPath, _shadow);
+ }
+
+ this.addListeners(elPath, this.radialDataLabels);
+
+ var _pie = new Pie(this.ctx);
+
+ elRadialBarArc.add(elPath);
+ elPath.attr({
+ id: 'apexcharts-radialbar-slice-' + i,
+ index: 0,
+ j: i
+ });
+ var dur = 0;
+
+ if (_pie.initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / 360 * w.config.chart.animations.speed;
+ this.animDur = dur / (opts.series.length * 1.2) + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ }
+
+ if (w.globals.dataChanged) {
+ dur = (endAngle - startAngle) / 360 * w.config.chart.animations.dynamicAnimation.speed;
+ this.animDur = dur / (opts.series.length * 1.2) + this.animDur;
+ this.animBeginArr.push(this.animDur);
+ }
+
+ _pie.animatePaths(elPath, {
+ centerX: opts.centerX,
+ centerY: opts.centerY,
+ endAngle: endAngle,
+ startAngle: startAngle,
+ prevEndAngle: prevEndAngle,
+ prevStartAngle: prevStartAngle,
+ size: opts.size,
+ i: i,
+ totalItems: 2,
+ animBeginArr: this.animBeginArr,
+ dur: dur,
+ shouldSetPrevPaths: true,
+ easing: w.globals.easing
+ });
+ }
+
+ return {
+ g: g,
+ elHollow: elHollow,
+ dataLabels: dataLabels
+ };
+ }
+ }, {
+ key: "drawHollow",
+ value: function drawHollow(opts) {
+ var graphics = new Graphics(this.ctx);
+ var circle = graphics.drawCircle(opts.size * 2);
+ circle.attr({
+ class: 'apexcharts-radialbar-hollow',
+ cx: opts.centerX,
+ cy: opts.centerY,
+ r: opts.size,
+ fill: opts.fill
+ });
+ return circle;
+ }
+ }, {
+ key: "drawHollowImage",
+ value: function drawHollowImage(opts, g, hollowSize, hollowFillID) {
+ var w = this.w;
+ var fill = new Fill(this.ctx);
+ var randID = (Math.random() + 1).toString(36).substring(4);
+ var hollowFillImg = w.config.plotOptions.radialBar.hollow.image;
+
+ if (w.config.plotOptions.radialBar.hollow.imageClipped) {
+ fill.clippedImgArea({
+ width: hollowSize,
+ height: hollowSize,
+ image: hollowFillImg,
+ patternID: "pattern".concat(w.globals.cuid).concat(randID)
+ });
+ hollowFillID = "url(#pattern".concat(w.globals.cuid).concat(randID, ")");
+ } else {
+ var imgWidth = w.config.plotOptions.radialBar.hollow.imageWidth;
+ var imgHeight = w.config.plotOptions.radialBar.hollow.imageHeight;
+
+ if (imgWidth === undefined && imgHeight === undefined) {
+ var image = w.globals.dom.Paper.image(hollowFillImg).loaded(function (loader) {
+ this.move(opts.centerX - loader.width / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetX, opts.centerY - loader.height / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetY);
+ });
+ g.add(image);
+ } else {
+ var _image = w.globals.dom.Paper.image(hollowFillImg).loaded(function (loader) {
+ this.move(opts.centerX - imgWidth / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetX, opts.centerY - imgHeight / 2 + w.config.plotOptions.radialBar.hollow.imageOffsetY);
+ this.size(imgWidth, imgHeight);
+ });
+
+ g.add(_image);
+ }
+ }
+
+ return hollowFillID;
+ }
+ }, {
+ key: "getStrokeWidth",
+ value: function getStrokeWidth(opts) {
+ var w = this.w;
+ return opts.size * (100 - parseInt(w.config.plotOptions.radialBar.hollow.size)) / 100 / (opts.series.length + 1) - this.margin;
+ }
+ }]);
+
+ return Radial;
+ }(Pie);
+
+ /**
+ * ApexCharts Line Class responsible for drawing Line / Area Charts.
+ * This class is also responsible for generating values for Bubble/Scatter charts, so need to rename it to Axis Charts to avoid confusions
+ * @module Line
+ **/
+
+ var Line =
+ /*#__PURE__*/
+ function () {
+ function Line(ctx, xyRatios, isPointsChart) {
+ _classCallCheck(this, Line);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xyRatios = xyRatios;
+ this.pointsChart = !(this.w.config.chart.type !== 'bubble' && this.w.config.chart.type !== 'scatter') || isPointsChart;
+ this.scatter = new Scatter(this.ctx);
+ this.noNegatives = this.w.globals.minX === Number.MAX_VALUE;
+ this.yaxisIndex = 0;
+ }
+
+ _createClass(Line, [{
+ key: "draw",
+ value: function draw(series, ptype, seriesIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var fill = new Fill(this.ctx);
+ var type = w.globals.comboCharts ? ptype : w.config.chart.type;
+ var ret = graphics.group({
+ class: "apexcharts-".concat(type, "-series apexcharts-plot-series")
+ });
+ var coreUtils = new CoreUtils(this.ctx, w);
+ series = coreUtils.getLogSeries(series);
+ var yRatio = this.xyRatios.yRatio;
+ yRatio = coreUtils.getLogYRatios(yRatio);
+ var zRatio = this.xyRatios.zRatio;
+ var xRatio = this.xyRatios.xRatio;
+ var baseLineY = this.xyRatios.baseLineY; // push all series in an array, so we can draw in reverse order (for stacked charts)
+
+ var allSeries = [];
+ var prevSeriesY = [];
+ var categoryAxisCorrection = 0;
+
+ for (var i = 0; i < series.length; i++) {
+ // width divided into equal parts
+ if (type === 'line' && (w.config.fill.type === 'gradient' || w.config.fill.type[i] === 'gradient')) {
+ // a small adjustment to allow gradient line to draw correctly for all same values
+
+ /* #fix https://github.com/apexcharts/apexcharts.js/issues/358 */
+ if (coreUtils.seriesHaveSameValues(i)) {
+ var gSeries = series[i].slice();
+ gSeries[gSeries.length - 1] = gSeries[gSeries.length - 1] + 0.000001;
+ series[i] = gSeries;
+ }
+ }
+
+ var xDivision = w.globals.gridWidth / w.globals.dataPoints;
+ var realIndex = w.globals.comboCharts ? seriesIndex[i] : i;
+
+ if (yRatio.length > 1) {
+ this.yaxisIndex = realIndex;
+ }
+
+ this.isReversed = w.config.yaxis[this.yaxisIndex] && w.config.yaxis[this.yaxisIndex].reversed;
+ var yArrj = []; // hold y values of current iterating series
+
+ var xArrj = []; // hold x values of current iterating series
+ // zeroY is the 0 value in y series which can be used in negative charts
+
+ var zeroY = w.globals.gridHeight - baseLineY[this.yaxisIndex] - (this.isReversed ? w.globals.gridHeight : 0) + (this.isReversed ? baseLineY[this.yaxisIndex] * 2 : 0);
+ var areaBottomY = zeroY;
+
+ if (zeroY > w.globals.gridHeight) {
+ areaBottomY = w.globals.gridHeight;
+ }
+
+ categoryAxisCorrection = xDivision / 2;
+ var x = w.globals.padHorizontal + categoryAxisCorrection;
+ var y = 1;
+
+ if (w.globals.isXNumeric) {
+ x = (w.globals.seriesX[realIndex][0] - w.globals.minX) / xRatio;
+ }
+
+ xArrj.push(x);
+ var linePath = void 0,
+ areaPath = void 0,
+ pathFromLine = void 0,
+ pathFromArea = void 0;
+ var linePaths = [];
+ var areaPaths = []; // el to which series will be drawn
+
+ var elSeries = graphics.group({
+ class: "apexcharts-series ".concat(Utils.escapeString(w.globals.seriesNames[realIndex]))
+ }); // points
+
+ var elPointsMain = graphics.group({
+ class: 'apexcharts-series-markers-wrap'
+ }); // eldatalabels
+
+ var elDataLabelsWrap = graphics.group({
+ class: 'apexcharts-datalabels'
+ });
+ this.ctx.series.addCollapsedClassToSeries(elSeries, realIndex);
+ var longestSeries = series[i].length === w.globals.dataPoints;
+ elSeries.attr({
+ 'data:longestSeries': longestSeries,
+ rel: i + 1,
+ 'data:realIndex': realIndex
+ });
+ this.appendPathFrom = true;
+ var pX = x;
+ var pY = void 0;
+ var prevX = pX;
+ var prevY = zeroY; // w.globals.svgHeight;
+
+ var lineYPosition = 0; // the first value in the current series is not null or undefined
+
+ var firstPrevY = this.determineFirstPrevY({
+ i: i,
+ series: series,
+ yRatio: yRatio[this.yaxisIndex],
+ zeroY: zeroY,
+ prevY: prevY,
+ prevSeriesY: prevSeriesY,
+ lineYPosition: lineYPosition
+ });
+ prevY = firstPrevY.prevY;
+ yArrj.push(prevY);
+ pY = prevY;
+
+ if (series[i][0] === null) {
+ // when the first value itself is null, we need to move the pointer to a location where a null value is not found
+ for (var s = 0; s < series[i].length; s++) {
+ if (series[i][s] !== null) {
+ prevX = xDivision * s;
+ prevY = zeroY - series[i][s] / yRatio[this.yaxisIndex];
+ linePath = graphics.move(prevX, prevY);
+ areaPath = graphics.move(prevX, areaBottomY);
+ break;
+ }
+ }
+ } else {
+ linePath = graphics.move(prevX, prevY);
+ areaPath = graphics.move(prevX, areaBottomY) + graphics.line(prevX, prevY);
+ }
+
+ pathFromLine = graphics.move(-1, zeroY) + graphics.line(-1, zeroY);
+ pathFromArea = graphics.move(-1, zeroY) + graphics.line(-1, zeroY);
+
+ if (w.globals.previousPaths.length > 0) {
+ var pathFrom = this.checkPreviousPaths({
+ pathFromLine: pathFromLine,
+ pathFromArea: pathFromArea,
+ realIndex: realIndex
+ });
+ pathFromLine = pathFrom.pathFromLine;
+ pathFromArea = pathFrom.pathFromArea;
+ }
+
+ var iterations = w.globals.dataPoints > 1 ? w.globals.dataPoints - 1 : w.globals.dataPoints;
+
+ for (var j = 0; j < iterations; j++) {
+ if (w.globals.isXNumeric) {
+ var sX = w.globals.seriesX[realIndex][j + 1];
+
+ if (typeof w.globals.seriesX[realIndex][j + 1] === 'undefined') {
+ /* fix #374 */
+ sX = w.globals.seriesX[realIndex][iterations - 1];
+ }
+
+ x = (sX - w.globals.minX) / xRatio;
+ } else {
+ x = x + xDivision;
+ }
+
+ var minY = Utils.isNumber(w.globals.minYArr[realIndex]) ? w.globals.minYArr[realIndex] : w.globals.minY;
+
+ if (w.config.chart.stacked) {
+ if (i > 0 && w.globals.collapsedSeries.length < w.config.series.length - 1) {
+ lineYPosition = prevSeriesY[i - 1][j + 1];
+ } else {
+ // the first series will not have prevY values
+ lineYPosition = zeroY;
+ }
+
+ if (typeof series[i][j + 1] === 'undefined' || series[i][j + 1] === null) {
+ y = lineYPosition - minY / yRatio[this.yaxisIndex] + (this.isReversed ? minY / yRatio[this.yaxisIndex] : 0) * 2;
+ } else {
+ y = lineYPosition - series[i][j + 1] / yRatio[this.yaxisIndex] + (this.isReversed ? series[i][j + 1] / yRatio[this.yaxisIndex] : 0) * 2;
+ }
+ } else {
+ if (typeof series[i][j + 1] === 'undefined' || series[i][j + 1] === null) {
+ y = zeroY - minY / yRatio[this.yaxisIndex] + (this.isReversed ? minY / yRatio[this.yaxisIndex] : 0) * 2;
+ } else {
+ y = zeroY - series[i][j + 1] / yRatio[this.yaxisIndex] + (this.isReversed ? series[i][j + 1] / yRatio[this.yaxisIndex] : 0) * 2;
+ }
+ } // push current X
+
+
+ xArrj.push(x); // push current Y that will be used as next series's bottom position
+
+ yArrj.push(y);
+ var calculatedPaths = this.createPaths({
+ series: series,
+ i: i,
+ j: j,
+ x: x,
+ y: y,
+ xDivision: xDivision,
+ pX: pX,
+ pY: pY,
+ areaBottomY: areaBottomY,
+ linePath: linePath,
+ areaPath: areaPath,
+ linePaths: linePaths,
+ areaPaths: areaPaths
+ });
+ areaPaths = calculatedPaths.areaPaths;
+ linePaths = calculatedPaths.linePaths;
+ pX = calculatedPaths.pX;
+ pY = calculatedPaths.pY;
+ areaPath = calculatedPaths.areaPath;
+ linePath = calculatedPaths.linePath;
+
+ if (this.appendPathFrom) {
+ pathFromLine = pathFromLine + graphics.line(x, zeroY);
+ pathFromArea = pathFromArea + graphics.line(x, zeroY);
+ }
+
+ var pointsPos = this.calculatePoints({
+ series: series,
+ x: x,
+ y: y,
+ realIndex: realIndex,
+ i: i,
+ j: j,
+ prevY: prevY,
+ categoryAxisCorrection: categoryAxisCorrection,
+ xRatio: xRatio
+ });
+
+ if (!this.pointsChart) {
+ var markers = new Markers(this.ctx);
+
+ if (w.globals.dataPoints > 1) {
+ elPointsMain.node.classList.add('hidden');
+ }
+
+ var elPointsWrap = markers.plotChartMarkers(pointsPos, realIndex, j + 1);
+
+ if (elPointsWrap !== null) {
+ elPointsMain.add(elPointsWrap);
+ }
+ } else {
+ // scatter / bubble chart points creation
+ this.scatter.draw(elSeries, j, {
+ realIndex: realIndex,
+ pointsPos: pointsPos,
+ zRatio: zRatio,
+ elParent: elPointsMain
+ });
+ }
+
+ var dataLabels = new DataLabels(this.ctx);
+ var drawnLabels = dataLabels.drawDataLabel(pointsPos, realIndex, j + 1);
+
+ if (drawnLabels !== null) {
+ elDataLabelsWrap.add(drawnLabels);
+ }
+ } // push all current y values array to main PrevY Array
+
+
+ prevSeriesY.push(yArrj); // push all x val arrays into main xArr
+
+ w.globals.seriesXvalues[realIndex] = xArrj;
+ w.globals.seriesYvalues[realIndex] = yArrj; // these elements will be shown after area path animation completes
+
+ if (!this.pointsChart) {
+ w.globals.delayedElements.push({
+ el: elPointsMain.node,
+ index: realIndex
+ });
+ }
+
+ var defaultRenderedPathOptions = {
+ i: i,
+ realIndex: realIndex,
+ animationDelay: i,
+ initialSpeed: w.config.chart.animations.speed,
+ dataChangeSpeed: w.config.chart.animations.dynamicAnimation.speed,
+ className: "apexcharts-".concat(type),
+ id: "apexcharts-".concat(type)
+ };
+
+ if (type === 'area') {
+ var pathFill = fill.fillPath({
+ seriesNumber: realIndex
+ });
+
+ for (var p = 0; p < areaPaths.length; p++) {
+ var renderedPath = graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFromArea,
+ pathTo: areaPaths[p],
+ stroke: 'none',
+ strokeWidth: 0,
+ strokeLineCap: null,
+ fill: pathFill
+ }));
+ elSeries.add(renderedPath);
+ }
+ }
+
+ if (w.config.stroke.show && !this.pointsChart) {
+ var lineFill = null;
+
+ if (type === 'line') {
+ // fillable lines only for lineChart
+ lineFill = fill.fillPath({
+ seriesNumber: realIndex,
+ i: i
+ });
+ } else {
+ lineFill = w.globals.stroke.colors[realIndex];
+ }
+
+ for (var _p = 0; _p < linePaths.length; _p++) {
+ var _renderedPath = graphics.renderPaths(_objectSpread({}, defaultRenderedPathOptions, {
+ pathFrom: pathFromLine,
+ pathTo: linePaths[_p],
+ stroke: lineFill,
+ strokeWidth: Array.isArray(w.config.stroke.width) ? w.config.stroke.width[realIndex] : w.config.stroke.width,
+ strokeLineCap: w.config.stroke.lineCap,
+ fill: 'none'
+ }));
+
+ elSeries.add(_renderedPath);
+ }
+ }
+
+ elSeries.add(elPointsMain);
+ elSeries.add(elDataLabelsWrap);
+ allSeries.push(elSeries);
+ }
+
+ for (var _s = allSeries.length; _s > 0; _s--) {
+ ret.add(allSeries[_s - 1]);
+ }
+
+ return ret;
+ }
+ }, {
+ key: "createPaths",
+ value: function createPaths(_ref) {
+ var series = _ref.series,
+ i = _ref.i,
+ j = _ref.j,
+ x = _ref.x,
+ y = _ref.y,
+ pX = _ref.pX,
+ pY = _ref.pY,
+ xDivision = _ref.xDivision,
+ areaBottomY = _ref.areaBottomY,
+ linePath = _ref.linePath,
+ areaPath = _ref.areaPath,
+ linePaths = _ref.linePaths,
+ areaPaths = _ref.areaPaths;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var curve = Array.isArray(w.config.stroke.curve) ? w.config.stroke.curve[i] : w.config.stroke.curve; // logic of smooth curve derived from chartist
+ // CREDITS: https://gionkunz.github.io/chartist-js/
+
+ if (curve === 'smooth') {
+ var length = (x - pX) * 0.35;
+
+ if (w.globals.hasNullValues) {
+ if (series[i][j] !== null) {
+ if (series[i][j + 1] !== null) {
+ linePath = graphics.move(pX, pY) + graphics.curve(pX + length, pY, x - length, y, x + 1, y);
+ areaPath = graphics.move(pX + 1, pY) + graphics.curve(pX + length, pY, x - length, y, x + 1, y) + graphics.line(x, areaBottomY) + graphics.line(pX, areaBottomY) + 'z';
+ } else {
+ linePath = graphics.move(pX, pY);
+ areaPath = graphics.move(pX, pY) + 'z';
+ }
+ }
+
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ } else {
+ linePath = linePath + graphics.curve(pX + length, pY, x - length, y, x, y);
+ areaPath = areaPath + graphics.curve(pX + length, pY, x - length, y, x, y);
+ }
+
+ pX = x;
+ pY = y;
+
+ if (j === series[i].length - 2) {
+ // last loop, close path
+ areaPath = areaPath + graphics.curve(pX, pY, x, y, x, areaBottomY) + graphics.move(x, y) + 'z';
+
+ if (!w.globals.hasNullValues) {
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ }
+ }
+ } else {
+ if (series[i][j + 1] === null) {
+ linePath = linePath + graphics.move(x, y);
+ areaPath = areaPath + graphics.line(x - xDivision, areaBottomY) + graphics.move(x, y);
+ }
+
+ if (series[i][j] === null) {
+ linePath = linePath + graphics.move(x, y);
+ areaPath = areaPath + graphics.move(x, areaBottomY);
+ }
+
+ if (curve === 'stepline') {
+ linePath = linePath + graphics.line(x, null, 'H') + graphics.line(null, y, 'V');
+ areaPath = areaPath + graphics.line(x, null, 'H') + graphics.line(null, y, 'V');
+ } else if (curve === 'straight') {
+ linePath = linePath + graphics.line(x, y);
+ areaPath = areaPath + graphics.line(x, y);
+ }
+
+ if (j === series[i].length - 2) {
+ // last loop, close path
+ areaPath = areaPath + graphics.line(x, areaBottomY) + graphics.move(x, y) + 'z';
+ linePaths.push(linePath);
+ areaPaths.push(areaPath);
+ }
+ }
+
+ return {
+ linePaths: linePaths,
+ areaPaths: areaPaths,
+ pX: pX,
+ pY: pY,
+ linePath: linePath,
+ areaPath: areaPath
+ };
+ }
+ }, {
+ key: "calculatePoints",
+ value: function calculatePoints(_ref2) {
+ var series = _ref2.series,
+ realIndex = _ref2.realIndex,
+ x = _ref2.x,
+ y = _ref2.y,
+ i = _ref2.i,
+ j = _ref2.j,
+ prevY = _ref2.prevY,
+ categoryAxisCorrection = _ref2.categoryAxisCorrection,
+ xRatio = _ref2.xRatio;
+ var w = this.w;
+ var ptX = [];
+ var ptY = [];
+
+ if (j === 0) {
+ var xPT1st = categoryAxisCorrection + w.config.markers.offsetX; // the first point for line series
+ // we need to check whether it's not a time series, because a time series may
+ // start from the middle of the x axis
+
+ if (w.globals.isXNumeric) {
+ xPT1st = (w.globals.seriesX[realIndex][0] - w.globals.minX) / xRatio + w.config.markers.offsetX;
+ } // push 2 points for the first data values
+
+
+ ptX.push(xPT1st);
+ ptY.push(Utils.isNumber(series[i][0]) ? prevY + w.config.markers.offsetY : null);
+ ptX.push(x + w.config.markers.offsetX);
+ ptY.push(Utils.isNumber(series[i][j + 1]) ? y + w.config.markers.offsetY : null);
+ } else {
+ ptX.push(x + w.config.markers.offsetX);
+ ptY.push(Utils.isNumber(series[i][j + 1]) ? y + w.config.markers.offsetY : null);
+ }
+
+ var pointsPos = {
+ x: ptX,
+ y: ptY
+ };
+ return pointsPos;
+ }
+ }, {
+ key: "checkPreviousPaths",
+ value: function checkPreviousPaths(_ref3) {
+ var pathFromLine = _ref3.pathFromLine,
+ pathFromArea = _ref3.pathFromArea,
+ realIndex = _ref3.realIndex;
+ var w = this.w;
+
+ for (var pp = 0; pp < w.globals.previousPaths.length; pp++) {
+ var gpp = w.globals.previousPaths[pp];
+
+ if ((gpp.type === 'line' || gpp.type === 'area') && gpp.paths.length > 0 && parseInt(gpp.realIndex) === parseInt(realIndex)) {
+ if (gpp.type === 'line') {
+ this.appendPathFrom = false;
+ pathFromLine = w.globals.previousPaths[pp].paths[0].d;
+ } else if (gpp.type === 'area') {
+ this.appendPathFrom = false;
+ pathFromArea = w.globals.previousPaths[pp].paths[0].d;
+
+ if (w.config.stroke.show) {
+ pathFromLine = w.globals.previousPaths[pp].paths[1].d;
+ }
+ }
+ }
+ }
+
+ return {
+ pathFromLine: pathFromLine,
+ pathFromArea: pathFromArea
+ };
+ }
+ }, {
+ key: "determineFirstPrevY",
+ value: function determineFirstPrevY(_ref4) {
+ var i = _ref4.i,
+ series = _ref4.series,
+ yRatio = _ref4.yRatio,
+ zeroY = _ref4.zeroY,
+ prevY = _ref4.prevY,
+ prevSeriesY = _ref4.prevSeriesY,
+ lineYPosition = _ref4.lineYPosition;
+ var w = this.w;
+
+ if (typeof series[i][0] !== 'undefined') {
+ if (w.config.chart.stacked) {
+ if (i > 0) {
+ // 1st y value of previous series
+ lineYPosition = prevSeriesY[i - 1][0];
+ } else {
+ // the first series will not have prevY values
+ lineYPosition = zeroY;
+ }
+
+ prevY = lineYPosition - series[i][0] / yRatio + (this.isReversed ? series[i][0] / yRatio : 0) * 2;
+ } else {
+ prevY = zeroY - series[i][0] / yRatio + (this.isReversed ? series[i][0] / yRatio : 0) * 2;
+ }
+ } else {
+ // the first value in the current series is null
+ if (w.config.chart.stacked && i > 0 && typeof series[i][0] === 'undefined') {
+ // check for undefined value (undefined value will occur when we clear the series while user clicks on legend to hide serieses)
+ for (var s = i - 1; s >= 0; s--) {
+ // for loop to get to 1st previous value until we get it
+ if (series[s][0] !== null && typeof series[s][0] !== 'undefined') {
+ lineYPosition = prevSeriesY[s][0];
+ prevY = lineYPosition;
+ break;
+ }
+ }
+ }
+ }
+
+ return {
+ prevY: prevY,
+ lineYPosition: lineYPosition
+ };
+ }
+ }]);
+
+ return Line;
+ }();
+
+ /**
+ * ApexCharts YAxis Class for drawing Y-Axis.
+ *
+ * @module YAxis
+ **/
+
+ var YAxis =
+ /*#__PURE__*/
+ function () {
+ function YAxis(ctx) {
+ _classCallCheck(this, YAxis);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.xaxisFontSize = this.w.config.xaxis.labels.style.fontSize;
+ this.axisFontFamily = this.w.config.xaxis.labels.style.fontFamily;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ this.xaxisForeColors = this.w.config.xaxis.labels.style.colors;
+ this.xAxisoffX = 0;
+
+ if (this.w.config.xaxis.position === 'bottom') {
+ this.xAxisoffX = this.w.globals.gridHeight;
+ }
+ }
+
+ _createClass(YAxis, [{
+ key: "drawYaxis",
+ value: function drawYaxis(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var yaxisFontSize = w.config.yaxis[realIndex].labels.style.fontSize;
+ var yaxisFontFamily = w.config.yaxis[realIndex].labels.style.fontFamily;
+ var elYaxis = graphics.group({
+ class: 'apexcharts-yaxis',
+ rel: realIndex,
+ transform: 'translate(' + w.globals.translateYAxisX[realIndex] + ', 0)'
+ });
+
+ if (!w.config.yaxis[realIndex].show) {
+ return elYaxis;
+ }
+
+ var elYaxisTexts = graphics.group({
+ class: 'apexcharts-yaxis-texts-g'
+ });
+ elYaxis.add(elYaxisTexts);
+ var tickAmount = w.globals.yAxisScale[realIndex].result.length - 1; // labelsDivider is simply svg height/number of ticks
+
+ var labelsDivider = w.globals.gridHeight / tickAmount + 0.1; // initial label position = 0;
+
+ var l = w.globals.translateY;
+ var lbFormatter = w.globals.yLabelFormatters[realIndex];
+ var labels = w.globals.yAxisScale[realIndex].result.slice();
+
+ if (w.config.yaxis[realIndex].reversed) {
+ labels.reverse();
+ }
+
+ if (w.config.yaxis[realIndex].labels.show) {
+ for (var i = tickAmount; i >= 0; i--) {
+ var val = labels[i];
+ val = lbFormatter(val, i);
+ var xPad = w.config.yaxis[realIndex].labels.padding;
+
+ if (w.config.yaxis[realIndex].opposite && w.config.yaxis.length !== 0) {
+ xPad = xPad * -1;
+ }
+
+ var label = graphics.drawText({
+ x: xPad,
+ y: l + tickAmount / 10 + w.config.yaxis[realIndex].labels.offsetY + 1,
+ text: val,
+ textAnchor: w.config.yaxis[realIndex].opposite ? 'start' : 'end',
+ fontSize: yaxisFontSize,
+ fontFamily: yaxisFontFamily,
+ foreColor: w.config.yaxis[realIndex].labels.style.color,
+ cssClass: 'apexcharts-yaxis-label ' + w.config.yaxis[realIndex].labels.style.cssClass
+ });
+ elYaxisTexts.add(label);
+ var labelRotatingCenter = graphics.rotateAroundCenter(label.node);
+
+ if (w.config.yaxis[realIndex].labels.rotate !== 0) {
+ label.node.setAttribute('transform', "rotate(".concat(w.config.yaxis[realIndex].labels.rotate, " ").concat(labelRotatingCenter.x, " ").concat(labelRotatingCenter.y, ")"));
+ }
+
+ l = l + labelsDivider;
+ }
+ }
+
+ if (w.config.yaxis[realIndex].title.text !== undefined) {
+ var elYaxisTitle = graphics.group({
+ class: 'apexcharts-yaxis-title'
+ });
+ var x = 0;
+
+ if (w.config.yaxis[realIndex].opposite) {
+ x = w.globals.translateYAxisX[realIndex];
+ }
+
+ var elYAxisTitleText = graphics.drawText({
+ x: x,
+ y: w.globals.gridHeight / 2 + w.globals.translateY,
+ text: w.config.yaxis[realIndex].title.text,
+ textAnchor: 'end',
+ foreColor: w.config.yaxis[realIndex].title.style.color,
+ fontSize: w.config.yaxis[realIndex].title.style.fontSize,
+ fontFamily: w.config.yaxis[realIndex].title.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-title-text ' + w.config.yaxis[realIndex].title.style.cssClass
+ });
+ elYaxisTitle.add(elYAxisTitleText);
+ elYaxis.add(elYaxisTitle);
+ }
+
+ var axisBorder = w.config.yaxis[realIndex].axisBorder;
+
+ if (axisBorder.show) {
+ var _x = 31 + axisBorder.offsetX;
+
+ if (w.config.yaxis[realIndex].opposite) {
+ _x = -31 - axisBorder.offsetX;
+ }
+
+ var elVerticalLine = graphics.drawLine(_x, w.globals.translateY + axisBorder.offsetY - 2, _x, w.globals.gridHeight + w.globals.translateY + axisBorder.offsetY + 2, axisBorder.color);
+ elYaxis.add(elVerticalLine);
+ this.drawAxisTicks(_x, tickAmount, axisBorder, w.config.yaxis[realIndex].axisTicks, realIndex, labelsDivider, elYaxis);
+ }
+
+ return elYaxis;
+ } // This actually becomes horizonal axis (for bar charts)
+
+ }, {
+ key: "drawYaxisInversed",
+ value: function drawYaxisInversed(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var elXaxis = graphics.group({
+ class: 'apexcharts-xaxis apexcharts-yaxis-inversed'
+ });
+ var elXaxisTexts = graphics.group({
+ class: 'apexcharts-xaxis-texts-g',
+ transform: "translate(".concat(w.globals.translateXAxisX, ", ").concat(w.globals.translateXAxisY, ")")
+ });
+ elXaxis.add(elXaxisTexts);
+ var tickAmount = w.globals.yAxisScale[realIndex].result.length - 1; // labelsDivider is simply svg width/number of ticks
+
+ var labelsDivider = w.globals.gridWidth / tickAmount + 0.1; // initial label position;
+
+ var l = labelsDivider + w.config.xaxis.labels.offsetX;
+ var lbFormatter = w.globals.xLabelFormatter;
+ var labels = w.globals.yAxisScale[realIndex].result.slice();
+
+ if (w.config.yaxis[realIndex].reversed) {
+ labels.reverse();
+ }
+
+ if (w.config.xaxis.labels.show) {
+ for (var i = tickAmount; i >= 0; i--) {
+ var val = labels[i];
+ val = lbFormatter(val, i);
+ var elTick = graphics.drawText({
+ x: w.globals.gridWidth + w.globals.padHorizontal - (l - labelsDivider + w.config.xaxis.labels.offsetX),
+ y: this.xAxisoffX + w.config.xaxis.labels.offsetY + 30,
+ text: '',
+ textAnchor: 'middle',
+ foreColor: Array.isArray(this.xaxisForeColors) ? this.xaxisForeColors[realIndex] : this.xaxisForeColors,
+ fontSize: this.xaxisFontSize,
+ fontFamily: this.xaxisFontFamily,
+ cssClass: 'apexcharts-xaxis-label ' + w.config.xaxis.labels.style.cssClass
+ });
+ elXaxisTexts.add(elTick);
+ elTick.tspan(val);
+ var elTooltipTitle = document.createElementNS(w.globals.SVGNS, 'title');
+ elTooltipTitle.textContent = val;
+ elTick.node.appendChild(elTooltipTitle);
+ l = l + labelsDivider;
+ }
+ }
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var elYaxisTitle = graphics.group({
+ class: 'apexcharts-xaxis-title apexcharts-yaxis-title-inversed'
+ });
+ var elYAxisTitleText = graphics.drawText({
+ x: w.globals.gridWidth / 2,
+ y: this.xAxisoffX + parseInt(this.xaxisFontSize) + parseInt(w.config.xaxis.title.style.fontSize) + 20,
+ text: w.config.xaxis.title.text,
+ textAnchor: 'middle',
+ fontSize: w.config.xaxis.title.style.fontSize,
+ fontFamily: w.config.xaxis.title.style.fontFamily,
+ cssClass: 'apexcharts-xaxis-title-text ' + w.config.xaxis.title.style.cssClass
+ });
+ elYaxisTitle.add(elYAxisTitleText);
+ elXaxis.add(elYaxisTitle);
+ }
+
+ var axisBorder = w.config.yaxis[realIndex].axisBorder;
+
+ if (axisBorder.show) {
+ var elVerticalLine = graphics.drawLine(w.globals.padHorizontal + axisBorder.offsetX, 1 + axisBorder.offsetY, w.globals.padHorizontal + axisBorder.offsetX, w.globals.gridHeight + axisBorder.offsetY, axisBorder.color);
+ elXaxis.add(elVerticalLine);
+ }
+
+ return elXaxis;
+ }
+ }, {
+ key: "drawAxisTicks",
+ value: function drawAxisTicks(x, tickAmount, axisBorder, axisTicks, realIndex, labelsDivider, elYaxis) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx); // initial label position = 0;
+
+ var t = w.globals.translateY;
+
+ if (axisTicks.show) {
+ if (w.config.yaxis[realIndex].opposite === true) x = x + axisTicks.width;
+
+ for (var i = tickAmount; i >= 0; i--) {
+ var tY = t + tickAmount / 10 + w.config.yaxis[realIndex].labels.offsetY - 1;
+
+ if (this.isBarHorizontal) {
+ tY = labelsDivider * i;
+ }
+
+ var elTick = graphics.drawLine(x + axisBorder.offsetX - axisTicks.width + axisTicks.offsetX, tY + axisTicks.offsetY, x + axisBorder.offsetX + axisTicks.offsetX, tY + axisTicks.offsetY, axisBorder.color);
+ elYaxis.add(elTick);
+ t = t + labelsDivider;
+ }
+ }
+ }
+ }, {
+ key: "yAxisTitleRotate",
+ value: function yAxisTitleRotate(realIndex, yAxisOpposite) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var yAxisLabelsCoord = {
+ width: 0,
+ height: 0
+ };
+ var yAxisTitleCoord = {
+ width: 0,
+ height: 0
+ };
+ var elYAxisLabelsWrap = w.globals.dom.baseEl.querySelector(" .apexcharts-yaxis[rel='".concat(realIndex, "'] .apexcharts-yaxis-texts-g"));
+
+ if (elYAxisLabelsWrap !== null) {
+ yAxisLabelsCoord = elYAxisLabelsWrap.getBoundingClientRect();
+ }
+
+ var yAxisTitle = w.globals.dom.baseEl.querySelector(".apexcharts-yaxis[rel='".concat(realIndex, "'] .apexcharts-yaxis-title text"));
+
+ if (yAxisTitle !== null) {
+ yAxisTitleCoord = yAxisTitle.getBoundingClientRect();
+ }
+
+ if (yAxisTitle !== null) {
+ var x = this.xPaddingForYAxisTitle(realIndex, yAxisLabelsCoord, yAxisTitleCoord, yAxisOpposite);
+ yAxisTitle.setAttribute('x', x.xPos - (yAxisOpposite ? 10 : 0));
+ }
+
+ if (yAxisTitle !== null) {
+ var titleRotatingCenter = graphics.rotateAroundCenter(yAxisTitle);
+
+ if (!yAxisOpposite) {
+ yAxisTitle.setAttribute('transform', "rotate(-".concat(w.config.yaxis[realIndex].title.rotate, " ").concat(titleRotatingCenter.x, " ").concat(titleRotatingCenter.y, ")"));
+ } else {
+ yAxisTitle.setAttribute('transform', "rotate(".concat(w.config.yaxis[realIndex].title.rotate, " ").concat(titleRotatingCenter.x, " ").concat(titleRotatingCenter.y, ")"));
+ }
+ }
+ }
+ }, {
+ key: "xPaddingForYAxisTitle",
+ value: function xPaddingForYAxisTitle(realIndex, yAxisLabelsCoord, yAxisTitleCoord, yAxisOpposite) {
+ var w = this.w;
+ var oppositeAxisCount = 0;
+ var x = 0;
+ var padd = 10;
+
+ if (w.config.yaxis[realIndex].title.text === undefined || realIndex < 0) {
+ return {
+ xPos: x,
+ padd: 0
+ };
+ }
+
+ if (yAxisOpposite) {
+ x = yAxisLabelsCoord.width + w.config.yaxis[realIndex].title.offsetX + yAxisTitleCoord.width / 2 + padd / 2;
+ oppositeAxisCount += 1;
+
+ if (oppositeAxisCount === 0) {
+ x = x - padd / 2;
+ }
+ } else {
+ x = yAxisLabelsCoord.width * -1 + w.config.yaxis[realIndex].title.offsetX + padd / 2 + yAxisTitleCoord.width / 2;
+
+ if (this.isBarHorizontal) {
+ padd = 25;
+ x = yAxisLabelsCoord.width * -1 - w.config.yaxis[realIndex].title.offsetX - padd;
+ }
+ }
+
+ return {
+ xPos: x,
+ padd: padd
+ };
+ } // sets the x position of the y-axis by counting the labels width, title width and any offset
+
+ }, {
+ key: "setYAxisXPosition",
+ value: function setYAxisXPosition(yaxisLabelCoords, yTitleCoords) {
+ var _this = this;
+
+ var w = this.w;
+ var xLeft = 0;
+ var xRight = 0;
+ var leftOffsetX = 21;
+ var rightOffsetX = 1;
+
+ if (w.config.yaxis.length > 1) {
+ this.multipleYs = true;
+ }
+
+ w.config.yaxis.map(function (yaxe, index) {
+ var shouldNotDrawAxis = w.globals.ignoreYAxisIndexes.indexOf(index) > -1 || !yaxe.show || yaxe.floating || yaxisLabelCoords[index].width === 0;
+ var axisWidth = yaxisLabelCoords[index].width + yTitleCoords[index].width;
+
+ if (!yaxe.opposite) {
+ xLeft = w.globals.translateX - leftOffsetX;
+
+ if (!shouldNotDrawAxis) {
+ leftOffsetX = leftOffsetX + axisWidth + 20;
+ }
+
+ w.globals.translateYAxisX[index] = xLeft + yaxe.labels.offsetX;
+ } else {
+ if (_this.isBarHorizontal) {
+ xRight = w.globals.gridWidth + w.globals.translateX - 1;
+ w.globals.translateYAxisX[index] = xRight - yaxe.labels.offsetX;
+ } else {
+ xRight = w.globals.gridWidth + w.globals.translateX + rightOffsetX;
+
+ if (!shouldNotDrawAxis) {
+ rightOffsetX = rightOffsetX + axisWidth + 20;
+ }
+
+ w.globals.translateYAxisX[index] = xRight - yaxe.labels.offsetX + 20;
+ }
+ }
+ });
+ }
+ }]);
+
+ return YAxis;
+ }();
+
+ /**
+ * ApexCharts Formatter Class for setting value formatters for axes as well as tooltips.
+ *
+ * @module Formatters
+ **/
+
+ var Formatters =
+ /*#__PURE__*/
+ function () {
+ function Formatters(ctx) {
+ _classCallCheck(this, Formatters);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.tooltipKeyFormat = 'dd MMM';
+ }
+
+ _createClass(Formatters, [{
+ key: "xLabelFormat",
+ value: function xLabelFormat(fn, val) {
+ var w = this.w;
+
+ if (w.config.xaxis.type === 'datetime') {
+ // if user has not specified a custom formatter, use the default tooltip.x.format
+ if (w.config.tooltip.x.formatter === undefined) {
+ var datetimeObj = new DateTime(this.ctx);
+ return datetimeObj.formatDate(new Date(val), w.config.tooltip.x.format, true, true);
+ }
+ }
+
+ return fn(val);
+ }
+ }, {
+ key: "setLabelFormatters",
+ value: function setLabelFormatters() {
+ var w = this.w;
+
+ w.globals.xLabelFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.xaxisTooltipFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.ttKeyFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.ttZFormatter = function (val) {
+ return val;
+ };
+
+ w.globals.legendFormatter = function (val) {
+ return val;
+ };
+
+ if (typeof w.config.tooltip.x.formatter === 'function') {
+ w.globals.ttKeyFormatter = w.config.tooltip.x.formatter;
+ }
+
+ if (typeof w.config.xaxis.tooltip.formatter === 'function') {
+ w.globals.xaxisTooltipFormatter = w.config.xaxis.tooltip.formatter;
+ }
+
+ if (Array.isArray(w.config.tooltip.y)) {
+ w.globals.ttVal = w.config.tooltip.y;
+ } else {
+ if (w.config.tooltip.y.formatter !== undefined) {
+ w.globals.ttVal = w.config.tooltip.y;
+ }
+ }
+
+ if (w.config.tooltip.z.formatter !== undefined) {
+ w.globals.ttZFormatter = w.config.tooltip.z.formatter;
+ } // legend formatter - if user wants to append any global values of series to legend text
+
+
+ if (w.config.legend.formatter !== undefined) {
+ w.globals.legendFormatter = w.config.legend.formatter;
+ } // formatter function will always overwrite format property
+
+
+ if (w.config.xaxis.labels.formatter !== undefined) {
+ w.globals.xLabelFormatter = w.config.xaxis.labels.formatter;
+ } else {
+ w.globals.xLabelFormatter = function (val) {
+ if (Utils.isNumber(val)) {
+ // numeric xaxis may have smaller range, so defaulting to 1 decimal
+ if (w.config.xaxis.type === 'numeric' && w.globals.dataPoints < 50) {
+ return val.toFixed(1);
+ }
+
+ return val.toFixed(0);
+ }
+
+ return val;
+ };
+ } // formatter function will always overwrite format property
+
+
+ w.config.yaxis.forEach(function (yaxe, i) {
+ if (yaxe.labels.formatter !== undefined) {
+ w.globals.yLabelFormatters[i] = yaxe.labels.formatter;
+ } else {
+ w.globals.yLabelFormatters[i] = function (val) {
+ if (Utils.isNumber(val)) {
+ if (w.globals.yValueDecimal !== 0 || w.globals.maxY - w.globals.minY < 3) {
+ return val.toFixed(yaxe.decimalsInFloat);
+ } else {
+ return val.toFixed(0);
+ }
+ }
+
+ return val;
+ };
+ }
+ });
+ return w.globals;
+ }
+ }, {
+ key: "heatmapLabelFormatters",
+ value: function heatmapLabelFormatters() {
+ var w = this.w;
+
+ if (w.config.chart.type === 'heatmap') {
+ w.globals.yAxisScale[0].result = w.globals.seriesNames.slice(); // get the longest string from the labels array and also apply label formatter to it
+
+ var longest = w.globals.seriesNames.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ w.globals.yAxisScale[0].niceMax = longest;
+ w.globals.yAxisScale[0].niceMin = longest;
+ }
+ }
+ }]);
+
+ return Formatters;
+ }();
+
+ /**
+ * ApexCharts XAxis Class for drawing X-Axis.
+ *
+ * @module XAxis
+ **/
+
+ var XAxis =
+ /*#__PURE__*/
+ function () {
+ function XAxis(ctx) {
+ _classCallCheck(this, XAxis);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.xaxisLabels = w.globals.labels.slice();
+
+ if (w.globals.timelineLabels.length > 0) {
+ // timeline labels are there
+ this.xaxisLabels = w.globals.timelineLabels.slice();
+ }
+
+ this.drawnLabels = [];
+
+ if (w.config.xaxis.position === 'top') {
+ this.offY = 0;
+ } else {
+ this.offY = w.globals.gridHeight + 1;
+ }
+
+ this.offY = this.offY + w.config.xaxis.axisBorder.offsetY;
+ this.xaxisFontSize = w.config.xaxis.labels.style.fontSize;
+ this.xaxisFontFamily = w.config.xaxis.labels.style.fontFamily;
+ this.xaxisForeColors = w.config.xaxis.labels.style.colors;
+ this.xaxisBorderWidth = w.config.xaxis.axisBorder.width;
+
+ if (this.xaxisBorderWidth.indexOf('%') > -1) {
+ this.xaxisBorderWidth = w.globals.gridWidth * parseInt(this.xaxisBorderWidth) / 100;
+ } else {
+ this.xaxisBorderWidth = parseInt(this.xaxisBorderWidth);
+ }
+
+ this.xaxisBorderHeight = w.config.xaxis.axisBorder.height; // For bars, we will only consider single y xais,
+ // as we are not providing multiple yaxis for bar charts
+
+ this.yaxis = w.config.yaxis[0];
+ }
+
+ _createClass(XAxis, [{
+ key: "drawXaxis",
+ value: function drawXaxis() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var elXaxis = graphics.group({
+ class: 'apexcharts-xaxis',
+ transform: "translate(".concat(w.config.xaxis.offsetX, ", ").concat(w.config.xaxis.offsetY, ")")
+ });
+ var elXaxisTexts = graphics.group({
+ class: 'apexcharts-xaxis-texts-g',
+ transform: "translate(".concat(w.globals.translateXAxisX, ", ").concat(w.globals.translateXAxisY, ")")
+ });
+ elXaxis.add(elXaxisTexts);
+ var colWidth; // initial x Position (keep adding column width in the loop)
+
+ var xPos = w.globals.padHorizontal;
+ var labels = [];
+
+ for (var i = 0; i < this.xaxisLabels.length; i++) {
+ labels.push(this.xaxisLabels[i]);
+ }
+
+ if (w.globals.isXNumeric) {
+ colWidth = w.globals.gridWidth / (labels.length - 1);
+ xPos = xPos + colWidth / 2 + w.config.xaxis.labels.offsetX;
+ } else {
+ colWidth = w.globals.gridWidth / labels.length;
+ xPos = xPos + colWidth + w.config.xaxis.labels.offsetX;
+ }
+
+ var xlbFormatter = w.globals.xLabelFormatter;
+ var customFormatter = w.config.xaxis.labels.formatter;
+ var labelsLen = labels.length;
+
+ if (w.config.xaxis.labels.show) {
+ for (var _i = 0; _i <= labelsLen - 1; _i++) {
+ var rawLabel = typeof labels[_i] === 'undefined' ? '' : labels[_i];
+ var label = void 0;
+ var xFormat = new Formatters(this.ctx);
+ label = xFormat.xLabelFormat(xlbFormatter, rawLabel);
+
+ if (customFormatter !== undefined) {
+ label = customFormatter(rawLabel, this.xaxisLabels[_i], _i);
+ }
+
+ var x = xPos - colWidth / 2 + w.config.xaxis.labels.offsetX;
+
+ if (w.globals.timelineLabels.length > 0) {
+ x = w.globals.timelineLabels[_i].position;
+ label = w.globals.timelineLabels[_i].value;
+ } else {
+ if (w.config.xaxis.type === 'datetime' && customFormatter === undefined) {
+ label = '';
+ }
+ }
+
+ if (typeof label === 'undefined') label = '';
+ label = label.toString();
+
+ if (label.indexOf('NaN') === 0 || label.toLowerCase().indexOf('invalid') === 0 || label.toLowerCase().indexOf('infinity') >= 0 || this.drawnLabels.indexOf(label) >= 0 && !w.config.xaxis.labels.showDuplicates) {
+ label = '';
+ }
+
+ this.drawnLabels.push(label);
+ var offsetYCorrection = 28;
+
+ if (w.globals.rotateXLabels) {
+ offsetYCorrection = 22;
+ }
+
+ var elTick = graphics.drawText({
+ x: x,
+ y: this.offY + w.config.xaxis.labels.offsetY + offsetYCorrection,
+ text: '',
+ textAnchor: 'middle',
+ fontSize: this.xaxisFontSize,
+ fontFamily: this.xaxisFontFamily,
+ foreColor: Array.isArray(this.xaxisForeColors) ? this.xaxisForeColors[_i] : this.xaxisForeColors,
+ cssClass: 'apexcharts-xaxis-label ' + w.config.xaxis.labels.style.cssClass
+ });
+ elXaxisTexts.add(elTick);
+ graphics.addTspan(elTick, label, this.xaxisFontFamily);
+ var elTooltipTitle = document.createElementNS(w.globals.SVGNS, 'title');
+ elTooltipTitle.textContent = label;
+ elTick.node.appendChild(elTooltipTitle);
+ xPos = xPos + colWidth;
+ }
+ }
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var elXaxisTitle = graphics.group({
+ class: 'apexcharts-xaxis-title'
+ });
+ var elXAxisTitleText = graphics.drawText({
+ x: w.globals.gridWidth / 2 + w.config.xaxis.title.offsetX,
+ y: this.offY - parseInt(this.xaxisFontSize) + w.globals.xAxisLabelsHeight + w.config.xaxis.title.offsetY,
+ text: w.config.xaxis.title.text,
+ textAnchor: 'middle',
+ fontSize: w.config.xaxis.title.style.fontSize,
+ fontFamily: w.config.xaxis.title.style.fontFamily,
+ foreColor: w.config.xaxis.title.style.color,
+ cssClass: 'apexcharts-xaxis-title-text ' + w.config.xaxis.title.style.cssClass
+ });
+ elXaxisTitle.add(elXAxisTitleText);
+ elXaxis.add(elXaxisTitle);
+ }
+
+ if (w.config.xaxis.axisBorder.show) {
+ var lineCorrection = 0;
+
+ if (w.config.chart.type === 'bar' && w.globals.isXNumeric) {
+ lineCorrection = lineCorrection - 15;
+ }
+
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal + lineCorrection + w.config.xaxis.axisBorder.offsetX, this.offY, this.xaxisBorderWidth, this.offY, w.config.xaxis.axisBorder.color, 0, this.xaxisBorderHeight);
+ elXaxis.add(elHorzLine);
+ }
+
+ return elXaxis;
+ } // this actually becomes the vertical axis (for bar charts)
+
+ }, {
+ key: "drawXaxisInversed",
+ value: function drawXaxisInversed(realIndex) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var translateYAxisX = w.config.yaxis[0].opposite ? w.globals.translateYAxisX[realIndex] : 0;
+ var elYaxis = graphics.group({
+ class: 'apexcharts-yaxis apexcharts-xaxis-inversed',
+ rel: realIndex
+ });
+ var elYaxisTexts = graphics.group({
+ class: 'apexcharts-yaxis-texts-g apexcharts-xaxis-inversed-texts-g',
+ transform: 'translate(' + translateYAxisX + ', 0)'
+ });
+ elYaxis.add(elYaxisTexts);
+ var colHeight; // initial x Position (keep adding column width in the loop)
+
+ var yPos;
+ var labels = [];
+
+ for (var i = 0; i < this.xaxisLabels.length; i++) {
+ labels.push(this.xaxisLabels[i]);
+ }
+
+ colHeight = w.globals.gridHeight / labels.length;
+ yPos = -(colHeight / 2.2);
+ var lbFormatter = w.globals.yLabelFormatters[0];
+ var ylabels = w.config.yaxis[0].labels;
+
+ if (ylabels.show) {
+ for (var _i2 = 0; _i2 <= labels.length - 1; _i2++) {
+ var label = typeof labels[_i2] === 'undefined' ? '' : labels[_i2];
+ label = lbFormatter(label);
+ var elLabel = graphics.drawText({
+ x: ylabels.offsetX - 15,
+ y: yPos + colHeight + ylabels.offsetY,
+ text: label,
+ textAnchor: this.yaxis.opposite ? 'start' : 'end',
+ foreColor: ylabels.style.color ? ylabels.style.color : ylabels.style.colors[_i2],
+ fontSize: ylabels.style.fontSize,
+ fontFamily: ylabels.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-label ' + ylabels.style.cssClass
+ }); // let labelRotatingCenter = graphics.rotateAroundCenter(elLabel.node)
+ // if (ylabels.rotate !== 0) {
+ // elLabel.node.setAttribute(
+ // 'transform',
+ // `rotate(${ylabels.rotate} ${labelRotatingCenter.x} ${labelRotatingCenter.y})`
+ // )
+ // }
+
+ elYaxisTexts.add(elLabel);
+ yPos = yPos + colHeight;
+ }
+ }
+
+ if (w.config.yaxis[0].title.text !== undefined) {
+ var elXaxisTitle = graphics.group({
+ class: 'apexcharts-yaxis-title apexcharts-xaxis-title-inversed',
+ transform: 'translate(' + translateYAxisX + ', 0)'
+ });
+ var elXAxisTitleText = graphics.drawText({
+ x: 0,
+ y: w.globals.gridHeight / 2,
+ text: w.config.yaxis[0].title.text,
+ textAnchor: 'middle',
+ foreColor: w.config.yaxis[0].title.style.color,
+ fontSize: w.config.yaxis[0].title.style.fontSize,
+ fontFamily: w.config.yaxis[0].title.style.fontFamily,
+ cssClass: 'apexcharts-yaxis-title-text ' + w.config.yaxis[0].title.style.cssClass
+ });
+ elXaxisTitle.add(elXAxisTitleText);
+ elYaxis.add(elXaxisTitle);
+ }
+
+ if (w.config.xaxis.axisBorder.show) {
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal + w.config.xaxis.axisBorder.offsetX, this.offY, this.xaxisBorderWidth, this.offY, this.yaxis.axisBorder.color, 0, this.xaxisBorderHeight);
+ elYaxis.add(elHorzLine); // let x = w.globals.yAxisWidths[0] / 2
+ // if (w.config.yaxis[0].opposite) {
+ // x = -w.globals.yAxisWidths[0] / 2
+ // }
+
+ var yaxis = new YAxis(this.ctx);
+ yaxis.drawAxisTicks(0, labels.length, w.config.yaxis[0].axisBorder, w.config.yaxis[0].axisTicks, 0, colHeight, elYaxis);
+ }
+
+ return elYaxis;
+ }
+ }, {
+ key: "drawXaxisTicks",
+ value: function drawXaxisTicks(x1, appendToElement) {
+ var w = this.w;
+ var x2 = x1;
+ if (x1 < 0 || x1 > w.globals.gridWidth) return;
+ var y1 = this.offY + w.config.xaxis.axisTicks.offsetY;
+ var y2 = y1 + w.config.xaxis.axisTicks.height;
+
+ if (w.config.xaxis.axisTicks.show) {
+ var graphics = new Graphics(this.ctx);
+ var line = graphics.drawLine(x1 + w.config.xaxis.axisTicks.offsetX, y1 + w.config.xaxis.offsetY, x2 + w.config.xaxis.axisTicks.offsetX, y2 + w.config.xaxis.offsetY, w.config.xaxis.axisTicks.color); // we are not returning anything, but appending directly to the element pased in param
+
+ appendToElement.add(line);
+ line.node.classList.add('apexcharts-xaxis-tick');
+ }
+ }
+ }, {
+ key: "getXAxisTicksPositions",
+ value: function getXAxisTicksPositions() {
+ var w = this.w;
+ var xAxisTicksPositions = [];
+ var xCount = this.xaxisLabels.length;
+ var x1 = w.globals.padHorizontal;
+
+ if (w.globals.timelineLabels.length > 0) {
+ for (var i = 0; i < xCount; i++) {
+ x1 = this.xaxisLabels[i].position;
+ xAxisTicksPositions.push(x1);
+ }
+ } else {
+ var xCountForCategoryCharts = xCount;
+
+ for (var _i3 = 0; _i3 < xCountForCategoryCharts; _i3++) {
+ var x1Count = xCountForCategoryCharts;
+
+ if (w.globals.isXNumeric && w.config.chart.type !== 'bar') {
+ x1Count -= 1;
+ }
+
+ x1 = x1 + w.globals.gridWidth / x1Count;
+ xAxisTicksPositions.push(x1);
+ }
+ }
+
+ return xAxisTicksPositions;
+ } // to rotate x-axis labels or to put ... for longer text in xaxis
+
+ }, {
+ key: "xAxisLabelCorrections",
+ value: function xAxisLabelCorrections() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var xAxis = w.globals.dom.baseEl.querySelector('.apexcharts-xaxis-texts-g');
+ var xAxisTexts = w.globals.dom.baseEl.querySelectorAll('.apexcharts-xaxis-texts-g text');
+ var yAxisTextsInversed = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxis-inversed text');
+ var xAxisTextsInversed = w.globals.dom.baseEl.querySelectorAll('.apexcharts-xaxis-inversed-texts-g text');
+
+ if (w.globals.rotateXLabels || w.config.xaxis.labels.rotateAlways) {
+ for (var xat = 0; xat < xAxisTexts.length; xat++) {
+ var textRotatingCenter = graphics.rotateAroundCenter(xAxisTexts[xat]);
+ textRotatingCenter.y = textRotatingCenter.y - 1; // + tickWidth/4;
+
+ textRotatingCenter.x = textRotatingCenter.x + 1;
+ xAxisTexts[xat].setAttribute('transform', "rotate(".concat(w.config.xaxis.labels.rotate, " ").concat(textRotatingCenter.x, " ").concat(textRotatingCenter.y, ")"));
+ xAxisTexts[xat].setAttribute('text-anchor', "end");
+ var offsetHeight = 10;
+ xAxis.setAttribute('transform', "translate(0, ".concat(-offsetHeight, ")"));
+ var tSpan = xAxisTexts[xat].childNodes;
+
+ if (w.config.xaxis.labels.trim) {
+ graphics.placeTextWithEllipsis(tSpan[0], tSpan[0].textContent, w.config.xaxis.labels.maxHeight - 40);
+ }
+ }
+ } else {
+ var width = w.globals.gridWidth / w.globals.labels.length;
+
+ for (var _xat = 0; _xat < xAxisTexts.length; _xat++) {
+ var _tSpan = xAxisTexts[_xat].childNodes;
+
+ if (w.config.xaxis.labels.trim && w.config.chart.type !== 'bar' && w.config.plotOptions.bar.horizontal) {
+ graphics.placeTextWithEllipsis(_tSpan[0], _tSpan[0].textContent, width);
+ }
+ }
+ }
+
+ if (yAxisTextsInversed.length > 0) {
+ // truncate rotated y axis in bar chart (x axis)
+ var firstLabelPosX = yAxisTextsInversed[yAxisTextsInversed.length - 1].getBBox();
+ var lastLabelPosX = yAxisTextsInversed[0].getBBox();
+
+ if (firstLabelPosX.x < -20) {
+ yAxisTextsInversed[yAxisTextsInversed.length - 1].parentNode.removeChild(yAxisTextsInversed[yAxisTextsInversed.length - 1]);
+ }
+
+ if (lastLabelPosX.x + lastLabelPosX.width > w.globals.gridWidth) {
+ yAxisTextsInversed[0].parentNode.removeChild(yAxisTextsInversed[0]);
+ } // truncate rotated x axis in bar chart (y axis)
+
+
+ for (var _xat2 = 0; _xat2 < xAxisTextsInversed.length; _xat2++) {
+ graphics.placeTextWithEllipsis(xAxisTextsInversed[_xat2], xAxisTextsInversed[_xat2].textContent, w.config.yaxis[0].labels.maxWidth - parseInt(w.config.yaxis[0].title.style.fontSize) * 2 - 20);
+ }
+ }
+ } // renderXAxisBands() {
+ // let w = this.w;
+ // let plotBand = document.createElementNS(w.globals.SVGNS, 'rect')
+ // w.globals.dom.elGraphical.add(plotBand)
+ // }
+
+ }]);
+
+ return XAxis;
+ }();
+
+ var Range =
+ /*#__PURE__*/
+ function () {
+ function Range(ctx) {
+ _classCallCheck(this, Range);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ } // http://stackoverflow.com/questions/326679/choosing-an-attractive-linear-scale-for-a-graphs-y-axiss
+ // This routine creates the Y axis values for a graph.
+
+
+ _createClass(Range, [{
+ key: "niceScale",
+ value: function niceScale(yMin, yMax) {
+ var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+ var ticks = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 10;
+
+ if (yMin === Number.MIN_VALUE && yMax === 0 || !Utils.isNumber(yMin) && !Utils.isNumber(yMax) || yMin === Number.MIN_VALUE && yMax === -Number.MAX_VALUE) {
+ // when all values are 0
+ yMin = 0;
+ yMax = ticks;
+ var linearScale = this.linearScale(yMin, yMax, ticks);
+ return linearScale;
+ }
+
+ if (yMin > yMax) {
+ // if somehow due to some wrong config, user sent max less than min,
+ // adjust the min/max again
+ console.warn('yaxis.min cannot be greater than yaxis.max');
+ yMax = yMin + 0.1;
+ } else if (yMin === yMax) {
+ // If yMin and yMax are identical, then
+ // adjust the yMin and yMax values to actually
+ // make a graph. Also avoids division by zero errors.
+ yMin = yMin === 0 ? 0 : yMin - 0.1; // some small value
+
+ yMax = yMax === 0 ? 2 : yMax + 0.1; // some small value
+ } // Calculate Min amd Max graphical labels and graph
+ // increments. The number of ticks defaults to
+ // 10 which is the SUGGESTED value. Any tick value
+ // entered is used as a suggested value which is
+ // adjusted to be a 'pretty' value.
+ //
+ // Output will be an array of the Y axis values that
+ // encompass the Y values.
+
+
+ var result = []; // Determine Range
+
+ var range = yMax - yMin;
+ var tiks = ticks + 1; // Adjust ticks if needed
+
+ if (tiks < 2) {
+ tiks = 2;
+ } else if (tiks > 2) {
+ tiks -= 2;
+ } // Get raw step value
+
+
+ var tempStep = range / tiks; // Calculate pretty step value
+
+ var mag = Math.floor(Utils.log10(tempStep));
+ var magPow = Math.pow(10, mag);
+ var magMsd = parseInt(tempStep / magPow);
+ var stepSize = magMsd * magPow; // build Y label array.
+ // Lower and upper bounds calculations
+
+ var lb = stepSize * Math.floor(yMin / stepSize);
+ var ub = stepSize * Math.ceil(yMax / stepSize); // Build array
+
+ var val = lb;
+
+ while (1) {
+ result.push(val);
+ val += stepSize;
+
+ if (val > ub) {
+ break;
+ }
+ } // TODO: need to remove this condition below which makes this function tightly coupled with w.
+
+
+ if (this.w.config.yaxis[index].max === undefined && this.w.config.yaxis[index].min === undefined || this.w.config.yaxis[index].forceNiceScale) {
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ } else {
+ result = [];
+ var v = yMin;
+ result.push(v);
+ var valuesDivider = Math.abs(yMax - yMin) / ticks;
+
+ for (var i = 0; i <= ticks - 1; i++) {
+ v = v + valuesDivider;
+ result.push(v);
+ }
+
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ }
+ }
+ }, {
+ key: "linearScale",
+ value: function linearScale(yMin, yMax) {
+ var ticks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+ var range = Math.abs(yMax - yMin);
+ var step = range / ticks;
+
+ if (ticks === Number.MAX_VALUE) {
+ ticks = 10;
+ step = 1;
+ }
+
+ var result = [];
+ var v = yMin;
+
+ while (ticks >= 0) {
+ result.push(v);
+ v = v + step;
+ ticks -= 1;
+ }
+
+ return {
+ result: result,
+ niceMin: result[0],
+ niceMax: result[result.length - 1]
+ };
+ }
+ }, {
+ key: "logarithmicScale",
+ value: function logarithmicScale(index, yMin, yMax, ticks) {
+ if (yMin < 0 || yMin === Number.MIN_VALUE) yMin = 0.01;
+ var base = 10;
+ var min = Math.log(yMin) / Math.log(base);
+ var max = Math.log(yMax) / Math.log(base);
+ var range = Math.abs(yMax - yMin);
+ var step = range / ticks;
+ var result = [];
+ var v = yMin;
+
+ while (ticks >= 0) {
+ result.push(v);
+ v = v + step;
+ ticks -= 1;
+ }
+
+ var logs = result.map(function (niceNumber, i) {
+ if (niceNumber <= 0) {
+ niceNumber = 0.01;
+ } // calculate adjustment factor
+
+
+ var scale = (max - min) / (yMax - yMin);
+ var logVal = Math.pow(base, min + scale * (niceNumber - min));
+ return Math.round(logVal / Utils.roundToBase(logVal, base)) * Utils.roundToBase(logVal, base);
+ }); // Math.floor may have rounded the value to 0, revert back to 1
+
+ if (logs[0] === 0) logs[0] = 1;
+ return {
+ result: logs,
+ niceMin: logs[0],
+ niceMax: logs[logs.length - 1]
+ };
+ }
+ }, {
+ key: "setYScaleForIndex",
+ value: function setYScaleForIndex(index, minY, maxY) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var y = this.isBarHorizontal ? cnf.xaxis : cnf.yaxis[index];
+
+ if (typeof gl.yAxisScale[index] === 'undefined') {
+ gl.yAxisScale[index] = [];
+ }
+
+ if (y.logarithmic) {
+ gl.allSeriesCollapsed = false;
+ gl.yAxisScale[index] = this.logarithmicScale(index, minY, maxY, y.tickAmount ? y.tickAmount : Math.floor(Math.log10(maxY)));
+ } else {
+ if (maxY === -Number.MAX_VALUE || !Utils.isNumber(maxY)) {
+ // no data in the chart. Either all series collapsed or user passed a blank array
+ gl.yAxisScale[index] = this.linearScale(0, 5, 5);
+ } else {
+ // there is some data. Turn off the allSeriesCollapsed flag
+ gl.allSeriesCollapsed = false;
+ gl.yAxisScale[index] = this.niceScale(minY, maxY, index, // fix https://github.com/apexcharts/apexcharts.js/issues/397
+ y.tickAmount ? y.tickAmount : maxY < 5 && maxY > 1 ? maxY + 1 : 5); //
+ }
+ }
+ }
+ }, {
+ key: "setMultipleYScales",
+ value: function setMultipleYScales() {
+ var _this = this;
+
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var minYArr = gl.minYArr.concat([]);
+ var maxYArr = gl.maxYArr.concat([]);
+ var scalesIndices = []; // here, we loop through the yaxis array and find the item which has "seriesName" property
+
+ cnf.yaxis.forEach(function (yaxe, i) {
+ var index = i;
+ cnf.series.forEach(function (s, si) {
+ // if seriesName matches and that series is not collapsed, we use that scale
+ if (s.name === yaxe.seriesName && gl.collapsedSeriesIndices.indexOf(si) === -1) {
+ index = si;
+
+ if (i !== si) {
+ scalesIndices.push({
+ index: si,
+ similarIndex: i,
+ alreadyExists: true
+ });
+ } else {
+ scalesIndices.push({
+ index: si
+ });
+ }
+ }
+ });
+ var minY = minYArr[index];
+ var maxY = maxYArr[index];
+
+ _this.setYScaleForIndex(i, minY, maxY);
+ });
+ this.sameScaleInMultipleAxes(minYArr, maxYArr, scalesIndices);
+ }
+ }, {
+ key: "sameScaleInMultipleAxes",
+ value: function sameScaleInMultipleAxes(minYArr, maxYArr, scalesIndices) {
+ var _this2 = this;
+
+ var cnf = this.w.config;
+ var gl = this.w.globals; // we got the scalesIndices array in the above code, but we need to filter out the items which doesn't have same scales
+
+ var similarIndices = [];
+ scalesIndices.forEach(function (scale) {
+ if (scale.alreadyExists) {
+ if (typeof similarIndices[scale.index] === 'undefined') {
+ similarIndices[scale.index] = [];
+ }
+
+ similarIndices[scale.index].push(scale.index);
+ similarIndices[scale.index].push(scale.similarIndex);
+ }
+ });
+
+ function intersect(a, b) {
+ return a.filter(function (value) {
+ return b.indexOf(value) !== -1;
+ });
+ }
+
+ similarIndices.forEach(function (si, i) {
+ similarIndices.forEach(function (sj, j) {
+ if (i !== j) {
+ if (intersect(si, sj).length > 0) {
+ similarIndices[i] = similarIndices[i].concat(similarIndices[j]);
+ }
+ }
+ });
+ }); // then, we remove duplicates from the similarScale array
+
+ var uniqueSimilarIndices = similarIndices.map(function (item) {
+ return item.filter(function (i, pos) {
+ return item.indexOf(i) === pos;
+ });
+ }); // sort further to remove whole duplicate arrays later
+
+ var sortedIndices = uniqueSimilarIndices.map(function (s) {
+ return s.sort();
+ }); // remove undefined items
+
+ similarIndices = similarIndices.filter(function (s) {
+ return !!s;
+ });
+ var indices = sortedIndices.slice();
+ var stringIndices = indices.map(function (ind) {
+ return JSON.stringify(ind);
+ });
+ indices = indices.filter(function (ind, p) {
+ return stringIndices.indexOf(JSON.stringify(ind)) === p;
+ });
+ var sameScaleMinYArr = [];
+ var sameScaleMaxYArr = [];
+ minYArr.forEach(function (minYValue, yi) {
+ indices.forEach(function (scale, i) {
+ // we compare only the yIndex which exists in the indices array
+ if (scale.indexOf(yi) > -1) {
+ if (typeof sameScaleMinYArr[i] === 'undefined') {
+ sameScaleMinYArr[i] = [];
+ sameScaleMaxYArr[i] = [];
+ }
+
+ sameScaleMinYArr[i].push({
+ key: yi,
+ value: minYValue
+ });
+ sameScaleMaxYArr[i].push({
+ key: yi,
+ value: maxYArr[yi]
+ });
+ }
+ });
+ });
+ var sameScaleMin = Array.apply(null, Array(indices.length)).map(Number.prototype.valueOf, Number.MIN_VALUE);
+ var sameScaleMax = Array.apply(null, Array(indices.length)).map(Number.prototype.valueOf, -Number.MAX_VALUE);
+ sameScaleMinYArr.forEach(function (s, i) {
+ s.forEach(function (sc, j) {
+ sameScaleMin[i] = Math.min(sc.value, sameScaleMin[i]);
+ });
+ });
+ sameScaleMaxYArr.forEach(function (s, i) {
+ s.forEach(function (sc, j) {
+ sameScaleMax[i] = Math.max(sc.value, sameScaleMax[i]);
+ });
+ });
+ minYArr.forEach(function (min, i) {
+ sameScaleMaxYArr.forEach(function (s, si) {
+ var minY = sameScaleMin[si];
+ var maxY = sameScaleMax[si];
+ s.forEach(function (ind, k) {
+ if (s[k].key === i) {
+ if (cnf.yaxis[i].min !== undefined) {
+ if (typeof cnf.yaxis[i].min === 'function') {
+ minY = cnf.yaxis[i].min(gl.minY);
+ } else {
+ minY = cnf.yaxis[i].min;
+ }
+ }
+
+ if (cnf.yaxis[i].max !== undefined) {
+ if (typeof cnf.yaxis[i].max === 'function') {
+ maxY = cnf.yaxis[i].max(gl.maxY);
+ } else {
+ maxY = cnf.yaxis[i].max;
+ }
+ }
+
+ _this2.setYScaleForIndex(i, minY, maxY);
+ }
+ });
+ });
+ });
+ }
+ }, {
+ key: "autoScaleY",
+ value: function autoScaleY(ctx, e) {
+ if (!ctx) {
+ ctx = this;
+ }
+
+ var ret = [];
+ ctx.w.config.series.forEach(function (serie) {
+ var min, max;
+ var first = serie.data.find(function (x) {
+ return x[0] >= e.xaxis.min;
+ });
+ var firstValue = first[1];
+ max = min = firstValue;
+ serie.data.forEach(function (data) {
+ if (data[0] <= e.xaxis.max && data[0] >= e.xaxis.min) {
+ if (data[1] > max && data[1] !== null) max = data[1];
+ if (data[1] < min && data[1] !== null) min = data[1];
+ }
+ });
+ min *= 0.95;
+ max *= 1.05;
+ ret.push({
+ min: min,
+ max: max
+ });
+ });
+ return ret;
+ }
+ }]);
+
+ return Range;
+ }();
+
+ /**
+ * Range is used to generates values between min and max.
+ *
+ * @module Range
+ **/
+
+ var Range$1 =
+ /*#__PURE__*/
+ function () {
+ function Range$$1(ctx) {
+ _classCallCheck(this, Range$$1);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ this.scales = new Range(ctx);
+ }
+
+ _createClass(Range$$1, [{
+ key: "init",
+ value: function init() {
+ this.setYRange();
+ this.setXRange();
+ this.setZRange();
+ }
+ }, {
+ key: "getMinYMaxY",
+ value: function getMinYMaxY(startingIndex) {
+ var lowestY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Number.MAX_VALUE;
+ var highestY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -Number.MAX_VALUE;
+ var len = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+ var gl = this.w.globals;
+ var maxY = -Number.MAX_VALUE;
+ var minY = Number.MIN_VALUE;
+
+ if (len === null) {
+ len = startingIndex + 1;
+ }
+
+ var series = gl.series;
+ var seriesMin = series;
+ var seriesMax = series;
+
+ if (this.w.config.chart.type === 'candlestick') {
+ seriesMin = gl.seriesCandleL;
+ seriesMax = gl.seriesCandleH;
+ }
+
+ for (var i = startingIndex; i < len; i++) {
+ gl.dataPoints = Math.max(gl.dataPoints, series[i].length);
+
+ for (var j = 0; j < gl.series[i].length; j++) {
+ if (series[i][j] !== null && Utils.isNumber(series[i][j])) {
+ maxY = Math.max(maxY, seriesMax[i][j]);
+ lowestY = Math.min(lowestY, seriesMin[i][j]);
+ highestY = Math.max(highestY, seriesMin[i][j]);
+
+ if (Utils.isFloat(series[i][j])) {
+ gl.yValueDecimal = Math.max(gl.yValueDecimal, series[i][j].toString().split('.')[1].length);
+ }
+
+ if (minY > seriesMin[i][j] && seriesMin[i][j] < 0) {
+ minY = seriesMin[i][j];
+ }
+ } else {
+ gl.hasNullValues = true;
+ }
+ }
+ }
+
+ return {
+ minY: minY,
+ maxY: maxY,
+ lowestY: lowestY,
+ highestY: highestY
+ };
+ }
+ }, {
+ key: "setYRange",
+ value: function setYRange() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.maxY = -Number.MAX_VALUE;
+ gl.minY = Number.MIN_VALUE;
+ var lowestYInAllSeries = Number.MAX_VALUE;
+
+ if (gl.isMultipleYAxis) {
+ // we need to get minY and maxY for multiple y axis
+ for (var i = 0; i < gl.series.length; i++) {
+ var minYMaxYArr = this.getMinYMaxY(i, lowestYInAllSeries, null, i + 1);
+ gl.minYArr.push(minYMaxYArr.minY);
+ gl.maxYArr.push(minYMaxYArr.maxY);
+ lowestYInAllSeries = minYMaxYArr.lowestY;
+ }
+ } // and then, get the minY and maxY from all series
+
+
+ var minYMaxY = this.getMinYMaxY(0, lowestYInAllSeries, null, gl.series.length);
+ gl.minY = minYMaxY.minY;
+ gl.maxY = minYMaxY.maxY;
+ lowestYInAllSeries = minYMaxY.lowestY;
+
+ if (cnf.chart.stacked) {
+ // for stacked charts, we calculate each series's parallel values. i.e, series[0][j] + series[1][j] .... [series[i.length][j]] and get the max out of it
+ var stackedPoss = [];
+ var stackedNegs = [];
+
+ for (var j = 0; j < gl.series[gl.maxValsInArrayIndex].length; j++) {
+ var poss = 0;
+ var negs = 0;
+
+ for (var _i = 0; _i < gl.series.length; _i++) {
+ if (gl.series[_i][j] !== null && Utils.isNumber(gl.series[_i][j])) {
+ if (gl.series[_i][j] > 0) {
+ // 0.0001 fixes #185 when values are very small
+ poss = poss + parseFloat(gl.series[_i][j]) + 0.0001;
+ } else {
+ negs = negs + parseFloat(gl.series[_i][j]);
+ }
+ }
+
+ if (_i === gl.series.length - 1) {
+ // push all the totals to the array for future use
+ stackedPoss.push(poss);
+ stackedNegs.push(negs);
+ }
+ }
+ } // get the max/min out of the added parallel values
+
+
+ for (var z = 0; z < stackedPoss.length; z++) {
+ gl.maxY = Math.max(gl.maxY, stackedPoss[z]);
+ gl.minY = Math.min(gl.minY, stackedNegs[z]);
+ }
+ } // if the numbers are too big, reduce the range
+ // for eg, if number is between 100000-110000, putting 0 as the lowest value is not so good idea. So change the gl.minY for line/area/candlesticks
+
+
+ if (cnf.chart.type === 'line' || cnf.chart.type === 'area' || cnf.chart.type === 'candlestick') {
+ if (gl.minY === Number.MIN_VALUE && lowestYInAllSeries !== -Number.MAX_VALUE) {
+ var diff = gl.maxY - lowestYInAllSeries;
+
+ if (lowestYInAllSeries >= 0 && lowestYInAllSeries <= 10) {
+ // if minY is already 0/low value, we don't want to go negatives here - so this check is essential.
+ diff = 0;
+ }
+
+ gl.minY = lowestYInAllSeries - diff * 5 / 100;
+ gl.maxY = gl.maxY + diff * 5 / 100 + 0.05;
+ }
+ }
+
+ cnf.yaxis.map(function (yaxe, index) {
+ // override all min/max values by user defined values (y axis)
+ if (yaxe.max !== undefined) {
+ if (typeof yaxe.max === 'number') {
+ gl.maxYArr[index] = yaxe.max;
+ } else if (typeof yaxe.max === 'function') {
+ gl.maxYArr[index] = yaxe.max(gl.maxY);
+ } // gl.maxY is for single y-axis chart, it will be ignored in multi-yaxis
+
+
+ gl.maxY = gl.maxYArr[index];
+ }
+
+ if (yaxe.min !== undefined) {
+ if (typeof yaxe.min === 'number') {
+ gl.minYArr[index] = yaxe.min;
+ } else if (typeof yaxe.min === 'function') {
+ gl.minYArr[index] = yaxe.min(gl.minY);
+ } // gl.minY is for single y-axis chart, it will be ignored in multi-yaxis
+
+
+ gl.minY = gl.minYArr[index];
+ }
+ }); // for horizontal bar charts, we need to check xaxis min/max as user may have specified there
+
+ if (this.isBarHorizontal) {
+ if (cnf.xaxis.min !== undefined && typeof cnf.xaxis.min === 'number') {
+ gl.minY = cnf.xaxis.min;
+ }
+
+ if (cnf.xaxis.max !== undefined && typeof cnf.xaxis.max === 'number') {
+ gl.maxY = cnf.xaxis.max;
+ }
+ } // for multi y-axis we need different scales for each
+
+
+ if (gl.isMultipleYAxis) {
+ this.scales.setMultipleYScales();
+ gl.minY = lowestYInAllSeries;
+ gl.yAxisScale.forEach(function (scale, i) {
+ gl.minYArr[i] = scale.niceMin;
+ gl.maxYArr[i] = scale.niceMax;
+ });
+ } else {
+ this.scales.setYScaleForIndex(0, gl.minY, gl.maxY);
+ gl.minY = gl.yAxisScale[0].niceMin;
+ gl.maxY = gl.yAxisScale[0].niceMax;
+ gl.minYArr[0] = gl.yAxisScale[0].niceMin;
+ gl.maxYArr[0] = gl.yAxisScale[0].niceMax;
+ }
+ }
+ }, {
+ key: "setXRange",
+ value: function setXRange() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var isXNumeric = cnf.xaxis.type === 'numeric' || cnf.xaxis.type === 'datetime' || cnf.xaxis.type === 'category' && !gl.noLabelsProvided; // minX maxX starts here
+
+ if (gl.isXNumeric) {
+ for (var i = 0; i < gl.series.length; i++) {
+ if (gl.labels[i]) {
+ for (var j = 0; j < gl.labels[i].length; j++) {
+ if (gl.labels[i][j] !== null && Utils.isNumber(gl.labels[i][j])) {
+ gl.maxX = Math.max(gl.maxX, gl.labels[i][j]);
+ gl.initialmaxX = Math.max(gl.maxX, gl.labels[i][j]);
+ gl.minX = Math.min(gl.minX, gl.labels[i][j]);
+ gl.initialminX = Math.min(gl.minX, gl.labels[i][j]);
+ }
+ }
+ }
+ }
+ }
+
+ if (gl.noLabelsProvided) {
+ if (cnf.xaxis.categories.length === 0) {
+ gl.maxX = gl.labels[gl.labels.length - 1];
+ gl.initialmaxX = gl.labels[gl.labels.length - 1];
+ gl.minX = 1;
+ gl.initialminX = 1;
+ }
+ } // for numeric xaxis, we need to adjust some padding left and right for bar charts
+
+
+ if (gl.comboChartsHasBars || cnf.chart.type === 'candlestick' || cnf.chart.type === 'bar' && cnf.xaxis.type !== 'category') {
+ if (cnf.xaxis.type !== 'category') {
+ var minX = gl.minX - gl.svgWidth / gl.dataPoints * (Math.abs(gl.maxX - gl.minX) / gl.svgWidth) / 2;
+ gl.minX = minX;
+ gl.initialminX = minX;
+ var maxX = gl.maxX + gl.svgWidth / gl.dataPoints * (Math.abs(gl.maxX - gl.minX) / gl.svgWidth) / 2;
+ gl.maxX = maxX;
+ gl.initialmaxX = maxX;
+ }
+ }
+
+ if (gl.isXNumeric || gl.noLabelsProvided) {
+ var ticks;
+
+ if (cnf.xaxis.tickAmount === undefined) {
+ ticks = Math.round(gl.svgWidth / 150); // no labels provided and total number of dataPoints is less than 20
+
+ if (cnf.xaxis.type === 'numeric' && gl.dataPoints < 20) {
+ ticks = gl.dataPoints - 1;
+ } // this check is for when ticks exceeds total datapoints and that would result in duplicate labels
+
+
+ if (ticks > gl.dataPoints && gl.dataPoints !== 0) {
+ ticks = gl.dataPoints - 1;
+ }
+ } else if (cnf.xaxis.tickAmount === 'dataPoints') {
+ ticks = gl.series[gl.maxValsInArrayIndex].length - 1;
+ } else {
+ ticks = cnf.xaxis.tickAmount;
+ } // override all min/max values by user defined values (x axis)
+
+
+ if (cnf.xaxis.max !== undefined && typeof cnf.xaxis.max === 'number') {
+ gl.maxX = cnf.xaxis.max;
+ }
+
+ if (cnf.xaxis.min !== undefined && typeof cnf.xaxis.min === 'number') {
+ gl.minX = cnf.xaxis.min;
+ } // if range is provided, adjust the new minX
+
+
+ if (cnf.xaxis.range !== undefined) {
+ gl.minX = gl.maxX - cnf.xaxis.range;
+ }
+
+ if (gl.minX !== Number.MAX_VALUE && gl.maxX !== -Number.MAX_VALUE) {
+ gl.xAxisScale = this.scales.linearScale(gl.minX, gl.maxX, ticks);
+ } else {
+ gl.xAxisScale = this.scales.linearScale(1, ticks, ticks);
+
+ if (gl.noLabelsProvided && gl.labels.length > 0) {
+ gl.xAxisScale = this.scales.linearScale(1, gl.labels.length, ticks - 1);
+ gl.seriesX = gl.labels.slice();
+ }
+ } // we will still store these labels as the count for this will be different (to draw grid and labels placement)
+
+
+ if (isXNumeric) {
+ gl.labels = gl.xAxisScale.result.slice();
+ }
+ }
+
+ if (gl.minX === gl.maxX) {
+ // single dataPoint
+ if (cnf.xaxis.type === 'datetime') {
+ var newMinX = new Date(gl.minX);
+ newMinX.setDate(newMinX.getDate() - 2);
+ gl.minX = new Date(newMinX).getTime();
+ var newMaxX = new Date(gl.maxX);
+ newMaxX.setDate(newMaxX.getDate() + 2);
+ gl.maxX = new Date(newMaxX).getTime();
+ } else if (cnf.xaxis.type === 'numeric' || cnf.xaxis.type === 'category' && !gl.noLabelsProvided) {
+ gl.minX = gl.minX - 2;
+ gl.maxX = gl.maxX + 2;
+ }
+ }
+ }
+ }, {
+ key: "setZRange",
+ value: function setZRange() {
+ var gl = this.w.globals; // minZ, maxZ starts here
+
+ if (gl.isDataXYZ) {
+ for (var i = 0; i < gl.series.length; i++) {
+ if (typeof gl.seriesZ[i] !== 'undefined') {
+ for (var j = 0; j < gl.seriesZ[i].length; j++) {
+ if (gl.seriesZ[i][j] !== null && Utils.isNumber(gl.seriesZ[i][j])) {
+ gl.maxZ = Math.max(gl.maxZ, gl.seriesZ[i][j]);
+ gl.minZ = Math.min(gl.minZ, gl.seriesZ[i][j]);
+ }
+ }
+ }
+ }
+ }
+ }
+ }]);
+
+ return Range$$1;
+ }();
+
+ /**
+ * ApexCharts Series Class for interation with the Series of the chart.
+ *
+ * @module Series
+ **/
+
+ var Series =
+ /*#__PURE__*/
+ function () {
+ function Series(ctx) {
+ _classCallCheck(this, Series);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Series, [{
+ key: "getAllSeriesEls",
+ value: function getAllSeriesEls() {
+ return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
+ }
+ }, {
+ key: "getSeriesByName",
+ value: function getSeriesByName(seriesName) {
+ return this.w.globals.dom.baseEl.querySelector(".apexcharts-series.".concat(Utils.escapeString(seriesName)));
+ }
+ }, {
+ key: "addCollapsedClassToSeries",
+ value: function addCollapsedClassToSeries(elSeries, index) {
+ var w = this.w;
+
+ for (var cs = 0; cs < w.globals.collapsedSeries.length; cs++) {
+ if (w.globals.collapsedSeries[cs].index === index) {
+ elSeries.node.classList.add('apexcharts-series-collapsed');
+ }
+ }
+ }
+ }, {
+ key: "toggleSeriesOnHover",
+ value: function toggleSeriesOnHover(e, targetElement) {
+ var w = this.w;
+ var allSeriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series");
+
+ if (e.type === 'mousemove') {
+ var seriesCnt = parseInt(targetElement.getAttribute('rel')) - 1;
+ var seriesEl = null;
+
+ if (w.globals.axisCharts || w.config.chart.type === 'radialBar') {
+ if (w.globals.axisCharts) {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesCnt, "']"));
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "']"));
+ }
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "'] path"));
+ }
+
+ for (var se = 0; se < allSeriesEls.length; se++) {
+ allSeriesEls[se].classList.add('legend-mouseover-inactive');
+ }
+
+ if (seriesEl !== null) {
+ if (!w.globals.axisCharts) {
+ seriesEl.parentNode.classList.remove('legend-mouseover-inactive');
+ }
+
+ seriesEl.classList.remove('legend-mouseover-inactive');
+ }
+ } else if (e.type === 'mouseout') {
+ for (var _se = 0; _se < allSeriesEls.length; _se++) {
+ allSeriesEls[_se].classList.remove('legend-mouseover-inactive');
+ }
+ }
+ }
+ }, {
+ key: "highlightRangeInSeries",
+ value: function highlightRangeInSeries(e, targetElement) {
+ var w = this.w;
+ var allHeatMapElements = w.globals.dom.baseEl.querySelectorAll('.apexcharts-heatmap-rect');
+
+ var allActive = function allActive() {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ allHeatMapElements[i].classList.remove('legend-mouseover-inactive');
+ }
+ };
+
+ var allInactive = function allInactive() {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ allHeatMapElements[i].classList.add('legend-mouseover-inactive');
+ }
+ };
+
+ var selectedActive = function selectedActive(range) {
+ for (var i = 0; i < allHeatMapElements.length; i++) {
+ var val = parseInt(allHeatMapElements[i].getAttribute('val'));
+
+ if (val >= range.from && val <= range.to) {
+ allHeatMapElements[i].classList.remove('legend-mouseover-inactive');
+ }
+ }
+ };
+
+ if (e.type === 'mousemove') {
+ var seriesCnt = parseInt(targetElement.getAttribute('rel')) - 1;
+ allActive();
+ allInactive();
+ var range = w.config.plotOptions.heatmap.colorScale.ranges[seriesCnt];
+ selectedActive(range);
+ } else if (e.type === 'mouseout') {
+ allActive();
+ }
+ }
+ }, {
+ key: "getActiveSeriesIndex",
+ value: function getActiveSeriesIndex() {
+ var w = this.w;
+ var activeIndex = 0;
+
+ if (w.globals.series.length > 1) {
+ // active series flag is required to know if user has not deactivated via legend click
+ var firstActiveSeriesIndex = w.globals.series.map(function (series, index) {
+ if (series.length > 0 && w.config.series[index].type !== 'bar' && w.config.series[index].type !== 'column') {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ if (firstActiveSeriesIndex[a] !== -1) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "getActiveConfigSeriesIndex",
+ value: function getActiveConfigSeriesIndex() {
+ var w = this.w;
+ var activeIndex = 0;
+
+ if (w.config.series.length > 1) {
+ // active series flag is required to know if user has not deactivated via legend click
+ var firstActiveSeriesIndex = w.config.series.map(function (series, index) {
+ if (series.data && series.data.length > 0) {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ if (firstActiveSeriesIndex[a] !== -1) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "getPreviousPaths",
+ value: function getPreviousPaths() {
+ var w = this.w;
+ w.globals.previousPaths = [];
+
+ function pushPaths(seriesEls, i, type) {
+ var paths = seriesEls[i].childNodes;
+ var dArr = {
+ type: type,
+ paths: [],
+ realIndex: seriesEls[i].getAttribute('data:realIndex')
+ };
+
+ for (var j = 0; j < paths.length; j++) {
+ if (paths[j].hasAttribute('pathTo')) {
+ var d = paths[j].getAttribute('pathTo');
+ dArr.paths.push({
+ d: d
+ });
+ }
+ }
+
+ w.globals.previousPaths.push(dArr);
+ }
+
+ var linePaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-line-series .apexcharts-series');
+
+ if (linePaths.length > 0) {
+ for (var p = linePaths.length - 1; p >= 0; p--) {
+ pushPaths(linePaths, p, 'line');
+ }
+ }
+
+ var areapaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-area-series .apexcharts-series');
+
+ if (areapaths.length > 0) {
+ for (var i = areapaths.length - 1; i >= 0; i--) {
+ pushPaths(areapaths, i, 'area');
+ }
+ }
+
+ var barPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-series .apexcharts-series');
+
+ if (barPaths.length > 0) {
+ for (var _p = 0; _p < barPaths.length; _p++) {
+ pushPaths(barPaths, _p, 'bar');
+ }
+ }
+
+ var candlestickPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-candlestick-series .apexcharts-series');
+
+ if (candlestickPaths.length > 0) {
+ for (var _p2 = 0; _p2 < candlestickPaths.length; _p2++) {
+ pushPaths(candlestickPaths, _p2, 'candlestick');
+ }
+ }
+
+ var radarPaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-radar-series .apexcharts-series');
+
+ if (radarPaths.length > 0) {
+ for (var _p3 = 0; _p3 < radarPaths.length; _p3++) {
+ pushPaths(radarPaths, _p3, 'radar');
+ }
+ }
+
+ var bubblepaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bubble-series .apexcharts-series');
+
+ if (bubblepaths.length > 0) {
+ for (var s = 0; s < bubblepaths.length; s++) {
+ var seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-bubble-series .apexcharts-series[data\\:realIndex='".concat(s, "'] circle"));
+ var dArr = [];
+
+ for (var _i = 0; _i < seriesEls.length; _i++) {
+ dArr.push({
+ x: seriesEls[_i].getAttribute('cx'),
+ y: seriesEls[_i].getAttribute('cy'),
+ r: seriesEls[_i].getAttribute('r')
+ });
+ }
+
+ w.globals.previousPaths.push(dArr);
+ }
+ }
+
+ var scatterpaths = w.globals.dom.baseEl.querySelectorAll('.apexcharts-scatter-series .apexcharts-series');
+
+ if (scatterpaths.length > 0) {
+ for (var _s = 0; _s < scatterpaths.length; _s++) {
+ var _seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-scatter-series .apexcharts-series[data\\:realIndex='".concat(_s, "'] circle"));
+
+ var _dArr = [];
+
+ for (var _i2 = 0; _i2 < _seriesEls.length; _i2++) {
+ _dArr.push({
+ x: _seriesEls[_i2].getAttribute('cx'),
+ y: _seriesEls[_i2].getAttribute('cy'),
+ r: _seriesEls[_i2].getAttribute('r')
+ });
+ }
+
+ w.globals.previousPaths.push(_dArr);
+ }
+ }
+
+ var heatmapColors = w.globals.dom.baseEl.querySelectorAll('.apexcharts-heatmap .apexcharts-series');
+
+ if (heatmapColors.length > 0) {
+ for (var h = 0; h < heatmapColors.length; h++) {
+ var _seriesEls2 = w.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap .apexcharts-series[data\\:realIndex='".concat(h, "'] rect"));
+
+ var _dArr2 = [];
+
+ for (var _i3 = 0; _i3 < _seriesEls2.length; _i3++) {
+ _dArr2.push({
+ color: _seriesEls2[_i3].getAttribute('color')
+ });
+ }
+
+ w.globals.previousPaths.push(_dArr2);
+ }
+ }
+
+ if (!w.globals.axisCharts) {
+ // for non-axis charts (i.e., circular charts, pathFrom is not usable. We need whole series)
+ w.globals.previousPaths = w.globals.series;
+ }
+ }
+ }, {
+ key: "handleNoData",
+ value: function handleNoData() {
+ var w = this.w;
+ var me = this;
+ var noDataOpts = w.config.noData;
+ var graphics = new Graphics(me.ctx);
+ var x = w.globals.svgWidth / 2;
+ var y = w.globals.svgHeight / 2;
+ var textAnchor = 'middle';
+ w.globals.noData = true;
+ w.globals.animationEnded = true;
+
+ if (noDataOpts.align === 'left') {
+ x = 10;
+ textAnchor = 'start';
+ } else if (noDataOpts.align === 'right') {
+ x = w.globals.svgWidth - 10;
+ textAnchor = 'end';
+ }
+
+ if (noDataOpts.verticalAlign === 'top') {
+ y = 50;
+ } else if (noDataOpts.verticalAlign === 'bottom') {
+ y = w.globals.svgHeight - 50;
+ }
+
+ x = x + noDataOpts.offsetX;
+ y = y + parseInt(noDataOpts.style.fontSize) + 2;
+
+ if (noDataOpts.text !== undefined && noDataOpts.text !== '') {
+ var titleText = graphics.drawText({
+ x: x,
+ y: y,
+ text: noDataOpts.text,
+ textAnchor: textAnchor,
+ fontSize: noDataOpts.style.fontSize,
+ fontFamily: noDataOpts.style.fontFamily,
+ foreColor: noDataOpts.style.color,
+ opacity: 1,
+ class: 'apexcharts-text-nodata'
+ });
+ titleText.node.setAttribute('class', 'apexcharts-title-text');
+ w.globals.dom.Paper.add(titleText);
+ }
+ } // When user clicks on legends, the collapsed series is filled with [0,0,0,...,0]
+ // This is because we don't want to alter the series' length as it is used at many places
+
+ }, {
+ key: "setNullSeriesToZeroValues",
+ value: function setNullSeriesToZeroValues(series) {
+ var w = this.w;
+
+ for (var sl = 0; sl < series.length; sl++) {
+ if (series[sl].length === 0) {
+ for (var j = 0; j < series[w.globals.maxValsInArrayIndex].length; j++) {
+ series[sl].push(0);
+ }
+ }
+ }
+
+ return series;
+ }
+ }, {
+ key: "hasAllSeriesEqualX",
+ value: function hasAllSeriesEqualX() {
+ var equalLen = true;
+ var w = this.w;
+ var filteredSerX = this.filteredSeriesX();
+
+ for (var i = 0; i < filteredSerX.length - 1; i++) {
+ if (filteredSerX[i][0] !== filteredSerX[i + 1][0]) {
+ equalLen = false;
+ break;
+ }
+ }
+
+ w.globals.allSeriesHasEqualX = equalLen;
+ return equalLen;
+ }
+ }, {
+ key: "filteredSeriesX",
+ value: function filteredSeriesX() {
+ var w = this.w;
+ var filteredSeriesX = w.globals.seriesX.map(function (ser, index) {
+ if (ser.length > 0) {
+ return ser;
+ } else {
+ return [];
+ }
+ });
+ return filteredSeriesX;
+ }
+ }]);
+
+ return Series;
+ }();
+
+ /**
+ * ApexCharts Dimensions Class for calculating rects of all elements that are drawn and will be drawn.
+ *
+ * @module Dimensions
+ **/
+
+ var Dimensions =
+ /*#__PURE__*/
+ function () {
+ function Dimensions(ctx) {
+ _classCallCheck(this, Dimensions);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.lgRect = {};
+ this.yAxisWidth = 0;
+ this.xAxisHeight = 0;
+ this.isSparkline = this.w.config.chart.sparkline.enabled;
+ this.xPadRight = 0;
+ this.xPadLeft = 0;
+ this.isBarHorizontal = !!(this.w.config.chart.type === 'bar' && this.w.config.plotOptions.bar.horizontal);
+ }
+ /**
+ * @memberof Dimensions
+ * @param {object} w - chart context
+ **/
+
+
+ _createClass(Dimensions, [{
+ key: "plotCoords",
+ value: function plotCoords() {
+ var w = this.w;
+ var gl = w.globals;
+ var lgRect = this.getLegendsRect();
+
+ if (gl.axisCharts) {
+ // for line / area / scatter / column
+ this.setGridCoordsForAxisCharts(lgRect);
+ } else {
+ // for pie / donuts / circle
+ this.setGridCoordsForNonAxisCharts(lgRect);
+ }
+
+ this.titleSubtitleOffset(); // after calculating everything, apply padding set by user
+
+ gl.gridHeight = gl.gridHeight - w.config.grid.padding.top - w.config.grid.padding.bottom;
+ gl.gridWidth = gl.gridWidth - w.config.grid.padding.left - w.config.grid.padding.right - this.xPadRight - this.xPadLeft;
+ gl.translateX = gl.translateX + w.config.grid.padding.left + this.xPadLeft;
+ gl.translateY = gl.translateY + w.config.grid.padding.top;
+ }
+ }, {
+ key: "conditionalChecksForAxisCoords",
+ value: function conditionalChecksForAxisCoords(xaxisLabelCoords, xtitleCoords) {
+ var w = this.w;
+ this.xAxisHeight = (xaxisLabelCoords.height + xtitleCoords.height) * w.globals.LINE_HEIGHT_RATIO + 15;
+ this.xAxisWidth = xaxisLabelCoords.width;
+
+ if (this.xAxisHeight - xtitleCoords.height > w.config.xaxis.labels.maxHeight) {
+ this.xAxisHeight = w.config.xaxis.labels.maxHeight;
+ }
+
+ if (w.config.xaxis.labels.minHeight && this.xAxisHeight < w.config.xaxis.labels.minHeight) {
+ this.xAxisHeight = w.config.xaxis.labels.minHeight;
+ }
+
+ if (w.config.xaxis.floating) {
+ this.xAxisHeight = 0;
+ }
+
+ if (!this.isBarHorizontal) {
+ this.yAxisWidth = this.getTotalYAxisWidth();
+ } else {
+ this.yAxisWidth = w.globals.yLabelsCoords[0].width + w.globals.yTitleCoords[0].width + 15;
+ }
+
+ if (!w.globals.isMultipleYAxis) {
+ if (this.yAxisWidth < w.config.yaxis[0].labels.minWidth) {
+ this.yAxisWidth = w.config.yaxis[0].labels.minWidth;
+ }
+
+ if (this.yAxisWidth > w.config.yaxis[0].labels.maxWidth) {
+ this.yAxisWidth = w.config.yaxis[0].labels.maxWidth;
+ }
+ }
+ }
+ }, {
+ key: "setGridCoordsForAxisCharts",
+ value: function setGridCoordsForAxisCharts(lgRect) {
+ var w = this.w;
+ var gl = w.globals;
+ var yaxisLabelCoords = this.getyAxisLabelsCoords();
+ var xaxisLabelCoords = this.getxAxisLabelsCoords();
+ var yTitleCoords = this.getyAxisTitleCoords();
+ var xtitleCoords = this.getxAxisTitleCoords();
+ w.globals.yLabelsCoords = [];
+ w.globals.yTitleCoords = [];
+ w.config.yaxis.map(function (yaxe, index) {
+ // store the labels and titles coords in global vars
+ w.globals.yLabelsCoords.push({
+ width: yaxisLabelCoords[index].width,
+ index: index
+ });
+ w.globals.yTitleCoords.push({
+ width: yTitleCoords[index].width,
+ index: index
+ });
+ });
+ this.conditionalChecksForAxisCoords(xaxisLabelCoords, xtitleCoords);
+ gl.translateXAxisY = w.globals.rotateXLabels ? this.xAxisHeight / 8 : -4;
+ gl.translateXAxisX = w.globals.rotateXLabels && w.globals.isXNumeric && w.config.xaxis.labels.rotate <= -45 ? -this.xAxisWidth / 4 : 0;
+
+ if (this.isBarHorizontal) {
+ gl.rotateXLabels = false;
+ gl.translateXAxisY = -1 * (parseInt(w.config.xaxis.labels.style.fontSize) / 1.5);
+ }
+
+ gl.translateXAxisY = gl.translateXAxisY + w.config.xaxis.labels.offsetY;
+ gl.translateXAxisX = gl.translateXAxisX + w.config.xaxis.labels.offsetX;
+ var yAxisWidth = this.yAxisWidth;
+ var xAxisHeight = this.xAxisHeight;
+ gl.xAxisLabelsHeight = this.xAxisHeight;
+ gl.xAxisHeight = this.xAxisHeight;
+ var translateY = 10;
+
+ if (!w.config.grid.show || w.config.chart.type === 'radar') {
+ yAxisWidth = 0;
+ xAxisHeight = 35;
+ }
+
+ if (this.isSparkline) {
+ lgRect = {
+ height: 0,
+ width: 0
+ };
+ xAxisHeight = 0;
+ yAxisWidth = 0;
+ translateY = 0;
+ }
+
+ this.additionalPaddingXLabels(xaxisLabelCoords);
+
+ switch (w.config.legend.position) {
+ case 'bottom':
+ gl.translateY = translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - lgRect.height - xAxisHeight - (!this.isSparkline ? w.globals.rotateXLabels ? 10 : 15 : 0);
+ gl.gridWidth = gl.svgWidth - yAxisWidth;
+ break;
+
+ case 'top':
+ gl.translateY = lgRect.height + translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - lgRect.height - xAxisHeight - (!this.isSparkline ? w.globals.rotateXLabels ? 10 : 15 : 0);
+ gl.gridWidth = gl.svgWidth - yAxisWidth;
+ break;
+
+ case 'left':
+ gl.translateY = translateY;
+ gl.translateX = lgRect.width + yAxisWidth;
+ gl.gridHeight = gl.svgHeight - xAxisHeight - 12;
+ gl.gridWidth = gl.svgWidth - lgRect.width - yAxisWidth;
+ break;
+
+ case 'right':
+ gl.translateY = translateY;
+ gl.translateX = yAxisWidth;
+ gl.gridHeight = gl.svgHeight - xAxisHeight - 12;
+ gl.gridWidth = gl.svgWidth - lgRect.width - yAxisWidth - 5;
+ break;
+
+ default:
+ throw new Error('Legend position not supported');
+ }
+
+ this.setGridXPosForDualYAxis(yTitleCoords, yaxisLabelCoords); // after drawing everything, set the Y axis positions
+
+ var objyAxis = new YAxis(this.ctx);
+ objyAxis.setYAxisXPosition(yaxisLabelCoords, yTitleCoords);
+ }
+ }, {
+ key: "setGridCoordsForNonAxisCharts",
+ value: function setGridCoordsForNonAxisCharts(lgRect) {
+ var w = this.w;
+ var gl = w.globals;
+ var xPad = 0;
+
+ if (w.config.legend.show && !w.config.legend.floating) {
+ xPad = 20;
+ }
+
+ var offY = 10;
+ var offX = 0;
+
+ if (w.config.chart.type === 'pie' || w.config.chart.type === 'donut') {
+ offY = offY + w.config.plotOptions.pie.offsetY;
+ offX = offX + w.config.plotOptions.pie.offsetX;
+ } else if (w.config.chart.type === 'radialBar') {
+ offY = offY + w.config.plotOptions.radialBar.offsetY;
+ offX = offX + w.config.plotOptions.radialBar.offsetX;
+ }
+
+ if (!w.config.legend.show) {
+ gl.gridHeight = gl.svgHeight - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = offY - 10;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ return;
+ }
+
+ switch (w.config.legend.position) {
+ case 'bottom':
+ gl.gridHeight = gl.svgHeight - lgRect.height - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = offY - 20;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ break;
+
+ case 'top':
+ gl.gridHeight = gl.svgHeight - lgRect.height - 35;
+ gl.gridWidth = gl.gridHeight;
+ gl.translateY = lgRect.height + offY;
+ gl.translateX = offX + (gl.svgWidth - gl.gridWidth) / 2;
+ break;
+
+ case 'left':
+ gl.gridWidth = gl.svgWidth - lgRect.width - xPad;
+ gl.gridHeight = gl.gridWidth;
+ gl.translateY = offY;
+ gl.translateX = offX + lgRect.width + xPad;
+ break;
+
+ case 'right':
+ gl.gridWidth = gl.svgWidth - lgRect.width - xPad - 5;
+ gl.gridHeight = gl.gridWidth;
+ gl.translateY = offY;
+ gl.translateX = offX + 10;
+ break;
+
+ default:
+ throw new Error('Legend position not supported');
+ }
+ }
+ }, {
+ key: "setGridXPosForDualYAxis",
+ value: function setGridXPosForDualYAxis(yTitleCoords, yaxisLabelCoords) {
+ var w = this.w;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (w.globals.ignoreYAxisIndexes.indexOf(index) === -1 && !w.config.yaxis[index].floating && w.config.yaxis[index].show) {
+ if (yaxe.opposite) {
+ w.globals.translateX = w.globals.translateX - (yaxisLabelCoords[index].width + yTitleCoords[index].width) - parseInt(w.config.yaxis[index].labels.style.fontSize) / 1.2 - 12;
+ }
+ }
+ });
+ } // Sometimes, the last labels gets cropped in category/numeric xaxis.
+ // Hence, we add some additional padding based on the label length to avoid the last label being cropped.
+ // NOTE: datetime x-axis won't have any effect with this as we don't know the label length there due to many constraints.
+
+ }, {
+ key: "additionalPaddingXLabels",
+ value: function additionalPaddingXLabels(xaxisLabelCoords) {
+ var _this = this;
+
+ var w = this.w;
+
+ if (w.config.xaxis.type === 'category' && this.isBarHorizontal || w.config.xaxis.type === 'numeric') {
+ var rightPad = function rightPad(labels) {
+ if (w.config.grid.padding.right < labels.width) {
+ _this.xPadRight = labels.width / 2 + 1;
+ }
+ };
+
+ var leftPad = function leftPad(labels) {
+ if (w.config.grid.padding.left < labels.width) {
+ _this.xPadLeft = labels.width / 2 + 1;
+ }
+ };
+
+ var lineArea = w.config.chart.type === 'line' || w.config.chart.type === 'area';
+ w.config.yaxis.forEach(function (yaxe, i) {
+ var shouldPad = !yaxe.show || yaxe.floating || w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || lineArea || yaxe.opposite && _this.isBarHorizontal;
+
+ if (shouldPad) {
+ if (lineArea && w.globals.isMultipleYAxis && w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || _this.isBarHorizontal && yaxe.opposite) {
+ leftPad(xaxisLabelCoords);
+ }
+
+ if (!_this.isBarHorizontal && yaxe.opposite && w.globals.collapsedSeriesIndices.indexOf(i) !== -1 || lineArea && !w.globals.isMultipleYAxis) {
+ rightPad(xaxisLabelCoords);
+ }
+ }
+ });
+ }
+ }
+ }, {
+ key: "titleSubtitleOffset",
+ value: function titleSubtitleOffset() {
+ var w = this.w;
+ var gl = w.globals;
+ var gridShrinkOffset = this.isSparkline ? 0 : 10;
+
+ if (w.config.title.text !== undefined) {
+ gridShrinkOffset += w.config.title.margin;
+ } else {
+ gridShrinkOffset += this.isSparkline ? 0 : 5;
+ }
+
+ if (w.config.subtitle.text !== undefined) {
+ gridShrinkOffset += w.config.subtitle.margin;
+ } else {
+ gridShrinkOffset += this.isSparkline ? 0 : 5;
+ }
+
+ if (w.config.legend.show && w.config.legend.position === 'bottom' && !w.config.legend.floating && w.config.series.length > 1) {
+ gridShrinkOffset += 10;
+ }
+
+ var titleCoords = this.getTitleSubtitleCoords('title');
+ var subtitleCoords = this.getTitleSubtitleCoords('subtitle');
+ gl.gridHeight = gl.gridHeight - titleCoords.height - subtitleCoords.height - gridShrinkOffset;
+ gl.translateY = gl.translateY + titleCoords.height + subtitleCoords.height + gridShrinkOffset;
+ }
+ }, {
+ key: "getTotalYAxisWidth",
+ value: function getTotalYAxisWidth() {
+ var w = this.w;
+ var yAxisWidth = 0;
+ var padding = 10;
+
+ var isHiddenYAxis = function isHiddenYAxis(index) {
+ return w.globals.ignoreYAxisIndexes.indexOf(index) > -1;
+ };
+
+ w.globals.yLabelsCoords.map(function (yLabelCoord, index) {
+ var floating = w.config.yaxis[index].floating;
+
+ if (yLabelCoord.width > 0 && !floating) {
+ yAxisWidth = yAxisWidth + yLabelCoord.width + padding;
+
+ if (isHiddenYAxis(index)) {
+ yAxisWidth = yAxisWidth - yLabelCoord.width - padding;
+ }
+ } else {
+ yAxisWidth = yAxisWidth + (floating || !w.config.yaxis[index].show ? 0 : 5);
+ }
+ });
+ w.globals.yTitleCoords.map(function (yTitleCoord, index) {
+ var floating = w.config.yaxis[index].floating;
+ padding = parseInt(w.config.yaxis[index].title.style.fontSize);
+
+ if (yTitleCoord.width > 0 && !floating) {
+ yAxisWidth = yAxisWidth + yTitleCoord.width + padding;
+
+ if (isHiddenYAxis(index)) {
+ yAxisWidth = yAxisWidth - yTitleCoord.width - padding;
+ }
+ } else {
+ yAxisWidth = yAxisWidth + (floating || !w.config.yaxis[index].show ? 0 : 5);
+ }
+ });
+ return yAxisWidth;
+ }
+ }, {
+ key: "getxAxisTimeScaleLabelsCoords",
+ value: function getxAxisTimeScaleLabelsCoords() {
+ var w = this.w;
+ var rect;
+ var timescaleLabels = w.globals.timelineLabels.slice();
+ var labels = timescaleLabels.map(function (label) {
+ return label.value;
+ }); // get the longest string from the labels array and also apply label formatter to it
+
+ var val = labels.reduce(function (a, b) {
+ // if undefined, maybe user didn't pass the datetime(x) values
+ if (typeof a === 'undefined') {
+ console.error('You have possibly supplied invalid Date format. Please supply a valid JavaScript Date');
+ return 0;
+ } else {
+ return a.length > b.length ? a : b;
+ }
+ }, 0);
+ var graphics = new Graphics(this.ctx);
+ rect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize);
+ var totalWidthRotated = rect.width * 1.05 * labels.length;
+
+ if (totalWidthRotated > w.globals.gridWidth && w.config.xaxis.labels.rotate !== 0) {
+ w.globals.overlappingXLabels = true;
+ }
+
+ return rect;
+ }
+ /**
+ * Get X Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getxAxisLabelsCoords",
+ value: function getxAxisLabelsCoords() {
+ var w = this.w;
+ var xaxisLabels = w.globals.labels.slice();
+ var rect;
+
+ if (w.globals.timelineLabels.length > 0) {
+ var coords = this.getxAxisTimeScaleLabelsCoords();
+ rect = {
+ width: coords.width,
+ height: coords.height
+ };
+ } else {
+ var lgWidthForSideLegends = w.config.legend.position === 'left' && w.config.legend.position === 'right' && !w.config.legend.floating ? this.lgRect.width : 0; // get the longest string from the labels array and also apply label formatter to it
+
+ var val = xaxisLabels.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0); // the labels gets changed for bar charts
+
+ if (this.isBarHorizontal) {
+ val = w.globals.yAxisScale[0].result.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ }
+
+ var xlbFormatter = w.globals.xLabelFormatter;
+ var xFormat = new Formatters(this.ctx);
+ val = xFormat.xLabelFormat(xlbFormatter, val);
+ var graphics = new Graphics(this.ctx);
+ var xLabelrect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize);
+ rect = {
+ width: xLabelrect.width,
+ height: xLabelrect.height
+ };
+
+ if (rect.width * xaxisLabels.length > w.globals.svgWidth - lgWidthForSideLegends - this.yAxisWidth && w.config.xaxis.labels.rotate !== 0) {
+ if (!this.isBarHorizontal) {
+ w.globals.rotateXLabels = true;
+ xLabelrect = graphics.getTextRects(val, w.config.xaxis.labels.style.fontSize, w.config.xaxis.labels.style.fontFamily, "rotate(".concat(w.config.xaxis.labels.rotate, " 0 0)"), false);
+ rect.height = xLabelrect.height / 1.66;
+ }
+ } else {
+ w.globals.rotateXLabels = false;
+ }
+ }
+
+ if (!w.config.xaxis.labels.show) {
+ rect = {
+ width: 0,
+ height: 0
+ };
+ }
+
+ return {
+ width: rect.width,
+ height: rect.height
+ };
+ }
+ /**
+ * Get Y Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getyAxisLabelsCoords",
+ value: function getyAxisLabelsCoords() {
+ var _this2 = this;
+
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+ var ret = [];
+ var labelPad = 10;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (yaxe.show && yaxe.labels.show && w.globals.yAxisScale[index].result.length) {
+ var lbFormatter = w.globals.yLabelFormatters[index]; // the second parameter -1 is the index of tick which user can use in the formatter
+
+ var val = lbFormatter(w.globals.yAxisScale[index].niceMax, -1); // if user has specified a custom formatter, and the result is null or empty, we need to discard the formatter and take the value as it is.
+
+ if (typeof val === 'undefined' || val.length === 0) {
+ val = w.globals.yAxisScale[index].niceMax;
+ }
+
+ if (_this2.isBarHorizontal) {
+ labelPad = 0;
+ var barYaxisLabels = w.globals.labels.slice(); // get the longest string from the labels array and also apply label formatter to it
+
+ val = barYaxisLabels.reduce(function (a, b) {
+ return a.length > b.length ? a : b;
+ }, 0);
+ val = lbFormatter(val, -1);
+ }
+
+ var graphics = new Graphics(_this2.ctx);
+ var rect = graphics.getTextRects(val, yaxe.labels.style.fontSize);
+ ret.push({
+ width: rect.width + labelPad,
+ height: rect.height
+ });
+ } else {
+ ret.push({
+ width: width,
+ height: height
+ });
+ }
+ });
+ return ret;
+ }
+ /**
+ * Get X Axis Title Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getxAxisTitleCoords",
+ value: function getxAxisTitleCoords() {
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+
+ if (w.config.xaxis.title.text !== undefined) {
+ var graphics = new Graphics(this.ctx);
+ var rect = graphics.getTextRects(w.config.xaxis.title.text, w.config.xaxis.title.style.fontSize);
+ width = rect.width;
+ height = rect.height;
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ }
+ /**
+ * Get Y Axis Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getyAxisTitleCoords",
+ value: function getyAxisTitleCoords() {
+ var _this3 = this;
+
+ var w = this.w;
+ var ret = [];
+ w.config.yaxis.map(function (yaxe, index) {
+ if (yaxe.show && yaxe.title.text !== undefined) {
+ var graphics = new Graphics(_this3.ctx);
+ var rect = graphics.getTextRects(yaxe.title.text, yaxe.title.style.fontSize, yaxe.title.style.fontFamily, 'rotate(-90 0 0)', false);
+ ret.push({
+ width: rect.width,
+ height: rect.height
+ });
+ } else {
+ ret.push({
+ width: 0,
+ height: 0
+ });
+ }
+ });
+ return ret;
+ }
+ /**
+ * Get Chart Title/Subtitle Dimensions
+ * @memberof Dimensions
+ * @return {{width, height}}
+ **/
+
+ }, {
+ key: "getTitleSubtitleCoords",
+ value: function getTitleSubtitleCoords(type) {
+ var w = this.w;
+ var width = 0;
+ var height = 0;
+ var floating = type === 'title' ? w.config.title.floating : w.config.subtitle.floating;
+ var el = w.globals.dom.baseEl.querySelector(".apexcharts-".concat(type, "-text"));
+
+ if (el !== null && !floating) {
+ var coord = el.getBoundingClientRect();
+ width = coord.width;
+ height = w.globals.axisCharts ? coord.height + 5 : coord.height;
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ }
+ }, {
+ key: "getLegendsRect",
+ value: function getLegendsRect() {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var lgRect = Object.assign({}, Utils.getBoundingClientRect(elLegendWrap));
+
+ if (elLegendWrap !== null && !w.config.legend.floating && w.config.legend.show) {
+ this.lgRect = {
+ x: lgRect.x,
+ y: lgRect.y,
+ height: lgRect.height,
+ width: lgRect.height === 0 ? 0 : lgRect.width
+ };
+ } else {
+ this.lgRect = {
+ x: 0,
+ y: 0,
+ height: 0,
+ width: 0
+ };
+ }
+
+ return this.lgRect;
+ }
+ }]);
+
+ return Dimensions;
+ }();
+
+ /**
+ * ApexCharts TimeScale Class for generating time ticks for x-axis.
+ *
+ * @module TimeScale
+ **/
+
+ var TimeScale =
+ /*#__PURE__*/
+ function () {
+ function TimeScale(ctx) {
+ _classCallCheck(this, TimeScale);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.timeScaleArray = [];
+ }
+
+ _createClass(TimeScale, [{
+ key: "calculateTimeScaleTicks",
+ value: function calculateTimeScaleTicks(minX, maxX) {
+ var _this = this;
+
+ var w = this.w; // null check when no series to show
+
+ if (w.globals.allSeriesCollapsed) {
+ w.globals.labels = [];
+ w.globals.timelineLabels = [];
+ return [];
+ }
+
+ var dt = new DateTime(this.ctx);
+ var daysDiff = (maxX - minX) / (1000 * 60 * 60 * 24);
+ this.determineInterval(daysDiff);
+ w.globals.disableZoomIn = false;
+ w.globals.disableZoomOut = false;
+
+ if (daysDiff < 0.005) {
+ w.globals.disableZoomIn = true;
+ } else if (daysDiff > 50000) {
+ w.globals.disableZoomOut = true;
+ }
+
+ var timeIntervals = dt.getTimeUnitsfromTimestamp(minX, maxX);
+ var daysWidthOnXAxis = w.globals.gridWidth / daysDiff;
+ var hoursWidthOnXAxis = daysWidthOnXAxis / 24;
+ var minutesWidthOnXAxis = hoursWidthOnXAxis / 60;
+ var numberOfHours = Math.floor(daysDiff * 24);
+ var numberOfMinutes = Math.floor(daysDiff * 24 * 60);
+ var numberOfDays = Math.floor(daysDiff);
+ var numberOfMonths = Math.floor(daysDiff / 30);
+ var numberOfYears = Math.floor(daysDiff / 365);
+ var firstVal = {
+ minMinute: timeIntervals.minMinute,
+ minHour: timeIntervals.minHour,
+ minDate: timeIntervals.minDate,
+ minMonth: timeIntervals.minMonth,
+ minYear: timeIntervals.minYear
+ };
+ var currentMinute = firstVal.minMinute;
+ var currentHour = firstVal.minHour;
+ var currentMonthDate = firstVal.minDate;
+ var currentDate = firstVal.minDate;
+ var currentMonth = firstVal.minMonth;
+ var currentYear = firstVal.minYear;
+ var params = {
+ firstVal: firstVal,
+ currentMinute: currentMinute,
+ currentHour: currentHour,
+ currentMonthDate: currentMonthDate,
+ currentDate: currentDate,
+ currentMonth: currentMonth,
+ currentYear: currentYear,
+ daysWidthOnXAxis: daysWidthOnXAxis,
+ hoursWidthOnXAxis: hoursWidthOnXAxis,
+ minutesWidthOnXAxis: minutesWidthOnXAxis,
+ numberOfMinutes: numberOfMinutes,
+ numberOfHours: numberOfHours,
+ numberOfDays: numberOfDays,
+ numberOfMonths: numberOfMonths,
+ numberOfYears: numberOfYears
+ };
+
+ switch (this.tickInterval) {
+ case 'years':
+ {
+ this.generateYearScale(params);
+ break;
+ }
+
+ case 'months':
+ case 'half_year':
+ {
+ this.generateMonthScale(params);
+ break;
+ }
+
+ case 'months_days':
+ case 'months_fortnight':
+ case 'days':
+ case 'week_days':
+ {
+ this.generateDayScale(params);
+ break;
+ }
+
+ case 'hours':
+ {
+ this.generateHourScale(params);
+ break;
+ }
+
+ case 'minutes':
+ this.generateMinuteScale(params);
+ break;
+ } // first, we will adjust the month values index
+ // as in the upper function, it is starting from 0
+ // we will start them from 1
+
+
+ var adjustedMonthInTimeScaleArray = this.timeScaleArray.map(function (ts) {
+ var defaultReturn = {
+ position: ts.position,
+ unit: ts.unit,
+ year: ts.year,
+ day: ts.day ? ts.day : 1,
+ hour: ts.hour ? ts.hour : 0,
+ month: ts.month + 1
+ };
+
+ if (ts.unit === 'month') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value + 1
+ });
+ } else if (ts.unit === 'day' || ts.unit === 'hour') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value
+ });
+ } else if (ts.unit === 'minute') {
+ return _objectSpread({}, defaultReturn, {
+ value: ts.value,
+ minute: ts.value
+ });
+ }
+
+ return ts;
+ });
+ var filteredTimeScale = adjustedMonthInTimeScaleArray.filter(function (ts) {
+ var modulo = 1;
+ var ticks = Math.ceil(w.globals.gridWidth / 120);
+ var value = ts.value;
+
+ if (w.config.xaxis.tickAmount !== undefined) {
+ ticks = w.config.xaxis.tickAmount;
+ }
+
+ if (adjustedMonthInTimeScaleArray.length > ticks) {
+ modulo = Math.floor(adjustedMonthInTimeScaleArray.length / ticks);
+ }
+
+ var shouldNotSkipUnit = false; // there is a big change in unit i.e days to months
+
+ var shouldNotPrint = false; // should skip these values
+
+ switch (_this.tickInterval) {
+ case 'half_year':
+ modulo = 7;
+
+ if (ts.unit === 'year') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'months':
+ modulo = 1;
+
+ if (ts.unit === 'year') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'months_fortnight':
+ modulo = 15;
+
+ if (ts.unit === 'year' || ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ if (value === 30) {
+ shouldNotPrint = true;
+ }
+
+ break;
+
+ case 'months_days':
+ modulo = 10;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ if (value === 30) {
+ shouldNotPrint = true;
+ }
+
+ break;
+
+ case 'week_days':
+ modulo = 8;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'days':
+ modulo = 1;
+
+ if (ts.unit === 'month') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'hours':
+ if (ts.unit === 'day') {
+ shouldNotSkipUnit = true;
+ }
+
+ break;
+
+ case 'minutes':
+ if (value % 5 !== 0) {
+ shouldNotPrint = true;
+ }
+
+ break;
+ }
+
+ if (_this.tickInterval === 'minutes' || _this.tickInterval === 'hours') {
+ if (!shouldNotPrint) {
+ return true;
+ }
+ } else {
+ if ((value % modulo === 0 || shouldNotSkipUnit) && !shouldNotPrint) {
+ return true;
+ }
+ }
+ });
+ return filteredTimeScale;
+ }
+ }, {
+ key: "recalcDimensionsBasedOnFormat",
+ value: function recalcDimensionsBasedOnFormat(filteredTimeScale) {
+ var w = this.w;
+ var reformattedTimescaleArray = this.formatDates(filteredTimeScale);
+ var removedOverlappingTS = this.removeOverlappingTS(reformattedTimescaleArray);
+ w.globals.timelineLabels = removedOverlappingTS.slice(); // at this stage, we need to re-calculate coords of the grid as timeline labels may have altered the xaxis labels coords
+ // The reason we can't do this prior to this stage is because timeline labels depends on gridWidth, and as the ticks are calculated based on available gridWidth, there can be unknown number of ticks generated for different minX and maxX
+ // Dependency on Dimensions(), need to refactor correctly
+ // TODO - find an alternate way to avoid calling this Heavy method twice
+
+ var dimensions = new Dimensions(this.ctx);
+ dimensions.plotCoords();
+ }
+ }, {
+ key: "determineInterval",
+ value: function determineInterval(daysDiff) {
+ switch (true) {
+ case daysDiff > 1825:
+ // difference is more than 5 years
+ this.tickInterval = 'years';
+ break;
+
+ case daysDiff > 800 && daysDiff <= 1825:
+ this.tickInterval = 'half_year';
+ break;
+
+ case daysDiff > 180 && daysDiff <= 800:
+ this.tickInterval = 'months';
+ break;
+
+ case daysDiff > 90 && daysDiff <= 180:
+ this.tickInterval = 'months_fortnight';
+ break;
+
+ case daysDiff > 60 && daysDiff <= 90:
+ this.tickInterval = 'months_days';
+ break;
+
+ case daysDiff > 30 && daysDiff <= 60:
+ this.tickInterval = 'week_days';
+ break;
+
+ case daysDiff > 2 && daysDiff <= 30:
+ this.tickInterval = 'days';
+ break;
+
+ case daysDiff > 0.1 && daysDiff <= 2:
+ // less than 2 days
+ this.tickInterval = 'hours';
+ break;
+
+ case daysDiff < 0.1:
+ this.tickInterval = 'minutes';
+ break;
+
+ default:
+ this.tickInterval = 'days';
+ break;
+ }
+ }
+ }, {
+ key: "generateYearScale",
+ value: function generateYearScale(params) {
+ var firstVal = params.firstVal,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ daysWidthOnXAxis = params.daysWidthOnXAxis,
+ numberOfYears = params.numberOfYears;
+ var firstTickValue = firstVal.minYear;
+ var firstTickPosition = 0;
+ var dt = new DateTime(this.ctx);
+ var unit = 'year';
+
+ if (firstVal.minDate > 1 && firstVal.minMonth > 0) {
+ var remainingDays = dt.determineRemainingDaysOfYear(firstVal.minYear, firstVal.minMonth, firstVal.minDate); // remainingDaysofFirstMonth is used to reacht the 2nd tick position
+
+ var remainingDaysOfFirstYear = dt.determineDaysOfYear(firstVal.minYear) - remainingDays + 1; // calculate the first tick position
+
+ firstTickPosition = remainingDaysOfFirstYear * daysWidthOnXAxis;
+ firstTickValue = firstVal.minYear + 1; // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: firstTickValue,
+ month: Utils.monthMod(currentMonth + 1)
+ });
+ } else if (firstVal.minDate === 1 && firstVal.minMonth === 0) {
+ // push the first tick in the array
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(currentMonth + 1)
+ });
+ }
+
+ var year = firstTickValue;
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfYears; i++) {
+ year++;
+ pos = dt.determineDaysOfYear(year - 1) * daysWidthOnXAxis + pos;
+ this.timeScaleArray.push({
+ position: pos,
+ value: year,
+ unit: unit,
+ year: year,
+ month: 1
+ });
+ }
+ }
+ }, {
+ key: "generateMonthScale",
+ value: function generateMonthScale(params) {
+ var firstVal = params.firstVal,
+ currentMonthDate = params.currentMonthDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ daysWidthOnXAxis = params.daysWidthOnXAxis,
+ numberOfMonths = params.numberOfMonths;
+ var firstTickValue = currentMonth;
+ var firstTickPosition = 0;
+ var dt = new DateTime(this.ctx);
+ var unit = 'month';
+ var yrCounter = 0;
+
+ if (firstVal.minDate > 1) {
+ // remainingDaysofFirstMonth is used to reacht the 2nd tick position
+ var remainingDaysOfFirstMonth = dt.determineDaysOfMonths(currentMonth + 1, firstVal.minYear) - currentMonthDate + 1; // calculate the first tick position
+
+ firstTickPosition = remainingDaysOfFirstMonth * daysWidthOnXAxis;
+ firstTickValue = Utils.monthMod(currentMonth + 1);
+ var year = currentYear + yrCounter;
+
+ var _month = Utils.monthMod(firstTickValue);
+
+ var value = firstTickValue; // it's Jan, so update the year
+
+ if (firstTickValue === 0) {
+ unit = 'year';
+ value = year;
+ _month = 1;
+ yrCounter += 1;
+ year = year + yrCounter;
+ } // push the first tick in the array
+
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: value,
+ unit: unit,
+ year: year,
+ month: _month
+ });
+ } else {
+ // push the first tick in the array
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(currentMonth)
+ });
+ }
+
+ var month = firstTickValue + 1;
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0, j = 1; i < numberOfMonths; i++, j++) {
+ month = Utils.monthMod(month);
+
+ if (month === 0) {
+ unit = 'year';
+ yrCounter += 1;
+ } else {
+ unit = 'month';
+ }
+
+ var _year = currentYear + Math.floor(month / 12) + yrCounter;
+
+ pos = dt.determineDaysOfMonths(month, _year) * daysWidthOnXAxis + pos;
+ var monthVal = month === 0 ? _year : month;
+ this.timeScaleArray.push({
+ position: pos,
+ value: monthVal,
+ unit: unit,
+ year: _year,
+ month: month === 0 ? 1 : month
+ });
+ month++;
+ }
+ }
+ }, {
+ key: "generateDayScale",
+ value: function generateDayScale(params) {
+ var firstVal = params.firstVal,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ hoursWidthOnXAxis = params.hoursWidthOnXAxis,
+ numberOfDays = params.numberOfDays;
+ var dt = new DateTime(this.ctx);
+ var unit = 'day';
+ var remainingHours = 24 - firstVal.minHour;
+ var yrCounter = 0; // calculate the first tick position
+
+ var firstTickPosition = remainingHours * hoursWidthOnXAxis;
+ var firstTickValue = firstVal.minDate + 1;
+ var val = firstTickValue;
+
+ var changeMonth = function changeMonth(dateVal, month, year) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, year);
+
+ if (dateVal > monthdays) {
+ month = month + 1;
+ date = 1;
+ unit = 'month';
+ val = month;
+ return month;
+ }
+
+ return month;
+ };
+
+ var date = firstTickValue;
+ var month = changeMonth(date, currentMonth, currentYear); // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: val,
+ unit: unit,
+ year: currentYear,
+ month: Utils.monthMod(month),
+ day: date
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfDays; i++) {
+ date += 1;
+ unit = 'day';
+ month = changeMonth(date, month, currentYear + Math.floor(month / 12) + yrCounter);
+ var year = currentYear + Math.floor(month / 12) + yrCounter;
+ pos = 24 * hoursWidthOnXAxis + pos;
+
+ var _val = date === 1 ? Utils.monthMod(month) : date;
+
+ this.timeScaleArray.push({
+ position: pos,
+ value: _val,
+ unit: unit,
+ year: year,
+ month: Utils.monthMod(month),
+ day: _val
+ });
+ }
+ }
+ }, {
+ key: "generateHourScale",
+ value: function generateHourScale(params) {
+ var firstVal = params.firstVal,
+ currentDate = params.currentDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ minutesWidthOnXAxis = params.minutesWidthOnXAxis,
+ numberOfHours = params.numberOfHours;
+ var dt = new DateTime(this.ctx);
+ var yrCounter = 0;
+ var unit = 'hour';
+
+ var changeDate = function changeDate(dateVal, month) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, currentYear);
+
+ if (dateVal > monthdays) {
+ date = 1;
+ month = month + 1;
+ }
+
+ return {
+ month: month,
+ date: date
+ };
+ };
+
+ var changeMonth = function changeMonth(dateVal, month) {
+ var monthdays = dt.determineDaysOfMonths(month + 1, currentYear);
+
+ if (dateVal > monthdays) {
+ month = month + 1;
+ return month;
+ }
+
+ return month;
+ };
+
+ var remainingMins = 60 - firstVal.minMinute;
+ var firstTickPosition = remainingMins * minutesWidthOnXAxis;
+ var firstTickValue = firstVal.minHour + 1;
+ var hour = firstTickValue + 1;
+
+ if (remainingMins === 60) {
+ firstTickPosition = 0;
+ firstTickValue = firstVal.minHour;
+ hour = firstTickValue + 1;
+ }
+
+ var date = currentDate;
+ var month = changeMonth(date, currentMonth); // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ day: date,
+ hour: hour,
+ year: currentYear,
+ month: Utils.monthMod(month)
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfHours; i++) {
+ unit = 'hour';
+
+ if (hour >= 24) {
+ hour = 0;
+ date += 1;
+ unit = 'day';
+ var checkNextMonth = changeDate(date, month);
+ month = checkNextMonth.month;
+ month = changeMonth(date, month);
+ }
+
+ var year = currentYear + Math.floor(month / 12) + yrCounter;
+ pos = hour === 0 && i === 0 ? remainingMins * minutesWidthOnXAxis : 60 * minutesWidthOnXAxis + pos;
+ var val = hour === 0 ? date : hour;
+ this.timeScaleArray.push({
+ position: pos,
+ value: val,
+ unit: unit,
+ hour: hour,
+ day: date,
+ year: year,
+ month: Utils.monthMod(month)
+ });
+ hour++;
+ }
+ }
+ }, {
+ key: "generateMinuteScale",
+ value: function generateMinuteScale(params) {
+ var firstVal = params.firstVal,
+ currentMinute = params.currentMinute,
+ currentHour = params.currentHour,
+ currentDate = params.currentDate,
+ currentMonth = params.currentMonth,
+ currentYear = params.currentYear,
+ minutesWidthOnXAxis = params.minutesWidthOnXAxis,
+ numberOfMinutes = params.numberOfMinutes;
+ var yrCounter = 0;
+ var unit = 'minute';
+ var remainingMins = currentMinute - firstVal.minMinute;
+ var firstTickPosition = minutesWidthOnXAxis - remainingMins;
+ var firstTickValue = firstVal.minMinute + 1;
+ var minute = firstTickValue + 1;
+ var date = currentDate;
+ var month = currentMonth;
+ var year = currentYear;
+ var hour = currentHour; // push the first tick in the array
+
+ this.timeScaleArray.push({
+ position: firstTickPosition,
+ value: firstTickValue,
+ unit: unit,
+ day: date,
+ hour: hour,
+ minute: minute,
+ year: year,
+ month: Utils.monthMod(month)
+ });
+ var pos = firstTickPosition; // keep drawing rest of the ticks
+
+ for (var i = 0; i < numberOfMinutes; i++) {
+ if (minute >= 60) {
+ minute = 0;
+ hour += 1;
+
+ if (hour === 24) {
+ hour = 0;
+ }
+ }
+
+ var _year2 = currentYear + Math.floor(month / 12) + yrCounter;
+
+ pos = minutesWidthOnXAxis + pos;
+ var val = minute;
+ this.timeScaleArray.push({
+ position: pos,
+ value: val,
+ unit: unit,
+ hour: hour,
+ minute: minute,
+ day: date,
+ year: _year2,
+ month: Utils.monthMod(month)
+ });
+ minute++;
+ }
+ }
+ }, {
+ key: "createRawDateString",
+ value: function createRawDateString(ts, value) {
+ var raw = ts.year;
+ raw += '-' + ('0' + ts.month.toString()).slice(-2); // unit is day
+
+ if (ts.unit === 'day') {
+ raw += ts.unit === 'day' ? '-' + ('0' + value).slice(-2) : '-01';
+ } else {
+ raw += '-' + ('0' + (ts.day ? ts.day : '1')).slice(-2);
+ } // unit is hour
+
+
+ if (ts.unit === 'hour') {
+ raw += ts.unit === 'hour' ? 'T' + ('0' + value).slice(-2) : 'T00';
+ } else {
+ raw += 'T' + ('0' + (ts.hour ? ts.hour : '0')).slice(-2);
+ } // unit is minute
+
+
+ raw += ts.unit === 'minute' ? ':' + ('0' + value).slice(-2) + ':00.000Z' : ':00:00.000Z';
+ return raw;
+ }
+ }, {
+ key: "formatDates",
+ value: function formatDates(filteredTimeScale) {
+ var _this2 = this;
+
+ var w = this.w;
+ var reformattedTimescaleArray = filteredTimeScale.map(function (ts) {
+ var value = ts.value.toString();
+ var dt = new DateTime(_this2.ctx);
+
+ var raw = _this2.createRawDateString(ts, value); // parse the whole ISO datestring
+
+
+ var dateString = new Date(Date.parse(raw));
+
+ if (w.config.xaxis.labels.format === undefined) {
+ var customFormat = 'dd MMM';
+ var dtFormatter = w.config.xaxis.labels.datetimeFormatter;
+ if (ts.unit === 'year') customFormat = dtFormatter.year;
+ if (ts.unit === 'month') customFormat = dtFormatter.month;
+ if (ts.unit === 'day') customFormat = dtFormatter.day;
+ if (ts.unit === 'hour') customFormat = dtFormatter.hour;
+ if (ts.unit === 'minute') customFormat = dtFormatter.minute;
+ value = dt.formatDate(dateString, customFormat, true, false);
+ } else {
+ value = dt.formatDate(dateString, w.config.xaxis.labels.format);
+ }
+
+ return {
+ dateString: raw,
+ position: ts.position,
+ value: value,
+ unit: ts.unit,
+ year: ts.year,
+ month: ts.month
+ };
+ });
+ return reformattedTimescaleArray;
+ }
+ }, {
+ key: "removeOverlappingTS",
+ value: function removeOverlappingTS(arr) {
+ var _this3 = this;
+
+ var graphics = new Graphics(this.ctx);
+ var lastDrawnIndex = 0;
+ var filteredArray = arr.map(function (item, index) {
+ if (index > 0 && _this3.w.config.xaxis.labels.hideOverlappingLabels) {
+ var prevLabelWidth = graphics.getTextRects(arr[lastDrawnIndex].value).width;
+ var prevPos = arr[lastDrawnIndex].position;
+ var pos = item.position;
+
+ if (pos > prevPos + prevLabelWidth + 10) {
+ lastDrawnIndex = index;
+ return item;
+ } else {
+ return null;
+ }
+ } else {
+ return item;
+ }
+ });
+ filteredArray = filteredArray.filter(function (f) {
+ return f !== null;
+ });
+ return filteredArray;
+ }
+ }]);
+
+ return TimeScale;
+ }();
+
+ /**
+ * ApexCharts Core Class responsible for major calculations and creating elements.
+ *
+ * @module Core
+ **/
+
+ var Core =
+ /*#__PURE__*/
+ function () {
+ function Core(el, ctx) {
+ _classCallCheck(this, Core);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.el = el;
+ this.coreUtils = new CoreUtils(this.ctx);
+ this.twoDSeries = [];
+ this.threeDSeries = [];
+ this.twoDSeriesX = [];
+ } // get data and store into appropriate vars
+
+
+ _createClass(Core, [{
+ key: "setupElements",
+ value: function setupElements() {
+ var gl = this.w.globals;
+ var cnf = this.w.config; // const graphics = new Graphics(this.ctx)
+
+ var ct = cnf.chart.type;
+ var axisChartsArrTypes = ['line', 'area', 'bar', 'candlestick', 'radar', 'scatter', 'bubble', 'heatmap'];
+ var xyChartsArrTypes = ['line', 'area', 'bar', 'candlestick', 'scatter', 'bubble'];
+ gl.axisCharts = axisChartsArrTypes.indexOf(ct) > -1;
+ gl.xyCharts = xyChartsArrTypes.indexOf(ct) > -1;
+ gl.chartClass = '.apexcharts' + gl.cuid;
+ gl.dom.baseEl = this.el;
+ gl.dom.elWrap = document.createElement('div');
+ Graphics.setAttrs(gl.dom.elWrap, {
+ id: gl.chartClass.substring(1),
+ class: 'apexcharts-canvas ' + gl.chartClass.substring(1)
+ });
+ this.el.appendChild(gl.dom.elWrap);
+ gl.dom.Paper = new window.SVG.Doc(gl.dom.elWrap);
+ gl.dom.Paper.attr({
+ class: 'apexcharts-svg',
+ 'xmlns:data': 'ApexChartsNS',
+ transform: "translate(".concat(cnf.chart.offsetX, ", ").concat(cnf.chart.offsetY, ")")
+ });
+ gl.dom.Paper.node.style.background = cnf.chart.background;
+ this.setSVGDimensions();
+ gl.dom.elGraphical = gl.dom.Paper.group().attr({
+ class: 'apexcharts-inner apexcharts-graphical'
+ });
+ gl.dom.elDefs = gl.dom.Paper.defs();
+ gl.dom.elLegendWrap = document.createElement('div');
+ gl.dom.elLegendWrap.classList.add('apexcharts-legend');
+ gl.dom.elWrap.appendChild(gl.dom.elLegendWrap); // gl.dom.Paper.add(gl.dom.elLegendWrap)
+
+ gl.dom.Paper.add(gl.dom.elGraphical);
+ gl.dom.elGraphical.add(gl.dom.elDefs);
+ }
+ }, {
+ key: "plotChartType",
+ value: function plotChartType(ser, xyRatios) {
+ var w = this.w;
+ var cnf = w.config;
+ var gl = w.globals;
+ var lineSeries = {
+ series: [],
+ i: []
+ };
+ var areaSeries = {
+ series: [],
+ i: []
+ };
+ var scatterSeries = {
+ series: [],
+ i: []
+ };
+ var columnSeries = {
+ series: [],
+ i: []
+ };
+ var candlestickSeries = {
+ series: [],
+ i: []
+ };
+ gl.series.map(function (series, st) {
+ // if user has specified a particular type for particular series
+ if (typeof ser[st].type !== 'undefined') {
+ if (ser[st].type === 'column' || ser[st].type === 'bar') {
+ w.config.plotOptions.bar.horizontal = false; // bar not supported in mixed charts
+
+ columnSeries.series.push(series);
+ columnSeries.i.push(st);
+ } else if (ser[st].type === 'area') {
+ areaSeries.series.push(series);
+ areaSeries.i.push(st);
+ } else if (ser[st].type === 'line') {
+ lineSeries.series.push(series);
+ lineSeries.i.push(st);
+ } else if (ser[st].type === 'scatter') {
+ scatterSeries.series.push(series);
+ scatterSeries.i.push(st);
+ } else if (ser[st].type === 'bubble') ; else if (ser[st].type === 'candlestick') {
+ candlestickSeries.series.push(series);
+ candlestickSeries.i.push(st);
+ } else {
+ // user has specified type, but it is not valid (other than line/area/column)
+ console.warn('You have specified an unrecognized chart type. Available types for this propery are line/area/column/bar/scatter/bubble');
+ }
+
+ gl.comboCharts = true;
+ } else {
+ lineSeries.series.push(series);
+ lineSeries.i.push(st);
+ }
+ });
+ var line = new Line(this.ctx, xyRatios);
+ var candlestick = new CandleStick(this.ctx, xyRatios);
+ var pie = new Pie(this.ctx);
+ var radialBar = new Radial(this.ctx);
+ var radar = new Radar(this.ctx);
+ var elGraph = [];
+
+ if (gl.comboCharts) {
+ if (areaSeries.series.length > 0) {
+ elGraph.push(line.draw(areaSeries.series, 'area', areaSeries.i));
+ }
+
+ if (columnSeries.series.length > 0) {
+ if (w.config.chart.stacked) {
+ var barStacked = new BarStacked(this.ctx, xyRatios);
+ elGraph.push(barStacked.draw(columnSeries.series, columnSeries.i));
+ } else {
+ var bar = new Bar(this.ctx, xyRatios);
+ elGraph.push(bar.draw(columnSeries.series, columnSeries.i));
+ }
+ }
+
+ if (lineSeries.series.length > 0) {
+ elGraph.push(line.draw(lineSeries.series, 'line', lineSeries.i));
+ }
+
+ if (candlestickSeries.series.length > 0) {
+ elGraph.push(candlestick.draw(candlestickSeries.series, candlestickSeries.i));
+ }
+
+ if (scatterSeries.series.length > 0) {
+ var scatterLine = new Line(this.ctx, xyRatios, true);
+ elGraph.push(scatterLine.draw(scatterSeries.series, 'scatter', scatterSeries.i));
+ } // TODO: allow bubble series in a combo chart
+ // if (bubbleSeries.series.length > 0) {
+ // const bubbleLine = new Line(this.ctx, xyRatios, true)
+ // elGraph.push(
+ // bubbleLine.draw(bubbleSeries.series, 'bubble', bubbleSeries.i)
+ // )
+ // }
+
+ } else {
+ switch (cnf.chart.type) {
+ case 'line':
+ elGraph = line.draw(gl.series, 'line');
+ break;
+
+ case 'area':
+ elGraph = line.draw(gl.series, 'area');
+ break;
+
+ case 'bar':
+ if (cnf.chart.stacked) {
+ var _barStacked = new BarStacked(this.ctx, xyRatios);
+
+ elGraph = _barStacked.draw(gl.series);
+ } else {
+ var _bar = new Bar(this.ctx, xyRatios);
+
+ elGraph = _bar.draw(gl.series);
+ }
+
+ break;
+
+ case 'candlestick':
+ var candleStick = new CandleStick(this.ctx, xyRatios);
+ elGraph = candleStick.draw(gl.series);
+ break;
+
+ case 'heatmap':
+ var heatmap = new HeatMap(this.ctx, xyRatios);
+ elGraph = heatmap.draw(gl.series);
+ break;
+
+ case 'pie':
+ case 'donut':
+ elGraph = pie.draw(gl.series);
+ break;
+
+ case 'radialBar':
+ elGraph = radialBar.draw(gl.series);
+ break;
+
+ case 'radar':
+ elGraph = radar.draw(gl.series);
+ break;
+
+ default:
+ elGraph = line.draw(gl.series);
+ }
+ }
+
+ return elGraph;
+ }
+ }, {
+ key: "setSVGDimensions",
+ value: function setSVGDimensions() {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.svgWidth = cnf.chart.width;
+ gl.svgHeight = cnf.chart.height;
+ var elDim = Utils.getDimensions(this.el);
+ var widthUnit = cnf.chart.width.toString().split(/[0-9]+/g).pop();
+
+ if (widthUnit === '%') {
+ if (Utils.isNumber(elDim[0])) {
+ if (elDim[0].width === 0) {
+ elDim = Utils.getDimensions(this.el.parentNode);
+ }
+
+ gl.svgWidth = elDim[0] * parseInt(cnf.chart.width) / 100;
+ }
+ } else if (widthUnit === 'px' || widthUnit === '') {
+ gl.svgWidth = parseInt(cnf.chart.width);
+ }
+
+ if (gl.svgHeight !== 'auto' && gl.svgHeight !== '') {
+ var heightUnit = cnf.chart.height.toString().split(/[0-9]+/g).pop();
+
+ if (heightUnit === '%') {
+ var elParentDim = Utils.getDimensions(this.el.parentNode);
+ gl.svgHeight = elParentDim[1] * parseInt(cnf.chart.height) / 100;
+ } else {
+ gl.svgHeight = parseInt(cnf.chart.height);
+ }
+ } else {
+ if (gl.axisCharts) {
+ gl.svgHeight = gl.svgWidth / 1.61;
+ } else {
+ gl.svgHeight = gl.svgWidth;
+ }
+ }
+
+ Graphics.setAttrs(gl.dom.Paper.node, {
+ width: gl.svgWidth,
+ height: gl.svgHeight
+ }); // gl.dom.Paper.node.parentNode.parentNode.style.minWidth = gl.svgWidth + "px";
+
+ var offsetY = cnf.chart.sparkline.enabled ? 0 : gl.axisCharts ? 14 : 5;
+ gl.dom.Paper.node.parentNode.parentNode.style.minHeight = gl.svgHeight + offsetY + 'px';
+ gl.dom.elWrap.style.width = gl.svgWidth + 'px';
+ gl.dom.elWrap.style.height = gl.svgHeight + 'px';
+ }
+ }, {
+ key: "shiftGraphPosition",
+ value: function shiftGraphPosition() {
+ var gl = this.w.globals;
+ var tY = gl.translateY;
+ var tX = gl.translateX;
+ var scalingAttrs = {
+ transform: 'translate(' + tX + ', ' + tY + ')'
+ };
+ Graphics.setAttrs(gl.dom.elGraphical.node, scalingAttrs);
+ }
+ /*
+ ** All the calculations for setting range in charts will be done here
+ */
+
+ }, {
+ key: "coreCalculations",
+ value: function coreCalculations() {
+ var range = new Range$1(this.ctx);
+ range.init();
+ }
+ }, {
+ key: "resetGlobals",
+ value: function resetGlobals() {
+ var _this = this;
+
+ var gl = this.w.globals;
+ gl.series = [];
+ gl.seriesCandleO = [];
+ gl.seriesCandleH = [];
+ gl.seriesCandleL = [];
+ gl.seriesCandleC = [];
+ gl.seriesPercent = [];
+ gl.seriesX = [];
+ gl.seriesZ = [];
+ gl.seriesNames = [];
+ gl.seriesTotals = [];
+ gl.stackedSeriesTotals = [];
+ gl.labels = [];
+ gl.timelineLabels = [];
+ gl.noLabelsProvided = false;
+ gl.timescaleTicks = [];
+ gl.resizeTimer = null;
+ gl.selectionResizeTimer = null;
+
+ gl.seriesXvalues = function () {
+ return _this.w.config.series.map(function (s) {
+ return [];
+ });
+ }();
+
+ gl.seriesYvalues = function () {
+ return _this.w.config.series.map(function (s) {
+ return [];
+ });
+ }();
+
+ gl.delayedElements = [];
+ gl.pointsArray = [];
+ gl.dataLabelsRects = [];
+ gl.isXNumeric = false;
+ gl.isDataXYZ = false;
+ gl.maxY = -Number.MAX_VALUE;
+ gl.minY = Number.MIN_VALUE;
+ gl.minYArr = [];
+ gl.maxYArr = [];
+ gl.maxX = -Number.MAX_VALUE;
+ gl.minX = Number.MAX_VALUE;
+ gl.initialmaxX = -Number.MAX_VALUE;
+ gl.initialminX = Number.MAX_VALUE;
+ gl.maxDate = 0;
+ gl.minDate = Number.MAX_VALUE;
+ gl.minZ = Number.MAX_VALUE;
+ gl.maxZ = -Number.MAX_VALUE;
+ gl.yAxisScale = [];
+ gl.xAxisScale = null;
+ gl.xAxisTicksPositions = [];
+ gl.yLabelsCoords = [];
+ gl.yTitleCoords = [];
+ gl.xRange = 0;
+ gl.yRange = [];
+ gl.zRange = 0;
+ gl.dataPoints = 0;
+ }
+ }, {
+ key: "isMultipleY",
+ value: function isMultipleY() {
+ // user has supplied an array in yaxis property. So, turn on multipleYAxis flag
+ if (this.w.config.yaxis.constructor === Array && this.w.config.yaxis.length > 1) {
+ // first, turn off stacking if multiple y axis
+ this.w.config.chart.stacked = false;
+ this.w.globals.isMultipleYAxis = true;
+ return true;
+ }
+ }
+ }, {
+ key: "excludeCollapsedSeriesInYAxis",
+ value: function excludeCollapsedSeriesInYAxis() {
+ var _this2 = this;
+
+ var w = this.w;
+ w.globals.ignoreYAxisIndexes = w.globals.collapsedSeries.map(function (collapsed, i) {
+ if (_this2.w.globals.isMultipleYAxis) {
+ return collapsed.index;
+ }
+ });
+ }
+ }, {
+ key: "isMultiFormat",
+ value: function isMultiFormat() {
+ return this.isFormatXY() || this.isFormat2DArray();
+ } // given format is [{x, y}, {x, y}]
+
+ }, {
+ key: "isFormatXY",
+ value: function isFormatXY() {
+ var series = this.w.config.series.slice();
+ var sr = new Series(this.ctx);
+ this.activeSeriesIndex = sr.getActiveConfigSeriesIndex();
+
+ if (typeof series[this.activeSeriesIndex].data !== 'undefined' && series[this.activeSeriesIndex].data.length > 0 && series[this.activeSeriesIndex].data[0] !== null && typeof series[this.activeSeriesIndex].data[0].x !== 'undefined' && series[this.activeSeriesIndex].data[0] !== null) {
+ return true;
+ }
+ } // given format is [[x, y], [x, y]]
+
+ }, {
+ key: "isFormat2DArray",
+ value: function isFormat2DArray() {
+ var series = this.w.config.series.slice();
+ var sr = new Series(this.ctx);
+ this.activeSeriesIndex = sr.getActiveConfigSeriesIndex();
+
+ if (typeof series[this.activeSeriesIndex].data !== 'undefined' && series[this.activeSeriesIndex].data.length > 0 && typeof series[this.activeSeriesIndex].data[0] !== 'undefined' && series[this.activeSeriesIndex].data[0] !== null && series[this.activeSeriesIndex].data[0].constructor === Array) {
+ return true;
+ }
+ }
+ }, {
+ key: "handleFormat2DArray",
+ value: function handleFormat2DArray(ser, i) {
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ if (typeof ser[i].data[j][1] !== 'undefined') {
+ if (Array.isArray(ser[i].data[j][1]) && ser[i].data[j][1].length === 4) {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j][1][3]));
+ } else {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j][1]));
+ }
+ }
+
+ if (cnf.xaxis.type === 'datetime') {
+ // if timestamps are provided and xaxis type is datettime,
+ var ts = new Date(ser[i].data[j][0]);
+ ts = new Date(ts).getTime();
+ this.twoDSeriesX.push(ts);
+ } else {
+ this.twoDSeriesX.push(ser[i].data[j][0]);
+ }
+ }
+
+ for (var _j = 0; _j < ser[i].data.length; _j++) {
+ if (typeof ser[i].data[_j][2] !== 'undefined') {
+ this.threeDSeries.push(ser[i].data[_j][2]);
+ gl.isDataXYZ = true;
+ }
+ }
+ }
+ }, {
+ key: "handleFormatXY",
+ value: function handleFormatXY(ser, i) {
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+ var dt = new DateTime(this.ctx);
+ var activeI = i;
+
+ if (gl.collapsedSeriesIndices.indexOf(i) > -1) {
+ // fix #368
+ activeI = this.activeSeriesIndex;
+ } // get series
+
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ if (typeof ser[i].data[j].y !== 'undefined') {
+ if (Array.isArray(ser[i].data[j].y) && ser[i].data[j].y.length === 4) {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j].y[3]));
+ } else {
+ this.twoDSeries.push(Utils.parseNumber(ser[i].data[j].y));
+ }
+ }
+ } // get seriesX
+
+
+ for (var _j2 = 0; _j2 < ser[activeI].data.length; _j2++) {
+ var isXString = typeof ser[activeI].data[_j2].x === 'string';
+ var isXDate = !!dt.isValidDate(ser[activeI].data[_j2].x.toString());
+
+ if (isXString || isXDate) {
+ // user supplied '01/01/2017' or a date string (a JS date object is not supported)
+ if (isXString) {
+ if (cnf.xaxis.type === 'datetime') {
+ this.twoDSeriesX.push(dt.parseDate(ser[activeI].data[_j2].x));
+ } else {
+ // a category and not a numeric x value
+ this.fallbackToCategory = true;
+ this.twoDSeriesX.push(ser[activeI].data[_j2].x);
+ }
+ } else {
+ if (cnf.xaxis.type === 'datetime') {
+ this.twoDSeriesX.push(dt.parseDate(ser[activeI].data[_j2].x.toString()));
+ } else {
+ this.twoDSeriesX.push(parseFloat(ser[activeI].data[_j2].x));
+ }
+ }
+ } else {
+ // a numeric value in x property
+ this.twoDSeriesX.push(ser[activeI].data[_j2].x);
+ }
+ }
+
+ if (ser[i].data[0] && typeof ser[i].data[0].z !== 'undefined') {
+ for (var t = 0; t < ser[i].data.length; t++) {
+ this.threeDSeries.push(ser[i].data[t].z);
+ }
+
+ gl.isDataXYZ = true;
+ }
+ }
+ }, {
+ key: "handleCandleStickData",
+ value: function handleCandleStickData(ser, i) {
+ var gl = this.w.globals;
+ var ohlc = {};
+
+ if (this.isFormat2DArray()) {
+ ohlc = this.handleCandleStickDataFormat('array', ser, i);
+ } else if (this.isFormatXY()) {
+ ohlc = this.handleCandleStickDataFormat('xy', ser, i);
+ }
+
+ gl.seriesCandleO.push(ohlc.o);
+ gl.seriesCandleH.push(ohlc.h);
+ gl.seriesCandleL.push(ohlc.l);
+ gl.seriesCandleC.push(ohlc.c);
+ return ohlc;
+ }
+ }, {
+ key: "handleCandleStickDataFormat",
+ value: function handleCandleStickDataFormat(format, ser, i) {
+ var serO = [];
+ var serH = [];
+ var serL = [];
+ var serC = [];
+ var err = 'Please provide [Open, High, Low and Close] values in valid format. Read more https://apexcharts.com/docs/series/#candlestick';
+
+ if (format === 'array') {
+ if (ser[i].data[0][1].length !== 4) {
+ throw new Error(err);
+ }
+
+ for (var j = 0; j < ser[i].data.length; j++) {
+ serO.push(ser[i].data[j][1][0]);
+ serH.push(ser[i].data[j][1][1]);
+ serL.push(ser[i].data[j][1][2]);
+ serC.push(ser[i].data[j][1][3]);
+ }
+ } else if (format === 'xy') {
+ if (ser[i].data[0].y.length !== 4) {
+ throw new Error(err);
+ }
+
+ for (var _j3 = 0; _j3 < ser[i].data.length; _j3++) {
+ serO.push(ser[i].data[_j3].y[0]);
+ serH.push(ser[i].data[_j3].y[1]);
+ serL.push(ser[i].data[_j3].y[2]);
+ serC.push(ser[i].data[_j3].y[3]);
+ }
+ }
+
+ return {
+ o: serO,
+ h: serH,
+ l: serL,
+ c: serC
+ };
+ }
+ }, {
+ key: "parseDataAxisCharts",
+ value: function parseDataAxisCharts(ser) {
+ var ctx = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.ctx;
+ var cnf = this.w.config;
+ var gl = this.w.globals;
+ var dt = new DateTime(ctx);
+
+ for (var i = 0; i < ser.length; i++) {
+ this.twoDSeries = [];
+ this.twoDSeriesX = [];
+ this.threeDSeries = [];
+
+ if (typeof ser[i].data === 'undefined') {
+ console.error("It is a possibility that you may have not included 'data' property in series.");
+ return;
+ }
+
+ if (this.isMultiFormat()) {
+ if (this.isFormat2DArray()) {
+ this.handleFormat2DArray(ser, i);
+ } else if (this.isFormatXY()) {
+ this.handleFormatXY(ser, i);
+ }
+
+ if (cnf.chart.type === 'candlestick' || ser[i].type === 'candlestick') {
+ this.handleCandleStickData(ser, i);
+ }
+
+ gl.series.push(this.twoDSeries);
+ gl.labels.push(this.twoDSeriesX);
+ gl.seriesX.push(this.twoDSeriesX);
+
+ if (!this.fallbackToCategory) {
+ gl.isXNumeric = true;
+ }
+ } else {
+ if (cnf.xaxis.type === 'datetime') {
+ // user didn't supplied [{x,y}] or [[x,y]], but single array in data.
+ // Also labels/categories were supplied differently
+ gl.isXNumeric = true;
+ var dates = cnf.labels.length > 0 ? cnf.labels.slice() : cnf.xaxis.categories.slice();
+
+ for (var j = 0; j < dates.length; j++) {
+ if (typeof dates[j] === 'string') {
+ var isDate = dt.isValidDate(dates[j]);
+
+ if (isDate) {
+ this.twoDSeriesX.push(dt.parseDate(dates[j]));
+ } else {
+ throw new Error('You have provided invalid Date format. Please provide a valid JavaScript Date');
+ }
+ }
+ }
+
+ gl.seriesX.push(this.twoDSeriesX);
+ } else if (cnf.xaxis.type === 'numeric') {
+ gl.isXNumeric = true;
+ var x = cnf.labels.length > 0 ? cnf.labels.slice() : cnf.xaxis.categories.slice();
+
+ if (x.length > 0) {
+ this.twoDSeriesX = x;
+ gl.seriesX.push(this.twoDSeriesX);
+ }
+ }
+
+ gl.labels.push(this.twoDSeriesX);
+ var singleArray = ser[i].data.map(function (d) {
+ return Utils.parseNumber(d);
+ });
+ gl.series.push(singleArray);
+ }
+
+ gl.seriesZ.push(this.threeDSeries);
+
+ if (ser[i].name !== undefined) {
+ gl.seriesNames.push(ser[i].name);
+ } else {
+ gl.seriesNames.push('series-' + parseInt(i + 1));
+ }
+ }
+
+ return this.w;
+ }
+ }, {
+ key: "parseDataNonAxisCharts",
+ value: function parseDataNonAxisCharts(ser) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ gl.series = ser.slice();
+ gl.seriesNames = cnf.labels.slice();
+
+ for (var i = 0; i < gl.series.length; i++) {
+ if (gl.seriesNames[i] === undefined) {
+ gl.seriesNames.push('series-' + (i + 1));
+ }
+ }
+
+ return this.w;
+ }
+ }, {
+ key: "handleExternalLabelsData",
+ value: function handleExternalLabelsData(ser) {
+ var cnf = this.w.config;
+ var gl = this.w.globals; // user provided labels in category axis
+
+ if (cnf.xaxis.categories.length > 0) {
+ gl.labels = cnf.xaxis.categories;
+ } else if (cnf.labels.length > 0) {
+ gl.labels = cnf.labels.slice();
+ } else if (this.fallbackToCategory) {
+ gl.labels = gl.labels[0];
+ } else {
+ // user didn't provided labels, fallback to 1-2-3-4-5
+ var labelArr = [];
+
+ if (gl.axisCharts) {
+ for (var i = 0; i < gl.series[gl.maxValsInArrayIndex].length; i++) {
+ labelArr.push(i + 1);
+ }
+
+ for (var _i = 0; _i < ser.length; _i++) {
+ gl.seriesX.push(labelArr);
+ }
+
+ gl.isXNumeric = true;
+ } // no series to pull labels from, put a 0-10 series
+
+
+ if (labelArr.length === 0) {
+ labelArr = [0, 10];
+
+ for (var _i2 = 0; _i2 < ser.length; _i2++) {
+ gl.seriesX.push(labelArr);
+ }
+ }
+
+ gl.labels = labelArr;
+ gl.noLabelsProvided = true;
+
+ if (cnf.xaxis.type === 'category') {
+ gl.isXNumeric = false;
+ }
+ }
+ } // Segregate user provided data into appropriate vars
+
+ }, {
+ key: "parseData",
+ value: function parseData(ser) {
+ var w = this.w;
+ var cnf = w.config;
+ var gl = w.globals;
+ this.excludeCollapsedSeriesInYAxis();
+ this.fallbackToCategory = false;
+ this.resetGlobals();
+ this.isMultipleY();
+
+ if (gl.axisCharts) {
+ this.parseDataAxisCharts(ser);
+ } else {
+ this.parseDataNonAxisCharts(ser);
+ }
+
+ this.coreUtils.getLargestSeries(); // set Null values to 0 in all series when user hides/shows some series
+
+ if (cnf.chart.type === 'bar' && cnf.chart.stacked) {
+ var series = new Series(this.ctx);
+ gl.series = series.setNullSeriesToZeroValues(gl.series);
+ }
+
+ this.coreUtils.getSeriesTotals();
+
+ if (gl.axisCharts) {
+ this.coreUtils.getStackedSeriesTotals();
+ }
+
+ this.coreUtils.getPercentSeries(); // user didn't provide a [[x,y],[x,y]] series, but a named series
+
+ if (!gl.isXNumeric || cnf.xaxis.type === 'numeric' && cnf.labels.length === 0 && cnf.xaxis.categories.length === 0) {
+ this.handleExternalLabelsData(ser);
+ }
+ }
+ }, {
+ key: "xySettings",
+ value: function xySettings() {
+ var xyRatios = null;
+ var w = this.w;
+
+ if (w.globals.axisCharts) {
+ if (w.config.xaxis.crosshairs.position === 'back') {
+ var crosshairs = new Crosshairs(this.ctx);
+ crosshairs.drawXCrosshairs();
+ }
+
+ if (w.config.yaxis[0].crosshairs.position === 'back') {
+ var _crosshairs = new Crosshairs(this.ctx);
+
+ _crosshairs.drawYCrosshairs();
+ }
+
+ xyRatios = this.coreUtils.getCalculatedRatios();
+
+ if (w.config.xaxis.type === 'datetime' && w.config.xaxis.labels.formatter === undefined && isFinite(w.globals.minX) && isFinite(w.globals.maxX)) {
+ var ts = new TimeScale(this.ctx);
+ var formattedTimeScale = ts.calculateTimeScaleTicks(w.globals.minX, w.globals.maxX);
+ ts.recalcDimensionsBasedOnFormat(formattedTimeScale);
+ }
+ }
+
+ return xyRatios;
+ }
+ }, {
+ key: "drawAxis",
+ value: function drawAxis(type, xyRatios) {
+ var gl = this.w.globals;
+ var cnf = this.w.config;
+ var xAxis = new XAxis(this.ctx);
+ var yAxis = new YAxis(this.ctx);
+
+ if (gl.axisCharts && type !== 'radar') {
+ var elXaxis, elYaxis;
+
+ if (type === 'bar' && cnf.plotOptions.bar.horizontal) {
+ elYaxis = yAxis.drawYaxisInversed(0);
+ elXaxis = xAxis.drawXaxisInversed(0);
+ gl.dom.elGraphical.add(elXaxis);
+ gl.dom.elGraphical.add(elYaxis);
+ } else {
+ elXaxis = xAxis.drawXaxis();
+ gl.dom.elGraphical.add(elXaxis);
+ cnf.yaxis.map(function (yaxe, index) {
+ if (gl.ignoreYAxisIndexes.indexOf(index) === -1) {
+ elYaxis = yAxis.drawYaxis(index);
+ gl.dom.Paper.add(elYaxis);
+ }
+ });
+ }
+ }
+
+ cnf.yaxis.map(function (yaxe, index) {
+ if (gl.ignoreYAxisIndexes.indexOf(index) === -1) {
+ yAxis.yAxisTitleRotate(index, yaxe.opposite);
+ }
+ });
+ }
+ }, {
+ key: "setupBrushHandler",
+ value: function setupBrushHandler() {
+ var _this3 = this;
+
+ var w = this.w; // only for brush charts
+
+ if (!w.config.chart.brush.enabled) {
+ return;
+ } // if user has not defined a custom function for selection - we handle the brush chart
+ // otherwise we leave it to the user to define the functionality for selection
+
+
+ if (typeof w.config.chart.events.selection !== 'function') {
+ var targets = w.config.chart.brush.targets || [w.config.chart.brush.target]; // retro compatibility with single target option
+
+ targets.forEach(function (target) {
+ var targetChart = ApexCharts.getChartByID(target);
+ targetChart.w.globals.brushSource = _this3.ctx;
+
+ var updateSourceChart = function updateSourceChart() {
+ _this3.ctx._updateOptions({
+ chart: {
+ selection: {
+ xaxis: {
+ min: targetChart.w.globals.minX,
+ max: targetChart.w.globals.maxX
+ }
+ }
+ }
+ }, false, false);
+ };
+
+ if (typeof targetChart.w.config.chart.events.zoomed !== 'function') {
+ targetChart.w.config.chart.events.zoomed = function () {
+ updateSourceChart();
+ };
+ }
+
+ if (typeof targetChart.w.config.chart.events.scrolled !== 'function') {
+ targetChart.w.config.chart.events.scrolled = function () {
+ updateSourceChart();
+ };
+ }
+
+ w.config.chart.events.selection = function (chart, e) {
+ var yaxis = Utils.clone(w.config.yaxis);
+
+ if (w.config.chart.brush.autoScaleYaxis) {
+ var scale = new Range(targetChart);
+ yaxis = scale.autoScaleY(targetChart, e);
+ }
+
+ targetChart._updateOptions({
+ xaxis: {
+ min: e.xaxis.min,
+ max: e.xaxis.max
+ },
+ yaxis: yaxis
+ }, false, false, false);
+ };
+ });
+ }
+ }
+ }]);
+
+ return Core;
+ }();
+
+ /**
+ * @this {Promise}
+ */
+ function finallyConstructor(callback) {
+ var constructor = this.constructor;
+ return this.then(
+ function(value) {
+ return constructor.resolve(callback()).then(function() {
+ return value;
+ });
+ },
+ function(reason) {
+ return constructor.resolve(callback()).then(function() {
+ return constructor.reject(reason);
+ });
+ }
+ );
+ }
+
+ // Store setTimeout reference so promise-polyfill will be unaffected by
+ // other code modifying setTimeout (like sinon.useFakeTimers())
+ var setTimeoutFunc = setTimeout;
+
+ function noop() {}
+
+ // Polyfill for Function.prototype.bind
+ function bind(fn, thisArg) {
+ return function() {
+ fn.apply(thisArg, arguments);
+ };
+ }
+
+ /**
+ * @constructor
+ * @param {Function} fn
+ */
+ function Promise$1(fn) {
+ if (!(this instanceof Promise$1))
+ throw new TypeError('Promises must be constructed via new');
+ if (typeof fn !== 'function') throw new TypeError('not a function');
+ /** @type {!number} */
+ this._state = 0;
+ /** @type {!boolean} */
+ this._handled = false;
+ /** @type {Promise|undefined} */
+ this._value = undefined;
+ /** @type {!Array<!Function>} */
+ this._deferreds = [];
+
+ doResolve(fn, this);
+ }
+
+ function handle(self, deferred) {
+ while (self._state === 3) {
+ self = self._value;
+ }
+ if (self._state === 0) {
+ self._deferreds.push(deferred);
+ return;
+ }
+ self._handled = true;
+ Promise$1._immediateFn(function() {
+ var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
+ if (cb === null) {
+ (self._state === 1 ? resolve : reject)(deferred.promise, self._value);
+ return;
+ }
+ var ret;
+ try {
+ ret = cb(self._value);
+ } catch (e) {
+ reject(deferred.promise, e);
+ return;
+ }
+ resolve(deferred.promise, ret);
+ });
+ }
+
+ function resolve(self, newValue) {
+ try {
+ // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure
+ if (newValue === self)
+ throw new TypeError('A promise cannot be resolved with itself.');
+ if (
+ newValue &&
+ (typeof newValue === 'object' || typeof newValue === 'function')
+ ) {
+ var then = newValue.then;
+ if (newValue instanceof Promise$1) {
+ self._state = 3;
+ self._value = newValue;
+ finale(self);
+ return;
+ } else if (typeof then === 'function') {
+ doResolve(bind(then, newValue), self);
+ return;
+ }
+ }
+ self._state = 1;
+ self._value = newValue;
+ finale(self);
+ } catch (e) {
+ reject(self, e);
+ }
+ }
+
+ function reject(self, newValue) {
+ self._state = 2;
+ self._value = newValue;
+ finale(self);
+ }
+
+ function finale(self) {
+ if (self._state === 2 && self._deferreds.length === 0) {
+ Promise$1._immediateFn(function() {
+ if (!self._handled) {
+ Promise$1._unhandledRejectionFn(self._value);
+ }
+ });
+ }
+
+ for (var i = 0, len = self._deferreds.length; i < len; i++) {
+ handle(self, self._deferreds[i]);
+ }
+ self._deferreds = null;
+ }
+
+ /**
+ * @constructor
+ */
+ function Handler(onFulfilled, onRejected, promise) {
+ this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+ this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+ this.promise = promise;
+ }
+
+ /**
+ * Take a potentially misbehaving resolver function and make sure
+ * onFulfilled and onRejected are only called once.
+ *
+ * Makes no guarantees about asynchrony.
+ */
+ function doResolve(fn, self) {
+ var done = false;
+ try {
+ fn(
+ function(value) {
+ if (done) return;
+ done = true;
+ resolve(self, value);
+ },
+ function(reason) {
+ if (done) return;
+ done = true;
+ reject(self, reason);
+ }
+ );
+ } catch (ex) {
+ if (done) return;
+ done = true;
+ reject(self, ex);
+ }
+ }
+
+ Promise$1.prototype['catch'] = function(onRejected) {
+ return this.then(null, onRejected);
+ };
+
+ Promise$1.prototype.then = function(onFulfilled, onRejected) {
+ // @ts-ignore
+ var prom = new this.constructor(noop);
+
+ handle(this, new Handler(onFulfilled, onRejected, prom));
+ return prom;
+ };
+
+ Promise$1.prototype['finally'] = finallyConstructor;
+
+ Promise$1.all = function(arr) {
+ return new Promise$1(function(resolve, reject) {
+ if (!arr || typeof arr.length === 'undefined')
+ throw new TypeError('Promise.all accepts an array');
+ var args = Array.prototype.slice.call(arr);
+ if (args.length === 0) return resolve([]);
+ var remaining = args.length;
+
+ function res(i, val) {
+ try {
+ if (val && (typeof val === 'object' || typeof val === 'function')) {
+ var then = val.then;
+ if (typeof then === 'function') {
+ then.call(
+ val,
+ function(val) {
+ res(i, val);
+ },
+ reject
+ );
+ return;
+ }
+ }
+ args[i] = val;
+ if (--remaining === 0) {
+ resolve(args);
+ }
+ } catch (ex) {
+ reject(ex);
+ }
+ }
+
+ for (var i = 0; i < args.length; i++) {
+ res(i, args[i]);
+ }
+ });
+ };
+
+ Promise$1.resolve = function(value) {
+ if (value && typeof value === 'object' && value.constructor === Promise$1) {
+ return value;
+ }
+
+ return new Promise$1(function(resolve) {
+ resolve(value);
+ });
+ };
+
+ Promise$1.reject = function(value) {
+ return new Promise$1(function(resolve, reject) {
+ reject(value);
+ });
+ };
+
+ Promise$1.race = function(values) {
+ return new Promise$1(function(resolve, reject) {
+ for (var i = 0, len = values.length; i < len; i++) {
+ values[i].then(resolve, reject);
+ }
+ });
+ };
+
+ // Use polyfill for setImmediate for performance gains
+ Promise$1._immediateFn =
+ (typeof setImmediate === 'function' &&
+ function(fn) {
+ setImmediate(fn);
+ }) ||
+ function(fn) {
+ setTimeoutFunc(fn, 0);
+ };
+
+ Promise$1._unhandledRejectionFn = function _unhandledRejectionFn(err) {
+ if (typeof console !== 'undefined' && console) {
+ console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console
+ }
+ };
+
+ var Exports =
+ /*#__PURE__*/
+ function () {
+ function Exports(ctx) {
+ _classCallCheck(this, Exports);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(Exports, [{
+ key: "getSvgString",
+ value: function getSvgString() {
+ return this.w.globals.dom.Paper.svg();
+ }
+ }, {
+ key: "cleanup",
+ value: function cleanup() {
+ var w = this.w; // hide some elements to avoid printing them on exported svg
+
+ var xcrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-xcrosshairs');
+ var ycrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs');
+
+ if (xcrosshairs) {
+ xcrosshairs.setAttribute('x', -500);
+ }
+
+ if (ycrosshairs) {
+ ycrosshairs.setAttribute('y1', -100);
+ ycrosshairs.setAttribute('y2', -100);
+ }
+ }
+ }, {
+ key: "svgUrl",
+ value: function svgUrl() {
+ this.cleanup();
+ var svgData = this.getSvgString();
+ var svgBlob = new Blob([svgData], {
+ type: 'image/svg+xml;charset=utf-8'
+ });
+ return URL.createObjectURL(svgBlob);
+ }
+ }, {
+ key: "dataURI",
+ value: function dataURI() {
+ var _this = this;
+
+ return new Promise$1(function (resolve) {
+ var w = _this.w;
+
+ _this.cleanup();
+
+ var canvas = document.createElement('canvas');
+ canvas.width = w.globals.svgWidth;
+ canvas.height = w.globals.svgHeight;
+ var canvasBg = w.config.chart.background === 'transparent' ? '#fff' : w.config.chart.background;
+ var ctx = canvas.getContext('2d');
+ ctx.fillStyle = canvasBg;
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
+ var DOMURL = window.URL || window.webkitURL || window;
+ var img = new Image();
+ img.crossOrigin = 'anonymous';
+
+ var svgData = _this.getSvgString();
+
+ var svgUrl = 'data:image/svg+xml,' + encodeURIComponent(svgData);
+
+ img.onload = function () {
+ ctx.drawImage(img, 0, 0);
+ DOMURL.revokeObjectURL(svgUrl);
+ var imgURI = canvas.toDataURL('image/png');
+ resolve(imgURI);
+ };
+
+ img.src = svgUrl;
+ });
+ }
+ }, {
+ key: "exportToSVG",
+ value: function exportToSVG() {
+ this.triggerDownload(this.svgUrl(), '.svg');
+ }
+ }, {
+ key: "exportToPng",
+ value: function exportToPng() {
+ var _this2 = this;
+
+ this.dataURI().then(function (imgURI) {
+ _this2.triggerDownload(imgURI, '.png');
+ });
+ }
+ }, {
+ key: "triggerDownload",
+ value: function triggerDownload(href, ext) {
+ var downloadLink = document.createElement('a');
+ downloadLink.href = href;
+ downloadLink.download = this.w.globals.chartID + ext;
+ document.body.appendChild(downloadLink);
+ downloadLink.click();
+ document.body.removeChild(downloadLink);
+ }
+ }]);
+
+ return Exports;
+ }();
+
+ /**
+ * ApexCharts Grid Class for drawing Cartesian Grid.
+ *
+ * @module Grid
+ **/
+
+ var Grid =
+ /*#__PURE__*/
+ function () {
+ function Grid(ctx) {
+ _classCallCheck(this, Grid);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.anim = new Animations(this.ctx);
+ this.xaxisLabels = w.globals.labels.slice();
+ this.animX = w.config.grid.xaxis.lines.animate && w.config.chart.animations.enabled;
+ this.animY = w.config.grid.yaxis.lines.animate && w.config.chart.animations.enabled;
+
+ if (w.globals.timelineLabels.length > 0) {
+ // timeline labels are there
+ this.xaxisLabels = w.globals.timelineLabels.slice();
+ }
+ } // .when using sparklines or when showing no grid, we need to have a grid area which is reused at many places for other calculations as well
+
+
+ _createClass(Grid, [{
+ key: "drawGridArea",
+ value: function drawGridArea() {
+ var elGrid = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+
+ if (elGrid === null) {
+ elGrid = graphics.group({
+ class: 'apexcharts-grid'
+ });
+ }
+
+ var elVerticalLine = graphics.drawLine(w.globals.padHorizontal, 1, w.globals.padHorizontal, w.globals.gridHeight, 'transparent');
+ var elHorzLine = graphics.drawLine(w.globals.padHorizontal, w.globals.gridHeight, w.globals.gridWidth, w.globals.gridHeight, 'transparent');
+ elGrid.add(elHorzLine);
+ elGrid.add(elVerticalLine);
+ return elGrid;
+ }
+ }, {
+ key: "drawGrid",
+ value: function drawGrid() {
+ var w = this.w;
+ var xAxis = new XAxis(this.ctx);
+ var gl = this.w.globals;
+ var elgrid = null;
+
+ if (gl.axisCharts) {
+ if (w.config.grid.show) {
+ // grid is drawn after xaxis and yaxis are drawn
+ elgrid = this.renderGrid();
+ gl.dom.elGraphical.add(elgrid.el);
+ this.drawGridArea(elgrid.el);
+ } else {
+ var elgridArea = this.drawGridArea();
+ gl.dom.elGraphical.add(elgridArea);
+ }
+
+ if (elgrid !== null) {
+ xAxis.xAxisLabelCorrections(elgrid.xAxisTickWidth);
+ }
+ }
+ } // This mask will clip off overflowing graphics from the drawable area
+
+ }, {
+ key: "createGridMask",
+ value: function createGridMask() {
+ var w = this.w;
+ var gl = w.globals;
+ var graphics = new Graphics(this.ctx);
+ var strokeSize = Array.isArray(w.config.stroke.width) ? 0 : w.config.stroke.width;
+
+ if (Array.isArray(w.config.stroke.width)) {
+ var strokeMaxSize = 0;
+ w.config.stroke.width.forEach(function (m) {
+ strokeMaxSize = Math.max(strokeMaxSize, m);
+ });
+ strokeSize = strokeMaxSize;
+ }
+
+ gl.dom.elGridRectMask = document.createElementNS(gl.SVGNS, 'clipPath');
+ gl.dom.elGridRectMask.setAttribute('id', "gridRectMask".concat(gl.cuid));
+ gl.dom.elGridRectMarkerMask = document.createElementNS(gl.SVGNS, 'clipPath');
+ gl.dom.elGridRectMarkerMask.setAttribute('id', "gridRectMarkerMask".concat(gl.cuid));
+ gl.dom.elGridRect = graphics.drawRect(-strokeSize / 2, -strokeSize / 2, gl.gridWidth + strokeSize, gl.gridHeight + strokeSize, 0, '#fff');
+ var coreUtils = new CoreUtils(this);
+ coreUtils.getLargestMarkerSize();
+ var markerSize = w.globals.markers.largestSize + w.config.markers.hover.sizeOffset + 1;
+ gl.dom.elGridRectMarker = graphics.drawRect(-markerSize, -markerSize, gl.gridWidth + markerSize * 2, gl.gridHeight + markerSize * 2, 0, '#fff');
+ gl.dom.elGridRectMask.appendChild(gl.dom.elGridRect.node);
+ gl.dom.elGridRectMarkerMask.appendChild(gl.dom.elGridRectMarker.node);
+ var defs = gl.dom.baseEl.querySelector('defs');
+ defs.appendChild(gl.dom.elGridRectMask);
+ defs.appendChild(gl.dom.elGridRectMarkerMask);
+ } // actual grid rendering
+
+ }, {
+ key: "renderGrid",
+ value: function renderGrid() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var strokeDashArray = w.config.grid.strokeDashArray;
+ var elg = graphics.group({
+ class: 'apexcharts-grid'
+ });
+ var tickAmount = 8;
+
+ for (var i = 0; i < w.globals.series.length; i++) {
+ if (typeof w.globals.yAxisScale[i] !== 'undefined') {
+ tickAmount = w.globals.yAxisScale[i].result.length - 1;
+ }
+
+ if (tickAmount > 2) break;
+ }
+
+ var xCount;
+ var inversedGrid = !!(w.config.plotOptions.bar.horizontal && w.config.chart.type === 'bar');
+
+ if (!inversedGrid) {
+ xCount = this.xaxisLabels.length; // draw vertical lines
+
+ if (w.config.grid.xaxis.lines.show || w.config.xaxis.axisTicks.show) {
+ var x1 = w.globals.padHorizontal;
+ var y1 = 0;
+ var x2;
+ var y2 = w.globals.gridHeight;
+
+ if (w.globals.timelineLabels.length > 0) {
+ for (var _i = 0; _i < xCount; _i++) {
+ x1 = this.xaxisLabels[_i].position;
+ x2 = this.xaxisLabels[_i].position;
+
+ if (w.config.grid.xaxis.lines.show && x1 > 0 && x1 < w.globals.gridWidth) {
+ var line = graphics.drawLine(x1, y1, x2, y2, w.config.grid.borderColor, strokeDashArray);
+ line.node.classList.add('apexcharts-gridline');
+ elg.add(line);
+
+ if (this.animX) {
+ this.animateLine(line, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: x1,
+ x2: x2
+ });
+ }
+ }
+
+ var xAxis = new XAxis(this.ctx);
+ xAxis.drawXaxisTicks(x1, elg);
+ }
+ } else {
+ var xCountForCategoryCharts = xCount;
+
+ for (var _i2 = 0; _i2 < xCountForCategoryCharts; _i2++) {
+ var x1Count = xCountForCategoryCharts;
+
+ if (w.globals.isXNumeric && w.config.chart.type !== 'bar') {
+ x1Count -= 1;
+ }
+
+ x1 = x1 + w.globals.gridWidth / x1Count;
+ x2 = x1; // skip the last line
+
+ if (_i2 === x1Count - 1) break;
+
+ if (w.config.grid.xaxis.lines.show) {
+ var _line = graphics.drawLine(x1, y1, x2, y2, w.config.grid.borderColor, strokeDashArray);
+
+ _line.node.classList.add('apexcharts-gridline');
+
+ elg.add(_line);
+
+ if (this.animX) {
+ this.animateLine(_line, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: x1,
+ x2: x2
+ });
+ }
+ }
+
+ var _xAxis = new XAxis(this.ctx);
+
+ _xAxis.drawXaxisTicks(x1, elg);
+ }
+ }
+ } // draw horizontal lines
+
+
+ if (w.config.grid.yaxis.lines.show) {
+ var _x = 0;
+ var _y = 0;
+ var _y2 = 0;
+ var _x2 = w.globals.gridWidth;
+
+ for (var _i3 = 0; _i3 < tickAmount + 1; _i3++) {
+ var _line2 = graphics.drawLine(_x, _y, _x2, _y2, w.config.grid.borderColor, strokeDashArray);
+
+ elg.add(_line2);
+
+ _line2.node.classList.add('apexcharts-gridline');
+
+ if (this.animY) {
+ this.animateLine(_line2, {
+ y1: _y + 20,
+ y2: _y2 + 20
+ }, {
+ y1: _y,
+ y2: _y2
+ });
+ }
+
+ _y = _y + w.globals.gridHeight / tickAmount;
+ _y2 = _y;
+ }
+ }
+ } else {
+ xCount = tickAmount; // draw vertical lines
+
+ if (w.config.grid.xaxis.lines.show || w.config.xaxis.axisTicks.show) {
+ var _x3 = w.globals.padHorizontal;
+ var _y3 = 0;
+
+ var _x4;
+
+ var _y4 = w.globals.gridHeight;
+
+ for (var _i4 = 0; _i4 < xCount + 1; _i4++) {
+ _x3 = _x3 + w.globals.gridWidth / xCount + 0.3;
+ _x4 = _x3; // skip the last vertical line
+
+ if (_i4 === xCount - 1) break;
+
+ if (w.config.grid.xaxis.lines.show) {
+ var _line3 = graphics.drawLine(_x3, _y3, _x4, _y4, w.config.grid.borderColor, strokeDashArray);
+
+ _line3.node.classList.add('apexcharts-gridline');
+
+ elg.add(_line3);
+
+ if (this.animX) {
+ this.animateLine(_line3, {
+ x1: 0,
+ x2: 0
+ }, {
+ x1: _x3,
+ x2: _x4
+ });
+ }
+ } // skip the first vertical line
+
+
+ var _xAxis2 = new XAxis(this.ctx);
+
+ _xAxis2.drawXaxisTicks(_x3, elg);
+ }
+ } // draw horizontal lines
+
+
+ if (w.config.grid.yaxis.lines.show) {
+ var _x5 = 0;
+ var _y5 = 0;
+ var _y6 = 0;
+ var _x6 = w.globals.gridWidth;
+
+ for (var _i5 = 0; _i5 < w.globals.dataPoints + 1; _i5++) {
+ var _line4 = graphics.drawLine(_x5, _y5, _x6, _y6, w.config.grid.borderColor, strokeDashArray);
+
+ elg.add(_line4);
+
+ _line4.node.classList.add('apexcharts-gridline');
+
+ if (this.animY) {
+ this.animateLine(_line4, {
+ y1: _y5 + 20,
+ y2: _y6 + 20
+ }, {
+ y1: _y5,
+ y2: _y6
+ });
+ }
+
+ _y5 = _y5 + w.globals.gridHeight / w.globals.dataPoints;
+ _y6 = _y5;
+ }
+ }
+ }
+
+ this.drawGridBands(elg, xCount, tickAmount);
+ return {
+ el: elg,
+ xAxisTickWidth: w.globals.gridWidth / xCount
+ };
+ }
+ }, {
+ key: "drawGridBands",
+ value: function drawGridBands(elg, xCount, tickAmount) {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx); // rows background bands
+
+ if (w.config.grid.row.colors !== undefined && w.config.grid.row.colors.length > 0) {
+ var x1 = 0;
+ var y1 = 0;
+ var y2 = w.globals.gridHeight / tickAmount;
+ var x2 = w.globals.gridWidth;
+
+ for (var i = 0, c = 0; i < tickAmount; i++, c++) {
+ if (c >= w.config.grid.row.colors.length) {
+ c = 0;
+ }
+
+ var color = w.config.grid.row.colors[c];
+ var rect = graphics.drawRect(x1, y1, x2, y2, 0, color, w.config.grid.row.opacity);
+ elg.add(rect);
+ rect.node.classList.add('apexcharts-gridRow');
+ y1 = y1 + w.globals.gridHeight / tickAmount;
+ }
+ } // columns background bands
+
+
+ if (w.config.grid.column.colors !== undefined && w.config.grid.column.colors.length > 0) {
+ var _x7 = w.globals.padHorizontal;
+ var _y7 = 0;
+
+ var _x8 = w.globals.padHorizontal + w.globals.gridWidth / xCount;
+
+ var _y8 = w.globals.gridHeight;
+
+ for (var _i6 = 0, _c = 0; _i6 < xCount; _i6++, _c++) {
+ if (_c >= w.config.grid.column.colors.length) {
+ _c = 0;
+ }
+
+ var _color = w.config.grid.column.colors[_c];
+
+ var _rect = graphics.drawRect(_x7, _y7, _x8, _y8, 0, _color, w.config.grid.column.opacity);
+
+ _rect.node.classList.add('apexcharts-gridColumn');
+
+ elg.add(_rect);
+ _x7 = _x7 + w.globals.gridWidth / xCount;
+ }
+ }
+ }
+ }, {
+ key: "animateLine",
+ value: function animateLine(line, from, to) {
+ var w = this.w;
+ var initialAnim = w.config.chart.animations;
+
+ if (initialAnim && !w.globals.resized && !w.globals.dataChanged) {
+ var speed = initialAnim.speed;
+ this.anim.animateLine(line, from, to, speed);
+ }
+ }
+ }]);
+
+ return Grid;
+ }();
+
+ /**
+ * ApexCharts Legend Class to draw legend.
+ *
+ * @module Legend
+ **/
+
+ var Legend =
+ /*#__PURE__*/
+ function () {
+ function Legend(ctx, opts) {
+ _classCallCheck(this, Legend);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.onLegendClick = this.onLegendClick.bind(this);
+ this.onLegendHovered = this.onLegendHovered.bind(this);
+ }
+
+ _createClass(Legend, [{
+ key: "init",
+ value: function init() {
+ var w = this.w;
+ var gl = w.globals;
+ var cnf = w.config;
+ var showLegendAlways = cnf.legend.showForSingleSeries && gl.series.length === 1 || gl.series.length > 1;
+
+ if ((showLegendAlways || !gl.axisCharts) && cnf.legend.show) {
+ while (gl.dom.elLegendWrap.firstChild) {
+ gl.dom.elLegendWrap.removeChild(gl.dom.elLegendWrap.firstChild);
+ }
+
+ this.drawLegends();
+
+ if (!Utils.isIE11()) {
+ this.appendToForeignObject();
+ } else {
+ // IE11 doesn't supports foreignObject, hence append it to <head>
+ document.getElementsByTagName('head')[0].appendChild(this.getLegendStyles());
+ }
+
+ if (cnf.legend.position === 'bottom' || cnf.legend.position === 'top') {
+ this.legendAlignHorizontal();
+ } else if (cnf.legend.position === 'right' || cnf.legend.position === 'left') {
+ this.legendAlignVertical();
+ }
+ }
+ }
+ }, {
+ key: "appendToForeignObject",
+ value: function appendToForeignObject() {
+ var gl = this.w.globals;
+ var elForeign = document.createElementNS(gl.SVGNS, 'foreignObject');
+ elForeign.setAttribute('x', 0);
+ elForeign.setAttribute('y', 0);
+ elForeign.setAttribute('width', gl.svgWidth);
+ elForeign.setAttribute('height', gl.svgHeight);
+ gl.dom.elLegendWrap.setAttribute('xmlns', 'http://www.w3.org/1999/xhtml');
+ elForeign.appendChild(gl.dom.elLegendWrap);
+ elForeign.appendChild(this.getLegendStyles());
+ gl.dom.Paper.node.insertBefore(elForeign, gl.dom.elGraphical.node);
+ }
+ }, {
+ key: "drawLegends",
+ value: function drawLegends() {
+ var self = this;
+ var w = this.w;
+ var fontFamily = w.config.legend.fontFamily;
+ var legendNames = w.globals.seriesNames;
+ var fillcolor = w.globals.colors.slice();
+
+ if (w.config.chart.type === 'heatmap') {
+ var ranges = w.config.plotOptions.heatmap.colorScale.ranges;
+ legendNames = ranges.map(function (colorScale) {
+ return colorScale.name ? colorScale.name : colorScale.from + ' - ' + colorScale.to;
+ });
+ fillcolor = ranges.map(function (color) {
+ return color.color;
+ });
+ }
+
+ var legendFormatter = w.globals.legendFormatter;
+
+ for (var i = 0; i <= legendNames.length - 1; i++) {
+ var text = legendFormatter(legendNames[i], {
+ seriesIndex: i,
+ w: w
+ });
+ var collapsedSeries = false;
+ var ancillaryCollapsedSeries = false;
+
+ if (w.globals.collapsedSeries.length > 0) {
+ for (var c = 0; c < w.globals.collapsedSeries.length; c++) {
+ if (w.globals.collapsedSeries[c].index === i) {
+ collapsedSeries = true;
+ }
+ }
+ }
+
+ if (w.globals.ancillaryCollapsedSeriesIndices.length > 0) {
+ for (var _c = 0; _c < w.globals.ancillaryCollapsedSeriesIndices.length; _c++) {
+ if (w.globals.ancillaryCollapsedSeriesIndices[_c] === i) {
+ ancillaryCollapsedSeries = true;
+ }
+ }
+ }
+
+ var elMarker = document.createElement('span');
+ elMarker.classList.add('apexcharts-legend-marker');
+ var mOffsetX = w.config.legend.markers.offsetX;
+ var mOffsetY = w.config.legend.markers.offsetY;
+ var mHeight = w.config.legend.markers.height;
+ var mWidth = w.config.legend.markers.width;
+ var mBorderWidth = w.config.legend.markers.strokeWidth;
+ var mBorderColor = w.config.legend.markers.strokeColor;
+ var mBorderRadius = w.config.legend.markers.radius;
+ var mStyle = elMarker.style;
+ mStyle.background = fillcolor[i];
+ mStyle.color = fillcolor[i];
+ mStyle.height = Array.isArray(mHeight) ? parseFloat(mHeight[i]) + 'px' : parseFloat(mHeight) + 'px';
+ mStyle.width = Array.isArray(mWidth) ? parseFloat(mWidth[i]) + 'px' : parseFloat(mWidth) + 'px';
+ mStyle.left = Array.isArray(mOffsetX) ? mOffsetX[i] : mOffsetX;
+ mStyle.top = Array.isArray(mOffsetY) ? mOffsetY[i] : mOffsetY;
+ mStyle.borderWidth = Array.isArray(mBorderWidth) ? mBorderWidth[i] : mBorderWidth;
+ mStyle.borderColor = Array.isArray(mBorderColor) ? mBorderColor[i] : mBorderColor;
+ mStyle.borderRadius = Array.isArray(mBorderRadius) ? parseFloat(mBorderRadius[i]) + 'px' : parseFloat(mBorderRadius) + 'px';
+
+ if (w.config.legend.markers.customHTML) {
+ if (Array.isArray(w.config.legend.markers.customHTML)) {
+ elMarker.innerHTML = w.config.legend.markers.customHTML[i]();
+ } else {
+ elMarker.innerHTML = w.config.legend.markers.customHTML();
+ }
+ }
+
+ Graphics.setAttrs(elMarker, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+
+ if (collapsedSeries || ancillaryCollapsedSeries) {
+ elMarker.classList.add('inactive-legend');
+ }
+
+ var elLegend = document.createElement('div');
+ var elLegendText = document.createElement('span');
+ elLegendText.classList.add('apexcharts-legend-text');
+ elLegendText.innerHTML = text;
+ var textColor = w.config.legend.labels.useSeriesColors ? w.globals.colors[i] : w.config.legend.labels.colors;
+
+ if (!textColor) {
+ textColor = w.config.chart.foreColor;
+ }
+
+ elLegendText.style.color = textColor;
+ elLegendText.style.fontSize = parseFloat(w.config.legend.fontSize) + 'px';
+ elLegendText.style.fontFamily = fontFamily || w.config.chart.fontFamily;
+ Graphics.setAttrs(elLegendText, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+ elLegend.appendChild(elMarker);
+ elLegend.appendChild(elLegendText);
+ var coreUtils = new CoreUtils(this.ctx);
+
+ if (!w.config.legend.showForZeroSeries) {
+ var total = coreUtils.getSeriesTotalByIndex(i);
+
+ if (total === 0 && coreUtils.seriesHaveSameValues(i) && !coreUtils.isSeriesNull(i) && w.globals.collapsedSeriesIndices.indexOf(i) === -1 && w.globals.ancillaryCollapsedSeriesIndices.indexOf(i) === -1) {
+ elLegend.classList.add('apexcharts-hidden-zero-series');
+ }
+ }
+
+ if (!w.config.legend.showForNullSeries) {
+ if (coreUtils.isSeriesNull(i) && w.globals.collapsedSeriesIndices.indexOf(i) === -1 && w.globals.ancillaryCollapsedSeriesIndices.indexOf(i) === -1) {
+ elLegend.classList.add('apexcharts-hidden-null-series');
+ }
+ }
+
+ w.globals.dom.elLegendWrap.appendChild(elLegend);
+ w.globals.dom.elLegendWrap.classList.add(w.config.legend.horizontalAlign); // w.globals.dom.elLegendWrap.classList.add(w.config.legend.verticalAlign)
+
+ w.globals.dom.elLegendWrap.classList.add('position-' + w.config.legend.position);
+ elLegend.classList.add('apexcharts-legend-series');
+ elLegend.style.margin = "".concat(w.config.legend.itemMargin.horizontal, "px ").concat(w.config.legend.itemMargin.vertical, "px");
+ w.globals.dom.elLegendWrap.style.width = w.config.legend.width ? w.config.legend.width + 'px' : '';
+ w.globals.dom.elLegendWrap.style.height = w.config.legend.height ? w.config.legend.height + 'px' : '';
+ Graphics.setAttrs(elLegend, {
+ rel: i + 1,
+ 'data:collapsed': collapsedSeries || ancillaryCollapsedSeries
+ });
+
+ if (collapsedSeries || ancillaryCollapsedSeries) {
+ elLegend.classList.add('inactive-legend');
+ }
+
+ if (!w.config.legend.onItemClick.toggleDataSeries) {
+ elLegend.classList.add('no-click');
+ }
+ } // for now - just prevent click on heatmap legend - and allow hover only
+
+
+ var clickAllowed = w.config.chart.type !== 'heatmap';
+
+ if (clickAllowed && w.config.legend.onItemClick.toggleDataSeries) {
+ w.globals.dom.elWrap.addEventListener('click', self.onLegendClick, true);
+ }
+
+ if (w.config.legend.onItemHover.highlightDataSeries) {
+ w.globals.dom.elWrap.addEventListener('mousemove', self.onLegendHovered, true);
+ w.globals.dom.elWrap.addEventListener('mouseout', self.onLegendHovered, true);
+ }
+ }
+ }, {
+ key: "getLegendBBox",
+ value: function getLegendBBox() {
+ var w = this.w;
+ var currLegendsWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var currLegendsWrapRect = currLegendsWrap.getBoundingClientRect();
+ var currLegendsWrapWidth = currLegendsWrapRect.width;
+ var currLegendsWrapHeight = currLegendsWrapRect.height;
+ return {
+ clwh: currLegendsWrapHeight,
+ clww: currLegendsWrapWidth
+ };
+ }
+ }, {
+ key: "setLegendWrapXY",
+ value: function setLegendWrapXY(offsetX, offsetY) {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ var legendRect = elLegendWrap.getBoundingClientRect();
+ var x = 0;
+ var y = 0;
+
+ if (w.config.legend.position === 'bottom') {
+ y = y + (w.globals.svgHeight - legendRect.height / 2);
+ } else if (w.config.legend.position === 'top') {
+ var dim = new Dimensions(this.ctx);
+ var titleH = dim.getTitleSubtitleCoords('title').height;
+ var subtitleH = dim.getTitleSubtitleCoords('subtitle').height;
+ y = y + (titleH > 0 ? titleH - 10 : 0) + (subtitleH > 0 ? subtitleH - 10 : 0);
+ }
+
+ elLegendWrap.style.position = 'absolute';
+ x = x + offsetX + w.config.legend.offsetX;
+ y = y + offsetY + w.config.legend.offsetY;
+ elLegendWrap.style.left = x + 'px';
+ elLegendWrap.style.top = y + 'px';
+
+ if (w.config.legend.position === 'bottom') {
+ elLegendWrap.style.top = 'auto';
+ elLegendWrap.style.bottom = 10 + w.config.legend.offsetY + 'px';
+ } else if (w.config.legend.position === 'right') {
+ elLegendWrap.style.left = 'auto';
+ elLegendWrap.style.right = 25 + w.config.legend.offsetX + 'px';
+ }
+
+ if (elLegendWrap.style.width) {
+ elLegendWrap.style.width = parseInt(w.config.legend.width) + 'px';
+ }
+
+ if (elLegendWrap.style.height) {
+ elLegendWrap.style.height = parseInt(w.config.legend.height) + 'px';
+ }
+ }
+ }, {
+ key: "legendAlignHorizontal",
+ value: function legendAlignHorizontal() {
+ var w = this.w;
+ var elLegendWrap = w.globals.dom.baseEl.querySelector('.apexcharts-legend');
+ elLegendWrap.style.right = 0;
+ var lRect = this.getLegendBBox();
+ var dimensions = new Dimensions(this.ctx);
+ var titleRect = dimensions.getTitleSubtitleCoords('title');
+ var subtitleRect = dimensions.getTitleSubtitleCoords('subtitle');
+ var offsetX = 20;
+ var offsetY = 0; // the whole legend box is set to bottom
+
+ if (w.config.legend.position === 'bottom') {
+ offsetY = -lRect.clwh / 1.8;
+ } else if (w.config.legend.position === 'top') {
+ offsetY = titleRect.height + subtitleRect.height + w.config.title.margin + w.config.subtitle.margin - 15;
+ }
+
+ this.setLegendWrapXY(offsetX, offsetY);
+ }
+ }, {
+ key: "legendAlignVertical",
+ value: function legendAlignVertical() {
+ var w = this.w;
+ var lRect = this.getLegendBBox();
+ var offsetY = 20;
+ var offsetX = 0;
+
+ if (w.config.legend.position === 'left') {
+ offsetX = 20;
+ }
+
+ if (w.config.legend.position === 'right') {
+ offsetX = w.globals.svgWidth - lRect.clww - 10;
+ }
+
+ this.setLegendWrapXY(offsetX, offsetY);
+ }
+ }, {
+ key: "onLegendHovered",
+ value: function onLegendHovered(e) {
+ var w = this.w;
+ var hoverOverLegend = e.target.classList.contains('apexcharts-legend-text') || e.target.classList.contains('apexcharts-legend-marker');
+
+ if (w.config.chart.type !== 'heatmap') {
+ if (!e.target.classList.contains('inactive-legend') && hoverOverLegend) {
+ var series = new Series(this.ctx);
+ series.toggleSeriesOnHover(e, e.target);
+ }
+ } else {
+ // for heatmap handling
+ if (hoverOverLegend) {
+ var seriesCnt = parseInt(e.target.getAttribute('rel')) - 1;
+ this.ctx.fireEvent('legendHover', [this.ctx, seriesCnt, this.w]);
+
+ var _series = new Series(this.ctx);
+
+ _series.highlightRangeInSeries(e, e.target);
+ }
+ }
+ }
+ }, {
+ key: "onLegendClick",
+ value: function onLegendClick(e) {
+ if (e.target.classList.contains('apexcharts-legend-text') || e.target.classList.contains('apexcharts-legend-marker')) {
+ var seriesCnt = parseInt(e.target.getAttribute('rel')) - 1;
+ var isHidden = e.target.getAttribute('data:collapsed') === 'true';
+ var legendClick = this.w.config.chart.events.legendClick;
+
+ if (typeof legendClick === 'function') {
+ legendClick(this.ctx, seriesCnt, this.w);
+ }
+
+ this.ctx.fireEvent('legendClick', [this.ctx, seriesCnt, this.w]);
+ var markerClick = this.w.config.legend.markers.onClick;
+
+ if (typeof markerClick === 'function' && e.target.classList.contains('apexcharts-legend-marker')) {
+ markerClick(this.ctx, seriesCnt, this.w);
+ this.ctx.fireEvent('legendMarkerClick', [this.ctx, seriesCnt, this.w]);
+ }
+
+ this.toggleDataSeries(seriesCnt, isHidden);
+ }
+ }
+ }, {
+ key: "getLegendStyles",
+ value: function getLegendStyles() {
+ var stylesheet = document.createElement('style');
+ stylesheet.setAttribute('type', 'text/css');
+ var text = "\n \n .apexcharts-legend {\n display: flex;\n overflow: auto;\n padding: 0 10px;\n }\n\n .apexcharts-legend.position-bottom, .apexcharts-legend.position-top {\n flex-wrap: wrap\n }\n .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n flex-direction: column;\n bottom: 0;\n }\n\n .apexcharts-legend.position-bottom.left, .apexcharts-legend.position-top.left, .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n justify-content: flex-start;\n }\n\n .apexcharts-legend.position-bottom.center, .apexcharts-legend.position-top.center {\n justify-content: center; \n }\n\n .apexcharts-legend.position-bottom.right, .apexcharts-legend.position-top.right {\n justify-content: flex-end;\n }\n\n .apexcharts-legend-series {\n cursor: pointer;\n line-height: normal;\n }\n\n .apexcharts-legend.position-bottom .apexcharts-legend-series, .apexcharts-legend.position-top .apexcharts-legend-series{\n display: flex;\n align-items: center;\n }\n\n .apexcharts-legend-text {\n position: relative;\n font-size: 14px;\n }\n\n .apexcharts-legend-text *, .apexcharts-legend-marker * {\n pointer-events: none;\n }\n\n .apexcharts-legend-marker {\n position: relative;\n display: inline-block;\n cursor: pointer;\n margin-right: 3px;\n }\n \n .apexcharts-legend.right .apexcharts-legend-series, .apexcharts-legend.left .apexcharts-legend-series{\n display: inline-block;\n }\n\n .apexcharts-legend-series.no-click {\n cursor: auto;\n }\n\n .apexcharts-legend .apexcharts-hidden-zero-series, .apexcharts-legend .apexcharts-hidden-null-series {\n display: none !important;\n }\n\n .inactive-legend {\n opacity: 0.45;\n }";
+ var rules = document.createTextNode(text);
+ stylesheet.appendChild(rules);
+ return stylesheet;
+ }
+ }, {
+ key: "resetToggleDataSeries",
+ value: function resetToggleDataSeries() {
+ var w = this.w;
+ var seriesEls = null;
+ var realIndexes = [];
+
+ if (w.globals.axisCharts) {
+ seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:realIndex]");
+ seriesEls.forEach(function (v) {
+ realIndexes.push(parseInt(v.getAttribute('data:realIndex')));
+ });
+ } else {
+ seriesEls = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[rel]");
+ seriesEls.forEach(function (v) {
+ realIndexes.push(parseInt(v.getAttribute('rel')) - 1);
+ });
+ }
+
+ realIndexes.sort();
+
+ if (w.globals.collapsedSeries.length > 0) {
+ var risingSeries = w.globals.risingSeries.slice();
+ var series = w.config.series.slice();
+
+ for (var c = 0; c < w.globals.collapsedSeries.length; c++) {
+ var index = realIndexes.indexOf(w.globals.collapsedSeries[c].index);
+
+ if (index !== -1) {
+ if (w.globals.axisCharts) {
+ series[index].data = w.globals.collapsedSeries.slice()[c].data.slice();
+ } else {
+ series[index] = w.globals.collapsedSeries.slice()[c].data;
+ }
+
+ risingSeries.push(index);
+ }
+ }
+
+ w.globals.collapsedSeries = [];
+ w.globals.ancillaryCollapsedSeries = [];
+ w.globals.collapsedSeriesIndices = [];
+ w.globals.ancillaryCollapsedSeriesIndices = [];
+ w.globals.risingSeries = risingSeries;
+ w.config.series = series;
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ }
+ }, {
+ key: "toggleDataSeries",
+ value: function toggleDataSeries(seriesCnt, isHidden) {
+ var w = this.w;
+
+ if (w.globals.axisCharts || w.config.chart.type === 'radialBar') {
+ w.globals.resized = true; // we don't want initial animations again
+
+ var seriesEl = null;
+ var realIndex = null; // yes, make it null. 1 series will rise at a time
+
+ w.globals.risingSeries = [];
+
+ if (w.globals.axisCharts) {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesCnt, "']"));
+ realIndex = parseInt(seriesEl.getAttribute('data:realIndex'));
+ } else {
+ seriesEl = w.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(seriesCnt + 1, "']"));
+ realIndex = parseInt(seriesEl.getAttribute('rel')) - 1;
+ }
+
+ if (isHidden) {
+ this.riseCollapsedSeries(w.globals.collapsedSeries, w.globals.collapsedSeriesIndices, realIndex);
+ this.riseCollapsedSeries(w.globals.ancillaryCollapsedSeries, w.globals.ancillaryCollapsedSeriesIndices, realIndex);
+ } else {
+ if (w.globals.axisCharts) {
+ var shouldNotHideYAxis = false;
+
+ if (w.config.yaxis[realIndex] && w.config.yaxis[realIndex].show && w.config.yaxis[realIndex].showAlways) {
+ shouldNotHideYAxis = true;
+
+ if (w.globals.ancillaryCollapsedSeriesIndices.indexOf(realIndex) < 0) {
+ w.globals.ancillaryCollapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex].data.slice(),
+ type: seriesEl.parentNode.className.baseVal.split('-')[1]
+ });
+ w.globals.ancillaryCollapsedSeriesIndices.push(realIndex);
+ }
+ }
+
+ if (!shouldNotHideYAxis) {
+ w.globals.collapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex].data.slice(),
+ type: seriesEl.parentNode.className.baseVal.split('-')[1]
+ });
+ w.globals.collapsedSeriesIndices.push(realIndex);
+ var removeIndexOfRising = w.globals.risingSeries.indexOf(realIndex);
+ w.globals.risingSeries.splice(removeIndexOfRising, 1);
+ } // TODO: AVOID mutating the user's config object below
+
+
+ w.config.series[realIndex].data = [];
+ } else {
+ w.globals.collapsedSeries.push({
+ index: realIndex,
+ data: w.config.series[realIndex]
+ });
+ w.globals.collapsedSeriesIndices.push(realIndex);
+ w.config.series[realIndex] = 0;
+ }
+
+ var seriesChildren = seriesEl.childNodes;
+
+ for (var sc = 0; sc < seriesChildren.length; sc++) {
+ if (seriesChildren[sc].classList.contains('apexcharts-series-markers-wrap')) {
+ if (seriesChildren[sc].classList.contains('apexcharts-hide')) {
+ seriesChildren[sc].classList.remove('apexcharts-hide');
+ } else {
+ seriesChildren[sc].classList.add('apexcharts-hide');
+ }
+ }
+ }
+
+ w.globals.allSeriesCollapsed = w.globals.collapsedSeries.length === w.globals.series.length;
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ } else {
+ // for non-axis charts i.e pie / donuts
+ var _seriesEl = w.globals.dom.Paper.select(" .apexcharts-series[rel='".concat(seriesCnt + 1, "'] path"));
+
+ _seriesEl.fire('click');
+ }
+ }
+ }, {
+ key: "riseCollapsedSeries",
+ value: function riseCollapsedSeries(series, seriesIndices, realIndex) {
+ var w = this.w;
+
+ if (series.length > 0) {
+ for (var c = 0; c < series.length; c++) {
+ if (series[c].index === realIndex) {
+ if (w.globals.axisCharts) {
+ w.config.series[realIndex].data = series[c].data.slice();
+ series.splice(c, 1);
+ seriesIndices.splice(c, 1);
+ w.globals.risingSeries.push(realIndex);
+ } else {
+ w.config.series[realIndex] = series[c].data;
+ series.splice(c, 1);
+ seriesIndices.splice(c, 1);
+ w.globals.risingSeries.push(realIndex);
+ }
+
+ this.ctx._updateSeries(w.config.series, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ }
+ }
+ }
+ }]);
+
+ return Legend;
+ }();
+
+ /**
+ * ApexCharts Responsive Class to override options for different screen sizes.
+ *
+ * @module Responsive
+ **/
+
+ var Responsive =
+ /*#__PURE__*/
+ function () {
+ function Responsive(ctx) {
+ _classCallCheck(this, Responsive);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ } // the opts parameter if not null has to be set overriding everything
+ // as the opts is set by user externally
+
+
+ _createClass(Responsive, [{
+ key: "checkResponsiveConfig",
+ value: function checkResponsiveConfig(opts) {
+ var _this = this;
+
+ var w = this.w;
+ var cnf = w.config; // check if responsive config exists
+
+ if (cnf.responsive.length === 0) return;
+ var res = cnf.responsive.slice();
+ res.sort(function (a, b) {
+ return a.breakpoint > b.breakpoint ? 1 : b.breakpoint > a.breakpoint ? -1 : 0;
+ }).reverse();
+ var config = new Config({});
+
+ var iterateResponsiveOptions = function iterateResponsiveOptions() {
+ var newOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+ var largestBreakpoint = res[0].breakpoint;
+ var width = window.innerWidth > 0 ? window.innerWidth : screen.width;
+
+ if (width > largestBreakpoint) {
+ var options = CoreUtils.extendArrayProps(config, w.globals.initialConfig);
+ newOptions = Utils.extend(options, newOptions);
+ newOptions = Utils.extend(w.config, newOptions);
+
+ _this.overrideResponsiveOptions(newOptions);
+ } else {
+ for (var i = 0; i < res.length; i++) {
+ if (width < res[i].breakpoint) {
+ newOptions = Utils.extend(config, newOptions);
+ newOptions = CoreUtils.extendArrayProps(newOptions, res[i].options);
+ newOptions = Utils.extend(w.config, newOptions);
+
+ _this.overrideResponsiveOptions(newOptions);
+ }
+ }
+ }
+ };
+
+ if (opts) {
+ var options = CoreUtils.extendArrayProps(config, opts);
+ options = Utils.extend(w.config, options);
+ options = Utils.extend(options, opts);
+ iterateResponsiveOptions(options);
+ } else {
+ iterateResponsiveOptions({});
+ }
+ }
+ }, {
+ key: "overrideResponsiveOptions",
+ value: function overrideResponsiveOptions(newOptions) {
+ var newConfig = new Config(newOptions).init();
+ this.w.config = newConfig;
+ }
+ }]);
+
+ return Responsive;
+ }();
+
+ /**
+ * ApexCharts Theme Class for setting the colors and palettes.
+ *
+ * @module Theme
+ **/
+
+ var Theme =
+ /*#__PURE__*/
+ function () {
+ function Theme(ctx) {
+ _classCallCheck(this, Theme);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.colors = [];
+ }
+
+ _createClass(Theme, [{
+ key: "init",
+ value: function init() {
+ this.setDefaultColors();
+ }
+ }, {
+ key: "setDefaultColors",
+ value: function setDefaultColors() {
+ var w = this.w;
+ var utils = new Utils();
+
+ if (w.config.colors === undefined) {
+ w.globals.colors = this.predefined();
+ } else {
+ w.globals.colors = w.config.colors;
+ }
+
+ if (w.config.theme.monochrome.enabled) {
+ var monoArr = [];
+ var glsCnt = w.globals.series.length;
+
+ if (w.config.plotOptions.bar.distributed && w.config.chart.type === 'bar') {
+ glsCnt = w.globals.series[0].length * w.globals.series.length;
+ }
+
+ var mainColor = w.config.theme.monochrome.color;
+ var part = 1 / (glsCnt / w.config.theme.monochrome.shadeIntensity);
+ var shade = w.config.theme.monochrome.shadeTo;
+ var percent = 0;
+
+ for (var gsl = 0; gsl < glsCnt; gsl++) {
+ var newColor = void 0;
+
+ if (shade === 'dark') {
+ newColor = utils.shadeColor(percent * -1, mainColor);
+ percent = percent + part;
+ } else {
+ newColor = utils.shadeColor(percent, mainColor);
+ percent = percent + part;
+ }
+
+ monoArr.push(newColor);
+ }
+
+ w.globals.colors = monoArr.slice();
+ }
+
+ var defaultColors = w.globals.colors.slice(); // if user specfied less colors than no. of series, push the same colors again
+
+ this.pushExtraColors(w.globals.colors); // The Border colors
+
+ if (w.config.stroke.colors === undefined) {
+ w.globals.stroke.colors = defaultColors;
+ } else {
+ w.globals.stroke.colors = w.config.stroke.colors;
+ }
+
+ this.pushExtraColors(w.globals.stroke.colors); // The FILL colors
+
+ if (w.config.fill.colors === undefined) {
+ w.globals.fill.colors = defaultColors;
+ } else {
+ w.globals.fill.colors = w.config.fill.colors;
+ }
+
+ this.pushExtraColors(w.globals.fill.colors);
+
+ if (w.config.dataLabels.style.colors === undefined) {
+ w.globals.dataLabels.style.colors = defaultColors;
+ } else {
+ w.globals.dataLabels.style.colors = w.config.dataLabels.style.colors;
+ }
+
+ this.pushExtraColors(w.globals.dataLabels.style.colors, 50);
+
+ if (w.config.plotOptions.radar.polygons.fill.colors === undefined) {
+ w.globals.radarPolygons.fill.colors = ['#fff'];
+ } else {
+ w.globals.radarPolygons.fill.colors = w.config.plotOptions.radar.polygons.fill.colors;
+ }
+
+ this.pushExtraColors(w.globals.radarPolygons.fill.colors, 20); // The point colors
+
+ if (w.config.markers.colors === undefined) {
+ w.globals.markers.colors = defaultColors;
+ } else {
+ w.globals.markers.colors = w.config.markers.colors;
+ }
+
+ this.pushExtraColors(w.globals.markers.colors);
+ } // When the number of colors provided is less than the number of series, this method
+ // will push same colors to the list
+ // params:
+ // distributed is only valid for distributed column/bar charts
+
+ }, {
+ key: "pushExtraColors",
+ value: function pushExtraColors(colorSeries, length) {
+ var distributed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var w = this.w;
+ var len = length || w.globals.series.length;
+
+ if (distributed === null) {
+ distributed = w.config.chart.type === 'bar' && w.config.plotOptions.bar.distributed || w.config.chart.type === 'heatmap' && w.config.plotOptions.heatmap.colorScale.inverse;
+ }
+
+ if (distributed) {
+ len = w.globals.series[0].length * w.globals.series.length;
+ }
+
+ if (colorSeries.length < len) {
+ var diff = len - colorSeries.length;
+
+ for (var i = 0; i < diff; i++) {
+ colorSeries.push(colorSeries[i]);
+ }
+ }
+ }
+ }, {
+ key: "predefined",
+ value: function predefined() {
+ var palette = this.w.config.theme.palette; // D6E3F8, FCEFEF, DCE0D9, A5978B, EDDDD4, D6E3F8, FEF5EF
+
+ switch (palette) {
+ case 'palette1':
+ this.colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0'];
+ break;
+
+ case 'palette2':
+ this.colors = ['#3f51b5', '#03a9f4', '#4caf50', '#f9ce1d', '#FF9800'];
+ break;
+
+ case 'palette3':
+ this.colors = ['#33b2df', '#546E7A', '#d4526e', '#13d8aa', '#A5978B'];
+ break;
+
+ case 'palette4':
+ this.colors = ['#546E7A', '#4ecdc4', '#c7f464', '#81D4FA', '#fd6a6a'];
+ break;
+
+ case 'palette5':
+ this.colors = ['#2b908f', '#f9a3a4', '#90ee7e', '#fa4443', '#69d2e7'];
+ break;
+
+ case 'palette6':
+ this.colors = ['#449DD1', '#F86624', '#EA3546', '#662E9B', '#C5D86D'];
+ break;
+
+ case 'palette7':
+ this.colors = ['#D7263D', '#1B998B', '#2E294E', '#F46036', '#E2C044'];
+ break;
+
+ case 'palette8':
+ this.colors = ['#662E9B', '#F86624', '#F9C80E', '#EA3546', '#43BCCD'];
+ break;
+
+ case 'palette9':
+ this.colors = ['#5C4742', '#A5978B', '#8D5B4C', '#5A2A27', '#C4BBAF'];
+ break;
+
+ case 'palette10':
+ this.colors = ['#A300D6', '#7D02EB', '#5653FE', '#2983FF', '#00B1F2'];
+ break;
+
+ default:
+ this.colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0'];
+ break;
+ }
+
+ return this.colors;
+ }
+ }]);
+
+ return Theme;
+ }();
+
+ var Utils$1 =
+ /*#__PURE__*/
+ function () {
+ function Utils(tooltipContext) {
+ _classCallCheck(this, Utils);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ }
+ /**
+ ** When hovering over series, you need to capture which series is being hovered on.
+ ** This function will return both capturedseries index as well as inner index of that series
+ * @memberof Utils
+ * @param {object}
+ * - hoverArea = the rect on which user hovers
+ * - elGrid = dimensions of the hover rect (it can be different than hoverarea)
+ */
+
+
+ _createClass(Utils, [{
+ key: "getNearestValues",
+ value: function getNearestValues(_ref) {
+ var hoverArea = _ref.hoverArea,
+ elGrid = _ref.elGrid,
+ clientX = _ref.clientX,
+ clientY = _ref.clientY,
+ hasBars = _ref.hasBars;
+ var w = this.w;
+ var hoverWidth = w.globals.gridWidth;
+ var xDivisor = hoverWidth / (w.globals.dataPoints - 1);
+ var seriesBound = elGrid.getBoundingClientRect();
+
+ if (hasBars && w.globals.comboCharts || hasBars) {
+ xDivisor = hoverWidth / w.globals.dataPoints;
+ }
+
+ var hoverX = clientX - seriesBound.left;
+ var hoverY = clientY - seriesBound.top;
+ var inRect = hoverX < 0 || hoverY < 0 || hoverX > w.globals.gridWidth || hoverY > w.globals.gridHeight;
+
+ if (inRect) {
+ hoverArea.classList.remove('hovering-zoom');
+ hoverArea.classList.remove('hovering-pan');
+ } else {
+ if (w.globals.zoomEnabled) {
+ hoverArea.classList.remove('hovering-pan');
+ hoverArea.classList.add('hovering-zoom');
+ } else if (w.globals.panEnabled) {
+ hoverArea.classList.remove('hovering-zoom');
+ hoverArea.classList.add('hovering-pan');
+ }
+ }
+
+ var j = Math.round(hoverX / xDivisor);
+
+ if (hasBars) {
+ j = Math.ceil(hoverX / xDivisor);
+ j = j - 1;
+ }
+
+ var capturedSeries = null;
+ var closest = null;
+ var seriesXValArr = [];
+ var seriesYValArr = [];
+
+ for (var s = 0; s < w.globals.seriesXvalues.length; s++) {
+ seriesXValArr.push([w.globals.seriesXvalues[s][0] - 0.000001].concat(w.globals.seriesXvalues[s]));
+ }
+
+ seriesXValArr = seriesXValArr.map(function (seriesXVal) {
+ return seriesXVal.filter(function (s) {
+ return s;
+ });
+ });
+ seriesYValArr = w.globals.seriesYvalues.map(function (seriesYVal) {
+ return seriesYVal.filter(function (s) {
+ return s;
+ });
+ }); // if X axis type is not category and tooltip is not shared, then we need to find the cursor position and get the nearest value
+
+ if (w.globals.isXNumeric) {
+ closest = this.closestInMultiArray(hoverX, hoverY, seriesXValArr, seriesYValArr);
+ capturedSeries = closest.index;
+ j = closest.j;
+
+ if (capturedSeries !== null) {
+ // initial push, it should be a little smaller than the 1st val
+ seriesXValArr = w.globals.seriesXvalues[capturedSeries];
+ closest = this.closestInArray(hoverX, seriesXValArr);
+ j = closest.index;
+ }
+ }
+
+ if (!j || j < 1) j = 0;
+ return {
+ capturedSeries: capturedSeries,
+ j: j,
+ hoverX: hoverX,
+ hoverY: hoverY
+ };
+ }
+ }, {
+ key: "closestInMultiArray",
+ value: function closestInMultiArray(hoverX, hoverY, Xarrays, Yarrays) {
+ var w = this.w;
+ var activeIndex = 0;
+ var currIndex = null;
+ var j = -1;
+
+ if (w.globals.series.length > 1) {
+ activeIndex = this.getFirstActiveXArray(Xarrays);
+ } else {
+ currIndex = 0;
+ }
+
+ var currY = Yarrays[activeIndex][0];
+ var currX = Xarrays[activeIndex][0];
+ var diffX = Math.abs(hoverX - currX);
+ var diffY = Math.abs(hoverY - currY);
+ var diff = diffY + diffX;
+ Yarrays.map(function (arrY, arrIndex) {
+ arrY.map(function (y, innerKey) {
+ var newdiffY = Math.abs(hoverY - Yarrays[arrIndex][innerKey]);
+ var newdiffX = Math.abs(hoverX - Xarrays[arrIndex][innerKey]);
+ var newdiff = newdiffX + newdiffY;
+
+ if (newdiff < diff) {
+ diff = newdiff;
+ diffX = newdiffX;
+ diffY = newdiffY;
+ currIndex = arrIndex;
+ j = innerKey;
+ }
+ });
+ });
+ return {
+ index: currIndex,
+ j: j
+ };
+ }
+ }, {
+ key: "getFirstActiveXArray",
+ value: function getFirstActiveXArray(Xarrays) {
+ var activeIndex = 0;
+ var coreUtils = new CoreUtils(this.ctx);
+ var firstActiveSeriesIndex = Xarrays.map(function (xarr, index) {
+ if (xarr.length > 0) {
+ return index;
+ } else {
+ return -1;
+ }
+ });
+
+ for (var a = 0; a < firstActiveSeriesIndex.length; a++) {
+ var total = coreUtils.getSeriesTotalByIndex(a);
+
+ if (firstActiveSeriesIndex[a] !== -1 && total !== 0 && !coreUtils.seriesHaveSameValues(a)) {
+ activeIndex = firstActiveSeriesIndex[a];
+ break;
+ }
+ }
+
+ return activeIndex;
+ }
+ }, {
+ key: "closestInArray",
+ value: function closestInArray(val, arr) {
+ var curr = arr[0];
+ var currIndex = null;
+ var diff = Math.abs(val - curr);
+
+ for (var i = 0; i < arr.length; i++) {
+ var newdiff = Math.abs(val - arr[i]);
+
+ if (newdiff < diff) {
+ diff = newdiff;
+ curr = arr[i];
+ currIndex = i;
+ }
+ }
+
+ return {
+ index: currIndex
+ };
+ }
+ /**
+ * When there are multiple series, it is possible to have different x values for each series.
+ * But it may be possible in those multiple series, that there is same x value for 2 or more
+ * series.
+ * @memberof Utils
+ * @param {int}
+ * - j = is the inner index of series -> (series[i][j])
+ * @return {bool}
+ */
+
+ }, {
+ key: "isXoverlap",
+ value: function isXoverlap(j) {
+ var w = this.w;
+ var xSameForAllSeriesJArr = [];
+ var seriesX = w.globals.seriesX.filter(function (s) {
+ return typeof s[0] !== 'undefined';
+ });
+
+ if (seriesX.length > 0) {
+ for (var i = 0; i < seriesX.length - 1; i++) {
+ if (typeof seriesX[i][j] !== 'undefined' && typeof seriesX[i + 1][j] !== 'undefined') {
+ if (seriesX[i][j] !== seriesX[i + 1][j]) {
+ xSameForAllSeriesJArr.push('unEqual');
+ }
+ }
+ }
+ }
+
+ if (xSameForAllSeriesJArr.length === 0) {
+ return true;
+ }
+
+ return false;
+ }
+ }, {
+ key: "isinitialSeriesSameLen",
+ value: function isinitialSeriesSameLen() {
+ var sameLen = true;
+ var initialSeries = this.w.globals.initialSeries;
+
+ for (var i = 0; i < initialSeries.length - 1; i++) {
+ if (initialSeries[i].data.length !== initialSeries[i + 1].data.length) {
+ sameLen = false;
+ break;
+ }
+ }
+
+ return sameLen;
+ }
+ }, {
+ key: "getBarsHeight",
+ value: function getBarsHeight(allbars) {
+ var bars = _toConsumableArray(allbars);
+
+ var totalHeight = bars.reduce(function (acc, bar) {
+ return acc + bar.getBBox().height;
+ }, 0);
+ return totalHeight;
+ }
+ }, {
+ key: "toggleAllTooltipSeriesGroups",
+ value: function toggleAllTooltipSeriesGroups(state) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.allTooltipSeriesGroups.length === 0) {
+ ttCtx.allTooltipSeriesGroups = w.globals.dom.baseEl.querySelectorAll('.apexcharts-tooltip-series-group');
+ }
+
+ var allTooltipSeriesGroups = ttCtx.allTooltipSeriesGroups;
+
+ for (var i = 0; i < allTooltipSeriesGroups.length; i++) {
+ if (state === 'enable') {
+ allTooltipSeriesGroups[i].classList.add('active');
+ allTooltipSeriesGroups[i].style.display = w.config.tooltip.items.display;
+ } else {
+ allTooltipSeriesGroups[i].classList.remove('active');
+ allTooltipSeriesGroups[i].style.display = 'none';
+ }
+ }
+ }
+ }]);
+
+ return Utils;
+ }();
+
+ /**
+ * ApexCharts Tooltip.Labels Class to draw texts on the tooltip.
+ *
+ * @module Tooltip.Labels
+ **/
+
+ var Labels =
+ /*#__PURE__*/
+ function () {
+ function Labels(tooltipContext) {
+ _classCallCheck(this, Labels);
+
+ this.w = tooltipContext.w;
+ this.ctx = tooltipContext.ctx;
+ this.ttCtx = tooltipContext;
+ this.tooltipUtil = new Utils$1(tooltipContext);
+ }
+
+ _createClass(Labels, [{
+ key: "drawSeriesTexts",
+ value: function drawSeriesTexts(_ref) {
+ var _ref$shared = _ref.shared,
+ shared = _ref$shared === void 0 ? true : _ref$shared,
+ ttItems = _ref.ttItems,
+ _ref$i = _ref.i,
+ i = _ref$i === void 0 ? 0 : _ref$i,
+ _ref$j = _ref.j,
+ j = _ref$j === void 0 ? null : _ref$j;
+ var w = this.w;
+
+ if (w.config.tooltip.custom !== undefined) {
+ this.handleCustomTooltip({
+ i: i,
+ j: j
+ });
+ } else {
+ this.toggleActiveInactiveSeries(shared);
+ }
+
+ var values = this.getValuesToPrint({
+ i: i,
+ j: j
+ });
+ this.printLabels({
+ i: i,
+ j: j,
+ values: values,
+ ttItems: ttItems,
+ shared: shared
+ }); // Re-calculate tooltip dimensions now that we have drawn the text
+
+ var tooltipEl = this.ttCtx.getElTooltip();
+ this.ttCtx.tooltipRect.ttWidth = tooltipEl.getBoundingClientRect().width;
+ this.ttCtx.tooltipRect.ttHeight = tooltipEl.getBoundingClientRect().height;
+ }
+ }, {
+ key: "printLabels",
+ value: function printLabels(_ref2) {
+ var i = _ref2.i,
+ j = _ref2.j,
+ values = _ref2.values,
+ ttItems = _ref2.ttItems,
+ shared = _ref2.shared;
+ var w = this.w;
+ var val;
+ var xVal = values.xVal,
+ zVal = values.zVal,
+ xAxisTTVal = values.xAxisTTVal;
+ var seriesName = '';
+ var pColor = w.globals.colors[i];
+
+ if (j !== null && w.config.plotOptions.bar.distributed) {
+ pColor = w.globals.colors[j];
+ }
+
+ for (var t = 0, inverset = w.globals.series.length - 1; t < w.globals.series.length; t++, inverset--) {
+ var f = this.getFormatters(i);
+ seriesName = this.getSeriesName({
+ fn: f.yLbTitleFormatter,
+ index: i,
+ seriesIndex: i,
+ j: j
+ });
+
+ if (shared) {
+ var tIndex = w.config.tooltip.inverseOrder ? inverset : t;
+ f = this.getFormatters(tIndex);
+ seriesName = this.getSeriesName({
+ fn: f.yLbTitleFormatter,
+ index: tIndex,
+ seriesIndex: i,
+ j: j
+ });
+ pColor = w.globals.colors[tIndex]; // for plot charts, not for pie/donuts
+
+ val = f.yLbFormatter(w.globals.series[tIndex][j], {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ }); // discard 0 values in BARS
+
+ if (this.ttCtx.hasBars() && w.config.chart.stacked && w.globals.series[tIndex][j] === 0 || typeof w.globals.series[tIndex][j] === 'undefined') {
+ val = undefined;
+ }
+ } else {
+ val = f.yLbFormatter(w.globals.series[i][j], {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ } // for pie / donuts
+
+
+ if (j === null) {
+ val = f.yLbFormatter(w.globals.series[i], w);
+ }
+
+ this.DOMHandling({
+ t: t,
+ ttItems: ttItems,
+ values: {
+ val: val,
+ xVal: xVal,
+ xAxisTTVal: xAxisTTVal,
+ zVal: zVal
+ },
+ seriesName: seriesName,
+ shared: shared,
+ pColor: pColor
+ });
+ }
+ }
+ }, {
+ key: "getFormatters",
+ value: function getFormatters(i) {
+ var w = this.w;
+ var yLbFormatter = w.globals.yLabelFormatters[i];
+ var yLbTitleFormatter;
+
+ if (w.globals.ttVal !== undefined) {
+ if (Array.isArray(w.globals.ttVal)) {
+ yLbFormatter = w.globals.ttVal[i] && w.globals.ttVal[i].formatter;
+ yLbTitleFormatter = w.globals.ttVal[i] && w.globals.ttVal[i].title && w.globals.ttVal[i].title.formatter;
+ } else {
+ yLbFormatter = w.globals.ttVal.formatter;
+
+ if (typeof w.globals.ttVal.title.formatter === 'function') {
+ yLbTitleFormatter = w.globals.ttVal.title.formatter;
+ }
+ }
+ } else {
+ yLbTitleFormatter = w.config.tooltip.y.title.formatter;
+ }
+
+ if (typeof yLbFormatter !== 'function') {
+ if (w.globals.yLabelFormatters[0]) {
+ yLbFormatter = w.globals.yLabelFormatters[0];
+ } else {
+ yLbFormatter = function yLbFormatter(label) {
+ return label;
+ };
+ }
+ }
+
+ if (typeof yLbTitleFormatter !== 'function') {
+ yLbTitleFormatter = function yLbTitleFormatter(label) {
+ return label;
+ };
+ }
+
+ return {
+ yLbFormatter: yLbFormatter,
+ yLbTitleFormatter: yLbTitleFormatter
+ };
+ }
+ }, {
+ key: "getSeriesName",
+ value: function getSeriesName(_ref3) {
+ var fn = _ref3.fn,
+ index = _ref3.index,
+ seriesIndex = _ref3.seriesIndex,
+ j = _ref3.j;
+ var w = this.w;
+ return fn(String(w.globals.seriesNames[index]), {
+ series: w.globals.series,
+ seriesIndex: seriesIndex,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+ }, {
+ key: "DOMHandling",
+ value: function DOMHandling(_ref4) {
+ var t = _ref4.t,
+ ttItems = _ref4.ttItems,
+ values = _ref4.values,
+ seriesName = _ref4.seriesName,
+ shared = _ref4.shared,
+ pColor = _ref4.pColor;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var val = values.val,
+ xVal = values.xVal,
+ xAxisTTVal = values.xAxisTTVal,
+ zVal = values.zVal;
+ var ttItemsChildren = null;
+ ttItemsChildren = ttItems[t].children;
+
+ if (w.config.tooltip.fillSeriesColor) {
+ // elTooltip.style.backgroundColor = pColor
+ ttItems[t].style.backgroundColor = pColor;
+ ttItemsChildren[0].style.display = 'none';
+ }
+
+ if (ttCtx.showTooltipTitle) {
+ if (ttCtx.tooltipTitle === null) {
+ // get it once if null, and store it in class property
+ ttCtx.tooltipTitle = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip-title');
+ }
+
+ ttCtx.tooltipTitle.innerHTML = xVal;
+ } // if xaxis tooltip is constructed, we need to replace the innerHTML
+
+
+ if (ttCtx.blxaxisTooltip) {
+ ttCtx.xaxisTooltipText.innerHTML = xAxisTTVal !== '' ? xAxisTTVal : xVal;
+ }
+
+ var ttYLabel = ttItems[t].querySelector('.apexcharts-tooltip-text-label');
+
+ if (ttYLabel) {
+ ttYLabel.innerHTML = seriesName ? seriesName + ': ' : '';
+ }
+
+ var ttYVal = ttItems[t].querySelector('.apexcharts-tooltip-text-value');
+
+ if (ttYVal) {
+ ttYVal.innerHTML = val;
+ }
+
+ if (ttItemsChildren[0] && ttItemsChildren[0].classList.contains('apexcharts-tooltip-marker')) {
+ ttItemsChildren[0].style.backgroundColor = pColor;
+ }
+
+ if (!w.config.tooltip.marker.show) {
+ ttItemsChildren[0].style.display = 'none';
+ }
+
+ if (zVal !== null) {
+ var ttZLabel = ttItems[t].querySelector('.apexcharts-tooltip-text-z-label');
+ ttZLabel.innerHTML = w.config.tooltip.z.title;
+ var ttZVal = ttItems[t].querySelector('.apexcharts-tooltip-text-z-value');
+ ttZVal.innerHTML = zVal;
+ }
+
+ if (shared && ttItemsChildren[0]) {
+ // hide when no Val or series collapsed
+ if (typeof val === 'undefined' || val === null || w.globals.collapsedSeriesIndices.indexOf(t) > -1) {
+ ttItemsChildren[0].parentNode.style.display = 'none';
+ } else {
+ ttItemsChildren[0].parentNode.style.display = w.config.tooltip.items.display;
+ }
+ }
+ }
+ }, {
+ key: "toggleActiveInactiveSeries",
+ value: function toggleActiveInactiveSeries(shared) {
+ var w = this.w;
+
+ if (shared) {
+ // make all tooltips active
+ this.tooltipUtil.toggleAllTooltipSeriesGroups('enable');
+ } else {
+ // disable all tooltip text groups
+ this.tooltipUtil.toggleAllTooltipSeriesGroups('disable'); // enable the first tooltip text group
+
+ var firstTooltipSeriesGroup = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip-series-group');
+
+ if (firstTooltipSeriesGroup) {
+ firstTooltipSeriesGroup.classList.add('active');
+ firstTooltipSeriesGroup.style.display = w.config.tooltip.items.display;
+ }
+ }
+ }
+ }, {
+ key: "getValuesToPrint",
+ value: function getValuesToPrint(_ref5) {
+ var i = _ref5.i,
+ j = _ref5.j;
+ var w = this.w;
+ var filteredSeriesX = this.ctx.series.filteredSeriesX();
+ var xVal = '';
+ var xAxisTTVal = '';
+ var zVal = null;
+ var val = null;
+ var customFormatterOpts = {
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ };
+ var zFormatter = w.globals.ttZFormatter;
+
+ if (j === null) {
+ val = w.globals.series[i];
+ } else {
+ if (w.globals.isXNumeric) {
+ xVal = filteredSeriesX[i][j];
+
+ if (filteredSeriesX[i].length === 0) {
+ // a series (possibly the first one) might be collapsed, so get the next active index
+ var firstActiveSeriesIndex = this.tooltipUtil.getFirstActiveXArray(filteredSeriesX);
+ xVal = filteredSeriesX[firstActiveSeriesIndex][j];
+ }
+ } else {
+ xVal = typeof w.globals.labels[j] !== 'undefined' ? w.globals.labels[j] : '';
+ }
+ }
+
+ var bufferXVal = xVal;
+
+ if (w.globals.isXNumeric && w.config.xaxis.type === 'datetime') {
+ var xFormat = new Formatters(this.ctx);
+ xVal = xFormat.xLabelFormat(w.globals.ttKeyFormatter, bufferXVal);
+ } else {
+ xVal = w.globals.xLabelFormatter(bufferXVal, customFormatterOpts);
+ } // override default x-axis formatter with tooltip formatter
+
+
+ if (w.config.tooltip.x.formatter !== undefined) {
+ xVal = w.globals.ttKeyFormatter(bufferXVal, customFormatterOpts);
+ }
+
+ if (w.globals.seriesZ.length > 0 && w.globals.seriesZ[0].length > 0) {
+ zVal = zFormatter(w.globals.seriesZ[i][j], w);
+ }
+
+ if (typeof w.config.xaxis.tooltip.formatter === 'function') {
+ xAxisTTVal = w.globals.xaxisTooltipFormatter(bufferXVal, customFormatterOpts);
+ } else {
+ xAxisTTVal = xVal;
+ }
+
+ return {
+ val: val,
+ xVal: xVal,
+ xAxisTTVal: xAxisTTVal,
+ zVal: zVal
+ };
+ }
+ }, {
+ key: "handleCustomTooltip",
+ value: function handleCustomTooltip(_ref6) {
+ var i = _ref6.i,
+ j = _ref6.j;
+ var w = this.w;
+ var tooltipEl = this.ttCtx.getElTooltip(); // override everything with a custom html tooltip and replace it
+
+ tooltipEl.innerHTML = w.config.tooltip.custom({
+ series: w.globals.series,
+ seriesIndex: i,
+ dataPointIndex: j,
+ w: w
+ });
+ }
+ }]);
+
+ return Labels;
+ }();
+
+ /**
+ * ApexCharts Tooltip.Position Class to move the tooltip based on x and y position.
+ *
+ * @module Tooltip.Position
+ **/
+
+ var Position =
+ /*#__PURE__*/
+ function () {
+ function Position(tooltipContext) {
+ _classCallCheck(this, Position);
+
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ this.w = tooltipContext.w;
+ }
+ /**
+ * This will move the crosshair (the vertical/horz line that moves along with mouse)
+ * Along with this, this function also calls the xaxisMove function
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move crosshair
+ */
+
+
+ _createClass(Position, [{
+ key: "moveXCrosshairs",
+ value: function moveXCrosshairs(cx) {
+ var j = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+ var xcrosshairs = ttCtx.getElXCrosshairs();
+ var x = cx - ttCtx.xcrosshairsWidth / 2;
+ var tickAmount = w.globals.labels.slice().length;
+
+ if (j !== null) {
+ x = w.globals.gridWidth / tickAmount * j;
+ }
+
+ if (w.config.xaxis.crosshairs.width === 'tickWidth' || w.config.xaxis.crosshairs.width === 'barWidth') {
+ if (x + ttCtx.xcrosshairsWidth > w.globals.gridWidth) {
+ x = w.globals.gridWidth - ttCtx.xcrosshairsWidth;
+ }
+ } else {
+ if (j !== null) {
+ x = x + w.globals.gridWidth / tickAmount / 2;
+ }
+ }
+
+ if (x < 0) {
+ x = 0;
+ }
+
+ if (x > w.globals.gridWidth) {
+ x = w.globals.gridWidth;
+ }
+
+ if (xcrosshairs !== null) {
+ xcrosshairs.setAttribute('x', x);
+ xcrosshairs.setAttribute('x1', x);
+ xcrosshairs.setAttribute('x2', x);
+ xcrosshairs.setAttribute('y2', w.globals.gridHeight);
+ xcrosshairs.classList.add('active');
+ }
+
+ if (ttCtx.blxaxisTooltip) {
+ var tx = x;
+
+ if (w.config.xaxis.crosshairs.width === 'tickWidth' || w.config.xaxis.crosshairs.width === 'barWidth') {
+ tx = x + ttCtx.xcrosshairsWidth / 2;
+ }
+
+ this.moveXAxisTooltip(tx);
+ }
+ }
+ /**
+ * This will move the crosshair (the vertical/horz line that moves along with mouse)
+ * Along with this, this function also calls the xaxisMove function
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move crosshair
+ */
+
+ }, {
+ key: "moveYCrosshairs",
+ value: function moveYCrosshairs(cy) {
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.ycrosshairs !== null) {
+ Graphics.setAttrs(ttCtx.ycrosshairs, {
+ y1: cy,
+ y2: cy
+ });
+ Graphics.setAttrs(ttCtx.ycrosshairsHidden, {
+ y1: cy,
+ y2: cy
+ });
+ }
+ }
+ /**
+ ** AxisTooltip is the small rectangle which appears on x axis with x value, when user moves
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move
+ */
+
+ }, {
+ key: "moveXAxisTooltip",
+ value: function moveXAxisTooltip(cx) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.xaxisTooltip !== null) {
+ ttCtx.xaxisTooltip.classList.add('active');
+ var cy = ttCtx.xaxisOffY + w.config.xaxis.tooltip.offsetY + w.globals.translateY + 1 + w.config.xaxis.offsetY;
+ var xaxisTTText = ttCtx.xaxisTooltip.getBoundingClientRect();
+ var xaxisTTTextWidth = xaxisTTText.width;
+ cx = cx - xaxisTTTextWidth / 2;
+
+ if (!isNaN(cx)) {
+ cx = cx + w.globals.translateX;
+ var textRect = 0;
+ var graphics = new Graphics(this.ctx);
+ textRect = graphics.getTextRects(ttCtx.xaxisTooltipText.innerHTML);
+ ttCtx.xaxisTooltipText.style.minWidth = textRect.width + 'px';
+ ttCtx.xaxisTooltip.style.left = cx + 'px';
+ ttCtx.xaxisTooltip.style.top = cy + 'px';
+ }
+ }
+ }
+ }, {
+ key: "moveYAxisTooltip",
+ value: function moveYAxisTooltip(index) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (ttCtx.yaxisTTEls === null) {
+ ttCtx.yaxisTTEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxistooltip');
+ }
+
+ var ycrosshairsHiddenRectY1 = parseInt(ttCtx.ycrosshairsHidden.getAttribute('y1'));
+ var cy = w.globals.translateY + ycrosshairsHiddenRectY1;
+ var yAxisTTRect = ttCtx.yaxisTTEls[index].getBoundingClientRect();
+ var yAxisTTHeight = yAxisTTRect.height;
+ var cx = w.globals.translateYAxisX[index] - 2;
+
+ if (w.config.yaxis[index].opposite) {
+ cx = cx - 26;
+ }
+
+ cy = cy - yAxisTTHeight / 2;
+
+ if (w.globals.ignoreYAxisIndexes.indexOf(index) === -1) {
+ ttCtx.yaxisTTEls[index].classList.add('active');
+ ttCtx.yaxisTTEls[index].style.top = cy + 'px';
+ ttCtx.yaxisTTEls[index].style.left = cx + w.config.yaxis[index].tooltip.offsetX + 'px';
+ } else {
+ ttCtx.yaxisTTEls[index].classList.remove('active');
+ }
+ }
+ /**
+ ** moves the whole tooltip by changing x, y attrs
+ * @memberof Position
+ * @param {int} - cx = point's x position, wherever point's x is, you need to move tooltip
+ * @param {int} - cy = point's y position, wherever point's y is, you need to move tooltip
+ * @param {int} - r = point's radius
+ */
+
+ }, {
+ key: "moveTooltip",
+ value: function moveTooltip(cx, cy) {
+ var r = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var tooltipEl = ttCtx.getElTooltip();
+ var tooltipRect = ttCtx.tooltipRect;
+ var pointR = r !== null ? parseInt(r) : 1;
+ var x = parseInt(cx) + pointR + 5;
+ var y = parseInt(cy) + pointR / 2; // - tooltipRect.ttHeight / 2
+
+ if (x > w.globals.gridWidth / 2) {
+ x = x - tooltipRect.ttWidth - pointR - 15;
+ }
+
+ if (x > w.globals.gridWidth - tooltipRect.ttWidth - 10) {
+ x = w.globals.gridWidth - tooltipRect.ttWidth;
+ }
+
+ if (x < -20) {
+ x = -20;
+ }
+
+ if (w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top - tooltipRect.ttHeight / 2;
+ }
+
+ var newPositions = this.positionChecks(tooltipRect, x, y);
+ x = newPositions.x;
+ y = newPositions.y;
+
+ if (!isNaN(x)) {
+ x = x + w.globals.translateX;
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ }
+ }
+ }, {
+ key: "positionChecks",
+ value: function positionChecks(tooltipRect, x, y) {
+ var w = this.w;
+
+ if (tooltipRect.ttHeight + y > w.globals.gridHeight) {
+ y = w.globals.gridHeight - tooltipRect.ttHeight + w.globals.translateY;
+ }
+
+ if (y < 0) {
+ y = 0;
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "moveMarkers",
+ value: function moveMarkers(i, j) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ if (w.globals.markers.size[i] > 0) {
+ var allPoints = w.globals.dom.baseEl.querySelectorAll(" .apexcharts-series[data\\:realIndex='".concat(i, "'] .apexcharts-marker"));
+
+ for (var p = 0; p < allPoints.length; p++) {
+ if (parseInt(allPoints[p].getAttribute('rel')) === j) {
+ ttCtx.marker.resetPointsSize();
+ ttCtx.marker.enlargeCurrentPoint(j, allPoints[p]);
+ }
+ }
+ } else {
+ ttCtx.marker.resetPointsSize();
+ this.moveDynamicPointOnHover(j, i);
+ }
+ } // This function is used when you need to show markers/points only on hover -
+ // DIFFERENT X VALUES in multiple series
+
+ }, {
+ key: "moveDynamicPointOnHover",
+ value: function moveDynamicPointOnHover(j, capturedSeries) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var cx = 0;
+ var cy = 0;
+ var pointsArr = w.globals.pointsArray;
+ var hoverSize = w.config.markers.hover.size;
+
+ if (hoverSize === undefined) {
+ hoverSize = w.globals.markers.size[capturedSeries] + w.config.markers.hover.sizeOffset;
+ }
+
+ cx = pointsArr[capturedSeries][j][0];
+ cy = pointsArr[capturedSeries][j][1] ? pointsArr[capturedSeries][j][1] : 0;
+ var point = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(capturedSeries, "'] .apexcharts-series-markers circle"));
+ point.setAttribute('r', hoverSize);
+ point.setAttribute('cx', cx);
+ point.setAttribute('cy', cy); // point.style.opacity = w.config.markers.hover.opacity
+
+ this.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ this.moveTooltip(cx, cy, hoverSize);
+ }
+ } // This function is used when you need to show markers/points only on hover -
+ // SAME X VALUES in multiple series
+
+ }, {
+ key: "moveDynamicPointsOnHover",
+ value: function moveDynamicPointsOnHover(j) {
+ var ttCtx = this.ttCtx;
+ var w = ttCtx.w;
+ var cx = 0;
+ var cy = 0;
+ var activeSeries = 0;
+ var pointsArr = w.globals.pointsArray;
+ var series = new Series(this.ctx);
+ activeSeries = series.getActiveSeriesIndex();
+ var hoverSize = w.config.markers.hover.size;
+
+ if (hoverSize === undefined) {
+ hoverSize = w.globals.markers.size[activeSeries] + w.config.markers.hover.sizeOffset;
+ }
+
+ if (pointsArr[activeSeries]) {
+ cx = pointsArr[activeSeries][j][0];
+ cy = pointsArr[activeSeries][j][1];
+ }
+
+ var points = null;
+ var allPoints = ttCtx.getAllMarkers();
+
+ if (allPoints !== null) {
+ points = allPoints;
+ } else {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers circle');
+ }
+
+ if (points !== null) {
+ for (var p = 0; p < points.length; p++) {
+ var pointArr = pointsArr[p];
+
+ if (pointArr && pointArr.length) {
+ var pcy = pointsArr[p][j][1];
+ points[p].setAttribute('cx', cx);
+ var realIndex = parseInt(points[p].parentNode.parentNode.parentNode.getAttribute('data:realIndex'));
+
+ if (pcy !== null) {
+ points[realIndex] && points[realIndex].setAttribute('r', hoverSize);
+ points[realIndex] && points[realIndex].setAttribute('cy', pcy);
+ } else {
+ points[realIndex] && points[realIndex].setAttribute('r', 0);
+ }
+ }
+ }
+ }
+
+ this.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ var tcy = cy || w.globals.gridHeight;
+ this.moveTooltip(cx, tcy, hoverSize);
+ }
+ }
+ }, {
+ key: "moveStickyTooltipOverBars",
+ value: function moveStickyTooltipOverBars(j) {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var jBar = w.globals.dom.baseEl.querySelector(".apexcharts-bar-series .apexcharts-series[rel='1'] path[j='".concat(j, "'], .apexcharts-candlestick-series .apexcharts-series[rel='1'] path[j='").concat(j, "']"));
+ var bcx = jBar ? parseFloat(jBar.getAttribute('cx')) : 0;
+ var bcy = 0;
+ var bw = jBar ? parseFloat(jBar.getAttribute('barWidth')) : 0;
+
+ if (w.globals.isXNumeric) {
+ bcx = bcx - bw / 2;
+ } else {
+ bcx = ttCtx.xAxisTicksPositions[j - 1] + ttCtx.dataPointsDividedWidth / 2;
+
+ if (isNaN(bcx)) {
+ bcx = ttCtx.xAxisTicksPositions[j] - ttCtx.dataPointsDividedWidth / 2;
+ }
+ } // tooltip will move vertically along with mouse as it is a shared tooltip
+
+
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ bcy = ttCtx.e.clientY - seriesBound.top - ttCtx.tooltipRect.ttHeight / 2;
+ this.moveXCrosshairs(bcx);
+
+ if (!ttCtx.fixedTooltip) {
+ var tcy = bcy || w.globals.gridHeight;
+ this.moveTooltip(bcx, tcy);
+ }
+ }
+ }]);
+
+ return Position;
+ }();
+
+ /**
+ * ApexCharts Tooltip.Marker Class to draw texts on the tooltip.
+ *
+ * @module Tooltip.Marker
+ **/
+
+ var Marker =
+ /*#__PURE__*/
+ function () {
+ function Marker(tooltipContext) {
+ _classCallCheck(this, Marker);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ this.ctx = tooltipContext.ctx;
+ this.tooltipPosition = new Position(tooltipContext);
+ }
+
+ _createClass(Marker, [{
+ key: "drawDynamicPoints",
+ value: function drawDynamicPoints() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var marker = new Markers(this.ctx);
+ var elsSeries = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series');
+
+ for (var i = 0; i < elsSeries.length; i++) {
+ var seriesIndex = parseInt(elsSeries[i].getAttribute('data:realIndex'));
+ var pointsMain = w.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(seriesIndex, "'] .apexcharts-series-markers-wrap"));
+
+ if (pointsMain !== null) {
+ // it can be null as we have tooltips in donut/bar charts
+ var point = void 0;
+ var PointClasses = "apexcharts-marker w".concat((Math.random() + 1).toString(36).substring(4));
+
+ if ((w.config.chart.type === 'line' || w.config.chart.type === 'area') && !w.globals.comboCharts && !w.config.tooltip.intersect) {
+ PointClasses += ' no-pointer-events';
+ }
+
+ var elPointOptions = marker.getMarkerConfig(PointClasses, seriesIndex);
+ point = graphics.drawMarker(0, 0, elPointOptions);
+ point.node.setAttribute('default-marker-size', 0);
+ var elPointsG = document.createElementNS(w.globals.SVGNS, 'g');
+ elPointsG.classList.add('apexcharts-series-markers');
+ elPointsG.appendChild(point.node);
+ pointsMain.appendChild(elPointsG);
+ }
+ }
+ }
+ }, {
+ key: "enlargeCurrentPoint",
+ value: function enlargeCurrentPoint(rel, point) {
+ var w = this.w;
+
+ if (w.config.chart.type !== 'bubble') {
+ this.newPointSize(rel, point);
+ }
+
+ var cx = point.getAttribute('cx');
+ var cy = point.getAttribute('cy');
+ this.tooltipPosition.moveXCrosshairs(cx);
+
+ if (!this.fixedTooltip) {
+ if (w.config.chart.type === 'radar') {
+ var elGrid = this.ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ cx = this.ttCtx.e.clientX - seriesBound.left;
+ }
+
+ this.tooltipPosition.moveTooltip(cx, cy, w.config.markers.hover.size);
+ }
+ }
+ }, {
+ key: "enlargePoints",
+ value: function enlargePoints(j) {
+ var w = this.w;
+ var me = this;
+ var ttCtx = this.ttCtx;
+ var col = j;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker');
+ var newSize = w.config.markers.hover.size;
+
+ for (var p = 0; p < points.length; p++) {
+ var rel = points[p].getAttribute('rel');
+ var index = points[p].getAttribute('index');
+
+ if (newSize === undefined) {
+ newSize = w.globals.markers.size[index] + w.config.markers.hover.sizeOffset;
+ }
+
+ if (col === parseInt(rel)) {
+ me.newPointSize(col, points[p]);
+ var cx = points[p].getAttribute('cx');
+ var cy = points[p].getAttribute('cy');
+ me.tooltipPosition.moveXCrosshairs(cx);
+
+ if (!ttCtx.fixedTooltip) {
+ me.tooltipPosition.moveTooltip(cx, cy, newSize);
+ }
+ } else {
+ me.oldPointSize(points[p]);
+ }
+ }
+ }
+ }, {
+ key: "newPointSize",
+ value: function newPointSize(rel, point) {
+ var w = this.w;
+ var newSize = w.config.markers.hover.size;
+ var elPoint = null;
+
+ if (rel === 0) {
+ elPoint = point.parentNode.firstChild;
+ } else {
+ elPoint = point.parentNode.lastChild;
+ }
+
+ var index = parseInt(elPoint.getAttribute('index'));
+
+ if (newSize === undefined) {
+ newSize = w.globals.markers.size[index] + w.config.markers.hover.sizeOffset;
+ }
+
+ elPoint.setAttribute('r', newSize);
+ }
+ }, {
+ key: "oldPointSize",
+ value: function oldPointSize(point) {
+ var size = parseInt(point.getAttribute('default-marker-size'));
+ point.setAttribute('r', size);
+ }
+ }, {
+ key: "resetPointsSize",
+ value: function resetPointsSize() {
+ var w = this.w;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker');
+
+ for (var p = 0; p < points.length; p++) {
+ var size = parseInt(points[p].getAttribute('default-marker-size'));
+
+ if (Utils.isNumber(size)) {
+ points[p].setAttribute('r', size);
+ } else {
+ points[p].setAttribute('r', 0);
+ }
+ }
+ }
+ }]);
+
+ return Marker;
+ }();
+
+ /**
+ * ApexCharts Tooltip.Intersect Class.
+ *
+ * @module Tooltip.Intersect
+ **/
+
+ var Intersect =
+ /*#__PURE__*/
+ function () {
+ function Intersect(tooltipContext) {
+ _classCallCheck(this, Intersect);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ }
+
+ _createClass(Intersect, [{
+ key: "getAttr",
+ value: function getAttr(e, attr) {
+ return parseFloat(e.target.getAttribute(attr));
+ }
+ }, {
+ key: "handleHeatTooltip",
+ value: function handleHeatTooltip(_ref) {
+ var e = _ref.e,
+ opt = _ref.opt,
+ x = _ref.x,
+ y = _ref.y;
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+
+ if (e.target.classList.contains('apexcharts-heatmap-rect')) {
+ var i = this.getAttr(e, 'i');
+ var j = this.getAttr(e, 'j');
+ var cx = this.getAttr(e, 'cx');
+ var cy = this.getAttr(e, 'cy');
+ var width = this.getAttr(e, 'width');
+ var height = this.getAttr(e, 'height');
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: false
+ });
+ x = cx + ttCtx.tooltipRect.ttWidth / 2 + width;
+ y = cy + ttCtx.tooltipRect.ttHeight / 2 - height / 2;
+ ttCtx.tooltipPosition.moveXCrosshairs(cx + width / 2);
+
+ if (x > w.globals.gridWidth / 2) {
+ x = cx - ttCtx.tooltipRect.ttWidth / 2 + width;
+ }
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect(); // x = ttCtx.e.clientX - seriesBound.left
+
+ y = ttCtx.e.clientY - seriesBound.top + w.globals.translateY / 2 - 10;
+ }
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "handleMarkerTooltip",
+ value: function handleMarkerTooltip(_ref2) {
+ var e = _ref2.e,
+ opt = _ref2.opt,
+ x = _ref2.x,
+ y = _ref2.y;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var i;
+ var j;
+
+ if (e.target.classList.contains('apexcharts-marker')) {
+ var cx = parseInt(opt.paths.getAttribute('cx'));
+ var cy = parseInt(opt.paths.getAttribute('cy'));
+ var val = parseFloat(opt.paths.getAttribute('val'));
+ j = parseInt(opt.paths.getAttribute('rel'));
+ i = parseInt(opt.paths.parentNode.parentNode.parentNode.getAttribute('rel')) - 1;
+
+ if (ttCtx.intersect) {
+ var el = Utils.findAncestor(opt.paths, 'apexcharts-series');
+
+ if (el) {
+ i = parseInt(el.getAttribute('data:realIndex'));
+ }
+ }
+
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: ttCtx.intersect ? false : w.config.tooltip.shared
+ });
+ ttCtx.marker.enlargeCurrentPoint(j, opt.paths);
+ x = cx;
+ y = cy - ttCtx.tooltipRect.ttHeight * 1.4;
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top;
+ }
+
+ if (val < 0) {
+ y = cy;
+ }
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ }
+ }, {
+ key: "handleBarTooltip",
+ value: function handleBarTooltip(_ref3) {
+ var e = _ref3.e,
+ opt = _ref3.opt;
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var tooltipEl = ttCtx.getElTooltip();
+ var bx = 0;
+ var x = 0;
+ var y = 0; // let bW = 0
+
+ var i = 0;
+ var strokeWidth;
+ var barXY = this.getBarTooltipXY({
+ e: e,
+ opt: opt
+ });
+ i = barXY.i;
+ var barHeight = barXY.barHeight;
+ var j = barXY.j;
+
+ if (ttCtx.isBarHorizontal && ttCtx.hasBars() || !w.config.tooltip.shared) {
+ x = barXY.x;
+ y = barXY.y;
+ strokeWidth = Array.isArray(w.config.stroke.width) ? w.config.stroke.width[i] : w.config.stroke.width; // bW = barXY.barWidth
+
+ bx = x;
+ } else {
+ if (!w.globals.comboCharts && !w.config.tooltip.shared) {
+ bx = bx / 2;
+ }
+ } // y is NaN, make it touch the bottom of grid area
+
+
+ if (isNaN(y)) {
+ y = w.globals.svgHeight - ttCtx.tooltipRect.ttHeight;
+ } // x exceeds gridWidth
+
+
+ if (x + ttCtx.tooltipRect.ttWidth > w.globals.gridWidth) {
+ x = x - ttCtx.tooltipRect.ttWidth;
+ } else if (x < 0) {
+ x = x + ttCtx.tooltipRect.ttWidth;
+ }
+
+ if (ttCtx.w.config.tooltip.followCursor) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ y = ttCtx.e.clientY - seriesBound.top;
+ } // if tooltip is still null, querySelector
+
+
+ if (ttCtx.tooltip === null) {
+ ttCtx.tooltip = w.globals.dom.baseEl.querySelector('.apexcharts-tooltip');
+ }
+
+ if (!w.config.tooltip.shared) {
+ if (w.globals.comboChartsHasBars) {
+ ttCtx.tooltipPosition.moveXCrosshairs(bx + strokeWidth / 2);
+ } else {
+ ttCtx.tooltipPosition.moveXCrosshairs(bx);
+ }
+ } // move tooltip here
+
+
+ if (!ttCtx.fixedTooltip && (!w.config.tooltip.shared || ttCtx.isBarHorizontal && ttCtx.hasBars())) {
+ if (isReversed) {
+ x = w.globals.gridWidth - x;
+ }
+
+ tooltipEl.style.left = x + w.globals.translateX + 'px';
+ var seriesIndex = parseInt(opt.paths.parentNode.getAttribute('data:realIndex'));
+ var isReversed = w.globals.isMultipleYAxis ? w.config.yaxis[seriesIndex].reversed : w.config.yaxis[0].reversed;
+
+ if (isReversed && !(ttCtx.isBarHorizontal && ttCtx.hasBars())) {
+ y = y + barHeight - (w.globals.series[i][j] < 0 ? barHeight : 0) * 2;
+ }
+
+ if (ttCtx.tooltipRect.ttHeight + y > w.globals.gridHeight) {
+ y = w.globals.gridHeight - ttCtx.tooltipRect.ttHeight + w.globals.translateY;
+ tooltipEl.style.top = y + 'px';
+ } else {
+ tooltipEl.style.top = y + w.globals.translateY - ttCtx.tooltipRect.ttHeight / 2 + 'px';
+ }
+ }
+ }
+ }, {
+ key: "getBarTooltipXY",
+ value: function getBarTooltipXY(_ref4) {
+ var e = _ref4.e,
+ opt = _ref4.opt;
+ var w = this.w;
+ var j = null;
+ var ttCtx = this.ttCtx;
+ var i = 0;
+ var x = 0;
+ var y = 0;
+ var barWidth = 0;
+ var barHeight = 0;
+ var cl = e.target.classList;
+
+ if (cl.contains('apexcharts-bar-area') || cl.contains('apexcharts-candlestick-area')) {
+ var bar = e.target;
+ var barRect = bar.getBoundingClientRect();
+ var seriesBound = opt.elGrid.getBoundingClientRect();
+ var bh = barRect.height;
+ barHeight = barRect.height;
+ var bw = barRect.width;
+ var cx = parseInt(bar.getAttribute('cx'));
+ var cy = parseInt(bar.getAttribute('cy'));
+ barWidth = parseFloat(bar.getAttribute('barWidth'));
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+ j = parseInt(bar.getAttribute('j'));
+ i = parseInt(bar.parentNode.getAttribute('rel')) - 1;
+
+ if (w.globals.comboCharts) {
+ i = parseInt(bar.parentNode.getAttribute('data:realIndex'));
+ } // if (w.config.tooltip.shared) {
+ // this check not needed at the moment
+ // const yDivisor = w.globals.gridHeight / (w.globals.series.length)
+ // const hoverY = ttCtx.clientY - ttCtx.seriesBound.top
+ // j = Math.ceil(hoverY / yDivisor)
+ // }
+
+
+ ttCtx.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: i,
+ j: j,
+ shared: ttCtx.showOnIntersect ? false : w.config.tooltip.shared
+ });
+
+ if (w.config.tooltip.followCursor) {
+ if (w.config.plotOptions.bar.horizontal) {
+ x = clientX - seriesBound.left + 15;
+ y = cy - ttCtx.dataPointsDividedHeight + bh / 2 - ttCtx.tooltipRect.ttHeight / 2;
+ } else {
+ if (w.globals.isXNumeric) {
+ x = cx - bw / 2;
+ } else {
+ x = cx - ttCtx.dataPointsDividedWidth + bw / 2;
+ }
+
+ y = e.clientY - seriesBound.top - ttCtx.tooltipRect.ttHeight / 2 - 15;
+ }
+ } else {
+ if (w.config.plotOptions.bar.horizontal) {
+ x = cx;
+
+ if (x < ttCtx.xyRatios.baseLineInvertedY) {
+ x = cx - ttCtx.tooltipRect.ttWidth;
+ }
+
+ y = cy - ttCtx.dataPointsDividedHeight + bh / 2 - ttCtx.tooltipRect.ttHeight / 2;
+ } else {
+ // if columns
+ if (w.globals.isXNumeric) {
+ x = cx - bw / 2;
+ } else {
+ x = cx - ttCtx.dataPointsDividedWidth + bw / 2;
+ }
+
+ y = cy; // - ttCtx.tooltipRect.ttHeight / 2 + 10
+ }
+ }
+ }
+
+ return {
+ x: x,
+ y: y,
+ barHeight: barHeight,
+ barWidth: barWidth,
+ i: i,
+ j: j
+ };
+ }
+ }]);
+
+ return Intersect;
+ }();
+
+ /**
+ * ApexCharts Tooltip.AxesTooltip Class.
+ *
+ * @module Tooltip.AxesTooltip
+ **/
+ var AxesTooltip =
+ /*#__PURE__*/
+ function () {
+ function AxesTooltip(tooltipContext) {
+ _classCallCheck(this, AxesTooltip);
+
+ this.w = tooltipContext.w;
+ this.ttCtx = tooltipContext;
+ }
+ /**
+ * This method adds the secondary tooltip which appears below x axis
+ * @memberof Tooltip
+ **/
+
+
+ _createClass(AxesTooltip, [{
+ key: "drawXaxisTooltip",
+ value: function drawXaxisTooltip() {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+ var isBottom = w.config.xaxis.position === 'bottom';
+ ttCtx.xaxisOffY = isBottom ? w.globals.gridHeight + 1 : 1;
+ var tooltipCssClass = isBottom ? 'apexcharts-xaxistooltip apexcharts-xaxistooltip-bottom' : 'apexcharts-xaxistooltip apexcharts-xaxistooltip-top';
+ var renderTo = w.globals.dom.elWrap;
+
+ if (ttCtx.blxaxisTooltip) {
+ var xaxisTooltip = w.globals.dom.baseEl.querySelector('.apexcharts-xaxistooltip');
+
+ if (xaxisTooltip === null) {
+ ttCtx.xaxisTooltip = document.createElement('div');
+ ttCtx.xaxisTooltip.setAttribute('class', tooltipCssClass);
+ renderTo.appendChild(ttCtx.xaxisTooltip);
+ ttCtx.xaxisTooltipText = document.createElement('div');
+ ttCtx.xaxisTooltipText.classList.add('apexcharts-xaxistooltip-text');
+ ttCtx.xaxisTooltipText.style.fontFamily = w.config.xaxis.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ ttCtx.xaxisTooltipText.style.fontSize = w.config.xaxis.tooltip.style.fontSize;
+ ttCtx.xaxisTooltip.appendChild(ttCtx.xaxisTooltipText);
+ }
+ }
+ }
+ /**
+ * This method adds the secondary tooltip which appears below x axis
+ * @memberof Tooltip
+ **/
+
+ }, {
+ key: "drawYaxisTooltip",
+ value: function drawYaxisTooltip() {
+ var w = this.w;
+ var ttCtx = this.ttCtx;
+
+ for (var i = 0; i < w.config.yaxis.length; i++) {
+ var isRight = w.config.yaxis[i].opposite || w.config.yaxis[i].crosshairs.opposite;
+ ttCtx.yaxisOffX = isRight ? w.globals.gridWidth + 1 : 1;
+ var tooltipCssClass = isRight ? "apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i, " apexcharts-yaxistooltip-right") : "apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i, " apexcharts-yaxistooltip-left");
+ var renderTo = w.globals.dom.elWrap;
+
+ if (ttCtx.blyaxisTooltip) {
+ var yaxisTooltip = w.globals.dom.baseEl.querySelector(".apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i));
+
+ if (yaxisTooltip === null) {
+ ttCtx.yaxisTooltip = document.createElement('div');
+ ttCtx.yaxisTooltip.setAttribute('class', tooltipCssClass);
+ renderTo.appendChild(ttCtx.yaxisTooltip);
+ if (i === 0) ttCtx.yaxisTooltipText = [];
+ ttCtx.yaxisTooltipText.push(document.createElement('div'));
+ ttCtx.yaxisTooltipText[i].classList.add('apexcharts-yaxistooltip-text');
+ ttCtx.yaxisTooltip.appendChild(ttCtx.yaxisTooltipText[i]);
+ }
+ }
+ }
+ }
+ /**
+ * @memberof Tooltip
+ **/
+
+ }, {
+ key: "setXCrosshairWidth",
+ value: function setXCrosshairWidth() {
+ var w = this.w;
+ var ttCtx = this.ttCtx; // set xcrosshairs width
+
+ var xcrosshairs = ttCtx.getElXCrosshairs();
+ ttCtx.xcrosshairsWidth = parseInt(w.config.xaxis.crosshairs.width);
+
+ if (!w.globals.comboCharts) {
+ if (w.config.xaxis.crosshairs.width === 'tickWidth') {
+ var count = w.globals.labels.length;
+ ttCtx.xcrosshairsWidth = w.globals.gridWidth / count;
+ } else if (w.config.xaxis.crosshairs.width === 'barWidth') {
+ var bar = w.globals.dom.baseEl.querySelector('.apexcharts-bar-area');
+
+ if (bar !== null) {
+ var barWidth = parseFloat(bar.getAttribute('barWidth'));
+ ttCtx.xcrosshairsWidth = barWidth;
+ } else {
+ ttCtx.xcrosshairsWidth = 1;
+ }
+ }
+ } else {
+ var _bar = w.globals.dom.baseEl.querySelector('.apexcharts-bar-area');
+
+ if (_bar !== null && w.config.xaxis.crosshairs.width === 'barWidth') {
+ var _barWidth = parseFloat(_bar.getAttribute('barWidth'));
+
+ ttCtx.xcrosshairsWidth = _barWidth;
+ } else {
+ if (w.config.xaxis.crosshairs.width === 'tickWidth') {
+ var _count = w.globals.labels.length;
+ ttCtx.xcrosshairsWidth = w.globals.gridWidth / _count;
+ }
+ }
+ }
+
+ if (w.config.chart.type === 'bar' && w.config.plotOptions.bar.horizontal) {
+ ttCtx.xcrosshairsWidth = 0;
+ }
+
+ if (xcrosshairs !== null && ttCtx.xcrosshairsWidth > 0) {
+ xcrosshairs.setAttribute('width', ttCtx.xcrosshairsWidth);
+ }
+ }
+ }, {
+ key: "handleYCrosshair",
+ value: function handleYCrosshair() {
+ var w = this.w;
+ var ttCtx = this.ttCtx; // set ycrosshairs height
+
+ ttCtx.ycrosshairs = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs');
+ ttCtx.ycrosshairsHidden = w.globals.dom.baseEl.querySelector('.apexcharts-ycrosshairs-hidden');
+ }
+ }, {
+ key: "drawYaxisTooltipText",
+ value: function drawYaxisTooltipText(index, clientY, xyRatios) {
+ var ttCtx = this.ttCtx;
+ var w = this.w;
+ var lbFormatter = w.globals.yLabelFormatters[index];
+
+ if (ttCtx.blyaxisTooltip) {
+ var elGrid = ttCtx.getElGrid();
+ var seriesBound = elGrid.getBoundingClientRect();
+ var hoverY = (clientY - seriesBound.top) * xyRatios.yRatio[index];
+ var height = w.globals.maxYArr[index] - w.globals.minYArr[index];
+ var val = w.globals.minYArr[index] + (height - hoverY);
+ ttCtx.tooltipPosition.moveYCrosshairs(clientY - seriesBound.top);
+ ttCtx.yaxisTooltipText[index].innerHTML = lbFormatter(val);
+ ttCtx.tooltipPosition.moveYAxisTooltip(index);
+ }
+ }
+ }]);
+
+ return AxesTooltip;
+ }();
+
+ /**
+ * ApexCharts Core Tooltip Class to handle the tooltip generation.
+ *
+ * @module Tooltip
+ **/
+
+ var Tooltip =
+ /*#__PURE__*/
+ function () {
+ function Tooltip(ctx) {
+ _classCallCheck(this, Tooltip);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ var w = this.w;
+ this.tooltipUtil = new Utils$1(this);
+ this.tooltipLabels = new Labels(this);
+ this.tooltipPosition = new Position(this);
+ this.marker = new Marker(this);
+ this.intersect = new Intersect(this);
+ this.axesTooltip = new AxesTooltip(this);
+ this.showOnIntersect = w.config.tooltip.intersect;
+ this.showTooltipTitle = w.config.tooltip.x.show;
+ this.fixedTooltip = w.config.tooltip.fixed.enabled;
+ this.xaxisTooltip = null;
+ this.yaxisTTEls = null;
+ this.isBarHorizontal = w.config.plotOptions.bar.horizontal;
+ this.isBarShared = !w.config.plotOptions.bar.horizontal && w.config.tooltip.shared;
+ }
+
+ _createClass(Tooltip, [{
+ key: "getElTooltip",
+ value: function getElTooltip(ctx) {
+ if (!ctx) ctx = this;
+ return ctx.w.globals.dom.baseEl.querySelector('.apexcharts-tooltip');
+ }
+ }, {
+ key: "getElXCrosshairs",
+ value: function getElXCrosshairs() {
+ return this.w.globals.dom.baseEl.querySelector('.apexcharts-xcrosshairs');
+ }
+ }, {
+ key: "getElGrid",
+ value: function getElGrid() {
+ return this.w.globals.dom.baseEl.querySelector('.apexcharts-grid');
+ }
+ }, {
+ key: "drawTooltip",
+ value: function drawTooltip(xyRatios) {
+ var w = this.w;
+ this.xyRatios = xyRatios;
+ this.blxaxisTooltip = w.config.xaxis.tooltip.enabled && w.globals.axisCharts;
+ this.blyaxisTooltip = w.config.yaxis[0].tooltip.enabled && w.globals.axisCharts;
+ this.allTooltipSeriesGroups = [];
+
+ if (!w.globals.axisCharts) {
+ this.showTooltipTitle = false;
+ }
+
+ var tooltipEl = document.createElement('div');
+ tooltipEl.classList.add('apexcharts-tooltip');
+ tooltipEl.classList.add(w.config.tooltip.theme);
+ w.globals.dom.elWrap.appendChild(tooltipEl);
+
+ if (w.globals.axisCharts) {
+ this.axesTooltip.drawXaxisTooltip();
+ this.axesTooltip.drawYaxisTooltip();
+ this.axesTooltip.setXCrosshairWidth();
+ this.axesTooltip.handleYCrosshair();
+ var xAxis = new XAxis(this.ctx);
+ this.xAxisTicksPositions = xAxis.getXAxisTicksPositions();
+ } // we forcefully set intersect true for these conditions
+
+
+ if (w.globals.comboCharts && !w.config.tooltip.shared || w.config.tooltip.intersect && !w.config.tooltip.shared || w.config.chart.type === 'bar' && !w.config.tooltip.shared) {
+ this.showOnIntersect = true;
+ }
+
+ if (w.config.markers.size === 0 || w.globals.markers.largestSize === 0) {
+ // when user don't want to show points all the time, but only on when hovering on series
+ this.marker.drawDynamicPoints(this);
+ } // no visible series, exit
+
+
+ if (w.globals.collapsedSeries.length === w.globals.series.length) return;
+ this.dataPointsDividedHeight = w.globals.gridHeight / w.globals.dataPoints;
+ this.dataPointsDividedWidth = w.globals.gridWidth / w.globals.dataPoints;
+
+ if (this.showTooltipTitle) {
+ this.tooltipTitle = document.createElement('div');
+ this.tooltipTitle.classList.add('apexcharts-tooltip-title');
+ this.tooltipTitle.style.fontFamily = w.config.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ this.tooltipTitle.style.fontSize = w.config.tooltip.style.fontSize;
+ tooltipEl.appendChild(this.tooltipTitle);
+ }
+
+ var ttItemsCnt = w.globals.series.length; // whether shared or not, default is shared
+
+ if ((w.globals.xyCharts || w.globals.comboCharts) && w.config.tooltip.shared) {
+ if (!this.showOnIntersect) {
+ ttItemsCnt = w.globals.series.length;
+ } else {
+ ttItemsCnt = 1;
+ }
+ }
+
+ this.ttItems = this.createTTElements(ttItemsCnt);
+ this.addSVGEvents();
+ }
+ }, {
+ key: "createTTElements",
+ value: function createTTElements(ttItemsCnt) {
+ var w = this.w;
+ var ttItems = [];
+ var tooltipEl = this.getElTooltip();
+
+ for (var i = 0; i < ttItemsCnt; i++) {
+ var gTxt = document.createElement('div');
+ gTxt.classList.add('apexcharts-tooltip-series-group');
+ var point = document.createElement('span');
+ point.classList.add('apexcharts-tooltip-marker');
+ point.style.backgroundColor = w.globals.colors[i];
+ gTxt.appendChild(point);
+ var gYZ = document.createElement('div');
+ gYZ.classList.add('apexcharts-tooltip-text');
+ gYZ.style.fontFamily = w.config.tooltip.style.fontFamily || w.config.chart.fontFamily;
+ gYZ.style.fontSize = w.config.tooltip.style.fontSize; // y values group
+
+ var gYValText = document.createElement('div');
+ gYValText.classList.add('apexcharts-tooltip-y-group');
+ var txtLabel = document.createElement('span');
+ txtLabel.classList.add('apexcharts-tooltip-text-label');
+ gYValText.appendChild(txtLabel);
+ var txtValue = document.createElement('span');
+ txtValue.classList.add('apexcharts-tooltip-text-value');
+ gYValText.appendChild(txtValue); // z values group
+
+ var gZValText = document.createElement('div');
+ gZValText.classList.add('apexcharts-tooltip-z-group');
+ var txtZLabel = document.createElement('span');
+ txtZLabel.classList.add('apexcharts-tooltip-text-z-label');
+ gZValText.appendChild(txtZLabel);
+ var txtZValue = document.createElement('span');
+ txtZValue.classList.add('apexcharts-tooltip-text-z-value');
+ gZValText.appendChild(txtZValue);
+ gYZ.appendChild(gYValText);
+ gYZ.appendChild(gZValText);
+ gTxt.appendChild(gYZ);
+ tooltipEl.appendChild(gTxt);
+ ttItems.push(gTxt);
+ }
+
+ return ttItems;
+ }
+ }, {
+ key: "addSVGEvents",
+ value: function addSVGEvents() {
+ var w = this.w;
+ var type = w.config.chart.type;
+ var tooltipEl = this.getElTooltip();
+ var barOrCandlestick = !!(type === 'bar' || type === 'candlestick');
+ var hoverArea = w.globals.dom.Paper.node;
+ var elGrid = this.getElGrid();
+
+ if (elGrid) {
+ this.seriesBound = elGrid.getBoundingClientRect();
+ }
+
+ var tooltipY = [];
+ var tooltipX = [];
+ var seriesHoverParams = {
+ hoverArea: hoverArea,
+ elGrid: elGrid,
+ tooltipEl: tooltipEl,
+ tooltipY: tooltipY,
+ tooltipX: tooltipX,
+ ttItems: this.ttItems
+ };
+ var points;
+
+ if (w.globals.axisCharts) {
+ if (type === 'area' || type === 'line' || type === 'scatter' || type === 'bubble') {
+ points = w.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:longestSeries='true'] .apexcharts-marker");
+ } else if (barOrCandlestick) {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-bar-area', '.apexcharts-series .apexcharts-candlestick-area');
+ } else if (type === 'heatmap') {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-heatmap');
+ } else if (type === 'radar') {
+ points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series .apexcharts-marker');
+ }
+
+ if (points && points.length) {
+ for (var p = 0; p < points.length; p++) {
+ tooltipY.push(points[p].getAttribute('cy'));
+ tooltipX.push(points[p].getAttribute('cx'));
+ }
+ }
+ }
+
+ var validSharedChartTypes = w.globals.xyCharts && !this.showOnIntersect || w.globals.comboCharts && !this.showOnIntersect || barOrCandlestick && this.hasBars() && w.config.tooltip.shared;
+
+ if (validSharedChartTypes) {
+ this.addPathsEventListeners([hoverArea], seriesHoverParams);
+ } else if (barOrCandlestick && !w.globals.comboCharts) {
+ this.addBarsEventListeners(seriesHoverParams);
+ } else if (type === 'bubble' || type === 'scatter' || type === 'radar' || this.showOnIntersect && (type === 'area' || type === 'line')) {
+ this.addPointsEventsListeners(seriesHoverParams);
+ } else if (!w.globals.axisCharts || type === 'heatmap') {
+ var seriesAll = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series');
+ this.addPathsEventListeners(seriesAll, seriesHoverParams);
+ }
+
+ if (this.showOnIntersect) {
+ var linePoints = w.globals.dom.baseEl.querySelectorAll('.apexcharts-line-series .apexcharts-marker');
+
+ if (linePoints.length > 0) {
+ // if we find any lineSeries, addEventListeners for them
+ this.addPathsEventListeners(linePoints, seriesHoverParams);
+ }
+
+ var areaPoints = w.globals.dom.baseEl.querySelectorAll('.apexcharts-area-series .apexcharts-marker');
+
+ if (areaPoints.length > 0) {
+ // if we find any areaSeries, addEventListeners for them
+ this.addPathsEventListeners(areaPoints, seriesHoverParams);
+ } // combo charts may have bars, so add event listeners here too
+
+
+ if (this.hasBars() && !w.config.tooltip.shared) {
+ this.addBarsEventListeners(seriesHoverParams);
+ }
+ }
+ }
+ }, {
+ key: "drawFixedTooltipRect",
+ value: function drawFixedTooltipRect() {
+ var w = this.w;
+ var tooltipEl = this.getElTooltip();
+ var tooltipRect = tooltipEl.getBoundingClientRect();
+ var ttWidth = tooltipRect.width + 10;
+ var ttHeight = tooltipRect.height + 10;
+ var x = w.config.tooltip.fixed.offsetX;
+ var y = w.config.tooltip.fixed.offsetY;
+
+ if (w.config.tooltip.fixed.position.toLowerCase().indexOf('right') > -1) {
+ x = x + w.globals.svgWidth - ttWidth + 10;
+ }
+
+ if (w.config.tooltip.fixed.position.toLowerCase().indexOf('bottom') > -1) {
+ y = y + w.globals.svgHeight - ttHeight - 10;
+ }
+
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ return {
+ x: x,
+ y: y,
+ ttWidth: ttWidth,
+ ttHeight: ttHeight
+ };
+ }
+ }, {
+ key: "addPointsEventsListeners",
+ value: function addPointsEventsListeners(seriesHoverParams) {
+ var w = this.w;
+ var points = w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers .apexcharts-marker');
+ this.addPathsEventListeners(points, seriesHoverParams);
+ }
+ }, {
+ key: "addBarsEventListeners",
+ value: function addBarsEventListeners(seriesHoverParams) {
+ var w = this.w;
+ var bars = w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-area, .apexcharts-candlestick-area');
+ this.addPathsEventListeners(bars, seriesHoverParams);
+ }
+ }, {
+ key: "addPathsEventListeners",
+ value: function addPathsEventListeners(paths, opts) {
+ var _this = this;
+
+ var self = this;
+
+ var _loop = function _loop(p) {
+ var extendedOpts = {
+ paths: paths[p],
+ tooltipEl: opts.tooltipEl,
+ tooltipY: opts.tooltipY,
+ tooltipX: opts.tooltipX,
+ elGrid: opts.elGrid,
+ hoverArea: opts.hoverArea,
+ ttItems: opts.ttItems
+ };
+ _this.w.globals.tooltipOpts = extendedOpts;
+ var events = ['mousemove', 'touchmove', 'mouseout', 'touchend'];
+ events.map(function (ev) {
+ return paths[p].addEventListener(ev, self.seriesHover.bind(self, extendedOpts), {
+ capture: false,
+ passive: true
+ });
+ });
+ };
+
+ for (var p = 0; p < paths.length; p++) {
+ _loop(p);
+ }
+ }
+ /*
+ ** The actual series hover function
+ */
+
+ }, {
+ key: "seriesHover",
+ value: function seriesHover(opt, e) {
+ var _this2 = this;
+
+ var chartGroups = [];
+ var w = this.w; // if user has more than one charts in group, we need to sync
+
+ if (w.config.chart.group) {
+ chartGroups = this.ctx.getGroupedCharts();
+ }
+
+ if (w.globals.axisCharts && (w.globals.minX === -Infinity && w.globals.maxX === Infinity || w.globals.dataPoints === 0)) {
+ return;
+ }
+
+ if (chartGroups.length) {
+ chartGroups.forEach(function (ch) {
+ var tooltipEl = _this2.getElTooltip(ch);
+
+ var newOpts = {
+ paths: opt.paths,
+ tooltipEl: tooltipEl,
+ tooltipY: opt.tooltipY,
+ tooltipX: opt.tooltipX,
+ elGrid: opt.elGrid,
+ hoverArea: opt.hoverArea,
+ ttItems: ch.w.globals.tooltip.ttItems // all the charts should have the same minX and maxX (same xaxis) for multiple tooltips to work correctly
+
+ };
+
+ if (ch.w.globals.minX === _this2.w.globals.minX && ch.w.globals.maxX === _this2.w.globals.maxX) {
+ ch.w.globals.tooltip.seriesHoverByContext({
+ chartCtx: ch,
+ ttCtx: ch.w.globals.tooltip,
+ opt: newOpts,
+ e: e
+ });
+ }
+ });
+ } else {
+ this.seriesHoverByContext({
+ chartCtx: this.ctx,
+ ttCtx: this.w.globals.tooltip,
+ opt: opt,
+ e: e
+ });
+ }
+ }
+ }, {
+ key: "seriesHoverByContext",
+ value: function seriesHoverByContext(_ref) {
+ var chartCtx = _ref.chartCtx,
+ ttCtx = _ref.ttCtx,
+ opt = _ref.opt,
+ e = _ref.e;
+ var w = chartCtx.w;
+ var tooltipEl = this.getElTooltip(); // tooltipRect is calculated on every mousemove, because the text is dynamic
+
+ ttCtx.tooltipRect = {
+ x: 0,
+ y: 0,
+ ttWidth: tooltipEl.getBoundingClientRect().width,
+ ttHeight: tooltipEl.getBoundingClientRect().height
+ };
+ ttCtx.e = e; // highlight the current hovered bars
+
+ if (ttCtx.hasBars() && !w.globals.comboCharts && !ttCtx.isBarShared) {
+ if (w.config.tooltip.onDatasetHover.highlightDataSeries) {
+ var series = new Series(chartCtx);
+ series.toggleSeriesOnHover(e, e.target.parentNode);
+ }
+ }
+
+ if (ttCtx.fixedTooltip) {
+ ttCtx.drawFixedTooltipRect();
+ }
+
+ if (w.globals.axisCharts) {
+ ttCtx.axisChartsTooltips({
+ e: e,
+ opt: opt,
+ tooltipRect: ttCtx.tooltipRect
+ });
+ } else {
+ // non-plot charts i.e pie/donut/circle
+ ttCtx.nonAxisChartsTooltips({
+ e: e,
+ opt: opt,
+ tooltipRect: ttCtx.tooltipRect
+ });
+ }
+ } // tooltip handling for line/area/bar/columns/scatter
+
+ }, {
+ key: "axisChartsTooltips",
+ value: function axisChartsTooltips(_ref2) {
+ var e = _ref2.e,
+ opt = _ref2.opt;
+ var w = this.w;
+ var j, x, y;
+ var self = this;
+ var capj = null;
+ var seriesBound = opt.elGrid.getBoundingClientRect();
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+ var clientY = e.type === 'touchmove' ? e.touches[0].clientY : e.clientY;
+ this.clientY = clientY;
+ this.clientX = clientX;
+
+ if (clientY < seriesBound.top || clientY > seriesBound.top + seriesBound.height) {
+ self.handleMouseOut(opt);
+ return;
+ }
+
+ var tooltipEl = this.getElTooltip();
+ var xcrosshairs = this.getElXCrosshairs();
+ var isStickyTooltip = w.globals.xyCharts || w.config.chart.type === 'bar' && !this.isBarHorizontal && this.hasBars() && w.config.tooltip.shared || w.globals.comboCharts && this.hasBars;
+
+ if (w.config.chart.type === 'bar' && this.isBarHorizontal && this.hasBars()) {
+ isStickyTooltip = false;
+ }
+
+ if (e.type === 'mousemove' || e.type === 'touchmove') {
+ if (xcrosshairs !== null) {
+ xcrosshairs.classList.add('active');
+ }
+
+ if (self.ycrosshairs !== null && self.blyaxisTooltip) {
+ self.ycrosshairs.classList.add('active');
+ }
+
+ if (isStickyTooltip && !self.showOnIntersect) {
+ capj = self.tooltipUtil.getNearestValues({
+ context: self,
+ hoverArea: opt.hoverArea,
+ elGrid: opt.elGrid,
+ clientX: clientX,
+ clientY: clientY,
+ hasBars: self.hasBars
+ });
+ j = capj.j;
+ var capturedSeries = capj.capturedSeries;
+
+ if (capj.hoverX < 0 || capj.hoverX > w.globals.gridWidth) {
+ self.handleMouseOut(opt);
+ return;
+ }
+
+ if (capturedSeries !== null) {
+ var ignoreNull = w.globals.series[capturedSeries][j] === null;
+
+ if (ignoreNull) {
+ opt.tooltipEl.classList.remove('active');
+ return;
+ }
+
+ if (typeof w.globals.series[capturedSeries][j] !== 'undefined') {
+ if (w.config.tooltip.shared && this.tooltipUtil.isXoverlap(j) && this.tooltipUtil.isinitialSeriesSameLen()) {
+ this.create(self, capturedSeries, j, opt.ttItems);
+ } else {
+ this.create(self, capturedSeries, j, opt.ttItems, false);
+ }
+ } else {
+ if (this.tooltipUtil.isXoverlap(j)) {
+ self.create(self, 0, j, opt.ttItems);
+ }
+ }
+ } else {
+ // couldn't capture any series. check if shared X is same,
+ // if yes, draw a grouped tooltip
+ if (this.tooltipUtil.isXoverlap(j)) {
+ self.create(self, 0, j, opt.ttItems);
+ }
+ }
+ } else {
+ if (w.config.chart.type === 'heatmap') {
+ var markerXY = this.intersect.handleHeatTooltip({
+ e: e,
+ opt: opt,
+ x: x,
+ y: y
+ });
+ x = markerXY.x;
+ y = markerXY.y;
+ tooltipEl.style.left = x + 'px';
+ tooltipEl.style.top = y + 'px';
+ } else {
+ if (this.hasBars) {
+ this.intersect.handleBarTooltip({
+ e: e,
+ opt: opt
+ });
+ }
+
+ if (this.hasMarkers) {
+ // intersect - line/area/scatter/bubble
+ this.intersect.handleMarkerTooltip({
+ e: e,
+ opt: opt,
+ x: x,
+ y: y
+ });
+ }
+ }
+ }
+
+ if (this.blyaxisTooltip) {
+ for (var yt = 0; yt < w.config.yaxis.length; yt++) {
+ self.axesTooltip.drawYaxisTooltipText(yt, clientY, self.xyRatios);
+ }
+ }
+
+ opt.tooltipEl.classList.add('active');
+ } else if (e.type === 'mouseout' || e.type === 'touchend') {
+ this.handleMouseOut(opt);
+ }
+ } // tooltip handling for pie/donuts
+
+ }, {
+ key: "nonAxisChartsTooltips",
+ value: function nonAxisChartsTooltips(_ref3) {
+ var e = _ref3.e,
+ opt = _ref3.opt,
+ tooltipRect = _ref3.tooltipRect;
+ var w = this.w;
+ var rel = opt.paths.getAttribute('rel');
+ var tooltipEl = this.getElTooltip();
+ var trX = 0;
+ var trY = 0;
+ var elPie = null;
+ var clientX = e.type === 'touchmove' ? e.touches[0].clientX : e.clientX;
+
+ if (w.config.chart.type === 'radialBar') {
+ elPie = w.globals.dom.baseEl.querySelector('.apexcharts-radialbar');
+ } else {
+ elPie = w.globals.dom.baseEl.querySelector('.apexcharts-pie');
+ trX = parseInt(elPie.getAttribute('data:innerTranslateX'));
+ trY = parseInt(elPie.getAttribute('data:innerTranslateY'));
+ }
+
+ var seriesBound = elPie.getBoundingClientRect();
+
+ if (e.type === 'mousemove' || e.type === 'touchmove') {
+ tooltipEl.classList.add('active');
+ this.tooltipLabels.drawSeriesTexts({
+ ttItems: opt.ttItems,
+ i: parseInt(rel) - 1,
+ shared: false
+ });
+ var x = clientX - seriesBound.left - tooltipRect.ttWidth / 2.2 + trX;
+ var y = e.clientY - seriesBound.top - tooltipRect.ttHeight / 2 - 15 + trY;
+
+ if (x < 0) {
+ x = 0;
+ } else if (x + tooltipRect.ttWidth > w.globals.gridWidth) {
+ x = clientX - seriesBound.left - tooltipRect.ttWidth + trX;
+ }
+
+ if (y < 0) y = tooltipRect.ttHeight + 20;
+ tooltipEl.style.left = x + w.globals.translateX + 'px';
+ tooltipEl.style.top = y + 'px';
+ } else if (e.type === 'mouseout' || e.type === 'touchend') {
+ tooltipEl.classList.remove('active');
+ }
+ }
+ }, {
+ key: "deactivateHoverFilter",
+ value: function deactivateHoverFilter() {
+ var w = this.w;
+ var graphics = new Graphics(this.ctx);
+ var allPaths = w.globals.dom.Paper.select(".apexcharts-bar-area");
+
+ for (var b = 0; b < allPaths.length; b++) {
+ graphics.pathMouseLeave(allPaths[b]);
+ }
+ }
+ }, {
+ key: "handleMouseOut",
+ value: function handleMouseOut(opt) {
+ var w = this.w;
+ var xcrosshairs = this.getElXCrosshairs();
+ opt.tooltipEl.classList.remove('active');
+ this.deactivateHoverFilter();
+
+ if (w.config.chart.type !== 'bubble') {
+ this.marker.resetPointsSize();
+ }
+
+ if (xcrosshairs !== null) {
+ xcrosshairs.classList.remove('active');
+ }
+
+ if (this.ycrosshairs !== null) {
+ this.ycrosshairs.classList.remove('active');
+ }
+
+ if (this.blxaxisTooltip) {
+ this.xaxisTooltip.classList.remove('active');
+ }
+
+ if (this.blyaxisTooltip) {
+ if (this.yaxisTTEls === null) {
+ this.yaxisTTEls = w.globals.dom.baseEl.querySelectorAll('.apexcharts-yaxistooltip');
+ }
+
+ for (var i = 0; i < this.yaxisTTEls.length; i++) {
+ this.yaxisTTEls[i].classList.remove('active');
+ }
+ }
+ }
+ }, {
+ key: "getElMarkers",
+ value: function getElMarkers() {
+ return this.w.globals.dom.baseEl.querySelectorAll(' .apexcharts-series-markers');
+ }
+ }, {
+ key: "getAllMarkers",
+ value: function getAllMarkers() {
+ return this.w.globals.dom.baseEl.querySelectorAll('.apexcharts-series-markers .apexcharts-marker');
+ }
+ }, {
+ key: "hasMarkers",
+ value: function hasMarkers() {
+ var markers = this.getElMarkers();
+ return markers.length > 0;
+ }
+ }, {
+ key: "getElBars",
+ value: function getElBars() {
+ return this.w.globals.dom.baseEl.querySelectorAll('.apexcharts-bar-series, .apexcharts-candlestick-series');
+ }
+ }, {
+ key: "hasBars",
+ value: function hasBars() {
+ var bars = this.getElBars();
+ return bars.length > 0;
+ }
+ }, {
+ key: "create",
+ value: function create(context, capturedSeries, j, ttItems) {
+ var shared = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
+ var w = this.w;
+ var self = context;
+ if (shared === null) shared = w.config.tooltip.shared;
+ var hasMarkers = this.hasMarkers();
+ var bars = this.getElBars();
+
+ if (shared) {
+ self.tooltipLabels.drawSeriesTexts({
+ ttItems: ttItems,
+ i: capturedSeries,
+ j: j,
+ shared: this.showOnIntersect ? false : w.config.tooltip.shared
+ });
+
+ if (hasMarkers) {
+ if (w.globals.markers.largestSize > 0) {
+ self.marker.enlargePoints(j);
+ } else {
+ self.tooltipPosition.moveDynamicPointsOnHover(j);
+ }
+ }
+
+ if (this.hasBars()) {
+ this.barSeriesHeight = this.tooltipUtil.getBarsHeight(bars);
+
+ if (this.barSeriesHeight > 0) {
+ // hover state, activate snap filter
+ var graphics = new Graphics(this.ctx);
+ var paths = w.globals.dom.Paper.select(".apexcharts-bar-area[j='".concat(j, "']")); // de-activate first
+
+ this.deactivateHoverFilter();
+ this.tooltipPosition.moveStickyTooltipOverBars(j);
+
+ for (var b = 0; b < paths.length; b++) {
+ graphics.pathMouseEnter(paths[b]);
+ }
+ }
+ }
+ } else {
+ self.tooltipLabels.drawSeriesTexts({
+ shared: false,
+ ttItems: ttItems,
+ i: capturedSeries,
+ j: j
+ });
+
+ if (this.hasBars()) {
+ self.tooltipPosition.moveStickyTooltipOverBars(j);
+ }
+
+ if (hasMarkers) {
+ self.tooltipPosition.moveMarkers(capturedSeries, j);
+ }
+ }
+ }
+ }]);
+
+ return Tooltip;
+ }();
+
+ var icoPan = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n <defs>\n <path d=\"M0 0h24v24H0z\" id=\"a\"/>\n </defs>\n <clipPath id=\"b\">\n <use overflow=\"visible\" xlink:href=\"#a\"/>\n </clipPath>\n <path clip-path=\"url(#b)\" d=\"M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z\"/>\n</svg>";
+
+ var icoZoom = "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\">\n <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"/>\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n <path d=\"M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z\"/>\n</svg>";
+
+ var icoReset = "<svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>";
+
+ var icoZoomIn = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/>\n</svg>\n";
+
+ var icoZoomOut = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/>\n</svg>\n";
+
+ var icoSelect = "<svg fill=\"#6E8192\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2z\"/>\n</svg>";
+
+ var icoMenu = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"none\" d=\"M0 0h24v24H0V0z\"/><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"/></svg>";
+
+ /**
+ * ApexCharts Toolbar Class for creating toolbar in axis based charts.
+ *
+ * @module Toolbar
+ **/
+
+ var Toolbar =
+ /*#__PURE__*/
+ function () {
+ function Toolbar(ctx) {
+ _classCallCheck(this, Toolbar);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ this.ev = this.w.config.chart.events;
+ this.localeValues = this.w.globals.locale.toolbar;
+ }
+
+ _createClass(Toolbar, [{
+ key: "createToolbar",
+ value: function createToolbar() {
+ var w = this.w;
+ var elToolbarWrap = document.createElement('div');
+ elToolbarWrap.setAttribute('class', 'apexcharts-toolbar');
+ w.globals.dom.elWrap.appendChild(elToolbarWrap);
+ this.elZoom = document.createElement('div');
+ this.elZoomIn = document.createElement('div');
+ this.elZoomOut = document.createElement('div');
+ this.elPan = document.createElement('div');
+ this.elSelection = document.createElement('div');
+ this.elZoomReset = document.createElement('div');
+ this.elMenuIcon = document.createElement('div');
+ this.elMenu = document.createElement('div');
+ this.elCustomIcons = [];
+ this.t = w.config.chart.toolbar.tools;
+
+ if (Array.isArray(this.t.customIcons)) {
+ for (var i = 0; i < this.t.customIcons.length; i++) {
+ this.elCustomIcons.push(document.createElement('div'));
+ }
+ }
+
+ this.elMenuItems = [];
+ var toolbarControls = [];
+
+ if (this.t.zoomin && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomIn,
+ icon: typeof this.t.zoomin === 'string' ? this.t.zoomin : icoZoomIn,
+ title: this.localeValues.zoomIn,
+ class: 'apexcharts-zoom-in-icon'
+ });
+ }
+
+ if (this.t.zoomout && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomOut,
+ icon: typeof this.t.zoomout === 'string' ? this.t.zoomout : icoZoomOut,
+ title: this.localeValues.zoomOut,
+ class: 'apexcharts-zoom-out-icon'
+ });
+ }
+
+ if (this.t.zoom && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoom,
+ icon: typeof this.t.zoom === 'string' ? this.t.zoom : icoZoom,
+ title: this.localeValues.selectionZoom,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-zoom-icon'
+ });
+ }
+
+ if (this.t.selection && w.config.chart.selection.enabled) {
+ toolbarControls.push({
+ el: this.elSelection,
+ icon: typeof this.t.selection === 'string' ? this.t.selection : icoSelect,
+ title: this.localeValues.selection,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-selection-icon'
+ });
+ }
+
+ if (this.t.pan && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elPan,
+ icon: typeof this.t.pan === 'string' ? this.t.pan : icoPan,
+ title: this.localeValues.pan,
+ class: w.globals.isTouchDevice ? 'hidden' : 'apexcharts-pan-icon'
+ });
+ }
+
+ if (this.t.reset && w.config.chart.zoom.enabled) {
+ toolbarControls.push({
+ el: this.elZoomReset,
+ icon: typeof this.t.reset === 'string' ? this.t.reset : icoReset,
+ title: this.localeValues.reset,
+ class: 'apexcharts-reset-zoom-icon'
+ });
+ }
+
+ if (this.t.download) {
+ toolbarControls.push({
+ el: this.elMenuIcon,
+ icon: typeof this.t.download === 'string' ? this.t.download : icoMenu,
+ title: this.localeValues.menu,
+ class: 'apexcharts-menu-icon'
+ });
+ }
+
+ for (var _i = 0; _i < this.elCustomIcons.length; _i++) {
+ toolbarControls.push({
+ el: this.elCustomIcons[_i],
+ icon: this.t.customIcons[_i].icon,
+ title: this.t.customIcons[_i].title,
+ index: this.t.customIcons[_i].index,
+ class: 'apexcharts-toolbar-custom-icon ' + this.t.customIcons[_i].class
+ });
+ }
+
+ toolbarControls.forEach(function (t, index) {
+ if (t.index) {
+ Utils.moveIndexInArray(toolbarControls, index, t.index);
+ }
+ });
+
+ for (var _i2 = 0; _i2 < toolbarControls.length; _i2++) {
+ Graphics.setAttrs(toolbarControls[_i2].el, {
+ class: toolbarControls[_i2].class,
+ title: toolbarControls[_i2].title
+ });
+ toolbarControls[_i2].el.innerHTML = toolbarControls[_i2].icon;
+ elToolbarWrap.appendChild(toolbarControls[_i2].el);
+ }
+
+ elToolbarWrap.appendChild(this.elMenu);
+ Graphics.setAttrs(this.elMenu, {
+ class: 'apexcharts-menu'
+ });
+ var menuItems = [{
+ name: 'exportSVG',
+ title: this.localeValues.exportToSVG
+ }, {
+ name: 'exportPNG',
+ title: this.localeValues.exportToPNG
+ }];
+
+ for (var _i3 = 0; _i3 < menuItems.length; _i3++) {
+ this.elMenuItems.push(document.createElement('div'));
+ this.elMenuItems[_i3].innerHTML = menuItems[_i3].title;
+ Graphics.setAttrs(this.elMenuItems[_i3], {
+ class: "apexcharts-menu-item ".concat(menuItems[_i3].name),
+ title: menuItems[_i3].title
+ });
+ this.elMenu.appendChild(this.elMenuItems[_i3]);
+ }
+
+ if (w.globals.zoomEnabled) {
+ this.elZoom.classList.add('selected');
+ } else if (w.globals.panEnabled) {
+ this.elPan.classList.add('selected');
+ } else if (w.globals.selectionEnabled) {
+ this.elSelection.classList.add('selected');
+ }
+
+ this.addToolbarEventListeners();
+ }
+ }, {
+ key: "addToolbarEventListeners",
+ value: function addToolbarEventListeners() {
+ var _this = this;
+
+ this.elZoomReset.addEventListener('click', this.handleZoomReset.bind(this));
+ this.elSelection.addEventListener('click', this.toggleSelection.bind(this));
+ this.elZoom.addEventListener('click', this.toggleZooming.bind(this));
+ this.elZoomIn.addEventListener('click', this.handleZoomIn.bind(this));
+ this.elZoomOut.addEventListener('click', this.handleZoomOut.bind(this));
+ this.elPan.addEventListener('click', this.togglePanning.bind(this));
+ this.elMenuIcon.addEventListener('click', this.toggleMenu.bind(this));
+ this.elMenuItems.forEach(function (m) {
+ if (m.classList.contains('exportSVG')) {
+ m.addEventListener('click', _this.downloadSVG.bind(_this));
+ } else if (m.classList.contains('exportPNG')) {
+ m.addEventListener('click', _this.downloadPNG.bind(_this));
+ }
+ });
+
+ for (var i = 0; i < this.t.customIcons.length; i++) {
+ this.elCustomIcons[i].addEventListener('click', this.t.customIcons[i].click);
+ }
+ }
+ }, {
+ key: "toggleSelection",
+ value: function toggleSelection() {
+ this.toggleOtherControls();
+ this.w.globals.selectionEnabled = !this.w.globals.selectionEnabled;
+
+ if (!this.elSelection.classList.contains('selected')) {
+ this.elSelection.classList.add('selected');
+ } else {
+ this.elSelection.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "toggleZooming",
+ value: function toggleZooming() {
+ this.toggleOtherControls();
+ this.w.globals.zoomEnabled = !this.w.globals.zoomEnabled;
+
+ if (!this.elZoom.classList.contains('selected')) {
+ this.elZoom.classList.add('selected');
+ } else {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "getToolbarIconsReference",
+ value: function getToolbarIconsReference() {
+ var w = this.w;
+
+ if (!this.elZoom) {
+ this.elZoom = w.globals.dom.baseEl.querySelector('.apexcharts-zoom-icon');
+ }
+
+ if (!this.elPan) {
+ this.elPan = w.globals.dom.baseEl.querySelector('.apexcharts-pan-icon');
+ }
+
+ if (!this.elSelection) {
+ this.elSelection = w.globals.dom.baseEl.querySelector('.apexcharts-selection-icon');
+ }
+ }
+ }, {
+ key: "enableZooming",
+ value: function enableZooming() {
+ this.toggleOtherControls();
+ this.w.globals.zoomEnabled = true;
+
+ if (this.elZoom) {
+ this.elZoom.classList.add('selected');
+ }
+
+ if (this.elPan) {
+ this.elPan.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "enablePanning",
+ value: function enablePanning() {
+ this.toggleOtherControls();
+ this.w.globals.panEnabled = true;
+
+ if (this.elPan) {
+ this.elPan.classList.add('selected');
+ }
+
+ if (this.elZoom) {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "togglePanning",
+ value: function togglePanning() {
+ this.toggleOtherControls();
+ this.w.globals.panEnabled = !this.w.globals.panEnabled;
+
+ if (!this.elPan.classList.contains('selected')) {
+ this.elPan.classList.add('selected');
+ } else {
+ this.elPan.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "toggleOtherControls",
+ value: function toggleOtherControls() {
+ var w = this.w;
+ w.globals.panEnabled = false;
+ w.globals.zoomEnabled = false;
+ w.globals.selectionEnabled = false;
+ this.getToolbarIconsReference();
+
+ if (this.elPan) {
+ this.elPan.classList.remove('selected');
+ }
+
+ if (this.elSelection) {
+ this.elSelection.classList.remove('selected');
+ }
+
+ if (this.elZoom) {
+ this.elZoom.classList.remove('selected');
+ }
+ }
+ }, {
+ key: "handleZoomIn",
+ value: function handleZoomIn() {
+ var w = this.w;
+ var centerX = (w.globals.minX + w.globals.maxX) / 2;
+ var newMinX = (w.globals.minX + centerX) / 2;
+ var newMaxX = (w.globals.maxX + centerX) / 2;
+
+ if (!w.globals.disableZoomIn) {
+ this.zoomUpdateOptions(newMinX, newMaxX);
+ }
+ }
+ }, {
+ key: "handleZoomOut",
+ value: function handleZoomOut() {
+ var w = this.w; // avoid zooming out beyond 1000 which may result in NaN values being printed on x-axis
+
+ if (w.config.xaxis.type === 'datetime' && new Date(w.globals.minX).getUTCFullYear() < 1000) {
+ return;
+ }
+
+ var centerX = (w.globals.minX + w.globals.maxX) / 2;
+ var newMinX = w.globals.minX - (centerX - w.globals.minX);
+ var newMaxX = w.globals.maxX - (centerX - w.globals.maxX);
+
+ if (!w.globals.disableZoomOut) {
+ this.zoomUpdateOptions(newMinX, newMaxX);
+ }
+ }
+ }, {
+ key: "zoomUpdateOptions",
+ value: function zoomUpdateOptions(newMinX, newMaxX) {
+ var xaxis = {
+ min: newMinX,
+ max: newMaxX
+ };
+ var beforeZoomRange = this.getBeforeZoomRange(xaxis);
+
+ if (beforeZoomRange) {
+ xaxis = beforeZoomRange.xaxis;
+ }
+
+ this.w.globals.zoomed = true;
+
+ this.ctx._updateOptions({
+ xaxis: xaxis
+ }, false, this.w.config.chart.animations.dynamicAnimation.enabled);
+
+ this.zoomCallback(xaxis);
+ }
+ }, {
+ key: "zoomCallback",
+ value: function zoomCallback(xaxis, yaxis) {
+ if (typeof this.ev.zoomed === 'function') {
+ this.ev.zoomed(this.ctx, {
+ xaxis: xaxis,
+ yaxis: yaxis
+ });
+ }
+ }
+ }, {
+ key: "getBeforeZoomRange",
+ value: function getBeforeZoomRange(xaxis, yaxis) {
+ var newRange = null;
+
+ if (typeof this.ev.beforeZoom === 'function') {
+ newRange = this.ev.beforeZoom(this, {
+ xaxis: xaxis,
+ yaxis: yaxis
+ });
+ }
+
+ return newRange;
+ }
+ }, {
+ key: "toggleMenu",
+ value: function toggleMenu() {
+ if (this.elMenu.classList.contains('open')) {
+ this.elMenu.classList.remove('open');
+ } else {
+ this.elMenu.classList.add('open');
+ }
+ }
+ }, {
+ key: "downloadPNG",
+ value: function downloadPNG() {
+ var downloadPNG = new Exports(this.ctx);
+ downloadPNG.exportToPng(this.ctx);
+ this.toggleMenu();
+ }
+ }, {
+ key: "downloadSVG",
+ value: function downloadSVG() {
+ var downloadSVG = new Exports(this.ctx);
+ downloadSVG.exportToSVG();
+ this.toggleMenu();
+ }
+ }, {
+ key: "handleZoomReset",
+ value: function handleZoomReset(e) {
+ var _this2 = this;
+
+ var charts = this.ctx.getSyncedCharts();
+ charts.forEach(function (ch) {
+ var w = ch.w;
+
+ if (w.globals.minX !== w.globals.initialminX && w.globals.maxX !== w.globals.initialmaxX) {
+ ch.revertDefaultAxisMinMax();
+
+ if (typeof w.config.chart.events.zoomed === 'function') {
+ _this2.zoomCallback({
+ min: w.config.xaxis.min,
+ max: w.config.xaxis.max
+ });
+ }
+
+ w.globals.zoomed = false;
+
+ ch._updateSeries(w.globals.initialSeries, w.config.chart.animations.dynamicAnimation.enabled);
+ }
+ });
+ }
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ if (this.elZoomReset) {
+ this.elZoomReset.removeEventListener('click', this.handleZoomReset.bind(this));
+ this.elSelection.removeEventListener('click', this.toggleSelection.bind(this));
+ this.elZoom.removeEventListener('click', this.toggleZooming.bind(this));
+ this.elZoomIn.removeEventListener('click', this.handleZoomIn.bind(this));
+ this.elZoomOut.removeEventListener('click', this.handleZoomOut.bind(this));
+ this.elPan.removeEventListener('click', this.togglePanning.bind(this));
+ this.elMenuIcon.removeEventListener('click', this.toggleMenu.bind(this));
+ }
+
+ this.elZoom = null;
+ this.elZoomIn = null;
+ this.elZoomOut = null;
+ this.elPan = null;
+ this.elSelection = null;
+ this.elZoomReset = null;
+ this.elMenuIcon = null;
+ }
+ }]);
+
+ return Toolbar;
+ }();
+
+ /**
+ * ApexCharts Zoom Class for handling zooming and panning on axes based charts.
+ *
+ * @module ZoomPanSelection
+ **/
+
+ var ZoomPanSelection =
+ /*#__PURE__*/
+ function (_Toolbar) {
+ _inherits(ZoomPanSelection, _Toolbar);
+
+ function ZoomPanSelection(ctx) {
+ var _this;
+
+ _classCallCheck(this, ZoomPanSelection);
+
+ _this = _possibleConstructorReturn(this, _getPrototypeOf(ZoomPanSelection).call(this, ctx));
+ _this.ctx = ctx;
+ _this.w = ctx.w;
+ _this.dragged = false;
+ _this.graphics = new Graphics(_this.ctx);
+ _this.eventList = ['mousedown', 'mousemove', 'touchstart', 'touchmove', 'mouseup', 'touchend'];
+ _this.clientX = 0;
+ _this.clientY = 0;
+ _this.startX = 0;
+ _this.endX = 0;
+ _this.dragX = 0;
+ _this.startY = 0;
+ _this.endY = 0;
+ _this.dragY = 0;
+ return _this;
+ }
+
+ _createClass(ZoomPanSelection, [{
+ key: "init",
+ value: function init(_ref) {
+ var _this2 = this;
+
+ var xyRatios = _ref.xyRatios;
+ var w = this.w;
+ var me = this;
+ this.xyRatios = xyRatios;
+ this.zoomRect = this.graphics.drawRect(0, 0, 0, 0);
+ this.selectionRect = this.graphics.drawRect(0, 0, 0, 0);
+ this.gridRect = w.globals.dom.baseEl.querySelector('.apexcharts-grid');
+ this.zoomRect.node.classList.add('apexcharts-zoom-rect');
+ this.selectionRect.node.classList.add('apexcharts-selection-rect');
+ w.globals.dom.elGraphical.add(this.zoomRect);
+ w.globals.dom.elGraphical.add(this.selectionRect);
+
+ if (w.config.chart.selection.type === 'x') {
+ this.slDraggableRect = this.selectionRect.draggable({
+ minX: 0,
+ minY: 0,
+ maxX: w.globals.gridWidth,
+ maxY: w.globals.gridHeight
+ }).on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ } else if (w.config.chart.selection.type === 'y') {
+ this.slDraggableRect = this.selectionRect.draggable({
+ minX: 0,
+ maxX: w.globals.gridWidth
+ }).on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ } else {
+ this.slDraggableRect = this.selectionRect.draggable().on('dragmove', this.selectionDragging.bind(this, 'dragging'));
+ }
+
+ this.preselectedSelection();
+ this.hoverArea = w.globals.dom.baseEl.querySelector(w.globals.chartClass);
+ this.hoverArea.classList.add('zoomable');
+ this.eventList.forEach(function (event) {
+ _this2.hoverArea.addEventListener(event, me.svgMouseEvents.bind(me, xyRatios), {
+ capture: false,
+ passive: true
+ });
+ });
+ } // remove the event listeners which were previously added on hover area
+
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ var _this3 = this;
+
+ var me = this;
+ this.eventList.forEach(function (event) {
+ if (_this3.hoverArea) {
+ _this3.hoverArea.removeEventListener(event, me.svgMouseEvents.bind(me, me.xyRatios), {
+ capture: false,
+ passive: true
+ });
+ }
+ });
+
+ if (this.slDraggableRect) {
+ this.slDraggableRect.draggable(false);
+ this.slDraggableRect.off();
+ this.selectionRect.off();
+ }
+
+ this.selectionRect = null;
+ this.zoomRect = null;
+ this.gridRect = null;
+ }
+ }, {
+ key: "svgMouseEvents",
+ value: function svgMouseEvents(xyRatios, e) {
+ var w = this.w;
+ var me = this;
+ var toolbar = this.ctx.toolbar;
+ var zoomtype = w.globals.zoomEnabled ? w.config.chart.zoom.type : w.config.chart.selection.type;
+
+ if (e.shiftKey) {
+ this.shiftWasPressed = true;
+ toolbar.enablePanning();
+ } else {
+ if (this.shiftWasPressed) {
+ toolbar.enableZooming();
+ this.shiftWasPressed = false;
+ }
+ }
+
+ var falsePositives = e.target.classList.contains('apexcharts-selection-rect') || e.target.parentNode.classList.contains('apexcharts-toolbar');
+ if (falsePositives) return;
+ me.clientX = e.type === 'touchmove' || e.type === 'touchstart' ? e.touches[0].clientX : e.type === 'touchend' ? e.changedTouches[0].clientX : e.clientX;
+ me.clientY = e.type === 'touchmove' || e.type === 'touchstart' ? e.touches[0].clientY : e.type === 'touchend' ? e.changedTouches[0].clientY : e.clientY;
+
+ if (e.type === 'mousedown' && e.which === 1) {
+ var gridRectDim = me.gridRect.getBoundingClientRect();
+ me.startX = me.clientX - gridRectDim.left;
+ me.startY = me.clientY - gridRectDim.top;
+ me.dragged = false;
+ me.w.globals.mousedown = true;
+ }
+
+ if (e.type === 'mousemove' && e.which === 1 || e.type === 'touchmove') {
+ me.dragged = true;
+
+ if (w.globals.panEnabled) {
+ w.globals.selection = null;
+
+ if (me.w.globals.mousedown) {
+ me.panDragging({
+ context: me,
+ zoomtype: zoomtype,
+ xyRatios: xyRatios
+ });
+ }
+ } else {
+ if (me.w.globals.mousedown && w.globals.zoomEnabled || me.w.globals.mousedown && w.globals.selectionEnabled) {
+ me.selection = me.selectionDrawing({
+ context: me,
+ zoomtype: zoomtype
+ });
+ }
+ }
+ }
+
+ if (e.type === 'mouseup' || e.type === 'touchend') {
+ // we will be calling getBoundingClientRect on each mousedown/mousemove/mouseup
+ var _gridRectDim = me.gridRect.getBoundingClientRect();
+
+ if (me.w.globals.mousedown) {
+ // user released the drag, now do all the calculations
+ me.endX = me.clientX - _gridRectDim.left;
+ me.endY = me.clientY - _gridRectDim.top;
+ me.dragX = Math.abs(me.endX - me.startX);
+ me.dragY = Math.abs(me.endY - me.startY);
+
+ if (w.globals.zoomEnabled || w.globals.selectionEnabled) {
+ me.selectionDrawn({
+ context: me,
+ zoomtype: zoomtype
+ });
+ }
+ }
+
+ if (w.globals.zoomEnabled) {
+ me.hideSelectionRect(this.selectionRect);
+ }
+
+ me.dragged = false;
+ me.w.globals.mousedown = false;
+ }
+
+ this.makeSelectionRectDraggable();
+ }
+ }, {
+ key: "makeSelectionRectDraggable",
+ value: function makeSelectionRectDraggable() {
+ var w = this.w;
+ if (!this.selectionRect) return;
+ var rectDim = this.selectionRect.node.getBoundingClientRect();
+
+ if (rectDim.width > 0 && rectDim.height > 0) {
+ this.slDraggableRect.selectize().resize({
+ constraint: {
+ minX: 0,
+ minY: 0,
+ maxX: w.globals.gridWidth,
+ maxY: w.globals.gridHeight
+ }
+ }).on('resizing', this.selectionDragging.bind(this, 'resizing'));
+ }
+ }
+ }, {
+ key: "preselectedSelection",
+ value: function preselectedSelection() {
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+
+ if (!w.globals.zoomEnabled) {
+ if (typeof w.globals.selection !== 'undefined' && w.globals.selection !== null) {
+ this.drawSelectionRect(w.globals.selection);
+ } else {
+ if (w.config.chart.selection.xaxis.min !== undefined && w.config.chart.selection.xaxis.max !== undefined) {
+ var x = (w.config.chart.selection.xaxis.min - w.globals.minX) / xyRatios.xRatio;
+ var width = w.globals.gridWidth - (w.globals.maxX - w.config.chart.selection.xaxis.max) / xyRatios.xRatio - x;
+ var selectionRect = {
+ x: x,
+ y: 0,
+ width: width,
+ height: w.globals.gridHeight,
+ translateX: 0,
+ translateY: 0,
+ selectionEnabled: true
+ };
+ this.drawSelectionRect(selectionRect);
+ this.makeSelectionRectDraggable();
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ w.config.chart.events.selection(this.ctx, {
+ xaxis: {
+ min: w.config.chart.selection.xaxis.min,
+ max: w.config.chart.selection.xaxis.max
+ },
+ yaxis: {}
+ });
+ }
+ }
+ }
+ }
+ }
+ }, {
+ key: "drawSelectionRect",
+ value: function drawSelectionRect(_ref2) {
+ var x = _ref2.x,
+ y = _ref2.y,
+ width = _ref2.width,
+ height = _ref2.height,
+ translateX = _ref2.translateX,
+ translateY = _ref2.translateY;
+ var w = this.w;
+ var zoomRect = this.zoomRect;
+ var selectionRect = this.selectionRect;
+
+ if (this.dragged || w.globals.selection !== null) {
+ var scalingAttrs = {
+ transform: 'translate(' + translateX + ', ' + translateY + ')' // change styles based on zoom or selection
+ // zoom is Enabled and user has dragged, so draw blue rect
+
+ };
+
+ if (w.globals.zoomEnabled && this.dragged) {
+ zoomRect.attr({
+ x: x,
+ y: y,
+ width: width,
+ height: height,
+ fill: w.config.chart.zoom.zoomedArea.fill.color,
+ 'fill-opacity': w.config.chart.zoom.zoomedArea.fill.opacity,
+ stroke: w.config.chart.zoom.zoomedArea.stroke.color,
+ 'stroke-width': w.config.chart.zoom.zoomedArea.stroke.width,
+ 'stroke-opacity': w.config.chart.zoom.zoomedArea.stroke.opacity
+ });
+ Graphics.setAttrs(zoomRect.node, scalingAttrs);
+ } // selection is enabled
+
+
+ if (w.globals.selectionEnabled) {
+ selectionRect.attr({
+ x: x,
+ y: y,
+ width: width > 0 ? width : 0,
+ height: height > 0 ? height : 0,
+ fill: w.config.chart.selection.fill.color,
+ 'fill-opacity': w.config.chart.selection.fill.opacity,
+ stroke: w.config.chart.selection.stroke.color,
+ 'stroke-width': w.config.chart.selection.stroke.width,
+ 'stroke-dasharray': w.config.chart.selection.stroke.dashArray,
+ 'stroke-opacity': w.config.chart.selection.stroke.opacity
+ });
+ Graphics.setAttrs(selectionRect.node, scalingAttrs);
+ }
+ }
+ }
+ }, {
+ key: "hideSelectionRect",
+ value: function hideSelectionRect(rect) {
+ if (rect) {
+ rect.attr({
+ x: 0,
+ y: 0,
+ width: 0,
+ height: 0
+ });
+ }
+ }
+ }, {
+ key: "selectionDrawing",
+ value: function selectionDrawing(_ref3) {
+ var context = _ref3.context,
+ zoomtype = _ref3.zoomtype;
+ var w = this.w;
+ var me = context;
+ var gridRectDim = this.gridRect.getBoundingClientRect();
+ var startX = me.startX - 1;
+ var startY = me.startY;
+ var selectionWidth = me.clientX - gridRectDim.left - startX;
+ var selectionHeight = me.clientY - gridRectDim.top - startY;
+ var translateX = 0;
+ var translateY = 0;
+ var selectionRect = {};
+
+ if (Math.abs(selectionWidth + startX) > w.globals.gridWidth || me.clientX - gridRectDim.left < 0) {
+ // user dragged the mouse outside drawing area
+ // TODO: test the selectionRect and make sure it doesn't crosses drawing area
+ me.hideSelectionRect(this.zoomRect);
+ me.dragged = false;
+ me.w.globals.mousedown = false;
+ } // inverse selection X
+
+
+ if (startX > me.clientX - gridRectDim.left) {
+ selectionWidth = Math.abs(selectionWidth);
+ translateX = -selectionWidth;
+ } // inverse selection Y
+
+
+ if (startY > me.clientY - gridRectDim.top) {
+ selectionHeight = Math.abs(selectionHeight);
+ translateY = -selectionHeight;
+ }
+
+ if (zoomtype === 'x') {
+ selectionRect = {
+ x: startX,
+ y: 0,
+ width: selectionWidth,
+ height: w.globals.gridHeight,
+ translateX: translateX,
+ translateY: 0
+ };
+ } else if (zoomtype === 'y') {
+ selectionRect = {
+ x: 0,
+ y: startY,
+ width: w.globals.gridWidth,
+ height: selectionHeight,
+ translateX: 0,
+ translateY: translateY
+ };
+ } else {
+ selectionRect = {
+ x: startX,
+ y: startY,
+ width: selectionWidth,
+ height: selectionHeight,
+ translateX: translateX,
+ translateY: translateY
+ };
+ }
+
+ me.drawSelectionRect(selectionRect);
+ return selectionRect;
+ }
+ }, {
+ key: "selectionDragging",
+ value: function selectionDragging(type, e) {
+ var _this4 = this;
+
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+ var selRect = this.selectionRect;
+ var timerInterval = 0;
+
+ if (type === 'resizing') {
+ timerInterval = 30;
+ }
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ // a small debouncer is required when resizing to avoid freezing the chart
+ clearTimeout(this.w.globals.selectionResizeTimer);
+ this.w.globals.selectionResizeTimer = window.setTimeout(function () {
+ var gridRectDim = _this4.gridRect.getBoundingClientRect();
+
+ var selectionRect = selRect.node.getBoundingClientRect();
+ var minX = w.globals.xAxisScale.niceMin + (selectionRect.left - gridRectDim.left) * xyRatios.xRatio;
+ var maxX = w.globals.xAxisScale.niceMin + (selectionRect.right - gridRectDim.left) * xyRatios.xRatio;
+ var minY = w.globals.yAxisScale[0].niceMin + (gridRectDim.bottom - selectionRect.bottom) * xyRatios.yRatio[0];
+ var maxY = w.globals.yAxisScale[0].niceMax - (selectionRect.top - gridRectDim.top) * xyRatios.yRatio[0];
+ w.config.chart.events.selection(_this4.ctx, {
+ xaxis: {
+ min: minX,
+ max: maxX
+ },
+ yaxis: {
+ min: minY,
+ max: maxY
+ }
+ });
+ }, timerInterval);
+ }
+ }
+ }, {
+ key: "selectionDrawn",
+ value: function selectionDrawn(_ref4) {
+ var context = _ref4.context,
+ zoomtype = _ref4.zoomtype;
+ var w = this.w;
+ var me = context;
+ var xyRatios = this.xyRatios;
+ var toolbar = this.ctx.toolbar;
+
+ if (me.startX > me.endX) {
+ var tempX = me.startX;
+ me.startX = me.endX;
+ me.endX = tempX;
+ }
+
+ if (me.startY > me.endY) {
+ var tempY = me.startY;
+ me.startY = me.endY;
+ me.endY = tempY;
+ }
+
+ var xLowestValue = w.globals.xAxisScale.niceMin + me.startX * xyRatios.xRatio;
+ var xHighestValue = w.globals.xAxisScale.niceMin + me.endX * xyRatios.xRatio; // TODO: we will consider the 1st y axis values here for getting highest and lowest y
+
+ var yHighestValue = [];
+ var yLowestValue = [];
+ w.config.yaxis.forEach(function (yaxe, index) {
+ yHighestValue.push(Math.floor(w.globals.yAxisScale[index].niceMax - xyRatios.yRatio[index] * me.startY));
+ yLowestValue.push(Math.floor(w.globals.yAxisScale[index].niceMax - xyRatios.yRatio[index] * me.endY));
+ });
+
+ if (me.dragged && (me.dragX > 10 || me.dragY > 10) && xLowestValue !== xHighestValue) {
+ if (w.globals.zoomEnabled) {
+ var yaxis = Utils.clone(w.config.yaxis); // before zooming in/out, store the last yaxis and xaxis range, so that when user hits the RESET button, we get the original range
+ // also - make sure user is not already zoomed in/out - otherwise we will store zoomed values in lastAxis
+
+ if (!w.globals.zoomed) {
+ w.globals.lastXAxis = Utils.clone(w.config.xaxis);
+ w.globals.lastYAxis = Utils.clone(w.config.yaxis);
+ }
+
+ var xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (zoomtype === 'xy' || zoomtype === 'y') {
+ yaxis.forEach(function (yaxe, index) {
+ yaxis[index].min = yLowestValue[index];
+ yaxis[index].max = yHighestValue[index];
+ });
+ }
+
+ if (w.config.chart.zoom.autoScaleYaxis) {
+ var scale = new Range(me.ctx);
+ yaxis = scale.autoScaleY(me.ctx, {
+ xaxis: xaxis
+ });
+ }
+
+ if (toolbar) {
+ var beforeZoomRange = toolbar.getBeforeZoomRange(xaxis, yaxis);
+
+ if (beforeZoomRange) {
+ xaxis = beforeZoomRange.xaxis ? beforeZoomRange.xaxis : xaxis;
+ yaxis = beforeZoomRange.yaxis ? beforeZoomRange.yaxe : yaxis;
+ }
+ }
+
+ if (zoomtype === 'x') {
+ me.ctx._updateOptions({
+ xaxis: xaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ } else if (zoomtype === 'y') {
+ me.ctx._updateOptions({
+ yaxis: yaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ } else {
+ me.ctx._updateOptions({
+ xaxis: xaxis,
+ yaxis: yaxis
+ }, false, me.w.config.chart.animations.dynamicAnimation.enabled);
+ }
+
+ if (typeof w.config.chart.events.zoomed === 'function') {
+ toolbar.zoomCallback(xaxis, yaxis);
+ }
+
+ w.globals.zoomed = true;
+ } else if (w.globals.selectionEnabled) {
+ var _yaxis = null;
+ var _xaxis = null;
+ _xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (zoomtype === 'xy' || zoomtype === 'y') {
+ _yaxis = Utils.clone(w.config.yaxis);
+
+ _yaxis.forEach(function (yaxe, index) {
+ _yaxis[index].min = yLowestValue[index];
+ _yaxis[index].max = yHighestValue[index];
+ });
+ }
+
+ w.globals.selection = me.selection;
+
+ if (typeof w.config.chart.events.selection === 'function') {
+ w.config.chart.events.selection(me.ctx, {
+ xaxis: _xaxis,
+ yaxis: _yaxis
+ });
+ }
+ }
+ }
+ }
+ }, {
+ key: "panDragging",
+ value: function panDragging(_ref5) {
+ var context = _ref5.context,
+ zoomtype = _ref5.zoomtype;
+ var w = this.w;
+ var me = context;
+ var moveDirection; // check to make sure there is data to compare against
+
+ if (typeof w.globals.lastClientPosition.x !== 'undefined') {
+ // get the change from last position to this position
+ var deltaX = w.globals.lastClientPosition.x - me.clientX;
+ var deltaY = w.globals.lastClientPosition.y - me.clientY; // check which direction had the highest amplitude and then figure out direction by checking if the value is greater or less than zero
+
+ if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX > 0) {
+ moveDirection = 'left';
+ } else if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX < 0) {
+ moveDirection = 'right';
+ } else if (Math.abs(deltaY) > Math.abs(deltaX) && deltaY > 0) {
+ moveDirection = 'up';
+ } else if (Math.abs(deltaY) > Math.abs(deltaX) && deltaY < 0) {
+ moveDirection = 'down';
+ }
+ } // set the new last position to the current for next time (to get the position of drag)
+
+
+ w.globals.lastClientPosition = {
+ x: me.clientX,
+ y: me.clientY
+ };
+ var xLowestValue = w.globals.minX;
+ var xHighestValue = w.globals.maxX;
+ this.panScrolled(moveDirection, xLowestValue, xHighestValue);
+ }
+ }, {
+ key: "panScrolled",
+ value: function panScrolled(moveDirection, xLowestValue, xHighestValue) {
+ var w = this.w;
+ var xyRatios = this.xyRatios;
+ var yaxis = Utils.clone(w.config.yaxis);
+
+ if (moveDirection === 'left') {
+ xLowestValue = w.globals.minX + w.globals.gridWidth / 15 * xyRatios.xRatio;
+ xHighestValue = w.globals.maxX + w.globals.gridWidth / 15 * xyRatios.xRatio;
+ } else if (moveDirection === 'right') {
+ xLowestValue = w.globals.minX - w.globals.gridWidth / 15 * xyRatios.xRatio;
+ xHighestValue = w.globals.maxX - w.globals.gridWidth / 15 * xyRatios.xRatio;
+ }
+
+ if (xLowestValue < w.globals.initialminX || xHighestValue > w.globals.initialmaxX) {
+ xLowestValue = w.globals.minX;
+ xHighestValue = w.globals.maxX;
+ }
+
+ var xaxis = {
+ min: xLowestValue,
+ max: xHighestValue
+ };
+
+ if (w.config.chart.zoom.autoScaleYaxis) {
+ var scale = new Range(me.ctx);
+ yaxis = scale.autoScaleY(me.ctx, {
+ xaxis: xaxis
+ });
+ }
+
+ this.ctx._updateOptions({
+ xaxis: {
+ min: xLowestValue,
+ max: xHighestValue
+ },
+ yaxis: yaxis
+ }, false, false);
+
+ if (typeof w.config.chart.events.scrolled === 'function') {
+ w.config.chart.events.scrolled(this.ctx, {
+ xaxis: {
+ min: xLowestValue,
+ max: xHighestValue
+ }
+ });
+ }
+ }
+ }]);
+
+ return ZoomPanSelection;
+ }(Toolbar);
+
+ var TitleSubtitle =
+ /*#__PURE__*/
+ function () {
+ function TitleSubtitle(ctx) {
+ _classCallCheck(this, TitleSubtitle);
+
+ this.ctx = ctx;
+ this.w = ctx.w;
+ }
+
+ _createClass(TitleSubtitle, [{
+ key: "draw",
+ value: function draw() {
+ this.drawTitleSubtitle('title');
+ this.drawTitleSubtitle('subtitle');
+ }
+ }, {
+ key: "drawTitleSubtitle",
+ value: function drawTitleSubtitle(type) {
+ var w = this.w;
+ var tsConfig = type === 'title' ? w.config.title : w.config.subtitle;
+ var x = w.globals.svgWidth / 2;
+ var y = tsConfig.offsetY;
+ var textAnchor = 'middle';
+
+ if (tsConfig.align === 'left') {
+ x = 10;
+ textAnchor = 'start';
+ } else if (tsConfig.align === 'right') {
+ x = w.globals.svgWidth - 10;
+ textAnchor = 'end';
+ }
+
+ x = x + tsConfig.offsetX;
+ y = y + parseInt(tsConfig.style.fontSize) + 2;
+
+ if (tsConfig.text !== undefined) {
+ var graphics = new Graphics(this.ctx);
+ var titleText = graphics.drawText({
+ x: x,
+ y: y,
+ text: tsConfig.text,
+ textAnchor: textAnchor,
+ fontSize: tsConfig.style.fontSize,
+ fontFamily: tsConfig.style.fontFamily,
+ foreColor: tsConfig.style.color,
+ opacity: 1
+ });
+ titleText.node.setAttribute('class', "apexcharts-".concat(type, "-text"));
+ w.globals.dom.Paper.add(titleText);
+ }
+ }
+ }]);
+
+ return TitleSubtitle;
+ }();
+
+ (function (root, factory) {
+ /* istanbul ignore next */
+ if (typeof define === 'function' && define.amd) {
+ define(function () {
+ return factory(root, root.document);
+ });
+ } else if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object') {
+ module.exports = root.document ? factory(root, root.document) : function (w) {
+ return factory(w, w.document);
+ };
+ } else {
+ root.SVG = factory(root, root.document);
+ }
+ })(typeof window !== 'undefined' ? window : undefined, function (window, document) {
+ // Find global reference - uses 'this' by default when available,
+ // falls back to 'window' otherwise (for bundlers like Webpack)
+ var globalRef = typeof this !== 'undefined' ? this : window; // The main wrapping element
+
+ var SVG = globalRef.SVG = function (element) {
+ if (SVG.supported) {
+ element = new SVG.Doc(element);
+
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ return element;
+ }
+ }; // Default namespaces
+
+
+ SVG.ns = 'http://www.w3.org/2000/svg';
+ SVG.xmlns = 'http://www.w3.org/2000/xmlns/';
+ SVG.xlink = 'http://www.w3.org/1999/xlink';
+ SVG.svgjs = 'http://svgjs.com/svgjs'; // Svg support test
+
+ SVG.supported = function () {
+ return true; // !!document.createElementNS &&
+ // !! document.createElementNS(SVG.ns,'svg').createSVGRect
+ }(); // Don't bother to continue if SVG is not supported
+
+
+ if (!SVG.supported) return false; // Element id sequence
+
+ SVG.did = 1000; // Get next named element id
+
+ SVG.eid = function (name) {
+ return 'Svgjs' + capitalize(name) + SVG.did++;
+ }; // Method for element creation
+
+
+ SVG.create = function (name) {
+ // create element
+ var element = document.createElementNS(this.ns, name); // apply unique id
+
+ element.setAttribute('id', this.eid(name));
+ return element;
+ }; // Method for extending objects
+
+
+ SVG.extend = function () {
+ var modules, methods, key, i; // Get list of modules
+
+ modules = [].slice.call(arguments); // Get object with extensions
+
+ methods = modules.pop();
+
+ for (i = modules.length - 1; i >= 0; i--) {
+ if (modules[i]) {
+ for (key in methods) {
+ modules[i].prototype[key] = methods[key];
+ }
+ }
+ } // Make sure SVG.Set inherits any newly added methods
+
+
+ if (SVG.Set && SVG.Set.inherit) {
+ SVG.Set.inherit();
+ }
+ }; // Invent new element
+
+
+ SVG.invent = function (config) {
+ // Create element initializer
+ var initializer = typeof config.create === 'function' ? config.create : function () {
+ this.constructor.call(this, SVG.create(config.create));
+ }; // Inherit prototype
+
+ if (config.inherit) {
+ initializer.prototype = new config.inherit();
+ } // Extend with methods
+
+
+ if (config.extend) {
+ SVG.extend(initializer, config.extend);
+ } // Attach construct method to parent
+
+
+ if (config.construct) {
+ SVG.extend(config.parent || SVG.Container, config.construct);
+ }
+
+ return initializer;
+ }; // Adopt existing svg elements
+
+
+ SVG.adopt = function (node) {
+ // check for presence of node
+ if (!node) return null; // make sure a node isn't already adopted
+
+ if (node.instance) return node.instance; // initialize variables
+
+ var element; // adopt with element-specific settings
+
+ if (node.nodeName == 'svg') {
+ element = node.parentNode instanceof window.SVGElement ? new SVG.Nested() : new SVG.Doc();
+ } else if (node.nodeName == 'linearGradient') {
+ element = new SVG.Gradient('linear');
+ } else if (node.nodeName == 'radialGradient') {
+ element = new SVG.Gradient('radial');
+ } else if (SVG[capitalize(node.nodeName)]) {
+ element = new SVG[capitalize(node.nodeName)]();
+ } else {
+ element = new SVG.Element(node);
+ } // ensure references
+
+
+ element.type = node.nodeName;
+ element.node = node;
+ node.instance = element; // SVG.Class specific preparations
+
+ if (element instanceof SVG.Doc) {
+ element.namespace().defs();
+ } // pull svgjs data from the dom (getAttributeNS doesn't work in html5)
+
+
+ element.setData(JSON.parse(node.getAttribute('svgjs:data')) || {});
+ return element;
+ }; // Initialize parsing element
+
+
+ SVG.prepare = function () {
+ // Select document body and create invisible svg element
+ var body = document.getElementsByTagName('body')[0],
+ draw = (body ? new SVG.Doc(body) : SVG.adopt(document.documentElement).nested()).size(2, 0); // Create parser object
+
+ SVG.parser = {
+ body: body || document.documentElement,
+ draw: draw.style('opacity:0;position:absolute;left:-100%;top:-100%;overflow:hidden').node,
+ poly: draw.polyline().node,
+ path: draw.path().node,
+ native: SVG.create('svg')
+ };
+ };
+
+ SVG.parser = {
+ native: SVG.create('svg')
+ };
+ document.addEventListener('DOMContentLoaded', function () {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+ }, false); // Storage for regular expressions
+
+ SVG.regex = {
+ // Parse unit value
+ numberAndUnit: /^([+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?)([a-z%]*)$/i,
+ // Parse hex value
+ hex: /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,
+ // Parse rgb value
+ rgb: /rgb\((\d+),(\d+),(\d+)\)/,
+ // Parse reference id
+ reference: /#([a-z0-9\-_]+)/i,
+ // splits a transformation chain
+ transforms: /\)\s*,?\s*/,
+ // Whitespace
+ whitespace: /\s/g,
+ // Test hex value
+ isHex: /^#[a-f0-9]{3,6}$/i,
+ // Test rgb value
+ isRgb: /^rgb\(/,
+ // Test css declaration
+ isCss: /[^:]+:[^;]+;?/,
+ // Test for blank string
+ isBlank: /^(\s+)?$/,
+ // Test for numeric string
+ isNumber: /^[+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,
+ // Test for percent value
+ isPercent: /^-?[\d\.]+%$/,
+ // Test for image url
+ isImage: /\.(jpg|jpeg|png|gif|svg)(\?[^=]+.*)?/i,
+ // split at whitespace and comma
+ delimiter: /[\s,]+/,
+ // The following regex are used to parse the d attribute of a path
+ // Matches all hyphens which are not after an exponent
+ hyphen: /([^e])\-/gi,
+ // Replaces and tests for all path letters
+ pathLetters: /[MLHVCSQTAZ]/gi,
+ // yes we need this one, too
+ isPathLetter: /[MLHVCSQTAZ]/i,
+ // matches 0.154.23.45
+ numbersWithDots: /((\d?\.\d+(?:e[+-]?\d+)?)((?:\.\d+(?:e[+-]?\d+)?)+))+/gi,
+ // matches .
+ dots: /\./g
+ };
+ SVG.utils = {
+ // Map function
+ map: function map(array, block) {
+ var i,
+ il = array.length,
+ result = [];
+
+ for (i = 0; i < il; i++) {
+ result.push(block(array[i]));
+ }
+
+ return result;
+ },
+ // Filter function
+ filter: function filter(array, block) {
+ var i,
+ il = array.length,
+ result = [];
+
+ for (i = 0; i < il; i++) {
+ if (block(array[i])) {
+ result.push(array[i]);
+ }
+ }
+
+ return result;
+ },
+ // Degrees to radians
+ radians: function radians(d) {
+ return d % 360 * Math.PI / 180;
+ },
+ // Radians to degrees
+ degrees: function degrees(r) {
+ return r * 180 / Math.PI % 360;
+ },
+ filterSVGElements: function filterSVGElements(nodes) {
+ return this.filter(nodes, function (el) {
+ return el instanceof window.SVGElement;
+ });
+ }
+ };
+ SVG.defaults = {
+ // Default attribute values
+ attrs: {
+ // fill and stroke
+ 'fill-opacity': 1,
+ 'stroke-opacity': 1,
+ 'stroke-width': 0,
+ 'stroke-linejoin': 'miter',
+ 'stroke-linecap': 'butt',
+ fill: '#000000',
+ stroke: '#000000',
+ opacity: 1,
+ // position
+ x: 0,
+ y: 0,
+ cx: 0,
+ cy: 0,
+ // size
+ width: 0,
+ height: 0,
+ // radius
+ r: 0,
+ rx: 0,
+ ry: 0,
+ // gradient
+ offset: 0,
+ 'stop-opacity': 1,
+ 'stop-color': '#000000',
+ // text
+ 'font-size': 16,
+ 'font-family': 'Helvetica, Arial, sans-serif',
+ 'text-anchor': 'start'
+ } // Module for color convertions
+
+ };
+
+ SVG.Color = function (color) {
+ var match; // initialize defaults
+
+ this.r = 0;
+ this.g = 0;
+ this.b = 0;
+ if (!color) return; // parse color
+
+ if (typeof color === 'string') {
+ if (SVG.regex.isRgb.test(color)) {
+ // get rgb values
+ match = SVG.regex.rgb.exec(color.replace(SVG.regex.whitespace, '')); // parse numeric values
+
+ this.r = parseInt(match[1]);
+ this.g = parseInt(match[2]);
+ this.b = parseInt(match[3]);
+ } else if (SVG.regex.isHex.test(color)) {
+ // get hex values
+ match = SVG.regex.hex.exec(fullHex(color)); // parse numeric values
+
+ this.r = parseInt(match[1], 16);
+ this.g = parseInt(match[2], 16);
+ this.b = parseInt(match[3], 16);
+ }
+ } else if (_typeof(color) === 'object') {
+ this.r = color.r;
+ this.g = color.g;
+ this.b = color.b;
+ }
+ };
+
+ SVG.extend(SVG.Color, {
+ // Default to hex conversion
+ toString: function toString() {
+ return this.toHex();
+ },
+ // Build hex value
+ toHex: function toHex() {
+ return '#' + compToHex(this.r) + compToHex(this.g) + compToHex(this.b);
+ },
+ // Build rgb value
+ toRgb: function toRgb() {
+ return 'rgb(' + [this.r, this.g, this.b].join() + ')';
+ },
+ // Calculate true brightness
+ brightness: function brightness() {
+ return this.r / 255 * 0.30 + this.g / 255 * 0.59 + this.b / 255 * 0.11;
+ },
+ // Make color morphable
+ morph: function morph(color) {
+ this.destination = new SVG.Color(color);
+ return this;
+ },
+ // Get morphed color at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // normalise pos
+
+ pos = pos < 0 ? 0 : pos > 1 ? 1 : pos; // generate morphed color
+
+ return new SVG.Color({
+ r: ~~(this.r + (this.destination.r - this.r) * pos),
+ g: ~~(this.g + (this.destination.g - this.g) * pos),
+ b: ~~(this.b + (this.destination.b - this.b) * pos)
+ });
+ }
+ }); // Testers
+ // Test if given value is a color string
+
+ SVG.Color.test = function (color) {
+ color += '';
+ return SVG.regex.isHex.test(color) || SVG.regex.isRgb.test(color);
+ }; // Test if given value is a rgb object
+
+
+ SVG.Color.isRgb = function (color) {
+ return color && typeof color.r === 'number' && typeof color.g === 'number' && typeof color.b === 'number';
+ }; // Test if given value is a color
+
+
+ SVG.Color.isColor = function (color) {
+ return SVG.Color.isRgb(color) || SVG.Color.test(color);
+ }; // Module for array conversion
+
+
+ SVG.Array = function (array, fallback) {
+ array = (array || []).valueOf(); // if array is empty and fallback is provided, use fallback
+
+ if (array.length == 0 && fallback) {
+ array = fallback.valueOf();
+ } // parse array
+
+
+ this.value = this.parse(array);
+ };
+
+ SVG.extend(SVG.Array, {
+ // Make array morphable
+ morph: function morph(array) {
+ this.destination = this.parse(array); // normalize length of arrays
+
+ if (this.value.length != this.destination.length) {
+ var lastValue = this.value[this.value.length - 1],
+ lastDestination = this.destination[this.destination.length - 1];
+
+ while (this.value.length > this.destination.length) {
+ this.destination.push(lastDestination);
+ }
+
+ while (this.value.length < this.destination.length) {
+ this.value.push(lastValue);
+ }
+ }
+
+ return this;
+ },
+ // Clean up any duplicate points
+ settle: function settle() {
+ // find all unique values
+ for (var i = 0, il = this.value.length, seen = []; i < il; i++) {
+ if (seen.indexOf(this.value[i]) == -1) {
+ seen.push(this.value[i]);
+ }
+ } // set new value
+
+
+ return this.value = seen;
+ },
+ // Get morphed array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // generate morphed array
+
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push(this.value[i] + (this.destination[i] - this.value[i]) * pos);
+ }
+
+ return new SVG.Array(array);
+ },
+ // Convert array to string
+ toString: function toString() {
+ return this.value.join(' ');
+ },
+ // Real value
+ valueOf: function valueOf() {
+ return this.value;
+ },
+ // Parse whitespace separated string
+ parse: function parse(array) {
+ array = array.valueOf(); // if already is an array, no need to parse it
+
+ if (Array.isArray(array)) return array;
+ return this.split(array);
+ },
+ // Strip unnecessary whitespace
+ split: function split(string) {
+ return string.trim().split(SVG.regex.delimiter).map(parseFloat);
+ },
+ // Reverse array
+ reverse: function reverse() {
+ this.value.reverse();
+ return this;
+ },
+ clone: function clone() {
+ var clone = new this.constructor();
+ clone.value = array_clone(this.value);
+ return clone;
+ }
+ }); // Poly points array
+
+ SVG.PointArray = function (array, fallback) {
+ SVG.Array.call(this, array, fallback || [[0, 0]]);
+ }; // Inherit from SVG.Array
+
+
+ SVG.PointArray.prototype = new SVG.Array();
+ SVG.PointArray.prototype.constructor = SVG.PointArray;
+ SVG.extend(SVG.PointArray, {
+ // Convert array to string
+ toString: function toString() {
+ // convert to a poly point string
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push(this.value[i].join(','));
+ }
+
+ return array.join(' ');
+ },
+ // Convert array to line object
+ toLine: function toLine() {
+ return {
+ x1: this.value[0][0],
+ y1: this.value[0][1],
+ x2: this.value[1][0],
+ y2: this.value[1][1]
+ };
+ },
+ // Get morphed array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // generate morphed point string
+
+ for (var i = 0, il = this.value.length, array = []; i < il; i++) {
+ array.push([this.value[i][0] + (this.destination[i][0] - this.value[i][0]) * pos, this.value[i][1] + (this.destination[i][1] - this.value[i][1]) * pos]);
+ }
+
+ return new SVG.PointArray(array);
+ },
+ // Parse point string and flat array
+ parse: function parse(array) {
+ var points = [];
+ array = array.valueOf(); // if it is an array
+
+ if (Array.isArray(array)) {
+ // and it is not flat, there is no need to parse it
+ if (Array.isArray(array[0])) {
+ // make sure to use a clone
+ return array.map(function (el) {
+ return el.slice();
+ });
+ } else if (array[0].x != null) {
+ // allow point objects to be passed
+ return array.map(function (el) {
+ return [el.x, el.y];
+ });
+ }
+ } else {
+ // Else, it is considered as a string
+ // parse points
+ array = array.trim().split(SVG.regex.delimiter).map(parseFloat);
+ } // validate points - https://svgwg.org/svg2-draft/shapes.html#DataTypePoints
+ // Odd number of coordinates is an error. In such cases, drop the last odd coordinate.
+
+
+ if (array.length % 2 !== 0) array.pop(); // wrap points in two-tuples and parse points as floats
+
+ for (var i = 0, len = array.length; i < len; i = i + 2) {
+ points.push([array[i], array[i + 1]]);
+ }
+
+ return points;
+ },
+ // Move point string
+ move: function move(x, y) {
+ var box = this.bbox(); // get relative offset
+
+ x -= box.x;
+ y -= box.y; // move every point
+
+ if (!isNaN(x) && !isNaN(y)) {
+ for (var i = this.value.length - 1; i >= 0; i--) {
+ this.value[i] = [this.value[i][0] + x, this.value[i][1] + y];
+ }
+ }
+
+ return this;
+ },
+ // Resize poly string
+ size: function size(width, height) {
+ var i,
+ box = this.bbox(); // recalculate position of all points according to new size
+
+ for (i = this.value.length - 1; i >= 0; i--) {
+ if (box.width) this.value[i][0] = (this.value[i][0] - box.x) * width / box.width + box.x;
+ if (box.height) this.value[i][1] = (this.value[i][1] - box.y) * height / box.height + box.y;
+ }
+
+ return this;
+ },
+ // Get bounding box of points
+ bbox: function bbox() {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ SVG.parser.poly.setAttribute('points', this.toString());
+ return SVG.parser.poly.getBBox();
+ }
+ });
+ var pathHandlers = {
+ M: function M(c, p, p0) {
+ p.x = p0.x = c[0];
+ p.y = p0.y = c[1];
+ return ['M', p.x, p.y];
+ },
+ L: function L(c, p) {
+ p.x = c[0];
+ p.y = c[1];
+ return ['L', c[0], c[1]];
+ },
+ H: function H(c, p) {
+ p.x = c[0];
+ return ['H', c[0]];
+ },
+ V: function V(c, p) {
+ p.y = c[0];
+ return ['V', c[0]];
+ },
+ C: function C(c, p) {
+ p.x = c[4];
+ p.y = c[5];
+ return ['C', c[0], c[1], c[2], c[3], c[4], c[5]];
+ },
+ S: function S(c, p) {
+ p.x = c[2];
+ p.y = c[3];
+ return ['S', c[0], c[1], c[2], c[3]];
+ },
+ Q: function Q(c, p) {
+ p.x = c[2];
+ p.y = c[3];
+ return ['Q', c[0], c[1], c[2], c[3]];
+ },
+ T: function T(c, p) {
+ p.x = c[0];
+ p.y = c[1];
+ return ['T', c[0], c[1]];
+ },
+ Z: function Z(c, p, p0) {
+ p.x = p0.x;
+ p.y = p0.y;
+ return ['Z'];
+ },
+ A: function A(c, p) {
+ p.x = c[5];
+ p.y = c[6];
+ return ['A', c[0], c[1], c[2], c[3], c[4], c[5], c[6]];
+ }
+ };
+ var mlhvqtcsa = 'mlhvqtcsaz'.split('');
+
+ for (var i = 0, il = mlhvqtcsa.length; i < il; ++i) {
+ pathHandlers[mlhvqtcsa[i]] = function (i) {
+ return function (c, p, p0) {
+ if (i == 'H') c[0] = c[0] + p.x;else if (i == 'V') c[0] = c[0] + p.y;else if (i == 'A') {
+ c[5] = c[5] + p.x, c[6] = c[6] + p.y;
+ } else {
+ for (var j = 0, jl = c.length; j < jl; ++j) {
+ c[j] = c[j] + (j % 2 ? p.y : p.x);
+ }
+ }
+ return pathHandlers[i](c, p, p0);
+ };
+ }(mlhvqtcsa[i].toUpperCase());
+ } // Path points array
+
+
+ SVG.PathArray = function (array, fallback) {
+ SVG.Array.call(this, array, fallback || [['M', 0, 0]]);
+ }; // Inherit from SVG.Array
+
+
+ SVG.PathArray.prototype = new SVG.Array();
+ SVG.PathArray.prototype.constructor = SVG.PathArray;
+ SVG.extend(SVG.PathArray, {
+ // Convert array to string
+ toString: function toString() {
+ return arrayToString(this.value);
+ },
+ // Move path string
+ move: function move(x, y) {
+ // get bounding box of current situation
+ var box = this.bbox(); // get relative offset
+
+ x -= box.x;
+ y -= box.y;
+
+ if (!isNaN(x) && !isNaN(y)) {
+ // move every point
+ for (var l, i = this.value.length - 1; i >= 0; i--) {
+ l = this.value[i][0];
+
+ if (l == 'M' || l == 'L' || l == 'T') {
+ this.value[i][1] += x;
+ this.value[i][2] += y;
+ } else if (l == 'H') {
+ this.value[i][1] += x;
+ } else if (l == 'V') {
+ this.value[i][1] += y;
+ } else if (l == 'C' || l == 'S' || l == 'Q') {
+ this.value[i][1] += x;
+ this.value[i][2] += y;
+ this.value[i][3] += x;
+ this.value[i][4] += y;
+
+ if (l == 'C') {
+ this.value[i][5] += x;
+ this.value[i][6] += y;
+ }
+ } else if (l == 'A') {
+ this.value[i][6] += x;
+ this.value[i][7] += y;
+ }
+ }
+ }
+
+ return this;
+ },
+ // Resize path string
+ size: function size(width, height) {
+ // get bounding box of current situation
+ var i,
+ l,
+ box = this.bbox(); // recalculate position of all points according to new size
+
+ for (i = this.value.length - 1; i >= 0; i--) {
+ l = this.value[i][0];
+
+ if (l == 'M' || l == 'L' || l == 'T') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ this.value[i][2] = (this.value[i][2] - box.y) * height / box.height + box.y;
+ } else if (l == 'H') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ } else if (l == 'V') {
+ this.value[i][1] = (this.value[i][1] - box.y) * height / box.height + box.y;
+ } else if (l == 'C' || l == 'S' || l == 'Q') {
+ this.value[i][1] = (this.value[i][1] - box.x) * width / box.width + box.x;
+ this.value[i][2] = (this.value[i][2] - box.y) * height / box.height + box.y;
+ this.value[i][3] = (this.value[i][3] - box.x) * width / box.width + box.x;
+ this.value[i][4] = (this.value[i][4] - box.y) * height / box.height + box.y;
+
+ if (l == 'C') {
+ this.value[i][5] = (this.value[i][5] - box.x) * width / box.width + box.x;
+ this.value[i][6] = (this.value[i][6] - box.y) * height / box.height + box.y;
+ }
+ } else if (l == 'A') {
+ // resize radii
+ this.value[i][1] = this.value[i][1] * width / box.width;
+ this.value[i][2] = this.value[i][2] * height / box.height; // move position values
+
+ this.value[i][6] = (this.value[i][6] - box.x) * width / box.width + box.x;
+ this.value[i][7] = (this.value[i][7] - box.y) * height / box.height + box.y;
+ }
+ }
+
+ return this;
+ },
+ // Test if the passed path array use the same path data commands as this path array
+ equalCommands: function equalCommands(pathArray) {
+ var i, il, equalCommands;
+ pathArray = new SVG.PathArray(pathArray);
+ equalCommands = this.value.length === pathArray.value.length;
+
+ for (i = 0, il = this.value.length; equalCommands && i < il; i++) {
+ equalCommands = this.value[i][0] === pathArray.value[i][0];
+ }
+
+ return equalCommands;
+ },
+ // Make path array morphable
+ morph: function morph(pathArray) {
+ pathArray = new SVG.PathArray(pathArray);
+
+ if (this.equalCommands(pathArray)) {
+ this.destination = pathArray;
+ } else {
+ this.destination = null;
+ }
+
+ return this;
+ },
+ // Get morphed path array at given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this;
+ var sourceArray = this.value,
+ destinationArray = this.destination.value,
+ array = [],
+ pathArray = new SVG.PathArray(),
+ i,
+ il,
+ j,
+ jl; // Animate has specified in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/paths.html#PathElement
+
+ for (i = 0, il = sourceArray.length; i < il; i++) {
+ array[i] = [sourceArray[i][0]];
+
+ for (j = 1, jl = sourceArray[i].length; j < jl; j++) {
+ array[i][j] = sourceArray[i][j] + (destinationArray[i][j] - sourceArray[i][j]) * pos;
+ } // For the two flags of the elliptical arc command, the SVG spec say:
+ // Flags and booleans are interpolated as fractions between zero and one, with any non-zero value considered to be a value of one/true
+ // Elliptical arc command as an array followed by corresponding indexes:
+ // ['A', rx, ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y]
+ // 0 1 2 3 4 5 6 7
+
+
+ if (array[i][0] === 'A') {
+ array[i][4] = +(array[i][4] != 0);
+ array[i][5] = +(array[i][5] != 0);
+ }
+ } // Directly modify the value of a path array, this is done this way for performance
+
+
+ pathArray.value = array;
+ return pathArray;
+ },
+ // Absolutize and parse path to array
+ parse: function parse(array) {
+ // if it's already a patharray, no need to parse it
+ if (array instanceof SVG.PathArray) return array.valueOf(); // prepare for parsing
+
+ var s,
+ arr,
+ paramCnt = {
+ 'M': 2,
+ 'L': 2,
+ 'H': 1,
+ 'V': 1,
+ 'C': 6,
+ 'S': 4,
+ 'Q': 4,
+ 'T': 2,
+ 'A': 7,
+ 'Z': 0
+ };
+
+ if (typeof array === 'string') {
+ array = array.replace(SVG.regex.numbersWithDots, pathRegReplace) // convert 45.123.123 to 45.123 .123
+ .replace(SVG.regex.pathLetters, ' $& ') // put some room between letters and numbers
+ .replace(SVG.regex.hyphen, '$1 -') // add space before hyphen
+ .trim() // trim
+ .split(SVG.regex.delimiter); // split into array
+ } else {
+ array = array.reduce(function (prev, curr) {
+ return [].concat.call(prev, curr);
+ }, []);
+ } // array now is an array containing all parts of a path e.g. ['M', '0', '0', 'L', '30', '30' ...]
+
+
+ var arr = [],
+ p = new SVG.Point(),
+ p0 = new SVG.Point(),
+ index = 0,
+ len = array.length;
+
+ do {
+ // Test if we have a path letter
+ if (SVG.regex.isPathLetter.test(array[index])) {
+ s = array[index];
+ ++index; // If last letter was a move command and we got no new, it defaults to [L]ine
+ } else if (s == 'M') {
+ s = 'L';
+ } else if (s == 'm') {
+ s = 'l';
+ }
+
+ arr.push(pathHandlers[s].call(null, array.slice(index, index = index + paramCnt[s.toUpperCase()]).map(parseFloat), p, p0));
+ } while (len > index);
+
+ return arr;
+ },
+ // Get bounding box of path
+ bbox: function bbox() {
+ if (!SVG.parser.draw) {
+ SVG.prepare();
+ }
+
+ SVG.parser.path.setAttribute('d', this.toString());
+ return SVG.parser.path.getBBox();
+ }
+ }); // Module for unit convertions
+
+ SVG.Number = SVG.invent({
+ // Initialize
+ create: function create(value, unit) {
+ // initialize defaults
+ this.value = 0;
+ this.unit = unit || ''; // parse value
+
+ if (typeof value === 'number') {
+ // ensure a valid numeric value
+ this.value = isNaN(value) ? 0 : !isFinite(value) ? value < 0 ? -3.4e+38 : +3.4e+38 : value;
+ } else if (typeof value === 'string') {
+ unit = value.match(SVG.regex.numberAndUnit);
+
+ if (unit) {
+ // make value numeric
+ this.value = parseFloat(unit[1]); // normalize
+
+ if (unit[5] == '%') {
+ this.value /= 100;
+ } else if (unit[5] == 's') {
+ this.value *= 1000;
+ } // store unit
+
+
+ this.unit = unit[5];
+ }
+ } else {
+ if (value instanceof SVG.Number) {
+ this.value = value.valueOf();
+ this.unit = value.unit;
+ }
+ }
+ },
+ // Add methods
+ extend: {
+ // Stringalize
+ toString: function toString() {
+ return (this.unit == '%' ? ~~(this.value * 1e8) / 1e6 : this.unit == 's' ? this.value / 1e3 : this.value) + this.unit;
+ },
+ toJSON: function toJSON() {
+ return this.toString();
+ },
+ // Convert to primitive
+ valueOf: function valueOf() {
+ return this.value;
+ },
+ // Add number
+ plus: function plus(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this + number, this.unit || number.unit);
+ },
+ // Subtract number
+ minus: function minus(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this - number, this.unit || number.unit);
+ },
+ // Multiply number
+ times: function times(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this * number, this.unit || number.unit);
+ },
+ // Divide number
+ divide: function divide(number) {
+ number = new SVG.Number(number);
+ return new SVG.Number(this / number, this.unit || number.unit);
+ },
+ // Convert to different unit
+ to: function to(unit) {
+ var number = new SVG.Number(this);
+
+ if (typeof unit === 'string') {
+ number.unit = unit;
+ }
+
+ return number;
+ },
+ // Make number morphable
+ morph: function morph(number) {
+ this.destination = new SVG.Number(number);
+
+ if (number.relative) {
+ this.destination.value += this.value;
+ }
+
+ return this;
+ },
+ // Get morphed number at given position
+ at: function at(pos) {
+ // Make sure a destination is defined
+ if (!this.destination) return this; // Generate new morphed number
+
+ return new SVG.Number(this.destination).minus(this).times(pos).plus(this);
+ }
+ }
+ });
+ SVG.Element = SVG.invent({
+ // Initialize node
+ create: function create(node) {
+ // make stroke value accessible dynamically
+ this._stroke = SVG.defaults.attrs.stroke;
+ this._event = null; // initialize data object
+
+ this.dom = {}; // create circular reference
+
+ if (this.node = node) {
+ this.type = node.nodeName;
+ this.node.instance = this; // store current attribute value
+
+ this._stroke = node.getAttribute('stroke') || this._stroke;
+ }
+ },
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x) {
+ return this.attr('x', _x);
+ },
+ // Move over y-axis
+ y: function y(_y) {
+ return this.attr('y', _y);
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.x() + this.width() / 2 : this.x(x - this.width() / 2);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.y() + this.height() / 2 : this.y(y - this.height() / 2);
+ },
+ // Move element to given x and y values
+ move: function move(x, y) {
+ return this.x(x).y(y);
+ },
+ // Move element by its center
+ center: function center(x, y) {
+ return this.cx(x).cy(y);
+ },
+ // Set width of element
+ width: function width(_width) {
+ return this.attr('width', _width);
+ },
+ // Set height of element
+ height: function height(_height) {
+ return this.attr('height', _height);
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.width(new SVG.Number(p.width)).height(new SVG.Number(p.height));
+ },
+ // Clone element
+ clone: function clone(parent) {
+ // write dom data to the dom so the clone can pickup the data
+ this.writeDataToDom(); // clone element and assign new id
+
+ var clone = assignNewId(this.node.cloneNode(true)); // insert the clone in the given parent or after myself
+
+ if (parent) parent.add(clone);else this.after(clone);
+ return clone;
+ },
+ // Remove element
+ remove: function remove() {
+ if (this.parent()) {
+ this.parent().removeElement(this);
+ }
+
+ return this;
+ },
+ // Replace element
+ replace: function replace(element) {
+ this.after(element).remove();
+ return element;
+ },
+ // Add element to given container and return self
+ addTo: function addTo(parent) {
+ return parent.put(this);
+ },
+ // Add element to given container and return container
+ putIn: function putIn(parent) {
+ return parent.add(this);
+ },
+ // Get / set id
+ id: function id(_id) {
+ return this.attr('id', _id);
+ },
+ // Checks whether the given point inside the bounding box of the element
+ inside: function inside(x, y) {
+ var box = this.bbox();
+ return x > box.x && y > box.y && x < box.x + box.width && y < box.y + box.height;
+ },
+ // Show element
+ show: function show() {
+ return this.style('display', '');
+ },
+ // Hide element
+ hide: function hide() {
+ return this.style('display', 'none');
+ },
+ // Is element visible?
+ visible: function visible() {
+ return this.style('display') != 'none';
+ },
+ // Return id on string conversion
+ toString: function toString() {
+ return this.attr('id');
+ },
+ // Return array of classes on the node
+ classes: function classes() {
+ var attr = this.attr('class');
+ return attr == null ? [] : attr.trim().split(SVG.regex.delimiter);
+ },
+ // Return true if class exists on the node, false otherwise
+ hasClass: function hasClass(name) {
+ return this.classes().indexOf(name) != -1;
+ },
+ // Add class to the node
+ addClass: function addClass(name) {
+ if (!this.hasClass(name)) {
+ var array = this.classes();
+ array.push(name);
+ this.attr('class', array.join(' '));
+ }
+
+ return this;
+ },
+ // Remove class from the node
+ removeClass: function removeClass(name) {
+ if (this.hasClass(name)) {
+ this.attr('class', this.classes().filter(function (c) {
+ return c != name;
+ }).join(' '));
+ }
+
+ return this;
+ },
+ // Toggle the presence of a class on the node
+ toggleClass: function toggleClass(name) {
+ return this.hasClass(name) ? this.removeClass(name) : this.addClass(name);
+ },
+ // Get referenced element form attribute value
+ reference: function reference(attr) {
+ return SVG.get(this.attr(attr));
+ },
+ // Returns the parent element instance
+ parent: function parent(type) {
+ var parent = this; // check for parent
+
+ if (!parent.node.parentNode) return null; // get parent element
+
+ parent = SVG.adopt(parent.node.parentNode);
+ if (!type) return parent; // loop trough ancestors if type is given
+
+ while (parent && parent.node instanceof window.SVGElement) {
+ if (typeof type === 'string' ? parent.matches(type) : parent instanceof type) return parent;
+ if (!parent.node.parentNode || parent.node.parentNode.nodeName == '#document') return null; // #759, #720
+
+ parent = SVG.adopt(parent.node.parentNode);
+ }
+ },
+ // Get parent document
+ doc: function doc() {
+ return this instanceof SVG.Doc ? this : this.parent(SVG.Doc);
+ },
+ // return array of all ancestors of given type up to the root svg
+ parents: function parents(type) {
+ var parents = [],
+ parent = this;
+
+ do {
+ parent = parent.parent(type);
+ if (!parent || !parent.node) break;
+ parents.push(parent);
+ } while (parent.parent);
+
+ return parents;
+ },
+ // matches the element vs a css selector
+ matches: function matches(selector) {
+ return _matches(this.node, selector);
+ },
+ // Returns the svg node to call native svg methods on it
+ native: function native() {
+ return this.node;
+ },
+ // Import raw svg
+ svg: function svg(_svg) {
+ // create temporary holder
+ var well = document.createElement('svg'); // act as a setter if svg is given
+
+ if (_svg && this instanceof SVG.Parent) {
+ // dump raw svg
+ well.innerHTML = '<svg>' + _svg.replace(/\n/, '').replace(/<([\w:-]+)([^<]+?)\/>/g, '<$1$2></$1>') + '</svg>'; // transplant nodes
+
+ for (var i = 0, il = well.firstChild.childNodes.length; i < il; i++) {
+ this.node.appendChild(well.firstChild.firstChild);
+ } // otherwise act as a getter
+
+ } else {
+ // create a wrapping svg element in case of partial content
+ well.appendChild(_svg = document.createElement('svg')); // write svgjs data to the dom
+
+ this.writeDataToDom(); // insert a copy of this node
+
+ _svg.appendChild(this.node.cloneNode(true)); // return target element
+
+
+ return well.innerHTML.replace(/^<svg>/, '').replace(/<\/svg>$/, '');
+ }
+
+ return this;
+ },
+ // write svgjs data to the dom
+ writeDataToDom: function writeDataToDom() {
+ // dump variables recursively
+ if (this.each || this.lines) {
+ var fn = this.each ? this : this.lines();
+ fn.each(function () {
+ this.writeDataToDom();
+ });
+ } // remove previously set data
+
+
+ this.node.removeAttribute('svgjs:data');
+
+ if (Object.keys(this.dom).length) {
+ this.node.setAttribute('svgjs:data', JSON.stringify(this.dom));
+ } // see #428
+
+
+ return this;
+ },
+ // set given data to the elements data property
+ setData: function setData(o) {
+ this.dom = o;
+ return this;
+ },
+ is: function is(obj) {
+ return _is(this, obj);
+ }
+ }
+ });
+ SVG.easing = {
+ '-': function _(pos) {
+ return pos;
+ },
+ '<>': function _(pos) {
+ return -Math.cos(pos * Math.PI) / 2 + 0.5;
+ },
+ '>': function _(pos) {
+ return Math.sin(pos * Math.PI / 2);
+ },
+ '<': function _(pos) {
+ return -Math.cos(pos * Math.PI / 2) + 1;
+ }
+ };
+
+ SVG.morph = function (pos) {
+ return function (from, to) {
+ return new SVG.MorphObj(from, to).at(pos);
+ };
+ };
+
+ SVG.Situation = SVG.invent({
+ create: function create(o) {
+ this.init = false;
+ this.reversed = false;
+ this.reversing = false;
+ this.duration = new SVG.Number(o.duration).valueOf();
+ this.delay = new SVG.Number(o.delay).valueOf();
+ this.start = +new Date() + this.delay;
+ this.finish = this.start + this.duration;
+ this.ease = o.ease; // this.loop is incremented from 0 to this.loops
+ // it is also incremented when in an infinite loop (when this.loops is true)
+
+ this.loop = 0;
+ this.loops = false;
+ this.animations = {// functionToCall: [list of morphable objects]
+ // e.g. move: [SVG.Number, SVG.Number]
+ };
+ this.attrs = {// holds all attributes which are not represented from a function svg.js provides
+ // e.g. someAttr: SVG.Number
+ };
+ this.styles = {// holds all styles which should be animated
+ // e.g. fill-color: SVG.Color
+ };
+ this.transforms = [// holds all transformations as transformation objects
+ // e.g. [SVG.Rotate, SVG.Translate, SVG.Matrix]
+ ];
+ this.once = {// functions to fire at a specific position
+ // e.g. "0.5": function foo(){}
+ };
+ }
+ });
+ SVG.FX = SVG.invent({
+ create: function create(element) {
+ this._target = element;
+ this.situations = [];
+ this.active = false;
+ this.situation = null;
+ this.paused = false;
+ this.lastPos = 0;
+ this.pos = 0; // The absolute position of an animation is its position in the context of its complete duration (including delay and loops)
+ // When performing a delay, absPos is below 0 and when performing a loop, its value is above 1
+
+ this.absPos = 0;
+ this._speed = 1;
+ },
+ extend: {
+ /**
+ * sets or returns the target of this animation
+ * @param o object || number In case of Object it holds all parameters. In case of number its the duration of the animation
+ * @param ease function || string Function which should be used for easing or easing keyword
+ * @param delay Number indicating the delay before the animation starts
+ * @return target || this
+ */
+ animate: function animate(o, ease, delay) {
+ if (_typeof(o) === 'object') {
+ ease = o.ease;
+ delay = o.delay;
+ o = o.duration;
+ }
+
+ var situation = new SVG.Situation({
+ duration: o || 1000,
+ delay: delay || 0,
+ ease: SVG.easing[ease || '-'] || ease
+ });
+ this.queue(situation);
+ return this;
+ },
+
+ /**
+ * sets a delay before the next element of the queue is called
+ * @param delay Duration of delay in milliseconds
+ * @return this.target()
+ */
+ delay: function delay(_delay) {
+ // The delay is performed by an empty situation with its duration
+ // attribute set to the duration of the delay
+ var situation = new SVG.Situation({
+ duration: _delay,
+ delay: 0,
+ ease: SVG.easing['-']
+ });
+ return this.queue(situation);
+ },
+
+ /**
+ * sets or returns the target of this animation
+ * @param null || target SVG.Element which should be set as new target
+ * @return target || this
+ */
+ target: function target(_target) {
+ if (_target && _target instanceof SVG.Element) {
+ this._target = _target;
+ return this;
+ }
+
+ return this._target;
+ },
+ // returns the absolute position at a given time
+ timeToAbsPos: function timeToAbsPos(timestamp) {
+ return (timestamp - this.situation.start) / (this.situation.duration / this._speed);
+ },
+ // returns the timestamp from a given absolute positon
+ absPosToTime: function absPosToTime(absPos) {
+ return this.situation.duration / this._speed * absPos + this.situation.start;
+ },
+ // starts the animationloop
+ startAnimFrame: function startAnimFrame() {
+ this.stopAnimFrame();
+ this.animationFrame = window.requestAnimationFrame(function () {
+ this.step();
+ }.bind(this));
+ },
+ // cancels the animationframe
+ stopAnimFrame: function stopAnimFrame() {
+ window.cancelAnimationFrame(this.animationFrame);
+ },
+ // kicks off the animation - only does something when the queue is currently not active and at least one situation is set
+ start: function start() {
+ // dont start if already started
+ if (!this.active && this.situation) {
+ this.active = true;
+ this.startCurrent();
+ }
+
+ return this;
+ },
+ // start the current situation
+ startCurrent: function startCurrent() {
+ this.situation.start = +new Date() + this.situation.delay / this._speed;
+ this.situation.finish = this.situation.start + this.situation.duration / this._speed;
+ return this.initAnimations().step();
+ },
+
+ /**
+ * adds a function / Situation to the animation queue
+ * @param fn function / situation to add
+ * @return this
+ */
+ queue: function queue(fn) {
+ if (typeof fn === 'function' || fn instanceof SVG.Situation) {
+ this.situations.push(fn);
+ }
+
+ if (!this.situation) this.situation = this.situations.shift();
+ return this;
+ },
+
+ /**
+ * pulls next element from the queue and execute it
+ * @return this
+ */
+ dequeue: function dequeue() {
+ // stop current animation
+ this.stop(); // get next animation from queue
+
+ this.situation = this.situations.shift();
+
+ if (this.situation) {
+ if (this.situation instanceof SVG.Situation) {
+ this.start();
+ } else {
+ // If it is not a SVG.Situation, then it is a function, we execute it
+ this.situation.call(this);
+ }
+ }
+
+ return this;
+ },
+ // updates all animations to the current state of the element
+ // this is important when one property could be changed from another property
+ initAnimations: function initAnimations() {
+ var i, j, source;
+ var s = this.situation;
+ if (s.init) return this;
+
+ for (i in s.animations) {
+ source = this.target()[i]();
+
+ if (!Array.isArray(source)) {
+ source = [source];
+ }
+
+ if (!Array.isArray(s.animations[i])) {
+ s.animations[i] = [s.animations[i]];
+ } // if(s.animations[i].length > source.length) {
+ // source.concat = source.concat(s.animations[i].slice(source.length, s.animations[i].length))
+ // }
+
+
+ for (j = source.length; j--;) {
+ // The condition is because some methods return a normal number instead
+ // of a SVG.Number
+ if (s.animations[i][j] instanceof SVG.Number) {
+ source[j] = new SVG.Number(source[j]);
+ }
+
+ s.animations[i][j] = source[j].morph(s.animations[i][j]);
+ }
+ }
+
+ for (i in s.attrs) {
+ s.attrs[i] = new SVG.MorphObj(this.target().attr(i), s.attrs[i]);
+ }
+
+ for (i in s.styles) {
+ s.styles[i] = new SVG.MorphObj(this.target().style(i), s.styles[i]);
+ }
+
+ s.initialTransformation = this.target().matrixify();
+ s.init = true;
+ return this;
+ },
+ clearQueue: function clearQueue() {
+ this.situations = [];
+ return this;
+ },
+ clearCurrent: function clearCurrent() {
+ this.situation = null;
+ return this;
+ },
+
+ /** stops the animation immediately
+ * @param jumpToEnd A Boolean indicating whether to complete the current animation immediately.
+ * @param clearQueue A Boolean indicating whether to remove queued animation as well.
+ * @return this
+ */
+ stop: function stop(jumpToEnd, clearQueue) {
+ var active = this.active;
+ this.active = false;
+
+ if (clearQueue) {
+ this.clearQueue();
+ }
+
+ if (jumpToEnd && this.situation) {
+ // initialize the situation if it was not
+ !active && this.startCurrent();
+ this.atEnd();
+ }
+
+ this.stopAnimFrame();
+ return this.clearCurrent();
+ },
+
+ /** resets the element to the state where the current element has started
+ * @return this
+ */
+ reset: function reset() {
+ if (this.situation) {
+ var temp = this.situation;
+ this.stop();
+ this.situation = temp;
+ this.atStart();
+ }
+
+ return this;
+ },
+ // Stop the currently-running animation, remove all queued animations, and complete all animations for the element.
+ finish: function finish() {
+ this.stop(true, false);
+
+ while (this.dequeue().situation && this.stop(true, false)) {
+ }
+
+ this.clearQueue().clearCurrent();
+ return this;
+ },
+ // set the internal animation pointer at the start position, before any loops, and updates the visualisation
+ atStart: function atStart() {
+ return this.at(0, true);
+ },
+ // set the internal animation pointer at the end position, after all the loops, and updates the visualisation
+ atEnd: function atEnd() {
+ if (this.situation.loops === true) {
+ // If in a infinite loop, we end the current iteration
+ this.situation.loops = this.situation.loop + 1;
+ }
+
+ if (typeof this.situation.loops === 'number') {
+ // If performing a finite number of loops, we go after all the loops
+ return this.at(this.situation.loops, true);
+ } else {
+ // If no loops, we just go at the end
+ return this.at(1, true);
+ }
+ },
+ // set the internal animation pointer to the specified position and updates the visualisation
+ // if isAbsPos is true, pos is treated as an absolute position
+ at: function at(pos, isAbsPos) {
+ var durDivSpd = this.situation.duration / this._speed;
+ this.absPos = pos; // If pos is not an absolute position, we convert it into one
+
+ if (!isAbsPos) {
+ if (this.situation.reversed) this.absPos = 1 - this.absPos;
+ this.absPos += this.situation.loop;
+ }
+
+ this.situation.start = +new Date() - this.absPos * durDivSpd;
+ this.situation.finish = this.situation.start + durDivSpd;
+ return this.step(true);
+ },
+
+ /**
+ * sets or returns the speed of the animations
+ * @param speed null || Number The new speed of the animations
+ * @return Number || this
+ */
+ speed: function speed(_speed) {
+ if (_speed === 0) return this.pause();
+
+ if (_speed) {
+ this._speed = _speed; // We use an absolute position here so that speed can affect the delay before the animation
+
+ return this.at(this.absPos, true);
+ } else return this._speed;
+ },
+ // Make loopable
+ loop: function loop(times, reverse) {
+ var c = this.last(); // store total loops
+
+ c.loops = times != null ? times : true;
+ c.loop = 0;
+ if (reverse) c.reversing = true;
+ return this;
+ },
+ // pauses the animation
+ pause: function pause() {
+ this.paused = true;
+ this.stopAnimFrame();
+ return this;
+ },
+ // unpause the animation
+ play: function play() {
+ if (!this.paused) return this;
+ this.paused = false; // We use an absolute position here so that the delay before the animation can be paused
+
+ return this.at(this.absPos, true);
+ },
+
+ /**
+ * toggle or set the direction of the animation
+ * true sets direction to backwards while false sets it to forwards
+ * @param reversed Boolean indicating whether to reverse the animation or not (default: toggle the reverse status)
+ * @return this
+ */
+ reverse: function reverse(reversed) {
+ var c = this.last();
+ if (typeof reversed === 'undefined') c.reversed = !c.reversed;else c.reversed = reversed;
+ return this;
+ },
+
+ /**
+ * returns a float from 0-1 indicating the progress of the current animation
+ * @param eased Boolean indicating whether the returned position should be eased or not
+ * @return number
+ */
+ progress: function progress(easeIt) {
+ return easeIt ? this.situation.ease(this.pos) : this.pos;
+ },
+
+ /**
+ * adds a callback function which is called when the current animation is finished
+ * @param fn Function which should be executed as callback
+ * @return number
+ */
+ after: function after(fn) {
+ var c = this.last(),
+ wrapper = function wrapper(e) {
+ if (e.detail.situation == c) {
+ fn.call(this, c);
+ this.off('finished.fx', wrapper); // prevent memory leak
+ }
+ };
+
+ this.target().on('finished.fx', wrapper);
+ return this._callStart();
+ },
+ // adds a callback which is called whenever one animation step is performed
+ during: function during(fn) {
+ var c = this.last(),
+ wrapper = function wrapper(e) {
+ if (e.detail.situation == c) {
+ fn.call(this, e.detail.pos, SVG.morph(e.detail.pos), e.detail.eased, c);
+ }
+ }; // see above
+
+
+ this.target().off('during.fx', wrapper).on('during.fx', wrapper);
+ this.after(function () {
+ this.off('during.fx', wrapper);
+ });
+ return this._callStart();
+ },
+ // calls after ALL animations in the queue are finished
+ afterAll: function afterAll(fn) {
+ var wrapper = function wrapper(e) {
+ fn.call(this);
+ this.off('allfinished.fx', wrapper);
+ }; // see above
+
+
+ this.target().off('allfinished.fx', wrapper).on('allfinished.fx', wrapper);
+ return this._callStart();
+ },
+ // calls on every animation step for all animations
+ duringAll: function duringAll(fn) {
+ var wrapper = function wrapper(e) {
+ fn.call(this, e.detail.pos, SVG.morph(e.detail.pos), e.detail.eased, e.detail.situation);
+ };
+
+ this.target().off('during.fx', wrapper).on('during.fx', wrapper);
+ this.afterAll(function () {
+ this.off('during.fx', wrapper);
+ });
+ return this._callStart();
+ },
+ last: function last() {
+ return this.situations.length ? this.situations[this.situations.length - 1] : this.situation;
+ },
+ // adds one property to the animations
+ add: function add(method, args, type) {
+ this.last()[type || 'animations'][method] = args;
+ return this._callStart();
+ },
+
+ /** perform one step of the animation
+ * @param ignoreTime Boolean indicating whether to ignore time and use position directly or recalculate position based on time
+ * @return this
+ */
+ step: function step(ignoreTime) {
+ // convert current time to an absolute position
+ if (!ignoreTime) this.absPos = this.timeToAbsPos(+new Date()); // This part convert an absolute position to a position
+
+ if (this.situation.loops !== false) {
+ var absPos, absPosInt, lastLoop; // If the absolute position is below 0, we just treat it as if it was 0
+
+ absPos = Math.max(this.absPos, 0);
+ absPosInt = Math.floor(absPos);
+
+ if (this.situation.loops === true || absPosInt < this.situation.loops) {
+ this.pos = absPos - absPosInt;
+ lastLoop = this.situation.loop;
+ this.situation.loop = absPosInt;
+ } else {
+ this.absPos = this.situation.loops;
+ this.pos = 1; // The -1 here is because we don't want to toggle reversed when all the loops have been completed
+
+ lastLoop = this.situation.loop - 1;
+ this.situation.loop = this.situation.loops;
+ }
+
+ if (this.situation.reversing) {
+ // Toggle reversed if an odd number of loops as occured since the last call of step
+ this.situation.reversed = this.situation.reversed != Boolean((this.situation.loop - lastLoop) % 2);
+ }
+ } else {
+ // If there are no loop, the absolute position must not be above 1
+ this.absPos = Math.min(this.absPos, 1);
+ this.pos = this.absPos;
+ } // while the absolute position can be below 0, the position must not be below 0
+
+
+ if (this.pos < 0) this.pos = 0;
+ if (this.situation.reversed) this.pos = 1 - this.pos; // apply easing
+
+ var eased = this.situation.ease(this.pos); // call once-callbacks
+
+ for (var i in this.situation.once) {
+ if (i > this.lastPos && i <= eased) {
+ this.situation.once[i].call(this.target(), this.pos, eased);
+ delete this.situation.once[i];
+ }
+ } // fire during callback with position, eased position and current situation as parameter
+
+
+ if (this.active) this.target().fire('during', {
+ pos: this.pos,
+ eased: eased,
+ fx: this,
+ situation: this.situation
+ }); // the user may call stop or finish in the during callback
+ // so make sure that we still have a valid situation
+
+ if (!this.situation) {
+ return this;
+ } // apply the actual animation to every property
+
+
+ this.eachAt(); // do final code when situation is finished
+
+ if (this.pos == 1 && !this.situation.reversed || this.situation.reversed && this.pos == 0) {
+ // stop animation callback
+ this.stopAnimFrame(); // fire finished callback with current situation as parameter
+
+ this.target().fire('finished', {
+ fx: this,
+ situation: this.situation
+ });
+
+ if (!this.situations.length) {
+ this.target().fire('allfinished'); // Recheck the length since the user may call animate in the afterAll callback
+
+ if (!this.situations.length) {
+ this.target().off('.fx'); // there shouldnt be any binding left, but to make sure...
+
+ this.active = false;
+ }
+ } // start next animation
+
+
+ if (this.active) this.dequeue();else this.clearCurrent();
+ } else if (!this.paused && this.active) {
+ // we continue animating when we are not at the end
+ this.startAnimFrame();
+ } // save last eased position for once callback triggering
+
+
+ this.lastPos = eased;
+ return this;
+ },
+ // calculates the step for every property and calls block with it
+ eachAt: function eachAt() {
+ var i,
+ len,
+ at,
+ self = this,
+ target = this.target(),
+ s = this.situation; // apply animations which can be called trough a method
+
+ for (i in s.animations) {
+ at = [].concat(s.animations[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target[i].apply(target, at);
+ } // apply animation which has to be applied with attr()
+
+
+ for (i in s.attrs) {
+ at = [i].concat(s.attrs[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target.attr.apply(target, at);
+ } // apply animation which has to be applied with style()
+
+
+ for (i in s.styles) {
+ at = [i].concat(s.styles[i]).map(function (el) {
+ return typeof el !== 'string' && el.at ? el.at(s.ease(self.pos), self.pos) : el;
+ });
+ target.style.apply(target, at);
+ } // animate initialTransformation which has to be chained
+
+
+ if (s.transforms.length) {
+ // get initial initialTransformation
+ at = s.initialTransformation;
+
+ for (i = 0, len = s.transforms.length; i < len; i++) {
+ // get next transformation in chain
+ var a = s.transforms[i]; // multiply matrix directly
+
+ if (a instanceof SVG.Matrix) {
+ if (a.relative) {
+ at = at.multiply(new SVG.Matrix().morph(a).at(s.ease(this.pos)));
+ } else {
+ at = at.morph(a).at(s.ease(this.pos));
+ }
+
+ continue;
+ } // when transformation is absolute we have to reset the needed transformation first
+
+
+ if (!a.relative) {
+ a.undo(at.extract());
+ } // and reapply it after
+
+
+ at = at.multiply(a.at(s.ease(this.pos)));
+ } // set new matrix on element
+
+
+ target.matrix(at);
+ }
+
+ return this;
+ },
+ // adds an once-callback which is called at a specific position and never again
+ once: function once(pos, fn, isEased) {
+ var c = this.last();
+ if (!isEased) pos = c.ease(pos);
+ c.once[pos] = fn;
+ return this;
+ },
+ _callStart: function _callStart() {
+ setTimeout(function () {
+ this.start();
+ }.bind(this), 0);
+ return this;
+ }
+ },
+ parent: SVG.Element,
+ // Add method to parent elements
+ construct: {
+ // Get fx module or create a new one, then animate with given duration and ease
+ animate: function animate(o, ease, delay) {
+ return (this.fx || (this.fx = new SVG.FX(this))).animate(o, ease, delay);
+ },
+ delay: function delay(_delay2) {
+ return (this.fx || (this.fx = new SVG.FX(this))).delay(_delay2);
+ },
+ stop: function stop(jumpToEnd, clearQueue) {
+ if (this.fx) {
+ this.fx.stop(jumpToEnd, clearQueue);
+ }
+
+ return this;
+ },
+ finish: function finish() {
+ if (this.fx) {
+ this.fx.finish();
+ }
+
+ return this;
+ },
+ // Pause current animation
+ pause: function pause() {
+ if (this.fx) {
+ this.fx.pause();
+ }
+
+ return this;
+ },
+ // Play paused current animation
+ play: function play() {
+ if (this.fx) {
+ this.fx.play();
+ }
+
+ return this;
+ },
+ // Set/Get the speed of the animations
+ speed: function speed(_speed2) {
+ if (this.fx) {
+ if (_speed2 == null) {
+ return this.fx.speed();
+ } else {
+ this.fx.speed(_speed2);
+ }
+ }
+
+ return this;
+ }
+ }
+ }); // MorphObj is used whenever no morphable object is given
+
+ SVG.MorphObj = SVG.invent({
+ create: function create(from, to) {
+ // prepare color for morphing
+ if (SVG.Color.isColor(to)) return new SVG.Color(from).morph(to); // check if we have a list of values
+
+ if (SVG.regex.delimiter.test(from)) {
+ // prepare path for morphing
+ if (SVG.regex.pathLetters.test(from)) return new SVG.PathArray(from).morph(to); // prepare value list for morphing
+ else return new SVG.Array(from).morph(to);
+ } // prepare number for morphing
+
+
+ if (SVG.regex.numberAndUnit.test(to)) return new SVG.Number(from).morph(to); // prepare for plain morphing
+
+ this.value = from;
+ this.destination = to;
+ },
+ extend: {
+ at: function at(pos, real) {
+ return real < 1 ? this.value : this.destination;
+ },
+ valueOf: function valueOf() {
+ return this.value;
+ }
+ }
+ });
+ SVG.extend(SVG.FX, {
+ // Add animatable attributes
+ attr: function attr(a, v, relative) {
+ // apply attributes individually
+ if (_typeof(a) === 'object') {
+ for (var key in a) {
+ this.attr(key, a[key]);
+ }
+ } else {
+ this.add(a, v, 'attrs');
+ }
+
+ return this;
+ },
+ // Add animatable styles
+ style: function style(s, v) {
+ if (_typeof(s) === 'object') {
+ for (var key in s) {
+ this.style(key, s[key]);
+ }
+ } else {
+ this.add(s, v, 'styles');
+ }
+
+ return this;
+ },
+ // Animatable x-axis
+ x: function x(_x2, relative) {
+ if (this.target() instanceof SVG.G) {
+ this.transform({
+ x: _x2
+ }, relative);
+ return this;
+ }
+
+ var num = new SVG.Number(_x2);
+ num.relative = relative;
+ return this.add('x', num);
+ },
+ // Animatable y-axis
+ y: function y(_y2, relative) {
+ if (this.target() instanceof SVG.G) {
+ this.transform({
+ y: _y2
+ }, relative);
+ return this;
+ }
+
+ var num = new SVG.Number(_y2);
+ num.relative = relative;
+ return this.add('y', num);
+ },
+ // Animatable center x-axis
+ cx: function cx(x) {
+ return this.add('cx', new SVG.Number(x));
+ },
+ // Animatable center y-axis
+ cy: function cy(y) {
+ return this.add('cy', new SVG.Number(y));
+ },
+ // Add animatable move
+ move: function move(x, y) {
+ return this.x(x).y(y);
+ },
+ // Add animatable center
+ center: function center(x, y) {
+ return this.cx(x).cy(y);
+ },
+ // Add animatable size
+ size: function size(width, height) {
+ if (this.target() instanceof SVG.Text) {
+ // animate font size for Text elements
+ this.attr('font-size', width);
+ } else {
+ // animate bbox based size for all other elements
+ var box;
+
+ if (!width || !height) {
+ box = this.target().bbox();
+ }
+
+ if (!width) {
+ width = box.width / box.height * height;
+ }
+
+ if (!height) {
+ height = box.height / box.width * width;
+ }
+
+ this.add('width', new SVG.Number(width)).add('height', new SVG.Number(height));
+ }
+
+ return this;
+ },
+ // Add animatable width
+ width: function width(_width2) {
+ return this.add('width', new SVG.Number(_width2));
+ },
+ // Add animatable height
+ height: function height(_height2) {
+ return this.add('height', new SVG.Number(_height2));
+ },
+ // Add animatable plot
+ plot: function plot(a, b, c, d) {
+ // Lines can be plotted with 4 arguments
+ if (arguments.length == 4) {
+ return this.plot([a, b, c, d]);
+ }
+
+ return this.add('plot', new (this.target().morphArray)(a));
+ },
+ // Add leading method
+ leading: function leading(value) {
+ return this.target().leading ? this.add('leading', new SVG.Number(value)) : this;
+ },
+ // Add animatable viewbox
+ viewbox: function viewbox(x, y, width, height) {
+ if (this.target() instanceof SVG.Container) {
+ this.add('viewbox', new SVG.ViewBox(x, y, width, height));
+ }
+
+ return this;
+ },
+ update: function update(o) {
+ if (this.target() instanceof SVG.Stop) {
+ if (typeof o === 'number' || o instanceof SVG.Number) {
+ return this.update({
+ offset: arguments[0],
+ color: arguments[1],
+ opacity: arguments[2]
+ });
+ }
+
+ if (o.opacity != null) this.attr('stop-opacity', o.opacity);
+ if (o.color != null) this.attr('stop-color', o.color);
+ if (o.offset != null) this.attr('offset', o.offset);
+ }
+
+ return this;
+ }
+ });
+ SVG.Box = SVG.invent({
+ create: function create(x, y, width, height) {
+ if (_typeof(x) === 'object' && !(x instanceof SVG.Element)) {
+ // chromes getBoundingClientRect has no x and y property
+ return SVG.Box.call(this, x.left != null ? x.left : x.x, x.top != null ? x.top : x.y, x.width, x.height);
+ } else if (arguments.length == 4) {
+ this.x = x;
+ this.y = y;
+ this.width = width;
+ this.height = height;
+ } // add center, right, bottom...
+
+
+ fullBox(this);
+ },
+ extend: {
+ // Merge rect box with another, return a new instance
+ merge: function merge(box) {
+ var b = new this.constructor(); // merge boxes
+
+ b.x = Math.min(this.x, box.x);
+ b.y = Math.min(this.y, box.y);
+ b.width = Math.max(this.x + this.width, box.x + box.width) - b.x;
+ b.height = Math.max(this.y + this.height, box.y + box.height) - b.y;
+ return fullBox(b);
+ },
+ transform: function transform(m) {
+ var xMin = Infinity,
+ xMax = -Infinity,
+ yMin = Infinity,
+ yMax = -Infinity,
+ bbox;
+ var pts = [new SVG.Point(this.x, this.y), new SVG.Point(this.x2, this.y), new SVG.Point(this.x, this.y2), new SVG.Point(this.x2, this.y2)];
+ pts.forEach(function (p) {
+ p = p.transform(m);
+ xMin = Math.min(xMin, p.x);
+ xMax = Math.max(xMax, p.x);
+ yMin = Math.min(yMin, p.y);
+ yMax = Math.max(yMax, p.y);
+ });
+ bbox = new this.constructor();
+ bbox.x = xMin;
+ bbox.width = xMax - xMin;
+ bbox.y = yMin;
+ bbox.height = yMax - yMin;
+ fullBox(bbox);
+ return bbox;
+ }
+ }
+ });
+ SVG.BBox = SVG.invent({
+ // Initialize
+ create: function create(element) {
+ SVG.Box.apply(this, [].slice.call(arguments)); // get values if element is given
+
+ if (element instanceof SVG.Element) {
+ var box; // yes this is ugly, but Firefox can be a pain when it comes to elements that are not yet rendered
+
+ try {
+ if (!document.documentElement.contains) {
+ // This is IE - it does not support contains() for top-level SVGs
+ var topParent = element.node;
+
+ while (topParent.parentNode) {
+ topParent = topParent.parentNode;
+ }
+
+ if (topParent != document) throw new Error('Element not in the dom');
+ } // the element is NOT in the dom, throw error
+ // disabling the check below which fixes issue #76
+ // if (!document.documentElement.contains(element.node)) throw new Exception('Element not in the dom')
+ // find native bbox
+
+
+ box = element.node.getBBox();
+ } catch (e) {
+ if (element instanceof SVG.Shape) {
+ if (!SVG.parser.draw) {
+ // fixes apexcharts/vue-apexcharts #14
+ SVG.prepare();
+ }
+
+ var clone = element.clone(SVG.parser.draw.instance).show();
+ box = clone.node.getBBox();
+ clone.remove();
+ } else {
+ box = {
+ x: element.node.clientLeft,
+ y: element.node.clientTop,
+ width: element.node.clientWidth,
+ height: element.node.clientHeight
+ };
+ }
+ }
+
+ SVG.Box.call(this, box);
+ }
+ },
+ // Define ancestor
+ inherit: SVG.Box,
+ // Define Parent
+ parent: SVG.Element,
+ // Constructor
+ construct: {
+ // Get bounding box
+ bbox: function bbox() {
+ return new SVG.BBox(this);
+ }
+ }
+ });
+ SVG.BBox.prototype.constructor = SVG.BBox;
+ SVG.extend(SVG.Element, {
+ tbox: function tbox() {
+ console.warn('Use of TBox is deprecated and mapped to RBox. Use .rbox() instead.');
+ return this.rbox(this.doc());
+ }
+ });
+ SVG.RBox = SVG.invent({
+ // Initialize
+ create: function create(element) {
+ SVG.Box.apply(this, [].slice.call(arguments));
+
+ if (element instanceof SVG.Element) {
+ SVG.Box.call(this, element.node.getBoundingClientRect());
+ }
+ },
+ inherit: SVG.Box,
+ // define Parent
+ parent: SVG.Element,
+ extend: {
+ addOffset: function addOffset() {
+ // offset by window scroll position, because getBoundingClientRect changes when window is scrolled
+ this.x += window.pageXOffset;
+ this.y += window.pageYOffset;
+ return this;
+ }
+ },
+ // Constructor
+ construct: {
+ // Get rect box
+ rbox: function rbox(el) {
+ if (el) return new SVG.RBox(this).transform(el.screenCTM().inverse());
+ return new SVG.RBox(this).addOffset();
+ }
+ }
+ });
+ SVG.RBox.prototype.constructor = SVG.RBox;
+ SVG.Matrix = SVG.invent({
+ // Initialize
+ create: function create(source) {
+ var i,
+ base = arrayToMatrix([1, 0, 0, 1, 0, 0]); // ensure source as object
+
+ source = source instanceof SVG.Element ? source.matrixify() : typeof source === 'string' ? arrayToMatrix(source.split(SVG.regex.delimiter).map(parseFloat)) : arguments.length == 6 ? arrayToMatrix([].slice.call(arguments)) : Array.isArray(source) ? arrayToMatrix(source) : _typeof(source) === 'object' ? source : base; // merge source
+
+ for (i = abcdef.length - 1; i >= 0; --i) {
+ this[abcdef[i]] = source[abcdef[i]] != null ? source[abcdef[i]] : base[abcdef[i]];
+ }
+ },
+ // Add methods
+ extend: {
+ // Extract individual transformations
+ extract: function extract() {
+ // find delta transform points
+ var px = deltaTransformPoint(this, 0, 1),
+ py = deltaTransformPoint(this, 1, 0),
+ skewX = 180 / Math.PI * Math.atan2(px.y, px.x) - 90;
+ return {
+ // translation
+ x: this.e,
+ y: this.f,
+ transformedX: (this.e * Math.cos(skewX * Math.PI / 180) + this.f * Math.sin(skewX * Math.PI / 180)) / Math.sqrt(this.a * this.a + this.b * this.b),
+ transformedY: (this.f * Math.cos(skewX * Math.PI / 180) + this.e * Math.sin(-skewX * Math.PI / 180)) / Math.sqrt(this.c * this.c + this.d * this.d),
+ // skew
+ skewX: -skewX,
+ skewY: 180 / Math.PI * Math.atan2(py.y, py.x),
+ // scale
+ scaleX: Math.sqrt(this.a * this.a + this.b * this.b),
+ scaleY: Math.sqrt(this.c * this.c + this.d * this.d),
+ // rotation
+ rotation: skewX,
+ a: this.a,
+ b: this.b,
+ c: this.c,
+ d: this.d,
+ e: this.e,
+ f: this.f,
+ matrix: new SVG.Matrix(this)
+ };
+ },
+ // Clone matrix
+ clone: function clone() {
+ return new SVG.Matrix(this);
+ },
+ // Morph one matrix into another
+ morph: function morph(matrix) {
+ // store new destination
+ this.destination = new SVG.Matrix(matrix);
+ return this;
+ },
+ // Get morphed matrix at a given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // calculate morphed matrix at a given position
+
+ var matrix = new SVG.Matrix({
+ a: this.a + (this.destination.a - this.a) * pos,
+ b: this.b + (this.destination.b - this.b) * pos,
+ c: this.c + (this.destination.c - this.c) * pos,
+ d: this.d + (this.destination.d - this.d) * pos,
+ e: this.e + (this.destination.e - this.e) * pos,
+ f: this.f + (this.destination.f - this.f) * pos
+ });
+ return matrix;
+ },
+ // Multiplies by given matrix
+ multiply: function multiply(matrix) {
+ return new SVG.Matrix(this.native().multiply(parseMatrix(matrix).native()));
+ },
+ // Inverses matrix
+ inverse: function inverse() {
+ return new SVG.Matrix(this.native().inverse());
+ },
+ // Translate matrix
+ translate: function translate(x, y) {
+ return new SVG.Matrix(this.native().translate(x || 0, y || 0));
+ },
+ // Scale matrix
+ scale: function scale(x, y, cx, cy) {
+ // support uniformal scale
+ if (arguments.length == 1) {
+ y = x;
+ } else if (arguments.length == 3) {
+ cy = cx;
+ cx = y;
+ y = x;
+ }
+
+ return this.around(cx, cy, new SVG.Matrix(x, 0, 0, y, 0, 0));
+ },
+ // Rotate matrix
+ rotate: function rotate(r, cx, cy) {
+ // convert degrees to radians
+ r = SVG.utils.radians(r);
+ return this.around(cx, cy, new SVG.Matrix(Math.cos(r), Math.sin(r), -Math.sin(r), Math.cos(r), 0, 0));
+ },
+ // Flip matrix on x or y, at a given offset
+ flip: function flip(a, o) {
+ return a == 'x' ? this.scale(-1, 1, o, 0) : a == 'y' ? this.scale(1, -1, 0, o) : this.scale(-1, -1, a, o != null ? o : a);
+ },
+ // Skew
+ skew: function skew(x, y, cx, cy) {
+ // support uniformal skew
+ if (arguments.length == 1) {
+ y = x;
+ } else if (arguments.length == 3) {
+ cy = cx;
+ cx = y;
+ y = x;
+ } // convert degrees to radians
+
+
+ x = SVG.utils.radians(x);
+ y = SVG.utils.radians(y);
+ return this.around(cx, cy, new SVG.Matrix(1, Math.tan(y), Math.tan(x), 1, 0, 0));
+ },
+ // SkewX
+ skewX: function skewX(x, cx, cy) {
+ return this.skew(x, 0, cx, cy);
+ },
+ // SkewY
+ skewY: function skewY(y, cx, cy) {
+ return this.skew(0, y, cx, cy);
+ },
+ // Transform around a center point
+ around: function around(cx, cy, matrix) {
+ return this.multiply(new SVG.Matrix(1, 0, 0, 1, cx || 0, cy || 0)).multiply(matrix).multiply(new SVG.Matrix(1, 0, 0, 1, -cx || 0, -cy || 0));
+ },
+ // Convert to native SVGMatrix
+ native: function native() {
+ // create new matrix
+ var matrix = SVG.parser.native.createSVGMatrix(); // update with current values
+
+ for (var i = abcdef.length - 1; i >= 0; i--) {
+ matrix[abcdef[i]] = this[abcdef[i]];
+ }
+
+ return matrix;
+ },
+ // Convert matrix to string
+ toString: function toString() {
+ // Construct the matrix directly, avoid values that are too small
+ return 'matrix(' + float32String(this.a) + ',' + float32String(this.b) + ',' + float32String(this.c) + ',' + float32String(this.d) + ',' + float32String(this.e) + ',' + float32String(this.f) + ')';
+ }
+ },
+ // Define parent
+ parent: SVG.Element,
+ // Add parent method
+ construct: {
+ // Get current matrix
+ ctm: function ctm() {
+ return new SVG.Matrix(this.node.getCTM());
+ },
+ // Get current screen matrix
+ screenCTM: function screenCTM() {
+ /* https://bugzilla.mozilla.org/show_bug.cgi?id=1344537
+ This is needed because FF does not return the transformation matrix
+ for the inner coordinate system when getScreenCTM() is called on nested svgs.
+ However all other Browsers do that */
+ if (this instanceof SVG.Nested) {
+ var rect = this.rect(1, 1);
+ var m = rect.node.getScreenCTM();
+ rect.remove();
+ return new SVG.Matrix(m);
+ }
+
+ return new SVG.Matrix(this.node.getScreenCTM());
+ }
+ }
+ });
+ SVG.Point = SVG.invent({
+ // Initialize
+ create: function create(x, y) {
+ var source,
+ base = {
+ x: 0,
+ y: 0 // ensure source as object
+
+ };
+ source = Array.isArray(x) ? {
+ x: x[0],
+ y: x[1]
+ } : _typeof(x) === 'object' ? {
+ x: x.x,
+ y: x.y
+ } : x != null ? {
+ x: x,
+ y: y != null ? y : x
+ } : base; // If y has no value, then x is used has its value
+ // merge source
+
+ this.x = source.x;
+ this.y = source.y;
+ },
+ // Add methods
+ extend: {
+ // Clone point
+ clone: function clone() {
+ return new SVG.Point(this);
+ },
+ // Morph one point into another
+ morph: function morph(x, y) {
+ // store new destination
+ this.destination = new SVG.Point(x, y);
+ return this;
+ },
+ // Get morphed point at a given position
+ at: function at(pos) {
+ // make sure a destination is defined
+ if (!this.destination) return this; // calculate morphed matrix at a given position
+
+ var point = new SVG.Point({
+ x: this.x + (this.destination.x - this.x) * pos,
+ y: this.y + (this.destination.y - this.y) * pos
+ });
+ return point;
+ },
+ // Convert to native SVGPoint
+ native: function native() {
+ // create new point
+ var point = SVG.parser.native.createSVGPoint(); // update with current values
+
+ point.x = this.x;
+ point.y = this.y;
+ return point;
+ },
+ // transform point with matrix
+ transform: function transform(matrix) {
+ return new SVG.Point(this.native().matrixTransform(matrix.native()));
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Get point
+ point: function point(x, y) {
+ return new SVG.Point(x, y).transform(this.screenCTM().inverse());
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Set svg element attribute
+ attr: function attr(a, v, n) {
+ // act as full getter
+ if (a == null) {
+ // get an object of attributes
+ a = {};
+ v = this.node.attributes;
+
+ for (n = v.length - 1; n >= 0; n--) {
+ a[v[n].nodeName] = SVG.regex.isNumber.test(v[n].nodeValue) ? parseFloat(v[n].nodeValue) : v[n].nodeValue;
+ }
+
+ return a;
+ } else if (_typeof(a) === 'object') {
+ // apply every attribute individually if an object is passed
+ for (v in a) {
+ this.attr(v, a[v]);
+ }
+ } else if (v === null) {
+ // remove value
+ this.node.removeAttribute(a);
+ } else if (v == null) {
+ // act as a getter if the first and only argument is not an object
+ v = this.node.getAttribute(a);
+ return v == null ? SVG.defaults.attrs[a] : SVG.regex.isNumber.test(v) ? parseFloat(v) : v;
+ } else {
+ // BUG FIX: some browsers will render a stroke if a color is given even though stroke width is 0
+ if (a == 'stroke-width') {
+ this.attr('stroke', parseFloat(v) > 0 ? this._stroke : null);
+ } else if (a == 'stroke') {
+ this._stroke = v;
+ } // convert image fill and stroke to patterns
+
+
+ if (a == 'fill' || a == 'stroke') {
+ if (SVG.regex.isImage.test(v)) {
+ v = this.doc().defs().image(v, 0, 0);
+ }
+
+ if (v instanceof SVG.Image) {
+ v = this.doc().defs().pattern(0, 0, function () {
+ this.add(v);
+ });
+ }
+ } // ensure correct numeric values (also accepts NaN and Infinity)
+
+
+ if (typeof v === 'number') {
+ v = new SVG.Number(v);
+ } // ensure full hex color
+ else if (SVG.Color.isColor(v)) {
+ v = new SVG.Color(v);
+ } // parse array values
+ else if (Array.isArray(v)) {
+ v = new SVG.Array(v);
+ } // if the passed attribute is leading...
+
+
+ if (a == 'leading') {
+ // ... call the leading method instead
+ if (this.leading) {
+ this.leading(v);
+ }
+ } else {
+ // set given attribute on node
+ typeof n === 'string' ? this.node.setAttributeNS(n, a, v.toString()) : this.node.setAttribute(a, v.toString());
+ } // rebuild if required
+
+
+ if (this.rebuild && (a == 'font-size' || a == 'x')) {
+ this.rebuild(a, v);
+ }
+ }
+
+ return this;
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Add transformations
+ transform: function transform(o, relative) {
+ // get target in case of the fx module, otherwise reference this
+ var target = this,
+ matrix,
+ bbox; // act as a getter
+
+ if (_typeof(o) !== 'object') {
+ // get current matrix
+ matrix = new SVG.Matrix(target).extract();
+ return typeof o === 'string' ? matrix[o] : matrix;
+ } // get current matrix
+
+
+ matrix = new SVG.Matrix(target); // ensure relative flag
+
+ relative = !!relative || !!o.relative; // act on matrix
+
+ if (o.a != null) {
+ matrix = relative // relative
+ ? matrix.multiply(new SVG.Matrix(o)) // absolute
+ : new SVG.Matrix(o); // act on rotation
+ } else if (o.rotation != null) {
+ // ensure centre point
+ ensureCentre(o, target); // apply transformation
+
+ matrix = relative // relative
+ ? matrix.rotate(o.rotation, o.cx, o.cy) // absolute
+ : matrix.rotate(o.rotation - matrix.extract().rotation, o.cx, o.cy); // act on scale
+ } else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure scale values on both axes
+
+ o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1;
+ o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1;
+
+ if (!relative) {
+ // absolute; multiply inversed values
+ var e = matrix.extract();
+ o.scaleX = o.scaleX * 1 / e.scaleX;
+ o.scaleY = o.scaleY * 1 / e.scaleY;
+ }
+
+ matrix = matrix.scale(o.scaleX, o.scaleY, o.cx, o.cy); // act on skew
+ } else if (o.skew != null || o.skewX != null || o.skewY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure skew values on both axes
+
+ o.skewX = o.skew != null ? o.skew : o.skewX != null ? o.skewX : 0;
+ o.skewY = o.skew != null ? o.skew : o.skewY != null ? o.skewY : 0;
+
+ if (!relative) {
+ // absolute; reset skew values
+ var e = matrix.extract();
+ matrix = matrix.multiply(new SVG.Matrix().skew(e.skewX, e.skewY, o.cx, o.cy).inverse());
+ }
+
+ matrix = matrix.skew(o.skewX, o.skewY, o.cx, o.cy); // act on flip
+ } else if (o.flip) {
+ if (o.flip == 'x' || o.flip == 'y') {
+ o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset;
+ } else {
+ if (o.offset == null) {
+ bbox = target.bbox();
+ o.flip = bbox.cx;
+ o.offset = bbox.cy;
+ } else {
+ o.flip = o.offset;
+ }
+ }
+
+ matrix = new SVG.Matrix().flip(o.flip, o.offset); // act on translate
+ } else if (o.x != null || o.y != null) {
+ if (relative) {
+ // relative
+ matrix = matrix.translate(o.x, o.y);
+ } else {
+ // absolute
+ if (o.x != null) matrix.e = o.x;
+ if (o.y != null) matrix.f = o.y;
+ }
+ }
+
+ return this.attr('transform', matrix);
+ }
+ });
+ SVG.extend(SVG.FX, {
+ transform: function transform(o, relative) {
+ // get target in case of the fx module, otherwise reference this
+ var target = this.target(),
+ matrix,
+ bbox; // act as a getter
+
+ if (_typeof(o) !== 'object') {
+ // get current matrix
+ matrix = new SVG.Matrix(target).extract();
+ return typeof o === 'string' ? matrix[o] : matrix;
+ } // ensure relative flag
+
+
+ relative = !!relative || !!o.relative; // act on matrix
+
+ if (o.a != null) {
+ matrix = new SVG.Matrix(o); // act on rotation
+ } else if (o.rotation != null) {
+ // ensure centre point
+ ensureCentre(o, target); // apply transformation
+
+ matrix = new SVG.Rotate(o.rotation, o.cx, o.cy); // act on scale
+ } else if (o.scale != null || o.scaleX != null || o.scaleY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure scale values on both axes
+
+ o.scaleX = o.scale != null ? o.scale : o.scaleX != null ? o.scaleX : 1;
+ o.scaleY = o.scale != null ? o.scale : o.scaleY != null ? o.scaleY : 1;
+ matrix = new SVG.Scale(o.scaleX, o.scaleY, o.cx, o.cy); // act on skew
+ } else if (o.skewX != null || o.skewY != null) {
+ // ensure centre point
+ ensureCentre(o, target); // ensure skew values on both axes
+
+ o.skewX = o.skewX != null ? o.skewX : 0;
+ o.skewY = o.skewY != null ? o.skewY : 0;
+ matrix = new SVG.Skew(o.skewX, o.skewY, o.cx, o.cy); // act on flip
+ } else if (o.flip) {
+ if (o.flip == 'x' || o.flip == 'y') {
+ o.offset = o.offset == null ? target.bbox()['c' + o.flip] : o.offset;
+ } else {
+ if (o.offset == null) {
+ bbox = target.bbox();
+ o.flip = bbox.cx;
+ o.offset = bbox.cy;
+ } else {
+ o.flip = o.offset;
+ }
+ }
+
+ matrix = new SVG.Matrix().flip(o.flip, o.offset); // act on translate
+ } else if (o.x != null || o.y != null) {
+ matrix = new SVG.Translate(o.x, o.y);
+ }
+
+ if (!matrix) return this;
+ matrix.relative = relative;
+ this.last().transforms.push(matrix);
+ return this._callStart();
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Reset all transformations
+ untransform: function untransform() {
+ return this.attr('transform', null);
+ },
+ // merge the whole transformation chain into one matrix and returns it
+ matrixify: function matrixify() {
+ var matrix = (this.attr('transform') || ''). // split transformations
+ split(SVG.regex.transforms).slice(0, -1).map(function (str) {
+ // generate key => value pairs
+ var kv = str.trim().split('(');
+ return [kv[0], kv[1].split(SVG.regex.delimiter).map(function (str) {
+ return parseFloat(str);
+ })];
+ }) // merge every transformation into one matrix
+ .reduce(function (matrix, transform) {
+ if (transform[0] == 'matrix') return matrix.multiply(arrayToMatrix(transform[1]));
+ return matrix[transform[0]].apply(matrix, transform[1]);
+ }, new SVG.Matrix());
+ return matrix;
+ },
+ // add an element to another parent without changing the visual representation on the screen
+ toParent: function toParent(parent) {
+ if (this == parent) return this;
+ var ctm = this.screenCTM();
+ var pCtm = parent.screenCTM().inverse();
+ this.addTo(parent).untransform().transform(pCtm.multiply(ctm));
+ return this;
+ },
+ // same as above with parent equals root-svg
+ toDoc: function toDoc() {
+ return this.toParent(this.doc());
+ }
+ });
+ SVG.Transformation = SVG.invent({
+ create: function create(source, inversed) {
+ if (arguments.length > 1 && typeof inversed !== 'boolean') {
+ return this.constructor.call(this, [].slice.call(arguments));
+ }
+
+ if (Array.isArray(source)) {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ this[this.arguments[i]] = source[i];
+ }
+ } else if (_typeof(source) === 'object') {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ this[this.arguments[i]] = source[this.arguments[i]];
+ }
+ }
+
+ this.inversed = false;
+
+ if (inversed === true) {
+ this.inversed = true;
+ }
+ },
+ extend: {
+ arguments: [],
+ method: '',
+ at: function at(pos) {
+ var params = [];
+
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ params.push(this[this.arguments[i]]);
+ }
+
+ var m = this._undo || new SVG.Matrix();
+ m = new SVG.Matrix().morph(SVG.Matrix.prototype[this.method].apply(m, params)).at(pos);
+ return this.inversed ? m.inverse() : m;
+ },
+ undo: function undo(o) {
+ for (var i = 0, len = this.arguments.length; i < len; ++i) {
+ o[this.arguments[i]] = typeof this[this.arguments[i]] === 'undefined' ? 0 : o[this.arguments[i]];
+ } // The method SVG.Matrix.extract which was used before calling this
+ // method to obtain a value for the parameter o doesn't return a cx and
+ // a cy so we use the ones that were provided to this object at its creation
+
+
+ o.cx = this.cx;
+ o.cy = this.cy;
+ this._undo = new SVG[capitalize(this.method)](o, true).at(1);
+ return this;
+ }
+ }
+ });
+ SVG.Translate = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['transformedX', 'transformedY'],
+ method: 'translate'
+ }
+ });
+ SVG.Rotate = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['rotation', 'cx', 'cy'],
+ method: 'rotate',
+ at: function at(pos) {
+ var m = new SVG.Matrix().rotate(new SVG.Number().morph(this.rotation - (this._undo ? this._undo.rotation : 0)).at(pos), this.cx, this.cy);
+ return this.inversed ? m.inverse() : m;
+ },
+ undo: function undo(o) {
+ this._undo = o;
+ return this;
+ }
+ }
+ });
+ SVG.Scale = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['scaleX', 'scaleY', 'cx', 'cy'],
+ method: 'scale'
+ }
+ });
+ SVG.Skew = SVG.invent({
+ parent: SVG.Matrix,
+ inherit: SVG.Transformation,
+ create: function create(source, inversed) {
+ this.constructor.apply(this, [].slice.call(arguments));
+ },
+ extend: {
+ arguments: ['skewX', 'skewY', 'cx', 'cy'],
+ method: 'skew'
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Dynamic style generator
+ style: function style(s, v) {
+ if (arguments.length == 0) {
+ // get full style
+ return this.node.style.cssText || '';
+ } else if (arguments.length < 2) {
+ // apply every style individually if an object is passed
+ if (_typeof(s) === 'object') {
+ for (v in s) {
+ this.style(v, s[v]);
+ }
+ } else if (SVG.regex.isCss.test(s)) {
+ // parse css string
+ s = s.split(/\s*;\s*/) // filter out suffix ; and stuff like ;;
+ .filter(function (e) {
+ return !!e;
+ }).map(function (e) {
+ return e.split(/\s*:\s*/);
+ }); // apply every definition individually
+
+ while (v = s.pop()) {
+ this.style(v[0], v[1]);
+ }
+ } else {
+ // act as a getter if the first and only argument is not an object
+ return this.node.style[camelCase(s)];
+ }
+ } else {
+ this.node.style[camelCase(s)] = v === null || SVG.regex.isBlank.test(v) ? '' : v;
+ }
+
+ return this;
+ }
+ });
+ SVG.Parent = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Element,
+ // Add class methods
+ extend: {
+ // Returns all child elements
+ children: function children() {
+ return SVG.utils.map(SVG.utils.filterSVGElements(this.node.childNodes), function (node) {
+ return SVG.adopt(node);
+ });
+ },
+ // Add given element at a position
+ add: function add(element, i) {
+ if (i == null) {
+ this.node.appendChild(element.node);
+ } else if (element.node != this.node.childNodes[i]) {
+ this.node.insertBefore(element.node, this.node.childNodes[i]);
+ }
+
+ return this;
+ },
+ // Basically does the same as `add()` but returns the added element instead
+ put: function put(element, i) {
+ this.add(element, i);
+ return element;
+ },
+ // Checks if the given element is a child
+ has: function has(element) {
+ return this.index(element) >= 0;
+ },
+ // Gets index of given element
+ index: function index(element) {
+ return [].slice.call(this.node.childNodes).indexOf(element.node);
+ },
+ // Get a element at the given index
+ get: function get(i) {
+ return SVG.adopt(this.node.childNodes[i]);
+ },
+ // Get first child
+ first: function first() {
+ return this.get(0);
+ },
+ // Get the last child
+ last: function last() {
+ return this.get(this.node.childNodes.length - 1);
+ },
+ // Iterates over all children and invokes a given block
+ each: function each(block, deep) {
+ var i,
+ il,
+ children = this.children();
+
+ for (i = 0, il = children.length; i < il; i++) {
+ if (children[i] instanceof SVG.Element) {
+ block.apply(children[i], [i, children]);
+ }
+
+ if (deep && children[i] instanceof SVG.Container) {
+ children[i].each(block, deep);
+ }
+ }
+
+ return this;
+ },
+ // Remove a given child
+ removeElement: function removeElement(element) {
+ this.node.removeChild(element.node);
+ return this;
+ },
+ // Remove all elements in this container
+ clear: function clear() {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // remove defs reference
+
+
+ delete this._defs;
+ return this;
+ },
+ // Get defs
+ defs: function defs() {
+ return this.doc().defs();
+ }
+ }
+ });
+ SVG.extend(SVG.Parent, {
+ ungroup: function ungroup(parent, depth) {
+ if (depth === 0 || this instanceof SVG.Defs || this.node == SVG.parser.draw) return this;
+ parent = parent || (this instanceof SVG.Doc ? this : this.parent(SVG.Parent));
+ depth = depth || Infinity;
+ this.each(function () {
+ if (this instanceof SVG.Defs) return this;
+ if (this instanceof SVG.Parent) return this.ungroup(parent, depth - 1);
+ return this.toParent(parent);
+ });
+ this.node.firstChild || this.remove();
+ return this;
+ },
+ flatten: function flatten(parent, depth) {
+ return this.ungroup(parent, depth);
+ }
+ });
+ SVG.Container = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Parent
+ });
+ SVG.ViewBox = SVG.invent({
+ create: function create(source) {
+ var base = [0, 0, 0, 0];
+ var x,
+ y,
+ width,
+ height,
+ box,
+ view,
+ we,
+ he,
+ wm = 1,
+ // width multiplier
+ hm = 1,
+ // height multiplier
+ reg = /[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/gi;
+
+ if (source instanceof SVG.Element) {
+ we = source;
+ he = source;
+ view = (source.attr('viewBox') || '').match(reg);
+ box = source.bbox; // get dimensions of current node
+
+ width = new SVG.Number(source.width());
+ height = new SVG.Number(source.height()); // find nearest non-percentual dimensions
+
+ while (width.unit == '%') {
+ wm *= width.value;
+ width = new SVG.Number(we instanceof SVG.Doc ? we.parent().offsetWidth : we.parent().width());
+ we = we.parent();
+ }
+
+ while (height.unit == '%') {
+ hm *= height.value;
+ height = new SVG.Number(he instanceof SVG.Doc ? he.parent().offsetHeight : he.parent().height());
+ he = he.parent();
+ } // ensure defaults
+
+
+ this.x = 0;
+ this.y = 0;
+ this.width = width * wm;
+ this.height = height * hm;
+ this.zoom = 1;
+
+ if (view) {
+ // get width and height from viewbox
+ x = parseFloat(view[0]);
+ y = parseFloat(view[1]);
+ width = parseFloat(view[2]);
+ height = parseFloat(view[3]); // calculate zoom accoring to viewbox
+
+ this.zoom = this.width / this.height > width / height ? this.height / height : this.width / width; // calculate real pixel dimensions on parent SVG.Doc element
+
+ this.x = x;
+ this.y = y;
+ this.width = width;
+ this.height = height;
+ }
+ } else {
+ // ensure source as object
+ source = typeof source === 'string' ? source.match(reg).map(function (el) {
+ return parseFloat(el);
+ }) : Array.isArray(source) ? source : _typeof(source) === 'object' ? [source.x, source.y, source.width, source.height] : arguments.length == 4 ? [].slice.call(arguments) : base;
+ this.x = source[0];
+ this.y = source[1];
+ this.width = source[2];
+ this.height = source[3];
+ }
+ },
+ extend: {
+ toString: function toString() {
+ return this.x + ' ' + this.y + ' ' + this.width + ' ' + this.height;
+ },
+ morph: function morph(x, y, width, height) {
+ this.destination = new SVG.ViewBox(x, y, width, height);
+ return this;
+ },
+ at: function at(pos) {
+ if (!this.destination) return this;
+ return new SVG.ViewBox([this.x + (this.destination.x - this.x) * pos, this.y + (this.destination.y - this.y) * pos, this.width + (this.destination.width - this.width) * pos, this.height + (this.destination.height - this.height) * pos]);
+ }
+ },
+ // Define parent
+ parent: SVG.Container,
+ // Add parent method
+ construct: {
+ // get/set viewbox
+ viewbox: function viewbox(x, y, width, height) {
+ if (arguments.length == 0) // act as a getter if there are no arguments
+ {
+ return new SVG.ViewBox(this);
+ } // otherwise act as a setter
+
+
+ return this.attr('viewBox', new SVG.ViewBox(x, y, width, height));
+ }
+ }
+ }) // Add events to elements
+ ;
+ ['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout', 'mousemove', // , 'mouseenter' -> not supported by IE
+ // , 'mouseleave' -> not supported by IE
+ 'touchstart', 'touchmove', 'touchleave', 'touchend', 'touchcancel'].forEach(function (event) {
+ // add event to SVG.Element
+ SVG.Element.prototype[event] = function (f) {
+ // bind event to element rather than element node
+ SVG.on(this.node, event, f);
+ return this;
+ };
+ }); // Initialize listeners stack
+
+ SVG.listeners = [];
+ SVG.handlerMap = [];
+ SVG.listenerId = 0; // Add event binder in the SVG namespace
+
+ SVG.on = function (node, event, listener, binding, options) {
+ // create listener, get object-index
+ var l = listener.bind(binding || node.instance || node),
+ index = (SVG.handlerMap.indexOf(node) + 1 || SVG.handlerMap.push(node)) - 1,
+ ev = event.split('.')[0],
+ ns = event.split('.')[1] || '*'; // ensure valid object
+
+ SVG.listeners[index] = SVG.listeners[index] || {};
+ SVG.listeners[index][ev] = SVG.listeners[index][ev] || {};
+ SVG.listeners[index][ev][ns] = SVG.listeners[index][ev][ns] || {};
+
+ if (!listener._svgjsListenerId) {
+ listener._svgjsListenerId = ++SVG.listenerId;
+ } // reference listener
+
+
+ SVG.listeners[index][ev][ns][listener._svgjsListenerId] = l; // add listener
+
+ node.addEventListener(ev, l, options || false);
+ }; // Add event unbinder in the SVG namespace
+
+
+ SVG.off = function (node, event, listener) {
+ var index = SVG.handlerMap.indexOf(node),
+ ev = event && event.split('.')[0],
+ ns = event && event.split('.')[1],
+ namespace = '';
+ if (index == -1) return;
+
+ if (listener) {
+ if (typeof listener === 'function') listener = listener._svgjsListenerId;
+ if (!listener) return; // remove listener reference
+
+ if (SVG.listeners[index][ev] && SVG.listeners[index][ev][ns || '*']) {
+ // remove listener
+ node.removeEventListener(ev, SVG.listeners[index][ev][ns || '*'][listener], false);
+ delete SVG.listeners[index][ev][ns || '*'][listener];
+ }
+ } else if (ns && ev) {
+ // remove all listeners for a namespaced event
+ if (SVG.listeners[index][ev] && SVG.listeners[index][ev][ns]) {
+ for (listener in SVG.listeners[index][ev][ns]) {
+ SVG.off(node, [ev, ns].join('.'), listener);
+ }
+
+ delete SVG.listeners[index][ev][ns];
+ }
+ } else if (ns) {
+ // remove all listeners for a specific namespace
+ for (event in SVG.listeners[index]) {
+ for (namespace in SVG.listeners[index][event]) {
+ if (ns === namespace) {
+ SVG.off(node, [event, ns].join('.'));
+ }
+ }
+ }
+ } else if (ev) {
+ // remove all listeners for the event
+ if (SVG.listeners[index][ev]) {
+ for (namespace in SVG.listeners[index][ev]) {
+ SVG.off(node, [ev, namespace].join('.'));
+ }
+
+ delete SVG.listeners[index][ev];
+ }
+ } else {
+ // remove all listeners on a given node
+ for (event in SVG.listeners[index]) {
+ SVG.off(node, event);
+ }
+
+ delete SVG.listeners[index];
+ delete SVG.handlerMap[index];
+ }
+ }; //
+
+
+ SVG.extend(SVG.Element, {
+ // Bind given event to listener
+ on: function on(event, listener, binding, options) {
+ SVG.on(this.node, event, listener, binding, options);
+ return this;
+ },
+ // Unbind event from listener
+ off: function off(event, listener) {
+ SVG.off(this.node, event, listener);
+ return this;
+ },
+ // Fire given event
+ fire: function fire(event, data) {
+ // Dispatch event
+ if (event instanceof window.Event) {
+ this.node.dispatchEvent(event);
+ } else {
+ this.node.dispatchEvent(event = new SVG.CustomEvent(event, {
+ detail: data,
+ cancelable: true
+ }));
+ }
+
+ this._event = event;
+ return this;
+ },
+ event: function event() {
+ return this._event;
+ }
+ });
+ SVG.Defs = SVG.invent({
+ // Initialize node
+ create: 'defs',
+ // Inherit from
+ inherit: SVG.Container
+ });
+ SVG.G = SVG.invent({
+ // Initialize node
+ create: 'g',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x3) {
+ return _x3 == null ? this.transform('x') : this.transform({
+ x: _x3 - this.x()
+ }, true);
+ },
+ // Move over y-axis
+ y: function y(_y3) {
+ return _y3 == null ? this.transform('y') : this.transform({
+ y: _y3 - this.y()
+ }, true);
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.gbox().cx : this.x(x - this.gbox().width / 2);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.gbox().cy : this.y(y - this.gbox().height / 2);
+ },
+ gbox: function gbox() {
+ var bbox = this.bbox(),
+ trans = this.transform();
+ bbox.x += trans.x;
+ bbox.x2 += trans.x;
+ bbox.cx += trans.x;
+ bbox.y += trans.y;
+ bbox.y2 += trans.y;
+ bbox.cy += trans.y;
+ return bbox;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a group element
+ group: function group() {
+ return this.put(new SVG.G());
+ }
+ }
+ });
+ SVG.Doc = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ if (element) {
+ // ensure the presence of a dom element
+ element = typeof element === 'string' ? document.getElementById(element) : element; // If the target is an svg element, use that element as the main wrapper.
+ // This allows svg.js to work with svg documents as well.
+
+ if (element.nodeName == 'svg') {
+ this.constructor.call(this, element);
+ } else {
+ this.constructor.call(this, SVG.create('svg'));
+ element.appendChild(this.node);
+ this.size('100%', '100%');
+ } // set svg element attributes and ensure defs node
+
+
+ this.namespace().defs();
+ }
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Add namespaces
+ namespace: function namespace() {
+ return this.attr({
+ xmlns: SVG.ns,
+ version: '1.1'
+ }).attr('xmlns:xlink', SVG.xlink, SVG.xmlns).attr('xmlns:svgjs', SVG.svgjs, SVG.xmlns);
+ },
+ // Creates and returns defs element
+ defs: function defs() {
+ if (!this._defs) {
+ var defs; // Find or create a defs element in this instance
+
+ if (defs = this.node.getElementsByTagName('defs')[0]) {
+ this._defs = SVG.adopt(defs);
+ } else {
+ this._defs = new SVG.Defs();
+ } // Make sure the defs node is at the end of the stack
+
+
+ this.node.appendChild(this._defs.node);
+ }
+
+ return this._defs;
+ },
+ // custom parent method
+ parent: function parent() {
+ if (!this.node.parentNode || this.node.parentNode.nodeName == '#document') return null;
+ return this.node.parentNode;
+ },
+ // Fix for possible sub-pixel offset. See:
+ // https://bugzilla.mozilla.org/show_bug.cgi?id=608812
+ spof: function spof() {
+ var pos = this.node.getScreenCTM();
+
+ if (pos) {
+ this.style('left', -pos.e % 1 + 'px').style('top', -pos.f % 1 + 'px');
+ }
+
+ return this;
+ },
+ // Removes the doc from the DOM
+ remove: function remove() {
+ if (this.parent()) {
+ this.parent().removeChild(this.node);
+ }
+
+ return this;
+ },
+ clear: function clear() {
+ // remove children
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // remove defs reference
+
+
+ delete this._defs; // add back parser
+
+ if (SVG.parser.draw && !SVG.parser.draw.parentNode) {
+ this.node.appendChild(SVG.parser.draw);
+ }
+
+ return this;
+ },
+ clone: function clone(parent) {
+ // write dom data to the dom so the clone can pickup the data
+ this.writeDataToDom(); // get reference to node
+
+ var node = this.node; // clone element and assign new id
+
+ var clone = assignNewId(node.cloneNode(true)); // insert the clone in the given parent or after myself
+
+ if (parent) {
+ (parent.node || parent).appendChild(clone.node);
+ } else {
+ node.parentNode.insertBefore(clone.node, node.nextSibling);
+ }
+
+ return clone;
+ }
+ }
+ }); // ### This module adds backward / forward functionality to elements.
+ //
+
+ SVG.extend(SVG.Element, {
+ // Get all siblings, including myself
+ siblings: function siblings() {
+ return this.parent().children();
+ },
+ // Get the curent position siblings
+ position: function position() {
+ return this.parent().index(this);
+ },
+ // Get the next element (will return null if there is none)
+ next: function next() {
+ return this.siblings()[this.position() + 1];
+ },
+ // Get the next element (will return null if there is none)
+ previous: function previous() {
+ return this.siblings()[this.position() - 1];
+ },
+ // Send given element one step forward
+ forward: function forward() {
+ var i = this.position() + 1,
+ p = this.parent(); // move node one step forward
+
+ p.removeElement(this).add(this, i); // make sure defs node is always at the top
+
+ if (p instanceof SVG.Doc) {
+ p.node.appendChild(p.defs().node);
+ }
+
+ return this;
+ },
+ // Send given element one step backward
+ backward: function backward() {
+ var i = this.position();
+
+ if (i > 0) {
+ this.parent().removeElement(this).add(this, i - 1);
+ }
+
+ return this;
+ },
+ // Send given element all the way to the front
+ front: function front() {
+ var p = this.parent(); // Move node forward
+
+ p.node.appendChild(this.node); // Make sure defs node is always at the top
+
+ if (p instanceof SVG.Doc) {
+ p.node.appendChild(p.defs().node);
+ }
+
+ return this;
+ },
+ // Send given element all the way to the back
+ back: function back() {
+ if (this.position() > 0) {
+ this.parent().removeElement(this).add(this, 0);
+ }
+
+ return this;
+ },
+ // Inserts a given element before the targeted element
+ before: function before(element) {
+ element.remove();
+ var i = this.position();
+ this.parent().add(element, i);
+ return this;
+ },
+ // Insters a given element after the targeted element
+ after: function after(element) {
+ element.remove();
+ var i = this.position();
+ this.parent().add(element, i + 1);
+ return this;
+ }
+ });
+ SVG.Mask = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('mask')); // keep references to masked elements
+
+ this.targets = [];
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Unmask all masked elements and remove itself
+ remove: function remove() {
+ // unmask all targets
+ for (var i = this.targets.length - 1; i >= 0; i--) {
+ if (this.targets[i]) {
+ this.targets[i].unmask();
+ }
+ }
+
+ this.targets = []; // remove mask from parent
+
+ SVG.Element.prototype.remove.call(this);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create masking element
+ mask: function mask() {
+ return this.defs().put(new SVG.Mask());
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Distribute mask to svg element
+ maskWith: function maskWith(element) {
+ // use given mask or create a new one
+ this.masker = element instanceof SVG.Mask ? element : this.parent().mask().add(element); // store reverence on self in mask
+
+ this.masker.targets.push(this); // apply mask
+
+ return this.attr('mask', 'url("#' + this.masker.attr('id') + '")');
+ },
+ // Unmask element
+ unmask: function unmask() {
+ delete this.masker;
+ return this.attr('mask', null);
+ }
+ });
+ SVG.ClipPath = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('clipPath')); // keep references to clipped elements
+
+ this.targets = [];
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Unclip all clipped elements and remove itself
+ remove: function remove() {
+ // unclip all targets
+ for (var i = this.targets.length - 1; i >= 0; i--) {
+ if (this.targets[i]) {
+ this.targets[i].unclip();
+ }
+ }
+
+ this.targets = []; // remove clipPath from parent
+
+ this.parent().removeElement(this);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create clipping element
+ clip: function clip() {
+ return this.defs().put(new SVG.ClipPath());
+ }
+ }
+ }); //
+
+ SVG.extend(SVG.Element, {
+ // Distribute clipPath to svg element
+ clipWith: function clipWith(element) {
+ // use given clip or create a new one
+ this.clipper = element instanceof SVG.ClipPath ? element : this.parent().clip().add(element); // store reverence on self in mask
+
+ this.clipper.targets.push(this); // apply mask
+
+ return this.attr('clip-path', 'url("#' + this.clipper.attr('id') + '")');
+ },
+ // Unclip element
+ unclip: function unclip() {
+ delete this.clipper;
+ return this.attr('clip-path', null);
+ }
+ });
+ SVG.Gradient = SVG.invent({
+ // Initialize node
+ create: function create(type) {
+ this.constructor.call(this, SVG.create(type + 'Gradient')); // store type
+
+ this.type = type;
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Add a color stop
+ at: function at(offset, color, opacity) {
+ return this.put(new SVG.Stop()).update(offset, color, opacity);
+ },
+ // Update gradient
+ update: function update(block) {
+ // remove all stops
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Return the fill id
+ fill: function fill() {
+ return 'url(#' + this.id() + ')';
+ },
+ // Alias string convertion to fill
+ toString: function toString() {
+ return this.fill();
+ },
+ // custom attr to handle transform
+ attr: function attr(a, b, c) {
+ if (a == 'transform') a = 'gradientTransform';
+ return SVG.Container.prototype.attr.call(this, a, b, c);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create gradient element in defs
+ gradient: function gradient(type, block) {
+ return this.defs().gradient(type, block);
+ }
+ }
+ }); // Add animatable methods to both gradient and fx module
+
+ SVG.extend(SVG.Gradient, SVG.FX, {
+ // From position
+ from: function from(x, y) {
+ return (this._target || this).type == 'radial' ? this.attr({
+ fx: new SVG.Number(x),
+ fy: new SVG.Number(y)
+ }) : this.attr({
+ x1: new SVG.Number(x),
+ y1: new SVG.Number(y)
+ });
+ },
+ // To position
+ to: function to(x, y) {
+ return (this._target || this).type == 'radial' ? this.attr({
+ cx: new SVG.Number(x),
+ cy: new SVG.Number(y)
+ }) : this.attr({
+ x2: new SVG.Number(x),
+ y2: new SVG.Number(y)
+ });
+ }
+ }); // Base gradient generation
+
+ SVG.extend(SVG.Defs, {
+ // define gradient
+ gradient: function gradient(type, block) {
+ return this.put(new SVG.Gradient(type)).update(block);
+ }
+ });
+ SVG.Stop = SVG.invent({
+ // Initialize node
+ create: 'stop',
+ // Inherit from
+ inherit: SVG.Element,
+ // Add class methods
+ extend: {
+ // add color stops
+ update: function update(o) {
+ if (typeof o === 'number' || o instanceof SVG.Number) {
+ o = {
+ offset: arguments[0],
+ color: arguments[1],
+ opacity: arguments[2]
+ };
+ } // set attributes
+
+
+ if (o.opacity != null) this.attr('stop-opacity', o.opacity);
+ if (o.color != null) this.attr('stop-color', o.color);
+ if (o.offset != null) this.attr('offset', new SVG.Number(o.offset));
+ return this;
+ }
+ }
+ });
+ SVG.Pattern = SVG.invent({
+ // Initialize node
+ create: 'pattern',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Return the fill id
+ fill: function fill() {
+ return 'url(#' + this.id() + ')';
+ },
+ // Update pattern by rebuilding
+ update: function update(block) {
+ // remove content
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Alias string convertion to fill
+ toString: function toString() {
+ return this.fill();
+ },
+ // custom attr to handle transform
+ attr: function attr(a, b, c) {
+ if (a == 'transform') a = 'patternTransform';
+ return SVG.Container.prototype.attr.call(this, a, b, c);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create pattern element in defs
+ pattern: function pattern(width, height, block) {
+ return this.defs().pattern(width, height, block);
+ }
+ }
+ });
+ SVG.extend(SVG.Defs, {
+ // Define gradient
+ pattern: function pattern(width, height, block) {
+ return this.put(new SVG.Pattern()).update(block).attr({
+ x: 0,
+ y: 0,
+ width: width,
+ height: height,
+ patternUnits: 'userSpaceOnUse'
+ });
+ }
+ });
+ SVG.Shape = SVG.invent({
+ // Initialize node
+ create: function create(element) {
+ this.constructor.call(this, element);
+ },
+ // Inherit from
+ inherit: SVG.Element
+ });
+ SVG.Bare = SVG.invent({
+ // Initialize
+ create: function create(element, inherit) {
+ // construct element
+ this.constructor.call(this, SVG.create(element)); // inherit custom methods
+
+ if (inherit) {
+ for (var method in inherit.prototype) {
+ if (typeof inherit.prototype[method] === 'function') {
+ this[method] = inherit.prototype[method];
+ }
+ }
+ }
+ },
+ // Inherit from
+ inherit: SVG.Element,
+ // Add methods
+ extend: {
+ // Insert some plain text
+ words: function words(text) {
+ // remove contents
+ while (this.node.hasChildNodes()) {
+ this.node.removeChild(this.node.lastChild);
+ } // create text node
+
+
+ this.node.appendChild(document.createTextNode(text));
+ return this;
+ }
+ }
+ });
+ SVG.extend(SVG.Parent, {
+ // Create an element that is not described by SVG.js
+ element: function element(_element, inherit) {
+ return this.put(new SVG.Bare(_element, inherit));
+ }
+ });
+ SVG.Symbol = SVG.invent({
+ // Initialize node
+ create: 'symbol',
+ // Inherit from
+ inherit: SVG.Container,
+ construct: {
+ // create symbol
+ symbol: function symbol() {
+ return this.put(new SVG.Symbol());
+ }
+ }
+ });
+ SVG.Use = SVG.invent({
+ // Initialize node
+ create: 'use',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Use element as a reference
+ element: function element(_element2, file) {
+ // Set lined element
+ return this.attr('href', (file || '') + '#' + _element2, SVG.xlink);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a use element
+ use: function use(element, file) {
+ return this.put(new SVG.Use()).element(element, file);
+ }
+ }
+ });
+ SVG.Rect = SVG.invent({
+ // Initialize node
+ create: 'rect',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a rect element
+ rect: function rect(width, height) {
+ return this.put(new SVG.Rect()).size(width, height);
+ }
+ }
+ });
+ SVG.Circle = SVG.invent({
+ // Initialize node
+ create: 'circle',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create circle element, based on ellipse
+ circle: function circle(size) {
+ return this.put(new SVG.Circle()).rx(new SVG.Number(size).divide(2)).move(0, 0);
+ }
+ }
+ });
+ SVG.extend(SVG.Circle, SVG.FX, {
+ // Radius x value
+ rx: function rx(_rx) {
+ return this.attr('r', _rx);
+ },
+ // Alias radius x value
+ ry: function ry(_ry) {
+ return this.rx(_ry);
+ }
+ });
+ SVG.Ellipse = SVG.invent({
+ // Initialize node
+ create: 'ellipse',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create an ellipse
+ ellipse: function ellipse(width, height) {
+ return this.put(new SVG.Ellipse()).size(width, height).move(0, 0);
+ }
+ }
+ });
+ SVG.extend(SVG.Ellipse, SVG.Rect, SVG.FX, {
+ // Radius x value
+ rx: function rx(_rx2) {
+ return this.attr('rx', _rx2);
+ },
+ // Radius y value
+ ry: function ry(_ry2) {
+ return this.attr('ry', _ry2);
+ }
+ }); // Add common method
+
+ SVG.extend(SVG.Circle, SVG.Ellipse, {
+ // Move over x-axis
+ x: function x(_x4) {
+ return _x4 == null ? this.cx() - this.rx() : this.cx(_x4 + this.rx());
+ },
+ // Move over y-axis
+ y: function y(_y4) {
+ return _y4 == null ? this.cy() - this.ry() : this.cy(_y4 + this.ry());
+ },
+ // Move by center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.attr('cx') : this.attr('cx', x);
+ },
+ // Move by center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.attr('cy') : this.attr('cy', y);
+ },
+ // Set width of element
+ width: function width(_width3) {
+ return _width3 == null ? this.rx() * 2 : this.rx(new SVG.Number(_width3).divide(2));
+ },
+ // Set height of element
+ height: function height(_height3) {
+ return _height3 == null ? this.ry() * 2 : this.ry(new SVG.Number(_height3).divide(2));
+ },
+ // Custom size function
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.rx(new SVG.Number(p.width).divide(2)).ry(new SVG.Number(p.height).divide(2));
+ }
+ });
+ SVG.Line = SVG.invent({
+ // Initialize node
+ create: 'line',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Get array
+ array: function array() {
+ return new SVG.PointArray([[this.attr('x1'), this.attr('y1')], [this.attr('x2'), this.attr('y2')]]);
+ },
+ // Overwrite native plot() method
+ plot: function plot(x1, y1, x2, y2) {
+ if (x1 == null) {
+ return this.array();
+ } else if (typeof y1 !== 'undefined') {
+ x1 = {
+ x1: x1,
+ y1: y1,
+ x2: x2,
+ y2: y2
+ };
+ } else {
+ x1 = new SVG.PointArray(x1).toLine();
+ }
+
+ return this.attr(x1);
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr(this.array().move(x, y).toLine());
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr(this.array().size(p.width, p.height).toLine());
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a line element
+ line: function line(x1, y1, x2, y2) {
+ // make sure plot is called as a setter
+ // x1 is not necessarily a number, it can also be an array, a string and a SVG.PointArray
+ return SVG.Line.prototype.plot.apply(this.put(new SVG.Line()), x1 != null ? [x1, y1, x2, y2] : [0, 0, 0, 0]);
+ }
+ }
+ });
+ SVG.Polyline = SVG.invent({
+ // Initialize node
+ create: 'polyline',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a wrapped polyline element
+ polyline: function polyline(p) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Polyline()).plot(p || new SVG.PointArray());
+ }
+ }
+ });
+ SVG.Polygon = SVG.invent({
+ // Initialize node
+ create: 'polygon',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add parent method
+ construct: {
+ // Create a wrapped polygon element
+ polygon: function polygon(p) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Polygon()).plot(p || new SVG.PointArray());
+ }
+ }
+ }); // Add polygon-specific functions
+
+ SVG.extend(SVG.Polyline, SVG.Polygon, {
+ // Get array
+ array: function array() {
+ return this._array || (this._array = new SVG.PointArray(this.attr('points')));
+ },
+ // Plot new path
+ plot: function plot(p) {
+ return p == null ? this.array() : this.clear().attr('points', typeof p === 'string' ? p : this._array = new SVG.PointArray(p));
+ },
+ // Clear array cache
+ clear: function clear() {
+ delete this._array;
+ return this;
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr('points', this.array().move(x, y));
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr('points', this.array().size(p.width, p.height));
+ }
+ }); // unify all point to point elements
+
+ SVG.extend(SVG.Line, SVG.Polyline, SVG.Polygon, {
+ // Define morphable array
+ morphArray: SVG.PointArray,
+ // Move by left top corner over x-axis
+ x: function x(_x5) {
+ return _x5 == null ? this.bbox().x : this.move(_x5, this.bbox().y);
+ },
+ // Move by left top corner over y-axis
+ y: function y(_y5) {
+ return _y5 == null ? this.bbox().y : this.move(this.bbox().x, _y5);
+ },
+ // Set width of element
+ width: function width(_width4) {
+ var b = this.bbox();
+ return _width4 == null ? b.width : this.size(_width4, b.height);
+ },
+ // Set height of element
+ height: function height(_height4) {
+ var b = this.bbox();
+ return _height4 == null ? b.height : this.size(b.width, _height4);
+ }
+ });
+ SVG.Path = SVG.invent({
+ // Initialize node
+ create: 'path',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Define morphable array
+ morphArray: SVG.PathArray,
+ // Get array
+ array: function array() {
+ return this._array || (this._array = new SVG.PathArray(this.attr('d')));
+ },
+ // Plot new path
+ plot: function plot(d) {
+ return d == null ? this.array() : this.clear().attr('d', typeof d === 'string' ? d : this._array = new SVG.PathArray(d));
+ },
+ // Clear array cache
+ clear: function clear() {
+ delete this._array;
+ return this;
+ },
+ // Move by left top corner
+ move: function move(x, y) {
+ return this.attr('d', this.array().move(x, y));
+ },
+ // Move by left top corner over x-axis
+ x: function x(_x6) {
+ return _x6 == null ? this.bbox().x : this.move(_x6, this.bbox().y);
+ },
+ // Move by left top corner over y-axis
+ y: function y(_y6) {
+ return _y6 == null ? this.bbox().y : this.move(this.bbox().x, _y6);
+ },
+ // Set element size to given width and height
+ size: function size(width, height) {
+ var p = proportionalSize(this, width, height);
+ return this.attr('d', this.array().size(p.width, p.height));
+ },
+ // Set width of element
+ width: function width(_width5) {
+ return _width5 == null ? this.bbox().width : this.size(_width5, this.bbox().height);
+ },
+ // Set height of element
+ height: function height(_height5) {
+ return _height5 == null ? this.bbox().height : this.size(this.bbox().width, _height5);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a wrapped path element
+ path: function path(d) {
+ // make sure plot is called as a setter
+ return this.put(new SVG.Path()).plot(d || new SVG.PathArray());
+ }
+ }
+ });
+ SVG.Image = SVG.invent({
+ // Initialize node
+ create: 'image',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // (re)load image
+ load: function load(url) {
+ if (!url) return this;
+ var self = this,
+ img = new window.Image(); // preload image
+
+ SVG.on(img, 'load', function () {
+ SVG.off(img);
+ var p = self.parent(SVG.Pattern);
+ if (p === null) return; // ensure image size
+
+ if (self.width() == 0 && self.height() == 0) {
+ self.size(img.width, img.height);
+ } // ensure pattern size if not set
+
+
+ if (p && p.width() == 0 && p.height() == 0) {
+ p.size(self.width(), self.height());
+ } // callback
+
+
+ if (typeof self._loaded === 'function') {
+ self._loaded.call(self, {
+ width: img.width,
+ height: img.height,
+ ratio: img.width / img.height,
+ url: url
+ });
+ }
+ });
+ SVG.on(img, 'error', function (e) {
+ SVG.off(img);
+
+ if (typeof self._error === 'function') {
+ self._error.call(self, e);
+ }
+ });
+ return this.attr('href', img.src = this.src = url, SVG.xlink);
+ },
+ // Add loaded callback
+ loaded: function loaded(_loaded) {
+ this._loaded = _loaded;
+ return this;
+ },
+ error: function error(_error) {
+ this._error = _error;
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // create image element, load image and set its size
+ image: function image(source, width, height) {
+ return this.put(new SVG.Image()).load(source).size(width || 0, height || width || 0);
+ }
+ }
+ });
+ SVG.Text = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('text'));
+ this.dom.leading = new SVG.Number(1.3); // store leading value for rebuilding
+
+ this._rebuild = true; // enable automatic updating of dy values
+
+ this._build = false; // disable build mode for adding multiple lines
+ // set default font
+
+ this.attr('font-family', SVG.defaults.attrs['font-family']);
+ },
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Move over x-axis
+ x: function x(_x7) {
+ // act as getter
+ if (_x7 == null) {
+ return this.attr('x');
+ }
+
+ return this.attr('x', _x7);
+ },
+ // Move over y-axis
+ y: function y(_y7) {
+ var oy = this.attr('y'),
+ o = typeof oy === 'number' ? oy - this.bbox().y : 0; // act as getter
+
+ if (_y7 == null) {
+ return typeof oy === 'number' ? oy - o : oy;
+ }
+
+ return this.attr('y', typeof _y7.valueOf() === 'number' ? _y7 + o : _y7);
+ },
+ // Move center over x-axis
+ cx: function cx(x) {
+ return x == null ? this.bbox().cx : this.x(x - this.bbox().width / 2);
+ },
+ // Move center over y-axis
+ cy: function cy(y) {
+ return y == null ? this.bbox().cy : this.y(y - this.bbox().height / 2);
+ },
+ // Set the text content
+ text: function text(_text) {
+ // act as getter
+ if (typeof _text === 'undefined') {
+ var _text = '';
+ var children = this.node.childNodes;
+
+ for (var i = 0, len = children.length; i < len; ++i) {
+ // add newline if its not the first child and newLined is set to true
+ if (i != 0 && children[i].nodeType != 3 && SVG.adopt(children[i]).dom.newLined == true) {
+ _text += '\n';
+ } // add content of this node
+
+
+ _text += children[i].textContent;
+ }
+
+ return _text;
+ } // remove existing content
+
+
+ this.clear().build(true);
+
+ if (typeof _text === 'function') {
+ // call block
+ _text.call(this, this);
+ } else {
+ // store text and make sure text is not blank
+ _text = _text.split('\n'); // build new lines
+
+ for (var i = 0, il = _text.length; i < il; i++) {
+ this.tspan(_text[i]).newLine();
+ }
+ } // disable build mode and rebuild lines
+
+
+ return this.build(false).rebuild();
+ },
+ // Set font size
+ size: function size(_size) {
+ return this.attr('font-size', _size).rebuild();
+ },
+ // Set / get leading
+ leading: function leading(value) {
+ // act as getter
+ if (value == null) {
+ return this.dom.leading;
+ } // act as setter
+
+
+ this.dom.leading = new SVG.Number(value);
+ return this.rebuild();
+ },
+ // Get all the first level lines
+ lines: function lines() {
+ var node = (this.textPath && this.textPath() || this).node; // filter tspans and map them to SVG.js instances
+
+ var lines = SVG.utils.map(SVG.utils.filterSVGElements(node.childNodes), function (el) {
+ return SVG.adopt(el);
+ }); // return an instance of SVG.set
+
+ return new SVG.Set(lines);
+ },
+ // Rebuild appearance type
+ rebuild: function rebuild(_rebuild) {
+ // store new rebuild flag if given
+ if (typeof _rebuild === 'boolean') {
+ this._rebuild = _rebuild;
+ } // define position of all lines
+
+
+ if (this._rebuild) {
+ var self = this,
+ blankLineOffset = 0,
+ dy = this.dom.leading * new SVG.Number(this.attr('font-size'));
+ this.lines().each(function () {
+ if (this.dom.newLined) {
+ if (!self.textPath()) {
+ this.attr('x', self.attr('x'));
+ }
+
+ if (this.text() == '\n') {
+ blankLineOffset += dy;
+ } else {
+ this.attr('dy', dy + blankLineOffset);
+ blankLineOffset = 0;
+ }
+ }
+ });
+ this.fire('rebuild');
+ }
+
+ return this;
+ },
+ // Enable / disable build mode
+ build: function build(_build) {
+ this._build = !!_build;
+ return this;
+ },
+ // overwrite method from parent to set data properly
+ setData: function setData(o) {
+ this.dom = o;
+ this.dom.leading = new SVG.Number(o.leading || 1.3);
+ return this;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create text element
+ text: function text(_text2) {
+ return this.put(new SVG.Text()).text(_text2);
+ },
+ // Create plain text element
+ plain: function plain(text) {
+ return this.put(new SVG.Text()).plain(text);
+ }
+ }
+ });
+ SVG.Tspan = SVG.invent({
+ // Initialize node
+ create: 'tspan',
+ // Inherit from
+ inherit: SVG.Shape,
+ // Add class methods
+ extend: {
+ // Set text content
+ text: function text(_text3) {
+ if (_text3 == null) return this.node.textContent + (this.dom.newLined ? '\n' : '');
+ typeof _text3 === 'function' ? _text3.call(this, this) : this.plain(_text3);
+ return this;
+ },
+ // Shortcut dx
+ dx: function dx(_dx) {
+ return this.attr('dx', _dx);
+ },
+ // Shortcut dy
+ dy: function dy(_dy) {
+ return this.attr('dy', _dy);
+ },
+ // Create new line
+ newLine: function newLine() {
+ // fetch text parent
+ var t = this.parent(SVG.Text); // mark new line
+
+ this.dom.newLined = true; // apply new hy¡n
+
+ return this.dy(t.dom.leading * t.attr('font-size')).attr('x', t.x());
+ }
+ }
+ });
+ SVG.extend(SVG.Text, SVG.Tspan, {
+ // Create plain text node
+ plain: function plain(text) {
+ // clear if build mode is disabled
+ if (this._build === false) {
+ this.clear();
+ } // create text node
+
+
+ this.node.appendChild(document.createTextNode(text));
+ return this;
+ },
+ // Create a tspan
+ tspan: function tspan(text) {
+ var node = (this.textPath && this.textPath() || this).node,
+ tspan = new SVG.Tspan(); // clear if build mode is disabled
+
+ if (this._build === false) {
+ this.clear();
+ } // add new tspan
+
+
+ node.appendChild(tspan.node);
+ return tspan.text(text);
+ },
+ // Clear all lines
+ clear: function clear() {
+ var node = (this.textPath && this.textPath() || this).node; // remove existing child nodes
+
+ while (node.hasChildNodes()) {
+ node.removeChild(node.lastChild);
+ }
+
+ return this;
+ },
+ // Get length of text element
+ length: function length() {
+ return this.node.getComputedTextLength();
+ }
+ });
+ SVG.TextPath = SVG.invent({
+ // Initialize node
+ create: 'textPath',
+ // Inherit from
+ inherit: SVG.Parent,
+ // Define parent class
+ parent: SVG.Text,
+ // Add parent method
+ construct: {
+ morphArray: SVG.PathArray,
+ // Create path for text to run on
+ path: function path(d) {
+ // create textPath element
+ var path = new SVG.TextPath(),
+ track = this.doc().defs().path(d); // move lines to textpath
+
+ while (this.node.hasChildNodes()) {
+ path.node.appendChild(this.node.firstChild);
+ } // add textPath element as child node
+
+
+ this.node.appendChild(path.node); // link textPath to path and add content
+
+ path.attr('href', '#' + track, SVG.xlink);
+ return this;
+ },
+ // return the array of the path track element
+ array: function array() {
+ var track = this.track();
+ return track ? track.array() : null;
+ },
+ // Plot path if any
+ plot: function plot(d) {
+ var track = this.track(),
+ pathArray = null;
+
+ if (track) {
+ pathArray = track.plot(d);
+ }
+
+ return d == null ? pathArray : this;
+ },
+ // Get the path track element
+ track: function track() {
+ var path = this.textPath();
+
+ if (path) {
+ return path.reference('href');
+ }
+ },
+ // Get the textPath child
+ textPath: function textPath() {
+ if (this.node.firstChild && this.node.firstChild.nodeName == 'textPath') {
+ return SVG.adopt(this.node.firstChild);
+ }
+ }
+ }
+ });
+ SVG.Nested = SVG.invent({
+ // Initialize node
+ create: function create() {
+ this.constructor.call(this, SVG.create('svg'));
+ this.style('overflow', 'visible');
+ },
+ // Inherit from
+ inherit: SVG.Container,
+ // Add parent method
+ construct: {
+ // Create nested svg document
+ nested: function nested() {
+ return this.put(new SVG.Nested());
+ }
+ }
+ });
+ SVG.A = SVG.invent({
+ // Initialize node
+ create: 'a',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Link url
+ to: function to(url) {
+ return this.attr('href', url, SVG.xlink);
+ },
+ // Link show attribute
+ show: function show(target) {
+ return this.attr('show', target, SVG.xlink);
+ },
+ // Link target attribute
+ target: function target(_target2) {
+ return this.attr('target', _target2);
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a hyperlink element
+ link: function link(url) {
+ return this.put(new SVG.A()).to(url);
+ }
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Create a hyperlink element
+ linkTo: function linkTo(url) {
+ var link = new SVG.A();
+
+ if (typeof url === 'function') {
+ url.call(link, link);
+ } else {
+ link.to(url);
+ }
+
+ return this.parent().put(link).put(this);
+ }
+ });
+ SVG.Marker = SVG.invent({
+ // Initialize node
+ create: 'marker',
+ // Inherit from
+ inherit: SVG.Container,
+ // Add class methods
+ extend: {
+ // Set width of element
+ width: function width(_width6) {
+ return this.attr('markerWidth', _width6);
+ },
+ // Set height of element
+ height: function height(_height6) {
+ return this.attr('markerHeight', _height6);
+ },
+ // Set marker refX and refY
+ ref: function ref(x, y) {
+ return this.attr('refX', x).attr('refY', y);
+ },
+ // Update marker
+ update: function update(block) {
+ // remove all content
+ this.clear(); // invoke passed block
+
+ if (typeof block === 'function') {
+ block.call(this, this);
+ }
+
+ return this;
+ },
+ // Return the fill id
+ toString: function toString() {
+ return 'url(#' + this.id() + ')';
+ }
+ },
+ // Add parent method
+ construct: {
+ marker: function marker(width, height, block) {
+ // Create marker element in defs
+ return this.defs().marker(width, height, block);
+ }
+ }
+ });
+ SVG.extend(SVG.Defs, {
+ // Create marker
+ marker: function marker(width, height, block) {
+ // Set default viewbox to match the width and height, set ref to cx and cy and set orient to auto
+ return this.put(new SVG.Marker()).size(width, height).ref(width / 2, height / 2).viewbox(0, 0, width, height).attr('orient', 'auto').update(block);
+ }
+ });
+ SVG.extend(SVG.Line, SVG.Polyline, SVG.Polygon, SVG.Path, {
+ // Create and attach markers
+ marker: function marker(_marker, width, height, block) {
+ var attr = ['marker']; // Build attribute name
+
+ if (_marker != 'all') attr.push(_marker);
+ attr = attr.join('-'); // Set marker attribute
+
+ _marker = arguments[1] instanceof SVG.Marker ? arguments[1] : this.doc().marker(width, height, block);
+ return this.attr(attr, _marker);
+ }
+ }); // Define list of available attributes for stroke and fill
+
+ var sugar = {
+ stroke: ['color', 'width', 'opacity', 'linecap', 'linejoin', 'miterlimit', 'dasharray', 'dashoffset'],
+ fill: ['color', 'opacity', 'rule'],
+ prefix: function prefix(t, a) {
+ return a == 'color' ? t : t + '-' + a;
+ } // Add sugar for fill and stroke
+
+ };
+ ['fill', 'stroke'].forEach(function (m) {
+ var i,
+ extension = {};
+
+ extension[m] = function (o) {
+ if (typeof o === 'undefined') {
+ return this;
+ }
+
+ if (typeof o === 'string' || SVG.Color.isRgb(o) || o && typeof o.fill === 'function') {
+ this.attr(m, o);
+ } else // set all attributes from sugar.fill and sugar.stroke list
+ {
+ for (i = sugar[m].length - 1; i >= 0; i--) {
+ if (o[sugar[m][i]] != null) {
+ this.attr(sugar.prefix(m, sugar[m][i]), o[sugar[m][i]]);
+ }
+ }
+ }
+
+ return this;
+ };
+
+ SVG.extend(SVG.Element, SVG.FX, extension);
+ });
+ SVG.extend(SVG.Element, SVG.FX, {
+ // Map rotation to transform
+ rotate: function rotate(d, cx, cy) {
+ return this.transform({
+ rotation: d,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map skew to transform
+ skew: function skew(x, y, cx, cy) {
+ return arguments.length == 1 || arguments.length == 3 ? this.transform({
+ skew: x,
+ cx: y,
+ cy: cx
+ }) : this.transform({
+ skewX: x,
+ skewY: y,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map scale to transform
+ scale: function scale(x, y, cx, cy) {
+ return arguments.length == 1 || arguments.length == 3 ? this.transform({
+ scale: x,
+ cx: y,
+ cy: cx
+ }) : this.transform({
+ scaleX: x,
+ scaleY: y,
+ cx: cx,
+ cy: cy
+ });
+ },
+ // Map translate to transform
+ translate: function translate(x, y) {
+ return this.transform({
+ x: x,
+ y: y
+ });
+ },
+ // Map flip to transform
+ flip: function flip(a, o) {
+ o = typeof a === 'number' ? a : o;
+ return this.transform({
+ flip: a || 'both',
+ offset: o
+ });
+ },
+ // Map matrix to transform
+ matrix: function matrix(m) {
+ return this.attr('transform', new SVG.Matrix(arguments.length == 6 ? [].slice.call(arguments) : m));
+ },
+ // Opacity
+ opacity: function opacity(value) {
+ return this.attr('opacity', value);
+ },
+ // Relative move over x axis
+ dx: function dx(x) {
+ return this.x(new SVG.Number(x).plus(this instanceof SVG.FX ? 0 : this.x()), true);
+ },
+ // Relative move over y axis
+ dy: function dy(y) {
+ return this.y(new SVG.Number(y).plus(this instanceof SVG.FX ? 0 : this.y()), true);
+ },
+ // Relative move over x and y axes
+ dmove: function dmove(x, y) {
+ return this.dx(x).dy(y);
+ }
+ });
+ SVG.extend(SVG.Rect, SVG.Ellipse, SVG.Circle, SVG.Gradient, SVG.FX, {
+ // Add x and y radius
+ radius: function radius(x, y) {
+ var type = (this._target || this).type;
+ return type == 'radial' || type == 'circle' ? this.attr('r', new SVG.Number(x)) : this.rx(x).ry(y == null ? x : y);
+ }
+ });
+ SVG.extend(SVG.Path, {
+ // Get path length
+ length: function length() {
+ return this.node.getTotalLength();
+ },
+ // Get point at length
+ pointAt: function pointAt(length) {
+ return this.node.getPointAtLength(length);
+ }
+ });
+ SVG.extend(SVG.Parent, SVG.Text, SVG.Tspan, SVG.FX, {
+ // Set font
+ font: function font(a, v) {
+ if (_typeof(a) === 'object') {
+ for (v in a) {
+ this.font(v, a[v]);
+ }
+ }
+
+ return a == 'leading' ? this.leading(v) : a == 'anchor' ? this.attr('text-anchor', v) : a == 'size' || a == 'family' || a == 'weight' || a == 'stretch' || a == 'variant' || a == 'style' ? this.attr('font-' + a, v) : this.attr(a, v);
+ }
+ });
+ SVG.Set = SVG.invent({
+ // Initialize
+ create: function create(members) {
+ // Set initial state
+ Array.isArray(members) ? this.members = members : this.clear();
+ },
+ // Add class methods
+ extend: {
+ // Add element to set
+ add: function add() {
+ var i,
+ il,
+ elements = [].slice.call(arguments);
+
+ for (i = 0, il = elements.length; i < il; i++) {
+ this.members.push(elements[i]);
+ }
+
+ return this;
+ },
+ // Remove element from set
+ remove: function remove(element) {
+ var i = this.index(element); // remove given child
+
+ if (i > -1) {
+ this.members.splice(i, 1);
+ }
+
+ return this;
+ },
+ // Iterate over all members
+ each: function each(block) {
+ for (var i = 0, il = this.members.length; i < il; i++) {
+ block.apply(this.members[i], [i, this.members]);
+ }
+
+ return this;
+ },
+ // Restore to defaults
+ clear: function clear() {
+ // initialize store
+ this.members = [];
+ return this;
+ },
+ // Get the length of a set
+ length: function length() {
+ return this.members.length;
+ },
+ // Checks if a given element is present in set
+ has: function has(element) {
+ return this.index(element) >= 0;
+ },
+ // retuns index of given element in set
+ index: function index(element) {
+ return this.members.indexOf(element);
+ },
+ // Get member at given index
+ get: function get(i) {
+ return this.members[i];
+ },
+ // Get first member
+ first: function first() {
+ return this.get(0);
+ },
+ // Get last member
+ last: function last() {
+ return this.get(this.members.length - 1);
+ },
+ // Default value
+ valueOf: function valueOf() {
+ return this.members;
+ },
+ // Get the bounding box of all members included or empty box if set has no items
+ bbox: function bbox() {
+ // return an empty box of there are no members
+ if (this.members.length == 0) {
+ return new SVG.RBox();
+ } // get the first rbox and update the target bbox
+
+
+ var rbox = this.members[0].rbox(this.members[0].doc());
+ this.each(function () {
+ // user rbox for correct position and visual representation
+ rbox = rbox.merge(this.rbox(this.doc()));
+ });
+ return rbox;
+ }
+ },
+ // Add parent method
+ construct: {
+ // Create a new set
+ set: function set(members) {
+ return new SVG.Set(members);
+ }
+ }
+ });
+ SVG.FX.Set = SVG.invent({
+ // Initialize node
+ create: function create(set) {
+ // store reference to set
+ this.set = set;
+ }
+ }); // Alias methods
+
+ SVG.Set.inherit = function () {
+ var m,
+ methods = []; // gather shape methods
+
+ for (var m in SVG.Shape.prototype) {
+ if (typeof SVG.Shape.prototype[m] === 'function' && typeof SVG.Set.prototype[m] !== 'function') {
+ methods.push(m);
+ }
+ } // apply shape aliasses
+
+
+ methods.forEach(function (method) {
+ SVG.Set.prototype[method] = function () {
+ for (var i = 0, il = this.members.length; i < il; i++) {
+ if (this.members[i] && typeof this.members[i][method] === 'function') {
+ this.members[i][method].apply(this.members[i], arguments);
+ }
+ }
+
+ return method == 'animate' ? this.fx || (this.fx = new SVG.FX.Set(this)) : this;
+ };
+ }); // clear methods for the next round
+
+ methods = []; // gather fx methods
+
+ for (var m in SVG.FX.prototype) {
+ if (typeof SVG.FX.prototype[m] === 'function' && typeof SVG.FX.Set.prototype[m] !== 'function') {
+ methods.push(m);
+ }
+ } // apply fx aliasses
+
+
+ methods.forEach(function (method) {
+ SVG.FX.Set.prototype[method] = function () {
+ for (var i = 0, il = this.set.members.length; i < il; i++) {
+ this.set.members[i].fx[method].apply(this.set.members[i].fx, arguments);
+ }
+
+ return this;
+ };
+ });
+ };
+
+ SVG.extend(SVG.Element, {
+ // Store data values on svg nodes
+ data: function data(a, v, r) {
+ if (_typeof(a) === 'object') {
+ for (v in a) {
+ this.data(v, a[v]);
+ }
+ } else if (arguments.length < 2) {
+ try {
+ return JSON.parse(this.attr('data-' + a));
+ } catch (e) {
+ return this.attr('data-' + a);
+ }
+ } else {
+ this.attr('data-' + a, v === null ? null : r === true || typeof v === 'string' || typeof v === 'number' ? v : JSON.stringify(v));
+ }
+
+ return this;
+ }
+ });
+ SVG.extend(SVG.Element, {
+ // Remember arbitrary data
+ remember: function remember(k, v) {
+ // remember every item in an object individually
+ if (_typeof(arguments[0]) === 'object') {
+ for (var v in k) {
+ this.remember(v, k[v]);
+ }
+ } // retrieve memory
+ else if (arguments.length == 1) {
+ return this.memory()[k];
+ } // store memory
+ else {
+ this.memory()[k] = v;
+ }
+
+ return this;
+ },
+ // Erase a given memory
+ forget: function forget() {
+ if (arguments.length == 0) {
+ this._memory = {};
+ } else {
+ for (var i = arguments.length - 1; i >= 0; i--) {
+ delete this.memory()[arguments[i]];
+ }
+ }
+
+ return this;
+ },
+ // Initialize or return local memory object
+ memory: function memory() {
+ return this._memory || (this._memory = {});
+ }
+ }); // Method for getting an element by id
+
+ SVG.get = function (id) {
+ var node = document.getElementById(idFromReference(id) || id);
+ return SVG.adopt(node);
+ }; // Select elements by query string
+
+
+ SVG.select = function (query, parent) {
+ return new SVG.Set(SVG.utils.map((parent || document).querySelectorAll(query), function (node) {
+ return SVG.adopt(node);
+ }));
+ };
+
+ SVG.extend(SVG.Parent, {
+ // Scoped select method
+ select: function select(query) {
+ return SVG.select(query, this.node);
+ }
+ });
+
+ function pathRegReplace(a, b, c, d) {
+ return c + d.replace(SVG.regex.dots, ' .');
+ } // creates deep clone of array
+
+
+ function array_clone(arr) {
+ var clone = arr.slice(0);
+
+ for (var i = clone.length; i--;) {
+ if (Array.isArray(clone[i])) {
+ clone[i] = array_clone(clone[i]);
+ }
+ }
+
+ return clone;
+ } // tests if a given element is instance of an object
+
+
+ function _is(el, obj) {
+ return el instanceof obj;
+ } // tests if a given selector matches an element
+
+
+ function _matches(el, selector) {
+ return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector);
+ } // Convert dash-separated-string to camelCase
+
+
+ function camelCase(s) {
+ return s.toLowerCase().replace(/-(.)/g, function (m, g) {
+ return g.toUpperCase();
+ });
+ } // Capitalize first letter of a string
+
+
+ function capitalize(s) {
+ return s.charAt(0).toUpperCase() + s.slice(1);
+ } // Ensure to six-based hex
+
+
+ function fullHex(hex) {
+ return hex.length == 4 ? ['#', hex.substring(1, 2), hex.substring(1, 2), hex.substring(2, 3), hex.substring(2, 3), hex.substring(3, 4), hex.substring(3, 4)].join('') : hex;
+ } // Component to hex value
+
+
+ function compToHex(comp) {
+ var hex = comp.toString(16);
+ return hex.length == 1 ? '0' + hex : hex;
+ } // Calculate proportional width and height values when necessary
+
+
+ function proportionalSize(element, width, height) {
+ if (width == null || height == null) {
+ var box = element.bbox();
+
+ if (width == null) {
+ width = box.width / box.height * height;
+ } else if (height == null) {
+ height = box.height / box.width * width;
+ }
+ }
+
+ return {
+ width: width,
+ height: height
+ };
+ } // Delta transform point
+
+
+ function deltaTransformPoint(matrix, x, y) {
+ return {
+ x: x * matrix.a + y * matrix.c + 0,
+ y: x * matrix.b + y * matrix.d + 0
+ };
+ } // Map matrix array to object
+
+
+ function arrayToMatrix(a) {
+ return {
+ a: a[0],
+ b: a[1],
+ c: a[2],
+ d: a[3],
+ e: a[4],
+ f: a[5]
+ };
+ } // Parse matrix if required
+
+
+ function parseMatrix(matrix) {
+ if (!(matrix instanceof SVG.Matrix)) {
+ matrix = new SVG.Matrix(matrix);
+ }
+
+ return matrix;
+ } // Add centre point to transform object
+
+
+ function ensureCentre(o, target) {
+ o.cx = o.cx == null ? target.bbox().cx : o.cx;
+ o.cy = o.cy == null ? target.bbox().cy : o.cy;
+ } // PathArray Helpers
+
+
+ function arrayToString(a) {
+ for (var i = 0, il = a.length, s = ''; i < il; i++) {
+ s += a[i][0];
+
+ if (a[i][1] != null) {
+ s += a[i][1];
+
+ if (a[i][2] != null) {
+ s += ' ';
+ s += a[i][2];
+
+ if (a[i][3] != null) {
+ s += ' ';
+ s += a[i][3];
+ s += ' ';
+ s += a[i][4];
+
+ if (a[i][5] != null) {
+ s += ' ';
+ s += a[i][5];
+ s += ' ';
+ s += a[i][6];
+
+ if (a[i][7] != null) {
+ s += ' ';
+ s += a[i][7];
+ }
+ }
+ }
+ }
+ }
+ }
+
+ return s + ' ';
+ } // Deep new id assignment
+
+
+ function assignNewId(node) {
+ // do the same for SVG child nodes as well
+ for (var i = node.childNodes.length - 1; i >= 0; i--) {
+ if (node.childNodes[i] instanceof window.SVGElement) {
+ assignNewId(node.childNodes[i]);
+ }
+ }
+
+ return SVG.adopt(node).id(SVG.eid(node.nodeName));
+ } // Add more bounding box properties
+
+
+ function fullBox(b) {
+ if (b.x == null) {
+ b.x = 0;
+ b.y = 0;
+ b.width = 0;
+ b.height = 0;
+ }
+
+ b.w = b.width;
+ b.h = b.height;
+ b.x2 = b.x + b.width;
+ b.y2 = b.y + b.height;
+ b.cx = b.x + b.width / 2;
+ b.cy = b.y + b.height / 2;
+ return b;
+ } // Get id from reference string
+
+
+ function idFromReference(url) {
+ var m = (url || '').toString().match(SVG.regex.reference);
+ if (m) return m[1];
+ } // If values like 1e-88 are passed, this is not a valid 32 bit float,
+ // but in those cases, we are so close to 0 that 0 works well!
+
+
+ function float32String(v) {
+ return Math.abs(v) > 1e-37 ? v : 0;
+ } // Create matrix array for looping
+
+
+ var abcdef = 'abcdef'.split(''); // Add CustomEvent to IE9 and IE10
+
+ if (typeof window.CustomEvent !== 'function') {
+ // Code from: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent
+ var CustomEventPoly = function CustomEventPoly(event, options) {
+ options = options || {
+ bubbles: false,
+ cancelable: false,
+ detail: undefined
+ };
+ var e = document.createEvent('CustomEvent');
+ e.initCustomEvent(event, options.bubbles, options.cancelable, options.detail);
+ return e;
+ };
+
+ CustomEventPoly.prototype = window.Event.prototype;
+ SVG.CustomEvent = CustomEventPoly;
+ } else {
+ SVG.CustomEvent = window.CustomEvent;
+ } // requestAnimationFrame / cancelAnimationFrame Polyfill with fallback based on Paul Irish
+
+
+ (function (w) {
+ var lastTime = 0;
+ var vendors = ['moz', 'webkit'];
+
+ for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ w.requestAnimationFrame = w[vendors[x] + 'RequestAnimationFrame'];
+ w.cancelAnimationFrame = w[vendors[x] + 'CancelAnimationFrame'] || w[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+
+ w.requestAnimationFrame = w.requestAnimationFrame || function (callback) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = w.setTimeout(function () {
+ callback(currTime + timeToCall);
+ }, timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+
+ w.cancelAnimationFrame = w.cancelAnimationFrame || w.clearTimeout;
+ })(window);
+
+ return SVG;
+ });
+
+ /*! svg.filter.js - v2.0.2 - 2016-02-24
+ * https://github.com/wout/svg.filter.js
+ * Copyright (c) 2016 Wout Fierens; Licensed MIT */
+ (function() {
+
+ // Main filter class
+ SVG.Filter = SVG.invent({
+ create: 'filter',
+ inherit: SVG.Parent,
+ extend: {
+ // Static strings
+ source: 'SourceGraphic',
+ sourceAlpha: 'SourceAlpha',
+ background: 'BackgroundImage',
+ backgroundAlpha: 'BackgroundAlpha',
+ fill: 'FillPaint',
+ stroke: 'StrokePaint',
+
+ autoSetIn: true,
+ // Custom put method for leaner code
+ put: function(element, i) {
+ this.add(element, i);
+
+ if(!element.attr('in') && this.autoSetIn){
+ element.attr('in',this.source);
+ }
+ if(!element.attr('result')){
+ element.attr('result',element);
+ }
+
+ return element
+ },
+ // Blend effect
+ blend: function(in1, in2, mode) {
+ return this.put(new SVG.BlendEffect(in1, in2, mode))
+ },
+ // ColorMatrix effect
+ colorMatrix: function(type, values) {
+ return this.put(new SVG.ColorMatrixEffect(type, values))
+ },
+ // ConvolveMatrix effect
+ convolveMatrix: function(matrix) {
+ return this.put(new SVG.ConvolveMatrixEffect(matrix))
+ },
+ // ComponentTransfer effect
+ componentTransfer: function(components) {
+ return this.put(new SVG.ComponentTransferEffect(components))
+ },
+ // Composite effect
+ composite: function(in1, in2, operator) {
+ return this.put(new SVG.CompositeEffect(in1, in2, operator))
+ },
+ // Flood effect
+ flood: function(color, opacity) {
+ return this.put(new SVG.FloodEffect(color, opacity))
+ },
+ // Offset effect
+ offset: function(x, y) {
+ return this.put(new SVG.OffsetEffect(x,y))
+ },
+ // Image effect
+ image: function(src) {
+ return this.put(new SVG.ImageEffect(src))
+ },
+ // Merge effect
+ merge: function() {
+ //pass the array of arguments to the constructor because we dont know if the user gave us an array as the first arguemnt or wether they listed the effects in the arguments
+ var args = [undefined];
+ for(var i in arguments) args.push(arguments[i]);
+ return this.put(new (SVG.MergeEffect.bind.apply(SVG.MergeEffect,args)))
+ },
+ // Gaussian Blur effect
+ gaussianBlur: function(x,y) {
+ return this.put(new SVG.GaussianBlurEffect(x,y))
+ },
+ // Morphology effect
+ morphology: function(operator,radius){
+ return this.put(new SVG.MorphologyEffect(operator,radius))
+ },
+ // DiffuseLighting effect
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ return this.put(new SVG.DiffuseLightingEffect(surfaceScale,diffuseConstant,kernelUnitLength))
+ },
+ // DisplacementMap effect
+ displacementMap: function(in1,in2,scale,xChannelSelector,yChannelSelector){
+ return this.put(new SVG.DisplacementMapEffect(in1,in2,scale,xChannelSelector,yChannelSelector))
+ },
+ // SpecularLighting effect
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ return this.put(new SVG.SpecularLightingEffect(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength))
+ },
+ // Tile effect
+ tile: function(){
+ return this.put(new SVG.TileEffect());
+ },
+ // Turbulence effect
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ return this.put(new SVG.TurbulenceEffect(baseFrequency,numOctaves,seed,stitchTiles,type))
+ },
+ // Default string value
+ toString: function() {
+ return 'url(#' + this.attr('id') + ')'
+ }
+ }
+ });
+
+ //add .filter function
+ SVG.extend(SVG.Defs, {
+ // Define filter
+ filter: function(block) {
+ var filter = this.put(new SVG.Filter);
+
+ /* invoke passed block */
+ if (typeof block === 'function')
+ block.call(filter, filter);
+
+ return filter
+ }
+ });
+ SVG.extend(SVG.Container, {
+ // Define filter on defs
+ filter: function(block) {
+ return this.defs().filter(block)
+ }
+ });
+ SVG.extend(SVG.Element, SVG.G, SVG.Nested, {
+ // Create filter element in defs and store reference
+ filter: function(block) {
+ this.filterer = block instanceof SVG.Element ?
+ block : this.doc().filter(block);
+
+ if(this.doc() && this.filterer.doc() !== this.doc()){
+ this.doc().defs().add(this.filterer);
+ }
+
+ this.attr('filter', this.filterer);
+
+ return this.filterer
+ },
+ // Remove filter
+ unfilter: function(remove) {
+ /* also remove the filter node */
+ if (this.filterer && remove === true)
+ this.filterer.remove();
+
+ /* delete reference to filterer */
+ delete this.filterer;
+
+ /* remove filter attribute */
+ return this.attr('filter', null)
+ }
+ });
+
+ // Create SVG.Effect class
+ SVG.Effect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Element,
+ extend: {
+ // Set in attribute
+ in: function(effect) {
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in')+'"]').get(0) || this.attr('in') : this.attr('in', effect)
+ },
+ // Named result
+ result: function(result) {
+ return result == null? this.attr('result') : this.attr('result',result)
+ },
+ // Stringification
+ toString: function() {
+ return this.result()
+ }
+ }
+ });
+
+ // create class for parent effects like merge
+ // Inherit from SVG.Parent
+ SVG.ParentEffect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Parent,
+ extend: {
+ // Set in attribute
+ in: function(effect) {
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in')+'"]').get(0) || this.attr('in') : this.attr('in', effect)
+ },
+ // Named result
+ result: function(result) {
+ return result == null? this.attr('result') : this.attr('result',result)
+ },
+ // Stringification
+ toString: function() {
+ return this.result()
+ }
+ }
+ });
+
+ //chaining
+ var chainingEffects = {
+ // Blend effect
+ blend: function(in2, mode) {
+ return this.parent() && this.parent().blend(this, in2, mode) //pass this as the first input
+ },
+ // ColorMatrix effect
+ colorMatrix: function(type, values) {
+ return this.parent() && this.parent().colorMatrix(type, values).in(this)
+ },
+ // ConvolveMatrix effect
+ convolveMatrix: function(matrix) {
+ return this.parent() && this.parent().convolveMatrix(matrix).in(this)
+ },
+ // ComponentTransfer effect
+ componentTransfer: function(components) {
+ return this.parent() && this.parent().componentTransfer(components).in(this)
+ },
+ // Composite effect
+ composite: function(in2, operator) {
+ return this.parent() && this.parent().composite(this, in2, operator) //pass this as the first input
+ },
+ // Flood effect
+ flood: function(color, opacity) {
+ return this.parent() && this.parent().flood(color, opacity) //this effect dont have inputs
+ },
+ // Offset effect
+ offset: function(x, y) {
+ return this.parent() && this.parent().offset(x,y).in(this)
+ },
+ // Image effect
+ image: function(src) {
+ return this.parent() && this.parent().image(src) //this effect dont have inputs
+ },
+ // Merge effect
+ merge: function() {
+ return this.parent() && this.parent().merge.apply(this.parent(),[this].concat(arguments)) //pass this as the first argument
+ },
+ // Gaussian Blur effect
+ gaussianBlur: function(x,y) {
+ return this.parent() && this.parent().gaussianBlur(x,y).in(this)
+ },
+ // Morphology effect
+ morphology: function(operator,radius){
+ return this.parent() && this.parent().morphology(operator,radius).in(this)
+ },
+ // DiffuseLighting effect
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ return this.parent() && this.parent().diffuseLighting(surfaceScale,diffuseConstant,kernelUnitLength).in(this)
+ },
+ // DisplacementMap effect
+ displacementMap: function(in2,scale,xChannelSelector,yChannelSelector){
+ return this.parent() && this.parent().displacementMap(this,in2,scale,xChannelSelector,yChannelSelector) //pass this as the first input
+ },
+ // SpecularLighting effect
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ return this.parent() && this.parent().specularLighting(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength).in(this)
+ },
+ // Tile effect
+ tile: function(){
+ return this.parent() && this.parent().tile().in(this)
+ },
+ // Turbulence effect
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ return this.parent() && this.parent().turbulence(baseFrequency,numOctaves,seed,stitchTiles,type).in(this)
+ }
+ };
+ SVG.extend(SVG.Effect,chainingEffects);
+ SVG.extend(SVG.ParentEffect,chainingEffects);
+
+ //crea class for child effects, like MergeNode, FuncR and lights
+ SVG.ChildEffect = SVG.invent({
+ create: function(){
+ this.constructor.call(this);
+ },
+ inherit: SVG.Element,
+ extend: {
+ in: function(effect){
+ this.attr('in',effect);
+ }
+ //dont include any "result" functions because these types of nodes dont have them
+ }
+ });
+
+ // Create all different effects
+ var effects = {
+ blend: function(in1,in2,mode){
+ this.attr({
+ in: in1,
+ in2: in2,
+ mode: mode || 'normal'
+ });
+ },
+ colorMatrix: function(type,values){
+ if (type == 'matrix')
+ values = normaliseMatrix(values);
+
+ this.attr({
+ type: type
+ , values: typeof values == 'undefined' ? null : values
+ });
+ },
+ convolveMatrix: function(matrix){
+ matrix = normaliseMatrix(matrix);
+
+ this.attr({
+ order: Math.sqrt(matrix.split(' ').length)
+ , kernelMatrix: matrix
+ });
+ },
+ composite: function(in1, in2, operator){
+ this.attr({
+ in: in1,
+ in2: in2,
+ operator: operator
+ });
+ },
+ flood: function(color,opacity){
+ this.attr('flood-color',color);
+ if(opacity != null) this.attr('flood-opacity',opacity);
+ },
+ offset: function(x,y){
+ this.attr({
+ dx: x,
+ dy: y
+ });
+ },
+ image: function(src){
+ this.attr('href', src, SVG.xlink);
+ },
+ displacementMap: function(in1,in2,scale,xChannelSelector,yChannelSelector){
+ this.attr({
+ in: in1,
+ in2: in2,
+ scale: scale,
+ xChannelSelector: xChannelSelector,
+ yChannelSelector: yChannelSelector
+ });
+ },
+ gaussianBlur: function(x,y){
+ if(x != null || y != null)
+ this.attr('stdDeviation', listString(Array.prototype.slice.call(arguments)));
+ else
+ this.attr('stdDeviation', '0 0');
+ },
+ morphology: function(operator,radius){
+ this.attr({
+ operator: operator,
+ radius: radius
+ });
+ },
+ tile: function(){
+
+ },
+ turbulence: function(baseFrequency,numOctaves,seed,stitchTiles,type){
+ this.attr({
+ numOctaves: numOctaves,
+ seed: seed,
+ stitchTiles: stitchTiles,
+ baseFrequency: baseFrequency,
+ type: type
+ });
+ }
+ };
+
+ // Create all parent effects
+ var parentEffects = {
+ merge: function(){
+ var children;
+
+ //test to see if we have a set
+ if(arguments[0] instanceof SVG.Set){
+ var that = this;
+ arguments[0].each(function(i){
+ if(this instanceof SVG.MergeNode)
+ that.put(this);
+ else if(this instanceof SVG.Effect || this instanceof SVG.ParentEffect)
+ that.put(new SVG.MergeNode(this));
+ });
+ }
+ else{
+ //if the first argument is an array use it
+ if(Array.isArray(arguments[0]))
+ children = arguments[0];
+ else
+ children = arguments;
+
+ for(var i = 0; i < children.length; i++){
+ if(children[i] instanceof SVG.MergeNode){
+ this.put(children[i]);
+ }
+ else this.put(new SVG.MergeNode(children[i]));
+ }
+ }
+ },
+ componentTransfer: function(compontents){
+ /* create rgb set */
+ this.rgb = new SVG.Set
+
+ /* create components */
+ ;(['r', 'g', 'b', 'a']).forEach(function(c) {
+ /* create component */
+ this[c] = new SVG['Func' + c.toUpperCase()]('identity');
+
+ /* store component in set */
+ this.rgb.add(this[c]);
+
+ /* add component node */
+ this.node.appendChild(this[c].node);
+ }.bind(this)); //lost context in foreach
+
+ /* set components */
+ if (compontents) {
+ if (compontents.rgb) {
+ (['r', 'g', 'b']).forEach(function(c) {
+ this[c].attr(compontents.rgb);
+ }.bind(this));
+
+ delete compontents.rgb;
+ }
+
+ /* set individual components */
+ for (var c in compontents)
+ this[c].attr(compontents[c]);
+ }
+ },
+ diffuseLighting: function(surfaceScale,diffuseConstant,kernelUnitLength){
+ this.attr({
+ surfaceScale: surfaceScale,
+ diffuseConstant: diffuseConstant,
+ kernelUnitLength: kernelUnitLength
+ });
+ },
+ specularLighting: function(surfaceScale,diffuseConstant,specularExponent,kernelUnitLength){
+ this.attr({
+ surfaceScale: surfaceScale,
+ diffuseConstant: diffuseConstant,
+ specularExponent: specularExponent,
+ kernelUnitLength: kernelUnitLength
+ });
+ },
+ };
+
+ // Create child effects like PointLight and MergeNode
+ var childEffects = {
+ distantLight: function(azimuth, elevation){
+ this.attr({
+ azimuth: azimuth,
+ elevation: elevation
+ });
+ },
+ pointLight: function(x,y,z){
+ this.attr({
+ x: x,
+ y: y,
+ z: z
+ });
+ },
+ spotLight: function(x,y,z,pointsAtX,pointsAtY,pointsAtZ){
+ this.attr({
+ x: x,
+ y: y,
+ z: z,
+ pointsAtX: pointsAtX,
+ pointsAtY: pointsAtY,
+ pointsAtZ: pointsAtZ
+ });
+ },
+ mergeNode: function(in1){
+ this.attr('in',in1);
+ }
+ }
+
+ // Create compontent functions
+ ;(['r', 'g', 'b', 'a']).forEach(function(c) {
+ /* create class */
+ childEffects['Func' + c.toUpperCase()] = function(type) {
+ this.attr('type',type);
+
+ // take diffent arguments based on the type
+ switch(type){
+ case 'table':
+ this.attr('tableValues',arguments[1]);
+ break
+ case 'linear':
+ this.attr('slope',arguments[1]);
+ this.attr('intercept',arguments[2]);
+ break
+ case 'gamma':
+ this.attr('amplitude',arguments[1]);
+ this.attr('exponent',arguments[2]);
+ this.attr('offset',arguments[2]);
+ break
+ }
+ };
+ });
+
+ //create effects
+ foreach(effects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name + 'Effect'] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+
+ //set the result
+ this.result(this.attr('id') + 'Out');
+ },
+ inherit: SVG.Effect,
+ extend: proto
+ });
+ });
+
+ //create parent effects
+ foreach(parentEffects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name + 'Effect'] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+
+ //set the result
+ this.result(this.attr('id') + 'Out');
+ },
+ inherit: SVG.ParentEffect,
+ extend: proto
+ });
+ });
+
+ //create child effects
+ foreach(childEffects,function(effect,i){
+
+ /* capitalize name */
+ var name = i.charAt(0).toUpperCase() + i.slice(1);
+ var proto = {};
+
+ /* create class */
+ SVG[name] = SVG.invent({
+ create: function() {
+ //call super
+ this.constructor.call(this, SVG.create('fe' + name));
+
+ //call constructor for this effect
+ effect.apply(this,arguments);
+ },
+ inherit: SVG.ChildEffect,
+ extend: proto
+ });
+ });
+
+ // Effect-specific extensions
+ SVG.extend(SVG.MergeEffect,{
+ in: function(effect){
+ if(effect instanceof SVG.MergeNode)
+ this.add(effect,0);
+ else
+ this.add(new SVG.MergeNode(effect),0);
+
+ return this
+ }
+ });
+ SVG.extend(SVG.CompositeEffect,SVG.BlendEffect,SVG.DisplacementMapEffect,{
+ in2: function(effect){
+ return effect == null? this.parent() && this.parent().select('[result="'+this.attr('in2')+'"]').get(0) || this.attr('in2') : this.attr('in2', effect)
+ }
+ });
+
+ // Presets
+ SVG.filter = {
+ sepiatone: [ .343, .669, .119, 0, 0
+ , .249, .626, .130, 0, 0
+ , .172, .334, .111, 0, 0
+ , .000, .000, .000, 1, 0 ]
+ };
+
+ // Helpers
+ function normaliseMatrix(matrix) {
+ /* convert possible array value to string */
+ if (Array.isArray(matrix))
+ matrix = new SVG.Array(matrix);
+
+ /* ensure there are no leading, tailing or double spaces */
+ return matrix.toString().replace(/^\s+/, '').replace(/\s+$/, '').replace(/\s+/g, ' ')
+ }
+
+ function listString(list) {
+ if (!Array.isArray(list))
+ return list
+
+ for (var i = 0, l = list.length, s = []; i < l; i++)
+ s.push(list[i]);
+
+ return s.join(' ')
+ }
+
+ function foreach(){ //loops through mutiple objects
+ var fn = function(){};
+ if(typeof arguments[arguments.length-1] == 'function'){
+ fn = arguments[arguments.length-1];
+ Array.prototype.splice.call(arguments,arguments.length-1,1);
+ }
+ for(var k in arguments){
+ for(var i in arguments[k]){
+ fn(arguments[k][i],i,arguments[k]);
+ }
+ }
+ }
+
+ }).call(undefined);
+
+ (function() {
+
+ SVG.extend(SVG.PathArray, {
+ morph: function(array) {
+
+ var startArr = this.value
+ , destArr = this.parse(array);
+
+ var startOffsetM = 0
+ , destOffsetM = 0;
+
+ var startOffsetNextM = false
+ , destOffsetNextM = false;
+
+ while(true){
+ // stop if there is no M anymore
+ if(startOffsetM === false && destOffsetM === false) break
+
+ // find the next M in path array
+ startOffsetNextM = findNextM(startArr, startOffsetM === false ? false : startOffsetM+1);
+ destOffsetNextM = findNextM( destArr, destOffsetM === false ? false : destOffsetM+1);
+
+ // We have to add one M to the startArray
+ if(startOffsetM === false){
+ var bbox = new SVG.PathArray(result.start).bbox();
+
+ // when the last block had no bounding box we simply take the first M we got
+ if(bbox.height == 0 || bbox.width == 0){
+ startOffsetM = startArr.push(startArr[0]) - 1;
+ }else{
+ // we take the middle of the bbox instead when we got one
+ startOffsetM = startArr.push( ['M', bbox.x + bbox.width/2, bbox.y + bbox.height/2 ] ) - 1;
+ }
+ }
+
+ // We have to add one M to the destArray
+ if( destOffsetM === false){
+ var bbox = new SVG.PathArray(result.dest).bbox();
+
+ if(bbox.height == 0 || bbox.width == 0){
+ destOffsetM = destArr.push(destArr[0]) - 1;
+ }else{
+ destOffsetM = destArr.push( ['M', bbox.x + bbox.width/2, bbox.y + bbox.height/2 ] ) - 1;
+ }
+ }
+
+ // handle block from M to next M
+ var result = handleBlock(startArr, startOffsetM, startOffsetNextM, destArr, destOffsetM, destOffsetNextM);
+
+ // update the arrays to their new values
+ startArr = startArr.slice(0, startOffsetM).concat(result.start, startOffsetNextM === false ? [] : startArr.slice(startOffsetNextM));
+ destArr = destArr.slice(0, destOffsetM).concat(result.dest , destOffsetNextM === false ? [] : destArr.slice( destOffsetNextM));
+
+ // update offsets
+ startOffsetM = startOffsetNextM === false ? false : startOffsetM + result.start.length;
+ destOffsetM = destOffsetNextM === false ? false : destOffsetM + result.dest.length;
+
+ }
+
+ // copy back arrays
+ this.value = startArr;
+ this.destination = new SVG.PathArray();
+ this.destination.value = destArr;
+
+ return this
+ }
+ });
+
+
+
+ // sorry for the long declaration
+ // slices out one block (from M to M) and syncronize it so the types and length match
+ function handleBlock(startArr, startOffsetM, startOffsetNextM, destArr, destOffsetM, destOffsetNextM, undefined){
+
+ // slice out the block we need
+ var startArrTemp = startArr.slice(startOffsetM, startOffsetNextM || undefined)
+ , destArrTemp = destArr.slice( destOffsetM, destOffsetNextM || undefined);
+
+ var i = 0
+ , posStart = {pos:[0,0], start:[0,0]}
+ , posDest = {pos:[0,0], start:[0,0]};
+
+ do{
+
+ // convert shorthand types to long form
+ startArrTemp[i] = simplyfy.call(posStart, startArrTemp[i]);
+ destArrTemp[i] = simplyfy.call(posDest , destArrTemp[i]);
+
+ // check if both shape types match
+ // 2 elliptical arc curve commands ('A'), are considered different if the
+ // flags (large-arc-flag, sweep-flag) don't match
+ if(startArrTemp[i][0] != destArrTemp[i][0] || startArrTemp[i][0] == 'M' ||
+ (startArrTemp[i][0] == 'A' &&
+ (startArrTemp[i][4] != destArrTemp[i][4] || startArrTemp[i][5] != destArrTemp[i][5])
+ )
+ ) {
+
+ // if not, convert shapes to beziere
+ Array.prototype.splice.apply(startArrTemp, [i, 1].concat(toBeziere.call(posStart, startArrTemp[i])));
+ Array.prototype.splice.apply(destArrTemp, [i, 1].concat(toBeziere.call(posDest, destArrTemp[i])));
+
+ } else {
+
+ // only update positions otherwise
+ startArrTemp[i] = setPosAndReflection.call(posStart, startArrTemp[i]);
+ destArrTemp[i] = setPosAndReflection.call(posDest , destArrTemp[i]);
+
+ }
+
+ // we are at the end at both arrays. stop here
+ if(++i == startArrTemp.length && i == destArrTemp.length) break
+
+ // destArray is longer. Add one element
+ if(i == startArrTemp.length){
+ startArrTemp.push([
+ 'C',
+ posStart.pos[0],
+ posStart.pos[1],
+ posStart.pos[0],
+ posStart.pos[1],
+ posStart.pos[0],
+ posStart.pos[1],
+ ]);
+ }
+
+ // startArr is longer. Add one element
+ if(i == destArrTemp.length){
+ destArrTemp.push([
+ 'C',
+ posDest.pos[0],
+ posDest.pos[1],
+ posDest.pos[0],
+ posDest.pos[1],
+ posDest.pos[0],
+ posDest.pos[1]
+ ]);
+ }
+
+
+ }while(true)
+
+ // return the updated block
+ return {start:startArrTemp, dest:destArrTemp}
+ }
+
+ // converts shorthand types to long form
+ function simplyfy(val){
+
+ switch(val[0]){
+ case 'z': // shorthand line to start
+ case 'Z':
+ val[0] = 'L';
+ val[1] = this.start[0];
+ val[2] = this.start[1];
+ break
+ case 'H': // shorthand horizontal line
+ val[0] = 'L';
+ val[2] = this.pos[1];
+ break
+ case 'V': // shorthand vertical line
+ val[0] = 'L';
+ val[2] = val[1];
+ val[1] = this.pos[0];
+ break
+ case 'T': // shorthand quadratic beziere
+ val[0] = 'Q';
+ val[3] = val[1];
+ val[4] = val[2];
+ val[1] = this.reflection[1];
+ val[2] = this.reflection[0];
+ break
+ case 'S': // shorthand cubic beziere
+ val[0] = 'C';
+ val[6] = val[4];
+ val[5] = val[3];
+ val[4] = val[2];
+ val[3] = val[1];
+ val[2] = this.reflection[1];
+ val[1] = this.reflection[0];
+ break
+ }
+
+ return val
+
+ }
+
+ // updates reflection point and current position
+ function setPosAndReflection(val){
+
+ var len = val.length;
+
+ this.pos = [ val[len-2], val[len-1] ];
+
+ if('SCQT'.indexOf(val[0]) != -1)
+ this.reflection = [ 2 * this.pos[0] - val[len-4], 2 * this.pos[1] - val[len-3] ];
+
+ return val
+ }
+
+ // converts all types to cubic beziere
+ function toBeziere(val){
+ var retVal = [val];
+
+ switch(val[0]){
+ case 'M': // special handling for M
+ this.pos = this.start = [val[1], val[2]];
+ return retVal
+ case 'L':
+ val[5] = val[3] = val[1];
+ val[6] = val[4] = val[2];
+ val[1] = this.pos[0];
+ val[2] = this.pos[1];
+ break
+ case 'Q':
+ val[6] = val[4];
+ val[5] = val[3];
+ val[4] = val[4] * 1/3 + val[2] * 2/3;
+ val[3] = val[3] * 1/3 + val[1] * 2/3;
+ val[2] = this.pos[1] * 1/3 + val[2] * 2/3;
+ val[1] = this.pos[0] * 1/3 + val[1] * 2/3;
+ break
+ case 'A':
+ retVal = arcToBeziere(this.pos, val);
+ val = retVal[0];
+ break
+ }
+
+ val[0] = 'C';
+ this.pos = [val[5], val[6]];
+ this.reflection = [2 * val[5] - val[3], 2 * val[6] - val[4]];
+
+ return retVal
+
+ }
+
+ // finds the next position of type M
+ function findNextM(arr, offset){
+
+ if(offset === false) return false
+
+ for(var i = offset, len = arr.length;i < len;++i){
+
+ if(arr[i][0] == 'M') return i
+
+ }
+
+ return false
+ }
+
+
+
+ // Convert an arc segment into equivalent cubic Bezier curves
+ // Depending on the arc, up to 4 curves might be used to represent it since a
+ // curve gives a good approximation for only a quarter of an ellipse
+ // The curves are returned as an array of SVG curve commands:
+ // [ ['C', x1, y1, x2, y2, x, y] ... ]
+ function arcToBeziere(pos, val) {
+ // Parameters extraction, handle out-of-range parameters as specified in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/implnote.html#ArcOutOfRangeParameters
+ var rx = Math.abs(val[1]), ry = Math.abs(val[2]), xAxisRotation = val[3] % 360
+ , largeArcFlag = val[4], sweepFlag = val[5], x = val[6], y = val[7]
+ , A = new SVG.Point(pos), B = new SVG.Point(x, y)
+ , primedCoord, lambda, mat, k, c, cSquare, t, O, OA, OB, tetaStart, tetaEnd
+ , deltaTeta, nbSectors, f, arcSegPoints, angle, sinAngle, cosAngle, pt, i, il
+ , retVal = [], x1, y1, x2, y2;
+
+ // Ensure radii are non-zero
+ if(rx === 0 || ry === 0 || (A.x === B.x && A.y === B.y)) {
+ // treat this arc as a straight line segment
+ return [['C', A.x, A.y, B.x, B.y, B.x, B.y]]
+ }
+
+ // Ensure radii are large enough using the algorithm provided in the SVG spec
+ // See: https://www.w3.org/TR/SVG11/implnote.html#ArcCorrectionOutOfRangeRadii
+ primedCoord = new SVG.Point((A.x-B.x)/2, (A.y-B.y)/2).transform(new SVG.Matrix().rotate(xAxisRotation));
+ lambda = (primedCoord.x * primedCoord.x) / (rx * rx) + (primedCoord.y * primedCoord.y) / (ry * ry);
+ if(lambda > 1) {
+ lambda = Math.sqrt(lambda);
+ rx = lambda*rx;
+ ry = lambda*ry;
+ }
+
+ // To simplify calculations, we make the arc part of a unit circle (rayon is 1) instead of an ellipse
+ mat = new SVG.Matrix().rotate(xAxisRotation).scale(1/rx, 1/ry).rotate(-xAxisRotation);
+ A = A.transform(mat);
+ B = B.transform(mat);
+
+ // Calculate the horizontal and vertical distance between the initial and final point of the arc
+ k = [B.x-A.x, B.y-A.y];
+
+ // Find the length of the chord formed by A and B
+ cSquare = k[0]*k[0] + k[1]*k[1];
+ c = Math.sqrt(cSquare);
+
+ // Calculate the ratios of the horizontal and vertical distance on the length of the chord
+ k[0] /= c;
+ k[1] /= c;
+
+ // Calculate the distance between the circle center and the chord midpoint
+ // using this formula: t = sqrt(r^2 - c^2 / 4)
+ // where t is the distance between the cirle center and the chord midpoint,
+ // r is the rayon of the circle and c is the chord length
+ // From: http://www.ajdesigner.com/phpcircle/circle_segment_chord_t.php
+ // Because of the imprecision of floating point numbers, cSquare might end
+ // up being slightly above 4 which would result in a negative radicand
+ // To prevent that, a test is made before computing the square root
+ t = (cSquare < 4) ? Math.sqrt(1 - cSquare/4) : 0;
+
+ // For most situations, there are actually two different ellipses that
+ // satisfy the constraints imposed by the points A and B, the radii rx and ry,
+ // and the xAxisRotation
+ // When the flags largeArcFlag and sweepFlag are equal, it means that the
+ // second ellipse is used as a solution
+ // See: https://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands
+ if(largeArcFlag === sweepFlag) {
+ t *= -1;
+ }
+
+ // Calculate the coordinates of the center of the circle from the midpoint of the chord
+ // This is done by multiplying the ratios calculated previously by the distance between
+ // the circle center and the chord midpoint and using these values to go from the midpoint
+ // to the center of the circle
+ // The negative of the vertical distance ratio is used to modify the x coordinate while
+ // the horizontal distance ratio is used to modify the y coordinate
+ // That is because the center of the circle is perpendicular to the chord and perpendicular
+ // lines are negative reciprocals
+ O = new SVG.Point((B.x+A.x)/2 + t*-k[1], (B.y+A.y)/2 + t*k[0]);
+ // Move the center of the circle at the origin
+ OA = new SVG.Point(A.x-O.x, A.y-O.y);
+ OB = new SVG.Point(B.x-O.x, B.y-O.y);
+
+ // Calculate the start and end angle
+ tetaStart = Math.acos(OA.x/Math.sqrt(OA.x*OA.x + OA.y*OA.y));
+ if (OA.y < 0) {
+ tetaStart *= -1;
+ }
+ tetaEnd = Math.acos(OB.x/Math.sqrt(OB.x*OB.x + OB.y*OB.y));
+ if (OB.y < 0) {
+ tetaEnd *= -1;
+ }
+
+ // If sweep-flag is '1', then the arc will be drawn in a "positive-angle" direction,
+ // make sure that the end angle is above the start angle
+ if (sweepFlag && tetaStart > tetaEnd) {
+ tetaEnd += 2*Math.PI;
+ }
+ // If sweep-flag is '0', then the arc will be drawn in a "negative-angle" direction,
+ // make sure that the end angle is below the start angle
+ if (!sweepFlag && tetaStart < tetaEnd) {
+ tetaEnd -= 2*Math.PI;
+ }
+
+ // Find the number of Bezier curves that are required to represent the arc
+ // A cubic Bezier curve gives a good enough approximation when representing at most a quarter of a circle
+ nbSectors = Math.ceil(Math.abs(tetaStart-tetaEnd) * 2/Math.PI);
+
+ // Calculate the coordinates of the points of all the Bezier curves required to represent the arc
+ // For an in-depth explanation of this part see: http://pomax.github.io/bezierinfo/#circles_cubic
+ arcSegPoints = [];
+ angle = tetaStart;
+ deltaTeta = (tetaEnd-tetaStart)/nbSectors;
+ f = 4*Math.tan(deltaTeta/4)/3;
+ for (i = 0; i <= nbSectors; i++) { // The <= is because a Bezier curve have a start and a endpoint
+ cosAngle = Math.cos(angle);
+ sinAngle = Math.sin(angle);
+
+ pt = new SVG.Point(O.x+cosAngle, O.y+sinAngle);
+ arcSegPoints[i] = [new SVG.Point(pt.x+f*sinAngle, pt.y-f*cosAngle), pt, new SVG.Point(pt.x-f*sinAngle, pt.y+f*cosAngle)];
+
+ angle += deltaTeta;
+ }
+
+ // Remove the first control point of the first segment point and remove the second control point of the last segment point
+ // These two control points are not used in the approximation of the arc, that is why they are removed
+ arcSegPoints[0][0] = arcSegPoints[0][1].clone();
+ arcSegPoints[arcSegPoints.length-1][2] = arcSegPoints[arcSegPoints.length-1][1].clone();
+
+ // Revert the transformation that was applied to make the arc part of a unit circle instead of an ellipse
+ mat = new SVG.Matrix().rotate(xAxisRotation).scale(rx, ry).rotate(-xAxisRotation);
+ for (i = 0, il = arcSegPoints.length; i < il; i++) {
+ arcSegPoints[i][0] = arcSegPoints[i][0].transform(mat);
+ arcSegPoints[i][1] = arcSegPoints[i][1].transform(mat);
+ arcSegPoints[i][2] = arcSegPoints[i][2].transform(mat);
+ }
+
+
+ // Convert the segments points to SVG curve commands
+ for (i = 1, il = arcSegPoints.length; i < il; i++) {
+ pt = arcSegPoints[i-1][2];
+ x1 = pt.x;
+ y1 = pt.y;
+
+ pt = arcSegPoints[i][0];
+ x2 = pt.x;
+ y2 = pt.y;
+
+ pt = arcSegPoints[i][1];
+ x = pt.x;
+ y = pt.y;
+
+ retVal.push(['C', x1, y1, x2, y2, x, y]);
+ }
+
+ return retVal
+ }
+ }());
+
+ /*! svg.draggable.js - v2.2.1 - 2016-08-25
+ * https://github.com/wout/svg.draggable.js
+ * Copyright (c) 2016 Wout Fierens; Licensed MIT */
+ (function() {
+
+ // creates handler, saves it
+ function DragHandler(el){
+ el.remember('_draggable', this);
+ this.el = el;
+ }
+
+
+ // Sets new parameter, starts dragging
+ DragHandler.prototype.init = function(constraint, val){
+ var _this = this;
+ this.constraint = constraint;
+ this.value = val;
+ this.el.on('mousedown.drag', function(e){ _this.start(e); });
+ this.el.on('touchstart.drag', function(e){ _this.start(e); });
+ };
+
+ // transforms one point from screen to user coords
+ DragHandler.prototype.transformPoint = function(event, offset){
+ event = event || window.event;
+ var touches = event.changedTouches && event.changedTouches[0] || event;
+ this.p.x = touches.pageX - (offset || 0);
+ this.p.y = touches.pageY;
+ return this.p.matrixTransform(this.m)
+ };
+
+ // gets elements bounding box with special handling of groups, nested and use
+ DragHandler.prototype.getBBox = function(){
+
+ var box = this.el.bbox();
+
+ if(this.el instanceof SVG.Nested) box = this.el.rbox();
+
+ if (this.el instanceof SVG.G || this.el instanceof SVG.Use || this.el instanceof SVG.Nested) {
+ box.x = this.el.x();
+ box.y = this.el.y();
+ }
+
+ return box
+ };
+
+ // start dragging
+ DragHandler.prototype.start = function(e){
+
+ // check for left button
+ if(e.type == 'click'|| e.type == 'mousedown' || e.type == 'mousemove'){
+ if((e.which || e.buttons) != 1){
+ return
+ }
+ }
+
+ var _this = this;
+
+ // fire beforedrag event
+ this.el.fire('beforedrag', { event: e, handler: this });
+
+ // search for parent on the fly to make sure we can call
+ // draggable() even when element is not in the dom currently
+ this.parent = this.parent || this.el.parent(SVG.Nested) || this.el.parent(SVG.Doc);
+ this.p = this.parent.node.createSVGPoint();
+
+ // save current transformation matrix
+ this.m = this.el.node.getScreenCTM().inverse();
+
+ var box = this.getBBox();
+
+ var anchorOffset;
+
+ // fix text-anchor in text-element (#37)
+ if(this.el instanceof SVG.Text){
+ anchorOffset = this.el.node.getComputedTextLength();
+
+ switch(this.el.attr('text-anchor')){
+ case 'middle':
+ anchorOffset /= 2;
+ break
+ case 'start':
+ anchorOffset = 0;
+ break;
+ }
+ }
+
+ this.startPoints = {
+ // We take absolute coordinates since we are just using a delta here
+ point: this.transformPoint(e, anchorOffset),
+ box: box,
+ transform: this.el.transform()
+ };
+
+ // add drag and end events to window
+ SVG.on(window, 'mousemove.drag', function(e){ _this.drag(e); });
+ SVG.on(window, 'touchmove.drag', function(e){ _this.drag(e); });
+ SVG.on(window, 'mouseup.drag', function(e){ _this.end(e); });
+ SVG.on(window, 'touchend.drag', function(e){ _this.end(e); });
+
+ // fire dragstart event
+ this.el.fire('dragstart', {event: e, p: this.startPoints.point, m: this.m, handler: this});
+
+ // prevent browser drag behavior
+ e.preventDefault();
+
+ // prevent propagation to a parent that might also have dragging enabled
+ e.stopPropagation();
+ };
+
+ // while dragging
+ DragHandler.prototype.drag = function(e){
+
+ var box = this.getBBox()
+ , p = this.transformPoint(e)
+ , x = this.startPoints.box.x + p.x - this.startPoints.point.x
+ , y = this.startPoints.box.y + p.y - this.startPoints.point.y
+ , c = this.constraint
+ , gx = p.x - this.startPoints.point.x
+ , gy = p.y - this.startPoints.point.y;
+
+ var event = new CustomEvent('dragmove', {
+ detail: {
+ event: e
+ , p: p
+ , m: this.m
+ , handler: this
+ }
+ , cancelable: true
+ });
+
+ this.el.fire(event);
+
+ if(event.defaultPrevented) return p
+
+ // move the element to its new position, if possible by constraint
+ if (typeof c == 'function') {
+
+ var coord = c.call(this.el, x, y, this.m);
+
+ // bool, just show us if movement is allowed or not
+ if (typeof coord == 'boolean') {
+ coord = {
+ x: coord,
+ y: coord
+ };
+ }
+
+ // if true, we just move. If !false its a number and we move it there
+ if (coord.x === true) {
+ this.el.x(x);
+ } else if (coord.x !== false) {
+ this.el.x(coord.x);
+ }
+
+ if (coord.y === true) {
+ this.el.y(y);
+ } else if (coord.y !== false) {
+ this.el.y(coord.y);
+ }
+
+ } else if (typeof c == 'object') {
+
+ // keep element within constrained box
+ if (c.minX != null && x < c.minX)
+ x = c.minX;
+ else if (c.maxX != null && x > c.maxX - box.width){
+ x = c.maxX - box.width;
+ }if (c.minY != null && y < c.minY)
+ y = c.minY;
+ else if (c.maxY != null && y > c.maxY - box.height)
+ y = c.maxY - box.height;
+
+ if(this.el instanceof SVG.G)
+ this.el.matrix(this.startPoints.transform).transform({x:gx, y: gy}, true);
+ else
+ this.el.move(x, y);
+ }
+
+ // so we can use it in the end-method, too
+ return p
+ };
+
+ DragHandler.prototype.end = function(e){
+
+ // final drag
+ var p = this.drag(e);
+
+ // fire dragend event
+ this.el.fire('dragend', { event: e, p: p, m: this.m, handler: this });
+
+ // unbind events
+ SVG.off(window, 'mousemove.drag');
+ SVG.off(window, 'touchmove.drag');
+ SVG.off(window, 'mouseup.drag');
+ SVG.off(window, 'touchend.drag');
+
+ };
+
+ SVG.extend(SVG.Element, {
+ // Make element draggable
+ // Constraint might be an object (as described in readme.md) or a function in the form "function (x, y)" that gets called before every move.
+ // The function can return a boolean or an object of the form {x, y}, to which the element will be moved. "False" skips moving, true moves to raw x, y.
+ draggable: function(value, constraint) {
+
+ // Check the parameters and reassign if needed
+ if (typeof value == 'function' || typeof value == 'object') {
+ constraint = value;
+ value = true;
+ }
+
+ var dragHandler = this.remember('_draggable') || new DragHandler(this);
+
+ // When no parameter is given, value is true
+ value = typeof value === 'undefined' ? true : value;
+
+ if(value) dragHandler.init(constraint || {}, value);
+ else {
+ this.off('mousedown.drag');
+ this.off('touchstart.drag');
+ }
+
+ return this
+ }
+
+ });
+
+ }).call(undefined);
+
+ (function() {
+
+ function SelectHandler(el) {
+
+ this.el = el;
+ el.remember('_selectHandler', this);
+ this.pointSelection = {isSelected: false};
+ this.rectSelection = {isSelected: false};
+
+ }
+
+ SelectHandler.prototype.init = function (value, options) {
+
+ var bbox = this.el.bbox();
+ this.options = {};
+
+ // Merging the defaults and the options-object together
+ for (var i in this.el.selectize.defaults) {
+ this.options[i] = this.el.selectize.defaults[i];
+ if (options[i] !== undefined) {
+ this.options[i] = options[i];
+ }
+ }
+
+ this.parent = this.el.parent();
+ this.nested = (this.nested || this.parent.group());
+ this.nested.matrix(new SVG.Matrix(this.el).translate(bbox.x, bbox.y));
+
+ // When deepSelect is enabled and the element is a line/polyline/polygon, draw only points for moving
+ if (this.options.deepSelect && ['line', 'polyline', 'polygon'].indexOf(this.el.type) !== -1) {
+ this.selectPoints(value);
+ } else {
+ this.selectRect(value);
+ }
+
+ this.observe();
+ this.cleanup();
+
+ };
+
+ SelectHandler.prototype.selectPoints = function (value) {
+
+ this.pointSelection.isSelected = value;
+
+ // When set is already there we dont have to create one
+ if (this.pointSelection.set) {
+ return this;
+ }
+
+ // Create our set of elements
+ this.pointSelection.set = this.parent.set();
+ // draw the circles and mark the element as selected
+ this.drawCircles();
+
+ return this;
+
+ };
+
+ // create the point-array which contains the 2 points of a line or simply the points-array of polyline/polygon
+ SelectHandler.prototype.getPointArray = function () {
+ var bbox = this.el.bbox();
+
+ return this.el.array().valueOf().map(function (el) {
+ return [el[0] - bbox.x, el[1] - bbox.y];
+ });
+ };
+
+ // The function to draw the circles
+ SelectHandler.prototype.drawCircles = function () {
+
+ var _this = this, array = this.getPointArray();
+
+ // go through the array of points
+ for (var i = 0, len = array.length; i < len; ++i) {
+
+ var curriedEvent = (function (k) {
+ return function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire('point', {x: x, y: y, i: k, event: ev});
+ };
+ })(i);
+
+ // add every point to the set
+ this.pointSelection.set.add(
+ // a circle with our css-classes and a touchstart-event which fires our event for moving points
+ this.nested.circle(this.options.radius)
+ .center(array[i][0], array[i][1])
+ .addClass(this.options.classPoints)
+ .addClass(this.options.classPoints + '_point')
+ .on('touchstart', curriedEvent)
+ .on('mousedown', curriedEvent)
+ );
+ }
+
+ };
+
+ // every time a circle is moved, we have to update the positions of our circle
+ SelectHandler.prototype.updatePointSelection = function () {
+ var array = this.getPointArray();
+
+ this.pointSelection.set.each(function (i) {
+ if (this.cx() === array[i][0] && this.cy() === array[i][1]) {
+ return;
+ }
+ this.center(array[i][0], array[i][1]);
+ });
+ };
+
+ SelectHandler.prototype.updateRectSelection = function () {
+ var bbox = this.el.bbox();
+
+ this.rectSelection.set.get(0).attr({
+ width: bbox.width,
+ height: bbox.height
+ });
+
+ // set.get(1) is always in the upper left corner. no need to move it
+ if (this.options.points) {
+ this.rectSelection.set.get(2).center(bbox.width, 0);
+ this.rectSelection.set.get(3).center(bbox.width, bbox.height);
+ this.rectSelection.set.get(4).center(0, bbox.height);
+
+ this.rectSelection.set.get(5).center(bbox.width / 2, 0);
+ this.rectSelection.set.get(6).center(bbox.width, bbox.height / 2);
+ this.rectSelection.set.get(7).center(bbox.width / 2, bbox.height);
+ this.rectSelection.set.get(8).center(0, bbox.height / 2);
+ }
+
+ if (this.options.rotationPoint) {
+ if (this.options.points) {
+ this.rectSelection.set.get(9).center(bbox.width / 2, 20);
+ } else {
+ this.rectSelection.set.get(1).center(bbox.width / 2, 20);
+ }
+ }
+ };
+
+ SelectHandler.prototype.selectRect = function (value) {
+
+ var _this = this, bbox = this.el.bbox();
+
+ this.rectSelection.isSelected = value;
+
+ // when set is already p
+ this.rectSelection.set = this.rectSelection.set || this.parent.set();
+
+ // helperFunction to create a mouse-down function which triggers the event specified in `eventName`
+ function getMoseDownFunc(eventName) {
+ return function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire(eventName, {x: x, y: y, event: ev});
+ };
+ }
+
+ // create the selection-rectangle and add the css-class
+ if (!this.rectSelection.set.get(0)) {
+ this.rectSelection.set.add(this.nested.rect(bbox.width, bbox.height).addClass(this.options.classRect));
+ }
+
+ // Draw Points at the edges, if enabled
+ if (this.options.points && !this.rectSelection.set.get(1)) {
+ var ename ="touchstart", mname = "mousedown";
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, 0).attr('class', this.options.classPoints + '_lt').on(mname, getMoseDownFunc('lt')).on(ename, getMoseDownFunc('lt')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, 0).attr('class', this.options.classPoints + '_rt').on(mname, getMoseDownFunc('rt')).on(ename, getMoseDownFunc('rt')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, bbox.height).attr('class', this.options.classPoints + '_rb').on(mname, getMoseDownFunc('rb')).on(ename, getMoseDownFunc('rb')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, bbox.height).attr('class', this.options.classPoints + '_lb').on(mname, getMoseDownFunc('lb')).on(ename, getMoseDownFunc('lb')));
+
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, 0).attr('class', this.options.classPoints + '_t').on(mname, getMoseDownFunc('t')).on(ename, getMoseDownFunc('t')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width, bbox.height / 2).attr('class', this.options.classPoints + '_r').on(mname, getMoseDownFunc('r')).on(ename, getMoseDownFunc('r')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, bbox.height).attr('class', this.options.classPoints + '_b').on(mname, getMoseDownFunc('b')).on(ename, getMoseDownFunc('b')));
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0, bbox.height / 2).attr('class', this.options.classPoints + '_l').on(mname, getMoseDownFunc('l')).on(ename, getMoseDownFunc('l')));
+
+ this.rectSelection.set.each(function () {
+ this.addClass(_this.options.classPoints);
+ });
+ }
+
+ // draw rotationPint, if enabled
+ if (this.options.rotationPoint && ((this.options.points && !this.rectSelection.set.get(9)) || (!this.options.points && !this.rectSelection.set.get(1)))) {
+
+ var curriedEvent = function (ev) {
+ ev = ev || window.event;
+ ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
+ ev.stopPropagation();
+
+ var x = ev.pageX || ev.touches[0].pageX;
+ var y = ev.pageY || ev.touches[0].pageY;
+ _this.el.fire('rot', {x: x, y: y, event: ev});
+ };
+ this.rectSelection.set.add(this.nested.circle(this.options.radius).center(bbox.width / 2, 20).attr('class', this.options.classPoints + '_rot')
+ .on("touchstart", curriedEvent).on("mousedown", curriedEvent));
+
+ }
+
+ };
+
+ SelectHandler.prototype.handler = function () {
+
+ var bbox = this.el.bbox();
+ this.nested.matrix(new SVG.Matrix(this.el).translate(bbox.x, bbox.y));
+
+ if (this.rectSelection.isSelected) {
+ this.updateRectSelection();
+ }
+
+ if (this.pointSelection.isSelected) {
+ this.updatePointSelection();
+ }
+
+ };
+
+ SelectHandler.prototype.observe = function () {
+ var _this = this;
+
+ if (MutationObserver) {
+ if (this.rectSelection.isSelected || this.pointSelection.isSelected) {
+ this.observerInst = this.observerInst || new MutationObserver(function () {
+ _this.handler();
+ });
+ this.observerInst.observe(this.el.node, {attributes: true});
+ } else {
+ try {
+ this.observerInst.disconnect();
+ delete this.observerInst;
+ } catch (e) {
+ }
+ }
+ } else {
+ this.el.off('DOMAttrModified.select');
+
+ if (this.rectSelection.isSelected || this.pointSelection.isSelected) {
+ this.el.on('DOMAttrModified.select', function () {
+ _this.handler();
+ });
+ }
+ }
+ };
+
+ SelectHandler.prototype.cleanup = function () {
+
+ //var _this = this;
+
+ if (!this.rectSelection.isSelected && this.rectSelection.set) {
+ // stop watching the element, remove the selection
+ this.rectSelection.set.each(function () {
+ this.remove();
+ });
+
+ this.rectSelection.set.clear();
+ delete this.rectSelection.set;
+ }
+
+ if (!this.pointSelection.isSelected && this.pointSelection.set) {
+ // Remove all points, clear the set, stop watching the element
+ this.pointSelection.set.each(function () {
+ this.remove();
+ });
+
+ this.pointSelection.set.clear();
+ delete this.pointSelection.set;
+ }
+
+ if (!this.pointSelection.isSelected && !this.rectSelection.isSelected) {
+ this.nested.remove();
+ delete this.nested;
+
+ }
+ };
+
+
+ SVG.extend(SVG.Element, {
+ // Select element with mouse
+ selectize: function (value, options) {
+
+ // Check the parameters and reassign if needed
+ if (typeof value === 'object') {
+ options = value;
+ value = true;
+ }
+
+ var selectHandler = this.remember('_selectHandler') || new SelectHandler(this);
+
+ selectHandler.init(value === undefined ? true : value, options || {});
+
+ return this;
+
+ }
+ });
+
+ SVG.Element.prototype.selectize.defaults = {
+ points: true, // If true, points at the edges are drawn. Needed for resize!
+ classRect: 'svg_select_boundingRect', // Css-class added to the rect
+ classPoints: 'svg_select_points', // Css-class added to the points
+ radius: 7, // radius of the points
+ rotationPoint: true, // If true, rotation point is drawn. Needed for rotation!
+ deepSelect: false // If true, moving of single points is possible (only line, polyline, polyon)
+ };
+ }());
+
+ (function() {
+ (function () {
+
+ function ResizeHandler(el) {
+
+ el.remember('_resizeHandler', this);
+
+ this.el = el;
+ this.parameters = {};
+ this.lastUpdateCall = null;
+ this.p = el.doc().node.createSVGPoint();
+ }
+
+ ResizeHandler.prototype.transformPoint = function(x, y, m){
+
+ this.p.x = x - (this.offset.x - window.pageXOffset);
+ this.p.y = y - (this.offset.y - window.pageYOffset);
+
+ return this.p.matrixTransform(m || this.m);
+
+ };
+
+ ResizeHandler.prototype._extractPosition = function(event) {
+ // Extract a position from a mouse/touch event.
+ // Returns { x: .., y: .. }
+ return {
+ x: event.clientX != null ? event.clientX : event.touches[0].clientX,
+ y: event.clientY != null ? event.clientY : event.touches[0].clientY
+ }
+ };
+
+ ResizeHandler.prototype.init = function (options) {
+
+ var _this = this;
+
+ this.stop();
+
+ if (options === 'stop') {
+ return;
+ }
+
+ this.options = {};
+
+ // Merge options and defaults
+ for (var i in this.el.resize.defaults) {
+ this.options[i] = this.el.resize.defaults[i];
+ if (typeof options[i] !== 'undefined') {
+ this.options[i] = options[i];
+ }
+ }
+
+ // We listen to all these events which are specifying different edges
+ this.el.on('lt.resize', function(e){ _this.resize(e || window.event); }); // Left-Top
+ this.el.on('rt.resize', function(e){ _this.resize(e || window.event); }); // Right-Top
+ this.el.on('rb.resize', function(e){ _this.resize(e || window.event); }); // Right-Bottom
+ this.el.on('lb.resize', function(e){ _this.resize(e || window.event); }); // Left-Bottom
+
+ this.el.on('t.resize', function(e){ _this.resize(e || window.event); }); // Top
+ this.el.on('r.resize', function(e){ _this.resize(e || window.event); }); // Right
+ this.el.on('b.resize', function(e){ _this.resize(e || window.event); }); // Bottom
+ this.el.on('l.resize', function(e){ _this.resize(e || window.event); }); // Left
+
+ this.el.on('rot.resize', function(e){ _this.resize(e || window.event); }); // Rotation
+
+ this.el.on('point.resize', function(e){ _this.resize(e || window.event); }); // Point-Moving
+
+ // This call ensures, that the plugin reacts to a change of snapToGrid immediately
+ this.update();
+
+ };
+
+ ResizeHandler.prototype.stop = function(){
+ this.el.off('lt.resize');
+ this.el.off('rt.resize');
+ this.el.off('rb.resize');
+ this.el.off('lb.resize');
+
+ this.el.off('t.resize');
+ this.el.off('r.resize');
+ this.el.off('b.resize');
+ this.el.off('l.resize');
+
+ this.el.off('rot.resize');
+
+ this.el.off('point.resize');
+
+ return this;
+ };
+
+ ResizeHandler.prototype.resize = function (event) {
+
+ var _this = this;
+
+ this.m = this.el.node.getScreenCTM().inverse();
+ this.offset = { x: window.pageXOffset, y: window.pageYOffset };
+
+ var txPt = this._extractPosition(event.detail.event);
+ this.parameters = {
+ type: this.el.type, // the type of element
+ p: this.transformPoint(txPt.x, txPt.y),
+ x: event.detail.x, // x-position of the mouse when resizing started
+ y: event.detail.y, // y-position of the mouse when resizing started
+ box: this.el.bbox(), // The bounding-box of the element
+ rotation: this.el.transform().rotation // The current rotation of the element
+ };
+
+ // Add font-size parameter if the element type is text
+ if (this.el.type === "text") {
+ this.parameters.fontSize = this.el.attr()["font-size"];
+ }
+
+ // the i-param in the event holds the index of the point which is moved, when using `deepSelect`
+ if (event.detail.i !== undefined) {
+
+ // get the point array
+ var array = this.el.array().valueOf();
+
+ // Save the index and the point which is moved
+ this.parameters.i = event.detail.i;
+ this.parameters.pointCoords = [array[event.detail.i][0], array[event.detail.i][1]];
+ }
+
+ // Lets check which edge of the bounding-box was clicked and resize the this.el according to this
+ switch (event.type) {
+
+ // Left-Top-Edge
+ case 'lt':
+ // We build a calculating function for every case which gives us the new position of the this.el
+ this.calc = function (diffX, diffY) {
+ // The procedure is always the same
+ // First we snap the edge to the given grid (snapping to 1px grid is normal resizing)
+ var snap = this.snapToGrid(diffX, diffY);
+
+ // Now we check if the new height and width still valid (> 0)
+ if (this.parameters.box.width - snap[0] > 0 && this.parameters.box.height - snap[1] > 0) {
+ // ...if valid, we resize the this.el (which can include moving because the coord-system starts at the left-top and this edge is moving sometimes when resized)
+
+ /*
+ * but first check if the element is text box, so we can change the font size instead of
+ * the width and height
+ */
+
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize - snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y + snap[1]).size(this.parameters.box.width - snap[0], this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right-Top
+ case 'rt':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1 << 1);
+ if (this.parameters.box.width + snap[0] > 0 && this.parameters.box.height - snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x - snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize + snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y + snap[1]).size(this.parameters.box.width + snap[0], this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right-Bottom
+ case 'rb':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.width + snap[0] > 0 && this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x - snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize + snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).size(this.parameters.box.width + snap[0], this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Left-Bottom
+ case 'lb':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1);
+ if (this.parameters.box.width - snap[0] > 0 && this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y);
+ this.el.attr("font-size", this.parameters.fontSize - snap[0]);
+ return;
+ }
+
+ snap = this.checkAspectRatio(snap);
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y).size(this.parameters.box.width - snap[0], this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Top
+ case 't':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1 << 1);
+ if (this.parameters.box.height - snap[1] > 0) {
+ // Disable the font-resizing if it is not from the corner of bounding-box
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y + snap[1]).height(this.parameters.box.height - snap[1]);
+ }
+ };
+ break;
+
+ // Right
+ case 'r':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.width + snap[0] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).width(this.parameters.box.width + snap[0]);
+ }
+ };
+ break;
+
+ // Bottom
+ case 'b':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 0);
+ if (this.parameters.box.height + snap[1] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x, this.parameters.box.y).height(this.parameters.box.height + snap[1]);
+ }
+ };
+ break;
+
+ // Left
+ case 'l':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+ var snap = this.snapToGrid(diffX, diffY, 1);
+ if (this.parameters.box.width - snap[0] > 0) {
+ if (this.parameters.type === "text") {
+ return;
+ }
+
+ this.el.move(this.parameters.box.x + snap[0], this.parameters.box.y).width(this.parameters.box.width - snap[0]);
+ }
+ };
+ break;
+
+ // Rotation
+ case 'rot':
+ // s.a.
+ this.calc = function (diffX, diffY) {
+
+ // yes this is kinda stupid but we need the mouse coords back...
+ var current = {x: diffX + this.parameters.p.x, y: diffY + this.parameters.p.y};
+
+ // start minus middle
+ var sAngle = Math.atan2((this.parameters.p.y - this.parameters.box.y - this.parameters.box.height / 2), (this.parameters.p.x - this.parameters.box.x - this.parameters.box.width / 2));
+
+ // end minus middle
+ var pAngle = Math.atan2((current.y - this.parameters.box.y - this.parameters.box.height / 2), (current.x - this.parameters.box.x - this.parameters.box.width / 2));
+
+ var angle = (pAngle - sAngle) * 180 / Math.PI;
+
+ // We have to move the element to the center of the box first and change the rotation afterwards
+ // because rotation always works around a rotation-center, which is changed when moving the element
+ // We also set the new rotation center to the center of the box.
+ this.el.center(this.parameters.box.cx, this.parameters.box.cy).rotate(this.parameters.rotation + angle - angle % this.options.snapToAngle, this.parameters.box.cx, this.parameters.box.cy);
+ };
+ break;
+
+ // Moving one single Point (needed when an element is deepSelected which means you can move every single point of the object)
+ case 'point':
+ this.calc = function (diffX, diffY) {
+
+ // Snapping the point to the grid
+ var snap = this.snapToGrid(diffX, diffY, this.parameters.pointCoords[0], this.parameters.pointCoords[1]);
+
+ // Get the point array
+ var array = this.el.array().valueOf();
+
+ // Changing the moved point in the array
+ array[this.parameters.i][0] = this.parameters.pointCoords[0] + snap[0];
+ array[this.parameters.i][1] = this.parameters.pointCoords[1] + snap[1];
+
+ // And plot the new this.el
+ this.el.plot(array);
+ };
+ }
+
+ this.el.fire('resizestart', {dx: this.parameters.x, dy: this.parameters.y, event: event});
+ // When resizing started, we have to register events for...
+ // Touches.
+ SVG.on(window, 'touchmove.resize', function(e) {
+ _this.update(e || window.event);
+ });
+ SVG.on(window, 'touchend.resize', function() {
+ _this.done();
+ });
+ // Mouse.
+ SVG.on(window, 'mousemove.resize', function (e) {
+ _this.update(e || window.event);
+ });
+ SVG.on(window, 'mouseup.resize', function () {
+ _this.done();
+ });
+
+ };
+
+ // The update-function redraws the element every time the mouse is moving
+ ResizeHandler.prototype.update = function (event) {
+
+ if (!event) {
+ if (this.lastUpdateCall) {
+ this.calc(this.lastUpdateCall[0], this.lastUpdateCall[1]);
+ }
+ return;
+ }
+
+ // Calculate the difference between the mouseposition at start and now
+ var txPt = this._extractPosition(event);
+ var p = this.transformPoint(txPt.x, txPt.y);
+
+ var diffX = p.x - this.parameters.p.x,
+ diffY = p.y - this.parameters.p.y;
+
+ this.lastUpdateCall = [diffX, diffY];
+
+ // Calculate the new position and height / width of the element
+ this.calc(diffX, diffY);
+
+ // Emit an event to say we have changed.
+ this.el.fire('resizing', {dx: diffX, dy: diffY, event: event});
+ };
+
+ // Is called on mouseup.
+ // Removes the update-function from the mousemove event
+ ResizeHandler.prototype.done = function () {
+ this.lastUpdateCall = null;
+ SVG.off(window, 'mousemove.resize');
+ SVG.off(window, 'mouseup.resize');
+ SVG.off(window, 'touchmove.resize');
+ SVG.off(window, 'touchend.resize');
+ this.el.fire('resizedone');
+ };
+
+ // The flag is used to determine whether the resizing is used with a left-Point (first bit) and top-point (second bit)
+ // In this cases the temp-values are calculated differently
+ ResizeHandler.prototype.snapToGrid = function (diffX, diffY, flag, pointCoordsY) {
+
+ var temp;
+
+ // If `pointCoordsY` is given, a single Point has to be snapped (deepSelect). That's why we need a different temp-value
+ if (typeof pointCoordsY !== 'undefined') {
+ // Note that flag = pointCoordsX in this case
+ temp = [(flag + diffX) % this.options.snapToGrid, (pointCoordsY + diffY) % this.options.snapToGrid];
+ } else {
+ // We check if the flag is set and if not we set a default-value (both bits set - which means upper-left-edge)
+ flag = flag == null ? 1 | 1 << 1 : flag;
+ temp = [(this.parameters.box.x + diffX + (flag & 1 ? 0 : this.parameters.box.width)) % this.options.snapToGrid, (this.parameters.box.y + diffY + (flag & (1 << 1) ? 0 : this.parameters.box.height)) % this.options.snapToGrid];
+ }
+
+
+ diffX -= (Math.abs(temp[0]) < this.options.snapToGrid / 2 ?
+ temp[0] :
+ temp[0] - (diffX < 0 ? -this.options.snapToGrid : this.options.snapToGrid));
+ diffY -= (Math.abs(temp[1]) < this.options.snapToGrid / 2 ?
+ temp[1] :
+ temp[1] - (diffY < 0 ? -this.options.snapToGrid : this.options.snapToGrid));
+
+ return this.constraintToBox(diffX, diffY, flag, pointCoordsY);
+
+ };
+
+ // keep element within constrained box
+ ResizeHandler.prototype.constraintToBox = function (diffX, diffY, flag, pointCoordsY) {
+ //return [diffX, diffY]
+ var c = this.options.constraint || {};
+ var orgX, orgY;
+
+ if (typeof pointCoordsY !== 'undefined') {
+ orgX = flag;
+ orgY = pointCoordsY;
+ } else {
+ orgX = this.parameters.box.x + (flag & 1 ? 0 : this.parameters.box.width);
+ orgY = this.parameters.box.y + (flag & (1<<1) ? 0 : this.parameters.box.height);
+ }
+
+ if (typeof c.minX !== 'undefined' && orgX + diffX < c.minX) {
+ diffX = c.minX - orgX;
+ }
+
+ if (typeof c.maxX !== 'undefined' && orgX + diffX > c.maxX) {
+ diffX = c.maxX - orgX;
+ }
+
+ if (typeof c.minY !== 'undefined' && orgY + diffY < c.minY) {
+ diffY = c.minY - orgY;
+ }
+
+ if (typeof c.maxY !== 'undefined' && orgY + diffY > c.maxY) {
+ diffY = c.maxY - orgY;
+ }
+
+ return [diffX, diffY];
+ };
+
+ ResizeHandler.prototype.checkAspectRatio = function (snap) {
+ if (!this.options.saveAspectRatio) {
+ return snap;
+ }
+
+ var updatedSnap = snap.slice();
+ var aspectRatio = this.parameters.box.width / this.parameters.box.height;
+ var newW = this.parameters.box.width + snap[0];
+ var newH = this.parameters.box.height - snap[1];
+ var newAspectRatio = newW / newH;
+
+ if (newAspectRatio < aspectRatio) {
+ // Height is too big. Adapt it
+ updatedSnap[1] = newW / aspectRatio - this.parameters.box.height;
+ } else if (newAspectRatio > aspectRatio) {
+ // Width is too big. Adapt it
+ updatedSnap[0] = this.parameters.box.width - newH * aspectRatio;
+ }
+
+ return updatedSnap;
+
+ };
+
+ SVG.extend(SVG.Element, {
+ // Resize element with mouse
+ resize: function (options) {
+
+ (this.remember('_resizeHandler') || new ResizeHandler(this)).init(options || {});
+
+ return this;
+
+ }
+
+ });
+
+ SVG.Element.prototype.resize.defaults = {
+ snapToAngle: 0.1, // Specifies the speed the rotation is happening when moving the mouse
+ snapToGrid: 1, // Snaps to a grid of `snapToGrid` Pixels
+ constraint: {}, // keep element within constrained box
+ saveAspectRatio: false // Save aspect ratio when resizing using lt, rt, rb or lb points
+ };
+
+ }).call(this);
+ }());
+
+ function styleInject(css, ref) {
+ if ( ref === void 0 ) ref = {};
+ var insertAt = ref.insertAt;
+
+ if (!css || typeof document === 'undefined') { return; }
+
+ var head = document.head || document.getElementsByTagName('head')[0];
+ var style = document.createElement('style');
+ style.type = 'text/css';
+
+ if (insertAt === 'top') {
+ if (head.firstChild) {
+ head.insertBefore(style, head.firstChild);
+ } else {
+ head.appendChild(style);
+ }
+ } else {
+ head.appendChild(style);
+ }
+
+ if (style.styleSheet) {
+ style.styleSheet.cssText = css;
+ } else {
+ style.appendChild(document.createTextNode(css));
+ }
+ }
+
+ var css = ".apexcharts-canvas {\n position: relative;\n user-select: none;\n /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */\n}\n\n/* scrollbar is not visible by default for legend, hence forcing the visibility */\n.apexcharts-canvas ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 6px;\n}\n.apexcharts-canvas ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0,0,0,.5);\n box-shadow: 0 0 1px rgba(255,255,255,.5);\n -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);\n}\n\n.apexcharts-inner {\n position: relative;\n}\n\n.legend-mouseover-inactive {\n transition: 0.15s ease all;\n opacity: 0.20;\n}\n\n.apexcharts-series-collapsed {\n opacity: 0;\n}\n\n.apexcharts-gridline, .apexcharts-text {\n pointer-events: none;\n}\n\n.apexcharts-tooltip {\n border-radius: 5px;\n box-shadow: 2px 2px 6px -4px #999;\n cursor: default;\n font-size: 14px;\n left: 62px;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 20px;\n overflow: hidden;\n white-space: nowrap;\n z-index: 12;\n transition: 0.15s ease all;\n}\n.apexcharts-tooltip.light {\n border: 1px solid #e3e3e3;\n background: rgba(255, 255, 255, 0.96);\n}\n.apexcharts-tooltip.dark {\n color: #fff;\n background: rgba(30,30,30, 0.8);\n}\n.apexcharts-tooltip * {\n font-family: inherit;\n}\n\n.apexcharts-tooltip .apexcharts-marker,\n.apexcharts-area-series .apexcharts-area,\n.apexcharts-line {\n pointer-events: none;\n}\n\n.apexcharts-tooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-tooltip-title {\n padding: 6px;\n font-size: 15px;\n margin-bottom: 4px;\n}\n.apexcharts-tooltip.light .apexcharts-tooltip-title {\n background: #ECEFF1;\n border-bottom: 1px solid #ddd;\n}\n.apexcharts-tooltip.dark .apexcharts-tooltip-title {\n background: rgba(0, 0, 0, 0.7);\n border-bottom: 1px solid #222;\n}\n\n.apexcharts-tooltip-text-value,\n.apexcharts-tooltip-text-z-value {\n display: inline-block;\n font-weight: 600;\n margin-left: 5px;\n}\n\n.apexcharts-tooltip-text-z-label:empty,\n.apexcharts-tooltip-text-z-value:empty {\n display: none;\n}\n\n.apexcharts-tooltip-text-value, \n.apexcharts-tooltip-text-z-value {\n font-weight: 600;\n}\n\n.apexcharts-tooltip-marker {\n width: 12px;\n height: 12px;\n position: relative;\n top: 0px;\n margin-right: 10px;\n border-radius: 50%;\n}\n\n.apexcharts-tooltip-series-group {\n padding: 0 10px;\n display: none;\n text-align: left;\n justify-content: left;\n align-items: center;\n}\n\n.apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {\n opacity: 1;\n}\n.apexcharts-tooltip-series-group.active, .apexcharts-tooltip-series-group:last-child {\n padding-bottom: 4px;\n}\n.apexcharts-tooltip-y-group {\n padding: 6px 0 5px;\n}\n.apexcharts-tooltip-candlestick {\n padding: 4px 8px;\n}\n.apexcharts-tooltip-candlestick > div {\n margin: 4px 0;\n}\n.apexcharts-tooltip-candlestick span.value {\n font-weight: bold;\n}\n\n.apexcharts-xaxistooltip {\n opacity: 0;\n padding: 9px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {\n\tleft: 50%;\n\tborder: solid transparent;\n\tcontent: \" \";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n\n.apexcharts-xaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-left: -6px;\n}\n.apexcharts-xaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-left: -7px;\n}\n\n.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {\n bottom: 100%;\n}\n\n.apexcharts-xaxistooltip-bottom:after {\n border-bottom-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-bottom:before {\n border-bottom-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {\n top: 100%;\n}\n.apexcharts-xaxistooltip-top:after {\n border-top-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-top:before {\n border-top-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-yaxistooltip {\n opacity: 0;\n padding: 4px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n}\n\n.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {\n\ttop: 50%;\n\tborder: solid transparent;\n\tcontent: \" \";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.apexcharts-yaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-top: -6px;\n}\n.apexcharts-yaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-top: -7px;\n}\n\n.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {\n left: 100%;\n}\n.apexcharts-yaxistooltip-left:after {\n border-left-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-left:before {\n border-left-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {\n right: 100%;\n}\n.apexcharts-yaxistooltip-right:after {\n border-right-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-right:before {\n border-right-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip.active {\n opacity: 1;\n}\n\n.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {\n pointer-events: none;\n opacity: 0;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xcrosshairs.active, .apexcharts-ycrosshairs.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-ycrosshairs-hidden {\n opacity: 0;\n}\n\n.apexcharts-zoom-rect {\n pointer-events: none;\n}\n.apexcharts-selection-rect {\n cursor: move;\n}\n\n.svg_select_points, .svg_select_points_rot {\n opacity: 0;\n visibility: hidden;\n}\n.svg_select_points_l, .svg_select_points_r {\n cursor: ew-resize;\n opacity: 1;\n visibility: visible;\n fill: #888;\n}\n.apexcharts-canvas.zoomable .hovering-zoom {\n cursor: crosshair\n}\n.apexcharts-canvas.zoomable .hovering-pan {\n cursor: move\n}\n\n.apexcharts-xaxis,\n.apexcharts-yaxis {\n pointer-events: none;\n}\n\n.apexcharts-zoom-icon, \n.apexcharts-zoom-in-icon,\n.apexcharts-zoom-out-icon,\n.apexcharts-reset-zoom-icon, \n.apexcharts-pan-icon, \n.apexcharts-selection-icon,\n.apexcharts-menu-icon, \n.apexcharts-toolbar-custom-icon {\n cursor: pointer;\n width: 20px;\n height: 20px;\n line-height: 24px;\n color: #6E8192;\n text-align: center;\n}\n\n.apexcharts-zoom-icon svg, \n.apexcharts-zoom-in-icon svg,\n.apexcharts-zoom-out-icon svg,\n.apexcharts-reset-zoom-icon svg,\n.apexcharts-menu-icon svg {\n fill: #6E8192;\n}\n.apexcharts-selection-icon svg {\n fill: #444;\n transform: scale(0.76)\n}\n.apexcharts-zoom-icon.selected svg, \n.apexcharts-selection-icon.selected svg, \n.apexcharts-reset-zoom-icon.selected svg {\n fill: #008FFB;\n}\n.apexcharts-selection-icon:not(.selected):hover svg,\n.apexcharts-zoom-icon:not(.selected):hover svg, \n.apexcharts-zoom-in-icon:hover svg, \n.apexcharts-zoom-out-icon:hover svg, \n.apexcharts-reset-zoom-icon:hover svg, \n.apexcharts-menu-icon:hover svg {\n fill: #333;\n}\n\n.apexcharts-selection-icon, .apexcharts-menu-icon {\n position: relative;\n}\n.apexcharts-reset-zoom-icon {\n margin-left: 5px;\n}\n.apexcharts-zoom-icon, .apexcharts-reset-zoom-icon, .apexcharts-menu-icon {\n transform: scale(0.85);\n}\n\n.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {\n transform: scale(0.7)\n}\n\n.apexcharts-zoom-out-icon {\n margin-right: 3px;\n}\n\n.apexcharts-pan-icon {\n transform: scale(0.62);\n position: relative;\n left: 1px;\n top: 0px;\n}\n.apexcharts-pan-icon svg {\n fill: #fff;\n stroke: #6E8192;\n stroke-width: 2;\n}\n.apexcharts-pan-icon.selected svg {\n stroke: #008FFB;\n}\n.apexcharts-pan-icon:not(.selected):hover svg {\n stroke: #333;\n}\n\n.apexcharts-toolbar {\n position: absolute;\n z-index: 11;\n top: 0px;\n right: 3px;\n max-width: 176px;\n text-align: right;\n border-radius: 3px;\n padding: 0px 6px 2px 6px;\n display: flex;\n justify-content: space-between;\n align-items: center; \n}\n\n.apexcharts-toolbar svg {\n pointer-events: none;\n}\n\n.apexcharts-menu {\n background: #fff;\n position: absolute;\n top: 100%;\n border: 1px solid #ddd;\n border-radius: 3px;\n padding: 3px;\n right: 10px;\n opacity: 0;\n min-width: 110px;\n transition: 0.15s ease all;\n pointer-events: none;\n}\n\n.apexcharts-menu.open {\n opacity: 1;\n pointer-events: all;\n transition: 0.15s ease all;\n}\n\n.apexcharts-menu-item {\n padding: 6px 7px;\n font-size: 12px;\n cursor: pointer;\n}\n.apexcharts-menu-item:hover {\n background: #eee;\n}\n\n@media screen and (min-width: 768px) {\n .apexcharts-toolbar {\n /*opacity: 0;*/\n }\n\n .apexcharts-canvas:hover .apexcharts-toolbar {\n opacity: 1;\n } \n}\n\n.apexcharts-datalabel.hidden {\n opacity: 0;\n}\n\n.apexcharts-pie-label,\n.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {\n cursor: default;\n pointer-events: none;\n}\n\n.apexcharts-pie-label-delay {\n opacity: 0;\n animation-name: opaque;\n animation-duration: 0.3s;\n animation-fill-mode: forwards;\n animation-timing-function: ease;\n}\n\n.apexcharts-canvas .hidden {\n opacity: 0;\n}\n\n.apexcharts-hide .apexcharts-series-points {\n opacity: 0;\n}\n\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {\n pointer-events: none;\n}\n\n/* markers */\n\n.apexcharts-marker {\n transition: 0.15s ease all;\n}\n\n@keyframes opaque {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}";
+ styleInject(css);
+
+ /*
+ * classList.js: Cross-browser full element.classList implementation.
+ * 1.2.20171210
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: Dedicated to the public domain.
+ * See https://github.com/eligrey/classList.js/blob/master/LICENSE.md
+ */
+
+ /*global self, document, DOMException */
+
+ /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
+ if ("document" in self) {
+ // Full polyfill for browsers with no classList support
+ // Including IE < Edge missing SVGElement.classList
+ if (!("classList" in document.createElement("_")) || document.createElementNS && !("classList" in document.createElementNS("http://www.w3.org/2000/svg", "g"))) {
+ (function (view) {
+
+ if (!('Element' in view)) return;
+
+ var classListProp = "classList",
+ protoProp = "prototype",
+ elemCtrProto = view.Element[protoProp],
+ objCtr = Object,
+ strTrim = String[protoProp].trim || function () {
+ return this.replace(/^\s+|\s+$/g, "");
+ },
+ arrIndexOf = Array[protoProp].indexOf || function (item) {
+ var i = 0,
+ len = this.length;
+
+ for (; i < len; i++) {
+ if (i in this && this[i] === item) {
+ return i;
+ }
+ }
+
+ return -1;
+ } // Vendors: please allow content code to instantiate DOMExceptions
+ ,
+ DOMEx = function DOMEx(type, message) {
+ this.name = type;
+ this.code = DOMException[type];
+ this.message = message;
+ },
+ checkTokenAndGetIndex = function checkTokenAndGetIndex(classList, token) {
+ if (token === "") {
+ throw new DOMEx("SYNTAX_ERR", "The token must not be empty.");
+ }
+
+ if (/\s/.test(token)) {
+ throw new DOMEx("INVALID_CHARACTER_ERR", "The token must not contain space characters.");
+ }
+
+ return arrIndexOf.call(classList, token);
+ },
+ ClassList = function ClassList(elem) {
+ var trimmedClasses = strTrim.call(elem.getAttribute("class") || ""),
+ classes = trimmedClasses ? trimmedClasses.split(/\s+/) : [],
+ i = 0,
+ len = classes.length;
+
+ for (; i < len; i++) {
+ this.push(classes[i]);
+ }
+
+ this._updateClassName = function () {
+ elem.setAttribute("class", this.toString());
+ };
+ },
+ classListProto = ClassList[protoProp] = [],
+ classListGetter = function classListGetter() {
+ return new ClassList(this);
+ }; // Most DOMException implementations don't allow calling DOMException's toString()
+ // on non-DOMExceptions. Error's toString() is sufficient here.
+
+
+ DOMEx[protoProp] = Error[protoProp];
+
+ classListProto.item = function (i) {
+ return this[i] || null;
+ };
+
+ classListProto.contains = function (token) {
+ return ~checkTokenAndGetIndex(this, token + "");
+ };
+
+ classListProto.add = function () {
+ var tokens = arguments,
+ i = 0,
+ l = tokens.length,
+ token,
+ updated = false;
+
+ do {
+ token = tokens[i] + "";
+
+ if (!~checkTokenAndGetIndex(this, token)) {
+ this.push(token);
+ updated = true;
+ }
+ } while (++i < l);
+
+ if (updated) {
+ this._updateClassName();
+ }
+ };
+
+ classListProto.remove = function () {
+ var tokens = arguments,
+ i = 0,
+ l = tokens.length,
+ token,
+ updated = false,
+ index;
+
+ do {
+ token = tokens[i] + "";
+ index = checkTokenAndGetIndex(this, token);
+
+ while (~index) {
+ this.splice(index, 1);
+ updated = true;
+ index = checkTokenAndGetIndex(this, token);
+ }
+ } while (++i < l);
+
+ if (updated) {
+ this._updateClassName();
+ }
+ };
+
+ classListProto.toggle = function (token, force) {
+ var result = this.contains(token),
+ method = result ? force !== true && "remove" : force !== false && "add";
+
+ if (method) {
+ this[method](token);
+ }
+
+ if (force === true || force === false) {
+ return force;
+ } else {
+ return !result;
+ }
+ };
+
+ classListProto.replace = function (token, replacement_token) {
+ var index = checkTokenAndGetIndex(token + "");
+
+ if (~index) {
+ this.splice(index, 1, replacement_token);
+
+ this._updateClassName();
+ }
+ };
+
+ classListProto.toString = function () {
+ return this.join(" ");
+ };
+
+ if (objCtr.defineProperty) {
+ var classListPropDesc = {
+ get: classListGetter,
+ enumerable: true,
+ configurable: true
+ };
+
+ try {
+ objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+ } catch (ex) {
+ // IE 8 doesn't support enumerable:true
+ // adding undefined to fight this issue https://github.com/eligrey/classList.js/issues/36
+ // modernie IE8-MSW7 machine has IE8 8.0.6001.18702 and is affected
+ if (ex.number === undefined || ex.number === -0x7FF5EC54) {
+ classListPropDesc.enumerable = false;
+ objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+ }
+ }
+ } else if (objCtr[protoProp].__defineGetter__) {
+ elemCtrProto.__defineGetter__(classListProp, classListGetter);
+ }
+ })(self);
+ } // There is full or partial native classList support, so just check if we need
+ // to normalize the add/remove and toggle APIs.
+
+
+ (function () {
+
+ var testElement = document.createElement("_");
+ testElement.classList.add("c1", "c2"); // Polyfill for IE 10/11 and Firefox <26, where classList.add and
+ // classList.remove exist but support only one argument at a time.
+
+ if (!testElement.classList.contains("c2")) {
+ var createMethod = function createMethod(method) {
+ var original = DOMTokenList.prototype[method];
+
+ DOMTokenList.prototype[method] = function (token) {
+ var i,
+ len = arguments.length;
+
+ for (i = 0; i < len; i++) {
+ token = arguments[i];
+ original.call(this, token);
+ }
+ };
+ };
+
+ createMethod('add');
+ createMethod('remove');
+ }
+
+ testElement.classList.toggle("c3", false); // Polyfill for IE 10 and Firefox <24, where classList.toggle does not
+ // support the second argument.
+
+ if (testElement.classList.contains("c3")) {
+ var _toggle = DOMTokenList.prototype.toggle;
+
+ DOMTokenList.prototype.toggle = function (token, force) {
+ if (1 in arguments && !this.contains(token) === !force) {
+ return force;
+ } else {
+ return _toggle.call(this, token);
+ }
+ };
+ } // replace() polyfill
+
+
+ if (!("replace" in document.createElement("_").classList)) {
+ DOMTokenList.prototype.replace = function (token, replacement_token) {
+ var tokens = this.toString().split(" "),
+ index = tokens.indexOf(token + "");
+
+ if (~index) {
+ tokens = tokens.slice(index);
+ this.remove.apply(this, tokens);
+ this.add(replacement_token);
+ this.add.apply(this, tokens.slice(1));
+ }
+ };
+ }
+
+ testElement = null;
+ })();
+ }
+
+ /**
+ * Detect Element Resize
+ *
+ * https://github.com/sdecima/javascript-detect-element-resize
+ * Sebastian Decima
+ *
+ * version: 0.5.3
+ **/
+ (function () {
+ var stylesCreated = false;
+
+ function resetTriggers(element) {
+ var triggers = element.__resizeTriggers__,
+ expand = triggers.firstElementChild,
+ contract = triggers.lastElementChild,
+ expandChild = expand.firstElementChild;
+ contract.scrollLeft = contract.scrollWidth;
+ contract.scrollTop = contract.scrollHeight;
+ expandChild.style.width = expand.offsetWidth + 1 + 'px';
+ expandChild.style.height = expand.offsetHeight + 1 + 'px';
+ expand.scrollLeft = expand.scrollWidth;
+ expand.scrollTop = expand.scrollHeight;
+ }
+
+ function checkTriggers(element) {
+ return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
+ }
+
+ function scrollListener(e) {
+ var element = this;
+ resetTriggers(this);
+ if (this.__resizeRAF__) cancelFrame(this.__resizeRAF__);
+ this.__resizeRAF__ = requestFrame(function () {
+ if (checkTriggers(element)) {
+ element.__resizeLast__.width = element.offsetWidth;
+ element.__resizeLast__.height = element.offsetHeight;
+
+ element.__resizeListeners__.forEach(function (fn) {
+ fn.call(e);
+ });
+ }
+ });
+ }
+
+ function createStyles() {
+ if (!stylesCreated) {
+ // opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
+ var css = (animationKeyframes || '') + '.resize-triggers { ' + (animationStyle || '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
+ head = document.head || document.getElementsByTagName('head')[0],
+ style = document.createElement('style');
+ style.type = 'text/css';
+
+ if (style.styleSheet) {
+ style.styleSheet.cssText = css;
+ } else {
+ style.appendChild(document.createTextNode(css));
+ }
+
+ head.appendChild(style);
+ stylesCreated = true;
+ }
+ }
+
+ var requestFrame = function () {
+ var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
+ return window.setTimeout(fn, 20);
+ };
+
+ return function (fn) {
+ return raf(fn);
+ };
+ }();
+
+ var cancelFrame = function () {
+ var cancel = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout;
+ return function (id) {
+ return cancel(id);
+ };
+ }();
+ /* Detect CSS Animations support to detect element display/re-attach */
+
+
+ var animation = false,
+ keyframeprefix = '',
+ animationstartevent = 'animationstart',
+ domPrefixes = 'Webkit Moz O ms'.split(' '),
+ startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
+ pfx = '';
+ {
+ var elm = document.createElement('fakeelement');
+
+ if (elm.style.animationName !== undefined) {
+ animation = true;
+ }
+
+ if (animation === false) {
+ for (var i = 0; i < domPrefixes.length; i++) {
+ if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
+ pfx = domPrefixes[i];
+ keyframeprefix = '-' + pfx.toLowerCase() + '-';
+ animationstartevent = startEvents[i];
+ break;
+ }
+ }
+ }
+ }
+ var animationName = 'resizeanim';
+ var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
+ var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
+
+ window.addResizeListener = function (element, fn) {
+ if (!element.__resizeTriggers__) {
+ if (getComputedStyle(element).position == 'static') element.style.position = 'relative';
+ createStyles();
+ element.__resizeLast__ = {};
+ element.__resizeListeners__ = [];
+ (element.__resizeTriggers__ = document.createElement('div')).className = 'resize-triggers';
+ element.__resizeTriggers__.innerHTML = '<div class="expand-trigger"><div></div></div>' + '<div class="contract-trigger"></div>';
+ element.appendChild(element.__resizeTriggers__);
+ resetTriggers(element);
+ element.addEventListener('scroll', scrollListener, true);
+ /* Listen for a css animation to detect element display/re-attach */
+
+ animationstartevent && element.__resizeTriggers__.addEventListener(animationstartevent, function (e) {
+ if (e.animationName == animationName) {
+ resetTriggers(element);
+ }
+ });
+ }
+
+ element.__resizeListeners__.push(fn);
+ };
+
+ window.removeResizeListener = function (element, fn) {
+ if (element) {
+ element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+
+ if (!element.__resizeListeners__.length) {
+ element.removeEventListener('scroll', scrollListener);
+ element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
+ }
+ }
+ };
+ })();
+
+ window.Apex = {};
+ /**
+ *
+ * @module ApexCharts
+ **/
+
+ var ApexCharts$1 =
+ /*#__PURE__*/
+ function () {
+ function ApexCharts(el, opts) {
+ _classCallCheck(this, ApexCharts);
+
+ this.opts = opts;
+ this.ctx = this; // Pass the user supplied options to the Base Class where these options will be extended with defaults. The returned object from Base Class will become the config object in the entire codebase.
+
+ this.w = new Base(opts).init();
+ this.el = el;
+ this.w.globals.cuid = (Math.random() + 1).toString(36).substring(4);
+ this.w.globals.chartID = this.w.config.chart.id ? this.w.config.chart.id : this.w.globals.cuid;
+ this.initModules();
+ this.create = Utils.bind(this.create, this);
+ this.windowResizeHandler = this.windowResize.bind(this);
+ }
+ /**
+ * The primary method user will call to render the chart.
+ */
+
+
+ _createClass(ApexCharts, [{
+ key: "render",
+ value: function render() {
+ var _this = this;
+
+ // main method
+ return new Promise$1(function (resolve, reject) {
+ // only draw chart, if element found
+ if (_this.el !== null) {
+ if (typeof Apex._chartInstances === 'undefined') {
+ Apex._chartInstances = [];
+ }
+
+ if (_this.w.config.chart.id) {
+ Apex._chartInstances.push({
+ id: _this.w.globals.chartID,
+ group: _this.w.config.chart.group,
+ chart: _this
+ });
+ } // set the locale here
+
+
+ _this.setLocale(_this.w.config.chart.defaultLocale);
+
+ var beforeMount = _this.w.config.chart.events.beforeMount;
+
+ if (typeof beforeMount === 'function') {
+ beforeMount(_this, _this.w);
+ }
+
+ _this.fireEvent('beforeMount', [_this, _this.w]);
+
+ window.addEventListener('resize', _this.windowResizeHandler);
+ window.addResizeListener(_this.el.parentNode, _this.parentResizeCallback.bind(_this));
+
+ var graphData = _this.create(_this.w.config.series, {});
+
+ if (!graphData) return resolve(_this);
+
+ _this.mount(graphData).then(function () {
+ resolve(graphData);
+
+ if (typeof _this.w.config.chart.events.mounted === 'function') {
+ _this.w.config.chart.events.mounted(_this, _this.w);
+ }
+
+ _this.fireEvent('mounted', [_this, _this.w]);
+ }).catch(function (e) {
+ reject(e); // handle error in case no data or element not found
+ });
+ } else {
+ reject(new Error('Element not found'));
+ }
+ });
+ }
+ }, {
+ key: "initModules",
+ value: function initModules() {
+ this.animations = new Animations(this.ctx);
+ this.annotations = new Annotations(this.ctx);
+ this.core = new Core(this.el, this);
+ this.grid = new Grid(this);
+ this.coreUtils = new CoreUtils(this);
+ this.config = new Config({});
+ this.crosshairs = new Crosshairs(this.ctx);
+ this.options = new Options();
+ this.responsive = new Responsive(this.ctx);
+ this.series = new Series(this.ctx);
+ this.theme = new Theme(this.ctx);
+ this.formatters = new Formatters(this.ctx);
+ this.titleSubtitle = new TitleSubtitle(this.ctx);
+ this.legend = new Legend(this.ctx);
+ this.toolbar = new Toolbar(this.ctx);
+ this.dimensions = new Dimensions(this.ctx);
+ this.zoomPanSelection = new ZoomPanSelection(this.ctx);
+ this.w.globals.tooltip = new Tooltip(this.ctx);
+ }
+ }, {
+ key: "addEventListener",
+ value: function addEventListener(name$$1, handler) {
+ var w = this.w;
+
+ if (w.globals.events.hasOwnProperty(name$$1)) {
+ w.globals.events[name$$1].push(handler);
+ } else {
+ w.globals.events[name$$1] = [handler];
+ }
+ }
+ }, {
+ key: "removeEventListener",
+ value: function removeEventListener(name$$1, handler) {
+ var w = this.w;
+
+ if (!w.globals.events.hasOwnProperty(name$$1)) {
+ return;
+ }
+
+ var index = w.globals.events[name$$1].indexOf(handler);
+
+ if (index !== -1) {
+ w.globals.events[name$$1].splice(index, 1);
+ }
+ }
+ }, {
+ key: "fireEvent",
+ value: function fireEvent(name$$1, args) {
+ var w = this.w;
+
+ if (!w.globals.events.hasOwnProperty(name$$1)) {
+ return;
+ }
+
+ if (!args || !args.length) {
+ args = [];
+ }
+
+ var evs = w.globals.events[name$$1];
+ var l = evs.length;
+
+ for (var i = 0; i < l; i++) {
+ evs[i].apply(null, args);
+ }
+ }
+ }, {
+ key: "create",
+ value: function create(ser, opts) {
+ var w = this.w;
+ this.initModules();
+ var gl = this.w.globals;
+ gl.noData = false;
+ gl.animationEnded = false;
+ this.responsive.checkResponsiveConfig(opts);
+
+ if (this.el === null) {
+ gl.animationEnded = true;
+ return null;
+ }
+
+ this.core.setupElements();
+
+ if (gl.svgWidth === 0) {
+ // if the element is hidden, skip drawing
+ gl.animationEnded = true;
+ return null;
+ }
+
+ var combo = CoreUtils.checkComboSeries(ser);
+ gl.comboCharts = combo.comboCharts;
+ gl.comboChartsHasBars = combo.comboChartsHasBars;
+
+ if (ser.length === 0 || ser.length === 1 && ser[0].data && ser[0].data.length === 0) {
+ this.series.handleNoData();
+ }
+
+ this.setupEventHandlers();
+ this.core.parseData(ser); // this is a good time to set theme colors first
+
+ this.theme.init(); // labelFormatters should be called before dimensions as in dimensions we need text labels width
+ // as markers accepts array, we need to setup global markers for easier access
+
+ var markers = new Markers(this);
+ markers.setGlobalMarkerSize();
+ this.formatters.setLabelFormatters();
+ this.titleSubtitle.draw(); // legend is calculated here before coreCalculations because it affects the plottable area
+
+ this.legend.init(); // check whether in multiple series, all series share the same X
+
+ this.series.hasAllSeriesEqualX(); // coreCalculations will give the min/max range and yaxis/axis values. It should be called here to set series variable from config to globals
+
+ if (gl.axisCharts) {
+ this.core.coreCalculations();
+
+ if (w.config.xaxis.type !== 'category') {
+ // as we have minX and maxX values, determine the default DateTimeFormat for time series
+ this.formatters.setLabelFormatters();
+ }
+ } // we need to generate yaxis for heatmap separately as we are not showing numerics there, but seriesNames. There are some tweaks which are required for heatmap to align labels correctly which are done in below function
+ // Also we need to do this before calcuting Dimentions plotCoords() method of Dimensions
+
+
+ this.formatters.heatmapLabelFormatters(); // We got plottable area here, next task would be to calculate axis areas
+
+ this.dimensions.plotCoords();
+ var xyRatios = this.core.xySettings();
+ this.grid.createGridMask();
+ var elGraph = this.core.plotChartType(ser, xyRatios); // after all the drawing calculations, shift the graphical area (actual charts/bars) excluding legends
+
+ this.core.shiftGraphPosition();
+ var dim = {
+ plot: {
+ left: w.globals.translateX,
+ top: w.globals.translateY,
+ width: w.globals.gridWidth,
+ height: w.globals.gridHeight
+ }
+ };
+ return {
+ elGraph: elGraph,
+ xyRatios: xyRatios,
+ elInner: w.globals.dom.elGraphical,
+ dimensions: dim
+ };
+ }
+ }, {
+ key: "mount",
+ value: function mount() {
+ var graphData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+ var me = this;
+ var w = me.w;
+ return new Promise$1(function (resolve, reject) {
+ // no data to display
+ if (me.el === null) {
+ return reject(new Error('Not enough data to display or target element not found'));
+ } else if (graphData === null || w.globals.allSeriesCollapsed) {
+ me.series.handleNoData();
+ }
+
+ me.core.drawAxis(w.config.chart.type, graphData.xyRatios);
+ me.grid = new Grid(me);
+
+ if (w.config.grid.position === 'back') {
+ me.grid.drawGrid();
+ }
+
+ if (w.config.annotations.position === 'back') {
+ me.annotations.drawAnnotations();
+ }
+
+ if (graphData.elGraph instanceof Array) {
+ for (var g = 0; g < graphData.elGraph.length; g++) {
+ w.globals.dom.elGraphical.add(graphData.elGraph[g]);
+ }
+ } else {
+ w.globals.dom.elGraphical.add(graphData.elGraph);
+ }
+
+ if (w.config.grid.position === 'front') {
+ me.grid.drawGrid();
+ }
+
+ if (w.config.xaxis.crosshairs.position === 'front') {
+ me.crosshairs.drawXCrosshairs();
+ }
+
+ if (w.config.yaxis[0].crosshairs.position === 'front') {
+ me.crosshairs.drawYCrosshairs();
+ }
+
+ if (w.config.annotations.position === 'front') {
+ me.annotations.drawAnnotations();
+ }
+
+ if (!w.globals.noData) {
+ // draw tooltips at the end
+ if (w.config.tooltip.enabled && !w.globals.noData) {
+ me.w.globals.tooltip.drawTooltip(graphData.xyRatios);
+ }
+
+ if (w.globals.axisCharts && w.globals.isXNumeric) {
+ if (w.config.chart.zoom.enabled || w.config.chart.selection && w.config.chart.selection.enabled || w.config.chart.pan && w.config.chart.pan.enabled) {
+ me.zoomPanSelection.init({
+ xyRatios: graphData.xyRatios
+ });
+ }
+ } else {
+ var tools = w.config.chart.toolbar.tools;
+ tools.zoom = false;
+ tools.zoomin = false;
+ tools.zoomout = false;
+ tools.selection = false;
+ tools.pan = false;
+ tools.reset = false;
+ }
+
+ if (w.config.chart.toolbar.show && !w.globals.allSeriesCollapsed) {
+ me.toolbar.createToolbar();
+ }
+ }
+
+ if (w.globals.memory.methodsToExec.length > 0) {
+ w.globals.memory.methodsToExec.forEach(function (fn) {
+ fn.method(fn.params, false, fn.context);
+ });
+ }
+
+ resolve(me);
+ });
+ }
+ }, {
+ key: "clearPreviousPaths",
+ value: function clearPreviousPaths() {
+ var w = this.w;
+ w.globals.previousPaths = [];
+ w.globals.allSeriesCollapsed = false;
+ w.globals.collapsedSeries = [];
+ w.globals.collapsedSeriesIndices = [];
+ }
+ /**
+ * Allows users to update Options after the chart has rendered.
+ *
+ * @param {object} options - A new config object can be passed which will be merged with the existing config object
+ * @param {boolean} redraw - should redraw from beginning or should use existing paths and redraw from there
+ * @param {boolean} animate - should animate or not on updating Options
+ */
+
+ }, {
+ key: "updateOptions",
+ value: function updateOptions(options$$1) {
+ var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ var animate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var overwriteInitialConfig = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+ var w = this.w;
+
+ if (options$$1.series) {
+ if (options$$1.series[0].data) {
+ options$$1.series = options$$1.series.map(function (s, i) {
+ return _objectSpread({}, w.config.series[i], {
+ name: s.name ? s.name : w.config.series[i].name,
+ type: s.type ? s.type : w.config.series[i].type,
+ data: s.data ? s.data : w.config.series[i].data
+ });
+ });
+ } // user updated the series via updateOptions() function.
+ // Hence, we need to reset axis min/max to avoid zooming issues
+
+
+ this.revertDefaultAxisMinMax();
+ } // user has set x-axis min/max externally - hence we need to forcefully set the xaxis min/max
+
+
+ if (options$$1.xaxis) {
+ if (options$$1.xaxis.min || options$$1.xaxis.max) {
+ this.forceXAxisUpdate(options$$1);
+ }
+ /* fixes apexcharts.js#369 and react-apexcharts#46 */
+
+
+ if (options$$1.xaxis.categories && options$$1.xaxis.categories.length && w.config.xaxis.convertedCatToNumeric) {
+ options$$1 = Defaults.convertCatToNumeric(options$$1);
+ }
+ }
+
+ if (w.globals.collapsedSeriesIndices.length > 0) {
+ this.clearPreviousPaths();
+ }
+
+ return this._updateOptions(options$$1, redraw, animate, overwriteInitialConfig);
+ }
+ /**
+ * private method to update Options.
+ *
+ * @param {object} options - A new config object can be passed which will be merged with the existing config object
+ * @param {boolean} redraw - should redraw from beginning or should use existing paths and redraw from there
+ * @param {boolean} animate - should animate or not on updating Options
+ * @param {boolean} overwriteInitialConfig - should update the initial config or not
+ */
+
+ }, {
+ key: "_updateOptions",
+ value: function _updateOptions(options$$1) {
+ var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ var animate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ var overwriteInitialConfig = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+ var charts = this.getSyncedCharts();
+ charts.forEach(function (ch) {
+ var w = ch.w;
+ w.globals.shouldAnimate = animate;
+
+ if (!redraw) {
+ w.globals.resized = true;
+ w.globals.dataChanged = true;
+
+ if (animate) {
+ ch.series.getPreviousPaths();
+ }
+ }
+
+ if (options$$1 && _typeof(options$$1) === 'object') {
+ ch.config = new Config(options$$1);
+ options$$1 = CoreUtils.extendArrayProps(ch.config, options$$1);
+ w.config = Utils.extend(w.config, options$$1);
+
+ if (overwriteInitialConfig) {
+ // we need to forget the lastXAxis and lastYAxis is user forcefully overwriteInitialConfig. If we do not do this, and next time when user zooms the chart after setting yaxis.min/max or xaxis.min/max - the stored lastXAxis will never allow the chart to use the updated min/max by user.
+ w.globals.lastXAxis = [];
+ w.globals.lastYAxis = []; // After forgetting lastAxes, we need to restore the new config in initialConfig/initialSeries
+
+ w.globals.initialConfig = Utils.extend({}, w.config);
+ w.globals.initialSeries = JSON.parse(JSON.stringify(w.config.series));
+ }
+ }
+
+ return ch.update(options$$1);
+ });
+ }
+ /**
+ * Allows users to update Series after the chart has rendered.
+ *
+ * @param {array} series - New series which will override the existing
+ */
+
+ }, {
+ key: "updateSeries",
+ value: function updateSeries() {
+ var newSeries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+ var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ this.revertDefaultAxisMinMax();
+ return this._updateSeries(newSeries, animate, overwriteInitialSeries);
+ }
+ /**
+ * Allows users to append a new series after the chart has rendered.
+ *
+ * @param {array} newSerie - New serie which will be appended to the existing series
+ */
+
+ }, {
+ key: "appendSeries",
+ value: function appendSeries(newSerie) {
+ var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var newSeries = this.w.config.series.slice();
+ newSeries.push(newSerie);
+ this.revertDefaultAxisMinMax();
+ return this._updateSeries(newSeries, animate);
+ }
+ /**
+ * Private method to update Series.
+ *
+ * @param {array} series - New series which will override the existing
+ */
+
+ }, {
+ key: "_updateSeries",
+ value: function _updateSeries(newSeries, animate) {
+ var overwriteInitialSeries = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+ var w = this.w;
+ this.w.globals.shouldAnimate = animate;
+ w.globals.dataChanged = true; // if user has collapsed some series with legend, we need to clear those
+
+ if (w.globals.allSeriesCollapsed) {
+ w.globals.allSeriesCollapsed = false;
+ }
+
+ if (animate) {
+ this.series.getPreviousPaths();
+ }
+
+ var existingSeries; // axis charts
+
+ if (newSeries[0].data) {
+ existingSeries = newSeries.map(function (s, i) {
+ return _objectSpread({}, w.config.series[i], {
+ name: s.name ? s.name : w.config.series[i].name,
+ type: s.type ? s.type : w.config.series[i].type,
+ data: s.data ? s.data : w.config.series[i].data
+ });
+ });
+ w.config.series = existingSeries;
+ } else {
+ // non-axis chart (pie/radialbar)
+ w.config.series = newSeries.slice();
+ }
+
+ if (overwriteInitialSeries) {
+ w.globals.initialConfig.series = JSON.parse(JSON.stringify(w.config.series));
+ w.globals.initialSeries = JSON.parse(JSON.stringify(w.config.series));
+ }
+
+ return this.update();
+ }
+ /**
+ * Get all charts in the same "group" (including the instance which is called upon) to sync them when user zooms in/out or pan.
+ */
+
+ }, {
+ key: "getSyncedCharts",
+ value: function getSyncedCharts() {
+ var chartGroups = this.getGroupedCharts();
+ var allCharts = [this];
+
+ if (chartGroups.length) {
+ allCharts = [];
+ chartGroups.forEach(function (ch) {
+ allCharts.push(ch);
+ });
+ }
+
+ return allCharts;
+ }
+ /**
+ * Get charts in the same "group" (excluding the instance which is called upon) to perform operations on the other charts of the same group (eg., tooltip hovering)
+ */
+
+ }, {
+ key: "getGroupedCharts",
+ value: function getGroupedCharts() {
+ var _this2 = this;
+
+ return Apex._chartInstances.filter(function (ch) {
+ if (ch.group) {
+ return true;
+ }
+ }).map(function (ch) {
+ return _this2.w.config.chart.group === ch.group ? ch.chart : _this2;
+ });
+ }
+ /**
+ * Allows users to append Data to series.
+ *
+ * @param {array} newData - New data in the same format as series
+ */
+
+ }, {
+ key: "appendData",
+ value: function appendData(newData) {
+ var overwriteInitialSeries = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var me = this;
+ me.w.globals.dataChanged = true;
+ me.series.getPreviousPaths();
+ var newSeries = me.w.config.series.slice();
+
+ for (var i = 0; i < newSeries.length; i++) {
+ if (typeof newData[i] !== 'undefined') {
+ for (var j = 0; j < newData[i].data.length; j++) {
+ newSeries[i].data.push(newData[i].data[j]);
+ }
+ }
+ }
+
+ me.w.config.series = newSeries;
+
+ if (overwriteInitialSeries) {
+ me.w.globals.initialSeries = JSON.parse(JSON.stringify(me.w.config.series));
+ }
+
+ return this.update();
+ }
+ }, {
+ key: "update",
+ value: function update(options$$1) {
+ var _this3 = this;
+
+ return new Promise$1(function (resolve, reject) {
+ _this3.clear();
+
+ var graphData = _this3.create(_this3.w.config.series, options$$1);
+
+ if (!graphData) return resolve(_this3);
+
+ _this3.mount(graphData).then(function () {
+ if (typeof _this3.w.config.chart.events.updated === 'function') {
+ _this3.w.config.chart.events.updated(_this3, _this3.w);
+ }
+
+ _this3.fireEvent('updated', [_this3, _this3.w]);
+
+ _this3.w.globals.isDirty = true;
+ resolve(_this3);
+ }).catch(function (e) {
+ reject(e);
+ });
+ });
+ }
+ }, {
+ key: "forceXAxisUpdate",
+ value: function forceXAxisUpdate(options$$1) {
+ var w = this.w;
+
+ if (typeof options$$1.xaxis.min !== 'undefined') {
+ w.config.xaxis.min = options$$1.xaxis.min;
+ w.globals.lastXAxis.min = options$$1.xaxis.min;
+ }
+
+ if (typeof options$$1.xaxis.max !== 'undefined') {
+ w.config.xaxis.max = options$$1.xaxis.max;
+ w.globals.lastXAxis.max = options$$1.xaxis.max;
+ }
+ }
+ /**
+ * This function reverts the yaxis and xaxis min/max values to what it was when the chart was defined.
+ * This function fixes an important bug where a user might load a new series after zooming in/out of previous series which resulted in wrong min/max
+ * Also, this should never be called internally on zoom/pan - the reset should only happen when user calls the updateSeries() function externally
+ */
+
+ }, {
+ key: "revertDefaultAxisMinMax",
+ value: function revertDefaultAxisMinMax() {
+ var w = this.w;
+ w.config.xaxis.min = w.globals.lastXAxis.min;
+ w.config.xaxis.max = w.globals.lastXAxis.max;
+ w.config.yaxis.map(function (yaxe, index) {
+ if (w.globals.zoomed) {
+ // if user has zoomed, and this function is called
+ // then we need to get the lastAxis min and max
+ if (typeof w.globals.lastYAxis[index] !== 'undefined') {
+ yaxe.min = w.globals.lastYAxis[index].min;
+ yaxe.max = w.globals.lastYAxis[index].max;
+ }
+ }
+ });
+ }
+ }, {
+ key: "clear",
+ value: function clear() {
+ if (this.zoomPanSelection) {
+ this.zoomPanSelection.destroy();
+ }
+
+ if (this.toolbar) {
+ this.toolbar.destroy();
+ }
+
+ this.animations = null;
+ this.annotations = null;
+ this.core = null;
+ this.grid = null;
+ this.series = null;
+ this.responsive = null;
+ this.theme = null;
+ this.formatters = null;
+ this.titleSubtitle = null;
+ this.legend = null;
+ this.dimensions = null;
+ this.options = null;
+ this.crosshairs = null;
+ this.zoomPanSelection = null;
+ this.toolbar = null;
+ this.w.globals.tooltip = null;
+ this.clearDomElements();
+ }
+ }, {
+ key: "killSVG",
+ value: function killSVG(draw) {
+ return new Promise$1(function (resolve, reject) {
+ draw.each(function (i, children) {
+ this.removeClass('*');
+ this.off();
+ this.stop();
+ }, true);
+ draw.ungroup();
+ draw.clear();
+ resolve('done');
+ });
+ }
+ }, {
+ key: "clearDomElements",
+ value: function clearDomElements() {
+ var domEls = this.w.globals.dom;
+
+ if (this.el !== null) {
+ // remove all child elements - resetting the whole chart
+ while (this.el.firstChild) {
+ this.el.removeChild(this.el.firstChild);
+ }
+ }
+
+ this.killSVG(domEls.Paper);
+ domEls.Paper.remove();
+ domEls.elWrap = null;
+ domEls.elGraphical = null;
+ domEls.elLegendWrap = null;
+ domEls.baseEl = null;
+ domEls.elGridRect = null;
+ domEls.elGridRectMask = null;
+ domEls.elGridRectMarkerMask = null;
+ domEls.elDefs = null;
+ }
+ /**
+ * Destroy the chart instance by removing all elements which also clean up event listeners on those elements.
+ */
+
+ }, {
+ key: "destroy",
+ value: function destroy() {
+ this.clear(); // remove the chart's instance from the global Apex._chartInstances
+
+ var chartID = this.w.config.chart.id;
+
+ if (chartID) {
+ Apex._chartInstances.forEach(function (c, i) {
+ if (c.id === chartID) {
+ Apex._chartInstances.splice(i, 1);
+ }
+ });
+ }
+
+ window.removeEventListener('resize', this.windowResizeHandler);
+ window.removeResizeListener(this.el.parentNode, this.parentResizeCallback.bind(this));
+ }
+ /**
+ * Allows the user to provide data attrs in the element and the chart will render automatically when this method is called by searching for the elements containing 'data-apexcharts' attribute
+ */
+
+ }, {
+ key: "toggleSeries",
+ value: function toggleSeries(seriesName) {
+ var targetElement = this.series.getSeriesByName(seriesName);
+ var seriesCnt = parseInt(targetElement.getAttribute('data:realIndex'));
+ var isHidden = targetElement.classList.contains('apexcharts-series-collapsed');
+ this.legend.toggleDataSeries(seriesCnt, isHidden);
+ }
+ }, {
+ key: "resetToggleSeries",
+ value: function resetToggleSeries() {
+ this.legend.resetToggleDataSeries();
+ }
+ }, {
+ key: "setupEventHandlers",
+ value: function setupEventHandlers() {
+ var w = this.w;
+ var me = this;
+ var clickableArea = w.globals.dom.baseEl.querySelector(w.globals.chartClass);
+ var eventList = ['mousedown', 'mousemove', 'touchstart', 'touchmove', 'mouseup', 'touchend'];
+ eventList.forEach(function (event) {
+ clickableArea.addEventListener(event, function (e) {
+ if (e.type === 'mousedown' && e.which === 1) ; else if (e.type === 'mouseup' && e.which === 1 || e.type === 'touchend') {
+ if (typeof w.config.chart.events.click === 'function') {
+ w.config.chart.events.click(e, me, w);
+ }
+
+ me.fireEvent('click', [e, me, w]);
+ }
+ }, {
+ capture: false,
+ passive: true
+ });
+ });
+ this.core.setupBrushHandler();
+ }
+ }, {
+ key: "addXaxisAnnotation",
+ value: function addXaxisAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addXaxisAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "addYaxisAnnotation",
+ value: function addYaxisAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addYaxisAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "addPointAnnotation",
+ value: function addPointAnnotation(opts) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addPointAnnotationExternal(opts, pushToMemory, me);
+ }
+ }, {
+ key: "clearAnnotations",
+ value: function clearAnnotations() {
+ var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.clearAnnotations(me);
+ } // This method is never used internally and will be only called externally on the chart instance.
+ // Hence, we need to keep all these elements in memory when the chart gets updated and redraw again
+
+ }, {
+ key: "addText",
+ value: function addText(options$$1) {
+ var pushToMemory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var context = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
+ var me = this;
+
+ if (context) {
+ me = context;
+ }
+
+ me.annotations.addText(options$$1, pushToMemory, me);
+ }
+ }, {
+ key: "getChartArea",
+ value: function getChartArea() {
+ var el = this.w.globals.dom.baseEl.querySelector('.apexcharts-inner');
+ return el;
+ }
+ }, {
+ key: "getSeriesTotalXRange",
+ value: function getSeriesTotalXRange(minX, maxX) {
+ return this.coreUtils.getSeriesTotalsXRange(minX, maxX);
+ }
+ }, {
+ key: "getHighestValueInSeries",
+ value: function getHighestValueInSeries() {
+ var seriesIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var range = new Range$1(this.ctx);
+ var minYmaxY = range.getMinYMaxY(seriesIndex);
+ return minYmaxY.highestY;
+ }
+ }, {
+ key: "getLowestValueInSeries",
+ value: function getLowestValueInSeries() {
+ var seriesIndex = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+ var range = new Range$1(this.ctx);
+ var minYmaxY = range.getMinYMaxY(seriesIndex);
+ return minYmaxY.lowestY;
+ }
+ }, {
+ key: "getSeriesTotal",
+ value: function getSeriesTotal() {
+ return this.w.globals.seriesTotals;
+ }
+ }, {
+ key: "setLocale",
+ value: function setLocale(localeName) {
+ this.setCurrentLocaleValues(localeName);
+ }
+ }, {
+ key: "setCurrentLocaleValues",
+ value: function setCurrentLocaleValues(localeName) {
+ var locales = this.w.config.chart.locales; // check if user has specified locales in global Apex variable
+ // if yes - then extend those with local chart's locale
+
+ if (window.Apex.chart && window.Apex.chart.locales && window.Apex.chart.locales.length > 0) {
+ locales = this.w.config.chart.locales.concat(window.Apex.chart.locales);
+ } // find the locale from the array of locales which user has set (either by chart.defaultLocale or by calling setLocale() method.)
+
+
+ var selectedLocale = locales.filter(function (c) {
+ return c.name === localeName;
+ })[0];
+
+ if (selectedLocale) {
+ // create a complete locale object by extending defaults so you don't get undefined errors.
+ var ret = Utils.extend(en, selectedLocale); // store these locale options in global var for ease access
+
+ this.w.globals.locale = ret.options;
+ } else {
+ throw new Error('Wrong locale name provided. Please make sure you set the correct locale name in options');
+ }
+ }
+ }, {
+ key: "svgUrl",
+ value: function svgUrl() {
+ var exp = new Exports(this.ctx);
+ return exp.svgUrl();
+ }
+ }, {
+ key: "dataURI",
+ value: function dataURI() {
+ var exp = new Exports(this.ctx);
+ return exp.dataURI();
+ }
+ }, {
+ key: "paper",
+ value: function paper() {
+ return this.w.globals.dom.Paper;
+ }
+ }, {
+ key: "parentResizeCallback",
+ value: function parentResizeCallback() {
+ if (this.w.globals.animationEnded) {
+ this.windowResize();
+ }
+ }
+ /**
+ * Handle window resize and re-draw the whole chart.
+ */
+
+ }, {
+ key: "windowResize",
+ value: function windowResize() {
+ var _this4 = this;
+
+ clearTimeout(this.w.globals.resizeTimer);
+ this.w.globals.resizeTimer = window.setTimeout(function () {
+ _this4.w.globals.resized = true;
+ _this4.w.globals.dataChanged = false; // we need to redraw the whole chart on window resize (with a small delay).
+
+ _this4.update();
+ }, 150);
+ }
+ }], [{
+ key: "initOnLoad",
+ value: function initOnLoad() {
+ var els = document.querySelectorAll('[data-apexcharts]');
+
+ for (var i = 0; i < els.length; i++) {
+ var el = els[i];
+ var options$$1 = JSON.parse(els[i].getAttribute('data-options'));
+ var apexChart = new ApexCharts(el, options$$1);
+ apexChart.render();
+ }
+ }
+ /**
+ * This static method allows users to call chart methods without necessarily from the
+ * instance of the chart in case user has assigned chartID to the targetted chart.
+ * The chartID is used for mapping the instance stored in Apex._chartInstances global variable
+ *
+ * This is helpful in cases when you don't have reference of the chart instance
+ * easily and need to call the method from anywhere.
+ * For eg, in React/Vue applications when you have many parent/child components,
+ * and need easy reference to other charts for performing dynamic operations
+ *
+ * @param {string} chartID - The unique identifier which will be used to call methods
+ * on that chart instance
+ * @param {function} fn - The method name to call
+ * @param {object} opts - The parameters which are accepted in the original method will be passed here in the same order.
+ */
+
+ }, {
+ key: "exec",
+ value: function exec(chartID, fn) {
+ var chart = this.getChartByID(chartID);
+ if (!chart) return;
+
+ for (var _len = arguments.length, opts = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+ opts[_key - 2] = arguments[_key];
+ }
+
+ switch (fn) {
+ case 'updateOptions':
+ {
+ return chart.updateOptions.apply(chart, opts);
+ }
+
+ case 'updateSeries':
+ {
+ return chart.updateSeries.apply(chart, opts);
+ }
+
+ case 'appendData':
+ {
+ return chart.appendData.apply(chart, opts);
+ }
+
+ case 'addXaxisAnnotation':
+ {
+ return chart.addXaxisAnnotation.apply(chart, opts);
+ }
+
+ case 'addYaxisAnnotation':
+ {
+ return chart.addYaxisAnnotation.apply(chart, opts);
+ }
+
+ case 'addPointAnnotation':
+ {
+ return chart.addPointAnnotation.apply(chart, opts);
+ }
+
+ case 'clearAnnotations':
+ {
+ return chart.clearAnnotations.apply(chart, opts);
+ }
+
+ case 'destroy':
+ {
+ return chart.destroy();
+ }
+ }
+ }
+ }, {
+ key: "merge",
+ value: function merge(target, source) {
+ return Utils.extend(target, source);
+ }
+ }, {
+ key: "getChartByID",
+ value: function getChartByID(chartID) {
+ var c = Apex._chartInstances.filter(function (ch) {
+ return ch.id === chartID;
+ })[0];
+
+ return c.chart;
+ }
+ }]);
+
+ return ApexCharts;
+ }();
+
+ return ApexCharts$1;
+
+}));
diff --git a/public/ThirdParty/apexcharts-bundle/dist/apexcharts.min.js b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..1c05584b7bb33e8b827e9d056c7b66df81ec2920
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/apexcharts.min.js
@@ -0,0 +1,6 @@
+/*!
+ * ApexCharts v3.6.2
+ * (c) 2018-2019 Juned Chhipa
+ * Released under the MIT License.
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ApexCharts=e()}(this,function(){"use strict";function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}function s(t,e,s){return e&&i(t.prototype,e),s&&i(t,s),t}function a(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function n(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{},s=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(i).filter(function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable}))),s.forEach(function(e){a(t,e,i[e])})}return t}function r(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}function o(t){return(o=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function h(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function c(t){return function(t){if(Array.isArray(t)){for(var e=0,i=new Array(t.length);e<t.length;e++)i[e]=t[e];return i}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var d=function(){function i(){e(this,i)}return s(i,[{key:"shadeRGBColor",value:function(t,e){var i=e.split(","),s=t<0?0:255,a=t<0?-1*t:t,n=parseInt(i[0].slice(4)),r=parseInt(i[1]),o=parseInt(i[2]);return"rgb("+(Math.round((s-n)*a)+n)+","+(Math.round((s-r)*a)+r)+","+(Math.round((s-o)*a)+o)+")"}},{key:"shadeHexColor",value:function(t,e){var i=parseInt(e.slice(1),16),s=t<0?0:255,a=t<0?-1*t:t,n=i>>16,r=i>>8&255,o=255&i;return"#"+(16777216+65536*(Math.round((s-n)*a)+n)+256*(Math.round((s-r)*a)+r)+(Math.round((s-o)*a)+o)).toString(16).slice(1)}},{key:"shadeColor",value:function(t,e){return e.length>7?this.shadeRGBColor(t,e):this.shadeHexColor(t,e)}}],[{key:"bind",value:function(t,e){return function(){return t.apply(e,arguments)}}},{key:"isObject",value:function(e){return e&&"object"===t(e)&&!Array.isArray(e)&&null!=e}},{key:"extend",value:function(t,e){var i=this;"function"!=typeof Object.assign&&(Object.assign=function(t){if(null==t)throw new TypeError("Cannot convert undefined or null to object");for(var e=Object(t),i=1;i<arguments.length;i++){var s=arguments[i];if(null!=s)for(var a in s)s.hasOwnProperty(a)&&(e[a]=s[a])}return e});var s=Object.assign({},t);return this.isObject(t)&&this.isObject(e)&&Object.keys(e).forEach(function(n){i.isObject(e[n])&&n in t?s[n]=i.extend(t[n],e[n]):Object.assign(s,a({},n,e[n]))}),s}},{key:"extendArray",value:function(t,e){var s=[];return t.map(function(t){s.push(i.extend(e,t))}),t=s}},{key:"monthMod",value:function(t){return t%12}},{key:"addProps",value:function(t,e,i){"string"==typeof e&&(e=e.split(".")),t[e[0]]=t[e[0]]||{};var s=t[e[0]];return e.length>1?(e.shift(),this.addProps(s,e,i)):t[e[0]]=i,t}},{key:"clone",value:function(e){if("[object Array]"===Object.prototype.toString.call(e)){for(var i=[],s=0;s<e.length;s++)i[s]=this.clone(e[s]);return i}if("object"===t(e)){var a={};for(var n in e)e.hasOwnProperty(n)&&(a[n]=this.clone(e[n]));return a}return e}},{key:"log10",value:function(t){return Math.log(t)/Math.LN10}},{key:"roundToBase10",value:function(t){return Math.pow(10,Math.floor(Math.log10(t)))}},{key:"roundToBase",value:function(t,e){return Math.pow(e,Math.floor(Math.log(t)/Math.log(e)))}},{key:"parseNumber",value:function(t){return null===t?t:parseFloat(t)}},{key:"getDimensions",value:function(t){var e=getComputedStyle(t),i=[],s=t.clientHeight,a=t.clientWidth;return s-=parseFloat(e.paddingTop)+parseFloat(e.paddingBottom),a-=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight),i.push(a),i.push(s),i}},{key:"getBoundingClientRect",value:function(t){var e=t.getBoundingClientRect();return{top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.width,height:e.height,x:e.x,y:e.y}}},{key:"hexToRgba",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#999999",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.6;"#"!==t.substring(0,1)&&(t="#999999");var i=t.replace("#","");i=i.match(new RegExp("(.{"+i.length/3+"})","g"));for(var s=0;s<i.length;s++)i[s]=parseInt(1===i[s].length?i[s]+i[s]:i[s],16);return void 0!==e&&i.push(e),"rgba("+i.join(",")+")"}},{key:"getOpacityFromRGBA",value:function(t){return(t=t.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i))[3]}},{key:"rgb2hex",value:function(t){return(t=t.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i))&&4===t.length?"#"+("0"+parseInt(t[1],10).toString(16)).slice(-2)+("0"+parseInt(t[2],10).toString(16)).slice(-2)+("0"+parseInt(t[3],10).toString(16)).slice(-2):""}},{key:"isColorHex",value:function(t){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(t)}},{key:"polarToCartesian",value:function(t,e,i,s){var a=(s-90)*Math.PI/180;return{x:t+i*Math.cos(a),y:e+i*Math.sin(a)}}},{key:"escapeString",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"x",i=t.toString().slice();return i=i.replace(/[` ~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,e)}},{key:"negToZero",value:function(t){return t<0?0:t}},{key:"moveIndexInArray",value:function(t,e,i){if(i>=t.length)for(var s=i-t.length+1;s--;)t.push(void 0);return t.splice(i,0,t.splice(e,1)[0]),t}},{key:"extractNumber",value:function(t){return parseFloat(t.replace(/[^\d\.]*/g,""))}},{key:"randomString",value:function(t){for(var e="",i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",s=0;s<t;s++)e+=i.charAt(Math.floor(Math.random()*i.length));return e}},{key:"findAncestor",value:function(t,e){for(;(t=t.parentElement)&&!t.classList.contains(e););return t}},{key:"setELstyles",value:function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t.style.key=e[i])}},{key:"isNumber",value:function(t){return!isNaN(t)&&parseFloat(Number(t))===t&&!isNaN(parseInt(t,10))}},{key:"isFloat",value:function(t){return Number(t)===t&&t%1!=0}},{key:"isSafari",value:function(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}},{key:"isFirefox",value:function(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}},{key:"isIE11",value:function(){if(-1!==window.navigator.userAgent.indexOf("MSIE")||window.navigator.appVersion.indexOf("Trident/")>-1)return!0}},{key:"isIE",value:function(){var t=window.navigator.userAgent,e=t.indexOf("MSIE ");if(e>0)return parseInt(t.substring(e+5,t.indexOf(".",e)),10);if(t.indexOf("Trident/")>0){var i=t.indexOf("rv:");return parseInt(t.substring(i+3,t.indexOf(".",i)),10)}var s=t.indexOf("Edge/");return s>0&&parseInt(t.substring(s+5,t.indexOf(".",s)),10)}}]),i}(),u=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"getDefaultFilter",value:function(t){var e=this.w;t.unfilter(!0),(new window.SVG.Filter).size("120%","180%","-5%","-40%"),"none"!==e.config.states.normal.filter?this.applyFilter(t,e.config.states.normal.filter.type,e.config.states.normal.filter.value):e.config.chart.dropShadow.enabled&&this.dropShadow(t,e.config.chart.dropShadow)}},{key:"addNormalFilter",value:function(t){var e=this.w;e.config.chart.dropShadow.enabled&&this.dropShadow(t,e.config.chart.dropShadow)}},{key:"addDesaturateFilter",value:function(t){var e=this,i=this.w;t.unfilter(!0);var s=new window.SVG.Filter;s.size("120%","180%","-5%","-40%"),t.filter(function(t){var a=i.config.chart.dropShadow;(s=a.enabled?e.addShadow(t,a):t).colorMatrix("matrix",[0,0,0,0,.5,0,0,0,0,.5,0,0,0,0,.5,0,0,0,1,0]).colorMatrix("saturate",0)}),t.filterer.node.setAttribute("filterUnits","userSpaceOnUse")}},{key:"addLightenFilter",value:function(t,e){var i=this,s=this.w,a=e.intensity;if(!d.isFirefox()){t.unfilter(!0);var n=new window.SVG.Filter;n.size("120%","180%","-5%","-40%"),t.filter(function(t){var e=s.config.chart.dropShadow;(n=e.enabled?i.addShadow(t,e):t).componentTransfer({rgb:{type:"linear",slope:1.5,intercept:a}})}),t.filterer.node.setAttribute("filterUnits","userSpaceOnUse")}}},{key:"addDarkenFilter",value:function(t,e){var i=this,s=this.w,a=e.intensity;if(!d.isFirefox()){t.unfilter(!0);var n=new window.SVG.Filter;n.size("120%","180%","-5%","-40%"),t.filter(function(t){var e=s.config.chart.dropShadow;(n=e.enabled?i.addShadow(t,e):t).componentTransfer({rgb:{type:"linear",slope:a}})}),t.filterer.node.setAttribute("filterUnits","userSpaceOnUse")}}},{key:"applyFilter",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;switch(e){case"none":this.addNormalFilter(t);break;case"lighten":this.addLightenFilter(t,{intensity:i});break;case"darken":this.addDarkenFilter(t,{intensity:i});break;case"desaturate":this.addDesaturateFilter(t)}}},{key:"addShadow",value:function(t,e){var i=e.blur,s=e.top,a=e.left,n=e.color,r=e.opacity,o=t.flood(n,r).composite(t.sourceAlpha,"in").offset(a,s).gaussianBlur(i).merge(t.source);return t.blend(t.source,o)}},{key:"dropShadow",value:function(t,e){var i=e.top,s=e.left,a=e.blur,n=e.color,r=e.opacity,o=e.noUserSpaceOnUse;return t.unfilter(!0),(new window.SVG.Filter).size("120%","180%","-5%","-40%"),t.filter(function(t){var e=null;e=d.isSafari()||d.isFirefox()||d.isIE()?t.flood(n,r).composite(t.sourceAlpha,"in").offset(s,i).gaussianBlur(a):t.flood(n,r).composite(t.sourceAlpha,"in").offset(s,i).gaussianBlur(a).merge(t.source),t.blend(t.source,e)}),o||t.filterer.node.setAttribute("filterUnits","userSpaceOnUse"),t}},{key:"setSelectionFilter",value:function(t,e,i){var s=this.w;if(void 0!==s.globals.selectedDataPoints[e]&&s.globals.selectedDataPoints[e].indexOf(i)>-1){t.node.setAttribute("selected",!0);var a=s.config.states.active.filter;"none"!==a&&this.applyFilter(t,a.type,a.value)}}}]),t}(),g=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.setEasingFunctions()}return s(t,[{key:"setEasingFunctions",value:function(){var t;switch(this.w.config.chart.animations.easing){case"linear":t="-";break;case"easein":t="<";break;case"easeout":t=">";break;case"easeinout":t="<>";break;case"swing":t=function(t){var e=1.70158;return(t-=1)*t*((e+1)*t+e)+1};break;case"bounce":t=function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375};break;case"elastic":t=function(t){return t===!!t?t:Math.pow(2,-10*t)*Math.sin((t-.075)*(2*Math.PI)/.3)+1};break;default:t="<>"}this.w.globals.easing=t}},{key:"animateLine",value:function(t,e,i,s){t.attr(e).animate(s).attr(i)}},{key:"animateCircleRadius",value:function(t,e,i,s,a){e||(e=0),t.attr({r:e}).animate(s,a).attr({r:i})}},{key:"animateCircle",value:function(t,e,i,s,a){t.attr({r:e.r,cx:e.cx,cy:e.cy}).animate(s,a).attr({r:i.r,cx:i.cx,cy:i.cy})}},{key:"animateRect",value:function(t,e,i,s,a){t.attr(e).animate(s).attr(i).afterAll(function(){a()})}},{key:"animatePathsGradually",value:function(t){var e=t.el,i=t.j,s=t.pathFrom,a=t.pathTo,n=t.speed,r=t.delay,o=t.strokeWidth,l=this.w,h=0;l.config.chart.animations.animateGradually.enabled&&(h=l.config.chart.animations.animateGradually.delay),l.config.chart.animations.dynamicAnimation.enabled&&l.globals.dataChanged&&(h=0),this.morphSVG(e,i,s,a,n,o,r*h)}},{key:"showDelayedElements",value:function(){this.w.globals.delayedElements.forEach(function(t){t.el.classList.remove("hidden")})}},{key:"morphSVG",value:function(t,e,i,s,a,n,r){var o=this,l=this.w;i||(i=t.attr("pathFrom")),s||(s=t.attr("pathTo")),(!i||i.indexOf("undefined")>-1||i.indexOf("NaN")>-1)&&(i="M 0 ".concat(l.globals.gridHeight),a=1),(s.indexOf("undefined")>-1||s.indexOf("NaN")>-1)&&(s="M 0 ".concat(l.globals.gridHeight),a=1),l.globals.shouldAnimate||(a=1),t.plot(i).animate(1,l.globals.easing,r).plot(i).animate(a,l.globals.easing,r).plot(s).afterAll(function(){d.isNumber(e)?e===l.globals.series[l.globals.maxValsInArrayIndex].length-2&&l.globals.shouldAnimate&&(l.globals.animationEnded=!0):l.globals.shouldAnimate&&(l.globals.animationEnded=!0,"function"==typeof l.config.chart.events.animationEnd&&l.config.chart.events.animationEnd(o.ctx,l)),o.showDelayedElements()})}}]),t}(),f=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"drawLine",value:function(t,e,i,s){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"#a8a8a8",n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null;return this.w.globals.dom.Paper.line().attr({x1:t,y1:e,x2:i,y2:s,stroke:a,"stroke-dasharray":n,"stroke-width":r})}},{key:"drawRect",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,n=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"#fefefe",r=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1,o=arguments.length>7&&void 0!==arguments[7]?arguments[7]:null,l=arguments.length>8&&void 0!==arguments[8]?arguments[8]:null,h=arguments.length>9&&void 0!==arguments[9]?arguments[9]:0,c=this.w.globals.dom.Paper.rect();return c.attr({x:t,y:e,width:i>0?i:0,height:s>0?s:0,rx:a,ry:a,fill:n,opacity:r,"stroke-width":null!==o?o:0,stroke:null!==l?l:"none","stroke-dasharray":h}),c}},{key:"drawPolygon",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"#e1e1e1",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"none";return this.w.globals.dom.Paper.polygon(t).attr({fill:i,stroke:e})}},{key:"drawCircle",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=this.w.globals.dom.Paper.circle(2*t);return null!==e&&i.attr(e),i}},{key:"drawPath",value:function(t){var e=t.d,i=void 0===e?"":e,s=t.stroke,a=void 0===s?"#a8a8a8":s,n=t.strokeWidth,r=void 0===n?1:n,o=t.fill,l=t.fillOpacity,h=void 0===l?1:l,c=t.strokeOpacity,d=void 0===c?1:c,u=t.classes,g=t.strokeLinecap,f=void 0===g?null:g,p=t.strokeDashArray,x=void 0===p?0:p,m=this.w;return null===f&&(f=m.config.stroke.lineCap),(i.indexOf("undefined")>-1||i.indexOf("NaN")>-1)&&(i="M 0 ".concat(m.globals.gridHeight)),m.globals.dom.Paper.path(i).attr({fill:o,"fill-opacity":h,stroke:a,"stroke-opacity":d,"stroke-linecap":f,"stroke-width":r,"stroke-dasharray":x,class:u})}},{key:"group",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=this.w.globals.dom.Paper.group();return null!==t&&e.attr(t),e}},{key:"move",value:function(t,e){var i=["M",t,e].join(" ");return i}},{key:"line",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,s=null;return null===i?s=["L",t,e].join(" "):"H"===i?s=["H",t].join(" "):"V"===i&&(s=["V",e].join(" ")),s}},{key:"curve",value:function(t,e,i,s,a,n){var r=["C",t,e,i,s,a,n].join(" ");return r}},{key:"quadraticCurve",value:function(t,e,i,s){return["Q",t,e,i,s].join(" ")}},{key:"arc",value:function(t,e,i,s,a,n,r){var o="A";arguments.length>7&&void 0!==arguments[7]&&arguments[7]&&(o="a");var l=[o,t,e,i,s,a,n,r].join(" ");return l}},{key:"renderPaths",value:function(t){var e,i=t.i,s=t.j,a=t.realIndex,r=t.pathFrom,o=t.pathTo,l=t.stroke,h=t.strokeWidth,c=t.strokeLinecap,d=t.fill,f=t.animationDelay,p=t.initialSpeed,x=t.dataChangeSpeed,m=t.className,v=t.id,b=t.shouldClipToGrid,y=void 0===b||b,w=t.bindEventsOnPaths,k=void 0===w||w,A=this.w,S=new u(this.ctx),C=new g(this.ctx),L=this.w.config.chart.animations.enabled,z=L&&this.w.config.chart.animations.dynamicAnimation.enabled,M=!!(L&&!A.globals.resized||z&&A.globals.dataChanged&&A.globals.shouldAnimate);M?e=r:(e=o,this.w.globals.animationEnded=!0);var P=A.config.stroke.dashArray,E=0;E=Array.isArray(P)?P[a]:A.config.stroke.dashArray;var T=this.drawPath({d:e,stroke:l,strokeWidth:h,fill:d,fillOpacity:1,classes:m,strokeLinecap:c,strokeDashArray:E});if(T.attr("id","".concat(v,"-").concat(i)),T.attr("index",a),y&&T.attr({"clip-path":"url(#gridRectMask".concat(A.globals.cuid,")")}),"none"!==A.config.states.normal.filter.type)S.getDefaultFilter(T,A.config.states.normal.filter.type,A.config.states.normal.filter.value);else if(A.config.chart.dropShadow.enabled&&(!A.config.chart.dropShadow.enabledSeries||A.config.chart.dropShadow.enabledSeries&&-1!==A.config.chart.dropShadow.enabledSeries.indexOf(a))){var X=A.config.chart.dropShadow;S.dropShadow(T,X)}k&&(T.node.addEventListener("mouseenter",this.pathMouseEnter.bind(this,T)),T.node.addEventListener("mouseleave",this.pathMouseLeave.bind(this,T)),T.node.addEventListener("mousedown",this.pathMouseDown.bind(this,T))),T.attr({pathTo:o,pathFrom:r});var I={el:T,j:s,pathFrom:r,pathTo:o,strokeWidth:h};return!L||A.globals.resized||A.globals.dataChanged?!A.globals.resized&&A.globals.dataChanged||C.showDelayedElements():C.animatePathsGradually(n({},I,{speed:p,delay:f})),A.globals.dataChanged&&z&&M&&C.animatePathsGradually(n({},I,{speed:x})),T}},{key:"drawPattern",value:function(t,e,i){var s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"#a8a8a8",a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0;return this.w.globals.dom.Paper.pattern(e,i,function(n){"horizontalLines"===t?n.line(0,0,i,0).stroke({color:s,width:a+1}):"verticalLines"===t?n.line(0,0,0,e).stroke({color:s,width:a+1}):"slantedLines"===t?n.line(0,0,e,i).stroke({color:s,width:a}):"squares"===t?n.rect(e,i).fill("none").stroke({color:s,width:a}):"circles"===t&&n.circle(e).fill("none").stroke({color:s,width:a})})}},{key:"drawGradient",value:function(t,e,i,s,a){var n,r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null,l=arguments.length>7&&void 0!==arguments[7]?arguments[7]:null,h=arguments.length>8&&void 0!==arguments[8]?arguments[8]:0,c=this.w;e=d.hexToRgba(e,s),i=d.hexToRgba(i,a);var u=0,g=1,f=1,p=null;null!==o&&(u=void 0!==o[0]?o[0]/100:0,g=void 0!==o[1]?o[1]/100:1,f=void 0!==o[2]?o[2]/100:1,p=void 0!==o[3]?o[3]/100:null);var x=!("donut"!==c.config.chart.type&&"pie"!==c.config.chart.type&&"bubble"!==c.config.chart.type);if(n=null===l||0===l.length?c.globals.dom.Paper.gradient(x?"radial":"linear",function(t){t.at(u,e,s),t.at(g,i,a),t.at(f,i,a),null!==p&&t.at(p,e,s)}):c.globals.dom.Paper.gradient(x?"radial":"linear",function(t){(Array.isArray(l[h])?l[h]:l).forEach(function(e){t.at(e.offset/100,e.color,e.opacity)})}),x){var m=c.globals.gridWidth/2,v=c.globals.gridHeight/2;"bubble"!==c.config.chart.type?n.attr({gradientUnits:"userSpaceOnUse",cx:m,cy:v,r:r}):n.attr({cx:.5,cy:.5,r:.8,fx:.2,fy:.2})}else"vertical"===t?n.from(0,0).to(0,1):"diagonal"===t?n.from(0,0).to(1,1):"horizontal"===t?n.from(0,1).to(1,1):"diagonal2"===t&&n.from(0,1).to(2,2);return n}},{key:"drawText",value:function(t){var e,i=this.w,s=t.x,a=t.y,n=t.text,r=t.textAnchor,o=t.fontSize,l=t.fontFamily,h=t.foreColor,c=t.opacity;return r||(r="start"),h||(h=i.config.chart.foreColor),l=l||i.config.chart.fontFamily,(e=Array.isArray(n)?i.globals.dom.Paper.text(function(t){for(var e=0;e<n.length;e++)t.tspan(n[e])}):i.globals.dom.Paper.plain(n)).attr({x:s,y:a,"text-anchor":r,"dominant-baseline":"central","font-size":o,"font-family":l,fill:h,class:(t.cssClass,t.cssClass)}),e.node.style.fontFamily=l,e.node.style.opacity=c,e}},{key:"addTspan",value:function(t,e,i){var s=t.tspan(e);i||(i=this.w.config.chart.fontFamily),s.node.style.fontFamily=i}},{key:"drawMarker",value:function(t,e,i){t=t||0;var s=i.pSize||0,a=null;if("square"===i.shape){var n=void 0===i.pRadius?s/2:i.pRadius;null===e&&(s=0,n=0);var r=1.2*s+n,o=this.drawRect(r,r,r,r,n);o.attr({x:t-r/2,y:e-r/2,cx:t,cy:e,class:i.class?i.class:"",fill:i.pointFillColor,"fill-opacity":i.pointFillOpacity?i.pointFillOpacity:1,stroke:i.pointStrokeColor,"stroke-width":i.pWidth?i.pWidth:0,"stroke-opacity":i.pointStrokeOpacity?i.pointStrokeOpacity:1}),a=o}else"circle"===i.shape&&(d.isNumber(e)||(s=0,e=0),a=this.drawCircle(s,{cx:t,cy:e,class:i.class?i.class:"",stroke:i.pointStrokeColor,fill:i.pointFillColor,"fill-opacity":i.pointFillOpacity?i.pointFillOpacity:1,"stroke-width":i.pWidth?i.pWidth:0,"stroke-opacity":i.pointStrokeOpacity?i.pointStrokeOpacity:1}));return a}},{key:"pathMouseEnter",value:function(t,e){var i=this.w,s=new u(this.ctx),a=parseInt(t.node.getAttribute("index")),n=parseInt(t.node.getAttribute("j"));if("function"==typeof i.config.chart.events.dataPointMouseEnter&&i.config.chart.events.dataPointMouseEnter(e,this.ctx,{seriesIndex:a,dataPointIndex:n,w:i}),this.ctx.fireEvent("dataPointMouseEnter",[e,this.ctx,{seriesIndex:a,dataPointIndex:n,w:i}]),("none"===i.config.states.active.filter.type||"true"!==t.node.getAttribute("selected"))&&"none"!==i.config.states.hover.filter.type&&"none"!==i.config.states.active.filter.type&&!i.globals.isTouchDevice){var r=i.config.states.hover.filter;s.applyFilter(t,r.type,r.value)}}},{key:"pathMouseLeave",value:function(t,e){var i=this.w,s=new u(this.ctx),a=parseInt(t.node.getAttribute("index")),n=parseInt(t.node.getAttribute("j"));"function"==typeof i.config.chart.events.dataPointMouseLeave&&i.config.chart.events.dataPointMouseLeave(e,this.ctx,{seriesIndex:a,dataPointIndex:n,w:i}),this.ctx.fireEvent("dataPointMouseLeave",[e,this.ctx,{seriesIndex:a,dataPointIndex:n,w:i}]),"none"!==i.config.states.active.filter.type&&"true"===t.node.getAttribute("selected")||"none"!==i.config.states.hover.filter.type&&s.getDefaultFilter(t)}},{key:"pathMouseDown",value:function(t,e){var i=this.w,s=new u(this.ctx),a=parseInt(t.node.getAttribute("index")),n=parseInt(t.node.getAttribute("j")),r="false";if("true"===t.node.getAttribute("selected")){if(t.node.setAttribute("selected","false"),i.globals.selectedDataPoints[a].indexOf(n)>-1){var o=i.globals.selectedDataPoints[a].indexOf(n);i.globals.selectedDataPoints[a].splice(o,1)}}else{if(!i.config.states.active.allowMultipleDataPointsSelection&&i.globals.selectedDataPoints.length>0){i.globals.selectedDataPoints=[];var l=i.globals.dom.Paper.select(".apexcharts-series path").members,h=i.globals.dom.Paper.select(".apexcharts-series circle, .apexcharts-series rect").members;l.forEach(function(t){t.node.setAttribute("selected","false"),s.getDefaultFilter(t)}),h.forEach(function(t){t.node.setAttribute("selected","false"),s.getDefaultFilter(t)})}t.node.setAttribute("selected","true"),r="true",void 0===i.globals.selectedDataPoints[a]&&(i.globals.selectedDataPoints[a]=[]),i.globals.selectedDataPoints[a].push(n)}if("true"===r){var c=i.config.states.active.filter;"none"!==c&&s.applyFilter(t,c.type,c.value)}else"none"!==i.config.states.active.filter.type&&s.getDefaultFilter(t);"function"==typeof i.config.chart.events.dataPointSelection&&i.config.chart.events.dataPointSelection(e,this.ctx,{selectedDataPoints:i.globals.selectedDataPoints,seriesIndex:a,dataPointIndex:n,w:i}),this.ctx.fireEvent("dataPointSelection",[e,this.ctx,{selectedDataPoints:i.globals.selectedDataPoints,seriesIndex:a,dataPointIndex:n,w:i}])}},{key:"rotateAroundCenter",value:function(t){var e=t.getBBox();return{x:e.x+e.width/2,y:e.y+e.height/2}}},{key:"getTextRects",value:function(t,e,i,s){var a=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],n=this.w,r=this.drawText({x:-200,y:-200,text:t,textAnchor:"start",fontSize:e,fontFamily:i,foreColor:"#fff",opacity:0});s&&r.attr("transform",s),n.globals.dom.Paper.add(r);var o=r.bbox();return a||(o=r.node.getBoundingClientRect()),r.remove(),{width:o.width,height:o.height}}},{key:"placeTextWithEllipsis",value:function(t,e,i){if(t.textContent=e,e.length>0&&t.getSubStringLength(0,e.length)>=i){for(var s=e.length-3;s>0;s-=3)if(t.getSubStringLength(0,s)<=i)return void(t.textContent=e.substring(0,s)+"...");t.textContent="..."}}}],[{key:"setAttrs",value:function(t,e){for(var i in e)e.hasOwnProperty(i)&&t.setAttribute(i,e[i])}}]),t}();var p={name:"en",options:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],toolbar:{exportToSVG:"Download SVG",exportToPNG:"Download PNG",menu:"Menu",selection:"Selection",selectionZoom:"Selection Zoom",zoomIn:"Zoom In",zoomOut:"Zoom Out",pan:"Panning",reset:"Reset Zoom"}}},x=function(){function t(){e(this,t),this.yAxis={show:!0,showAlways:!1,seriesName:void 0,opposite:!1,reversed:!1,logarithmic:!1,tickAmount:void 0,forceNiceScale:!1,max:void 0,min:void 0,floating:!1,decimalsInFloat:2,labels:{show:!0,minWidth:0,maxWidth:160,offsetX:0,offsetY:0,rotate:0,padding:20,style:{colors:[],fontSize:"11px",fontFamily:void 0,cssClass:""},formatter:void 0},axisBorder:{show:!1,color:"#78909C",offsetX:0,offsetY:0},axisTicks:{show:!1,color:"#78909C",width:6,offsetX:0,offsetY:0},title:{text:void 0,rotate:90,offsetY:0,offsetX:0,style:{color:void 0,fontSize:"11px",fontFamily:void 0,cssClass:""}},tooltip:{enabled:!1,offsetX:0},crosshairs:{show:!0,position:"front",stroke:{color:"#b6b6b6",width:1,dashArray:0}}},this.xAxisAnnotation={x:0,x2:null,strokeDashArray:1,fillColor:"#c2c2c2",borderColor:"#c2c2c2",opacity:.3,offsetX:0,offsetY:0,label:{borderColor:"#c2c2c2",borderWidth:1,text:void 0,textAnchor:"middle",orientation:"vertical",position:"top",offsetX:0,offsetY:0,style:{background:"#fff",color:void 0,fontSize:"11px",fontFamily:void 0,cssClass:"",padding:{left:5,right:5,top:2,bottom:2}}}},this.yAxisAnnotation={y:0,y2:null,strokeDashArray:1,fillColor:"#c2c2c2",borderColor:"#c2c2c2",opacity:.3,offsetX:0,offsetY:0,yAxisIndex:0,label:{borderColor:"#c2c2c2",borderWidth:1,text:void 0,textAnchor:"end",position:"right",offsetX:0,offsetY:-3,style:{background:"#fff",color:void 0,fontSize:"11px",fontFamily:void 0,cssClass:"",padding:{left:5,right:5,top:0,bottom:2}}}},this.pointAnnotation={x:0,y:null,yAxisIndex:0,seriesIndex:0,marker:{size:0,fillColor:"#fff",strokeWidth:2,strokeColor:"#333",shape:"circle",offsetX:0,offsetY:0,radius:2,cssClass:""},label:{borderColor:"#c2c2c2",borderWidth:1,text:void 0,textAnchor:"middle",offsetX:0,offsetY:-15,style:{background:"#fff",color:void 0,fontSize:"11px",fontFamily:void 0,cssClass:"",padding:{left:5,right:5,top:0,bottom:2}}},customSVG:{SVG:void 0,cssClass:void 0,offsetX:0,offsetY:0}}}return s(t,[{key:"init",value:function(){return{annotations:{position:"front",yaxis:[this.yAxisAnnotation],xaxis:[this.xAxisAnnotation],points:[this.pointAnnotation]},chart:{animations:{enabled:!0,easing:"easeinout",speed:800,animateGradually:{delay:150,enabled:!0},dynamicAnimation:{enabled:!0,speed:350}},background:"transparent",locales:[p],defaultLocale:"en",dropShadow:{enabled:!1,enabledSeries:void 0,top:2,left:2,blur:4,color:"#000",opacity:.35},events:{animationEnd:void 0,beforeMount:void 0,mounted:void 0,updated:void 0,click:void 0,legendClick:void 0,selection:void 0,dataPointSelection:void 0,dataPointMouseEnter:void 0,dataPointMouseLeave:void 0,beforeZoom:void 0,zoomed:void 0,scrolled:void 0},foreColor:"#373d3f",fontFamily:"Helvetica, Arial, sans-serif",height:"auto",id:void 0,group:void 0,offsetX:0,offsetY:0,selection:{enabled:!1,type:"x",fill:{color:"#24292e",opacity:.1},stroke:{width:1,color:"#24292e",opacity:.4,dashArray:3},xaxis:{min:void 0,max:void 0},yaxis:{min:void 0,max:void 0}},sparkline:{enabled:!1},brush:{enabled:!1,autoScaleYaxis:!1,target:void 0},stacked:!1,stackType:"normal",toolbar:{show:!0,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0,customIcons:[]},autoSelected:"zoom"},type:"line",width:"100%",zoom:{enabled:!0,type:"x",zoomedArea:{fill:{color:"#90CAF9",opacity:.4},stroke:{color:"#0D47A1",opacity:.4,width:1}}}},plotOptions:{bar:{horizontal:!1,endingShape:"flat",columnWidth:"70%",barHeight:"70%",distributed:!1,colors:{ranges:[],backgroundBarColors:[],backgroundBarOpacity:1},dataLabels:{position:"top"}},candlestick:{colors:{upward:"#00B746",downward:"#EF403C"},wick:{useFillColor:!0}},heatmap:{radius:2,enableShades:!0,shadeIntensity:.5,distributed:!1,colorScale:{inverse:!1,ranges:[],min:void 0,max:void 0}},radialBar:{size:void 0,inverseOrder:!1,startAngle:0,endAngle:360,offsetX:0,offsetY:0,hollow:{margin:5,size:"50%",background:"transparent",image:void 0,imageWidth:150,imageHeight:150,imageOffsetX:0,imageOffsetY:0,imageClipped:!0,position:"front",dropShadow:{enabled:!1,top:0,left:0,blur:3,color:"#000",opacity:.5}},track:{show:!0,startAngle:void 0,endAngle:void 0,background:"#f2f2f2",strokeWidth:"97%",opacity:1,margin:5,dropShadow:{enabled:!1,top:0,left:0,blur:3,color:"#000",opacity:.5}},dataLabels:{show:!0,name:{show:!0,fontSize:"16px",fontFamily:void 0,color:void 0,offsetY:0},value:{show:!0,fontSize:"14px",fontFamily:void 0,color:void 0,offsetY:16,formatter:function(t){return t+"%"}},total:{show:!1,label:"Total",color:"#373d3f",formatter:function(t){return t.globals.seriesTotals.reduce(function(t,e){return t+e},0)/t.globals.series.length+"%"}}}},pie:{size:void 0,customScale:1,offsetX:0,offsetY:0,expandOnClick:!0,dataLabels:{offset:0},donut:{size:"65%",background:"transparent",labels:{show:!1,name:{show:!0,fontSize:"16px",fontFamily:void 0,color:void 0,offsetY:-10},value:{show:!0,fontSize:"20px",fontFamily:void 0,color:void 0,offsetY:10,formatter:function(t){return t}},total:{show:!1,label:"Total",color:"#373d3f",formatter:function(t){return t.globals.seriesTotals.reduce(function(t,e){return t+e},0)}}}}},radar:{size:void 0,offsetX:0,offsetY:0,polygons:{strokeColors:"#e8e8e8",connectorColors:"#e8e8e8",fill:{colors:void 0}}}},colors:void 0,dataLabels:{enabled:!0,enabledOnSeries:void 0,formatter:function(t){return t},textAnchor:"middle",offsetX:0,offsetY:0,style:{fontSize:"12px",fontFamily:void 0,colors:void 0},dropShadow:{enabled:!1,top:1,left:1,blur:1,color:"#000",opacity:.45}},fill:{type:"solid",colors:void 0,opacity:.85,gradient:{shade:"dark",type:"horizontal",shadeIntensity:.5,gradientToColors:void 0,inverseColors:!0,opacityFrom:1,opacityTo:1,stops:[0,50,100],colorStops:[]},image:{src:[],width:void 0,height:void 0},pattern:{style:"sqaures",width:6,height:6,strokeWidth:2}},grid:{show:!0,borderColor:"#e0e0e0",strokeDashArray:0,position:"back",xaxis:{lines:{show:!1,animate:!1}},yaxis:{lines:{show:!0,animate:!0}},row:{colors:void 0,opacity:.5},column:{colors:void 0,opacity:.5},padding:{top:0,right:10,bottom:0,left:12}},labels:[],legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,floating:!1,position:"bottom",horizontalAlign:"center",fontSize:"12px",fontFamily:void 0,width:void 0,height:void 0,formatter:void 0,offsetX:-20,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{width:12,height:12,strokeWidth:0,strokeColor:"#fff",radius:12,customHTML:void 0,offsetX:0,offsetY:0,onClick:void 0},itemMargin:{horizontal:0,vertical:5},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}},markers:{discrete:[],size:0,colors:void 0,strokeColors:"#fff",strokeWidth:2,strokeOpacity:.9,fillOpacity:1,shape:"circle",radius:2,offsetX:0,offsetY:0,hover:{size:void 0,sizeOffset:3}},noData:{text:void 0,align:"center",verticalAlign:"middle",offsetX:0,offsetY:0,style:{color:void 0,fontSize:"14px",fontFamily:void 0}},responsive:[],series:void 0,states:{normal:{filter:{type:"none",value:0}},hover:{filter:{type:"lighten",value:.15}},active:{allowMultipleDataPointsSelection:!1,filter:{type:"darken",value:.65}}},title:{text:void 0,align:"left",margin:10,offsetX:0,offsetY:0,floating:!1,style:{fontSize:"14px",fontFamily:void 0,color:void 0}},subtitle:{text:void 0,align:"left",margin:10,offsetX:0,offsetY:30,floating:!1,style:{fontSize:"12px",fontFamily:void 0,color:void 0}},stroke:{show:!0,curve:"smooth",lineCap:"butt",width:2,colors:void 0,dashArray:0},tooltip:{enabled:!0,shared:!0,followCursor:!1,intersect:!1,inverseOrder:!1,custom:void 0,fillSeriesColor:!1,theme:"light",style:{fontSize:"12px",fontFamily:void 0},onDatasetHover:{highlightDataSeries:!1},x:{show:!0,format:"dd MMM",formatter:void 0},y:{formatter:void 0,title:{formatter:function(t){return t}}},z:{formatter:void 0,title:"Size: "},marker:{show:!0},items:{display:"flex"},fixed:{enabled:!1,position:"topRight",offsetX:0,offsetY:0}},xaxis:{type:"category",categories:[],offsetX:0,offsetY:0,labels:{show:!0,rotate:-45,rotateAlways:!1,hideOverlappingLabels:!0,trim:!0,minHeight:void 0,maxHeight:120,showDuplicates:!0,style:{colors:[],fontSize:"12px",fontFamily:void 0,cssClass:""},offsetX:0,offsetY:0,format:void 0,formatter:void 0,datetimeFormatter:{year:"yyyy",month:"MMM 'yy",day:"dd MMM",hour:"HH:mm",minute:"HH:mm:ss"}},axisBorder:{show:!0,color:"#78909C",width:"100%",height:1,offsetX:0,offsetY:0},axisTicks:{show:!0,color:"#78909C",height:6,offsetX:0,offsetY:0},tickAmount:void 0,tickPlacement:"on",min:void 0,max:void 0,range:void 0,floating:!1,position:"bottom",title:{text:void 0,offsetX:0,offsetY:0,style:{color:void 0,fontSize:"12px",fontFamily:void 0,cssClass:""}},crosshairs:{show:!0,width:1,position:"back",opacity:.9,stroke:{color:"#b6b6b6",width:1,dashArray:3},fill:{type:"solid",color:"#B1B9C4",gradient:{colorFrom:"#D8E3F0",colorTo:"#BED1E6",stops:[0,100],opacityFrom:.4,opacityTo:.5}},dropShadow:{enabled:!1,left:0,top:0,blur:1,opacity:.4}},tooltip:{enabled:!0,offsetY:0,formatter:void 0,style:{fontSize:"12px",fontFamily:void 0}}},yaxis:this.yAxis,theme:{palette:"palette1",monochrome:{enabled:!1,color:"#008FFB",shadeTo:"light",shadeIntensity:.65}}}}}]),t}(),m=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.graphics=new f(this.ctx),"bar"===this.w.config.chart.type&&this.w.config.plotOptions.bar.horizontal&&(this.invertAxis=!0),this.xDivision=this.w.globals.gridWidth/this.w.globals.dataPoints}return s(t,[{key:"drawAnnotations",value:function(){var t=this.w;if(t.globals.axisCharts){for(var e=this.drawYAxisAnnotations(),i=this.drawXAxisAnnotations(),s=this.drawPointAnnotations(),a=t.config.chart.animations.enabled,n=[e,i,s],r=[i.node,e.node,s.node],o=0;o<3;o++)t.globals.dom.elGraphical.add(n[o]),!a||t.globals.resized||t.globals.dataChanged||r[o].classList.add("hidden"),t.globals.delayedElements.push({el:r[o],index:0});this.setOrientations(t.config.annotations.xaxis),this.annotationsBackground()}}},{key:"addXaxisAnnotation",value:function(t,e,i){var s=this.w,a=this.invertAxis?s.globals.minY:s.globals.minX,n=this.invertAxis?s.globals.yRange[0]:s.globals.xRange,r=(t.x-a)/(n/s.globals.gridWidth);if("category"===s.config.xaxis.type||s.config.xaxis.convertedCatToNumeric){var o=s.globals.labels.indexOf(t.x),l=s.globals.dom.baseEl.querySelector(".apexcharts-xaxis-texts-g text:nth-child("+(o+1)+")");r=parseFloat(l.getAttribute("x"))}var h=t.strokeDashArray;if(!(r<0||r>s.globals.gridWidth)){if(null===t.x2){var c=this.graphics.drawLine(r+t.offsetX,0+t.offsetY,r+t.offsetX,s.globals.gridHeight+t.offsetY,t.borderColor,h);e.appendChild(c.node)}else{var d=(t.x2-a)/(n/s.globals.gridWidth);if(d<r){var u=r;r=d,d=u}var g=this.graphics.drawRect(r+t.offsetX,0+t.offsetY,d-r,s.globals.gridHeight+t.offsetY,0,t.fillColor,t.opacity,1,t.borderColor,h);e.appendChild(g.node)}var f="top"===t.label.position?-3:s.globals.gridHeight,p=t.label.text?t.label.text:"",x=this.graphics.drawText({x:r+t.label.offsetX,y:f+t.label.offsetY,text:p,textAnchor:t.label.textAnchor,fontSize:t.label.style.fontSize,fontFamily:t.label.style.fontFamily,foreColor:t.label.style.color,cssClass:"apexcharts-xaxis-annotation-label "+t.label.style.cssClass});x.attr({rel:i}),e.appendChild(x.node)}}},{key:"drawXAxisAnnotations",value:function(){var t=this,e=this.w,i=this.graphics.group({class:"apexcharts-xaxis-annotations"});return e.config.annotations.xaxis.map(function(e,s){t.addXaxisAnnotation(e,i.node,s)}),i}},{key:"addYaxisAnnotation",value:function(t,e,i){var s,a,n=this.w,r=t.strokeDashArray;if(this.invertAxis){var o=n.globals.labels.indexOf(t.y),l=n.globals.dom.baseEl.querySelector(".apexcharts-yaxis-texts-g text:nth-child("+(o+1)+")");s=parseFloat(l.getAttribute("y"))}else s=n.globals.gridHeight-(t.y-n.globals.minYArr[t.yAxisIndex])/(n.globals.yRange[t.yAxisIndex]/n.globals.gridHeight),n.config.yaxis[t.yAxisIndex].reversed&&(s=(t.y-n.globals.minYArr[t.yAxisIndex])/(n.globals.yRange[t.yAxisIndex]/n.globals.gridHeight));var h=t.label.text?t.label.text:"";if(null===t.y2){var c=this.graphics.drawLine(0+t.offsetX,s+t.offsetY,n.globals.gridWidth+t.offsetX,s+t.offsetY,t.borderColor,r);e.appendChild(c.node)}else{if(this.invertAxis){var d=n.globals.labels.indexOf(t.y2),u=n.globals.dom.baseEl.querySelector(".apexcharts-yaxis-texts-g text:nth-child("+(d+1)+")");a=parseFloat(u.getAttribute("y"))}else a=n.globals.gridHeight-(t.y2-n.globals.minYArr[t.yAxisIndex])/(n.globals.yRange[t.yAxisIndex]/n.globals.gridHeight),n.config.yaxis[t.yAxisIndex].reversed&&(a=(t.y2-n.globals.minYArr[t.yAxisIndex])/(n.globals.yRange[t.yAxisIndex]/n.globals.gridHeight));if(a>s){var g=s;s=a,a=g}var f=this.graphics.drawRect(0+t.offsetX,a+t.offsetY,n.globals.gridWidth+t.offsetX,s-a,0,t.fillColor,t.opacity,1,t.borderColor,r);e.appendChild(f.node)}var p="right"===t.label.position?n.globals.gridWidth:0,x=this.graphics.drawText({x:p+t.label.offsetX,y:(a||s)+t.label.offsetY-3,text:h,textAnchor:t.label.textAnchor,fontSize:t.label.style.fontSize,fontFamily:t.label.style.fontFamily,foreColor:t.label.style.color,cssClass:"apexcharts-yaxis-annotation-label "+t.label.style.cssClass});x.attr({rel:i}),e.appendChild(x.node)}},{key:"drawYAxisAnnotations",value:function(){var t=this,e=this.w,i=this.graphics.group({class:"apexcharts-yaxis-annotations"});return e.config.annotations.yaxis.map(function(e,s){t.addYaxisAnnotation(e,i.node,s)}),i}},{key:"clearAnnotations",value:function(t){t.w.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis-annotations, .apexcharts-xaxis-annotations, .apexcharts-point-annotations").forEach(function(t){for(;t.firstChild;)t.removeChild(t.firstChild)})}},{key:"addPointAnnotation",value:function(t,e,i){var s=this.w,a=0,n=0,r=0;if(this.invertAxis&&console.warn("Point annotation is not supported in horizontal bar charts."),"string"==typeof t.x){var o=s.globals.labels.indexOf(t.x),l=s.globals.dom.baseEl.querySelector(".apexcharts-xaxis-texts-g text:nth-child("+(o+1)+")");a=parseFloat(l.getAttribute("x"));var h=t.y;null===t.y&&(h=s.globals.series[t.seriesIndex][o]),n=s.globals.gridHeight-(h-s.globals.minYArr[t.yAxisIndex])/(s.globals.yRange[t.yAxisIndex]/s.globals.gridHeight)-parseInt(t.label.style.fontSize)-t.marker.size,r=s.globals.gridHeight-(h-s.globals.minYArr[t.yAxisIndex])/(s.globals.yRange[t.yAxisIndex]/s.globals.gridHeight),s.config.yaxis[t.yAxisIndex].reversed&&(n=(h-s.globals.minYArr[t.yAxisIndex])/(s.globals.yRange[t.yAxisIndex]/s.globals.gridHeight)+parseInt(t.label.style.fontSize)+t.marker.size,r=(h-s.globals.minYArr[t.yAxisIndex])/(s.globals.yRange[t.yAxisIndex]/s.globals.gridHeight))}else a=(t.x-s.globals.minX)/(s.globals.xRange/s.globals.gridWidth),n=s.globals.gridHeight-(parseFloat(t.y)-s.globals.minYArr[t.yAxisIndex])/(s.globals.yRange[t.yAxisIndex]/s.globals.gridHeight)-parseInt(t.label.style.fontSize)-t.marker.size,r=s.globals.gridHeight-(t.y-s.globals.minYArr[t.yAxisIndex])/(s.globals.yRange[t.yAxisIndex]/s.globals.gridHeight),s.config.yaxis[t.yAxisIndex].reversed&&(n=(parseFloat(t.y)-s.globals.minYArr[t.yAxisIndex])/(s.globals.yRange[t.yAxisIndex]/s.globals.gridHeight)-parseInt(t.label.style.fontSize)-t.marker.size,r=(t.y-s.globals.minYArr[t.yAxisIndex])/(s.globals.yRange[t.yAxisIndex]/s.globals.gridHeight));if(!(a<0||a>s.globals.gridWidth)){var c={pSize:t.marker.size,pWidth:t.marker.strokeWidth,pointFillColor:t.marker.fillColor,pointStrokeColor:t.marker.strokeColor,shape:t.marker.shape,radius:t.marker.radius,class:"apexcharts-point-annotation-marker "+t.marker.cssClass},d=this.graphics.drawMarker(a+t.marker.offsetX,r+t.marker.offsetY,c);e.appendChild(d.node);var u=t.label.text?t.label.text:"",g=this.graphics.drawText({x:a+t.label.offsetX,y:n+t.label.offsetY,text:u,textAnchor:t.label.textAnchor,fontSize:t.label.style.fontSize,fontFamily:t.label.style.fontFamily,foreColor:t.label.style.color,cssClass:"apexcharts-point-annotation-label "+t.label.style.cssClass});if(g.attr({rel:i}),e.appendChild(g.node),t.customSVG.SVG){var f=this.graphics.group({class:"apexcharts-point-annotations-custom-svg "+t.customSVG.cssClass});f.attr({transform:"translate(".concat(a+t.customSVG.offsetX,", ").concat(n+t.customSVG.offsetY,")")}),f.node.innerHTML=t.customSVG.SVG,e.appendChild(f.node)}}}},{key:"drawPointAnnotations",value:function(){var t=this,e=this.w,i=this.graphics.group({class:"apexcharts-point-annotations"});return e.config.annotations.points.map(function(e,s){t.addPointAnnotation(e,i.node,s)}),i}},{key:"setOrientations",value:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,s=this.w;t.map(function(t,a){if("vertical"===t.label.orientation){var n=null!==i?i:a,r=s.globals.dom.baseEl.querySelector(".apexcharts-xaxis-annotations .apexcharts-xaxis-annotation-label[rel='".concat(n,"']"));if(null!==r){var o=r.getBoundingClientRect();r.setAttribute("x",parseFloat(r.getAttribute("x"))-o.height+4),"top"===t.label.position?r.setAttribute("y",parseFloat(r.getAttribute("y"))+o.width):r.setAttribute("y",parseFloat(r.getAttribute("y"))-o.width);var l=e.graphics.rotateAroundCenter(r),h=l.x,c=l.y;r.setAttribute("transform","rotate(-90 ".concat(h," ").concat(c,")"))}}})}},{key:"addBackgroundToAnno",value:function(t,e){var i=this.w.globals.dom.baseEl.querySelector(".apexcharts-grid").getBoundingClientRect(),s=t.getBoundingClientRect(),a=e.label.style.padding.left,n=e.label.style.padding.right,r=e.label.style.padding.top,o=e.label.style.padding.bottom;"vertical"===e.label.orientation&&(r=e.label.style.padding.left,o=e.label.style.padding.right,a=e.label.style.padding.top,n=e.label.style.padding.bottom);var l=s.left-i.left-a,h=s.top-i.top-r;return this.graphics.drawRect(l,h,s.width+a+n,s.height+r+o,0,e.label.style.background,1,e.label.borderWidth,e.label.borderColor,0)}},{key:"annotationsBackground",value:function(){var t=this,e=this.w,i=function(i,s,a){var n=e.globals.dom.baseEl.querySelector(".apexcharts-".concat(a,"-annotations .apexcharts-").concat(a,"-annotation-label[rel='").concat(s,"']"));if(n){var r=n.parentNode,o=t.addBackgroundToAnno(n,i);r.insertBefore(o.node,n)}};e.config.annotations.xaxis.map(function(t,e){i(t,e,"xaxis")}),e.config.annotations.yaxis.map(function(t,e){i(t,e,"yaxis")}),e.config.annotations.points.map(function(t,e){i(t,e,"point")})}},{key:"addText",value:function(t,e,i){var s=t.x,a=t.y,n=t.text,r=t.textAnchor,o=t.appendTo,l=void 0===o?".apexcharts-inner":o,h=t.foreColor,c=t.fontSize,d=t.fontFamily,u=t.cssClass,g=t.backgroundColor,f=t.borderWidth,p=t.strokeDashArray,x=t.radius,m=t.borderColor,v=t.paddingLeft,b=void 0===v?4:v,y=t.paddingRight,w=void 0===y?4:y,k=t.paddingBottom,A=void 0===k?2:k,S=t.paddingTop,C=void 0===S?2:S,L=i,z=L.w,M=z.globals.dom.baseEl.querySelector(l),P=this.graphics.drawText({x:s,y:a,text:n,textAnchor:r||"start",fontSize:c||"12px",fontFamily:d||z.config.chart.fontFamily,foreColor:h||z.config.chart.foreColor,cssClass:u});M.appendChild(P.node);var E=P.bbox(),T=this.graphics.drawRect(E.x-b,E.y-C,E.width+b+w,E.height+A+C,x,g,1,f,m,p);return P.before(T),e&&z.globals.memory.methodsToExec.push({context:L,method:L.addText,params:{x:s,y:a,text:n,textAnchor:r,appendTo:l,foreColor:h,fontSize:c,cssClass:u,backgroundColor:g,borderWidth:f,strokeDashArray:p,radius:x,borderColor:m,paddingLeft:b,paddingRight:w,paddingBottom:A,paddingTop:C}}),i}},{key:"addPointAnnotationExternal",value:function(t,e,i){return this.addAnnotationExternal({params:t,pushToMemory:e,context:i,type:"point",contextMethod:i.addPointAnnotation}),i}},{key:"addYaxisAnnotationExternal",value:function(t,e,i){return this.addAnnotationExternal({params:t,pushToMemory:e,context:i,type:"yaxis",contextMethod:i.addYaxisAnnotation}),i}},{key:"addXaxisAnnotationExternal",value:function(t,e,i){return this.addAnnotationExternal({params:t,pushToMemory:e,context:i,type:"xaxis",contextMethod:i.addXaxisAnnotation}),i}},{key:"addAnnotationExternal",value:function(t){var e=t.params,i=t.pushToMemory,s=t.context,a=t.type,n=t.contextMethod,r=s,o=r.w,l=o.globals.dom.baseEl.querySelector(".apexcharts-".concat(a,"-annotations")),h=l.childNodes.length+1,c=new x,u=Object.assign({},"xaxis"===a?c.xAxisAnnotation:"yaxis"===a?c.yAxisAnnotation:c.pointAnnotation),g=d.extend(u,e);switch(a){case"xaxis":this.addXaxisAnnotation(g,l,h);break;case"yaxis":this.addYaxisAnnotation(g,l,h);break;case"point":this.addPointAnnotation(g,l,h)}var f=o.globals.dom.baseEl.querySelector(".apexcharts-".concat(a,"-annotations .apexcharts-").concat(a,"-annotation-label[rel='").concat(h,"']")),p=this.addBackgroundToAnno(f,g);return l.insertBefore(p.node,f),i&&o.globals.memory.methodsToExec.push({context:r,method:n,params:e}),s}}]),t}(),v=function(){function t(i){e(this,t),this.opts=i}return s(t,[{key:"line",value:function(){return{chart:{animations:{easing:"swing"}},dataLabels:{enabled:!1},stroke:{width:5,curve:"straight"},markers:{size:0,hover:{sizeOffset:6}},xaxis:{crosshairs:{width:1}}}}},{key:"sparkline",value:function(t){this.opts.yaxis[0].labels.show=!1,this.opts.yaxis[0].floating=!0;return d.extend(t,{grid:{show:!1,padding:{left:0,right:0,top:0,bottom:0}},legend:{show:!1},xaxis:{labels:{show:!1},tooltip:{enabled:!1},axisBorder:{show:!1}},chart:{toolbar:{show:!1},zoom:{enabled:!1}},dataLabels:{enabled:!1}})}},{key:"bar",value:function(){return{chart:{stacked:!1,animations:{easing:"swing"}},plotOptions:{bar:{dataLabels:{position:"center"}}},dataLabels:{style:{colors:["#fff"]}},stroke:{width:0},fill:{opacity:.85},legend:{markers:{shape:"square",radius:2,size:8}},tooltip:{shared:!1},xaxis:{tooltip:{enabled:!1},crosshairs:{width:"barWidth",position:"back",fill:{type:"gradient"},dropShadow:{enabled:!1},stroke:{width:0}}}}}},{key:"candlestick",value:function(){return{stroke:{width:1,colors:["#333"]},dataLabels:{enabled:!1},tooltip:{shared:!0,custom:function(t){var e=t.seriesIndex,i=t.dataPointIndex,s=t.w;return'<div class="apexcharts-tooltip-candlestick"><div>Open: <span class="value">'+s.globals.seriesCandleO[e][i]+'</span></div><div>High: <span class="value">'+s.globals.seriesCandleH[e][i]+'</span></div><div>Low: <span class="value">'+s.globals.seriesCandleL[e][i]+'</span></div><div>Close: <span class="value">'+s.globals.seriesCandleC[e][i]+"</span></div></div>"}},states:{active:{filter:{type:"none"}}},xaxis:{crosshairs:{width:1}}}}},{key:"area",value:function(){return{stroke:{width:4},fill:{type:"gradient",gradient:{inverseColors:!1,shade:"light",type:"vertical",opacityFrom:.65,opacityTo:.5,stops:[0,100,100]}},markers:{size:0,hover:{sizeOffset:6}},tooltip:{followCursor:!1}}}},{key:"brush",value:function(t){return d.extend(t,{chart:{toolbar:{autoSelected:"selection",show:!1},zoom:{enabled:!1}},dataLabels:{enabled:!1},stroke:{width:1},tooltip:{enabled:!1},xaxis:{tooltip:{enabled:!1}}})}},{key:"stacked100",value:function(){var t=this;this.opts.dataLabels=this.opts.dataLabels||{},this.opts.dataLabels.formatter=this.opts.dataLabels.formatter||void 0;var e=this.opts.dataLabels.formatter;this.opts.yaxis.forEach(function(e,i){t.opts.yaxis[i].min=0,t.opts.yaxis[i].max=100}),"bar"===this.opts.chart.type&&(this.opts.dataLabels.formatter=e||function(t){return"number"==typeof t&&t?t.toFixed(0)+"%":t})}},{key:"bubble",value:function(){return{dataLabels:{style:{colors:["#fff"]}},tooltip:{shared:!1,intersect:!0},xaxis:{crosshairs:{width:0}},fill:{type:"solid",gradient:{shade:"light",inverse:!0,shadeIntensity:.55,opacityFrom:.4,opacityTo:.8}}}}},{key:"scatter",value:function(){return{dataLabels:{enabled:!1},tooltip:{shared:!1,intersect:!0},markers:{size:6,strokeWidth:2,hover:{sizeOffset:2}}}}},{key:"heatmap",value:function(){return{chart:{stacked:!1,zoom:{enabled:!1}},fill:{opacity:1},dataLabels:{style:{colors:["#fff"]}},stroke:{colors:["#fff"]},tooltip:{followCursor:!0,marker:{show:!1},x:{show:!1}},legend:{position:"top",markers:{shape:"square",size:10,offsetY:2}},grid:{padding:{right:20}}}}},{key:"pie",value:function(){return{chart:{toolbar:{show:!1}},plotOptions:{pie:{donut:{labels:{show:!1}}}},dataLabels:{formatter:function(t){return t.toFixed(1)+"%"},style:{colors:["#fff"]},dropShadow:{enabled:!0}},stroke:{colors:["#fff"]},fill:{opacity:1,gradient:{shade:"dark",shadeIntensity:.35,inverseColors:!1,stops:[0,100,100]}},padding:{right:0,left:0},tooltip:{theme:"dark",fillSeriesColor:!0},legend:{position:"right"}}}},{key:"donut",value:function(){return{chart:{toolbar:{show:!1}},dataLabels:{formatter:function(t){return t.toFixed(1)+"%"},style:{colors:["#fff"]},dropShadow:{enabled:!0}},stroke:{colors:["#fff"]},fill:{opacity:1,gradient:{shade:"dark",shadeIntensity:.4,inverseColors:!1,type:"vertical",opacityFrom:1,opacityTo:1,stops:[70,98,100]}},padding:{right:0,left:0},tooltip:{theme:"dark",fillSeriesColor:!0},legend:{position:"right"}}}},{key:"radar",value:function(){return this.opts.yaxis[0].labels.style.fontSize="13px",this.opts.yaxis[0].labels.offsetY=6,{dataLabels:{enabled:!0,style:{colors:["#a8a8a8"],fontSize:"11px"}},stroke:{width:2},markers:{size:3,strokeWidth:1,strokeOpacity:1},fill:{opacity:.2},tooltip:{shared:!1,intersect:!0,followCursor:!0},grid:{show:!1},xaxis:{tooltip:{enabled:!1},crosshairs:{show:!1}}}}},{key:"radialBar",value:function(){return{chart:{animations:{dynamicAnimation:{enabled:!0,speed:800}},toolbar:{show:!1}},fill:{gradient:{shade:"dark",shadeIntensity:.4,inverseColors:!1,type:"diagonal2",opacityFrom:1,opacityTo:1,stops:[70,98,100]}},padding:{right:0,left:0},legend:{show:!1,position:"right"},tooltip:{enabled:!1,fillSeriesColor:!0}}}}],[{key:"convertCatToNumeric",value:function(t){t.xaxis.type="numeric",t.xaxis.convertedCatToNumeric=!0,t.xaxis.labels=t.xaxis.labels||{},t.xaxis.labels.formatter=t.xaxis.labels.formatter||function(t){return t},t.chart=t.chart||{},t.chart.zoom=t.chart.zoom||window.Apex.chart&&window.Apex.chart.zoom||{};var e=t.xaxis.labels.formatter,i=t.xaxis.categories&&t.xaxis.categories.length?t.xaxis.categories:t.labels;return i&&i.length&&(t.xaxis.labels.formatter=function(t){return e(i[t-1])}),t.xaxis.categories=[],t.labels=[],t.chart.zoom.enabled=!1,t}}]),t}(),b=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"getStackedSeriesTotals",value:function(){for(var t=this.w,e=[],i=0;i<t.globals.series[t.globals.maxValsInArrayIndex].length;i++){for(var s=0,a=0;a<t.globals.series.length;a++)s+=t.globals.series[a][i];e.push(s)}return t.globals.stackedSeriesTotals=e,e}},{key:"getSeriesTotalByIndex",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null===t?this.w.config.series.reduce(function(t,e){return t+e},0):this.w.globals.series[t].reduce(function(t,e){return t+e},0)}},{key:"isSeriesNull",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return 0===(null===t?this.w.config.series.filter(function(t){return null!==t}):this.w.globals.series[t].filter(function(t){return null!==t})).length}},{key:"seriesHaveSameValues",value:function(t){return this.w.globals.series[t].every(function(t,e,i){return t===i[0]})}},{key:"getLargestSeries",value:function(){var t=this.w;t.globals.maxValsInArrayIndex=t.globals.series.map(function(t){return t.length}).indexOf(Math.max.apply(Math,t.globals.series.map(function(t){return t.length})))}},{key:"getLargestMarkerSize",value:function(){var t=this.w,e=0;return t.globals.markers.size.forEach(function(t){e=Math.max(e,t)}),t.globals.markers.largestSize=e,e}},{key:"getSeriesTotals",value:function(){var t=this.w;t.globals.seriesTotals=t.globals.series.map(function(t,e){var i=0;if(Array.isArray(t))for(var s=0;s<t.length;s++)i+=t[s];else i+=t;return i})}},{key:"getSeriesTotalsXRange",value:function(t,e){var i=this.w;return i.globals.series.map(function(s,a){for(var n=0,r=0;r<s.length;r++)i.globals.seriesX[a][r]>t&&i.globals.seriesX[a][r]<e&&(n+=s[r]);return n})}},{key:"getPercentSeries",value:function(){var t=this.w;t.globals.seriesPercent=t.globals.series.map(function(e,i){var s=[];if(Array.isArray(e))for(var a=0;a<e.length;a++){var n=t.globals.stackedSeriesTotals[a],r=100*e[a]/n;s.push(r)}else{var o=100*e/t.globals.seriesTotals.reduce(function(t,e){return t+e},0);s.push(o)}return s})}},{key:"getCalculatedRatios",value:function(){var t,e,i,s,a,n=this.w.globals,r=[],o=[],l=.1,h=0;if(n.yRange=[],n.isMultipleYAxis)for(var c=0;c<n.minYArr.length;c++)n.yRange.push(Math.abs(n.minYArr[c]-n.maxYArr[c])),o.push(0);else n.yRange.push(Math.abs(n.minY-n.maxY));n.xRange=Math.abs(n.maxX-n.minX),n.zRange=Math.abs(n.maxZ-n.minZ);for(var d=0;d<n.yRange.length;d++)r.push(n.yRange[d]/n.gridHeight);if(e=n.xRange/n.gridWidth,i=Math.abs(n.initialmaxX-n.initialminX)/n.gridWidth,t=n.yRange/n.gridWidth,s=n.xRange/n.gridHeight,a=n.zRange/n.gridHeight*16,n.minY!==Number.MIN_VALUE&&0!==Math.abs(n.minY)){if(n.hasNegs=!0,o=[],n.isMultipleYAxis)for(var u=0;u<r.length;u++)o.push(-n.minYArr[u]/r[u]);else o.push(-n.minY/r[0]);l=-n.minY/t,h=n.minX/e}else o.push(0);return{yRatio:r,invertedYRatio:t,zRatio:a,xRatio:e,initialXRatio:i,invertedXRatio:s,baseLineInvertedY:l,baseLineY:o,baseLineX:h}}},{key:"getLogSeries",value:function(t){var e=this.w;return e.globals.seriesLog=t.map(function(t,i){return e.config.yaxis[i]&&e.config.yaxis[i].logarithmic?t.map(function(t){return null===t?null:(Math.log(t)-Math.log(e.globals.minYArr[i]))/(Math.log(e.globals.maxYArr[i])-Math.log(e.globals.minYArr[i]))}):t}),e.globals.seriesLog}},{key:"getLogYRatios",value:function(t){var e=this,i=this.w,s=this.w.globals;return s.yLogRatio=t.slice(),s.logYRange=s.yRange.map(function(t,a){if(i.config.yaxis[a]&&e.w.config.yaxis[a].logarithmic){var n,r=-Number.MAX_VALUE,o=Number.MIN_VALUE;return s.seriesLog.forEach(function(t,e){t.forEach(function(t){i.config.yaxis[e]&&i.config.yaxis[e].logarithmic&&(r=Math.max(t,r),o=Math.min(t,o))})}),n=Math.pow(s.yRange[a],Math.abs(o-r)/s.yRange[a]),s.yLogRatio[a]=n/s.gridHeight,n}}),s.yLogRatio}}],[{key:"checkComboSeries",value:function(t){var e=!1,i=!1;return t.length&&void 0!==t[0].type&&(e=!0,t.forEach(function(t){"bar"!==t.type&&"column"!==t.type||(i=!0)})),{comboCharts:e,comboChartsHasBars:i}}},{key:"extendArrayProps",value:function(t,e){return e.yaxis&&(e=t.extendYAxis(e)),e.annotations&&(e.annotations.yaxis&&(e=t.extendYAxisAnnotations(e)),e.annotations.xaxis&&(e=t.extendXAxisAnnotations(e)),e.annotations.points&&(e=t.extendPointAnnotations(e))),e}}]),t}(),y=function(){function i(t){e(this,i),this.opts=t}return s(i,[{key:"init",value:function(){var e=this.opts,i=new x,s=new v(e);this.chartType=e.chart.type,"histogram"===this.chartType&&(e.chart.type="bar",e=d.extend({plotOptions:{bar:{columnWidth:"99.99%"}}},e)),e.series=this.checkEmptySeries(e.series),e=this.extendYAxis(e),e=this.extendAnnotations(e);var a=i.init(),n={};if(e&&"object"===t(e)){var r={};switch(this.chartType){case"line":r=s.line();break;case"area":r=s.area();break;case"bar":r=s.bar();break;case"candlestick":r=s.candlestick();break;case"histogram":r=s.bar();break;case"bubble":r=s.bubble();break;case"scatter":r=s.scatter();break;case"heatmap":r=s.heatmap();break;case"pie":r=s.pie();break;case"donut":r=s.donut();break;case"radar":r=s.radar();break;case"radialBar":r=s.radialBar();break;default:r=s.line()}e.chart.brush&&e.chart.brush.enabled&&(r=s.brush(r)),e.chart.stacked&&"100%"===e.chart.stackType&&s.stacked100(),e.xaxis=e.xaxis||window.Apex.xaxis||{};var o=b.checkComboSeries(e.series);"line"!==e.chart.type&&"area"!==e.chart.type&&"scatter"!==e.chart.type||o.comboChartsHasBars||"datetime"===e.xaxis.type||"between"===e.xaxis.tickPlacement||(e=v.convertCatToNumeric(e)),(e.chart.sparkline&&e.chart.sparkline.enabled||window.Apex.chart&&window.Apex.chart.sparkline&&window.Apex.chart.sparkline.enabled)&&(r=s.sparkline(r)),n=d.extend(a,r)}var l=d.extend(n,window.Apex);return a=d.extend(l,e),a=this.handleUserInputErrors(a)}},{key:"extendYAxis",value:function(t){var e=new x;return void 0===t.yaxis&&(t.yaxis={}),t.yaxis.constructor!==Array&&window.Apex.yaxis&&window.Apex.yaxis.constructor!==Array&&(t.yaxis=d.extend(t.yaxis,window.Apex.yaxis)),t.yaxis.constructor!==Array?t.yaxis=[d.extend(e.yAxis,t.yaxis)]:t.yaxis=d.extendArray(t.yaxis,e.yAxis),t}},{key:"extendAnnotations",value:function(t){return void 0===t.annotations&&(t.annotations={},t.annotations.yaxis=[],t.annotations.xaxis=[],t.annotations.points=[]),t=this.extendYAxisAnnotations(t),t=this.extendXAxisAnnotations(t),t=this.extendPointAnnotations(t)}},{key:"extendYAxisAnnotations",value:function(t){var e=new x;return t.annotations.yaxis=d.extendArray(void 0!==t.annotations.yaxis?t.annotations.yaxis:[],e.yAxisAnnotation),t}},{key:"extendXAxisAnnotations",value:function(t){var e=new x;return t.annotations.xaxis=d.extendArray(void 0!==t.annotations.xaxis?t.annotations.xaxis:[],e.xAxisAnnotation),t}},{key:"extendPointAnnotations",value:function(t){var e=new x;return t.annotations.points=d.extendArray(void 0!==t.annotations.points?t.annotations.points:[],e.pointAnnotation),t}},{key:"checkEmptySeries",value:function(t){return 0===t.length?[{data:[]}]:t}},{key:"handleUserInputErrors",value:function(t){var e=t;if(e.tooltip.shared&&e.tooltip.intersect)throw new Error("tooltip.shared cannot be enabled when tooltip.intersect is true. Turn off any other option by setting it to false.");if(e.chart.scroller&&console.warn("Scroller has been deprecated since v2.0.0. Please remove the configuration for chart.scroller"),"bar"===e.chart.type&&e.plotOptions.bar.horizontal){if("datetime"===e.xaxis.type)throw new Error("Timelines on bars are not supported yet. Switch to column chart by setting plotOptions.bar.horizontal=false");if(e.yaxis.length>1)throw new Error("Multiple Y Axis for bars are not supported. Switch to column chart by setting plotOptions.bar.horizontal=false");e.yaxis[0].reversed&&(e.yaxis[0].opposite=!0),e.xaxis.tooltip.enabled=!1,e.yaxis[0].tooltip.enabled=!1,e.chart.zoom.enabled=!1}return"bar"===e.chart.type&&e.tooltip.shared&&("barWidth"===e.xaxis.crosshairs.width&&e.series.length>1&&(console.warn('crosshairs.width = "barWidth" is only supported in single series, not in a multi-series barChart.'),e.xaxis.crosshairs.width="tickWidth"),e.plotOptions.bar.horizontal&&(e.states.hover.type="none"),e.tooltip.followCursor||(console.warn("followCursor option in shared columns cannot be turned off."),e.tooltip.followCursor=!0)),"candlestick"===e.chart.type&&e.yaxis[0].reversed&&(console.warn("Reversed y-axis in candlestick chart is not supported."),e.yaxis[0].reversed=!1),e.chart.group&&0===e.yaxis[0].labels.minWidth&&console.warn("It looks like you have multiple charts in synchronization. You must provide yaxis.labels.minWidth which must be EQUAL for all grouped charts to prevent incorrect behaviour."),Array.isArray(e.stroke.width)&&"line"!==e.chart.type&&"area"!==e.chart.type&&(console.warn("stroke.width option accepts array only for line and area charts. Reverted back to Number"),e.stroke.width=e.stroke.width[0]),e}}]),i}(),w=function(){function t(){e(this,t)}return s(t,[{key:"globalVars",value:function(t){return{chartID:null,cuid:null,events:{beforeMount:[],mounted:[],updated:[],clicked:[],selection:[],dataPointSelection:[],zoomed:[],scrolled:[]},colors:[],fill:{colors:[]},stroke:{colors:[]},dataLabels:{style:{colors:[]}},radarPolygons:{fill:{colors:[]}},markers:{colors:[],size:t.markers.size,largestSize:0},animationEnded:!1,isTouchDevice:"ontouchstart"in window||navigator.msMaxTouchPoints,isDirty:!1,initialConfig:null,lastXAxis:[],lastYAxis:[],series:[],seriesPercent:[],seriesTotals:[],stackedSeriesTotals:[],seriesX:[],seriesZ:[],labels:[],timelineLabels:[],seriesNames:[],noLabelsProvided:!1,allSeriesCollapsed:!1,collapsedSeries:[],collapsedSeriesIndices:[],ancillaryCollapsedSeries:[],ancillaryCollapsedSeriesIndices:[],risingSeries:[],selectedDataPoints:[],ignoreYAxisIndexes:[],padHorizontal:0,maxValsInArrayIndex:0,zoomEnabled:"zoom"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.zoom&&t.chart.zoom.enabled,panEnabled:"pan"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.pan,selectionEnabled:"selection"===t.chart.toolbar.autoSelected&&t.chart.toolbar.tools.selection,yaxis:null,minY:Number.MIN_VALUE,maxY:-Number.MAX_VALUE,minYArr:[],maxYArr:[],maxX:-Number.MAX_VALUE,initialmaxX:-Number.MAX_VALUE,minX:Number.MIN_VALUE,initialminX:Number.MIN_VALUE,minZ:Number.MIN_VALUE,maxZ:-Number.MAX_VALUE,mousedown:!1,lastClientPosition:{},visibleXRange:void 0,yRange:[],zRange:0,xRange:0,yValueDecimal:0,total:0,SVGNS:"http://www.w3.org/2000/svg",svgWidth:0,svgHeight:0,noData:!1,locale:{},dom:{},memory:{methodsToExec:[]},shouldAnimate:!0,delayedElements:[],axisCharts:!0,isXNumeric:!1,isDataXYZ:!1,resized:!1,resizeTimer:null,comboCharts:!1,comboChartsHasBars:!1,dataChanged:!1,previousPaths:[],seriesXvalues:[],seriesYvalues:[],seriesCandleO:[],seriesCandleH:[],seriesCandleL:[],seriesCandleC:[],allSeriesHasEqualX:!0,dataPoints:0,pointsArray:[],dataLabelsRects:[],lastDrawnDataLabelsIndexes:[],hasNullValues:!1,easing:null,zoomed:!1,gridWidth:0,gridHeight:0,yAxisScale:[],xAxisScale:null,xAxisTicksPositions:[],timescaleTicks:[],rotateXLabels:!1,defaultLabels:!1,xLabelFormatter:void 0,yLabelFormatters:[],xaxisTooltipFormatter:void 0,ttKeyFormatter:void 0,ttVal:void 0,ttZFormatter:void 0,LINE_HEIGHT_RATIO:1.618,xAxisLabelsHeight:0,yAxisLabelsWidth:0,scaleX:1,scaleY:1,translateX:0,translateY:0,translateYAxisX:[],yLabelsCoords:[],yTitleCoords:[],yAxisWidths:[],translateXAxisY:0,translateXAxisX:0,tooltip:null,tooltipOpts:null}}},{key:"init",value:function(t){var e=this.globalVars(t);return e.initialConfig=d.extend({},t),e.initialSeries=JSON.parse(JSON.stringify(e.initialConfig.series)),e.lastXAxis=JSON.parse(JSON.stringify(e.initialConfig.xaxis)),e.lastYAxis=JSON.parse(JSON.stringify(e.initialConfig.yaxis)),e}}]),t}(),k=function(){function t(i){e(this,t),this.opts=i}return s(t,[{key:"init",value:function(){var t=new y(this.opts).init();return{config:t,globals:(new w).init(t)}}}]),t}(),A=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.opts=null,this.seriesIndex=0}return s(t,[{key:"clippedImgArea",value:function(t){var e=this.w,i=e.config,s=parseInt(e.globals.gridWidth),a=parseInt(e.globals.gridHeight),n=s>a?s:a,r=t.image,o=0,l=0;void 0===t.width&&void 0===t.height?void 0!==i.fill.image.width&&void 0!==i.fill.image.height?(o=i.fill.image.width+1,l=i.fill.image.height):(o=n+1,l=n):(o=t.width,l=t.height);var h=document.createElementNS(e.globals.SVGNS,"pattern");f.setAttrs(h,{id:t.patternID,patternUnits:t.patternUnits?t.patternUnits:"userSpaceOnUse",width:o+"px",height:l+"px"});var c=document.createElementNS(e.globals.SVGNS,"image");h.appendChild(c),c.setAttributeNS("http://www.w3.org/1999/xlink","href",r),f.setAttrs(c,{x:0,y:0,preserveAspectRatio:"none",width:o+"px",height:l+"px"}),c.style.opacity=t.opacity,e.globals.dom.elDefs.node.appendChild(h)}},{key:"getSeriesIndex",value:function(t){var e=this.w;return"bar"===e.config.chart.type&&e.config.plotOptions.bar.distributed||"heatmap"===e.config.chart.type?this.seriesIndex=t.seriesNumber:this.seriesIndex=t.seriesNumber%e.globals.series.length,this.seriesIndex}},{key:"fillPath",value:function(t){var e=this.w;this.opts=t;var i,s,a,n=this.w.config;this.seriesIndex=this.getSeriesIndex(t);var r=this.getFillColors(),o=r[this.seriesIndex],l=this.getFillType(this.seriesIndex),h=Array.isArray(n.fill.opacity)?n.fill.opacity[this.seriesIndex]:n.fill.opacity,c=o;return t.color&&(o=t.color),-1===o.indexOf("rgb")?c=d.hexToRgba(o,h):o.indexOf("rgba")>-1&&(h="0."+d.getOpacityFromRGBA(r[this.seriesIndex])),"pattern"===l&&(s=this.handlePatternFill(s,o,h,c)),"gradient"===l&&(a=this.handleGradientFill(a,o,h,this.seriesIndex)),n.fill.image.src.length>0&&"image"===l?t.seriesNumber<n.fill.image.src.length?(this.clippedImgArea({opacity:h,image:n.fill.image.src[t.seriesNumber],patternUnits:t.patternUnits,patternID:"pattern".concat(e.globals.cuid).concat(t.seriesNumber+1)}),i="url(#pattern".concat(e.globals.cuid).concat(t.seriesNumber+1,")")):i=c:i="gradient"===l?a:"pattern"===l?s:c,t.solid&&(i=c),i}},{key:"getFillType",value:function(t){var e=this.w;return Array.isArray(e.config.fill.type)?e.config.fill.type[t]:e.config.fill.type}},{key:"getFillColors",value:function(){var t=this.w,e=t.config,i=this.opts,s=[];return t.globals.comboCharts?"line"===t.config.series[this.seriesIndex].type?t.globals.stroke.colors instanceof Array?s=t.globals.stroke.colors:s.push(t.globals.stroke.colors):t.globals.fill.colors instanceof Array?s=t.globals.fill.colors:s.push(t.globals.fill.colors):"line"===e.chart.type?t.globals.stroke.colors instanceof Array?s=t.globals.stroke.colors:s.push(t.globals.stroke.colors):t.globals.fill.colors instanceof Array?s=t.globals.fill.colors:s.push(t.globals.fill.colors),void 0!==i.fillColors&&(s=[],i.fillColors instanceof Array?s=i.fillColors.slice():s.push(i.fillColors)),s}},{key:"handlePatternFill",value:function(t,e,i,s){var a=this.w.config,n=this.opts,r=new f(this.ctx),o=void 0===a.fill.pattern.strokeWidth?Array.isArray(a.stroke.width)?a.stroke.width[this.seriesIndex]:a.stroke.width:Array.isArray(a.fill.pattern.strokeWidth)?a.fill.pattern.strokeWidth[this.seriesIndex]:a.fill.pattern.strokeWidth,l=e;a.fill.pattern.style instanceof Array?t=void 0!==a.fill.pattern.style[n.seriesNumber]?r.drawPattern(a.fill.pattern.style[n.seriesNumber],a.fill.pattern.width,a.fill.pattern.height,l,o,i):s:t=r.drawPattern(a.fill.pattern.style,a.fill.pattern.width,a.fill.pattern.height,l,o,i);return t}},{key:"handleGradientFill",value:function(t,e,i,s){var a,n,r=this.w.config,o=this.opts,l=new f(this.ctx),h=new d,c=r.fill.gradient.type,u=void 0===r.fill.gradient.opacityFrom?i:Array.isArray(r.fill.gradient.opacityFrom)?r.fill.gradient.opacityFrom[s]:r.fill.gradient.opacityFrom,g=void 0===r.fill.gradient.opacityTo?i:Array.isArray(r.fill.gradient.opacityTo)?r.fill.gradient.opacityTo[s]:r.fill.gradient.opacityTo;if(a=e,n=void 0===r.fill.gradient.gradientToColors||0===r.fill.gradient.gradientToColors.length?"dark"===r.fill.gradient.shade?h.shadeColor(-1*parseFloat(r.fill.gradient.shadeIntensity),e):h.shadeColor(parseFloat(r.fill.gradient.shadeIntensity),e):r.fill.gradient.gradientToColors[o.seriesNumber],r.fill.gradient.inverseColors){var p=a;a=n,n=p}return l.drawGradient(c,a,n,u,g,o.size,r.fill.gradient.stops,r.fill.gradient.colorStops,s)}}]),t}(),S=function(){function t(i,s){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"setGlobalMarkerSize",value:function(){var t=this.w;if(t.globals.markers.size=Array.isArray(t.config.markers.size)?t.config.markers.size:[t.config.markers.size],t.globals.markers.size.length>0){if(t.globals.markers.size.length<t.globals.series.length+1)for(var e=0;e<=t.globals.series.length;e++)void 0===t.globals.markers.size[e]&&t.globals.markers.size.push(t.globals.markers.size[0])}else t.globals.markers.size=t.config.series.map(function(e){return t.config.markers.size})}},{key:"plotChartMarkers",value:function(t,e,i){var s,a=this,n=this.w,r=t,o=null,l=new f(this.ctx);if(n.globals.markers.size[e]>0&&(o=l.group({class:"apexcharts-series-markers"})).attr("clip-path","url(#gridRectMarkerMask".concat(n.globals.cuid,")")),r.x instanceof Array)for(var h=function(t){var h=i;1===i&&0===t&&(h=0),1===i&&1===t&&(h=1);var c="apexcharts-marker";if("line"!==n.config.chart.type&&"area"!==n.config.chart.type||n.globals.comboCharts||n.config.tooltip.intersect||(c+=" no-pointer-events"),Array.isArray(n.config.markers.size)?n.globals.markers.size[e]>0:n.config.markers.size>0){d.isNumber(r.y[t])?c+=" w".concat((Math.random()+1).toString(36).substring(4)):c="apexcharts-nullpoint";var g=a.getMarkerConfig(c,e);n.config.markers.discrete.map(function(t){t.seriesIndex===e&&t.dataPointIndex===h&&(g.pointStrokeColor=t.strokeColor,g.pointFillColor=t.fillColor,g.pSize=t.size)}),(s=l.drawMarker(r.x[t],r.y[t],g)).attr("rel",h),s.attr("j",h),s.attr("index",e),s.node.setAttribute("default-marker-size",g.pSize),new u(a.ctx).setSelectionFilter(s,e,h),a.addEvents(s),o&&o.add(s)}else void 0===n.globals.pointsArray[e]&&(n.globals.pointsArray[e]=[]),n.globals.pointsArray[e].push([r.x[t],r.y[t]])},c=0;c<r.x.length;c++)h(c);return o}},{key:"getMarkerConfig",value:function(t,e){var i=this.w,s=this.getMarkerStyle(e);return{pSize:i.globals.markers.size[e],pRadius:i.config.markers.radius,pWidth:i.config.markers.strokeWidth,pointStrokeColor:s.pointStrokeColor,pointFillColor:s.pointFillColor,shape:i.config.markers.shape instanceof Array?i.config.markers.shape[e]:i.config.markers.shape,class:t,pointStrokeOpacity:i.config.markers.strokeOpacity,pointFillOpacity:i.config.markers.fillOpacity,seriesIndex:e}}},{key:"addEvents",value:function(t){var e=new f(this.ctx);t.node.addEventListener("mouseenter",e.pathMouseEnter.bind(this.ctx,t)),t.node.addEventListener("mouseleave",e.pathMouseLeave.bind(this.ctx,t)),t.node.addEventListener("mousedown",e.pathMouseDown.bind(this.ctx,t)),t.node.addEventListener("touchstart",e.pathMouseDown.bind(this.ctx,t),{passive:!0})}},{key:"getMarkerStyle",value:function(t){var e=this.w,i=e.globals.markers.colors,s=e.config.markers.strokeColor||e.config.markers.strokeColors;return{pointStrokeColor:s instanceof Array?s[t]:s,pointFillColor:i instanceof Array?i[t]:i}}}]),t}(),C=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.initialAnim=this.w.config.chart.animations.enabled,this.dynamicAnim=this.initialAnim&&this.w.config.chart.animations.dynamicAnimation.enabled,this.radiusSizes=[]}return s(t,[{key:"draw",value:function(t,e,i){var s=this.w,a=new f(this.ctx),n=i.realIndex,r=i.pointsPos,o=i.zRatio,l=i.elParent,h=a.group({class:"apexcharts-series-markers apexcharts-series-".concat(s.config.chart.type)});if(h.attr("clip-path","url(#gridRectMarkerMask".concat(s.globals.cuid,")")),r.x instanceof Array)for(var c=0;c<r.x.length;c++){var d=e+1,u=!0;0===e&&0===c&&(d=0),0===e&&1===c&&(d=1);var g=0,p=s.globals.markers.size[n];o!==1/0&&(p=s.globals.seriesZ[n][d]/o,void 0===this.radiusSizes[n]&&this.radiusSizes.push([]),this.radiusSizes[n].push(p)),s.config.chart.animations.enabled||(g=p);var x=r.x[c],m=r.y[c];if(g=g||0,(0===x&&0===m||null===m||void 0===s.globals.series[n][d])&&(u=!1),u){var v=this.drawPoint(x,m,g,p,n,d,e);h.add(v)}l.add(h)}}},{key:"drawPoint",value:function(t,e,i,s,a,n,r){var o=this.w,l=new g(this.ctx),h=new u(this.ctx),c=new A(this.ctx),d=new f(this.ctx),p=c.fillPath({seriesNumber:a,patternUnits:"objectBoundingBox"}),x=d.drawCircle(i);if(x.attr({cx:t,cy:e,fill:p}),o.config.chart.dropShadow.enabled&&h.dropShadow(x,{top:o.config.chart.dropShadow.top,left:o.config.chart.dropShadow.left,blur:o.config.chart.dropShadow.blur,color:o.config.chart.dropShadow.color,opacity:o.config.chart.dropShadow.opacity}),this.initialAnim&&!o.globals.dataChanged){var m=1;o.globals.resized||(m=o.config.chart.animations.speed),l.animateCircleRadius(x,0,s,m,o.globals.easing)}if(o.globals.dataChanged)if(this.dynamicAnim){var v,b,y,w,k=o.config.chart.animations.dynamicAnimation.speed;null!=(w=o.globals.previousPaths[a]&&o.globals.previousPaths[a][r])&&(v=w.x,b=w.y,y=void 0!==w.r?w.r:s);for(var C=0;C<o.globals.collapsedSeries.length;C++)o.globals.collapsedSeries[C].index===a&&(k=1,s=0);0===t&&0===e&&(s=0),l.animateCircle(x,{cx:v,cy:b,r:y},{cx:t,cy:e,r:s},k,o.globals.easing)}else x.attr({r:s});x.attr({rel:n,j:n,index:a,"default-marker-size":s});var L=new S(this.ctx);return h.setSelectionFilter(x,a,n),L.addEvents(x),x.node.classList.add("apexcharts-marker"),x}},{key:"centerTextInBubble",value:function(t){var e=this.w;return{y:t+=parseInt(e.config.dataLabels.style.fontSize)/4}}}]),t}(),L=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"dataLabelsCorrection",value:function(t,e,i,s,a,n,r){var o=this.w,l=!1,h=new f(this.ctx).getTextRects(i,r),c=h.width,d=h.height;void 0===o.globals.dataLabelsRects[s]&&(o.globals.dataLabelsRects[s]=[]),o.globals.dataLabelsRects[s].push({x:t,y:e,width:c,height:d});var u=o.globals.dataLabelsRects[s].length-2,g=void 0!==o.globals.lastDrawnDataLabelsIndexes[s]?o.globals.lastDrawnDataLabelsIndexes[s][o.globals.lastDrawnDataLabelsIndexes[s].length-1]:0;if(void 0!==o.globals.dataLabelsRects[s][u]){var p=o.globals.dataLabelsRects[s][g];(t>p.x+p.width+2||e>p.y+p.height+2||t+c<p.x)&&(l=!0)}return(0===a||n)&&(l=!0),{x:t,y:e,drawnextLabel:l}}},{key:"drawDataLabel",value:function(t,e,i){var s=this.w,a=new f(this.ctx),n=s.config.dataLabels,r=0,o=0,l=i,h=null;if(!n.enabled||t.x instanceof Array!=!0)return h;(h=a.group({class:"apexcharts-data-labels"})).attr("clip-path","url(#gridRectMarkerMask".concat(s.globals.cuid,")"));for(var c=0;c<t.x.length;c++)if(r=t.x[c]+n.offsetX,o=t.y[c]+n.offsetY-s.globals.markers.size[e]-5,!isNaN(r)){1===i&&0===c&&(l=0),1===i&&1===c&&(l=1);var d=s.globals.series[e][l],u="";if("bubble"===s.config.chart.type)u=s.globals.seriesZ[e][l],o=t.y[c]+s.config.dataLabels.offsetY,o=new C(this.ctx).centerTextInBubble(o,e,l).y;else void 0!==d&&(u=s.config.dataLabels.formatter(d,{seriesIndex:e,dataPointIndex:l,w:s}));this.plotDataLabelsText({x:r,y:o,text:u,i:e,j:l,parent:h,offsetCorrection:!0,dataLabelsConfig:s.config.dataLabels})}return h}},{key:"plotDataLabelsText",value:function(t){var e=this.w,i=new f(this.ctx),s=t.x,a=t.y,n=t.i,r=t.j,o=t.text,l=t.textAnchor,h=t.parent,c=t.dataLabelsConfig,d=t.alwaysDrawDataLabel,g=t.offsetCorrection;if(!(Array.isArray(e.config.dataLabels.enabledOnSeries)&&e.config.dataLabels.enabledOnSeries.indexOf(n)>-1)){var p={x:s,y:a,drawnextLabel:!0};if(g&&(p=this.dataLabelsCorrection(s,a,o,n,r,d,parseInt(c.style.fontSize))),e.globals.zoomed||(s=p.x,a=p.y),p.drawnextLabel){var x=i.drawText({width:100,height:parseInt(c.style.fontSize),x:s,y:a,foreColor:e.globals.dataLabels.style.colors[n],textAnchor:l||c.textAnchor,text:o,fontSize:c.style.fontSize,fontFamily:c.style.fontFamily});if(x.attr({class:"apexcharts-datalabel",cx:s,cy:a}),c.dropShadow.enabled){var m=c.dropShadow;new u(this.ctx).dropShadow(x,m)}h.add(x),void 0===e.globals.lastDrawnDataLabelsIndexes[n]&&(e.globals.lastDrawnDataLabelsIndexes[n]=[]),e.globals.lastDrawnDataLabelsIndexes[n].push(r)}}}}]),t}(),z=function(){function t(i,s){e(this,t),this.ctx=i,this.w=i.w;var a=this.w;this.barOptions=a.config.plotOptions.bar,this.isHorizontal=this.barOptions.horizontal,this.strokeWidth=a.config.stroke.width,this.isNullValue=!1,this.xyRatios=s,null!==this.xyRatios&&(this.xRatio=s.xRatio,this.yRatio=s.yRatio,this.invertedXRatio=s.invertedXRatio,this.invertedYRatio=s.invertedYRatio,this.baseLineY=s.baseLineY,this.baseLineInvertedY=s.baseLineInvertedY),this.minXDiff=Number.MAX_VALUE,this.yaxisIndex=0,this.seriesLen=0}return s(t,[{key:"draw",value:function(t,e){var i=this,s=this.w,a=new f(this.ctx),n=new A(this.ctx),r=new b(this.ctx,s);this.series=r.getLogSeries(t),t=this.series,this.yRatio=r.getLogYRatios(this.yRatio),this.initVariables(t);var o=a.group({class:"apexcharts-bar-series apexcharts-plot-series"});o.attr("clip-path","url(#gridRectMask".concat(s.globals.cuid,")")),s.config.dataLabels.enabled&&this.totalItems>50&&console.warn("WARNING: DataLabels are enabled but there are too many to display. This may cause performance issue when rendering.");for(var l=function(r,l){var h,c,u,g,f=void 0,p=void 0,x=void 0,m=void 0,v=[],b=[],y=s.globals.comboCharts?e[r]:r,w=a.group({class:"apexcharts-series ".concat(d.escapeString(s.globals.seriesNames[y])),rel:r+1,"data:realIndex":y});i.ctx.series.addCollapsedClassToSeries(w,y),t[r].length>0&&(i.visibleI=i.visibleI+1);var k,A,S=0;i.yRatio.length>1&&(i.yaxisIndex=y),i.isReversed=s.config.yaxis[i.yaxisIndex]&&s.config.yaxis[i.yaxisIndex].reversed;var C=i.initialPositions();m=C.y,k=C.barHeight,c=C.yDivision,g=C.zeroW,x=C.x,A=C.barWidth,h=C.xDivision,u=C.zeroH,i.horizontal||b.push(x+A/2);for(var L=a.group({class:"apexcharts-datalabels"}),z=function(e,a){void 0===i.series[r][e]||null===t[r][e]?i.isNullValue=!0:i.isNullValue=!1,s.config.stroke.show&&(S=i.isNullValue?0:Array.isArray(i.strokeWidth)?i.strokeWidth[y]:i.strokeWidth);var o=null;o=i.isHorizontal?i.drawBarPaths({indexes:{i:r,j:e,realIndex:y,bc:l},barHeight:k,strokeWidth:S,pathTo:f,pathFrom:p,zeroW:g,x:x,y:m,yDivision:c,elSeries:w}):i.drawColumnPaths({indexes:{i:r,j:e,realIndex:y,bc:l},x:x,y:m,xDivision:h,pathTo:f,pathFrom:p,barWidth:A,zeroH:u,strokeWidth:S,elSeries:w}),f=o.pathTo,p=o.pathFrom,m=o.y,x=o.x,e>0&&b.push(x+A/2),v.push(m);var d=i.barOptions.distributed?e:r,C=null;i.barOptions.colors.ranges.length>0&&i.barOptions.colors.ranges.map(function(i){t[r][e]>=i.from&&t[r][e]<=i.to&&(C=i.color)});var z=n.fillPath({seriesNumber:i.barOptions.distributed?d:y,color:C});w=i.renderSeries({realIndex:y,pathFill:z,j:e,i:r,pathFrom:p,pathTo:f,strokeWidth:S,elSeries:w,x:x,y:m,series:t,barHeight:k,barWidth:A,elDataLabelsWrap:L,visibleSeries:i.visibleI,type:"bar"})},M=0,P=s.globals.dataPoints;M<s.globals.dataPoints;M++,P--)z(M);s.globals.seriesXvalues[y]=b,s.globals.seriesYvalues[y]=v,o.add(w)},h=0,c=0;h<t.length;h++,c++)l(h,c);return o}},{key:"renderSeries",value:function(t){var e=t.realIndex,i=t.pathFill,s=t.lineFill,a=t.j,n=t.i,r=t.pathFrom,o=t.pathTo,l=t.strokeWidth,h=t.elSeries,c=t.x,d=t.y,g=t.series,p=t.barHeight,x=t.barWidth,m=t.elDataLabelsWrap,v=t.visibleSeries,b=t.type,y=this.w,w=new f(this.ctx);s||(s=this.barOptions.distributed?y.globals.stroke.colors[a]:y.globals.stroke.colors[e]),this.isNullValue&&(i="none");var k=a/y.config.chart.animations.animateGradually.delay*(y.config.chart.animations.speed/y.globals.dataPoints)/2.4,A=w.renderPaths({i:n,j:a,realIndex:e,pathFrom:r,pathTo:o,stroke:s,strokeWidth:l,strokeLineCap:y.config.stroke.lineCap,fill:i,animationDelay:k,initialSpeed:y.config.chart.animations.speed,dataChangeSpeed:y.config.chart.animations.dynamicAnimation.speed,className:"apexcharts-".concat(b,"-area"),id:"apexcharts-".concat(b,"-area")});new u(this.ctx).setSelectionFilter(A,e,a),h.add(A);var S=this.calculateDataLabelsPos({x:c,y:d,i:n,j:a,series:g,realIndex:e,barHeight:p,barWidth:x,renderedPath:A,visibleSeries:v});return null!==S&&m.add(S),h.add(m),h}},{key:"initVariables",value:function(t){var e=this,i=this.w;this.series=t,this.totalItems=0,this.seriesLen=0,this.visibleI=-1,this.visibleItems=1;for(var s=0;s<t.length;s++)if(t[s].length>0&&(this.seriesLen=this.seriesLen+1,this.totalItems+=t[s].length),i.globals.isXNumeric){i.globals.seriesX.forEach(function(t,s){t.forEach(function(t,a){if(a>0){var n=t-i.globals.seriesX[s][a-1];e.minXDiff=Math.min(n,e.minXDiff)}})});for(var a=0;a<t[s].length;a++)i.globals.seriesX[s][a]>i.globals.minX&&i.globals.seriesX[s][a]<i.globals.maxX&&this.visibleItems++}else this.visibleItems=i.globals.dataPoints;0===this.seriesLen&&(this.seriesLen=1)}},{key:"initialPositions",value:function(){var t,e,i,s,a,n,r,o,l=this.w;if(this.isHorizontal)a=(i=l.globals.gridHeight/l.globals.dataPoints)/this.seriesLen,l.globals.isXNumeric&&(a=(i=l.globals.gridHeight/this.totalItems)/this.seriesLen),a=a*parseInt(this.barOptions.barHeight)/100,o=this.baseLineInvertedY+l.globals.padHorizontal+(this.isReversed?l.globals.gridWidth:0)-(this.isReversed?2*this.baseLineInvertedY:0),e=(i-a*this.seriesLen)/2;else{if(n=(s=l.globals.gridWidth/this.visibleItems)/this.seriesLen*parseInt(this.barOptions.columnWidth)/100,l.globals.isXNumeric){if(this.minXDiff===Number.MAX_VALUE){var h=l.globals.labels.length;l.globals.timelineLabels.length>0&&(h=l.globals.timelineLabels.length),h<3&&(h=3),this.minXDiff=(l.globals.maxX-l.globals.minX)/h}n=(s=this.minXDiff/this.xRatio)/this.seriesLen*parseInt(this.barOptions.columnWidth)/100}r=l.globals.gridHeight-this.baseLineY[this.yaxisIndex]-(this.isReversed?l.globals.gridHeight:0)+(this.isReversed?2*this.baseLineY[this.yaxisIndex]:0),t=l.globals.padHorizontal+(s-n*this.seriesLen)/2}return{x:t,y:e,yDivision:i,xDivision:s,barHeight:a,barWidth:n,zeroH:r,zeroW:o}}},{key:"drawBarPaths",value:function(t){var e=t.indexes,i=t.barHeight,s=t.strokeWidth,a=t.pathTo,n=t.pathFrom,r=t.zeroW,o=t.x,l=t.y,h=t.yDivision,c=t.elSeries,d=this.w,u=new f(this.ctx),g=e.i,p=e.j,x=e.realIndex,m=e.bc;d.globals.isXNumeric&&(l=(d.globals.seriesX[g][p]-d.globals.minX)/this.invertedXRatio-i);var v=l+i*this.visibleI;if(a=u.move(r,v),n=u.move(r,v),d.globals.previousPaths.length>0&&(n=this.getPathFrom(x,p)),o=void 0===this.series[g][p]||null===this.series[g][p]?r:r+this.series[g][p]/this.invertedYRatio-2*(this.isReversed?this.series[g][p]/this.invertedYRatio:0),a=a+u.line(o,v)+u.line(o,v+i-s)+u.line(r,v+i-s)+u.line(r,v),n=n+u.line(r,v)+u.line(r,v+i-s)+u.line(r,v+i-s)+u.line(r,v),d.globals.isXNumeric||(l+=h),this.barOptions.colors.backgroundBarColors.length>0&&0===g){m>=this.barOptions.colors.backgroundBarColors.length&&(m=0);var b=this.barOptions.colors.backgroundBarColors[m],y=u.drawRect(0,v-i*this.visibleI,d.globals.gridWidth,i*this.seriesLen,0,b,this.barOptions.colors.backgroundBarOpacity);c.add(y),y.node.classList.add("apexcharts-backgroundBar")}return{pathTo:a,pathFrom:n,x:o,y:l,barYPosition:v}}},{key:"drawColumnPaths",value:function(t){var e=t.indexes,i=t.x,s=t.y,a=t.xDivision,n=t.pathTo,r=t.pathFrom,o=t.barWidth,l=t.zeroH,h=t.strokeWidth,c=t.elSeries,d=this.w,u=new f(this.ctx),g=e.i,p=e.j,x=e.realIndex,m=e.bc;d.globals.isXNumeric&&(i=(d.globals.seriesX[g][p]-d.globals.minX)/this.xRatio-o/2);var v=i+o*this.visibleI;if(n=u.move(v,l),r=u.move(v,l),d.globals.previousPaths.length>0&&(r=this.getPathFrom(x,p)),s=void 0===this.series[g][p]||null===this.series[g][p]?l:l-this.series[g][p]/this.yRatio[this.yaxisIndex]+2*(this.isReversed?this.series[g][p]/this.yRatio[this.yaxisIndex]:0),n=n+u.line(v,s)+u.line(v+o-h,s)+u.line(v+o-h,l)+u.line(v,l),r=r+u.line(v,l)+u.line(v+o-h,l)+u.line(v+o-h,l)+u.line(v,l),d.globals.isXNumeric||(i+=a),this.barOptions.colors.backgroundBarColors.length>0&&0===g){m>=this.barOptions.colors.backgroundBarColors.length&&(m=0);var b=this.barOptions.colors.backgroundBarColors[m],y=u.drawRect(v-o*this.visibleI,0,o*this.seriesLen,d.globals.gridHeight,0,b,this.barOptions.colors.backgroundBarOpacity);c.add(y),y.node.classList.add("apexcharts-backgroundBar")}return{pathTo:n,pathFrom:r,x:i,y:s,barXPosition:v}}},{key:"getPathFrom",value:function(t,e){for(var i,s=this.w,a=0;a<s.globals.previousPaths.length;a++){var n=s.globals.previousPaths[a];n.paths.length>0&&parseInt(n.realIndex)===parseInt(t)&&void 0!==s.globals.previousPaths[a].paths[e]&&(i=s.globals.previousPaths[a].paths[e].d)}return i}},{key:"calculateDataLabelsPos",value:function(t){var e=t.x,i=t.y,s=t.i,a=t.j,n=t.realIndex,r=t.series,o=t.barHeight,l=t.barWidth,h=t.visibleSeries,c=t.renderedPath,d=this.w,u=new f(this.ctx),g=Array.isArray(this.strokeWidth)?this.strokeWidth[n]:this.strokeWidth,p=e+parseFloat(l*h),x=i+parseFloat(o*h);d.globals.isXNumeric&&(p=e+parseFloat(l*(h+1))-g,x=i+parseFloat(o*(h+1))-g);var m=e,v=i,b={},y=d.config.dataLabels,w=this.barOptions.dataLabels,k=y.offsetX,A=y.offsetY,S={width:0,height:0};return d.config.dataLabels.enabled&&(S=u.getTextRects(d.globals.yLabelFormatters[0](d.globals.maxY),parseInt(y.style.fontSize))),b=this.isHorizontal?this.calculateBarsDataLabelsPosition({x:e,y:i,i:s,j:a,renderedPath:c,bcy:x,barHeight:o,textRects:S,strokeWidth:g,dataLabelsX:m,dataLabelsY:v,barDataLabelsConfig:w,offX:k,offY:A}):this.calculateColumnsDataLabelsPosition({x:e,y:i,i:s,j:a,renderedPath:c,realIndex:n,bcx:p,bcy:x,barHeight:o,barWidth:l,textRects:S,strokeWidth:g,dataLabelsY:v,barDataLabelsConfig:w,offX:k,offY:A}),c.attr({cy:b.bcy,cx:b.bcx,j:a,val:r[s][a],barHeight:o,barWidth:l}),this.drawCalculatedDataLabels({x:b.dataLabelsX,y:b.dataLabelsY,val:r[s][a],i:n,j:a,dataLabelsConfig:y})}},{key:"calculateColumnsDataLabelsPosition",value:function(t){var e,i=this.w,s=t.i,a=t.j,n=(t.realIndex,t.y),r=t.bcx,o=t.barWidth,l=t.textRects,h=t.dataLabelsY,c=t.barDataLabelsConfig,d=t.strokeWidth,u=t.offX,g=t.offY,f=this.series[s][a]/this.yRatio[this.yaxisIndex],p=i.globals.gridWidth/i.globals.dataPoints;r-=d/2,e=i.globals.isXNumeric?r-o/2+u:r-p+o/2+u;var x=this.series[s][a]<=0;switch(i.config.yaxis[this.yaxisIndex].reversed&&(n-=f),c.position){case"center":h=x?n+f/2+l.height/2+g:n+f/2+l.height/2-g;break;case"bottom":h=x?n+f+l.height+d+g:n+f-l.height/2+d-g;break;case"top":h=x?n-l.height/2-g:n+l.height+g}return{bcx:r,bcy:n,dataLabelsX:e,dataLabelsY:h}}},{key:"calculateBarsDataLabelsPosition",value:function(t){var e=this.w,i=t.x,s=t.i,a=t.j,n=t.bcy,r=t.barHeight,o=t.textRects,l=t.dataLabelsX,h=t.strokeWidth,c=t.barDataLabelsConfig,d=t.offX,u=t.offY,g=n-e.globals.gridHeight/e.globals.dataPoints+r/2+o.height/2+u-3,f=this.series[s][a]/this.invertedYRatio,p=this.series[s][a]<=0;switch(e.config.yaxis[this.yaxisIndex].reversed&&(i+=f),c.position){case"center":l=p?i-f/2-d:i-f/2+d;break;case"bottom":l=p?i-f-h-Math.round(o.width/2)-d:i-f+h+Math.round(o.width/2)+d;break;case"top":l=p?i-h+Math.round(o.width/2)-d:i-h-Math.round(o.width/2)+d}return l<0?l=o.width+h:l+o.width/2>e.globals.gridWidth&&(l=l-o.width-h),{bcx:i,bcy:n,dataLabelsX:l,dataLabelsY:g}}},{key:"drawCalculatedDataLabels",value:function(t){var e=t.x,i=t.y,s=t.val,a=t.i,n=t.j,r=t.dataLabelsConfig,o=this.w,l=new L(this.ctx),h=new f(this.ctx),c=r.formatter,d=null,u=o.globals.collapsedSeriesIndices.indexOf(a)>-1;if(r.enabled&&!u){d=h.group({class:"apexcharts-data-labels"});var g="";null!=s&&(g=c(s,{seriesIndex:a,dataPointIndex:n,w:o})),l.plotDataLabelsText({x:e,y:i,text:g,i:a,j:n,parent:d,dataLabelsConfig:r,alwaysDrawDataLabel:!0,offsetCorrection:!0})}return d}}]),t}(),M=function(t){function i(){return e(this,i),h(this,o(i).apply(this,arguments))}return r(i,z),s(i,[{key:"draw",value:function(t,e){var i=this,s=this.w;this.graphics=new f(this.ctx),this.fill=new A(this.ctx),this.bar=new z(this.ctx,this.xyRatios);var a=new b(this.ctx,s);this.series=a.getLogSeries(t),t=this.series,this.yRatio=a.getLogYRatios(this.yRatio),this.series=t,this.initVariables(t),"100%"===s.config.chart.stackType&&(this.series=s.globals.seriesPercent.slice(),t=this.series),this.totalItems=0,this.prevY=[],this.prevX=[],this.prevYF=[],this.prevXF=[],this.prevYVal=[],this.prevXVal=[],this.xArrj=[],this.xArrjF=[],this.xArrjVal=[],this.yArrj=[],this.yArrjF=[],this.yArrjVal=[];for(var n=0;n<t.length;n++)t[n].length>0&&(this.totalItems+=t[n].length);var r=this.graphics.group({class:"apexcharts-bar-series apexcharts-plot-series"});r.attr("clip-path","url(#gridRectMask".concat(s.globals.cuid,")"));for(var o=0,l=0,h=function(a,n){var h=void 0,c=void 0,u=void 0,g=void 0,f=void 0,p=void 0,x=[],m=[],v=s.globals.comboCharts?e[a]:a;i.yRatio.length>1&&(i.yaxisIndex=v),i.isReversed=s.config.yaxis[i.yaxisIndex]&&s.config.yaxis[i.yaxisIndex].reversed;var b,y,w=i.graphics.group({class:"apexcharts-series ".concat(d.escapeString(s.globals.seriesNames[v])),rel:a+1,"data:realIndex":v}),k=i.graphics.group({class:"apexcharts-datalabels"}),A=0,S=i.initialPositions(o,l,u,g,f,p);l=S.y,b=S.barHeight,g=S.yDivision,p=S.zeroW,o=S.x,y=S.barWidth,u=S.xDivision,f=S.zeroH,i.yArrj=[],i.yArrjF=[],i.yArrjVal=[],i.xArrj=[],i.xArrjF=[],i.xArrjVal=[];for(var C=function(e){s.config.stroke.show&&(A=i.isNullValue?0:Array.isArray(i.strokeWidth)?i.strokeWidth[v]:i.strokeWidth);var r=null;r=i.isHorizontal?i.drawBarPaths({indexes:{i:a,j:e,realIndex:v,bc:n},barHeight:b,strokeWidth:A,pathTo:h,pathFrom:c,zeroW:p,x:o,y:l,yDivision:g,elSeries:w}):i.drawColumnPaths({indexes:{i:a,j:e,realIndex:v,bc:n},x:o,y:l,xDivision:u,pathTo:h,pathFrom:c,barWidth:y,zeroH:f,strokeWidth:A,elSeries:w}),h=r.pathTo,c=r.pathFrom,l=r.y,o=r.x,x.push(o),m.push(l);var d=s.config.plotOptions.bar.distributed?e:a,S=null;i.barOptions.colors.ranges.length>0&&i.barOptions.colors.ranges.map(function(i,s){t[a][e]>=i.from&&t[a][e]<=i.to&&(S=i.color)});var C=i.fill.fillPath({seriesNumber:i.barOptions.distributed?d:v,color:S});w=i.renderSeries({realIndex:v,pathFill:C,j:e,i:a,pathFrom:c,pathTo:h,strokeWidth:A,elSeries:w,x:o,y:l,series:t,barHeight:b,barWidth:y,elDataLabelsWrap:k,type:"bar",visibleSeries:0})},L=0;L<s.globals.dataPoints;L++)C(L);s.globals.seriesXvalues[v]=x,s.globals.seriesYvalues[v]=m,i.prevY.push(i.yArrj),i.prevYF.push(i.yArrjF),i.prevYVal.push(i.yArrjVal),i.prevX.push(i.xArrj),i.prevXF.push(i.xArrjF),i.prevXVal.push(i.xArrjVal),r.add(w)},c=0,u=0;c<t.length;c++,u++)h(c,u);return r}},{key:"initialPositions",value:function(t,e,i,s,a,n){var r,o,l=this.w;return this.isHorizontal?(r=(r=s=l.globals.gridHeight/l.globals.dataPoints)*parseInt(l.config.plotOptions.bar.barHeight)/100,n=this.baseLineInvertedY+l.globals.padHorizontal+(this.isReversed?l.globals.gridWidth:0)-(this.isReversed?2*this.baseLineInvertedY:0),e=(s-r)/2):(o=i=l.globals.gridWidth/l.globals.dataPoints,o=l.globals.isXNumeric?(i=this.minXDiff/this.xRatio)*parseInt(this.barOptions.columnWidth)/100:o*parseInt(l.config.plotOptions.bar.columnWidth)/100,a=this.baseLineY[this.yaxisIndex]+(this.isReversed?l.globals.gridHeight:0)-(this.isReversed?2*this.baseLineY[this.yaxisIndex]:0),t=l.globals.padHorizontal+(i-o)/2),{x:t,y:e,yDivision:s,xDivision:i,barHeight:r,barWidth:o,zeroH:a,zeroW:n}}},{key:"drawBarPaths",value:function(t){for(var e,i=t.indexes,s=t.barHeight,a=t.strokeWidth,n=t.pathTo,r=t.pathFrom,o=t.zeroW,l=t.x,h=t.y,c=t.yDivision,d=t.elSeries,u=this.w,g=h,f=i.i,p=i.j,x=i.realIndex,m=i.bc,v=0,b=0;b<this.prevXF.length;b++)v+=this.prevXF[b][p];if(f>0){var y=o;this.prevXVal[f-1][p]<0?y=this.series[f][p]>=0?this.prevX[f-1][p]+v-2*(this.isReversed?v:0):this.prevX[f-1][p]:this.prevXVal[f-1][p]>=0&&(y=this.series[f][p]>=0?this.prevX[f-1][p]:this.prevX[f-1][p]-v+2*(this.isReversed?v:0)),e=y}else e=o;if(l=null===this.series[f][p]?e:e+this.series[f][p]/this.invertedYRatio-2*(this.isReversed?this.series[f][p]/this.invertedYRatio:0),this.xArrj.push(l),this.xArrjF.push(Math.abs(e-l)),this.xArrjVal.push(this.series[f][p]),n=this.graphics.move(e,g),r=this.graphics.move(e,g),u.globals.previousPaths.length>0&&(r=this.bar.getPathFrom(x,p,!1)),n=n+this.graphics.line(l,g)+this.graphics.line(l,g+s-a)+this.graphics.line(e,g+s-a)+this.graphics.line(e,g),r=r+this.graphics.line(e,g)+this.graphics.line(e,g+s-a)+this.graphics.line(e,g+s-a)+this.graphics.line(e,g+s-a)+this.graphics.line(e,g),u.config.plotOptions.bar.colors.backgroundBarColors.length>0&&0===f){m>=u.config.plotOptions.bar.colors.backgroundBarColors.length&&(m=0);var w=u.config.plotOptions.bar.colors.backgroundBarColors[m],k=this.graphics.drawRect(0,g,u.globals.gridWidth,s,0,w,u.config.plotOptions.bar.colors.backgroundBarOpacity);d.add(k),k.node.classList.add("apexcharts-backgroundBar")}return{pathTo:n,pathFrom:r,x:l,y:h+=c}}},{key:"drawColumnPaths",value:function(t){var e=t.indexes,i=t.x,s=t.y,a=t.xDivision,n=t.pathTo,r=t.pathFrom,o=t.barWidth,l=t.zeroH,h=t.strokeWidth,c=t.elSeries,d=this.w,u=e.i,g=e.j,f=e.realIndex,p=e.bc;if(d.globals.isXNumeric){var x=d.globals.seriesX[u][g];x||(x=0),i=(x-d.globals.minX)/this.xRatio-o/2}for(var m,v=i,b=0,y=0;y<this.prevYF.length;y++)b+=this.prevYF[y][g];if(u>0&&!d.globals.isXNumeric||u>0&&d.globals.isXNumeric&&d.globals.seriesX[u-1][g]===d.globals.seriesX[u][g]){var w=this.prevY[u-1][g];m=this.prevYVal[u-1][g]<0?this.series[u][g]>=0?w-b+2*(this.isReversed?b:0):w:this.series[u][g]>=0?w:w+b-2*(this.isReversed?b:0)}else m=d.globals.gridHeight-l;if(s=m-this.series[u][g]/this.yRatio[this.yaxisIndex]+2*(this.isReversed?this.series[u][g]/this.yRatio[this.yaxisIndex]:0),this.yArrj.push(s),this.yArrjF.push(Math.abs(m-s)),this.yArrjVal.push(this.series[u][g]),n=this.graphics.move(v,m),r=this.graphics.move(v,m),d.globals.previousPaths.length>0&&(r=this.bar.getPathFrom(f,g,!1)),n=n+this.graphics.line(v,s)+this.graphics.line(v+o-h,s)+this.graphics.line(v+o-h,m)+this.graphics.line(v,m),r=r+this.graphics.line(v,m)+this.graphics.line(v+o-h,m)+this.graphics.line(v+o-h,m)+this.graphics.line(v+o-h,m)+this.graphics.line(v,m),d.config.plotOptions.bar.colors.backgroundBarColors.length>0&&0===u){p>=d.config.plotOptions.bar.colors.backgroundBarColors.length&&(p=0);var k=d.config.plotOptions.bar.colors.backgroundBarColors[p],A=this.graphics.drawRect(v,0,o,d.globals.gridHeight,0,k,d.config.plotOptions.bar.colors.backgroundBarOpacity);c.add(A),A.node.classList.add("apexcharts-backgroundBar")}return i+=a,{pathTo:n,pathFrom:r,x:d.globals.isXNumeric?i-a:i,y:s}}}]),i}(),P=function(t){function i(){return e(this,i),h(this,o(i).apply(this,arguments))}return r(i,z),s(i,[{key:"draw",value:function(t,e){var i=this.w,s=new f(this.ctx),a=new A(this.ctx);this.candlestickOptions=this.w.config.plotOptions.candlestick;var n=new b(this.ctx,i);this.series=n.getLogSeries(t),t=this.series,this.yRatio=n.getLogYRatios(this.yRatio),this.initVariables(t);var r=s.group({class:"apexcharts-candlestick-series apexcharts-plot-series"});r.attr("clip-path","url(#gridRectMask".concat(i.globals.cuid,")"));for(var o=0,l=0;o<t.length;o++,l++){var h,c,u=void 0,g=void 0,p=void 0,x=void 0,m=[],v=[],y=i.globals.comboCharts?e[o]:o,w=s.group({class:"apexcharts-series ".concat(d.escapeString(i.globals.seriesNames[y])),rel:o+1,"data:realIndex":y});t[o].length>0&&(this.visibleI=this.visibleI+1);var k,S,C=0;this.yRatio.length>1&&(this.yaxisIndex=y);var L=this.initialPositions();x=L.y,k=L.barHeight,p=L.x,S=L.barWidth,h=L.xDivision,c=L.zeroH,v.push(p+S/2);for(var z=s.group({class:"apexcharts-datalabels"}),M=0,P=i.globals.dataPoints;M<i.globals.dataPoints;M++,P--){void 0===this.series[o][M]||null===t[o][M]?this.isNullValue=!0:this.isNullValue=!1,i.config.stroke.show&&(C=this.isNullValue?0:Array.isArray(this.strokeWidth)?this.strokeWidth[y]:this.strokeWidth);var E,T=this.drawCandleStickPaths({indexes:{i:o,j:M,realIndex:y,bc:l},x:p,y:x,xDivision:h,pathTo:u,pathFrom:g,barWidth:S,zeroH:c,strokeWidth:C,elSeries:w});u=T.pathTo,g=T.pathFrom,x=T.y,p=T.x,E=T.color,M>0&&v.push(p+S/2),m.push(x);var X=a.fillPath({seriesNumber:y,color:E}),I=this.candlestickOptions.wick.useFillColor?E:void 0;w=this.renderSeries({realIndex:y,pathFill:X,lineFill:I,j:M,i:o,pathFrom:g,pathTo:u,strokeWidth:C,elSeries:w,x:p,y:x,series:t,barHeight:k,barWidth:S,elDataLabelsWrap:z,visibleSeries:this.visibleI,type:"candlestick"})}i.globals.seriesXvalues[y]=v,i.globals.seriesYvalues[y]=m,r.add(w)}return r}},{key:"drawCandleStickPaths",value:function(t){var e=t.indexes,i=t.x,s=(t.y,t.xDivision),a=t.pathTo,n=t.pathFrom,r=t.barWidth,o=t.zeroH,l=t.strokeWidth,h=this.w,c=new f(this.ctx),d=e.i,u=e.j,g=!0,p=h.config.plotOptions.candlestick.colors.upward,x=h.config.plotOptions.candlestick.colors.downward,m=this.yRatio[this.yaxisIndex],v=e.realIndex,b=this.getOHLCValue(v,u),y=o,w=o;b.o>b.c&&(g=!1);var k=Math.min(b.o,b.c),A=Math.max(b.o,b.c);h.globals.isXNumeric&&(i=(h.globals.seriesX[d][u]-h.globals.minX)/this.xRatio-r/2);var S=i+r*this.visibleI;return c.move(S,o),n=c.move(S,o),h.globals.previousPaths.length>0&&(n=this.getPathFrom(v,u,!0)),void 0===this.series[d][u]||null===this.series[d][u]?k=o:(k=o-k/m,A=o-A/m,y=o-b.h/m,w=o-b.l/m),a=c.move(S,A)+c.line(S+r/2,A)+c.line(S+r/2,y)+c.line(S+r/2,A)+c.line(S+r,A)+c.line(S+r,k)+c.line(S+r/2,k)+c.line(S+r/2,w)+c.line(S+r/2,k)+c.line(S,k)+c.line(S,A-l/2),h.globals.isXNumeric||(i+=s),{pathTo:a,pathFrom:n,x:i,y:A,barXPosition:S,color:g?p:x}}},{key:"getOHLCValue",value:function(t,e){var i=this.w;return{o:i.globals.seriesCandleO[t][e],h:i.globals.seriesCandleH[t][e],l:i.globals.seriesCandleL[t][e],c:i.globals.seriesCandleC[t][e]}}}]),i}(),E=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"drawXCrosshairs",value:function(){var t=this.w,e=new f(this.ctx),i=new u(this.ctx),s=t.config.xaxis.crosshairs.fill.gradient,a=t.config.xaxis.crosshairs.dropShadow,n=t.config.xaxis.crosshairs.fill.type,r=s.colorFrom,o=s.colorTo,l=s.opacityFrom,h=s.opacityTo,c=s.stops,g=a.enabled,p=a.left,x=a.top,m=a.blur,v=a.color,b=a.opacity,y=t.config.xaxis.crosshairs.fill.color;if(t.config.xaxis.crosshairs.show){"gradient"===n&&(y=e.drawGradient("vertical",r,o,l,h,null,c,null));var w=e.drawRect();1===t.config.xaxis.crosshairs.width&&(w=e.drawLine()),w.attr({class:"apexcharts-xcrosshairs",x:0,y:0,y2:t.globals.gridHeight,width:d.isNumber(t.config.xaxis.crosshairs.width)?t.config.xaxis.crosshairs.width:0,height:t.globals.gridHeight,fill:y,filter:"none","fill-opacity":t.config.xaxis.crosshairs.opacity,stroke:t.config.xaxis.crosshairs.stroke.color,"stroke-width":t.config.xaxis.crosshairs.stroke.width,"stroke-dasharray":t.config.xaxis.crosshairs.stroke.dashArray}),g&&(w=i.dropShadow(w,{left:p,top:x,blur:m,color:v,opacity:b})),t.globals.dom.elGraphical.add(w)}}},{key:"drawYCrosshairs",value:function(){var t=this.w,e=new f(this.ctx),i=t.config.yaxis[0].crosshairs;if(t.config.yaxis[0].crosshairs.show){var s=e.drawLine(0,0,t.globals.gridWidth,0,i.stroke.color,i.stroke.dashArray,i.stroke.width);s.attr({class:"apexcharts-ycrosshairs"}),t.globals.dom.elGraphical.add(s)}var a=e.drawLine(0,0,t.globals.gridWidth,0,i.stroke.color,0,0);a.attr({class:"apexcharts-ycrosshairs-hidden"}),t.globals.dom.elGraphical.add(a)}}]),t}(),T=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.months31=[1,3,5,7,8,10,12],this.months30=[2,4,6,9,11],this.daysCntOfYear=[0,31,59,90,120,151,181,212,243,273,304,334]}return s(t,[{key:"isValidDate",value:function(t){return!isNaN(this.parseDate(t))}},{key:"getUTCTimeStamp",value:function(t){return Date.parse(t)?new Date(new Date(t).toISOString().substr(0,25)).getTime():t}},{key:"parseDate",value:function(t){var e=Date.parse(t);if(!isNaN(e))return this.getUTCTimeStamp(t);var i=Date.parse(t.replace(/-/g,"/").replace(/[a-z]+/gi," "));return i=this.getUTCTimeStamp(i)}},{key:"treatAsUtc",value:function(t){var e=new Date(t);return e.setMinutes(e.getMinutes()-e.getTimezoneOffset()),e}},{key:"formatDate",value:function(t,e){var i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],s=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],a=this.w.globals.locale,n=["\0"].concat(c(a.months)),r=["\x01"].concat(c(a.shortMonths)),o=["\x02"].concat(c(a.days)),l=["\x03"].concat(c(a.shortDays));function h(t,e){var i=t+"";for(e=e||2;i.length<e;)i="0"+i;return i}s&&(t=this.treatAsUtc(t));var d=i?t.getUTCFullYear():t.getFullYear();e=(e=(e=e.replace(/(^|[^\\])yyyy+/g,"$1"+d)).replace(/(^|[^\\])yy/g,"$1"+d.toString().substr(2,2))).replace(/(^|[^\\])y/g,"$1"+d);var u=(i?t.getUTCMonth():t.getMonth())+1;e=(e=(e=(e=e.replace(/(^|[^\\])MMMM+/g,"$1"+n[0])).replace(/(^|[^\\])MMM/g,"$1"+r[0])).replace(/(^|[^\\])MM/g,"$1"+h(u))).replace(/(^|[^\\])M/g,"$1"+u);var g=i?t.getUTCDate():t.getDate();e=(e=(e=(e=e.replace(/(^|[^\\])dddd+/g,"$1"+o[0])).replace(/(^|[^\\])ddd/g,"$1"+l[0])).replace(/(^|[^\\])dd/g,"$1"+h(g))).replace(/(^|[^\\])d/g,"$1"+g);var f=i?t.getUTCHours():t.getHours(),p=f>12?f-12:0===f?12:f;e=(e=(e=(e=e.replace(/(^|[^\\])HH+/g,"$1"+h(f))).replace(/(^|[^\\])H/g,"$1"+f)).replace(/(^|[^\\])hh+/g,"$1"+h(p))).replace(/(^|[^\\])h/g,"$1"+p);var x=i?t.getUTCMinutes():t.getMinutes();e=(e=e.replace(/(^|[^\\])mm+/g,"$1"+h(x))).replace(/(^|[^\\])m/g,"$1"+x);var m=i?t.getUTCSeconds():t.getSeconds();e=(e=e.replace(/(^|[^\\])ss+/g,"$1"+h(m))).replace(/(^|[^\\])s/g,"$1"+m);var v=i?t.getUTCMilliseconds():t.getMilliseconds();e=e.replace(/(^|[^\\])fff+/g,"$1"+h(v,3)),v=Math.round(v/10),e=e.replace(/(^|[^\\])ff/g,"$1"+h(v)),v=Math.round(v/10);var b=f<12?"AM":"PM";e=(e=(e=e.replace(/(^|[^\\])f/g,"$1"+v)).replace(/(^|[^\\])TT+/g,"$1"+b)).replace(/(^|[^\\])T/g,"$1"+b.charAt(0));var y=b.toLowerCase();e=(e=e.replace(/(^|[^\\])tt+/g,"$1"+y)).replace(/(^|[^\\])t/g,"$1"+y.charAt(0));var w=-t.getTimezoneOffset(),k=i||!w?"Z":w>0?"+":"-";if(!i){var A=(w=Math.abs(w))%60;k+=h(Math.floor(w/60))+":"+h(A)}e=e.replace(/(^|[^\\])K/g,"$1"+k);var S=(i?t.getUTCDay():t.getDay())+1;return e=(e=(e=(e=(e=e.replace(new RegExp(o[0],"g"),o[S])).replace(new RegExp(l[0],"g"),l[S])).replace(new RegExp(n[0],"g"),n[u])).replace(new RegExp(r[0],"g"),r[u])).replace(/\\(.)/g,"$1")}},{key:"getTimeUnitsfromTimestamp",value:function(t,e){var i=this.w;void 0!==i.config.xaxis.min&&(t=i.config.xaxis.min),void 0!==i.config.xaxis.max&&(e=i.config.xaxis.max);var s=new Date(t).getFullYear(),a=new Date(e).getFullYear(),n=new Date(t).getMonth(),r=new Date(e).getMonth(),o=new Date(t).getDate(),l=new Date(e).getDate(),h=new Date(t).getHours(),c=new Date(e).getHours();return{minMinute:new Date(t).getMinutes(),maxMinute:new Date(e).getMinutes(),minHour:h,maxHour:c,minDate:o,maxDate:l,minMonth:n,maxMonth:r,minYear:s,maxYear:a}}},{key:"isLeapYear",value:function(t){return t%4==0&&t%100!=0||t%400==0}},{key:"calculcateLastDaysOfMonth",value:function(t,e,i){return this.determineDaysOfMonths(t,e)-i}},{key:"determineDaysOfYear",value:function(t){var e=365;return this.isLeapYear(t)&&(e=366),e}},{key:"determineRemainingDaysOfYear",value:function(t,e,i){var s=this.daysCntOfYear[e]+i;return e>1&&this.isLeapYear()&&s++,s}},{key:"determineDaysOfMonths",value:function(t,e){var i=30;switch(t=d.monthMod(t),!0){case this.months30.indexOf(t)>-1:2===t&&(i=this.isLeapYear(e)?29:28);break;case this.months31.indexOf(t)>-1:default:i=31}return i}}]),t}(),X=function(){function t(i,s){e(this,t),this.ctx=i,this.w=i.w,this.xRatio=s.xRatio,this.yRatio=s.yRatio,this.dynamicAnim=this.w.config.chart.animations.dynamicAnimation,this.rectRadius=this.w.config.plotOptions.heatmap.radius,this.strokeWidth=this.w.config.stroke.width}return s(t,[{key:"draw",value:function(t){var e=this.w,i=new f(this.ctx),s=i.group({class:"apexcharts-heatmap"});s.attr("clip-path","url(#gridRectMask".concat(e.globals.cuid,")"));var a=e.globals.gridWidth/e.globals.dataPoints,n=e.globals.gridHeight/e.globals.series.length,r=0,o=!1,l=t.slice();e.config.yaxis[0].reversed&&(o=!0,l.reverse());for(var h=o?0:l.length-1;o?h<l.length:h>=0;o?h++:h--){var c=i.group({class:"apexcharts-series apexcharts-heatmap-series ".concat(d.escapeString(e.globals.seriesNames[h])),rel:h+1,"data:realIndex":h});if(e.config.chart.dropShadow.enabled){var g=e.config.chart.dropShadow;new u(this.ctx).dropShadow(c,g)}for(var p=0,x=0;x<l[h].length;x++){var m=1,v=this.determineHeatColor(h,x);if(e.globals.hasNegs){var b=e.config.plotOptions.heatmap.shadeIntensity;m=v.percent<0?1-(1+v.percent/100)*b:(1-v.percent/100)*b}else m=1-v.percent/100;var y=v.color;if(e.config.plotOptions.heatmap.enableShades){var w=new d;y=d.hexToRgba(w.shadeColor(m,v.color),e.config.fill.opacity)}var k=this.rectRadius,A=i.drawRect(p,r,a,n,k);if(A.attr({cx:p,cy:r}),A.node.classList.add("apexcharts-heatmap-rect"),c.add(A),A.attr({fill:y,i:h,index:h,j:x,val:l[h][x],"stroke-width":this.strokeWidth,stroke:e.globals.stroke.colors[0],color:y}),A.node.addEventListener("mouseenter",i.pathMouseEnter.bind(this,A)),A.node.addEventListener("mouseleave",i.pathMouseLeave.bind(this,A)),A.node.addEventListener("mousedown",i.pathMouseDown.bind(this,A)),e.config.chart.animations.enabled&&!e.globals.dataChanged){var S=1;e.globals.resized||(S=e.config.chart.animations.speed),this.animateHeatMap(A,p,r,a,n,S)}if(e.globals.dataChanged){var C=1;if(this.dynamicAnim.enabled&&e.globals.shouldAnimate){C=this.dynamicAnim.speed;var L=e.globals.previousPaths[h]&&e.globals.previousPaths[h][x]&&e.globals.previousPaths[h][x].color;L||(L="rgba(255, 255, 255, 0)"),this.animateHeatColor(A,d.isColorHex(L)?L:d.rgb2hex(L),d.isColorHex(y)?y:d.rgb2hex(y),C)}}var z=this.calculateHeatmapDataLabels({x:p,y:r,i:h,j:x,series:l,rectHeight:n,rectWidth:a});null!==z&&c.add(z),p+=a}r+=n,s.add(c)}var M=e.globals.yAxisScale[0].result.slice();e.config.yaxis[0].reversed?M.unshift(""):M.push(""),e.globals.yAxisScale[0].result=M;var P=e.globals.gridHeight/e.globals.series.length;return e.config.yaxis[0].labels.offsetY=-P/2,s}},{key:"determineHeatColor",value:function(t,e){var i=this.w,s=i.globals.series[t][e],a=i.config.plotOptions.heatmap,n=a.colorScale.inverse?e:t,r=i.globals.colors[n],o=Math.min.apply(Math,c(i.globals.series[t])),l=Math.max.apply(Math,c(i.globals.series[t]));a.distributed||(o=i.globals.minY,l=i.globals.maxY),void 0!==a.colorScale.min&&(o=a.colorScale.min<i.globals.minY?a.colorScale.min:i.globals.minY,l=a.colorScale.max>i.globals.maxY?a.colorScale.max:i.globals.maxY);var h=Math.abs(l)+Math.abs(o),d=100*s/(0===h?h-1e-6:h);a.colorScale.ranges.length>0&&a.colorScale.ranges.map(function(t,e){s>=t.from&&s<=t.to&&(r=t.color,o=t.from,l=t.to,h=Math.abs(l)+Math.abs(o),d=100*s/h)});return{color:r,percent:d}}},{key:"calculateHeatmapDataLabels",value:function(t){var e=t.x,i=t.y,s=t.i,a=t.j,n=(t.series,t.rectHeight),r=t.rectWidth,o=this.w,l=o.config.dataLabels,h=new f(this.ctx),c=new L(this.ctx),d=l.formatter,u=null;if(l.enabled){u=h.group({class:"apexcharts-data-labels"});var g=l.offsetX,p=l.offsetY,x=e+r/2+g,m=i+n/2+parseInt(l.style.fontSize)/3+p,v=d(o.globals.series[s][a],{seriesIndex:s,dataPointIndex:a,w:o});c.plotDataLabelsText({x:x,y:m,text:v,i:s,j:a,parent:u,dataLabelsConfig:l})}return u}},{key:"animateHeatMap",value:function(t,e,i,s,a,n){var r=this;new g(this.ctx).animateRect(t,{x:e+s/2,y:i+a/2,width:0,height:0},{x:e,y:i,width:s,height:a},n,function(){r.w.globals.animationEnded=!0})}},{key:"animateHeatColor",value:function(t,e,i,s){t.attr({fill:e}).animate(s).attr({fill:i})}}]),t}(),I=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.chartType=this.w.config.chart.type,this.initialAnim=this.w.config.chart.animations.enabled,this.dynamicAnim=this.initialAnim&&this.w.config.chart.animations.dynamicAnimation.enabled,this.animBeginArr=[0],this.animDur=0,this.donutDataLabels=this.w.config.plotOptions.pie.donut.labels;var s=this.w;this.lineColorArr=void 0!==s.globals.stroke.colors?s.globals.stroke.colors:s.globals.colors,this.defaultSize=s.globals.svgHeight<s.globals.svgWidth?s.globals.svgHeight-35:s.globals.gridWidth,this.centerY=this.defaultSize/2,this.centerX=s.globals.gridWidth/2,this.fullAngle=360,this.size=0,this.donutSize=0,this.sliceLabels=[],this.prevSectorAngleArr=[]}return s(t,[{key:"draw",value:function(t){for(var e=this.w,i=new f(this.ctx),s=i.group({class:"apexcharts-pie"}),a=0,n=0;n<t.length;n++)a+=d.negToZero(t[n]);var r=[],o=i.group();0===a&&(a=1e-5);for(var l=0;l<t.length;l++){var h=this.fullAngle*d.negToZero(t[l])/a;r.push(h)}if(e.globals.dataChanged){for(var c,u=0,g=0;g<e.globals.previousPaths.length;g++)u+=d.negToZero(e.globals.previousPaths[g]);for(var p=0;p<e.globals.previousPaths.length;p++)c=this.fullAngle*d.negToZero(e.globals.previousPaths[p])/u,this.prevSectorAngleArr.push(c)}this.size=this.defaultSize/2.05-e.config.stroke.width-e.config.chart.dropShadow.blur,void 0!==e.config.plotOptions.pie.size&&(this.size=e.config.plotOptions.pie.size),this.donutSize=this.size*parseInt(e.config.plotOptions.pie.donut.size)/100;var x=e.config.plotOptions.pie.customScale,m=e.globals.gridWidth/2,v=e.globals.gridHeight/2,b=m-e.globals.gridWidth/2*x,y=v-e.globals.gridHeight/2*x;if(this.donutDataLabels.show){var w=this.renderInnerDataLabels(this.donutDataLabels,{hollowSize:this.donutSize,centerX:this.centerX,centerY:this.centerY,opacity:this.donutDataLabels.show,translateX:b,translateY:y});s.add(w)}if("donut"===e.config.chart.type){var k=i.drawCircle(this.donutSize);k.attr({cx:this.centerX,cy:this.centerY,fill:e.config.plotOptions.pie.donut.background}),o.add(k)}var A=this.drawArcs(r,t);return this.sliceLabels.forEach(function(t){A.add(t)}),o.attr({transform:"translate(".concat(b,", ").concat(y-5,") scale(").concat(x,")")}),s.attr({"data:innerTranslateX":b,"data:innerTranslateY":y-25}),o.add(A),s.add(o),s}},{key:"drawArcs",value:function(t,e){var i=this.w,s=new u(this.ctx),a=new f(this.ctx),n=new A(this.ctx),r=a.group(),o=0,l=0,h=0,c=0;this.strokeWidth=i.config.stroke.show?i.config.stroke.width:0;for(var g=0;g<t.length;g++){var p=a.group({class:"apexcharts-series apexcharts-pie-series ".concat(d.escapeString(i.globals.seriesNames[g])),id:"apexcharts-series-"+g,rel:g+1});r.add(p),l=c,h=(o=h)+t[g],c=l+this.prevSectorAngleArr[g];var x=h-o,m=n.fillPath({seriesNumber:g,size:this.size}),v=this.getChangedPath(l,c),b=a.drawPath({d:v,stroke:this.lineColorArr instanceof Array?this.lineColorArr[g]:this.lineColorArr,strokeWidth:this.strokeWidth,fill:m,fillOpacity:i.config.fill.opacity,classes:"apexcharts-pie-area"});if(b.attr({id:"apexcharts-pie-slice-"+g,index:0,j:g}),i.config.chart.dropShadow.enabled){var y=i.config.chart.dropShadow;s.dropShadow(b,y)}this.addListeners(b,this.donutDataLabels),f.setAttrs(b.node,{"data:angle":x,"data:startAngle":o,"data:strokeWidth":this.strokeWidth,"data:value":e[g]});var w={x:0,y:0};"pie"===i.config.chart.type?w=d.polarToCartesian(this.centerX,this.centerY,this.size/1.25+i.config.plotOptions.pie.dataLabels.offset,o+(h-o)/2):"donut"===i.config.chart.type&&(w=d.polarToCartesian(this.centerX,this.centerY,(this.size+this.donutSize)/2+i.config.plotOptions.pie.dataLabels.offset,o+(h-o)/2)),p.add(b);var k=0;if(!this.initialAnim||i.globals.resized||i.globals.dataChanged?this.animBeginArr.push(0):(k=(h-o)/this.fullAngle*i.config.chart.animations.speed,this.animDur=k+this.animDur,this.animBeginArr.push(this.animDur)),this.dynamicAnim&&i.globals.dataChanged?this.animatePaths(b,{endAngle:h,startAngle:o,prevStartAngle:l,prevEndAngle:c,animateStartingPos:!0,i:g,animBeginArr:this.animBeginArr,dur:i.config.chart.animations.dynamicAnimation.speed}):this.animatePaths(b,{endAngle:h,startAngle:o,i:g,totalItems:t.length-1,animBeginArr:this.animBeginArr,dur:k}),i.config.plotOptions.pie.expandOnClick&&b.click(this.pieClicked.bind(this,g)),i.config.dataLabels.enabled){var S=w.x,C=w.y,L=100*(h-o)/360+"%";if(0!==x){var z=i.config.dataLabels.formatter;void 0!==z&&(L=z(i.globals.seriesPercent[g][0],{seriesIndex:g,w:i}));var M=i.globals.dataLabels.style.colors[g],P=a.drawText({x:S,y:C,text:L,textAnchor:"middle",fontSize:i.config.dataLabels.style.fontSize,fontFamily:i.config.dataLabels.style.fontFamily,foreColor:M});if(i.config.dataLabels.dropShadow.enabled){var E=i.config.dataLabels.dropShadow;new u(this.ctx).dropShadow(P,E)}P.node.classList.add("apexcharts-pie-label"),i.config.chart.animations.animate&&!1===i.globals.resized&&(P.node.classList.add("apexcharts-pie-label-delay"),P.node.style.animationDelay=i.config.chart.animations.speed/940+"s"),this.sliceLabels.push(P)}}}return r}},{key:"addListeners",value:function(t,e){var i=new f(this.ctx);t.node.addEventListener("mouseenter",i.pathMouseEnter.bind(this,t)),t.node.addEventListener("mouseenter",this.printDataLabelsInner.bind(this,t.node,e)),t.node.addEventListener("mouseleave",i.pathMouseLeave.bind(this,t)),t.node.addEventListener("mouseleave",this.revertDataLabelsInner.bind(this,t.node,e)),t.node.addEventListener("mousedown",i.pathMouseDown.bind(this,t)),t.node.addEventListener("mousedown",this.printDataLabelsInner.bind(this,t.node,e))}},{key:"animatePaths",value:function(t,e){var i=this.w,s=e.endAngle-e.startAngle,a=s,n=e.startAngle,r=e.startAngle;void 0!==e.prevStartAngle&&void 0!==e.prevEndAngle&&(n=e.prevEndAngle,a=e.prevEndAngle-e.prevStartAngle),e.i===i.config.series.length-1&&(s+r>this.fullAngle?e.endAngle=e.endAngle-(s+r):s+r<this.fullAngle&&(e.endAngle=e.endAngle+(this.fullAngle-(s+r)))),s===this.fullAngle&&(s=this.fullAngle-.01),this.animateArc(t,n,r,s,a,e)}},{key:"animateArc",value:function(t,e,i,s,a,n){var r,o=this,l=this.w,h=o.size;h||(h=n.size),(isNaN(e)||isNaN(a))&&(e=i,a=s,n.dur=0);var c=s,d=i,u=e-i;l.globals.dataChanged&&n.shouldSetPrevPaths&&(r=o.getPiePath({me:o,startAngle:d,angle:a,size:h}),t.attr({d:r})),0!==n.dur?t.animate(n.dur,l.globals.easing,n.animBeginArr[n.i]).afterAll(function(){"pie"!==l.config.chart.type&&"donut"!==l.config.chart.type||this.animate(300).attr({"stroke-width":l.config.stroke.width}),l.globals.animationEnded=!0}).during(function(l){c=u+(s-u)*l,n.animateStartingPos&&(c=a+(s-a)*l,d=e-a+(i-(e-a))*l),r=o.getPiePath({me:o,startAngle:d,angle:c,size:h}),t.node.setAttribute("data:pathOrig",r),t.attr({d:r})}):(r=o.getPiePath({me:o,startAngle:d,angle:s,size:h}),n.isTrack||(l.globals.animationEnded=!0),t.node.setAttribute("data:pathOrig",r),t.attr({d:r}))}},{key:"pieClicked",value:function(t){var e,i=this.w,s=this.size+3,a=i.globals.dom.Paper.select("#apexcharts-pie-slice-"+t).members[0],n=a.attr("d");if("true"!==a.attr("data:pieClicked")){var r=i.globals.dom.baseEl.querySelectorAll(".apexcharts-pie-area");Array.prototype.forEach.call(r,function(t){t.setAttribute("data:pieClicked","false");var e=t.getAttribute("data:pathOrig");t.setAttribute("d",e)}),a.attr("data:pieClicked","true");var o=parseInt(a.attr("data:startAngle")),l=parseInt(a.attr("data:angle"));e=this.getPiePath({me:this,startAngle:o,angle:l,size:s}),360!==l&&a.plot(e).animate(1).plot(n).animate(100).plot(e)}else{a.attr({"data:pieClicked":"false"});var h=a.attr("data:pathOrig");a.attr({d:h})}}},{key:"getChangedPath",value:function(t,e){var i="";return this.dynamicAnim&&this.w.globals.dataChanged&&(i=this.getPiePath({me:this,startAngle:t,angle:e-t,size:this.size})),i}},{key:"getPiePath",value:function(t){var e=t.me,i=t.startAngle,s=t.angle,a=t.size,n=this.w,r=i,o=Math.PI*(r-90)/180,l=s+i;Math.ceil(l)>=360&&(l=359.99);var h=Math.PI*(l-90)/180,c=e.centerX+a*Math.cos(o),u=e.centerY+a*Math.sin(o),g=e.centerX+a*Math.cos(h),f=e.centerY+a*Math.sin(h),p=d.polarToCartesian(e.centerX,e.centerY,e.donutSize,l),x=d.polarToCartesian(e.centerX,e.centerY,e.donutSize,r),m=s>180?1:0;return"donut"===n.config.chart.type?["M",c,u,"A",a,a,0,m,1,g,f,"L",p.x,p.y,"A",e.donutSize,e.donutSize,0,m,0,x.x,x.y,"L",c,u,"z"].join(" "):"pie"===n.config.chart.type?["M",c,u,"A",a,a,0,m,1,g,f,"L",e.centerX,e.centerY,"L",c,u].join(" "):["M",c,u,"A",a,a,0,m,1,g,f].join(" ")}},{key:"renderInnerDataLabels",value:function(t,e){var i=this.w,s=new f(this.ctx),a=s.group({class:"apexcharts-datalabels-group",transform:"translate(".concat(e.translateX?e.translateX:0,", ").concat(e.translateY?e.translateY:0,")")}),n=t.total.show;a.node.style.opacity=e.opacity;var r,o,l=e.centerX,h=e.centerY;r=void 0===t.name.color?i.globals.colors[0]:t.name.color,o=void 0===t.value.color?i.config.chart.foreColor:t.value.color;var c=t.value.formatter,d="",u="";if(n?(r=t.total.color,u=t.total.label,d=t.total.formatter(i)):1===i.globals.series.length&&(d=c(i.globals.series[0],i),u=i.globals.seriesNames[0]),t.name.show){var g=s.drawText({x:l,y:h+parseInt(t.name.offsetY),text:u,textAnchor:"middle",foreColor:r,fontSize:t.name.fontSize,fontFamily:t.name.fontFamily});g.node.classList.add("apexcharts-datalabel-label"),a.add(g)}if(t.value.show){var p=t.name.show?parseInt(t.value.offsetY)+16:t.value.offsetY,x=s.drawText({x:l,y:h+p,text:d,textAnchor:"middle",foreColor:o,fontSize:t.value.fontSize,fontFamily:t.value.fontFamily});x.node.classList.add("apexcharts-datalabel-value"),a.add(x)}return a}},{key:"printInnerLabels",value:function(t,e,i,s){var a,n=this.w;s?a=void 0===t.name.color?n.globals.colors[parseInt(s.parentNode.getAttribute("rel"))-1]:t.name.color:n.globals.series.length>1&&t.total.show&&(a=t.total.color);var r=n.globals.dom.baseEl.querySelector(".apexcharts-datalabel-label"),o=n.globals.dom.baseEl.querySelector(".apexcharts-datalabel-value");i=(0,t.value.formatter)(i,n),s||"function"!=typeof t.total.formatter||(i=t.total.formatter(n)),null!==r&&(r.textContent=e),null!==o&&(o.textContent=i),null!==r&&(r.style.fill=a)}},{key:"printDataLabelsInner",value:function(t,e){var i=this.w,s=t.getAttribute("data:value"),a=i.globals.seriesNames[parseInt(t.parentNode.getAttribute("rel"))-1];i.globals.series.length>1&&this.printInnerLabels(e,a,s,t);var n=i.globals.dom.baseEl.querySelector(".apexcharts-datalabels-group");null!==n&&(n.style.opacity=1)}},{key:"revertDataLabelsInner",value:function(e,i){var s=this.w,a=s.globals.dom.baseEl.querySelector(".apexcharts-datalabels-group");if(i.total.show&&s.globals.series.length>1)new t(this.ctx).printInnerLabels(i,i.total.label,i.total.formatter(s));else if(s.globals.selectedDataPoints.length)if(s.globals.selectedDataPoints[0].length>0){var n=s.globals.selectedDataPoints[0],r=s.globals.dom.baseEl.querySelector("#apexcharts-pie-slice-".concat(n));this.printDataLabelsInner(r,i)}else a.style.opacity=0;else(0===s.globals.selectedDataPoints.length||null!==a&&s.globals.series.length>1)&&(a.style.opacity=0)}}]),t}(),Y=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.chartType=this.w.config.chart.type,this.initialAnim=this.w.config.chart.animations.enabled,this.dynamicAnim=this.initialAnim&&this.w.config.chart.animations.dynamicAnimation.enabled,this.animDur=0;var s=this.w;this.graphics=new f(this.ctx),this.lineColorArr=void 0!==s.globals.stroke.colors?s.globals.stroke.colors:s.globals.colors,this.defaultSize=s.globals.svgHeight<s.globals.svgWidth?s.globals.svgHeight-35:s.globals.gridWidth,this.maxValue=this.w.globals.maxY,this.polygons=s.config.plotOptions.radar.polygons,this.maxLabelWidth=20;var a=s.globals.labels.slice().sort(function(t,e){return e.length-t.length})[0],n=this.graphics.getTextRects(a,s.config.dataLabels.style.fontSize);this.size=this.defaultSize/2.1-s.config.stroke.width-s.config.chart.dropShadow.blur-n.width/1.75,void 0!==s.config.plotOptions.radar.size&&(this.size=s.config.plotOptions.radar.size),this.dataRadiusOfPercent=[],this.dataRadius=[],this.angleArr=[],this.yaxisLabelsTextsPos=[]}return s(t,[{key:"draw",value:function(t){var e=this,i=this.w,s=new A(this.ctx),a=[];this.dataPointsLen=t[i.globals.maxValsInArrayIndex].length,this.disAngle=2*Math.PI/this.dataPointsLen;var r=i.globals.gridWidth/2,o=i.globals.gridHeight/2,l=this.graphics.group({class:"apexcharts-radar-series","data:innerTranslateX":r,"data:innerTranslateY":o-25,transform:"translate(".concat(r||0,", ").concat(o||0,")")}),h=[],c=null;if(this.yaxisLabels=this.graphics.group({class:"apexcharts-yaxis"}),t.forEach(function(t,r){var o=e.graphics.group().attr({class:"apexcharts-series ".concat(d.escapeString(i.globals.seriesNames[r])),rel:r+1,"data:realIndex":r});e.dataRadiusOfPercent[r]=[],e.dataRadius[r]=[],e.angleArr[r]=[],t.forEach(function(t,i){e.dataRadiusOfPercent[r][i]=t/e.maxValue,e.dataRadius[r][i]=e.dataRadiusOfPercent[r][i]*e.size,e.angleArr[r][i]=i*e.disAngle}),h=e.getDataPointsPos(e.dataRadius[r],e.angleArr[r]);var l=e.createPaths(h,{x:0,y:0});c=e.graphics.group({class:"apexcharts-series-markers-wrap hidden"}),i.globals.delayedElements.push({el:c.node,index:r});var g={i:r,realIndex:r,animationDelay:r,initialSpeed:i.config.chart.animations.speed,dataChangeSpeed:i.config.chart.animations.dynamicAnimation.speed,className:"apexcharts-radar",id:"apexcharts-radar",shouldClipToGrid:!1,bindEventsOnPaths:!1,stroke:i.globals.stroke.colors[r],strokeLineCap:i.config.stroke.lineCap},f=null;i.globals.previousPaths.length>0&&(f=e.getPathFrom(r));for(var p=0;p<l.linePathsTo.length;p++){var x=e.graphics.renderPaths(n({},g,{pathFrom:null===f?l.linePathsFrom[p]:f,pathTo:l.linePathsTo[p],strokeWidth:Array.isArray(i.config.stroke.width)?i.config.stroke.width[r]:i.config.stroke.width,fill:"none"}));o.add(x);var m=s.fillPath({seriesNumber:r}),v=e.graphics.renderPaths(n({},g,{pathFrom:null===f?l.areaPathsFrom[p]:f,pathTo:l.areaPathsTo[p],strokeWidth:0,fill:m}));if(i.config.chart.dropShadow.enabled){var b=new u(e.ctx),y=i.config.chart.dropShadow;b.dropShadow(v,n({},y,{noUserSpaceOnUse:!0}))}o.add(v)}t.forEach(function(t,i){var s=new S(e.ctx).getMarkerConfig("apexcharts-marker",r),a=e.graphics.drawMarker(h[i].x,h[i].y,s);a.attr("rel",i),a.attr("j",i),a.attr("index",r),a.node.setAttribute("default-marker-size",s.pSize);var n=e.graphics.group({class:"apexcharts-series-markers"});n&&n.add(a),c.add(n),o.add(c)}),a.push(o)}),this.drawPolygons({parent:l}),i.config.dataLabels.enabled){var g=this.drawLabels();l.add(g)}return l.add(this.yaxisLabels),a.forEach(function(t){l.add(t)}),l}},{key:"drawPolygons",value:function(t){for(var e=this,i=this.w,s=t.parent,a=i.globals.yAxisScale[0].result.reverse(),n=a.length,r=[],o=this.size/(n-1),l=0;l<n;l++)r[l]=o*l;r.reverse();var h=[],c=[];r.forEach(function(t,i){var s=e.getPolygonPos(t),a="";s.forEach(function(t,s){if(0===i){var n=e.graphics.drawLine(t.x,t.y,0,0,Array.isArray(e.polygons.connectorColors)?e.polygons.connectorColors[s]:e.polygons.connectorColors);c.push(n)}0===s&&e.yaxisLabelsTextsPos.push({x:t.x,y:t.y}),a+=t.x+","+t.y+" "}),h.push(a)}),h.forEach(function(t,a){var n=e.polygons.strokeColors,r=e.graphics.drawPolygon(t,Array.isArray(n)?n[a]:n,i.globals.radarPolygons.fill.colors[a]);s.add(r)}),c.forEach(function(t){s.add(t)}),i.config.yaxis[0].show&&this.yaxisLabelsTextsPos.forEach(function(t,i){var s=e.drawYAxisText(t.x,t.y,i,a[i]);e.yaxisLabels.add(s)})}},{key:"drawYAxisText",value:function(t,e,i,s){var a=this.w,n=a.config.yaxis[0],r=a.globals.yLabelFormatters[0];return this.graphics.drawText({x:t+n.labels.offsetX,y:e+n.labels.offsetY,text:r(s,i),textAnchor:"middle",fontSize:n.labels.style.fontSize,fontFamily:n.labels.style.fontFamily,foreColor:n.labels.style.color})}},{key:"drawLabels",value:function(){var t=this,e=this.w,i="middle",s=e.config.dataLabels,a=this.graphics.group({class:"apexcharts-datalabels"}),n=this.getPolygonPos(this.size),r=0,o=0;return e.globals.labels.forEach(function(l,h){var c=s.formatter,d=new L(t.ctx);if(n[h]){r=n[h].x,o=n[h].y,Math.abs(n[h].x)>=10?n[h].x>0?(i="start",r+=10):n[h].x<0&&(i="end",r-=10):i="middle",Math.abs(n[h].y)>=t.size-10&&(n[h].y<0?o-=10:n[h].y>0&&(o+=10));var u=c(l,{seriesIndex:-1,dataPointIndex:h,w:e});d.plotDataLabelsText({x:r,y:o,text:u,textAnchor:i,i:h,j:h,parent:a,dataLabelsConfig:s,offsetCorrection:!1})}}),a}},{key:"createPaths",value:function(t,e){var i=this,s=[],a=[],n=[],r=[];if(t.length){a=[this.graphics.move(e.x,e.y)],r=[this.graphics.move(e.x,e.y)];var o=this.graphics.move(t[0].x,t[0].y),l=this.graphics.move(t[0].x,t[0].y);t.forEach(function(e,s){o+=i.graphics.line(e.x,e.y),l+=i.graphics.line(e.x,e.y),s===t.length-1&&(o+="Z",l+="Z")}),s.push(o),n.push(l)}return{linePathsFrom:a,linePathsTo:s,areaPathsFrom:r,areaPathsTo:n}}},{key:"getPathFrom",value:function(t){for(var e=this.w,i=null,s=0;s<e.globals.previousPaths.length;s++){var a=e.globals.previousPaths[s];a.paths.length>0&&parseInt(a.realIndex)===parseInt(t)&&void 0!==e.globals.previousPaths[s].paths[0]&&(i=e.globals.previousPaths[s].paths[0].d)}return i}},{key:"getDataPointsPos",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.dataPointsLen;t=t||[],e=e||[];for(var s=[],a=0;a<i;a++){var n={};n.x=t[a]*Math.sin(e[a]),n.y=-t[a]*Math.cos(e[a]),s.push(n)}return s}},{key:"getPolygonPos",value:function(t){for(var e=[],i=2*Math.PI/this.dataPointsLen,s=0;s<this.dataPointsLen;s++){var a={};a.x=t*Math.sin(s*i),a.y=-t*Math.cos(s*i),e.push(a)}return e}}]),t}(),F=function(t){function i(t){var s;e(this,i),(s=h(this,o(i).call(this,t))).ctx=t,s.w=t.w,s.animBeginArr=[0],s.animDur=0;var a=s.w;return s.startAngle=a.config.plotOptions.radialBar.startAngle,s.endAngle=a.config.plotOptions.radialBar.endAngle,s.trackStartAngle=a.config.plotOptions.radialBar.track.startAngle,s.trackEndAngle=a.config.plotOptions.radialBar.track.endAngle,s.radialDataLabels=a.config.plotOptions.radialBar.dataLabels,s.trackStartAngle||(s.trackStartAngle=s.startAngle),s.trackEndAngle||(s.trackEndAngle=s.endAngle),360===s.endAngle&&(s.endAngle=359.99),s.fullAngle=360-a.config.plotOptions.radialBar.endAngle-a.config.plotOptions.radialBar.startAngle,s.margin=parseInt(a.config.plotOptions.radialBar.track.margin),s}return r(i,I),s(i,[{key:"draw",value:function(t){var e=this.w,i=new f(this.ctx),s=i.group({class:"apexcharts-radialbar"}),a=i.group(),n=this.defaultSize/2,r=e.globals.gridWidth/2,o=this.defaultSize/2.05-e.config.stroke.width-e.config.chart.dropShadow.blur;void 0!==e.config.plotOptions.radialBar.size&&(o=e.config.plotOptions.radialBar.size);var l=e.globals.fill.colors;if(e.config.plotOptions.radialBar.track.show){var h=this.drawTracks({size:o,centerX:r,centerY:n,colorArr:l,series:t});a.add(h)}var c=this.drawArcs({size:o,centerX:r,centerY:n,colorArr:l,series:t});return a.add(c.g),"front"===e.config.plotOptions.radialBar.hollow.position&&(c.g.add(c.elHollow),c.dataLabels&&c.g.add(c.dataLabels)),s.add(a),s}},{key:"drawTracks",value:function(t){var e=this.w,i=new f(this.ctx),s=i.group(),a=new u(this.ctx),n=new A(this.ctx),r=this.getStrokeWidth(t);t.size=t.size-r/2;for(var o=0;o<t.series.length;o++){var l=i.group({class:"apexcharts-radialbar-track apexcharts-track"});s.add(l),l.attr({id:"apexcharts-track-"+o,rel:o+1}),t.size=t.size-r-this.margin;var h=e.config.plotOptions.radialBar.track,c=n.fillPath({seriesNumber:0,size:t.size,fillColors:Array.isArray(h.background)?h.background[o]:h.background,solid:!0}),d=this.trackStartAngle,g=this.trackEndAngle;Math.abs(g)+Math.abs(d)>=360&&(g=360-Math.abs(this.startAngle)-.1);var p=i.drawPath({d:"",stroke:c,strokeWidth:r*parseInt(h.strokeWidth)/100,fill:"none",strokeOpacity:h.opacity,classes:"apexcharts-radialbar-area"});if(h.dropShadow.enabled){var x=h.dropShadow;a.dropShadow(p,x)}l.add(p),p.attr("id","apexcharts-radialbarTrack-"+o),new I(this.ctx).animatePaths(p,{centerX:t.centerX,centerY:t.centerY,endAngle:g,startAngle:d,size:t.size,i:o,totalItems:2,animBeginArr:0,dur:0,isTrack:!0,easing:e.globals.easing})}return s}},{key:"drawArcs",value:function(t){var e=this.w,i=new f(this.ctx),s=new A(this.ctx),a=new u(this.ctx),n=i.group(),r=this.getStrokeWidth(t);t.size=t.size-r/2;var o=e.config.plotOptions.radialBar.hollow.background,l=t.size-r*t.series.length-this.margin*t.series.length-r*parseInt(e.config.plotOptions.radialBar.track.strokeWidth)/100/2,h=l-e.config.plotOptions.radialBar.hollow.margin;void 0!==e.config.plotOptions.radialBar.hollow.image&&(o=this.drawHollowImage(t,n,l,o));var c=this.drawHollow({size:h,centerX:t.centerX,centerY:t.centerY,fill:o});if(e.config.plotOptions.radialBar.hollow.dropShadow.enabled){var g=e.config.plotOptions.radialBar.hollow.dropShadow;a.dropShadow(c,g)}var p=1;!this.radialDataLabels.total.show&&e.globals.series.length>1&&(p=0);var x=new I(this.ctx),m=null;this.radialDataLabels.show&&(m=x.renderInnerDataLabels(this.radialDataLabels,{hollowSize:l,centerX:t.centerX,centerY:t.centerY,opacity:p})),"back"===e.config.plotOptions.radialBar.hollow.position&&(n.add(c),m&&n.add(m));var v=!1;e.config.plotOptions.radialBar.inverseOrder&&(v=!0);for(var b=v?t.series.length-1:0;v?b>=0:b<t.series.length;v?b--:b++){var y=i.group({class:"apexcharts-series apexcharts-radial-series ".concat(d.escapeString(e.globals.seriesNames[b]))});n.add(y),y.attr({id:"apexcharts-series-"+b,rel:b+1}),this.ctx.series.addCollapsedClassToSeries(y,b),t.size=t.size-r-this.margin;var w=s.fillPath({seriesNumber:b,size:t.size}),k=this.startAngle,S=void 0,C=Math.abs(e.config.plotOptions.radialBar.endAngle-e.config.plotOptions.radialBar.startAngle),L=d.negToZero(t.series[b]>100?100:t.series[b])/100,z=Math.round(C*L)+this.startAngle,M=void 0;e.globals.dataChanged&&(S=this.startAngle,M=Math.round(C*d.negToZero(e.globals.previousPaths[b])/100)+S),Math.abs(z)+Math.abs(k)>=360&&(z-=.01),Math.abs(M)+Math.abs(S)>=360&&(M-=.01);var P=z-k,E=Array.isArray(e.config.stroke.dashArray)?e.config.stroke.dashArray[b]:e.config.stroke.dashArray,T=i.drawPath({d:"",stroke:w,strokeWidth:r,fill:"none",fillOpacity:e.config.fill.opacity,classes:"apexcharts-radialbar-area",strokeDashArray:E});if(f.setAttrs(T.node,{"data:angle":P,"data:value":t.series[b]}),e.config.chart.dropShadow.enabled){var X=e.config.chart.dropShadow;a.dropShadow(T,X)}this.addListeners(T,this.radialDataLabels);var Y=new I(this.ctx);y.add(T),T.attr({id:"apexcharts-radialArc-"+b,index:0,j:b});var F=0;!Y.initialAnim||e.globals.resized||e.globals.dataChanged||(F=(z-k)/360*e.config.chart.animations.speed,this.animDur=F/(1.2*t.series.length)+this.animDur,this.animBeginArr.push(this.animDur)),e.globals.dataChanged&&(F=(z-k)/360*e.config.chart.animations.dynamicAnimation.speed,this.animDur=F/(1.2*t.series.length)+this.animDur,this.animBeginArr.push(this.animDur)),Y.animatePaths(T,{centerX:t.centerX,centerY:t.centerY,endAngle:z,startAngle:k,prevEndAngle:M,prevStartAngle:S,size:t.size,i:b,totalItems:2,animBeginArr:this.animBeginArr,dur:F,shouldSetPrevPaths:!0,easing:e.globals.easing})}return{g:n,elHollow:c,dataLabels:m}}},{key:"drawHollow",value:function(t){var e=new f(this.ctx).drawCircle(2*t.size);return e.attr({class:"apexcharts-radialbar-hollow",cx:t.centerX,cy:t.centerY,r:t.size,fill:t.fill}),e}},{key:"drawHollowImage",value:function(t,e,i,s){var a=this.w,n=new A(this.ctx),r=(Math.random()+1).toString(36).substring(4),o=a.config.plotOptions.radialBar.hollow.image;if(a.config.plotOptions.radialBar.hollow.imageClipped)n.clippedImgArea({width:i,height:i,image:o,patternID:"pattern".concat(a.globals.cuid).concat(r)}),s="url(#pattern".concat(a.globals.cuid).concat(r,")");else{var l=a.config.plotOptions.radialBar.hollow.imageWidth,h=a.config.plotOptions.radialBar.hollow.imageHeight;if(void 0===l&&void 0===h){var c=a.globals.dom.Paper.image(o).loaded(function(e){this.move(t.centerX-e.width/2+a.config.plotOptions.radialBar.hollow.imageOffsetX,t.centerY-e.height/2+a.config.plotOptions.radialBar.hollow.imageOffsetY)});e.add(c)}else{var d=a.globals.dom.Paper.image(o).loaded(function(e){this.move(t.centerX-l/2+a.config.plotOptions.radialBar.hollow.imageOffsetX,t.centerY-h/2+a.config.plotOptions.radialBar.hollow.imageOffsetY),this.size(l,h)});e.add(d)}}return s}},{key:"getStrokeWidth",value:function(t){var e=this.w;return t.size*(100-parseInt(e.config.plotOptions.radialBar.hollow.size))/100/(t.series.length+1)-this.margin}}]),i}(),O=function(){function t(i,s,a){e(this,t),this.ctx=i,this.w=i.w,this.xyRatios=s,this.pointsChart=!("bubble"!==this.w.config.chart.type&&"scatter"!==this.w.config.chart.type)||a,this.scatter=new C(this.ctx),this.noNegatives=this.w.globals.minX===Number.MAX_VALUE,this.yaxisIndex=0}return s(t,[{key:"draw",value:function(t,e,i){var s=this.w,a=new f(this.ctx),r=new A(this.ctx),o=s.globals.comboCharts?e:s.config.chart.type,l=a.group({class:"apexcharts-".concat(o,"-series apexcharts-plot-series")}),h=new b(this.ctx,s);t=h.getLogSeries(t);var c=this.xyRatios.yRatio;c=h.getLogYRatios(c);for(var u=this.xyRatios.zRatio,g=this.xyRatios.xRatio,p=this.xyRatios.baseLineY,x=[],m=[],v=0,y=0;y<t.length;y++){var w=s.globals.gridWidth/s.globals.dataPoints,k=s.globals.comboCharts?i[y]:y;c.length>1&&(this.yaxisIndex=k),this.isReversed=s.config.yaxis[this.yaxisIndex]&&s.config.yaxis[this.yaxisIndex].reversed;var C=[],z=[],M=s.globals.gridHeight-p[this.yaxisIndex]-(this.isReversed?s.globals.gridHeight:0)+(this.isReversed?2*p[this.yaxisIndex]:0),P=M;M>s.globals.gridHeight&&(P=s.globals.gridHeight),v=w/2;var E=s.globals.padHorizontal+v,T=1;s.globals.isXNumeric&&(E=(s.globals.seriesX[k][0]-s.globals.minX)/g),z.push(E);var X=void 0,I=void 0,Y=void 0,F=void 0,O=[],R=[],D=a.group({class:"apexcharts-series ".concat(d.escapeString(s.globals.seriesNames[k]))}),N=a.group({class:"apexcharts-series-markers-wrap"}),H=a.group({class:"apexcharts-datalabels"});this.ctx.series.addCollapsedClassToSeries(D,k);var W=t[y].length===s.globals.dataPoints;D.attr({"data:longestSeries":W,rel:y+1,"data:realIndex":k}),this.appendPathFrom=!0;var B=E,V=void 0,G=B,_=M,j=0;if(_=this.determineFirstPrevY({i:y,series:t,yRatio:c[this.yaxisIndex],zeroY:M,prevY:_,prevSeriesY:m,lineYPosition:j}).prevY,C.push(_),V=_,null===t[y][0]){for(var U=0;U<t[y].length;U++)if(null!==t[y][U]){G=w*U,_=M-t[y][U]/c[this.yaxisIndex],X=a.move(G,_),I=a.move(G,P);break}}else X=a.move(G,_),I=a.move(G,P)+a.line(G,_);if(Y=a.move(-1,M)+a.line(-1,M),F=a.move(-1,M)+a.line(-1,M),s.globals.previousPaths.length>0){var q=this.checkPreviousPaths({pathFromLine:Y,pathFromArea:F,realIndex:k});Y=q.pathFromLine,F=q.pathFromArea}for(var Z=s.globals.dataPoints>1?s.globals.dataPoints-1:s.globals.dataPoints,$=0;$<Z;$++){if(s.globals.isXNumeric){var J=s.globals.seriesX[k][$+1];void 0===s.globals.seriesX[k][$+1]&&(J=s.globals.seriesX[k][Z-1]),E=(J-s.globals.minX)/g}else E+=w;var Q=d.isNumber(s.globals.minYArr[k])?s.globals.minYArr[k]:s.globals.minY;s.config.chart.stacked?(j=y>0&&s.globals.collapsedSeries.length<s.config.series.length-1?m[y-1][$+1]:M,T=void 0===t[y][$+1]||null===t[y][$+1]?j-Q/c[this.yaxisIndex]+2*(this.isReversed?Q/c[this.yaxisIndex]:0):j-t[y][$+1]/c[this.yaxisIndex]+2*(this.isReversed?t[y][$+1]/c[this.yaxisIndex]:0)):T=void 0===t[y][$+1]||null===t[y][$+1]?M-Q/c[this.yaxisIndex]+2*(this.isReversed?Q/c[this.yaxisIndex]:0):M-t[y][$+1]/c[this.yaxisIndex]+2*(this.isReversed?t[y][$+1]/c[this.yaxisIndex]:0),z.push(E),C.push(T);var K=this.createPaths({series:t,i:y,j:$,x:E,y:T,xDivision:w,pX:B,pY:V,areaBottomY:P,linePath:X,areaPath:I,linePaths:O,areaPaths:R});R=K.areaPaths,O=K.linePaths,B=K.pX,V=K.pY,I=K.areaPath,X=K.linePath,this.appendPathFrom&&(Y+=a.line(E,M),F+=a.line(E,M));var tt=this.calculatePoints({series:t,x:E,y:T,realIndex:k,i:y,j:$,prevY:_,categoryAxisCorrection:v,xRatio:g});if(this.pointsChart)this.scatter.draw(D,$,{realIndex:k,pointsPos:tt,zRatio:u,elParent:N});else{var et=new S(this.ctx);s.globals.dataPoints>1&&N.node.classList.add("hidden");var it=et.plotChartMarkers(tt,k,$+1);null!==it&&N.add(it)}var st=new L(this.ctx).drawDataLabel(tt,k,$+1);null!==st&&H.add(st)}m.push(C),s.globals.seriesXvalues[k]=z,s.globals.seriesYvalues[k]=C,this.pointsChart||s.globals.delayedElements.push({el:N.node,index:k});var at={i:y,realIndex:k,animationDelay:y,initialSpeed:s.config.chart.animations.speed,dataChangeSpeed:s.config.chart.animations.dynamicAnimation.speed,className:"apexcharts-".concat(o),id:"apexcharts-".concat(o)};if(s.config.stroke.show&&!this.pointsChart){var nt=null;nt="line"===o?r.fillPath({seriesNumber:k,i:y}):s.globals.stroke.colors[k];for(var rt=0;rt<O.length;rt++){var ot=a.renderPaths(n({},at,{pathFrom:Y,pathTo:O[rt],stroke:nt,strokeWidth:Array.isArray(s.config.stroke.width)?s.config.stroke.width[k]:s.config.stroke.width,strokeLineCap:s.config.stroke.lineCap,fill:"none"}));D.add(ot)}}if("area"===o)for(var lt=r.fillPath({seriesNumber:k}),ht=0;ht<R.length;ht++){var ct=a.renderPaths(n({},at,{pathFrom:F,pathTo:R[ht],stroke:"none",strokeWidth:0,strokeLineCap:null,fill:lt}));D.add(ct)}D.add(N),D.add(H),x.push(D)}for(var dt=x.length;dt>0;dt--)l.add(x[dt-1]);return l}},{key:"createPaths",value:function(t){var e=t.series,i=t.i,s=t.j,a=t.x,n=t.y,r=t.pX,o=t.pY,l=t.xDivision,h=t.areaBottomY,c=t.linePath,d=t.areaPath,u=t.linePaths,g=t.areaPaths,p=this.w,x=new f(this.ctx),m=Array.isArray(p.config.stroke.curve)?p.config.stroke.curve[i]:p.config.stroke.curve;if("smooth"===m){var v=.35*(a-r);p.globals.hasNullValues?(null!==e[i][s]&&(null!==e[i][s+1]?(c=x.move(r,o)+x.curve(r+v,o,a-v,n,a+1,n),d=x.move(r+1,o)+x.curve(r+v,o,a-v,n,a+1,n)+x.line(a,h)+x.line(r,h)+"z"):(c=x.move(r,o),d=x.move(r,o)+"z")),u.push(c),g.push(d)):(c+=x.curve(r+v,o,a-v,n,a,n),d+=x.curve(r+v,o,a-v,n,a,n)),r=a,o=n,s===e[i].length-2&&(d=d+x.curve(r,o,a,n,a,h)+x.move(a,n)+"z",p.globals.hasNullValues||(u.push(c),g.push(d)))}else null===e[i][s+1]&&(c+=x.move(a,n),d=d+x.line(a-l,h)+x.move(a,n)),null===e[i][s]&&(c+=x.move(a,n),d+=x.move(a,h)),"stepline"===m?(c=c+x.line(a,null,"H")+x.line(null,n,"V"),d=d+x.line(a,null,"H")+x.line(null,n,"V")):"straight"===m&&(c+=x.line(a,n),d+=x.line(a,n)),s===e[i].length-2&&(d=d+x.line(a,h)+x.move(a,n)+"z",u.push(c),g.push(d));return{linePaths:u,areaPaths:g,pX:r,pY:o,linePath:c,areaPath:d}}},{key:"calculatePoints",value:function(t){var e=t.series,i=t.realIndex,s=t.x,a=t.y,n=t.i,r=t.j,o=t.prevY,l=t.categoryAxisCorrection,h=t.xRatio,c=this.w,u=[],g=[];if(0===r){var f=l+c.config.markers.offsetX;c.globals.isXNumeric&&(f=(c.globals.seriesX[i][0]-c.globals.minX)/h+c.config.markers.offsetX),u.push(f),g.push(d.isNumber(e[n][0])?o+c.config.markers.offsetY:null),u.push(s+c.config.markers.offsetX),g.push(d.isNumber(e[n][r+1])?a+c.config.markers.offsetY:null)}else u.push(s+c.config.markers.offsetX),g.push(d.isNumber(e[n][r+1])?a+c.config.markers.offsetY:null);return{x:u,y:g}}},{key:"checkPreviousPaths",value:function(t){for(var e=t.pathFromLine,i=t.pathFromArea,s=t.realIndex,a=this.w,n=0;n<a.globals.previousPaths.length;n++){var r=a.globals.previousPaths[n];("line"===r.type||"area"===r.type)&&r.paths.length>0&&parseInt(r.realIndex)===parseInt(s)&&("line"===r.type?(this.appendPathFrom=!1,e=a.globals.previousPaths[n].paths[0].d):"area"===r.type&&(this.appendPathFrom=!1,a.config.stroke.show?(e=a.globals.previousPaths[n].paths[0].d,i=a.globals.previousPaths[n].paths[1].d):i=a.globals.previousPaths[n].paths[0].d))}return{pathFromLine:e,pathFromArea:i}}},{key:"determineFirstPrevY",value:function(t){var e=t.i,i=t.series,s=t.yRatio,a=t.zeroY,n=t.prevY,r=t.prevSeriesY,o=t.lineYPosition,l=this.w;if(void 0!==i[e][0])n=l.config.chart.stacked?(o=e>0?r[e-1][0]:a)-i[e][0]/s+2*(this.isReversed?i[e][0]/s:0):a-i[e][0]/s+2*(this.isReversed?i[e][0]/s:0);else if(l.config.chart.stacked&&e>0&&void 0===i[e][0])for(var h=e-1;h>=0;h--)if(null!==i[h][0]&&void 0!==i[h][0]){n=o=r[h][0];break}return{prevY:n,lineYPosition:o}}}]),t}(),R=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.xaxisFontSize=this.w.config.xaxis.labels.style.fontSize,this.axisFontFamily=this.w.config.xaxis.labels.style.fontFamily,this.isBarHorizontal=!("bar"!==this.w.config.chart.type||!this.w.config.plotOptions.bar.horizontal),this.xaxisForeColors=this.w.config.xaxis.labels.style.colors,this.xAxisoffX=0,"bottom"===this.w.config.xaxis.position&&(this.xAxisoffX=this.w.globals.gridHeight)}return s(t,[{key:"drawYaxis",value:function(t){var e=this.w,i=new f(this.ctx),s=e.config.yaxis[t].labels.style.fontSize,a=e.config.yaxis[t].labels.style.fontFamily,n=i.group({class:"apexcharts-yaxis",rel:t,transform:"translate("+e.globals.translateYAxisX[t]+", 0)"});if(!e.config.yaxis[t].show)return n;var r=i.group({class:"apexcharts-yaxis-texts-g"});n.add(r);var o=e.globals.yAxisScale[t].result.length-1,l=e.globals.gridHeight/o+.1,h=e.globals.translateY,c=e.globals.yLabelFormatters[t],d=e.globals.yAxisScale[t].result.slice();if(e.config.yaxis[t].reversed&&d.reverse(),e.config.yaxis[t].labels.show)for(var u=o;u>=0;u--){var g=d[u];g=c(g,u);var p=e.config.yaxis[t].labels.padding;e.config.yaxis[t].opposite&&0!==e.config.yaxis.length&&(p*=-1);var x=i.drawText({x:p,y:h+o/10+e.config.yaxis[t].labels.offsetY+1,text:g,textAnchor:e.config.yaxis[t].opposite?"start":"end",fontSize:s,fontFamily:a,foreColor:e.config.yaxis[t].labels.style.color,cssClass:"apexcharts-yaxis-label "+e.config.yaxis[t].labels.style.cssClass});r.add(x);var m=i.rotateAroundCenter(x.node);0!==e.config.yaxis[t].labels.rotate&&x.node.setAttribute("transform","rotate(".concat(e.config.yaxis[t].labels.rotate," ").concat(m.x," ").concat(m.y,")")),h+=l}if(void 0!==e.config.yaxis[t].title.text){var v=i.group({class:"apexcharts-yaxis-title"}),b=0;e.config.yaxis[t].opposite&&(b=e.globals.translateYAxisX[t]);var y=i.drawText({x:b,y:e.globals.gridHeight/2+e.globals.translateY,text:e.config.yaxis[t].title.text,textAnchor:"end",foreColor:e.config.yaxis[t].title.style.color,fontSize:e.config.yaxis[t].title.style.fontSize,fontFamily:e.config.yaxis[t].title.style.fontFamily,cssClass:"apexcharts-yaxis-title-text "+e.config.yaxis[t].title.style.cssClass});v.add(y),n.add(v)}var w=e.config.yaxis[t].axisBorder;if(w.show){var k=31+w.offsetX;e.config.yaxis[t].opposite&&(k=-31-w.offsetX);var A=i.drawLine(k,e.globals.translateY+w.offsetY-2,k,e.globals.gridHeight+e.globals.translateY+w.offsetY+2,w.color);n.add(A),this.drawAxisTicks(k,o,w,e.config.yaxis[t].axisTicks,t,l,n)}return n}},{key:"drawYaxisInversed",value:function(t){var e=this.w,i=new f(this.ctx),s=i.group({class:"apexcharts-xaxis apexcharts-yaxis-inversed"}),a=i.group({class:"apexcharts-xaxis-texts-g",transform:"translate(".concat(e.globals.translateXAxisX,", ").concat(e.globals.translateXAxisY,")")});s.add(a);var n=e.globals.yAxisScale[t].result.length-1,r=e.globals.gridWidth/n+.1,o=r+e.config.xaxis.labels.offsetX,l=e.globals.xLabelFormatter,h=e.globals.yAxisScale[t].result.slice();if(e.config.yaxis[t].reversed&&h.reverse(),e.config.xaxis.labels.show)for(var c=n;c>=0;c--){var d=h[c];d=l(d,c);var u=i.drawText({x:e.globals.gridWidth+e.globals.padHorizontal-(o-r+e.config.xaxis.labels.offsetX),y:this.xAxisoffX+e.config.xaxis.labels.offsetY+30,text:"",textAnchor:"middle",foreColor:Array.isArray(this.xaxisForeColors)?this.xaxisForeColors[t]:this.xaxisForeColors,fontSize:this.xaxisFontSize,fontFamily:this.xaxisFontFamily,cssClass:"apexcharts-xaxis-label "+e.config.xaxis.labels.style.cssClass});a.add(u),u.tspan(d);var g=document.createElementNS(e.globals.SVGNS,"title");g.textContent=d,u.node.appendChild(g),o+=r}if(void 0!==e.config.xaxis.title.text){var p=i.group({class:"apexcharts-xaxis-title apexcharts-yaxis-title-inversed"}),x=i.drawText({x:e.globals.gridWidth/2,y:this.xAxisoffX+parseInt(this.xaxisFontSize)+parseInt(e.config.xaxis.title.style.fontSize)+20,text:e.config.xaxis.title.text,textAnchor:"middle",fontSize:e.config.xaxis.title.style.fontSize,fontFamily:e.config.xaxis.title.style.fontFamily,cssClass:"apexcharts-xaxis-title-text "+e.config.xaxis.title.style.cssClass});p.add(x),s.add(p)}var m=e.config.yaxis[t].axisBorder;if(m.show){var v=i.drawLine(e.globals.padHorizontal+m.offsetX,1+m.offsetY,e.globals.padHorizontal+m.offsetX,e.globals.gridHeight+m.offsetY,m.color);s.add(v)}return s}},{key:"drawAxisTicks",value:function(t,e,i,s,a,n,r){var o=this.w,l=new f(this.ctx),h=o.globals.translateY;if(s.show){!0===o.config.yaxis[a].opposite&&(t+=s.width);for(var c=e;c>=0;c--){var d=h+e/10+o.config.yaxis[a].labels.offsetY-1;this.isBarHorizontal&&(d=n*c);var u=l.drawLine(t+i.offsetX-s.width+s.offsetX,d+s.offsetY,t+i.offsetX+s.offsetX,d+s.offsetY,i.color);r.add(u),h+=n}}}},{key:"yAxisTitleRotate",value:function(t,e){var i=this.w,s=new f(this.ctx),a={width:0,height:0},n={width:0,height:0},r=i.globals.dom.baseEl.querySelector(" .apexcharts-yaxis[rel='".concat(t,"'] .apexcharts-yaxis-texts-g"));null!==r&&(a=r.getBoundingClientRect());var o=i.globals.dom.baseEl.querySelector(".apexcharts-yaxis[rel='".concat(t,"'] .apexcharts-yaxis-title text"));if(null!==o&&(n=o.getBoundingClientRect()),null!==o){var l=this.xPaddingForYAxisTitle(t,a,n,e);o.setAttribute("x",l.xPos-(e?10:0))}if(null!==o){var h=s.rotateAroundCenter(o);e?o.setAttribute("transform","rotate(".concat(i.config.yaxis[t].title.rotate," ").concat(h.x," ").concat(h.y,")")):o.setAttribute("transform","rotate(-".concat(i.config.yaxis[t].title.rotate," ").concat(h.x," ").concat(h.y,")"))}}},{key:"xPaddingForYAxisTitle",value:function(t,e,i,s){var a=this.w,n=0,r=0,o=10;return void 0===a.config.yaxis[t].title.text||t<0?{xPos:r,padd:0}:(s?(r=e.width+a.config.yaxis[t].title.offsetX+i.width/2+o/2,0===(n+=1)&&(r-=o/2)):(r=-1*e.width+a.config.yaxis[t].title.offsetX+o/2+i.width/2,this.isBarHorizontal&&(o=25,r=-1*e.width-a.config.yaxis[t].title.offsetX-o)),{xPos:r,padd:o})}},{key:"setYAxisXPosition",value:function(t,e){var i=this,s=this.w,a=0,n=0,r=21,o=1;s.config.yaxis.length>1&&(this.multipleYs=!0),s.config.yaxis.map(function(l,h){var c=s.globals.ignoreYAxisIndexes.indexOf(h)>-1||!l.show||l.floating||0===t[h].width,d=t[h].width+e[h].width;l.opposite?i.isBarHorizontal?(n=s.globals.gridWidth+s.globals.translateX-1,s.globals.translateYAxisX[h]=n-l.labels.offsetX):(n=s.globals.gridWidth+s.globals.translateX+o,c||(o=o+d+20),s.globals.translateYAxisX[h]=n-l.labels.offsetX+20):(a=s.globals.translateX-r,c||(r=r+d+20),s.globals.translateYAxisX[h]=a+l.labels.offsetX)})}}]),t}(),D=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.tooltipKeyFormat="dd MMM"}return s(t,[{key:"xLabelFormat",value:function(t,e){var i=this.w;if("datetime"===i.config.xaxis.type&&void 0===i.config.tooltip.x.formatter)return new T(this.ctx).formatDate(new Date(e),i.config.tooltip.x.format,!0,!0);return t(e)}},{key:"setLabelFormatters",value:function(){var t=this.w;return t.globals.xLabelFormatter=function(t){return t},t.globals.xaxisTooltipFormatter=function(t){return t},t.globals.ttKeyFormatter=function(t){return t},t.globals.ttZFormatter=function(t){return t},t.globals.legendFormatter=function(t){return t},"function"==typeof t.config.tooltip.x.formatter&&(t.globals.ttKeyFormatter=t.config.tooltip.x.formatter),"function"==typeof t.config.xaxis.tooltip.formatter&&(t.globals.xaxisTooltipFormatter=t.config.xaxis.tooltip.formatter),Array.isArray(t.config.tooltip.y)?t.globals.ttVal=t.config.tooltip.y:void 0!==t.config.tooltip.y.formatter&&(t.globals.ttVal=t.config.tooltip.y),void 0!==t.config.tooltip.z.formatter&&(t.globals.ttZFormatter=t.config.tooltip.z.formatter),void 0!==t.config.legend.formatter&&(t.globals.legendFormatter=t.config.legend.formatter),void 0!==t.config.xaxis.labels.formatter?t.globals.xLabelFormatter=t.config.xaxis.labels.formatter:t.globals.xLabelFormatter=function(e){return d.isNumber(e)?"numeric"===t.config.xaxis.type&&t.globals.dataPoints<50?e.toFixed(1):e.toFixed(0):e},t.config.yaxis.forEach(function(e,i){void 0!==e.labels.formatter?t.globals.yLabelFormatters[i]=e.labels.formatter:t.globals.yLabelFormatters[i]=function(i){return d.isNumber(i)?0!==t.globals.yValueDecimal||t.globals.maxY-t.globals.minY<1?i.toFixed(e.decimalsInFloat):i.toFixed(0):i}}),t.globals}},{key:"heatmapLabelFormatters",value:function(){var t=this.w;if("heatmap"===t.config.chart.type){t.globals.yAxisScale[0].result=t.globals.seriesNames.slice();var e=t.globals.seriesNames.reduce(function(t,e){return t.length>e.length?t:e},0);t.globals.yAxisScale[0].niceMax=e,t.globals.yAxisScale[0].niceMin=e}}}]),t}(),N=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w;var s=this.w;this.xaxisLabels=s.globals.labels.slice(),s.globals.timelineLabels.length>0&&(this.xaxisLabels=s.globals.timelineLabels.slice()),this.drawnLabels=[],"top"===s.config.xaxis.position?this.offY=0:this.offY=s.globals.gridHeight+1,this.offY=this.offY+s.config.xaxis.axisBorder.offsetY,this.xaxisFontSize=s.config.xaxis.labels.style.fontSize,this.xaxisFontFamily=s.config.xaxis.labels.style.fontFamily,this.xaxisForeColors=s.config.xaxis.labels.style.colors,this.xaxisBorderWidth=s.config.xaxis.axisBorder.width,this.xaxisBorderWidth.indexOf("%")>-1?this.xaxisBorderWidth=s.globals.gridWidth*parseInt(this.xaxisBorderWidth)/100:this.xaxisBorderWidth=parseInt(this.xaxisBorderWidth),this.xaxisBorderHeight=s.config.xaxis.axisBorder.height,this.yaxis=s.config.yaxis[0]}return s(t,[{key:"drawXaxis",value:function(){var t,e=this.w,i=new f(this.ctx),s=i.group({class:"apexcharts-xaxis",transform:"translate(".concat(e.config.xaxis.offsetX,", ").concat(e.config.xaxis.offsetY,")")}),a=i.group({class:"apexcharts-xaxis-texts-g",transform:"translate(".concat(e.globals.translateXAxisX,", ").concat(e.globals.translateXAxisY,")")});s.add(a);for(var n=e.globals.padHorizontal,r=[],o=0;o<this.xaxisLabels.length;o++)r.push(this.xaxisLabels[o]);n=e.globals.isXNumeric?n+(t=e.globals.gridWidth/(r.length-1))/2+e.config.xaxis.labels.offsetX:n+(t=e.globals.gridWidth/r.length)+e.config.xaxis.labels.offsetX;var l=e.globals.xLabelFormatter,h=e.config.xaxis.labels.formatter,c=r.length;if(e.config.xaxis.labels.show)for(var d=0;d<=c-1;d++){var u=void 0===r[d]?"":r[d],g=void 0;g=new D(this.ctx).xLabelFormat(l,u),void 0!==h&&(g=h(u,this.xaxisLabels[d],d));var p=n-t/2+e.config.xaxis.labels.offsetX;e.globals.timelineLabels.length>0?(p=e.globals.timelineLabels[d].position,g=e.globals.timelineLabels[d].value):"datetime"===e.config.xaxis.type&&void 0===h&&(g=""),(0===(g=g.toString()).indexOf("NaN")||"undefined"===g||0===g.toLowerCase().indexOf("invalid")||g.toLowerCase().indexOf("infinity")>=0||this.drawnLabels.indexOf(g)>=0&&!e.config.xaxis.labels.showDuplicates)&&(g=""),this.drawnLabels.push(g);var x=28;e.globals.rotateXLabels&&(x=22);var m=i.drawText({x:p,y:this.offY+e.config.xaxis.labels.offsetY+x,text:"",textAnchor:"middle",fontSize:this.xaxisFontSize,fontFamily:this.xaxisFontFamily,foreColor:Array.isArray(this.xaxisForeColors)?this.xaxisForeColors[d]:this.xaxisForeColors,cssClass:"apexcharts-xaxis-label "+e.config.xaxis.labels.style.cssClass});a.add(m),i.addTspan(m,g,this.xaxisFontFamily);var v=document.createElementNS(e.globals.SVGNS,"title");v.textContent=g,m.node.appendChild(v),n+=t}if(void 0!==e.config.xaxis.title.text){var b=i.group({class:"apexcharts-xaxis-title"}),y=i.drawText({x:e.globals.gridWidth/2+e.config.xaxis.title.offsetX,y:this.offY-parseInt(this.xaxisFontSize)+e.globals.xAxisLabelsHeight+e.config.xaxis.title.offsetY,text:e.config.xaxis.title.text,textAnchor:"middle",fontSize:e.config.xaxis.title.style.fontSize,fontFamily:e.config.xaxis.title.style.fontFamily,foreColor:e.config.xaxis.title.style.color,cssClass:"apexcharts-xaxis-title-text "+e.config.xaxis.title.style.cssClass});b.add(y),s.add(b)}if(e.config.xaxis.axisBorder.show){var w=0;"bar"===e.config.chart.type&&e.globals.isXNumeric&&(w-=15);var k=i.drawLine(e.globals.padHorizontal+w+e.config.xaxis.axisBorder.offsetX,this.offY,this.xaxisBorderWidth,this.offY,e.config.xaxis.axisBorder.color,0,this.xaxisBorderHeight);s.add(k)}return s}},{key:"drawXaxisInversed",value:function(t){var e,i,s=this.w,a=new f(this.ctx),n=s.config.yaxis[0].opposite?s.globals.translateYAxisX[t]:0,r=a.group({class:"apexcharts-yaxis apexcharts-xaxis-inversed",rel:t}),o=a.group({class:"apexcharts-yaxis-texts-g apexcharts-xaxis-inversed-texts-g",transform:"translate("+n+", 0)"});r.add(o);for(var l=[],h=0;h<this.xaxisLabels.length;h++)l.push(this.xaxisLabels[h]);i=-(e=s.globals.gridHeight/l.length)/2.2;var c=s.globals.yLabelFormatters[0],d=s.config.yaxis[0].labels;if(d.show)for(var u=0;u<=l.length-1;u++){var g=void 0===l[u]?"":l[u];g=c(g);var p=a.drawText({x:d.offsetX-15,y:i+e+d.offsetY,text:g,textAnchor:this.yaxis.opposite?"start":"end",foreColor:d.style.color?d.style.color:d.style.colors[u],fontSize:d.style.fontSize,fontFamily:d.style.fontFamily,cssClass:"apexcharts-yaxis-label "+d.style.cssClass});o.add(p),i+=e}if(void 0!==s.config.yaxis[0].title.text){var x=a.group({class:"apexcharts-yaxis-title apexcharts-xaxis-title-inversed",transform:"translate("+n+", 0)"}),m=a.drawText({x:0,y:s.globals.gridHeight/2,text:s.config.yaxis[0].title.text,textAnchor:"middle",foreColor:s.config.yaxis[0].title.style.color,fontSize:s.config.yaxis[0].title.style.fontSize,fontFamily:s.config.yaxis[0].title.style.fontFamily,cssClass:"apexcharts-yaxis-title-text "+s.config.yaxis[0].title.style.cssClass});x.add(m),r.add(x)}if(s.config.xaxis.axisBorder.show){var v=a.drawLine(s.globals.padHorizontal+s.config.xaxis.axisBorder.offsetX,this.offY,this.xaxisBorderWidth,this.offY,this.yaxis.axisBorder.color,0,this.xaxisBorderHeight);r.add(v),new R(this.ctx).drawAxisTicks(0,l.length,s.config.yaxis[0].axisBorder,s.config.yaxis[0].axisTicks,0,e,r)}return r}},{key:"drawXaxisTicks",value:function(t,e){var i=this.w,s=t;if(!(t<0||t>i.globals.gridWidth)){var a=this.offY+i.config.xaxis.axisTicks.offsetY,n=a+i.config.xaxis.axisTicks.height;if(i.config.xaxis.axisTicks.show){var r=new f(this.ctx).drawLine(t+i.config.xaxis.axisTicks.offsetX,a+i.config.xaxis.offsetY,s+i.config.xaxis.axisTicks.offsetX,n+i.config.xaxis.offsetY,i.config.xaxis.axisTicks.color);e.add(r),r.node.classList.add("apexcharts-xaxis-tick")}}}},{key:"getXAxisTicksPositions",value:function(){var t=this.w,e=[],i=this.xaxisLabels.length,s=t.globals.padHorizontal;if(t.globals.timelineLabels.length>0)for(var a=0;a<i;a++)s=this.xaxisLabels[a].position,e.push(s);else for(var n=i,r=0;r<n;r++){var o=n;t.globals.isXNumeric&&"bar"!==t.config.chart.type&&(o-=1),s+=t.globals.gridWidth/o,e.push(s)}return e}},{key:"xAxisLabelCorrections",value:function(){var t=this.w,e=new f(this.ctx),i=t.globals.dom.baseEl.querySelector(".apexcharts-xaxis-texts-g"),s=t.globals.dom.baseEl.querySelectorAll(".apexcharts-xaxis-texts-g text"),a=t.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxis-inversed text"),n=t.globals.dom.baseEl.querySelectorAll(".apexcharts-xaxis-inversed-texts-g text");if(t.globals.rotateXLabels||t.config.xaxis.labels.rotateAlways)for(var r=0;r<s.length;r++){var o=e.rotateAroundCenter(s[r]);o.y=o.y-1,o.x=o.x+1,s[r].setAttribute("transform","rotate(".concat(t.config.xaxis.labels.rotate," ").concat(o.x," ").concat(o.y,")")),s[r].setAttribute("text-anchor","end");i.setAttribute("transform","translate(0, ".concat(-10,")"));var l=s[r].childNodes;t.config.xaxis.labels.trim&&e.placeTextWithEllipsis(l[0],l[0].textContent,t.config.xaxis.labels.maxHeight-40)}else for(var h=t.globals.gridWidth/t.globals.labels.length,c=0;c<s.length;c++){var d=s[c].childNodes;t.config.xaxis.labels.trim&&"bar"!==t.config.chart.type&&t.config.plotOptions.bar.horizontal&&e.placeTextWithEllipsis(d[0],d[0].textContent,h)}if(a.length>0){var u=a[a.length-1].getBBox(),g=a[0].getBBox();u.x<-20&&a[a.length-1].parentNode.removeChild(a[a.length-1]),g.x+g.width>t.globals.gridWidth&&a[0].parentNode.removeChild(a[0]);for(var p=0;p<n.length;p++)e.placeTextWithEllipsis(n[p],n[p].textContent,t.config.yaxis[0].labels.maxWidth-2*parseInt(t.config.yaxis[0].title.style.fontSize)-20)}}}]),t}(),H=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.isBarHorizontal=!("bar"!==this.w.config.chart.type||!this.w.config.plotOptions.bar.horizontal)}return s(t,[{key:"niceScale",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:10;if(t===Number.MIN_VALUE&&0===e||!d.isNumber(t)&&!d.isNumber(e)||t===Number.MIN_VALUE&&e===-Number.MAX_VALUE)return t=0,e=s,this.linearScale(t,e,s);t>e?(console.warn("yaxis.min cannot be greater than yaxis.max"),e=t+.1):t===e&&(t=0===t?0:t-.1,e=0===e?2:e+.1);var a=[],n=s+1;n<2?n=2:n>2&&(n-=2);for(var r=(e-t)/n,o=Math.floor(d.log10(r)),l=Math.pow(10,o),h=parseInt(r/l)*l,c=h*Math.floor(t/h),u=h*Math.ceil(e/h),g=c;a.push(g),!((g+=h)>u););if(void 0===this.w.config.yaxis[i].max&&void 0===this.w.config.yaxis[i].min||this.w.config.yaxis[i].forceNiceScale)return{result:a,niceMin:a[0],niceMax:a[a.length-1]};var f=t;(a=[]).push(f);for(var p=Math.abs(e-t)/s,x=0;x<=s-1;x++)f+=p,a.push(f);return{result:a,niceMin:a[0],niceMax:a[a.length-1]}}},{key:"linearScale",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,s=Math.abs(e-t)/i;i===Number.MAX_VALUE&&(i=10,s=1);for(var a=[],n=t;i>=0;)a.push(n),n+=s,i-=1;return{result:a,niceMin:a[0],niceMax:a[a.length-1]}}},{key:"logarithmicScale",value:function(t,e,i,s){(e<0||e===Number.MIN_VALUE)&&(e=.01);for(var a=Math.log(e)/Math.log(10),n=Math.log(i)/Math.log(10),r=Math.abs(i-e)/s,o=[],l=e;s>=0;)o.push(l),l+=r,s-=1;var h=o.map(function(t,s){t<=0&&(t=.01);var r=(n-a)/(i-e),o=Math.pow(10,a+r*(t-a));return Math.round(o/d.roundToBase(o,10))*d.roundToBase(o,10)});return 0===h[0]&&(h[0]=1),{result:h,niceMin:h[0],niceMax:h[h.length-1]}}},{key:"setYScaleForIndex",value:function(t,e,i){var s=this.w.globals,a=this.w.config,n=this.isBarHorizontal?a.xaxis:a.yaxis[t];void 0===s.yAxisScale[t]&&(s.yAxisScale[t]=[]),n.logarithmic?(s.allSeriesCollapsed=!1,s.yAxisScale[t]=this.logarithmicScale(t,e,i,n.tickAmount?n.tickAmount:Math.floor(Math.log10(i)))):i!==-Number.MAX_VALUE&&d.isNumber(i)?(s.allSeriesCollapsed=!1,s.yAxisScale[t]=this.niceScale(e,i,t,n.tickAmount?n.tickAmount:5)):s.yAxisScale[t]=this.linearScale(0,5,5)}},{key:"setMultipleYScales",value:function(){var t=this,e=this.w.globals,i=this.w.config,s=e.minYArr.concat([]),a=e.maxYArr.concat([]),n=[];i.yaxis.forEach(function(r,o){var l=o;i.series.forEach(function(t,i){t.name===r.seriesName&&-1===e.collapsedSeriesIndices.indexOf(i)&&(l=i,o!==i?n.push({index:i,similarIndex:o,alreadyExists:!0}):n.push({index:i}))});var h=s[l],c=a[l];t.setYScaleForIndex(o,h,c)}),this.sameScaleInMultipleAxes(s,a,n)}},{key:"sameScaleInMultipleAxes",value:function(t,e,i){var s=this,a=this.w.config,n=this.w.globals,r=[];i.forEach(function(t){t.alreadyExists&&(void 0===r[t.index]&&(r[t.index]=[]),r[t.index].push(t.index),r[t.index].push(t.similarIndex))}),r.forEach(function(t,e){r.forEach(function(i,s){var a,n;e!==s&&(a=t,n=i,a.filter(function(t){return-1!==n.indexOf(t)})).length>0&&(r[e]=r[e].concat(r[s]))})});var o=r.map(function(t){return t.filter(function(e,i){return t.indexOf(e)===i})}).map(function(t){return t.sort()});r=r.filter(function(t){return!!t});var l=o.slice(),h=l.map(function(t){return JSON.stringify(t)});l=l.filter(function(t,e){return h.indexOf(JSON.stringify(t))===e});var c=[],d=[];t.forEach(function(t,i){l.forEach(function(s,a){s.indexOf(i)>-1&&(void 0===c[a]&&(c[a]=[],d[a]=[]),c[a].push({key:i,value:t}),d[a].push({key:i,value:e[i]}))})});var u=Array.apply(null,Array(l.length)).map(Number.prototype.valueOf,Number.MIN_VALUE),g=Array.apply(null,Array(l.length)).map(Number.prototype.valueOf,-Number.MAX_VALUE);c.forEach(function(t,e){t.forEach(function(t,i){u[e]=Math.min(t.value,u[e])})}),d.forEach(function(t,e){t.forEach(function(t,i){g[e]=Math.max(t.value,g[e])})}),t.forEach(function(t,e){d.forEach(function(t,i){var r=u[i],o=g[i];t.forEach(function(i,l){t[l].key===e&&(void 0!==a.yaxis[e].min&&(r="function"==typeof a.yaxis[e].min?a.yaxis[e].min(n.minY):a.yaxis[e].min),void 0!==a.yaxis[e].max&&(o="function"==typeof a.yaxis[e].max?a.yaxis[e].max(n.maxY):a.yaxis[e].max),s.setYScaleForIndex(e,r,o))})})})}},{key:"autoScaleY",value:function(t,e){t||(t=this);var i=[];return t.w.config.series.forEach(function(t){var s,a,n=t.data.find(function(t){return t[0]>=e.xaxis.min})[1];a=s=n,t.data.forEach(function(t){t[0]<=e.xaxis.max&&t[0]>=e.xaxis.min&&(t[1]>a&&null!==t[1]&&(a=t[1]),t[1]<s&&null!==t[1]&&(s=t[1]))}),s*=.95,a*=1.05,i.push({min:s,max:a})}),i}}]),t}(),W=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.isBarHorizontal=!("bar"!==this.w.config.chart.type||!this.w.config.plotOptions.bar.horizontal),this.scales=new H(i)}return s(t,[{key:"init",value:function(){this.setYRange(),this.setXRange(),this.setZRange()}},{key:"getMinYMaxY",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Number.MAX_VALUE,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:-Number.MAX_VALUE,s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,a=this.w.globals,n=-Number.MAX_VALUE,r=Number.MIN_VALUE;null===s&&(s=t+1);var o=a.series,l=o,h=o;"candlestick"===this.w.config.chart.type&&(l=a.seriesCandleL,h=a.seriesCandleH);for(var c=t;c<s;c++){a.dataPoints=Math.max(a.dataPoints,o[c].length);for(var u=0;u<a.series[c].length;u++)null!==o[c][u]&&d.isNumber(o[c][u])?(n=Math.max(n,h[c][u]),e=Math.min(e,l[c][u]),i=Math.max(i,l[c][u]),d.isFloat(o[c][u])&&(a.yValueDecimal=Math.max(a.yValueDecimal,o[c][u].toString().split(".")[1].length)),r>l[c][u]&&l[c][u]<0&&(r=l[c][u])):a.hasNullValues=!0}return{minY:r,maxY:n,lowestY:e,highestY:i}}},{key:"setYRange",value:function(){var t=this.w.globals,e=this.w.config;t.maxY=-Number.MAX_VALUE,t.minY=Number.MIN_VALUE;var i=Number.MAX_VALUE;if(t.isMultipleYAxis)for(var s=0;s<t.series.length;s++){var a=this.getMinYMaxY(s,i,null,s+1);t.minYArr.push(a.minY),t.maxYArr.push(a.maxY),i=a.lowestY}var n=this.getMinYMaxY(0,i,null,t.series.length);if(t.minY=n.minY,t.maxY=n.maxY,i=n.lowestY,e.chart.stacked){for(var r=[],o=[],l=0;l<t.series[t.maxValsInArrayIndex].length;l++)for(var h=0,c=0,u=0;u<t.series.length;u++)null!==t.series[u][l]&&d.isNumber(t.series[u][l])&&(t.series[u][l]>0?h=h+parseFloat(t.series[u][l])+1e-4:c+=parseFloat(t.series[u][l])),u===t.series.length-1&&(r.push(h),o.push(c));for(var g=0;g<r.length;g++)t.maxY=Math.max(t.maxY,r[g]),t.minY=Math.min(t.minY,o[g])}if(("line"===e.chart.type||"area"===e.chart.type||"candlestick"===e.chart.type)&&t.minY===Number.MIN_VALUE&&i!==-Number.MAX_VALUE){var f=t.maxY-i;i>=0&&i<=10&&(f=0),t.minY=i-5*f/100,t.maxY=t.maxY+5*f/100+.05}e.yaxis.map(function(e,i){void 0!==e.max&&("number"==typeof e.max?t.maxYArr[i]=e.max:"function"==typeof e.max&&(t.maxYArr[i]=e.max(t.maxY)),t.maxY=t.maxYArr[i]),void 0!==e.min&&("number"==typeof e.min?t.minYArr[i]=e.min:"function"==typeof e.min&&(t.minYArr[i]=e.min(t.minY)),t.minY=t.minYArr[i])}),this.isBarHorizontal&&(void 0!==e.xaxis.min&&"number"==typeof e.xaxis.min&&(t.minY=e.xaxis.min),void 0!==e.xaxis.max&&"number"==typeof e.xaxis.max&&(t.maxY=e.xaxis.max)),t.isMultipleYAxis?(this.scales.setMultipleYScales(),t.minY=i,t.yAxisScale.forEach(function(e,i){t.minYArr[i]=e.niceMin,t.maxYArr[i]=e.niceMax})):(this.scales.setYScaleForIndex(0,t.minY,t.maxY),t.minY=t.yAxisScale[0].niceMin,t.maxY=t.yAxisScale[0].niceMax,t.minYArr[0]=t.yAxisScale[0].niceMin,t.maxYArr[0]=t.yAxisScale[0].niceMax)}},{key:"setXRange",value:function(){var t,e=this.w.globals,i=this.w.config,s="numeric"===i.xaxis.type||"datetime"===i.xaxis.type||"category"===i.xaxis.type&&!e.noLabelsProvided;if(e.isXNumeric)for(var a=0;a<e.series.length;a++)if(e.labels[a])for(var n=0;n<e.labels[a].length;n++)null!==e.labels[a][n]&&d.isNumber(e.labels[a][n])&&(e.maxX=Math.max(e.maxX,e.labels[a][n]),e.initialmaxX=Math.max(e.maxX,e.labels[a][n]),e.minX=Math.min(e.minX,e.labels[a][n]),e.initialminX=Math.min(e.minX,e.labels[a][n]));if(e.noLabelsProvided&&0===i.xaxis.categories.length&&(e.maxX=e.labels[e.labels.length-1],e.initialmaxX=e.labels[e.labels.length-1],e.minX=1,e.initialminX=1),(e.comboChartsHasBars||"candlestick"===i.chart.type||"bar"===i.chart.type&&"category"!==i.xaxis.type)&&"category"!==i.xaxis.type){var r=e.minX-e.svgWidth/e.dataPoints*(Math.abs(e.maxX-e.minX)/e.svgWidth)/2;e.minX=r,e.initialminX=r;var o=e.maxX+e.svgWidth/e.dataPoints*(Math.abs(e.maxX-e.minX)/e.svgWidth)/2;e.maxX=o,e.initialmaxX=o}(e.isXNumeric||e.noLabelsProvided)&&(void 0===i.xaxis.tickAmount?(t=Math.round(e.svgWidth/150),"numeric"===i.xaxis.type&&e.dataPoints<20&&(t=e.dataPoints-1),t>e.dataPoints&&0!==e.dataPoints&&(t=e.dataPoints-1)):t="dataPoints"===i.xaxis.tickAmount?e.series[e.maxValsInArrayIndex].length-1:i.xaxis.tickAmount,void 0!==i.xaxis.max&&"number"==typeof i.xaxis.max&&(e.maxX=i.xaxis.max),void 0!==i.xaxis.min&&"number"==typeof i.xaxis.min&&(e.minX=i.xaxis.min),void 0!==i.xaxis.range&&(e.minX=e.maxX-i.xaxis.range),e.minX!==Number.MAX_VALUE&&e.maxX!==-Number.MAX_VALUE?e.xAxisScale=this.scales.linearScale(e.minX,e.maxX,t):(e.xAxisScale=this.scales.linearScale(1,t,t),e.noLabelsProvided&&e.labels.length>0&&(e.xAxisScale=this.scales.linearScale(1,e.labels.length,t-1),e.seriesX=e.labels.slice())),s&&(e.labels=e.xAxisScale.result.slice()));if(e.minX===e.maxX)if("datetime"===i.xaxis.type){var l=new Date(e.minX);l.setDate(l.getDate()-2),e.minX=new Date(l).getTime();var h=new Date(e.maxX);h.setDate(h.getDate()+2),e.maxX=new Date(h).getTime()}else("numeric"===i.xaxis.type||"category"===i.xaxis.type&&!e.noLabelsProvided)&&(e.minX=e.minX-2,e.maxX=e.maxX+2)}},{key:"setZRange",value:function(){var t=this.w.globals;if(t.isDataXYZ)for(var e=0;e<t.series.length;e++)if(void 0!==t.seriesZ[e])for(var i=0;i<t.seriesZ[e].length;i++)null!==t.seriesZ[e][i]&&d.isNumber(t.seriesZ[e][i])&&(t.maxZ=Math.max(t.maxZ,t.seriesZ[e][i]),t.minZ=Math.min(t.minZ,t.seriesZ[e][i]))}}]),t}(),B=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"getAllSeriesEls",value:function(){return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series")}},{key:"getSeriesByName",value:function(t){return this.w.globals.dom.baseEl.querySelector(".apexcharts-series.".concat(d.escapeString(t)))}},{key:"addCollapsedClassToSeries",value:function(t,e){for(var i=this.w,s=0;s<i.globals.collapsedSeries.length;s++)i.globals.collapsedSeries[s].index===e&&t.node.classList.add("apexcharts-series-collapsed")}},{key:"toggleSeriesOnHover",value:function(t,e){var i=this.w,s=i.globals.dom.baseEl.querySelectorAll(".apexcharts-series");if("mousemove"===t.type){var a=parseInt(e.getAttribute("rel"))-1,n=null;n=i.globals.axisCharts||"radialBar"===i.config.chart.type?i.globals.axisCharts?i.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(a,"']")):i.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(a+1,"']")):i.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(a+1,"'] path"));for(var r=0;r<s.length;r++)s[r].classList.add("legend-mouseover-inactive");null!==n&&(i.globals.axisCharts||n.parentNode.classList.remove("legend-mouseover-inactive"),n.classList.remove("legend-mouseover-inactive"))}else if("mouseout"===t.type)for(var o=0;o<s.length;o++)s[o].classList.remove("legend-mouseover-inactive")}},{key:"highlightRangeInSeries",value:function(t,e){var i=this.w,s=i.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap-rect"),a=function(){for(var t=0;t<s.length;t++)s[t].classList.remove("legend-mouseover-inactive")};if("mousemove"===t.type){var n=parseInt(e.getAttribute("rel"))-1;a(),function(){for(var t=0;t<s.length;t++)s[t].classList.add("legend-mouseover-inactive")}(),function(t){for(var e=0;e<s.length;e++){var i=parseInt(s[e].getAttribute("val"));i>=t.from&&i<=t.to&&s[e].classList.remove("legend-mouseover-inactive")}}(i.config.plotOptions.heatmap.colorScale.ranges[n])}else"mouseout"===t.type&&a()}},{key:"getActiveSeriesIndex",value:function(){var t=this.w,e=0;if(t.globals.series.length>1)for(var i=t.globals.series.map(function(e,i){return e.length>0&&"bar"!==t.config.series[i].type&&"column"!==t.config.series[i].type?i:-1}),s=0;s<i.length;s++)if(-1!==i[s]){e=i[s];break}return e}},{key:"getActiveConfigSeriesIndex",value:function(){var t=this.w,e=0;if(t.config.series.length>1)for(var i=t.config.series.map(function(t,e){return t.data&&t.data.length>0?e:-1}),s=0;s<i.length;s++)if(-1!==i[s]){e=i[s];break}return e}},{key:"getPreviousPaths",value:function(){var t=this.w;function e(e,i,s){for(var a=e[i].childNodes,n={type:s,paths:[],realIndex:e[i].getAttribute("data:realIndex")},r=0;r<a.length;r++)if(a[r].hasAttribute("pathTo")){var o=a[r].getAttribute("pathTo");n.paths.push({d:o})}t.globals.previousPaths.push(n)}t.globals.previousPaths=[];var i=t.globals.dom.baseEl.querySelectorAll(".apexcharts-line-series .apexcharts-series");if(i.length>0)for(var s=i.length-1;s>=0;s--)e(i,s,"line");var a=t.globals.dom.baseEl.querySelectorAll(".apexcharts-area-series .apexcharts-series");if(a.length>0)for(var n=a.length-1;n>=0;n--)e(a,n,"area");var r=t.globals.dom.baseEl.querySelectorAll(".apexcharts-bar-series .apexcharts-series");if(r.length>0)for(var o=0;o<r.length;o++)e(r,o,"bar");var l=t.globals.dom.baseEl.querySelectorAll(".apexcharts-candlestick-series .apexcharts-series");if(l.length>0)for(var h=0;h<l.length;h++)e(l,h,"candlestick");var c=t.globals.dom.baseEl.querySelectorAll(".apexcharts-radar-series .apexcharts-series");if(c.length>0)for(var d=0;d<c.length;d++)e(c,d,"radar");var u=t.globals.dom.baseEl.querySelectorAll(".apexcharts-bubble-series .apexcharts-series");if(u.length>0)for(var g=0;g<u.length;g++){for(var f=t.globals.dom.baseEl.querySelectorAll(".apexcharts-bubble-series .apexcharts-series[data\\:realIndex='".concat(g,"'] circle")),p=[],x=0;x<f.length;x++)p.push({x:f[x].getAttribute("cx"),y:f[x].getAttribute("cy"),r:f[x].getAttribute("r")});t.globals.previousPaths.push(p)}var m=t.globals.dom.baseEl.querySelectorAll(".apexcharts-scatter-series .apexcharts-series");if(m.length>0)for(var v=0;v<m.length;v++){for(var b=t.globals.dom.baseEl.querySelectorAll(".apexcharts-scatter-series .apexcharts-series[data\\:realIndex='".concat(v,"'] circle")),y=[],w=0;w<b.length;w++)y.push({x:b[w].getAttribute("cx"),y:b[w].getAttribute("cy"),r:b[w].getAttribute("r")});t.globals.previousPaths.push(y)}var k=t.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap .apexcharts-series");if(k.length>0)for(var A=0;A<k.length;A++){for(var S=t.globals.dom.baseEl.querySelectorAll(".apexcharts-heatmap .apexcharts-series[data\\:realIndex='".concat(A,"'] rect")),C=[],L=0;L<S.length;L++)C.push({color:S[L].getAttribute("color")});t.globals.previousPaths.push(C)}t.globals.axisCharts||(t.globals.previousPaths=t.globals.series)}},{key:"handleNoData",value:function(){var t=this.w,e=t.config.noData,i=new f(this.ctx),s=t.globals.svgWidth/2,a=t.globals.svgHeight/2,n="middle";if(t.globals.noData=!0,t.globals.animationEnded=!0,"left"===e.align?(s=10,n="start"):"right"===e.align&&(s=t.globals.svgWidth-10,n="end"),"top"===e.verticalAlign?a=50:"bottom"===e.verticalAlign&&(a=t.globals.svgHeight-50),s+=e.offsetX,a=a+parseInt(e.style.fontSize)+2,void 0!==e.text&&""!==e.text){var r=i.drawText({x:s,y:a,text:e.text,textAnchor:n,fontSize:e.style.fontSize,fontFamily:e.style.fontFamily,foreColor:e.style.color,opacity:1,class:"apexcharts-text-nodata"});r.node.setAttribute("class","apexcharts-title-text"),t.globals.dom.Paper.add(r)}}},{key:"setNullSeriesToZeroValues",value:function(t){for(var e=this.w,i=0;i<t.length;i++)if(0===t[i].length)for(var s=0;s<t[e.globals.maxValsInArrayIndex].length;s++)t[i].push(0);return t}},{key:"hasAllSeriesEqualX",value:function(){for(var t=!0,e=this.w,i=this.filteredSeriesX(),s=0;s<i.length-1;s++)if(i[s][0]!==i[s+1][0]){t=!1;break}return e.globals.allSeriesHasEqualX=t,t}},{key:"filteredSeriesX",value:function(){var t=this.w.globals.seriesX.map(function(t,e){return t.length>0?t:[]});return t}}]),t}(),V=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.lgRect={},this.yAxisWidth=0,this.xAxisHeight=0,this.isSparkline=this.w.config.chart.sparkline.enabled,this.xPadRight=0,this.xPadLeft=0,this.isBarHorizontal=!("bar"!==this.w.config.chart.type||!this.w.config.plotOptions.bar.horizontal)}return s(t,[{key:"plotCoords",value:function(){var t=this.w,e=t.globals,i=this.getLegendsRect();e.axisCharts?this.setGridCoordsForAxisCharts(i):this.setGridCoordsForNonAxisCharts(i),this.titleSubtitleOffset(),e.gridHeight=e.gridHeight-t.config.grid.padding.top-t.config.grid.padding.bottom,e.gridWidth=e.gridWidth-t.config.grid.padding.left-t.config.grid.padding.right-this.xPadRight-this.xPadLeft,e.translateX=e.translateX+t.config.grid.padding.left+this.xPadLeft,e.translateY=e.translateY+t.config.grid.padding.top}},{key:"conditionalChecksForAxisCoords",value:function(t,e){var i=this.w;this.xAxisHeight=(t.height+e.height)*i.globals.LINE_HEIGHT_RATIO+15,this.xAxisWidth=t.width,this.xAxisHeight-e.height>i.config.xaxis.labels.maxHeight&&(this.xAxisHeight=i.config.xaxis.labels.maxHeight),i.config.xaxis.labels.minHeight&&this.xAxisHeight<i.config.xaxis.labels.minHeight&&(this.xAxisHeight=i.config.xaxis.labels.minHeight),i.config.xaxis.floating&&(this.xAxisHeight=0),this.isBarHorizontal?this.yAxisWidth=i.globals.yLabelsCoords[0].width+i.globals.yTitleCoords[0].width+15:this.yAxisWidth=this.getTotalYAxisWidth(),i.globals.isMultipleYAxis||(this.yAxisWidth<i.config.yaxis[0].labels.minWidth&&(this.yAxisWidth=i.config.yaxis[0].labels.minWidth),this.yAxisWidth>i.config.yaxis[0].labels.maxWidth&&(this.yAxisWidth=i.config.yaxis[0].labels.maxWidth))}},{key:"setGridCoordsForAxisCharts",value:function(t){var e=this.w,i=e.globals,s=this.getyAxisLabelsCoords(),a=this.getxAxisLabelsCoords(),n=this.getyAxisTitleCoords(),r=this.getxAxisTitleCoords();e.globals.yLabelsCoords=[],e.globals.yTitleCoords=[],e.config.yaxis.map(function(t,i){e.globals.yLabelsCoords.push({width:s[i].width,index:i}),e.globals.yTitleCoords.push({width:n[i].width,index:i})}),this.conditionalChecksForAxisCoords(a,r),i.translateXAxisY=e.globals.rotateXLabels?this.xAxisHeight/8:-4,i.translateXAxisX=e.globals.rotateXLabels&&e.globals.isXNumeric&&e.config.xaxis.labels.rotate<=-45?-this.xAxisWidth/4:0,this.isBarHorizontal&&(i.rotateXLabels=!1,i.translateXAxisY=parseInt(e.config.xaxis.labels.style.fontSize)/1.5*-1),i.translateXAxisY=i.translateXAxisY+e.config.xaxis.labels.offsetY,i.translateXAxisX=i.translateXAxisX+e.config.xaxis.labels.offsetX;var o=this.yAxisWidth,l=this.xAxisHeight;i.xAxisLabelsHeight=this.xAxisHeight,i.xAxisHeight=this.xAxisHeight;var h=10;switch(e.config.grid.show&&"radar"!==e.config.chart.type||(o=0,l=35),this.isSparkline&&(t={height:0,width:0},l=0,o=0,h=0),this.additionalPaddingXLabels(a),e.config.legend.position){case"bottom":i.translateY=h,i.translateX=o,i.gridHeight=i.svgHeight-t.height-l-(this.isSparkline?0:e.globals.rotateXLabels?10:15),i.gridWidth=i.svgWidth-o;break;case"top":i.translateY=t.height+h,i.translateX=o,i.gridHeight=i.svgHeight-t.height-l-(this.isSparkline?0:e.globals.rotateXLabels?10:15),i.gridWidth=i.svgWidth-o;break;case"left":i.translateY=h,i.translateX=t.width+o,i.gridHeight=i.svgHeight-l-12,i.gridWidth=i.svgWidth-t.width-o;break;case"right":i.translateY=h,i.translateX=o,i.gridHeight=i.svgHeight-l-12,i.gridWidth=i.svgWidth-t.width-o-5;break;default:throw new Error("Legend position not supported")}this.setGridXPosForDualYAxis(n,s),new R(this.ctx).setYAxisXPosition(s,n)}},{key:"setGridCoordsForNonAxisCharts",value:function(t){var e=this.w,i=e.globals,s=0;e.config.legend.show&&!e.config.legend.floating&&(s=20);var a=10,n=0;if("pie"===e.config.chart.type||"donut"===e.config.chart.type?(a+=e.config.plotOptions.pie.offsetY,n+=e.config.plotOptions.pie.offsetX):"radialBar"===e.config.chart.type&&(a+=e.config.plotOptions.radialBar.offsetY,n+=e.config.plotOptions.radialBar.offsetX),!e.config.legend.show)return i.gridHeight=i.svgHeight-35,i.gridWidth=i.gridHeight,i.translateY=a-10,void(i.translateX=n+(i.svgWidth-i.gridWidth)/2);switch(e.config.legend.position){case"bottom":i.gridHeight=i.svgHeight-t.height-35,i.gridWidth=i.gridHeight,i.translateY=a-20,i.translateX=n+(i.svgWidth-i.gridWidth)/2;break;case"top":i.gridHeight=i.svgHeight-t.height-35,i.gridWidth=i.gridHeight,i.translateY=t.height+a,i.translateX=n+(i.svgWidth-i.gridWidth)/2;break;case"left":i.gridWidth=i.svgWidth-t.width-s,i.gridHeight=i.gridWidth,i.translateY=a,i.translateX=n+t.width+s;break;case"right":i.gridWidth=i.svgWidth-t.width-s-5,i.gridHeight=i.gridWidth,i.translateY=a,i.translateX=n+10;break;default:throw new Error("Legend position not supported")}}},{key:"setGridXPosForDualYAxis",value:function(t,e){var i=this.w;i.config.yaxis.map(function(s,a){-1===i.globals.ignoreYAxisIndexes.indexOf(a)&&!i.config.yaxis[a].floating&&i.config.yaxis[a].show&&s.opposite&&(i.globals.translateX=i.globals.translateX-(e[a].width+t[a].width)-parseInt(i.config.yaxis[a].labels.style.fontSize)/1.2-12)})}},{key:"additionalPaddingXLabels",value:function(t){var e=this,i=this.w;if("category"===i.config.xaxis.type&&this.isBarHorizontal||"numeric"===i.config.xaxis.type){var s="line"===i.config.chart.type||"area"===i.config.chart.type;i.config.yaxis.forEach(function(a,n){var r;(!a.show||a.floating||-1!==i.globals.collapsedSeriesIndices.indexOf(n)||s||a.opposite&&e.isBarHorizontal)&&((s&&i.globals.isMultipleYAxis&&-1!==i.globals.collapsedSeriesIndices.indexOf(n)||e.isBarHorizontal&&a.opposite)&&(r=t,i.config.grid.padding.left<r.width&&(e.xPadLeft=r.width/2+1)),(!e.isBarHorizontal&&a.opposite&&-1!==i.globals.collapsedSeriesIndices.indexOf(n)||s&&!i.globals.isMultipleYAxis)&&function(t){i.config.grid.padding.right<t.width&&(e.xPadRight=t.width/2+1)}(t))})}}},{key:"titleSubtitleOffset",value:function(){var t=this.w,e=t.globals,i=this.isSparkline?0:10;void 0!==t.config.title.text?i+=t.config.title.margin:i+=this.isSparkline?0:5,void 0!==t.config.subtitle.text?i+=t.config.subtitle.margin:i+=this.isSparkline?0:5,t.config.legend.show&&"bottom"===t.config.legend.position&&!t.config.legend.floating&&t.config.series.length>1&&(i+=10);var s=this.getTitleSubtitleCoords("title"),a=this.getTitleSubtitleCoords("subtitle");e.gridHeight=e.gridHeight-s.height-a.height-i,e.translateY=e.translateY+s.height+a.height+i}},{key:"getTotalYAxisWidth",value:function(){var t=this.w,e=0,i=10,s=function(e){return t.globals.ignoreYAxisIndexes.indexOf(e)>-1};return t.globals.yLabelsCoords.map(function(a,n){var r=t.config.yaxis[n].floating;a.width>0&&!r?(e=e+a.width+i,s(n)&&(e=e-a.width-i)):e+=r||!t.config.yaxis[n].show?0:5}),t.globals.yTitleCoords.map(function(a,n){var r=t.config.yaxis[n].floating;i=parseInt(t.config.yaxis[n].title.style.fontSize),a.width>0&&!r?(e=e+a.width+i,s(n)&&(e=e-a.width-i)):e+=r||!t.config.yaxis[n].show?0:5}),e}},{key:"getxAxisTimeScaleLabelsCoords",value:function(){var t,e=this.w,i=e.globals.timelineLabels.slice().map(function(t){return t.value}),s=i.reduce(function(t,e){return void 0===t?(console.error("You have possibly supplied invalid Date format. Please supply a valid JavaScript Date"),0):t.length>e.length?t:e},0);return 1.05*(t=new f(this.ctx).getTextRects(s,e.config.xaxis.labels.style.fontSize)).width*i.length>e.globals.gridWidth&&0!==e.config.xaxis.labels.rotate&&(e.globals.overlappingXLabels=!0),t}},{key:"getxAxisLabelsCoords",value:function(){var t,e=this.w,i=e.globals.labels.slice();if(e.globals.timelineLabels.length>0){var s=this.getxAxisTimeScaleLabelsCoords();t={width:s.width,height:s.height}}else{var a="left"!==e.config.legend.position||"right"!==e.config.legend.position||e.config.legend.floating?0:this.lgRect.width,n=i.reduce(function(t,e){return t.length>e.length?t:e},0);this.isBarHorizontal&&(n=e.globals.yAxisScale[0].result.reduce(function(t,e){return t.length>e.length?t:e},0));var r=e.globals.xLabelFormatter;n=new D(this.ctx).xLabelFormat(r,n);var o=new f(this.ctx),l=o.getTextRects(n,e.config.xaxis.labels.style.fontSize);(t={width:l.width,height:l.height}).width*i.length>e.globals.svgWidth-a-this.yAxisWidth&&0!==e.config.xaxis.labels.rotate?this.isBarHorizontal||(e.globals.rotateXLabels=!0,l=o.getTextRects(n,e.config.xaxis.labels.style.fontSize,e.config.xaxis.labels.style.fontFamily,"rotate(".concat(e.config.xaxis.labels.rotate," 0 0)"),!1),t.height=l.height/1.66):e.globals.rotateXLabels=!1}return e.config.xaxis.labels.show||(t={width:0,height:0}),{width:t.width,height:t.height}}},{key:"getyAxisLabelsCoords",value:function(){var t=this,e=this.w,i=[],s=10;return e.config.yaxis.map(function(a,n){if(a.show&&a.labels.show&&e.globals.yAxisScale[n].result.length){var r=e.globals.yLabelFormatters[n],o=r(e.globals.yAxisScale[n].niceMax,-1);if(void 0!==o&&0!==o.length||(o=e.globals.yAxisScale[n].niceMax),t.isBarHorizontal)s=0,o=r(o=e.globals.labels.slice().reduce(function(t,e){return t.length>e.length?t:e},0),-1);var l=new f(t.ctx).getTextRects(o,a.labels.style.fontSize);i.push({width:l.width+s,height:l.height})}else i.push({width:0,height:0})}),i}},{key:"getxAxisTitleCoords",value:function(){var t=this.w,e=0,i=0;if(void 0!==t.config.xaxis.title.text){var s=new f(this.ctx).getTextRects(t.config.xaxis.title.text,t.config.xaxis.title.style.fontSize);e=s.width,i=s.height}return{width:e,height:i}}},{key:"getyAxisTitleCoords",value:function(){var t=this,e=this.w,i=[];return e.config.yaxis.map(function(e,s){if(e.show&&void 0!==e.title.text){var a=new f(t.ctx).getTextRects(e.title.text,e.title.style.fontSize,e.title.style.fontFamily,"rotate(-90 0 0)",!1);i.push({width:a.width,height:a.height})}else i.push({width:0,height:0})}),i}},{key:"getTitleSubtitleCoords",value:function(t){var e=this.w,i=0,s=0,a="title"===t?e.config.title.floating:e.config.subtitle.floating,n=e.globals.dom.baseEl.querySelector(".apexcharts-".concat(t,"-text"));if(null!==n&&!a){var r=n.getBoundingClientRect();i=r.width,s=e.globals.axisCharts?r.height+5:r.height}return{width:i,height:s}}},{key:"getLegendsRect",value:function(){var t=this.w,e=t.globals.dom.baseEl.querySelector(".apexcharts-legend"),i=Object.assign({},d.getBoundingClientRect(e));return null!==e&&!t.config.legend.floating&&t.config.legend.show?this.lgRect={x:i.x,y:i.y,height:i.height,width:0===i.height?0:i.width}:this.lgRect={x:0,y:0,height:0,width:0},this.lgRect}}]),t}(),G=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.timeScaleArray=[]}return s(t,[{key:"calculateTimeScaleTicks",value:function(t,e){var i=this,s=this.w;if(s.globals.allSeriesCollapsed)return s.globals.labels=[],s.globals.timelineLabels=[],[];var a=new T(this.ctx),r=(e-t)/864e5;this.determineInterval(r),s.globals.disableZoomIn=!1,s.globals.disableZoomOut=!1,r<.005?s.globals.disableZoomIn=!0:r>5e4&&(s.globals.disableZoomOut=!0);var o=a.getTimeUnitsfromTimestamp(t,e),l=s.globals.gridWidth/r,h=l/24,c=h/60,d=Math.floor(24*r),u=Math.floor(24*r*60),g=Math.floor(r),f=Math.floor(r/30),p=Math.floor(r/365),x={minMinute:o.minMinute,minHour:o.minHour,minDate:o.minDate,minMonth:o.minMonth,minYear:o.minYear},m={firstVal:x,currentMinute:x.minMinute,currentHour:x.minHour,currentMonthDate:x.minDate,currentDate:x.minDate,currentMonth:x.minMonth,currentYear:x.minYear,daysWidthOnXAxis:l,hoursWidthOnXAxis:h,minutesWidthOnXAxis:c,numberOfMinutes:u,numberOfHours:d,numberOfDays:g,numberOfMonths:f,numberOfYears:p};switch(this.tickInterval){case"years":this.generateYearScale(m);break;case"months":case"half_year":this.generateMonthScale(m);break;case"months_days":case"months_fortnight":case"days":case"week_days":this.generateDayScale(m);break;case"hours":this.generateHourScale(m);break;case"minutes":this.generateMinuteScale(m)}var v=this.timeScaleArray.map(function(t){var e={position:t.position,unit:t.unit,year:t.year,day:t.day?t.day:1,hour:t.hour?t.hour:0,month:t.month+1};return"month"===t.unit?n({},e,{value:t.value+1}):"day"===t.unit||"hour"===t.unit?n({},e,{value:t.value}):"minute"===t.unit?n({},e,{value:t.value,minute:t.value}):t});return v.filter(function(t){var e=1,a=Math.ceil(s.globals.gridWidth/120),n=t.value;void 0!==s.config.xaxis.tickAmount&&(a=s.config.xaxis.tickAmount),v.length>a&&(e=Math.floor(v.length/a));var r=!1,o=!1;switch(i.tickInterval){case"half_year":e=7,"year"===t.unit&&(r=!0);break;case"months":e=1,"year"===t.unit&&(r=!0);break;case"months_fortnight":e=15,"year"!==t.unit&&"month"!==t.unit||(r=!0),30===n&&(o=!0);break;case"months_days":e=10,"month"===t.unit&&(r=!0),30===n&&(o=!0);break;case"week_days":e=8,"month"===t.unit&&(r=!0);break;case"days":e=1,"month"===t.unit&&(r=!0);break;case"hours":"day"===t.unit&&(r=!0);break;case"minutes":n%5!=0&&(o=!0)}if("minutes"===i.tickInterval||"hours"===i.tickInterval){if(!o)return!0}else if((n%e==0||r)&&!o)return!0})}},{key:"recalcDimensionsBasedOnFormat",value:function(t){var e=this.w,i=this.formatDates(t),s=this.removeOverlappingTS(i);e.globals.timelineLabels=s.slice(),new V(this.ctx).plotCoords()}},{key:"determineInterval",value:function(t){switch(!0){case t>1825:this.tickInterval="years";break;case t>800&&t<=1825:this.tickInterval="half_year";break;case t>180&&t<=800:this.tickInterval="months";break;case t>90&&t<=180:this.tickInterval="months_fortnight";break;case t>60&&t<=90:this.tickInterval="months_days";break;case t>30&&t<=60:this.tickInterval="week_days";break;case t>2&&t<=30:this.tickInterval="days";break;case t>.1&&t<=2:this.tickInterval="hours";break;case t<.1:this.tickInterval="minutes";break;default:this.tickInterval="days"}}},{key:"generateYearScale",value:function(t){var e=t.firstVal,i=t.currentMonth,s=t.currentYear,a=t.daysWidthOnXAxis,n=t.numberOfYears,r=e.minYear,o=0,l=new T(this.ctx);if(e.minDate>1&&e.minMonth>0){var h=l.determineRemainingDaysOfYear(e.minYear,e.minMonth,e.minDate);o=(l.determineDaysOfYear(e.minYear)-h+1)*a,r=e.minYear+1,this.timeScaleArray.push({position:o,value:r,unit:"year",year:r,month:d.monthMod(i+1)})}else 1===e.minDate&&0===e.minMonth&&this.timeScaleArray.push({position:o,value:r,unit:"year",year:s,month:d.monthMod(i+1)});for(var c=r,u=o,g=0;g<n;g++)c++,u=l.determineDaysOfYear(c-1)*a+u,this.timeScaleArray.push({position:u,value:c,unit:"year",year:c,month:1})}},{key:"generateMonthScale",value:function(t){var e=t.firstVal,i=t.currentMonthDate,s=t.currentMonth,a=t.currentYear,n=t.daysWidthOnXAxis,r=t.numberOfMonths,o=s,l=0,h=new T(this.ctx),c="month",u=0;if(e.minDate>1){l=(h.determineDaysOfMonths(s+1,e.minYear)-i+1)*n,o=d.monthMod(s+1);var g=a+u,f=d.monthMod(o),p=o;0===o&&(c="year",p=g,f=1,g+=u+=1),this.timeScaleArray.push({position:l,value:p,unit:c,year:g,month:f})}else this.timeScaleArray.push({position:l,value:o,unit:c,year:a,month:d.monthMod(s)});for(var x=o+1,m=l,v=0,b=1;v<r;v++,b++){0===(x=d.monthMod(x))?(c="year",u+=1):c="month";var y=a+Math.floor(x/12)+u;m=h.determineDaysOfMonths(x,y)*n+m;var w=0===x?y:x;this.timeScaleArray.push({position:m,value:w,unit:c,year:y,month:0===x?1:x}),x++}}},{key:"generateDayScale",value:function(t){var e=t.firstVal,i=t.currentMonth,s=t.currentYear,a=t.hoursWidthOnXAxis,n=t.numberOfDays,r=new T(this.ctx),o="day",l=(24-e.minHour)*a,h=e.minDate+1,c=h,u=function(t,e,i){return t>r.determineDaysOfMonths(e+1,i)?(g=1,o="month",c=e+=1,e):e},g=h,f=u(g,i,s);this.timeScaleArray.push({position:l,value:c,unit:o,year:s,month:d.monthMod(f),day:g});for(var p=l,x=0;x<n;x++){o="day",f=u(g+=1,f,s+Math.floor(f/12)+0);var m=s+Math.floor(f/12)+0;p=24*a+p;var v=1===g?d.monthMod(f):g;this.timeScaleArray.push({position:p,value:v,unit:o,year:m,month:d.monthMod(f),day:v})}}},{key:"generateHourScale",value:function(t){var e=t.firstVal,i=t.currentDate,s=t.currentMonth,a=t.currentYear,n=t.minutesWidthOnXAxis,r=t.numberOfHours,o=new T(this.ctx),l="hour",h=function(t,e){return t>o.determineDaysOfMonths(e+1,a)&&(x=1,e+=1),{month:e,date:x}},c=function(t,e){return t>o.determineDaysOfMonths(e+1,a)?e+=1:e},u=60-e.minMinute,g=u*n,f=e.minHour+1,p=f+1;60===u&&(g=0,p=(f=e.minHour)+1);var x=i,m=c(x,s);this.timeScaleArray.push({position:g,value:f,unit:l,day:x,hour:p,year:a,month:d.monthMod(m)});for(var v=g,b=0;b<r;b++){if(l="hour",p>=24)p=0,l="day",m=h(x+=1,m).month,m=c(x,m);var y=a+Math.floor(m/12)+0;v=0===p&&0===b?u*n:60*n+v;var w=0===p?x:p;this.timeScaleArray.push({position:v,value:w,unit:l,hour:p,day:x,year:y,month:d.monthMod(m)}),p++}}},{key:"generateMinuteScale",value:function(t){var e=t.firstVal,i=t.currentMinute,s=t.currentHour,a=t.currentDate,n=t.currentMonth,r=t.currentYear,o=t.minutesWidthOnXAxis,l=t.numberOfMinutes,h=o-(i-e.minMinute),c=e.minMinute+1,u=c+1,g=a,f=n,p=r,x=s;this.timeScaleArray.push({position:h,value:c,unit:"minute",day:g,hour:x,minute:u,year:p,month:d.monthMod(f)});for(var m=h,v=0;v<l;v++){u>=60&&(u=0,24===(x+=1)&&(x=0));var b=r+Math.floor(f/12)+0;m=o+m;var y=u;this.timeScaleArray.push({position:m,value:y,unit:"minute",hour:x,minute:u,day:g,year:b,month:d.monthMod(f)}),u++}}},{key:"createRawDateString",value:function(t,e){var i=t.year;return i+="-"+("0"+t.month.toString()).slice(-2),"day"===t.unit?i+="day"===t.unit?"-"+("0"+e).slice(-2):"-01":i+="-"+("0"+(t.day?t.day:"1")).slice(-2),"hour"===t.unit?i+="hour"===t.unit?"T"+("0"+e).slice(-2):"T00":i+="T"+("0"+(t.hour?t.hour:"0")).slice(-2),i+="minute"===t.unit?":"+("0"+e).slice(-2)+":00.000Z":":00:00.000Z"}},{key:"formatDates",value:function(t){var e=this,i=this.w;return t.map(function(t){var s=t.value.toString(),a=new T(e.ctx),n=e.createRawDateString(t,s),r=new Date(Date.parse(n));if(void 0===i.config.xaxis.labels.format){var o="dd MMM",l=i.config.xaxis.labels.datetimeFormatter;"year"===t.unit&&(o=l.year),"month"===t.unit&&(o=l.month),"day"===t.unit&&(o=l.day),"hour"===t.unit&&(o=l.hour),"minute"===t.unit&&(o=l.minute),s=a.formatDate(r,o,!0,!1)}else s=a.formatDate(r,i.config.xaxis.labels.format);return{dateString:n,position:t.position,value:s,unit:t.unit,year:t.year,month:t.month}})}},{key:"removeOverlappingTS",value:function(t){var e=this,i=new f(this.ctx),s=0,a=t.map(function(a,n){if(n>0&&e.w.config.xaxis.labels.hideOverlappingLabels){var r=i.getTextRects(t[s].value).width,o=t[s].position;return a.position>o+r+10?(s=n,a):null}return a});return a=a.filter(function(t){return null!==t})}}]),t}(),_=function(){function t(i,s){e(this,t),this.ctx=s,this.w=s.w,this.el=i,this.coreUtils=new b(this.ctx),this.twoDSeries=[],this.threeDSeries=[],this.twoDSeriesX=[]}return s(t,[{key:"setupElements",value:function(){var t=this.w.globals,e=this.w.config,i=e.chart.type;t.axisCharts=["line","area","bar","candlestick","radar","scatter","bubble","heatmap"].indexOf(i)>-1,t.xyCharts=["line","area","bar","candlestick","scatter","bubble"].indexOf(i)>-1,t.chartClass=".apexcharts"+t.cuid,t.dom.baseEl=this.el,t.dom.elWrap=document.createElement("div"),f.setAttrs(t.dom.elWrap,{id:t.chartClass.substring(1),class:"apexcharts-canvas "+t.chartClass.substring(1)}),this.el.appendChild(t.dom.elWrap),t.dom.Paper=new window.SVG.Doc(t.dom.elWrap),t.dom.Paper.attr({class:"apexcharts-svg","xmlns:data":"ApexChartsNS",transform:"translate(".concat(e.chart.offsetX,", ").concat(e.chart.offsetY,")")}),t.dom.Paper.node.style.background=e.chart.background,this.setSVGDimensions(),t.dom.elGraphical=t.dom.Paper.group().attr({class:"apexcharts-inner apexcharts-graphical"}),t.dom.elDefs=t.dom.Paper.defs(),t.dom.elLegendWrap=document.createElement("div"),t.dom.elLegendWrap.classList.add("apexcharts-legend"),t.dom.elWrap.appendChild(t.dom.elLegendWrap),t.dom.Paper.add(t.dom.elGraphical),t.dom.elGraphical.add(t.dom.elDefs)}},{key:"plotChartType",value:function(t,e){var i=this.w,s=i.config,a=i.globals,n={series:[],i:[]},r={series:[],i:[]},o={series:[],i:[]},l={series:[],i:[]},h={series:[],i:[]};a.series.map(function(e,s){void 0!==t[s].type?("column"===t[s].type||"bar"===t[s].type?(i.config.plotOptions.bar.horizontal=!1,l.series.push(e),l.i.push(s)):"area"===t[s].type?(r.series.push(e),r.i.push(s)):"line"===t[s].type?(n.series.push(e),n.i.push(s)):"scatter"===t[s].type?(o.series.push(e),o.i.push(s)):"bubble"===t[s].type||("candlestick"===t[s].type?(h.series.push(e),h.i.push(s)):console.warn("You have specified an unrecognized chart type. Available types for this propery are line/area/column/bar/scatter/bubble")),a.comboCharts=!0):(n.series.push(e),n.i.push(s))});var c=new O(this.ctx,e),d=new P(this.ctx,e),u=new I(this.ctx),g=new F(this.ctx),f=new Y(this.ctx),p=[];if(a.comboCharts){if(r.series.length>0&&p.push(c.draw(r.series,"area",r.i)),l.series.length>0)if(i.config.chart.stacked){var x=new M(this.ctx,e);p.push(x.draw(l.series,l.i))}else{var m=new z(this.ctx,e);p.push(m.draw(l.series,l.i))}if(n.series.length>0&&p.push(c.draw(n.series,"line",n.i)),h.series.length>0&&p.push(d.draw(h.series,h.i)),o.series.length>0){var v=new O(this.ctx,e,!0);p.push(v.draw(o.series,"scatter",o.i))}}else switch(s.chart.type){case"line":p=c.draw(a.series,"line");break;case"area":p=c.draw(a.series,"area");break;case"bar":if(s.chart.stacked)p=new M(this.ctx,e).draw(a.series);else p=new z(this.ctx,e).draw(a.series);break;case"candlestick":p=new P(this.ctx,e).draw(a.series);break;case"heatmap":p=new X(this.ctx,e).draw(a.series);break;case"pie":case"donut":p=u.draw(a.series);break;case"radialBar":p=g.draw(a.series);break;case"radar":p=f.draw(a.series);break;default:p=c.draw(a.series)}return p}},{key:"setSVGDimensions",value:function(){var t=this.w.globals,e=this.w.config;t.svgWidth=e.chart.width,t.svgHeight=e.chart.height;var i=d.getDimensions(this.el),s=e.chart.width.toString().split(/[0-9]+/g).pop();if("%"===s?d.isNumber(i[0])&&(0===i[0].width&&(i=d.getDimensions(this.el.parentNode)),t.svgWidth=i[0]*parseInt(e.chart.width)/100):"px"!==s&&""!==s||(t.svgWidth=parseInt(e.chart.width)),"auto"!==t.svgHeight&&""!==t.svgHeight)if("%"===e.chart.height.toString().split(/[0-9]+/g).pop()){var a=d.getDimensions(this.el.parentNode);t.svgHeight=a[1]*parseInt(e.chart.height)/100}else t.svgHeight=parseInt(e.chart.height);else t.axisCharts?t.svgHeight=t.svgWidth/1.61:t.svgHeight=t.svgWidth;f.setAttrs(t.dom.Paper.node,{width:t.svgWidth,height:t.svgHeight});var n=e.chart.sparkline.enabled?0:t.axisCharts?14:5;t.dom.Paper.node.parentNode.parentNode.style.minHeight=t.svgHeight+n+"px",t.dom.elWrap.style.width=t.svgWidth+"px",t.dom.elWrap.style.height=t.svgHeight+"px"}},{key:"shiftGraphPosition",value:function(){var t=this.w.globals,e=t.translateY,i={transform:"translate("+t.translateX+", "+e+")"};f.setAttrs(t.dom.elGraphical.node,i)}},{key:"coreCalculations",value:function(){new W(this.ctx).init()}},{key:"resetGlobals",value:function(){var t=this,e=this.w.globals;e.series=[],e.seriesCandleO=[],e.seriesCandleH=[],e.seriesCandleL=[],e.seriesCandleC=[],e.seriesPercent=[],e.seriesX=[],e.seriesZ=[],e.seriesNames=[],e.seriesTotals=[],e.stackedSeriesTotals=[],e.labels=[],e.timelineLabels=[],e.noLabelsProvided=!1,e.timescaleTicks=[],e.resizeTimer=null,e.selectionResizeTimer=null,e.seriesXvalues=t.w.config.series.map(function(t){return[]}),e.seriesYvalues=t.w.config.series.map(function(t){return[]}),e.delayedElements=[],e.pointsArray=[],e.dataLabelsRects=[],e.isXNumeric=!1,e.isDataXYZ=!1,e.maxY=-Number.MAX_VALUE,e.minY=Number.MIN_VALUE,e.minYArr=[],e.maxYArr=[],e.maxX=-Number.MAX_VALUE,e.minX=Number.MAX_VALUE,e.initialmaxX=-Number.MAX_VALUE,e.initialminX=Number.MAX_VALUE,e.maxDate=0,e.minDate=Number.MAX_VALUE,e.minZ=Number.MAX_VALUE,e.maxZ=-Number.MAX_VALUE,e.yAxisScale=[],e.xAxisScale=null,e.xAxisTicksPositions=[],e.yLabelsCoords=[],e.yTitleCoords=[],e.xRange=0,e.yRange=[],e.zRange=0,e.dataPoints=0}},{key:"isMultipleY",value:function(){if(this.w.config.yaxis.constructor===Array&&this.w.config.yaxis.length>1)return this.w.config.chart.stacked=!1,this.w.globals.isMultipleYAxis=!0,!0}},{key:"excludeCollapsedSeriesInYAxis",value:function(){var t=this,e=this.w;e.globals.ignoreYAxisIndexes=e.globals.collapsedSeries.map(function(e,i){if(t.w.globals.isMultipleYAxis)return e.index})}},{key:"isMultiFormat",value:function(){return this.isFormatXY()||this.isFormat2DArray()}},{key:"isFormatXY",value:function(){var t=this.w.config.series.slice(),e=new B(this.ctx);if(this.activeSeriesIndex=e.getActiveConfigSeriesIndex(),void 0!==t[this.activeSeriesIndex].data&&t[this.activeSeriesIndex].data.length>0&&null!==t[this.activeSeriesIndex].data[0]&&void 0!==t[this.activeSeriesIndex].data[0].x&&null!==t[this.activeSeriesIndex].data[0])return!0}},{key:"isFormat2DArray",value:function(){var t=this.w.config.series.slice(),e=new B(this.ctx);if(this.activeSeriesIndex=e.getActiveConfigSeriesIndex(),void 0!==t[this.activeSeriesIndex].data&&t[this.activeSeriesIndex].data.length>0&&void 0!==t[this.activeSeriesIndex].data[0]&&null!==t[this.activeSeriesIndex].data[0]&&t[this.activeSeriesIndex].data[0].constructor===Array)return!0}},{key:"handleFormat2DArray",value:function(t,e){for(var i=this.w.config,s=this.w.globals,a=0;a<t[e].data.length;a++)if(void 0!==t[e].data[a][1]&&(Array.isArray(t[e].data[a][1])&&4===t[e].data[a][1].length?this.twoDSeries.push(d.parseNumber(t[e].data[a][1][3])):this.twoDSeries.push(d.parseNumber(t[e].data[a][1]))),"datetime"===i.xaxis.type){var n=new Date(t[e].data[a][0]);n=new Date(n).getTime(),this.twoDSeriesX.push(n)}else this.twoDSeriesX.push(t[e].data[a][0]);for(var r=0;r<t[e].data.length;r++)void 0!==t[e].data[r][2]&&(this.threeDSeries.push(t[e].data[r][2]),s.isDataXYZ=!0)}},{key:"handleFormatXY",value:function(t,e){var i=this.w.config,s=this.w.globals,a=new T(this.ctx),n=e;s.collapsedSeriesIndices.indexOf(e)>-1&&(n=this.activeSeriesIndex);for(var r=0;r<t[e].data.length;r++)void 0!==t[e].data[r].y&&(Array.isArray(t[e].data[r].y)&&4===t[e].data[r].y.length?this.twoDSeries.push(d.parseNumber(t[e].data[r].y[3])):this.twoDSeries.push(d.parseNumber(t[e].data[r].y)));for(var o=0;o<t[n].data.length;o++){var l="string"==typeof t[n].data[o].x,h=!!a.isValidDate(t[n].data[o].x.toString());l||h?l?"datetime"===i.xaxis.type?this.twoDSeriesX.push(a.parseDate(t[n].data[o].x)):(this.fallbackToCategory=!0,this.twoDSeriesX.push(t[n].data[o].x)):"datetime"===i.xaxis.type?this.twoDSeriesX.push(a.parseDate(t[n].data[o].x.toString())):this.twoDSeriesX.push(parseFloat(t[n].data[o].x)):this.twoDSeriesX.push(t[n].data[o].x)}if(t[e].data[0]&&void 0!==t[e].data[0].z){for(var c=0;c<t[e].data.length;c++)this.threeDSeries.push(t[e].data[c].z);s.isDataXYZ=!0}}},{key:"handleCandleStickData",value:function(t,e){var i=this.w.globals,s={};return this.isFormat2DArray()?s=this.handleCandleStickDataFormat("array",t,e):this.isFormatXY()&&(s=this.handleCandleStickDataFormat("xy",t,e)),i.seriesCandleO.push(s.o),i.seriesCandleH.push(s.h),i.seriesCandleL.push(s.l),i.seriesCandleC.push(s.c),s}},{key:"handleCandleStickDataFormat",value:function(t,e,i){var s=[],a=[],n=[],r=[],o="Please provide [Open, High, Low and Close] values in valid format. Read more https://apexcharts.com/docs/series/#candlestick";if("array"===t){if(4!==e[i].data[0][1].length)throw new Error(o);for(var l=0;l<e[i].data.length;l++)s.push(e[i].data[l][1][0]),a.push(e[i].data[l][1][1]),n.push(e[i].data[l][1][2]),r.push(e[i].data[l][1][3])}else if("xy"===t){if(4!==e[i].data[0].y.length)throw new Error(o);for(var h=0;h<e[i].data.length;h++)s.push(e[i].data[h].y[0]),a.push(e[i].data[h].y[1]),n.push(e[i].data[h].y[2]),r.push(e[i].data[h].y[3])}return{o:s,h:a,l:n,c:r}}},{key:"parseDataAxisCharts",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.ctx,i=this.w.config,s=this.w.globals,a=new T(e),n=0;n<t.length;n++){if(this.twoDSeries=[],this.twoDSeriesX=[],this.threeDSeries=[],void 0===t[n].data)return void console.error("It is a possibility that you may have not included 'data' property in series.");if(this.isMultiFormat())this.isFormat2DArray()?this.handleFormat2DArray(t,n):this.isFormatXY()&&this.handleFormatXY(t,n),"candlestick"!==i.chart.type&&"candlestick"!==t[n].type||this.handleCandleStickData(t,n),s.series.push(this.twoDSeries),s.labels.push(this.twoDSeriesX),s.seriesX.push(this.twoDSeriesX),this.fallbackToCategory||(s.isXNumeric=!0);else{if("datetime"===i.xaxis.type){s.isXNumeric=!0;for(var r=i.labels.length>0?i.labels.slice():i.xaxis.categories.slice(),o=0;o<r.length;o++)if("string"==typeof r[o]){if(!a.isValidDate(r[o]))throw new Error("You have provided invalid Date format. Please provide a valid JavaScript Date");this.twoDSeriesX.push(a.parseDate(r[o]))}s.seriesX.push(this.twoDSeriesX)}else if("numeric"===i.xaxis.type){s.isXNumeric=!0;var l=i.labels.length>0?i.labels.slice():i.xaxis.categories.slice();l.length>0&&(this.twoDSeriesX=l,s.seriesX.push(this.twoDSeriesX))}s.labels.push(this.twoDSeriesX);var h=t[n].data.map(function(t){return d.parseNumber(t)});s.series.push(h)}s.seriesZ.push(this.threeDSeries),void 0!==t[n].name?s.seriesNames.push(t[n].name):s.seriesNames.push("series-"+parseInt(n+1))}return this.w}},{key:"parseDataNonAxisCharts",value:function(t){var e=this.w.globals,i=this.w.config;e.series=t.slice(),e.seriesNames=i.labels.slice();for(var s=0;s<e.series.length;s++)void 0===e.seriesNames[s]&&e.seriesNames.push("series-"+(s+1));return this.w}},{key:"handleExternalLabelsData",value:function(t){var e=this.w.config,i=this.w.globals;if(e.xaxis.categories.length>0)i.labels=e.xaxis.categories;else if(e.labels.length>0)i.labels=e.labels.slice();else if(this.fallbackToCategory)i.labels=i.labels[0];else{var s=[];if(i.axisCharts){for(var a=0;a<i.series[i.maxValsInArrayIndex].length;a++)s.push(a+1);for(var n=0;n<t.length;n++)i.seriesX.push(s);i.isXNumeric=!0}if(0===s.length){s=[0,10];for(var r=0;r<t.length;r++)i.seriesX.push(s)}i.labels=s,i.noLabelsProvided=!0,"category"===e.xaxis.type&&(i.isXNumeric=!1)}}},{key:"parseData",value:function(t){var e=this.w,i=e.config,s=e.globals;if(this.excludeCollapsedSeriesInYAxis(),this.fallbackToCategory=!1,this.resetGlobals(),this.isMultipleY(),s.axisCharts?this.parseDataAxisCharts(t):this.parseDataNonAxisCharts(t),this.coreUtils.getLargestSeries(),"bar"===i.chart.type&&i.chart.stacked){var a=new B(this.ctx);s.series=a.setNullSeriesToZeroValues(s.series)}this.coreUtils.getSeriesTotals(),s.axisCharts&&this.coreUtils.getStackedSeriesTotals(),this.coreUtils.getPercentSeries(),(!s.isXNumeric||"numeric"===i.xaxis.type&&0===i.labels.length&&0===i.xaxis.categories.length)&&this.handleExternalLabelsData(t)}},{key:"xySettings",value:function(){var t=null,e=this.w;if(e.globals.axisCharts){if("back"===e.config.xaxis.crosshairs.position)new E(this.ctx).drawXCrosshairs();if("back"===e.config.yaxis[0].crosshairs.position)new E(this.ctx).drawYCrosshairs();if(t=this.coreUtils.getCalculatedRatios(),"datetime"===e.config.xaxis.type&&void 0===e.config.xaxis.labels.formatter&&isFinite(e.globals.minX)&&isFinite(e.globals.maxX)){var i=new G(this.ctx),s=i.calculateTimeScaleTicks(e.globals.minX,e.globals.maxX);i.recalcDimensionsBasedOnFormat(s)}}return t}},{key:"drawAxis",value:function(t,e){var i,s,a=this.w.globals,n=this.w.config,r=new N(this.ctx),o=new R(this.ctx);a.axisCharts&&"radar"!==t&&("bar"===t&&n.plotOptions.bar.horizontal?(s=o.drawYaxisInversed(0),i=r.drawXaxisInversed(0),a.dom.elGraphical.add(i),a.dom.elGraphical.add(s)):(i=r.drawXaxis(),a.dom.elGraphical.add(i),n.yaxis.map(function(t,e){-1===a.ignoreYAxisIndexes.indexOf(e)&&(s=o.drawYaxis(e),a.dom.Paper.add(s))})));n.yaxis.map(function(t,e){-1===a.ignoreYAxisIndexes.indexOf(e)&&o.yAxisTitleRotate(e,t.opposite)})}},{key:"setupBrushHandler",value:function(){var t=this,e=this.w;e.config.chart.brush.enabled&&("function"!=typeof e.config.chart.events.selection&&(e.config.chart.brush.targets||[e.config.chart.brush.target]).forEach(function(i){var s=ApexCharts.getChartByID(i);s.w.globals.brushSource=t.ctx;var a=function(){t.ctx._updateOptions({chart:{selection:{xaxis:{min:s.w.globals.minX,max:s.w.globals.maxX}}}},!1,!1)};"function"!=typeof s.w.config.chart.events.zoomed&&(s.w.config.chart.events.zoomed=function(){a()}),"function"!=typeof s.w.config.chart.events.scrolled&&(s.w.config.chart.events.scrolled=function(){a()}),e.config.chart.events.selection=function(t,i){var a=d.clone(e.config.yaxis);e.config.chart.brush.autoScaleYaxis&&(a=new H(s).autoScaleY(s,i));s._updateOptions({xaxis:{min:i.xaxis.min,max:i.xaxis.max},yaxis:a},!1,!1,!1)}}))}}]),t}();var j=setTimeout;function U(){}function q(t){if(!(this instanceof q))throw new TypeError("Promises must be constructed via new");if("function"!=typeof t)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],tt(t,this)}function Z(t,e){for(;3===t._state;)t=t._value;0!==t._state?(t._handled=!0,q._immediateFn(function(){var i=1===t._state?e.onFulfilled:e.onRejected;if(null!==i){var s;try{s=i(t._value)}catch(t){return void J(e.promise,t)}$(e.promise,s)}else(1===t._state?$:J)(e.promise,t._value)})):t._deferreds.push(e)}function $(t,e){try{if(e===t)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"==typeof e||"function"==typeof e)){var i=e.then;if(e instanceof q)return t._state=3,t._value=e,void Q(t);if("function"==typeof i)return void tt((s=i,a=e,function(){s.apply(a,arguments)}),t)}t._state=1,t._value=e,Q(t)}catch(e){J(t,e)}var s,a}function J(t,e){t._state=2,t._value=e,Q(t)}function Q(t){2===t._state&&0===t._deferreds.length&&q._immediateFn(function(){t._handled||q._unhandledRejectionFn(t._value)});for(var e=0,i=t._deferreds.length;e<i;e++)Z(t,t._deferreds[e]);t._deferreds=null}function K(t,e,i){this.onFulfilled="function"==typeof t?t:null,this.onRejected="function"==typeof e?e:null,this.promise=i}function tt(t,e){var i=!1;try{t(function(t){i||(i=!0,$(e,t))},function(t){i||(i=!0,J(e,t))})}catch(t){if(i)return;i=!0,J(e,t)}}q.prototype.catch=function(t){return this.then(null,t)},q.prototype.then=function(t,e){var i=new this.constructor(U);return Z(this,new K(t,e,i)),i},q.prototype.finally=function(t){var e=this.constructor;return this.then(function(i){return e.resolve(t()).then(function(){return i})},function(i){return e.resolve(t()).then(function(){return e.reject(i)})})},q.all=function(t){return new q(function(e,i){if(!t||void 0===t.length)throw new TypeError("Promise.all accepts an array");var s=Array.prototype.slice.call(t);if(0===s.length)return e([]);var a=s.length;function n(t,r){try{if(r&&("object"==typeof r||"function"==typeof r)){var o=r.then;if("function"==typeof o)return void o.call(r,function(e){n(t,e)},i)}s[t]=r,0==--a&&e(s)}catch(t){i(t)}}for(var r=0;r<s.length;r++)n(r,s[r])})},q.resolve=function(t){return t&&"object"==typeof t&&t.constructor===q?t:new q(function(e){e(t)})},q.reject=function(t){return new q(function(e,i){i(t)})},q.race=function(t){return new q(function(e,i){for(var s=0,a=t.length;s<a;s++)t[s].then(e,i)})},q._immediateFn="function"==typeof setImmediate&&function(t){setImmediate(t)}||function(t){j(t,0)},q._unhandledRejectionFn=function(t){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",t)};var et,it,st=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"getSvgString",value:function(){return this.w.globals.dom.Paper.svg()}},{key:"cleanup",value:function(){var t=this.w,e=t.globals.dom.baseEl.querySelector(".apexcharts-xcrosshairs"),i=t.globals.dom.baseEl.querySelector(".apexcharts-ycrosshairs");e&&e.setAttribute("x",-500),i&&(i.setAttribute("y1",-100),i.setAttribute("y2",-100))}},{key:"svgUrl",value:function(){this.cleanup();var t=this.getSvgString(),e=new Blob([t],{type:"image/svg+xml;charset=utf-8"});return URL.createObjectURL(e)}},{key:"dataURI",value:function(){var t=this;return new q(function(e){var i=t.w;t.cleanup();var s=document.createElement("canvas");s.width=i.globals.svgWidth,s.height=i.globals.svgHeight;var a="transparent"===i.config.chart.background?"#fff":i.config.chart.background,n=s.getContext("2d");n.fillStyle=a,n.fillRect(0,0,s.width,s.height);var r=window.URL||window.webkitURL||window,o=new Image;o.crossOrigin="anonymous";var l=t.getSvgString(),h="data:image/svg+xml,"+encodeURIComponent(l);o.onload=function(){n.drawImage(o,0,0),r.revokeObjectURL(h);var t=s.toDataURL("image/png");e(t)},o.src=h})}},{key:"exportToSVG",value:function(){this.triggerDownload(this.svgUrl(),".svg")}},{key:"exportToPng",value:function(){var t=this;this.dataURI().then(function(e){t.triggerDownload(e,".png")})}},{key:"triggerDownload",value:function(t,e){var i=document.createElement("a");i.href=t,i.download=this.w.globals.chartID+e,document.body.appendChild(i),i.click(),document.body.removeChild(i)}}]),t}(),at=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w;var s=this.w;this.anim=new g(this.ctx),this.xaxisLabels=s.globals.labels.slice(),this.animX=s.config.grid.xaxis.lines.animate&&s.config.chart.animations.enabled,this.animY=s.config.grid.yaxis.lines.animate&&s.config.chart.animations.enabled,s.globals.timelineLabels.length>0&&(this.xaxisLabels=s.globals.timelineLabels.slice())}return s(t,[{key:"drawGridArea",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=this.w,i=new f(this.ctx);null===t&&(t=i.group({class:"apexcharts-grid"}));var s=i.drawLine(e.globals.padHorizontal,1,e.globals.padHorizontal,e.globals.gridHeight,"transparent"),a=i.drawLine(e.globals.padHorizontal,e.globals.gridHeight,e.globals.gridWidth,e.globals.gridHeight,"transparent");return t.add(a),t.add(s),t}},{key:"drawGrid",value:function(){var t=this.w,e=new N(this.ctx),i=this.w.globals,s=null;if(i.axisCharts){if(t.config.grid.show)s=this.renderGrid(),i.dom.elGraphical.add(s.el),this.drawGridArea(s.el);else{var a=this.drawGridArea();i.dom.elGraphical.add(a)}null!==s&&e.xAxisLabelCorrections(s.xAxisTickWidth)}}},{key:"createGridMask",value:function(){var t=this.w,e=t.globals,i=new f(this.ctx),s=Array.isArray(t.config.stroke.width)?0:t.config.stroke.width;if(Array.isArray(t.config.stroke.width)){var a=0;t.config.stroke.width.forEach(function(t){a=Math.max(a,t)}),s=a}e.dom.elGridRectMask=document.createElementNS(e.SVGNS,"clipPath"),e.dom.elGridRectMask.setAttribute("id","gridRectMask".concat(e.cuid)),e.dom.elGridRectMarkerMask=document.createElementNS(e.SVGNS,"clipPath"),e.dom.elGridRectMarkerMask.setAttribute("id","gridRectMarkerMask".concat(e.cuid)),e.dom.elGridRect=i.drawRect(-s/2,-s/2,e.gridWidth+s,e.gridHeight+s,0,"#fff"),new b(this).getLargestMarkerSize();var n=t.globals.markers.largestSize+t.config.markers.hover.sizeOffset+1;e.dom.elGridRectMarker=i.drawRect(-n,-n,e.gridWidth+2*n,e.gridHeight+2*n,0,"#fff"),e.dom.elGridRectMask.appendChild(e.dom.elGridRect.node),e.dom.elGridRectMarkerMask.appendChild(e.dom.elGridRectMarker.node);var r=e.dom.baseEl.querySelector("defs");r.appendChild(e.dom.elGridRectMask),r.appendChild(e.dom.elGridRectMarkerMask)}},{key:"renderGrid",value:function(){for(var t,e=this.w,i=new f(this.ctx),s=e.config.grid.strokeDashArray,a=i.group({class:"apexcharts-grid"}),n=8,r=0;r<e.globals.series.length&&(void 0!==e.globals.yAxisScale[r]&&(n=e.globals.yAxisScale[r].result.length-1),!(n>2));r++);if(!(!e.config.plotOptions.bar.horizontal||"bar"!==e.config.chart.type)){if(t=n,e.config.grid.xaxis.lines.show||e.config.xaxis.axisTicks.show)for(var o,l=e.globals.padHorizontal,h=e.globals.gridHeight,c=0;c<t+1&&(o=l=l+e.globals.gridWidth/t+.3,c!==t-1);c++){if(e.config.grid.xaxis.lines.show){var d=i.drawLine(l,0,o,h,e.config.grid.borderColor,s);d.node.classList.add("apexcharts-gridline"),a.add(d),this.animX&&this.animateLine(d,{x1:0,x2:0},{x1:l,x2:o})}new N(this.ctx).drawXaxisTicks(l,a)}if(e.config.grid.yaxis.lines.show)for(var u=0,g=0,p=e.globals.gridWidth,x=0;x<e.globals.dataPoints+1;x++){var m=i.drawLine(0,u,p,g,e.config.grid.borderColor,s);a.add(m),m.node.classList.add("apexcharts-gridline"),this.animY&&this.animateLine(m,{y1:u+20,y2:g+20},{y1:u,y2:g}),g=u+=e.globals.gridHeight/e.globals.dataPoints}}else{if(t=this.xaxisLabels.length,e.config.grid.xaxis.lines.show||e.config.xaxis.axisTicks.show){var v,b=e.globals.padHorizontal,y=e.globals.gridHeight;if(e.globals.timelineLabels.length>0)for(var w=0;w<t;w++){if(b=this.xaxisLabels[w].position,v=this.xaxisLabels[w].position,e.config.grid.xaxis.lines.show&&b>0&&b<e.globals.gridWidth){var k=i.drawLine(b,0,v,y,e.config.grid.borderColor,s);k.node.classList.add("apexcharts-gridline"),a.add(k),this.animX&&this.animateLine(k,{x1:0,x2:0},{x1:b,x2:v})}new N(this.ctx).drawXaxisTicks(b,a)}else for(var A=t,S=0;S<A;S++){var C=A;if(e.globals.isXNumeric&&"bar"!==e.config.chart.type&&(C-=1),v=b+=e.globals.gridWidth/C,S===C-1)break;if(e.config.grid.xaxis.lines.show){var L=i.drawLine(b,0,v,y,e.config.grid.borderColor,s);L.node.classList.add("apexcharts-gridline"),a.add(L),this.animX&&this.animateLine(L,{x1:0,x2:0},{x1:b,x2:v})}new N(this.ctx).drawXaxisTicks(b,a)}}if(e.config.grid.yaxis.lines.show)for(var z=0,M=0,P=e.globals.gridWidth,E=0;E<n+1;E++){var T=i.drawLine(0,z,P,M,e.config.grid.borderColor,s);a.add(T),T.node.classList.add("apexcharts-gridline"),this.animY&&this.animateLine(T,{y1:z+20,y2:M+20},{y1:z,y2:M}),M=z+=e.globals.gridHeight/n}}return this.drawGridBands(a,t,n),{el:a,xAxisTickWidth:e.globals.gridWidth/t}}},{key:"drawGridBands",value:function(t,e,i){var s=this.w,a=new f(this.ctx);if(void 0!==s.config.grid.row.colors&&s.config.grid.row.colors.length>0)for(var n=0,r=s.globals.gridHeight/i,o=s.globals.gridWidth,l=0,h=0;l<i;l++,h++){h>=s.config.grid.row.colors.length&&(h=0);var c=s.config.grid.row.colors[h],d=a.drawRect(0,n,o,r,0,c,s.config.grid.row.opacity);t.add(d),d.node.classList.add("apexcharts-gridRow"),n+=s.globals.gridHeight/i}if(void 0!==s.config.grid.column.colors&&s.config.grid.column.colors.length>0)for(var u=s.globals.padHorizontal,g=s.globals.padHorizontal+s.globals.gridWidth/e,p=s.globals.gridHeight,x=0,m=0;x<e;x++,m++){m>=s.config.grid.column.colors.length&&(m=0);var v=s.config.grid.column.colors[m],b=a.drawRect(u,0,g,p,0,v,s.config.grid.column.opacity);b.node.classList.add("apexcharts-gridColumn"),t.add(b),u+=s.globals.gridWidth/e}}},{key:"animateLine",value:function(t,e,i){var s=this.w,a=s.config.chart.animations;if(a&&!s.globals.resized&&!s.globals.dataChanged){var n=a.speed;this.anim.animateLine(t,e,i,n)}}}]),t}(),nt=function(){function t(i,s){e(this,t),this.ctx=i,this.w=i.w,this.onLegendClick=this.onLegendClick.bind(this),this.onLegendHovered=this.onLegendHovered.bind(this)}return s(t,[{key:"init",value:function(){var t=this.w,e=t.globals,i=t.config;if((i.legend.showForSingleSeries&&1===e.series.length||e.series.length>1||!e.axisCharts)&&i.legend.show){for(;e.dom.elLegendWrap.firstChild;)e.dom.elLegendWrap.removeChild(e.dom.elLegendWrap.firstChild);this.drawLegends(),d.isIE11()?document.getElementsByTagName("head")[0].appendChild(this.getLegendStyles()):this.appendToForeignObject(),"bottom"===i.legend.position||"top"===i.legend.position?this.legendAlignHorizontal():"right"!==i.legend.position&&"left"!==i.legend.position||this.legendAlignVertical()}}},{key:"appendToForeignObject",value:function(){var t=this.w.globals,e=document.createElementNS(t.SVGNS,"foreignObject");e.setAttribute("x",0),e.setAttribute("y",0),e.setAttribute("width",t.svgWidth),e.setAttribute("height",t.svgHeight),t.dom.elLegendWrap.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),e.appendChild(t.dom.elLegendWrap),e.appendChild(this.getLegendStyles()),t.dom.Paper.node.insertBefore(e,t.dom.elGraphical.node)}},{key:"drawLegends",value:function(){var t=this.w,e=t.config.legend.fontFamily,i=t.globals.seriesNames,s=t.globals.colors.slice();if("heatmap"===t.config.chart.type){var a=t.config.plotOptions.heatmap.colorScale.ranges;i=a.map(function(t){return t.name?t.name:t.from+" - "+t.to}),s=a.map(function(t){return t.color})}for(var n=t.globals.legendFormatter,r=0;r<=i.length-1;r++){var o=n(i[r],{seriesIndex:r,w:t}),l=!1,h=!1;if(t.globals.collapsedSeries.length>0)for(var c=0;c<t.globals.collapsedSeries.length;c++)t.globals.collapsedSeries[c].index===r&&(l=!0);if(t.globals.ancillaryCollapsedSeriesIndices.length>0)for(var d=0;d<t.globals.ancillaryCollapsedSeriesIndices.length;d++)t.globals.ancillaryCollapsedSeriesIndices[d]===r&&(h=!0);var u=document.createElement("span");u.classList.add("apexcharts-legend-marker");var g=t.config.legend.markers.offsetX,p=t.config.legend.markers.offsetY,x=t.config.legend.markers.height,m=t.config.legend.markers.width,v=t.config.legend.markers.strokeWidth,y=t.config.legend.markers.strokeColor,w=t.config.legend.markers.radius,k=u.style;k.background=s[r],k.color=s[r],k.height=Array.isArray(x)?parseFloat(x[r])+"px":parseFloat(x)+"px",k.width=Array.isArray(m)?parseFloat(m[r])+"px":parseFloat(m)+"px",k.left=Array.isArray(g)?g[r]:g,k.top=Array.isArray(p)?p[r]:p,k.borderWidth=Array.isArray(v)?v[r]:v,k.borderColor=Array.isArray(y)?y[r]:y,k.borderRadius=Array.isArray(w)?parseFloat(w[r])+"px":parseFloat(w)+"px",t.config.legend.markers.customHTML&&(Array.isArray(t.config.legend.markers.customHTML)?u.innerHTML=t.config.legend.markers.customHTML[r]():u.innerHTML=t.config.legend.markers.customHTML()),f.setAttrs(u,{rel:r+1,"data:collapsed":l||h}),(l||h)&&u.classList.add("inactive-legend");var A=document.createElement("div"),S=document.createElement("span");S.classList.add("apexcharts-legend-text"),S.innerHTML=o;var C=t.config.legend.labels.useSeriesColors?t.globals.colors[r]:t.config.legend.labels.colors;C||(C=t.config.chart.foreColor),S.style.color=C,S.style.fontSize=parseFloat(t.config.legend.fontSize)+"px",S.style.fontFamily=e||t.config.chart.fontFamily,f.setAttrs(S,{rel:r+1,"data:collapsed":l||h}),A.appendChild(u),A.appendChild(S);var L=new b(this.ctx);if(!t.config.legend.showForZeroSeries)0===L.getSeriesTotalByIndex(r)&&L.seriesHaveSameValues(r)&&!L.isSeriesNull(r)&&-1===t.globals.collapsedSeriesIndices.indexOf(r)&&-1===t.globals.ancillaryCollapsedSeriesIndices.indexOf(r)&&A.classList.add("apexcharts-hidden-zero-series");t.config.legend.showForNullSeries||L.isSeriesNull(r)&&-1===t.globals.collapsedSeriesIndices.indexOf(r)&&-1===t.globals.ancillaryCollapsedSeriesIndices.indexOf(r)&&A.classList.add("apexcharts-hidden-null-series"),t.globals.dom.elLegendWrap.appendChild(A),t.globals.dom.elLegendWrap.classList.add(t.config.legend.horizontalAlign),t.globals.dom.elLegendWrap.classList.add("position-"+t.config.legend.position),A.classList.add("apexcharts-legend-series"),A.style.margin="".concat(t.config.legend.itemMargin.horizontal,"px ").concat(t.config.legend.itemMargin.vertical,"px"),t.globals.dom.elLegendWrap.style.width=t.config.legend.width?t.config.legend.width+"px":"",t.globals.dom.elLegendWrap.style.height=t.config.legend.height?t.config.legend.height+"px":"",f.setAttrs(A,{rel:r+1,"data:collapsed":l||h}),(l||h)&&A.classList.add("inactive-legend"),t.config.legend.onItemClick.toggleDataSeries||A.classList.add("no-click")}"heatmap"!==t.config.chart.type&&t.config.legend.onItemClick.toggleDataSeries&&t.globals.dom.elWrap.addEventListener("click",this.onLegendClick,!0),t.config.legend.onItemHover.highlightDataSeries&&(t.globals.dom.elWrap.addEventListener("mousemove",this.onLegendHovered,!0),t.globals.dom.elWrap.addEventListener("mouseout",this.onLegendHovered,!0))}},{key:"getLegendBBox",value:function(){var t=this.w.globals.dom.baseEl.querySelector(".apexcharts-legend").getBoundingClientRect(),e=t.width;return{clwh:t.height,clww:e}}},{key:"setLegendWrapXY",value:function(t,e){var i=this.w,s=i.globals.dom.baseEl.querySelector(".apexcharts-legend"),a=s.getBoundingClientRect(),n=0,r=0;if("bottom"===i.config.legend.position)r+=i.globals.svgHeight-a.height/2;else if("top"===i.config.legend.position){var o=new V(this.ctx),l=o.getTitleSubtitleCoords("title").height,h=o.getTitleSubtitleCoords("subtitle").height;r=r+(l>0?l-10:0)+(h>0?h-10:0)}s.style.position="absolute",n=n+t+i.config.legend.offsetX,r=r+e+i.config.legend.offsetY,s.style.left=n+"px",s.style.top=r+"px","bottom"===i.config.legend.position?(s.style.top="auto",s.style.bottom=10+i.config.legend.offsetY+"px"):"right"===i.config.legend.position&&(s.style.left="auto",s.style.right=25+i.config.legend.offsetX+"px"),s.style.width&&(s.style.width=parseInt(i.config.legend.width)+"px"),s.style.height&&(s.style.height=parseInt(i.config.legend.height)+"px")}},{key:"legendAlignHorizontal",value:function(){var t=this.w;t.globals.dom.baseEl.querySelector(".apexcharts-legend").style.right=0;var e=this.getLegendBBox(),i=new V(this.ctx),s=i.getTitleSubtitleCoords("title"),a=i.getTitleSubtitleCoords("subtitle"),n=0;"bottom"===t.config.legend.position?n=-e.clwh/1.8:"top"===t.config.legend.position&&(n=s.height+a.height+t.config.title.margin+t.config.subtitle.margin-15),this.setLegendWrapXY(20,n)}},{key:"legendAlignVertical",value:function(){var t=this.w,e=this.getLegendBBox(),i=0;"left"===t.config.legend.position&&(i=20),"right"===t.config.legend.position&&(i=t.globals.svgWidth-e.clww-10),this.setLegendWrapXY(i,20)}},{key:"onLegendHovered",value:function(t){var e=this.w,i=t.target.classList.contains("apexcharts-legend-text")||t.target.classList.contains("apexcharts-legend-marker");if("heatmap"!==e.config.chart.type)!t.target.classList.contains("inactive-legend")&&i&&new B(this.ctx).toggleSeriesOnHover(t,t.target);else if(i){var s=parseInt(t.target.getAttribute("rel"))-1;this.ctx.fireEvent("legendHover",[this.ctx,s,this.w]),new B(this.ctx).highlightRangeInSeries(t,t.target)}}},{key:"onLegendClick",value:function(t){if(t.target.classList.contains("apexcharts-legend-text")||t.target.classList.contains("apexcharts-legend-marker")){var e=parseInt(t.target.getAttribute("rel"))-1,i="true"===t.target.getAttribute("data:collapsed"),s=this.w.config.chart.events.legendClick;"function"==typeof s&&s(this.ctx,e,this.w),this.ctx.fireEvent("legendClick",[this.ctx,e,this.w]);var a=this.w.config.legend.markers.onClick;"function"==typeof a&&t.target.classList.contains("apexcharts-legend-marker")&&(a(this.ctx,e,this.w),this.ctx.fireEvent("legendMarkerClick",[this.ctx,e,this.w])),this.toggleDataSeries(e,i)}}},{key:"getLegendStyles",value:function(){var t=document.createElement("style");t.setAttribute("type","text/css");var e=document.createTextNode("\n \n .apexcharts-legend {\n display: flex;\n overflow: auto;\n padding: 0 10px;\n }\n\n .apexcharts-legend.position-bottom, .apexcharts-legend.position-top {\n flex-wrap: wrap\n }\n .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n flex-direction: column;\n bottom: 0;\n }\n\n .apexcharts-legend.position-bottom.left, .apexcharts-legend.position-top.left, .apexcharts-legend.position-right, .apexcharts-legend.position-left {\n justify-content: flex-start;\n }\n\n .apexcharts-legend.position-bottom.center, .apexcharts-legend.position-top.center {\n justify-content: center; \n }\n\n .apexcharts-legend.position-bottom.right, .apexcharts-legend.position-top.right {\n justify-content: flex-end;\n }\n\n .apexcharts-legend-series {\n cursor: pointer;\n line-height: normal;\n }\n\n .apexcharts-legend.position-bottom .apexcharts-legend-series, .apexcharts-legend.position-top .apexcharts-legend-series{\n display: flex;\n align-items: center;\n }\n\n .apexcharts-legend-text {\n position: relative;\n font-size: 14px;\n }\n\n .apexcharts-legend-text *, .apexcharts-legend-marker * {\n pointer-events: none;\n }\n\n .apexcharts-legend-marker {\n position: relative;\n display: inline-block;\n cursor: pointer;\n margin-right: 3px;\n }\n \n .apexcharts-legend.right .apexcharts-legend-series, .apexcharts-legend.left .apexcharts-legend-series{\n display: inline-block;\n }\n\n .apexcharts-legend-series.no-click {\n cursor: auto;\n }\n\n .apexcharts-legend .apexcharts-hidden-zero-series, .apexcharts-legend .apexcharts-hidden-null-series {\n display: none !important;\n }\n\n .inactive-legend {\n opacity: 0.45;\n }");return t.appendChild(e),t}},{key:"resetToggleDataSeries",value:function(){var t=this.w,e=[];if(t.globals.axisCharts?t.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:realIndex]").forEach(function(t){e.push(parseInt(t.getAttribute("data:realIndex")))}):t.globals.dom.baseEl.querySelectorAll(".apexcharts-series[rel]").forEach(function(t){e.push(parseInt(t.getAttribute("rel"))-1)}),e.sort(),t.globals.collapsedSeries.length>0){for(var i=t.globals.risingSeries.slice(),s=t.config.series.slice(),a=0;a<t.globals.collapsedSeries.length;a++){var n=e.indexOf(t.globals.collapsedSeries[a].index);-1!==n&&(t.globals.axisCharts?s[n].data=t.globals.collapsedSeries.slice()[a].data.slice():s[n]=t.globals.collapsedSeries.slice()[a].data,i.push(n))}t.globals.collapsedSeries=[],t.globals.ancillaryCollapsedSeries=[],t.globals.collapsedSeriesIndices=[],t.globals.ancillaryCollapsedSeriesIndices=[],t.globals.risingSeries=i,t.config.series=s,this.ctx._updateSeries(t.config.series,t.config.chart.animations.dynamicAnimation.enabled)}}},{key:"toggleDataSeries",value:function(t,e){var i=this.w;if(i.globals.axisCharts||"radialBar"===i.config.chart.type){i.globals.resized=!0;var s=null,a=null;if(i.globals.risingSeries=[],i.globals.axisCharts?(s=i.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(t,"']")),a=parseInt(s.getAttribute("data:realIndex"))):(s=i.globals.dom.baseEl.querySelector(".apexcharts-series[rel='".concat(t+1,"']")),a=parseInt(s.getAttribute("rel"))-1),e)this.riseCollapsedSeries(i.globals.collapsedSeries,i.globals.collapsedSeriesIndices,a),this.riseCollapsedSeries(i.globals.ancillaryCollapsedSeries,i.globals.ancillaryCollapsedSeriesIndices,a);else{if(i.globals.axisCharts){var n=!1;if(i.config.yaxis[a]&&i.config.yaxis[a].show&&i.config.yaxis[a].showAlways&&(n=!0,i.globals.ancillaryCollapsedSeriesIndices.indexOf(a)<0&&(i.globals.ancillaryCollapsedSeries.push({index:a,data:i.config.series[a].data.slice(),type:s.parentNode.className.baseVal.split("-")[1]}),i.globals.ancillaryCollapsedSeriesIndices.push(a))),!n){i.globals.collapsedSeries.push({index:a,data:i.config.series[a].data.slice(),type:s.parentNode.className.baseVal.split("-")[1]}),i.globals.collapsedSeriesIndices.push(a);var r=i.globals.risingSeries.indexOf(a);i.globals.risingSeries.splice(r,1)}i.config.series[a].data=[]}else i.globals.collapsedSeries.push({index:a,data:i.config.series[a]}),i.globals.collapsedSeriesIndices.push(a),i.config.series[a]=0;for(var o=s.childNodes,l=0;l<o.length;l++)o[l].classList.contains("apexcharts-series-markers-wrap")&&(o[l].classList.contains("apexcharts-hide")?o[l].classList.remove("apexcharts-hide"):o[l].classList.add("apexcharts-hide"));i.globals.allSeriesCollapsed=i.globals.collapsedSeries.length===i.globals.series.length,this.ctx._updateSeries(i.config.series,i.config.chart.animations.dynamicAnimation.enabled)}}else{i.globals.dom.Paper.select(" .apexcharts-series[rel='".concat(t+1,"'] path")).fire("click")}}},{key:"riseCollapsedSeries",value:function(t,e,i){var s=this.w;if(t.length>0)for(var a=0;a<t.length;a++)t[a].index===i&&(s.globals.axisCharts?(s.config.series[i].data=t[a].data.slice(),t.splice(a,1),e.splice(a,1),s.globals.risingSeries.push(i)):(s.config.series[i]=t[a].data,t.splice(a,1),e.splice(a,1),s.globals.risingSeries.push(i)),this.ctx._updateSeries(s.config.series,s.config.chart.animations.dynamicAnimation.enabled))}}]),t}(),rt=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"checkResponsiveConfig",value:function(t){var e=this,i=this.w,s=i.config;if(0!==s.responsive.length){var a=s.responsive.slice();a.sort(function(t,e){return t.breakpoint>e.breakpoint?1:e.breakpoint>t.breakpoint?-1:0}).reverse();var n=new y({}),r=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},s=a[0].breakpoint,r=window.innerWidth>0?window.innerWidth:screen.width;if(r>s){var o=b.extendArrayProps(n,i.globals.initialConfig);t=d.extend(o,t),t=d.extend(i.config,t),e.overrideResponsiveOptions(t)}else for(var l=0;l<a.length;l++)r<a[l].breakpoint&&(t=d.extend(n,t),t=b.extendArrayProps(t,a[l].options),t=d.extend(i.config,t),e.overrideResponsiveOptions(t))};if(t){var o=b.extendArrayProps(n,t);o=d.extend(i.config,o),r(o=d.extend(o,t))}else r({})}}},{key:"overrideResponsiveOptions",value:function(t){var e=new y(t).init();this.w.config=e}}]),t}(),ot=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.colors=[]}return s(t,[{key:"init",value:function(){this.setDefaultColors()}},{key:"setDefaultColors",value:function(){var t=this.w,e=new d;if(void 0===t.config.colors?t.globals.colors=this.predefined():t.globals.colors=t.config.colors,t.config.theme.monochrome.enabled){var i=[],s=t.globals.series.length;t.config.plotOptions.bar.distributed&&"bar"===t.config.chart.type&&(s=t.globals.series[0].length*t.globals.series.length);for(var a=t.config.theme.monochrome.color,n=1/(s/t.config.theme.monochrome.shadeIntensity),r=t.config.theme.monochrome.shadeTo,o=0,l=0;l<s;l++){var h=void 0;"dark"===r?(h=e.shadeColor(-1*o,a),o+=n):(h=e.shadeColor(o,a),o+=n),i.push(h)}t.globals.colors=i.slice()}var c=t.globals.colors.slice();this.pushExtraColors(t.globals.colors),void 0===t.config.stroke.colors?t.globals.stroke.colors=c:t.globals.stroke.colors=t.config.stroke.colors,this.pushExtraColors(t.globals.stroke.colors),void 0===t.config.fill.colors?t.globals.fill.colors=c:t.globals.fill.colors=t.config.fill.colors,this.pushExtraColors(t.globals.fill.colors),void 0===t.config.dataLabels.style.colors?t.globals.dataLabels.style.colors=c:t.globals.dataLabels.style.colors=t.config.dataLabels.style.colors,this.pushExtraColors(t.globals.dataLabels.style.colors,50),void 0===t.config.plotOptions.radar.polygons.fill.colors?t.globals.radarPolygons.fill.colors=["#fff"]:t.globals.radarPolygons.fill.colors=t.config.plotOptions.radar.polygons.fill.colors,this.pushExtraColors(t.globals.radarPolygons.fill.colors,20),void 0===t.config.markers.colors?t.globals.markers.colors=c:t.globals.markers.colors=t.config.markers.colors,this.pushExtraColors(t.globals.markers.colors)}},{key:"pushExtraColors",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,s=this.w,a=e||s.globals.series.length;if(null===i&&(i="bar"===s.config.chart.type&&s.config.plotOptions.bar.distributed||"heatmap"===s.config.chart.type&&s.config.plotOptions.heatmap.colorScale.inverse),i&&(a=s.globals.series[0].length*s.globals.series.length),t.length<a)for(var n=a-t.length,r=0;r<n;r++)t.push(t[r])}},{key:"predefined",value:function(){switch(this.w.config.theme.palette){case"palette1":this.colors=["#008FFB","#00E396","#FEB019","#FF4560","#775DD0"];break;case"palette2":this.colors=["#3f51b5","#03a9f4","#4caf50","#f9ce1d","#FF9800"];break;case"palette3":this.colors=["#33b2df","#546E7A","#d4526e","#13d8aa","#A5978B"];break;case"palette4":this.colors=["#546E7A","#4ecdc4","#c7f464","#81D4FA","#fd6a6a"];break;case"palette5":this.colors=["#2b908f","#f9a3a4","#90ee7e","#fa4443","#69d2e7"];break;case"palette6":this.colors=["#449DD1","#F86624","#EA3546","#662E9B","#C5D86D"];break;case"palette7":this.colors=["#D7263D","#1B998B","#2E294E","#F46036","#E2C044"];break;case"palette8":this.colors=["#662E9B","#F86624","#F9C80E","#EA3546","#43BCCD"];break;case"palette9":this.colors=["#5C4742","#A5978B","#8D5B4C","#5A2A27","#C4BBAF"];break;case"palette10":this.colors=["#A300D6","#7D02EB","#5653FE","#2983FF","#00B1F2"];break;default:this.colors=["#008FFB","#00E396","#FEB019","#FF4560","#775DD0"]}return this.colors}}]),t}(),lt=function(){function t(i){e(this,t),this.w=i.w,this.ttCtx=i,this.ctx=i.ctx}return s(t,[{key:"getNearestValues",value:function(t){var e=t.hoverArea,i=t.elGrid,s=t.clientX,a=t.clientY,n=t.hasBars,r=this.w,o=r.globals.gridWidth,l=o/(r.globals.dataPoints-1),h=i.getBoundingClientRect();(n&&r.globals.comboCharts||n)&&(l=o/r.globals.dataPoints);var c=s-h.left,d=a-h.top;c<0||d<0||c>r.globals.gridWidth||d>r.globals.gridHeight?(e.classList.remove("hovering-zoom"),e.classList.remove("hovering-pan")):r.globals.zoomEnabled?(e.classList.remove("hovering-pan"),e.classList.add("hovering-zoom")):r.globals.panEnabled&&(e.classList.remove("hovering-zoom"),e.classList.add("hovering-pan"));var u=Math.round(c/l);n&&(u=Math.ceil(c/l),u-=1);for(var g,f=null,p=null,x=[],m=0;m<r.globals.seriesXvalues.length;m++)x.push([r.globals.seriesXvalues[m][0]-1e-6].concat(r.globals.seriesXvalues[m]));return x=x.map(function(t){return t.filter(function(t){return t})}),g=r.globals.seriesYvalues.map(function(t){return t.filter(function(t){return t})}),r.globals.isXNumeric&&(f=(p=this.closestInMultiArray(c,d,x,g)).index,u=p.j,null!==f&&(x=r.globals.seriesXvalues[f],u=(p=this.closestInArray(c,x)).index)),(!u||u<1)&&(u=0),{capturedSeries:f,j:u,hoverX:c,hoverY:d}}},{key:"closestInMultiArray",value:function(t,e,i,s){var a=this.w,n=0,r=null,o=-1;a.globals.series.length>1?n=this.getFirstActiveXArray(i):r=0;var l=s[n][0],h=i[n][0],c=Math.abs(t-h),d=Math.abs(e-l),u=d+c;return s.map(function(a,n){a.map(function(a,l){var h=Math.abs(e-s[n][l]),g=Math.abs(t-i[n][l]),f=g+h;f<u&&(u=f,c=g,d=h,r=n,o=l)})}),{index:r,j:o}}},{key:"getFirstActiveXArray",value:function(t){for(var e=0,i=new b(this.ctx),s=t.map(function(t,e){return t.length>0?e:-1}),a=0;a<s.length;a++){var n=i.getSeriesTotalByIndex(a);if(-1!==s[a]&&0!==n&&!i.seriesHaveSameValues(a)){e=s[a];break}}return e}},{key:"closestInArray",value:function(t,e){for(var i=e[0],s=null,a=Math.abs(t-i),n=0;n<e.length;n++){var r=Math.abs(t-e[n]);r<a&&(a=r,i=e[n],s=n)}return{index:s}}},{key:"isXoverlap",value:function(t){var e=[],i=this.w.globals.seriesX.filter(function(t){return void 0!==t[0]});if(i.length>0)for(var s=0;s<i.length-1;s++)void 0!==i[s][t]&&void 0!==i[s+1][t]&&i[s][t]!==i[s+1][t]&&e.push("unEqual");return 0===e.length}},{key:"isinitialSeriesSameLen",value:function(){for(var t=!0,e=this.w.globals.initialSeries,i=0;i<e.length-1;i++)if(e[i].data.length!==e[i+1].data.length){t=!1;break}return t}},{key:"getBarsHeight",value:function(t){return c(t).reduce(function(t,e){return t+e.getBBox().height},0)}},{key:"toggleAllTooltipSeriesGroups",value:function(t){var e=this.w,i=this.ttCtx;0===i.allTooltipSeriesGroups.length&&(i.allTooltipSeriesGroups=e.globals.dom.baseEl.querySelectorAll(".apexcharts-tooltip-series-group"));for(var s=i.allTooltipSeriesGroups,a=0;a<s.length;a++)"enable"===t?(s[a].classList.add("active"),s[a].style.display=e.config.tooltip.items.display):(s[a].classList.remove("active"),s[a].style.display="none")}}]),t}(),ht=function(){function t(i){e(this,t),this.w=i.w,this.ctx=i.ctx,this.ttCtx=i,this.tooltipUtil=new lt(i)}return s(t,[{key:"drawSeriesTexts",value:function(t){var e=t.shared,i=void 0===e||e,s=t.ttItems,a=t.i,n=void 0===a?0:a,r=t.j,o=void 0===r?null:r;void 0!==this.w.config.tooltip.custom?this.handleCustomTooltip({i:n,j:o}):this.toggleActiveInactiveSeries(i);var l=this.getValuesToPrint({i:n,j:o});this.printLabels({i:n,j:o,values:l,ttItems:s,shared:i});var h=this.ttCtx.getElTooltip();this.ttCtx.tooltipRect.ttWidth=h.getBoundingClientRect().width,this.ttCtx.tooltipRect.ttHeight=h.getBoundingClientRect().height}},{key:"printLabels",value:function(t){var e,i=t.i,s=t.j,a=t.values,n=t.ttItems,r=t.shared,o=this.w,l=a.xVal,h=a.zVal,c=a.xAxisTTVal,d="",u=o.globals.colors[i];null!==s&&o.config.plotOptions.bar.distributed&&(u=o.globals.colors[s]);for(var g=0,f=o.globals.series.length-1;g<o.globals.series.length;g++,f--){var p=this.getFormatters(i);if(d=this.getSeriesName({fn:p.yLbTitleFormatter,index:i,seriesIndex:i,j:s}),r){var x=o.config.tooltip.inverseOrder?f:g;p=this.getFormatters(x),d=this.getSeriesName({fn:p.yLbTitleFormatter,index:x,seriesIndex:i,j:s}),u=o.globals.colors[x],e=p.yLbFormatter(o.globals.series[x][s],{series:o.globals.series,seriesIndex:i,dataPointIndex:s,w:o}),(this.ttCtx.hasBars()&&o.config.chart.stacked&&0===o.globals.series[x][s]||void 0===o.globals.series[x][s])&&(e=void 0)}else e=p.yLbFormatter(o.globals.series[i][s],{series:o.globals.series,seriesIndex:i,dataPointIndex:s,w:o});null===s&&(e=p.yLbFormatter(o.globals.series[i],o)),this.DOMHandling({t:g,ttItems:n,values:{val:e,xVal:l,xAxisTTVal:c,zVal:h},seriesName:d,shared:r,pColor:u})}}},{key:"getFormatters",value:function(t){var e,i=this.w,s=i.globals.yLabelFormatters[t];return void 0!==i.globals.ttVal?Array.isArray(i.globals.ttVal)?(s=i.globals.ttVal[t]&&i.globals.ttVal[t].formatter,e=i.globals.ttVal[t]&&i.globals.ttVal[t].title&&i.globals.ttVal[t].title.formatter):(s=i.globals.ttVal.formatter,"function"==typeof i.globals.ttVal.title.formatter&&(e=i.globals.ttVal.title.formatter)):e=i.config.tooltip.y.title.formatter,"function"!=typeof s&&(s=i.globals.yLabelFormatters[0]?i.globals.yLabelFormatters[0]:function(t){return t}),"function"!=typeof e&&(e=function(t){return t}),{yLbFormatter:s,yLbTitleFormatter:e}}},{key:"getSeriesName",value:function(t){var e=t.fn,i=t.index,s=t.seriesIndex,a=t.j,n=this.w;return e(String(n.globals.seriesNames[i]),{series:n.globals.series,seriesIndex:s,dataPointIndex:a,w:n})}},{key:"DOMHandling",value:function(t){var e=t.t,i=t.ttItems,s=t.values,a=t.seriesName,n=t.shared,r=t.pColor,o=this.w,l=this.ttCtx,h=s.val,c=s.xVal,d=s.xAxisTTVal,u=s.zVal,g=null;g=i[e].children,o.config.tooltip.fillSeriesColor&&(i[e].style.backgroundColor=r,g[0].style.display="none"),l.showTooltipTitle&&(null===l.tooltipTitle&&(l.tooltipTitle=o.globals.dom.baseEl.querySelector(".apexcharts-tooltip-title")),l.tooltipTitle.innerHTML=c),l.blxaxisTooltip&&(l.xaxisTooltipText.innerHTML=""!==d?d:c);var f=i[e].querySelector(".apexcharts-tooltip-text-label");f&&(f.innerHTML=a?a+": ":"");var p=i[e].querySelector(".apexcharts-tooltip-text-value");(p&&(p.innerHTML=h),g[0]&&g[0].classList.contains("apexcharts-tooltip-marker")&&(g[0].style.backgroundColor=r),o.config.tooltip.marker.show||(g[0].style.display="none"),null!==u)&&(i[e].querySelector(".apexcharts-tooltip-text-z-label").innerHTML=o.config.tooltip.z.title,i[e].querySelector(".apexcharts-tooltip-text-z-value").innerHTML=u);n&&g[0]&&(null==h||o.globals.collapsedSeriesIndices.indexOf(e)>-1?g[0].parentNode.style.display="none":g[0].parentNode.style.display=o.config.tooltip.items.display)}},{key:"toggleActiveInactiveSeries",value:function(t){var e=this.w;if(t)this.tooltipUtil.toggleAllTooltipSeriesGroups("enable");else{this.tooltipUtil.toggleAllTooltipSeriesGroups("disable");var i=e.globals.dom.baseEl.querySelector(".apexcharts-tooltip-series-group");i&&(i.classList.add("active"),i.style.display=e.config.tooltip.items.display)}}},{key:"getValuesToPrint",value:function(t){var e=t.i,i=t.j,s=this.w,a=this.ctx.series.filteredSeriesX(),n="",r=null,o=null,l={series:s.globals.series,seriesIndex:e,dataPointIndex:i,w:s},h=s.globals.ttZFormatter;null===i?o=s.globals.series[e]:s.globals.isXNumeric?(n=a[e][i],0===a[e].length&&(n=a[this.tooltipUtil.getFirstActiveXArray(a)][i])):n=void 0!==s.globals.labels[i]?s.globals.labels[i]:"";var c=n;s.globals.isXNumeric&&"datetime"===s.config.xaxis.type?n=new D(this.ctx).xLabelFormat(s.globals.ttKeyFormatter,c):n=s.globals.xLabelFormatter(c,l);return void 0!==s.config.tooltip.x.formatter&&(n=s.globals.ttKeyFormatter(c,l)),s.globals.seriesZ.length>0&&s.globals.seriesZ[0].length>0&&(r=h(s.globals.seriesZ[e][i],s)),{val:o,xVal:n,xAxisTTVal:"function"==typeof s.config.xaxis.tooltip.formatter?s.globals.xaxisTooltipFormatter(c,l):n,zVal:r}}},{key:"handleCustomTooltip",value:function(t){var e=t.i,i=t.j,s=this.w;this.ttCtx.getElTooltip().innerHTML=s.config.tooltip.custom({series:s.globals.series,seriesIndex:e,dataPointIndex:i,w:s})}}]),t}(),ct=function(){function t(i){e(this,t),this.ttCtx=i,this.ctx=i.ctx,this.w=i.w}return s(t,[{key:"moveXCrosshairs",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=this.ttCtx,s=this.w,a=i.getElXCrosshairs(),n=t-i.xcrosshairsWidth/2,r=s.globals.labels.slice().length;if(null!==e&&(n=s.globals.gridWidth/r*e),"tickWidth"===s.config.xaxis.crosshairs.width||"barWidth"===s.config.xaxis.crosshairs.width?n+i.xcrosshairsWidth>s.globals.gridWidth&&(n=s.globals.gridWidth-i.xcrosshairsWidth):null!==e&&(n+=s.globals.gridWidth/r/2),n<0&&(n=0),n>s.globals.gridWidth&&(n=s.globals.gridWidth),null!==a&&(a.setAttribute("x",n),a.setAttribute("x1",n),a.setAttribute("x2",n),a.setAttribute("y2",s.globals.gridHeight),a.classList.add("active")),i.blxaxisTooltip){var o=n;"tickWidth"!==s.config.xaxis.crosshairs.width&&"barWidth"!==s.config.xaxis.crosshairs.width||(o=n+i.xcrosshairsWidth/2),this.moveXAxisTooltip(o)}}},{key:"moveYCrosshairs",value:function(t){var e=this.ttCtx;null!==e.ycrosshairs&&(f.setAttrs(e.ycrosshairs,{y1:t,y2:t}),f.setAttrs(e.ycrosshairsHidden,{y1:t,y2:t}))}},{key:"moveXAxisTooltip",value:function(t){var e=this.w,i=this.ttCtx;if(null!==i.xaxisTooltip){i.xaxisTooltip.classList.add("active");var s=i.xaxisOffY+e.config.xaxis.tooltip.offsetY+e.globals.translateY+1+e.config.xaxis.offsetY;if(t-=i.xaxisTooltip.getBoundingClientRect().width/2,!isNaN(t)){t+=e.globals.translateX;var a;a=new f(this.ctx).getTextRects(i.xaxisTooltipText.innerHTML),i.xaxisTooltipText.style.minWidth=a.width+"px",i.xaxisTooltip.style.left=t+"px",i.xaxisTooltip.style.top=s+"px"}}}},{key:"moveYAxisTooltip",value:function(t){var e=this.w,i=this.ttCtx;null===i.yaxisTTEls&&(i.yaxisTTEls=e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxistooltip"));var s=parseInt(i.ycrosshairsHidden.getAttribute("y1")),a=e.globals.translateY+s,n=i.yaxisTTEls[t].getBoundingClientRect().height,r=e.globals.translateYAxisX[t]-2;e.config.yaxis[t].opposite&&(r-=26),a-=n/2,-1===e.globals.ignoreYAxisIndexes.indexOf(t)?(i.yaxisTTEls[t].classList.add("active"),i.yaxisTTEls[t].style.top=a+"px",i.yaxisTTEls[t].style.left=r+e.config.yaxis[t].tooltip.offsetX+"px"):i.yaxisTTEls[t].classList.remove("active")}},{key:"moveTooltip",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,s=this.w,a=this.ttCtx,n=a.getElTooltip(),r=a.tooltipRect,o=null!==i?parseInt(i):1,l=parseInt(t)+o+5,h=parseInt(e)+o/2;if(l>s.globals.gridWidth/2&&(l=l-r.ttWidth-o-15),l>s.globals.gridWidth-r.ttWidth-10&&(l=s.globals.gridWidth-r.ttWidth),l<-20&&(l=-20),s.config.tooltip.followCursor){var c=a.getElGrid().getBoundingClientRect();h=a.e.clientY-c.top-r.ttHeight/2}var d=this.positionChecks(r,l,h);l=d.x,h=d.y,isNaN(l)||(l+=s.globals.translateX,n.style.left=l+"px",n.style.top=h+"px")}},{key:"positionChecks",value:function(t,e,i){var s=this.w;return t.ttHeight+i>s.globals.gridHeight&&(i=s.globals.gridHeight-t.ttHeight+s.globals.translateY),i<0&&(i=0),{x:e,y:i}}},{key:"moveMarkers",value:function(t,e){var i=this.w,s=this.ttCtx;if(i.globals.markers.size[t]>0)for(var a=i.globals.dom.baseEl.querySelectorAll(" .apexcharts-series[data\\:realIndex='".concat(t,"'] .apexcharts-marker")),n=0;n<a.length;n++)parseInt(a[n].getAttribute("rel"))===e&&(s.marker.resetPointsSize(),s.marker.enlargeCurrentPoint(e,a[n]));else s.marker.resetPointsSize(),this.moveDynamicPointOnHover(e,t)}},{key:"moveDynamicPointOnHover",value:function(t,e){var i,s,a=this.w,n=this.ttCtx,r=a.globals.pointsArray,o=a.config.markers.hover.size;void 0===o&&(o=a.globals.markers.size[e]+a.config.markers.hover.sizeOffset),i=r[e][t][0],s=r[e][t][1]?r[e][t][1]:0;var l=a.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(e,"'] .apexcharts-series-markers circle"));l.setAttribute("r",o),l.setAttribute("cx",i),l.setAttribute("cy",s),this.moveXCrosshairs(i),n.fixedTooltip||this.moveTooltip(i,s,o)}},{key:"moveDynamicPointsOnHover",value:function(t){var e,i=this.ttCtx,s=i.w,a=0,n=0,r=s.globals.pointsArray;e=new B(this.ctx).getActiveSeriesIndex();var o=s.config.markers.hover.size;void 0===o&&(o=s.globals.markers.size[e]+s.config.markers.hover.sizeOffset),r[e]&&(a=r[e][t][0],n=r[e][t][1]);var l=null,h=i.getAllMarkers();if(null!==(l=null!==h?h:s.globals.dom.baseEl.querySelectorAll(".apexcharts-series-markers circle")))for(var c=0;c<l.length;c++){var d=r[c];if(d&&d.length){var u=r[c][t][1];l[c].setAttribute("cx",a);var g=parseInt(l[c].parentNode.parentNode.parentNode.getAttribute("data:realIndex"));null!==u?(l[g]&&l[g].setAttribute("r",o),l[g]&&l[g].setAttribute("cy",u)):l[g]&&l[g].setAttribute("r",0)}}if(this.moveXCrosshairs(a),!i.fixedTooltip){var f=n||s.globals.gridHeight;this.moveTooltip(a,f,o)}}},{key:"moveStickyTooltipOverBars",value:function(t){var e,i=this.w,s=this.ttCtx,a=i.globals.dom.baseEl.querySelector(".apexcharts-bar-series .apexcharts-series[rel='1'] path[j='".concat(t,"'], .apexcharts-candlestick-series .apexcharts-series[rel='1'] path[j='").concat(t,"']")),n=a?parseFloat(a.getAttribute("cx")):0,r=a?parseFloat(a.getAttribute("barWidth")):0;i.globals.isXNumeric?n-=r/2:(n=s.xAxisTicksPositions[t-1]+s.dataPointsDividedWidth/2,isNaN(n)&&(n=s.xAxisTicksPositions[t]-s.dataPointsDividedWidth/2));var o=s.getElGrid().getBoundingClientRect();if(e=s.e.clientY-o.top-s.tooltipRect.ttHeight/2,this.moveXCrosshairs(n),!s.fixedTooltip){var l=e||i.globals.gridHeight;this.moveTooltip(n,l)}}}]),t}(),dt=function(){function t(i){e(this,t),this.w=i.w,this.ttCtx=i,this.ctx=i.ctx,this.tooltipPosition=new ct(i)}return s(t,[{key:"drawDynamicPoints",value:function(){for(var t=this.w,e=new f(this.ctx),i=new S(this.ctx),s=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series"),a=0;a<s.length;a++){var n=parseInt(s[a].getAttribute("data:realIndex")),r=t.globals.dom.baseEl.querySelector(".apexcharts-series[data\\:realIndex='".concat(n,"'] .apexcharts-series-markers-wrap"));if(null!==r){var o=void 0,l="apexcharts-marker w".concat((Math.random()+1).toString(36).substring(4));"line"!==t.config.chart.type&&"area"!==t.config.chart.type||t.globals.comboCharts||t.config.tooltip.intersect||(l+=" no-pointer-events");var h=i.getMarkerConfig(l,n);(o=e.drawMarker(0,0,h)).node.setAttribute("default-marker-size",0);var c=document.createElementNS(t.globals.SVGNS,"g");c.classList.add("apexcharts-series-markers"),c.appendChild(o.node),r.appendChild(c)}}}},{key:"enlargeCurrentPoint",value:function(t,e){var i=this.w;"bubble"!==i.config.chart.type&&this.newPointSize(t,e);var s=e.getAttribute("cx"),a=e.getAttribute("cy");if(this.tooltipPosition.moveXCrosshairs(s),!this.fixedTooltip){if("radar"===i.config.chart.type){var n=this.ttCtx.getElGrid().getBoundingClientRect();s=this.ttCtx.e.clientX-n.left}this.tooltipPosition.moveTooltip(s,a,i.config.markers.hover.size)}}},{key:"enlargePoints",value:function(t){for(var e=this.w,i=this.ttCtx,s=t,a=e.globals.dom.baseEl.querySelectorAll(".apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker"),n=e.config.markers.hover.size,r=0;r<a.length;r++){var o=a[r].getAttribute("rel"),l=a[r].getAttribute("index");if(void 0===n&&(n=e.globals.markers.size[l]+e.config.markers.hover.sizeOffset),s===parseInt(o)){this.newPointSize(s,a[r]);var h=a[r].getAttribute("cx"),c=a[r].getAttribute("cy");this.tooltipPosition.moveXCrosshairs(h),i.fixedTooltip||this.tooltipPosition.moveTooltip(h,c,n)}else this.oldPointSize(a[r])}}},{key:"newPointSize",value:function(t,e){var i=this.w,s=i.config.markers.hover.size,a=null;a=0===t?e.parentNode.firstChild:e.parentNode.lastChild;var n=parseInt(a.getAttribute("index"));void 0===s&&(s=i.globals.markers.size[n]+i.config.markers.hover.sizeOffset),a.setAttribute("r",s)}},{key:"oldPointSize",value:function(t){var e=parseInt(t.getAttribute("default-marker-size"));t.setAttribute("r",e)}},{key:"resetPointsSize",value:function(){for(var t=this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series:not(.apexcharts-series-collapsed) .apexcharts-marker"),e=0;e<t.length;e++){var i=parseInt(t[e].getAttribute("default-marker-size"));d.isNumber(i)?t[e].setAttribute("r",i):t[e].setAttribute("r",0)}}}]),t}(),ut=function(){function t(i){e(this,t),this.w=i.w,this.ttCtx=i}return s(t,[{key:"getAttr",value:function(t,e){return parseFloat(t.target.getAttribute(e))}},{key:"handleHeatTooltip",value:function(t){var e=t.e,i=t.opt,s=t.x,a=t.y,n=this.ttCtx,r=this.w;if(e.target.classList.contains("apexcharts-heatmap-rect")){var o=this.getAttr(e,"i"),l=this.getAttr(e,"j"),h=this.getAttr(e,"cx"),c=this.getAttr(e,"cy"),d=this.getAttr(e,"width"),u=this.getAttr(e,"height");if(n.tooltipLabels.drawSeriesTexts({ttItems:i.ttItems,i:o,j:l,shared:!1}),s=h+n.tooltipRect.ttWidth/2+d,a=c+n.tooltipRect.ttHeight/2-u/2,n.tooltipPosition.moveXCrosshairs(h+d/2),s>r.globals.gridWidth/2&&(s=h-n.tooltipRect.ttWidth/2+d),n.w.config.tooltip.followCursor){var g=n.getElGrid().getBoundingClientRect();a=n.e.clientY-g.top+r.globals.translateY/2-10}}return{x:s,y:a}}},{key:"handleMarkerTooltip",value:function(t){var e,i,s=t.e,a=t.opt,n=t.x,r=t.y,o=this.w,l=this.ttCtx;if(s.target.classList.contains("apexcharts-marker")){var h=parseInt(a.paths.getAttribute("cx")),c=parseInt(a.paths.getAttribute("cy")),u=parseFloat(a.paths.getAttribute("val"));if(i=parseInt(a.paths.getAttribute("rel")),e=parseInt(a.paths.parentNode.parentNode.parentNode.getAttribute("rel"))-1,l.intersect){var g=d.findAncestor(a.paths,"apexcharts-series");g&&(e=parseInt(g.getAttribute("data:realIndex")))}if(l.tooltipLabels.drawSeriesTexts({ttItems:a.ttItems,i:e,j:i,shared:!l.intersect&&o.config.tooltip.shared}),l.marker.enlargeCurrentPoint(i,a.paths),n=h,r=c-1.4*l.tooltipRect.ttHeight,l.w.config.tooltip.followCursor){var f=l.getElGrid().getBoundingClientRect();r=l.e.clientY-f.top}u<0&&(r=c)}return{x:n,y:r}}},{key:"handleBarTooltip",value:function(t){var e,i,s=t.e,a=t.opt,n=this.w,r=this.ttCtx,o=r.getElTooltip(),l=0,h=0,c=0,d=this.getBarTooltipXY({e:s,opt:a});e=d.i;var u=d.barHeight,g=d.j;if(r.isBarHorizontal&&r.hasBars()||!n.config.tooltip.shared?(h=d.x,c=d.y,i=Array.isArray(n.config.stroke.width)?n.config.stroke.width[e]:n.config.stroke.width,l=h):n.globals.comboCharts||n.config.tooltip.shared||(l/=2),isNaN(c)&&(c=n.globals.svgHeight-r.tooltipRect.ttHeight),h+r.tooltipRect.ttWidth>n.globals.gridWidth?h-=r.tooltipRect.ttWidth:h<0&&(h+=r.tooltipRect.ttWidth),r.w.config.tooltip.followCursor){var f=r.getElGrid().getBoundingClientRect();c=r.e.clientY-f.top}if(null===r.tooltip&&(r.tooltip=n.globals.dom.baseEl.querySelector(".apexcharts-tooltip")),n.config.tooltip.shared||(n.globals.comboChartsHasBars?r.tooltipPosition.moveXCrosshairs(l+i/2):r.tooltipPosition.moveXCrosshairs(l)),!r.fixedTooltip&&(!n.config.tooltip.shared||r.isBarHorizontal&&r.hasBars())){x&&(h=n.globals.gridWidth-h),o.style.left=h+n.globals.translateX+"px";var p=parseInt(a.paths.parentNode.getAttribute("data:realIndex")),x=n.globals.isMultipleYAxis?n.config.yaxis[p].reversed:n.config.yaxis[0].reversed;!x||r.isBarHorizontal&&r.hasBars()||(c=c+u-2*(n.globals.series[e][g]<0?u:0)),r.tooltipRect.ttHeight+c>n.globals.gridHeight?(c=n.globals.gridHeight-r.tooltipRect.ttHeight+n.globals.translateY,o.style.top=c+"px"):o.style.top=c+n.globals.translateY-r.tooltipRect.ttHeight/2+"px"}}},{key:"getBarTooltipXY",value:function(t){var e=t.e,i=t.opt,s=this.w,a=null,n=this.ttCtx,r=0,o=0,l=0,h=0,c=0,d=e.target.classList;if(d.contains("apexcharts-bar-area")||d.contains("apexcharts-candlestick-area")){var u=e.target,g=u.getBoundingClientRect(),f=i.elGrid.getBoundingClientRect(),p=g.height;c=g.height;var x=g.width,m=parseInt(u.getAttribute("cx")),v=parseInt(u.getAttribute("cy"));h=parseFloat(u.getAttribute("barWidth"));var b="touchmove"===e.type?e.touches[0].clientX:e.clientX;a=parseInt(u.getAttribute("j")),r=parseInt(u.parentNode.getAttribute("rel"))-1,s.globals.comboCharts&&(r=parseInt(u.parentNode.getAttribute("data:realIndex"))),n.tooltipLabels.drawSeriesTexts({ttItems:i.ttItems,i:r,j:a,shared:!n.showOnIntersect&&s.config.tooltip.shared}),s.config.tooltip.followCursor?s.config.plotOptions.bar.horizontal?(o=b-f.left+15,l=v-n.dataPointsDividedHeight+p/2-n.tooltipRect.ttHeight/2):(o=s.globals.isXNumeric?m-x/2:m-n.dataPointsDividedWidth+x/2,l=e.clientY-f.top-n.tooltipRect.ttHeight/2-15):s.config.plotOptions.bar.horizontal?((o=m)<n.xyRatios.baseLineInvertedY&&(o=m-n.tooltipRect.ttWidth),l=v-n.dataPointsDividedHeight+p/2-n.tooltipRect.ttHeight/2):(o=s.globals.isXNumeric?m-x/2:m-n.dataPointsDividedWidth+x/2,l=v)}return{x:o,y:l,barHeight:c,barWidth:h,i:r,j:a}}}]),t}(),gt=function(){function t(i){e(this,t),this.w=i.w,this.ttCtx=i}return s(t,[{key:"drawXaxisTooltip",value:function(){var t=this.w,e=this.ttCtx,i="bottom"===t.config.xaxis.position;e.xaxisOffY=i?t.globals.gridHeight+1:1;var s=i?"apexcharts-xaxistooltip apexcharts-xaxistooltip-bottom":"apexcharts-xaxistooltip apexcharts-xaxistooltip-top",a=t.globals.dom.elWrap;e.blxaxisTooltip&&(null===t.globals.dom.baseEl.querySelector(".apexcharts-xaxistooltip")&&(e.xaxisTooltip=document.createElement("div"),e.xaxisTooltip.setAttribute("class",s),a.appendChild(e.xaxisTooltip),e.xaxisTooltipText=document.createElement("div"),e.xaxisTooltipText.classList.add("apexcharts-xaxistooltip-text"),e.xaxisTooltipText.style.fontFamily=t.config.xaxis.tooltip.style.fontFamily||t.config.chart.fontFamily,e.xaxisTooltipText.style.fontSize=t.config.xaxis.tooltip.style.fontSize,e.xaxisTooltip.appendChild(e.xaxisTooltipText)))}},{key:"drawYaxisTooltip",value:function(){for(var t=this.w,e=this.ttCtx,i=0;i<t.config.yaxis.length;i++){var s=t.config.yaxis[i].opposite||t.config.yaxis[i].crosshairs.opposite;e.yaxisOffX=s?t.globals.gridWidth+1:1;var a="apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i,s?" apexcharts-yaxistooltip-right":" apexcharts-yaxistooltip-left"),n=t.globals.dom.elWrap;if(e.blyaxisTooltip)null===t.globals.dom.baseEl.querySelector(".apexcharts-yaxistooltip apexcharts-yaxistooltip-".concat(i))&&(e.yaxisTooltip=document.createElement("div"),e.yaxisTooltip.setAttribute("class",a),n.appendChild(e.yaxisTooltip),0===i&&(e.yaxisTooltipText=[]),e.yaxisTooltipText.push(document.createElement("div")),e.yaxisTooltipText[i].classList.add("apexcharts-yaxistooltip-text"),e.yaxisTooltip.appendChild(e.yaxisTooltipText[i]))}}},{key:"setXCrosshairWidth",value:function(){var t=this.w,e=this.ttCtx,i=e.getElXCrosshairs();if(e.xcrosshairsWidth=parseInt(t.config.xaxis.crosshairs.width),t.globals.comboCharts){var s=t.globals.dom.baseEl.querySelector(".apexcharts-bar-area");if(null!==s&&"barWidth"===t.config.xaxis.crosshairs.width){var a=parseFloat(s.getAttribute("barWidth"));e.xcrosshairsWidth=a}else if("tickWidth"===t.config.xaxis.crosshairs.width){var n=t.globals.labels.length;e.xcrosshairsWidth=t.globals.gridWidth/n}}else if("tickWidth"===t.config.xaxis.crosshairs.width){var r=t.globals.labels.length;e.xcrosshairsWidth=t.globals.gridWidth/r}else if("barWidth"===t.config.xaxis.crosshairs.width){var o=t.globals.dom.baseEl.querySelector(".apexcharts-bar-area");if(null!==o){var l=parseFloat(o.getAttribute("barWidth"));e.xcrosshairsWidth=l}else e.xcrosshairsWidth=1}"bar"===t.config.chart.type&&t.config.plotOptions.bar.horizontal&&(e.xcrosshairsWidth=0),null!==i&&e.xcrosshairsWidth>0&&i.setAttribute("width",e.xcrosshairsWidth)}},{key:"handleYCrosshair",value:function(){var t=this.w,e=this.ttCtx;e.ycrosshairs=t.globals.dom.baseEl.querySelector(".apexcharts-ycrosshairs"),e.ycrosshairsHidden=t.globals.dom.baseEl.querySelector(".apexcharts-ycrosshairs-hidden")}},{key:"drawYaxisTooltipText",value:function(t,e,i){var s=this.ttCtx,a=this.w,n=a.globals.yLabelFormatters[t];if(s.blyaxisTooltip){var r=s.getElGrid().getBoundingClientRect(),o=(e-r.top)*i.yRatio[t],l=a.globals.maxYArr[t]-a.globals.minYArr[t],h=a.globals.minYArr[t]+(l-o);s.tooltipPosition.moveYCrosshairs(e-r.top),s.yaxisTooltipText[t].innerHTML=n(h),s.tooltipPosition.moveYAxisTooltip(t)}}}]),t}(),ft=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w;var s=this.w;this.tooltipUtil=new lt(this),this.tooltipLabels=new ht(this),this.tooltipPosition=new ct(this),this.marker=new dt(this),this.intersect=new ut(this),this.axesTooltip=new gt(this),this.showOnIntersect=s.config.tooltip.intersect,this.showTooltipTitle=s.config.tooltip.x.show,this.fixedTooltip=s.config.tooltip.fixed.enabled,this.xaxisTooltip=null,this.yaxisTTEls=null,this.isBarHorizontal=s.config.plotOptions.bar.horizontal,this.isBarShared=!s.config.plotOptions.bar.horizontal&&s.config.tooltip.shared}return s(t,[{key:"getElTooltip",value:function(t){return t||(t=this),t.w.globals.dom.baseEl.querySelector(".apexcharts-tooltip")}},{key:"getElXCrosshairs",value:function(){return this.w.globals.dom.baseEl.querySelector(".apexcharts-xcrosshairs")}},{key:"getElGrid",value:function(){return this.w.globals.dom.baseEl.querySelector(".apexcharts-grid")}},{key:"drawTooltip",value:function(t){var e=this.w;this.xyRatios=t,this.blxaxisTooltip=e.config.xaxis.tooltip.enabled&&e.globals.axisCharts,this.blyaxisTooltip=e.config.yaxis[0].tooltip.enabled&&e.globals.axisCharts,this.allTooltipSeriesGroups=[],e.globals.axisCharts||(this.showTooltipTitle=!1);var i=document.createElement("div");if(i.classList.add("apexcharts-tooltip"),i.classList.add(e.config.tooltip.theme),e.globals.dom.elWrap.appendChild(i),e.globals.axisCharts){this.axesTooltip.drawXaxisTooltip(),this.axesTooltip.drawYaxisTooltip(),this.axesTooltip.setXCrosshairWidth(),this.axesTooltip.handleYCrosshair();var s=new N(this.ctx);this.xAxisTicksPositions=s.getXAxisTicksPositions()}if((e.globals.comboCharts&&!e.config.tooltip.shared||e.config.tooltip.intersect&&!e.config.tooltip.shared||"bar"===e.config.chart.type&&!e.config.tooltip.shared)&&(this.showOnIntersect=!0),0!==e.config.markers.size&&0!==e.globals.markers.largestSize||this.marker.drawDynamicPoints(this),e.globals.collapsedSeries.length!==e.globals.series.length){this.dataPointsDividedHeight=e.globals.gridHeight/e.globals.dataPoints,this.dataPointsDividedWidth=e.globals.gridWidth/e.globals.dataPoints,this.showTooltipTitle&&(this.tooltipTitle=document.createElement("div"),this.tooltipTitle.classList.add("apexcharts-tooltip-title"),this.tooltipTitle.style.fontFamily=e.config.tooltip.style.fontFamily||e.config.chart.fontFamily,this.tooltipTitle.style.fontSize=e.config.tooltip.style.fontSize,i.appendChild(this.tooltipTitle));var a=e.globals.series.length;(e.globals.xyCharts||e.globals.comboCharts)&&e.config.tooltip.shared&&(a=this.showOnIntersect?1:e.globals.series.length),this.ttItems=this.createTTElements(a),this.addSVGEvents()}}},{key:"createTTElements",value:function(t){for(var e=this.w,i=[],s=this.getElTooltip(),a=0;a<t;a++){var n=document.createElement("div");n.classList.add("apexcharts-tooltip-series-group");var r=document.createElement("span");r.classList.add("apexcharts-tooltip-marker"),r.style.backgroundColor=e.globals.colors[a],n.appendChild(r);var o=document.createElement("div");o.classList.add("apexcharts-tooltip-text"),o.style.fontFamily=e.config.tooltip.style.fontFamily||e.config.chart.fontFamily,o.style.fontSize=e.config.tooltip.style.fontSize;var l=document.createElement("div");l.classList.add("apexcharts-tooltip-y-group");var h=document.createElement("span");h.classList.add("apexcharts-tooltip-text-label"),l.appendChild(h);var c=document.createElement("span");c.classList.add("apexcharts-tooltip-text-value"),l.appendChild(c);var d=document.createElement("div");d.classList.add("apexcharts-tooltip-z-group");var u=document.createElement("span");u.classList.add("apexcharts-tooltip-text-z-label"),d.appendChild(u);var g=document.createElement("span");g.classList.add("apexcharts-tooltip-text-z-value"),d.appendChild(g),o.appendChild(l),o.appendChild(d),n.appendChild(o),s.appendChild(n),i.push(n)}return i}},{key:"addSVGEvents",value:function(){var t=this.w,e=t.config.chart.type,i=this.getElTooltip(),s=!("bar"!==e&&"candlestick"!==e),a=t.globals.dom.Paper.node,n=this.getElGrid();n&&(this.seriesBound=n.getBoundingClientRect());var r,o=[],l=[],h={hoverArea:a,elGrid:n,tooltipEl:i,tooltipY:o,tooltipX:l,ttItems:this.ttItems};if(t.globals.axisCharts&&("area"===e||"line"===e||"scatter"===e||"bubble"===e?r=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series[data\\:longestSeries='true'] .apexcharts-marker"):s?r=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series .apexcharts-bar-area",".apexcharts-series .apexcharts-candlestick-area"):"heatmap"===e?r=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series .apexcharts-heatmap"):"radar"===e&&(r=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series .apexcharts-marker")),r&&r.length))for(var c=0;c<r.length;c++)o.push(r[c].getAttribute("cy")),l.push(r[c].getAttribute("cx"));if(t.globals.xyCharts&&!this.showOnIntersect||t.globals.comboCharts&&!this.showOnIntersect||s&&this.hasBars()&&t.config.tooltip.shared)this.addPathsEventListeners([a],h);else if(s&&!t.globals.comboCharts)this.addBarsEventListeners(h);else if("bubble"===e||"scatter"===e||"radar"===e||this.showOnIntersect&&("area"===e||"line"===e))this.addPointsEventsListeners(h);else if(!t.globals.axisCharts||"heatmap"===e){var d=t.globals.dom.baseEl.querySelectorAll(".apexcharts-series");this.addPathsEventListeners(d,h)}if(this.showOnIntersect){var u=t.globals.dom.baseEl.querySelectorAll(".apexcharts-line-series .apexcharts-marker");u.length>0&&this.addPathsEventListeners(u,h);var g=t.globals.dom.baseEl.querySelectorAll(".apexcharts-area-series .apexcharts-marker");g.length>0&&this.addPathsEventListeners(g,h),this.hasBars()&&!t.config.tooltip.shared&&this.addBarsEventListeners(h)}}},{key:"drawFixedTooltipRect",value:function(){var t=this.w,e=this.getElTooltip(),i=e.getBoundingClientRect(),s=i.width+10,a=i.height+10,n=t.config.tooltip.fixed.offsetX,r=t.config.tooltip.fixed.offsetY;return t.config.tooltip.fixed.position.toLowerCase().indexOf("right")>-1&&(n=n+t.globals.svgWidth-s+10),t.config.tooltip.fixed.position.toLowerCase().indexOf("bottom")>-1&&(r=r+t.globals.svgHeight-a-10),e.style.left=n+"px",e.style.top=r+"px",{x:n,y:r,ttWidth:s,ttHeight:a}}},{key:"addPointsEventsListeners",value:function(t){var e=this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series-markers .apexcharts-marker");this.addPathsEventListeners(e,t)}},{key:"addBarsEventListeners",value:function(t){var e=this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-bar-area, .apexcharts-candlestick-area");this.addPathsEventListeners(e,t)}},{key:"addPathsEventListeners",value:function(t,e){for(var i=this,s=this,a=function(a){var n={paths:t[a],tooltipEl:e.tooltipEl,tooltipY:e.tooltipY,tooltipX:e.tooltipX,elGrid:e.elGrid,hoverArea:e.hoverArea,ttItems:e.ttItems};i.w.globals.tooltipOpts=n;["mousemove","touchmove","mouseout","touchend"].map(function(e){return t[a].addEventListener(e,s.seriesHover.bind(s,n),{capture:!1,passive:!0})})},n=0;n<t.length;n++)a(n)}},{key:"seriesHover",value:function(t,e){var i=this,s=[],a=this.w;a.config.chart.group&&(s=this.ctx.getGroupedCharts()),a.globals.axisCharts&&(a.globals.minX===-1/0&&a.globals.maxX===1/0||0===a.globals.dataPoints)||(s.length?s.forEach(function(s){var a=i.getElTooltip(s),n={paths:t.paths,tooltipEl:a,tooltipY:t.tooltipY,tooltipX:t.tooltipX,elGrid:t.elGrid,hoverArea:t.hoverArea,ttItems:s.w.globals.tooltip.ttItems};s.w.globals.minX===i.w.globals.minX&&s.w.globals.maxX===i.w.globals.maxX&&s.w.globals.tooltip.seriesHoverByContext({chartCtx:s,ttCtx:s.w.globals.tooltip,opt:n,e:e})}):this.seriesHoverByContext({chartCtx:this.ctx,ttCtx:this.w.globals.tooltip,opt:t,e:e}))}},{key:"seriesHoverByContext",value:function(t){var e=t.chartCtx,i=t.ttCtx,s=t.opt,a=t.e,n=e.w,r=this.getElTooltip();(i.tooltipRect={x:0,y:0,ttWidth:r.getBoundingClientRect().width,ttHeight:r.getBoundingClientRect().height},i.e=a,!i.hasBars()||n.globals.comboCharts||i.isBarShared)||n.config.tooltip.onDatasetHover.highlightDataSeries&&new B(e).toggleSeriesOnHover(a,a.target.parentNode);i.fixedTooltip&&i.drawFixedTooltipRect(),n.globals.axisCharts?i.axisChartsTooltips({e:a,opt:s,tooltipRect:i.tooltipRect}):i.nonAxisChartsTooltips({e:a,opt:s,tooltipRect:i.tooltipRect})}},{key:"axisChartsTooltips",value:function(t){var e,i,s,a=t.e,n=t.opt,r=this.w,o=null,l=n.elGrid.getBoundingClientRect(),h="touchmove"===a.type?a.touches[0].clientX:a.clientX,c="touchmove"===a.type?a.touches[0].clientY:a.clientY;if(this.clientY=c,this.clientX=h,c<l.top||c>l.top+l.height)this.handleMouseOut(n);else{var d=this.getElTooltip(),u=this.getElXCrosshairs(),g=r.globals.xyCharts||"bar"===r.config.chart.type&&!this.isBarHorizontal&&this.hasBars()&&r.config.tooltip.shared||r.globals.comboCharts&&this.hasBars;if("bar"===r.config.chart.type&&this.isBarHorizontal&&this.hasBars()&&(g=!1),"mousemove"===a.type||"touchmove"===a.type){if(null!==u&&u.classList.add("active"),null!==this.ycrosshairs&&this.blyaxisTooltip&&this.ycrosshairs.classList.add("active"),g&&!this.showOnIntersect){e=(o=this.tooltipUtil.getNearestValues({context:this,hoverArea:n.hoverArea,elGrid:n.elGrid,clientX:h,clientY:c,hasBars:this.hasBars})).j;var f=o.capturedSeries;if(o.hoverX<0||o.hoverX>r.globals.gridWidth)return void this.handleMouseOut(n);if(null!==f){if(null===r.globals.series[f][e])return void n.tooltipEl.classList.remove("active");void 0!==r.globals.series[f][e]?r.config.tooltip.shared&&this.tooltipUtil.isXoverlap(e)&&this.tooltipUtil.isinitialSeriesSameLen()?this.create(this,f,e,n.ttItems):this.create(this,f,e,n.ttItems,!1):this.tooltipUtil.isXoverlap(e)&&this.create(this,0,e,n.ttItems)}else this.tooltipUtil.isXoverlap(e)&&this.create(this,0,e,n.ttItems)}else if("heatmap"===r.config.chart.type){var p=this.intersect.handleHeatTooltip({e:a,opt:n,x:i,y:s});i=p.x,s=p.y,d.style.left=i+"px",d.style.top=s+"px"}else this.hasBars&&this.intersect.handleBarTooltip({e:a,opt:n}),this.hasMarkers&&this.intersect.handleMarkerTooltip({e:a,opt:n,x:i,y:s});if(this.blyaxisTooltip)for(var x=0;x<r.config.yaxis.length;x++)this.axesTooltip.drawYaxisTooltipText(x,c,this.xyRatios);n.tooltipEl.classList.add("active")}else"mouseout"!==a.type&&"touchend"!==a.type||this.handleMouseOut(n)}}},{key:"nonAxisChartsTooltips",value:function(t){var e=t.e,i=t.opt,s=t.tooltipRect,a=this.w,n=i.paths.getAttribute("rel"),r=this.getElTooltip(),o=0,l=0,h=null,c="touchmove"===e.type?e.touches[0].clientX:e.clientX;"radialBar"===a.config.chart.type?h=a.globals.dom.baseEl.querySelector(".apexcharts-radialbar"):(h=a.globals.dom.baseEl.querySelector(".apexcharts-pie"),o=parseInt(h.getAttribute("data:innerTranslateX")),l=parseInt(h.getAttribute("data:innerTranslateY")));var d=h.getBoundingClientRect();if("mousemove"===e.type||"touchmove"===e.type){r.classList.add("active"),this.tooltipLabels.drawSeriesTexts({ttItems:i.ttItems,i:parseInt(n)-1,shared:!1});var u=c-d.left-s.ttWidth/2.2+o,g=e.clientY-d.top-s.ttHeight/2-15+l;u<0?u=0:u+s.ttWidth>a.globals.gridWidth&&(u=c-d.left-s.ttWidth+o),g<0&&(g=s.ttHeight+20),r.style.left=u+a.globals.translateX+"px",r.style.top=g+"px"}else"mouseout"!==e.type&&"touchend"!==e.type||r.classList.remove("active")}},{key:"deactivateHoverFilter",value:function(){for(var t=this.w,e=new f(this.ctx),i=t.globals.dom.Paper.select(".apexcharts-bar-area"),s=0;s<i.length;s++)e.pathMouseLeave(i[s])}},{key:"handleMouseOut",value:function(t){var e=this.w,i=this.getElXCrosshairs();if(t.tooltipEl.classList.remove("active"),this.deactivateHoverFilter(),"bubble"!==e.config.chart.type&&this.marker.resetPointsSize(),null!==i&&i.classList.remove("active"),null!==this.ycrosshairs&&this.ycrosshairs.classList.remove("active"),this.blxaxisTooltip&&this.xaxisTooltip.classList.remove("active"),this.blyaxisTooltip){null===this.yaxisTTEls&&(this.yaxisTTEls=e.globals.dom.baseEl.querySelectorAll(".apexcharts-yaxistooltip"));for(var s=0;s<this.yaxisTTEls.length;s++)this.yaxisTTEls[s].classList.remove("active")}}},{key:"getElMarkers",value:function(){return this.w.globals.dom.baseEl.querySelectorAll(" .apexcharts-series-markers")}},{key:"getAllMarkers",value:function(){return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-series-markers .apexcharts-marker")}},{key:"hasMarkers",value:function(){return this.getElMarkers().length>0}},{key:"getElBars",value:function(){return this.w.globals.dom.baseEl.querySelectorAll(".apexcharts-bar-series, .apexcharts-candlestick-series")}},{key:"hasBars",value:function(){return this.getElBars().length>0}},{key:"create",value:function(t,e,i,s){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,n=this.w,r=t;null===a&&(a=n.config.tooltip.shared);var o=this.hasMarkers(),l=this.getElBars();if(a){if(r.tooltipLabels.drawSeriesTexts({ttItems:s,i:e,j:i,shared:!this.showOnIntersect&&n.config.tooltip.shared}),o&&(n.globals.markers.largestSize>0?r.marker.enlargePoints(i):r.tooltipPosition.moveDynamicPointsOnHover(i)),this.hasBars()&&(this.barSeriesHeight=this.tooltipUtil.getBarsHeight(l),this.barSeriesHeight>0)){var h=new f(this.ctx),c=n.globals.dom.Paper.select(".apexcharts-bar-area[j='".concat(i,"']"));this.deactivateHoverFilter(),this.tooltipPosition.moveStickyTooltipOverBars(i);for(var d=0;d<c.length;d++)h.pathMouseEnter(c[d])}}else r.tooltipLabels.drawSeriesTexts({shared:!1,ttItems:s,i:e,j:i}),this.hasBars()&&r.tooltipPosition.moveStickyTooltipOverBars(i),o&&r.tooltipPosition.moveMarkers(e,i)}}]),t}(),pt=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w,this.ev=this.w.config.chart.events,this.localeValues=this.w.globals.locale.toolbar}return s(t,[{key:"createToolbar",value:function(){var t=this.w,e=document.createElement("div");if(e.setAttribute("class","apexcharts-toolbar"),t.globals.dom.elWrap.appendChild(e),this.elZoom=document.createElement("div"),this.elZoomIn=document.createElement("div"),this.elZoomOut=document.createElement("div"),this.elPan=document.createElement("div"),this.elSelection=document.createElement("div"),this.elZoomReset=document.createElement("div"),this.elMenuIcon=document.createElement("div"),this.elMenu=document.createElement("div"),this.elCustomIcons=[],this.t=t.config.chart.toolbar.tools,Array.isArray(this.t.customIcons))for(var i=0;i<this.t.customIcons.length;i++)this.elCustomIcons.push(document.createElement("div"));this.elMenuItems=[];var s=[];this.t.zoomin&&t.config.chart.zoom.enabled&&s.push({el:this.elZoomIn,icon:"string"==typeof this.t.zoomin?this.t.zoomin:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n <path d="M0 0h24v24H0z" fill="none"/>\n <path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\n</svg>\n',title:this.localeValues.zoomIn,class:"apexcharts-zoom-in-icon"}),this.t.zoomout&&t.config.chart.zoom.enabled&&s.push({el:this.elZoomOut,icon:"string"==typeof this.t.zoomout?this.t.zoomout:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n <path d="M0 0h24v24H0z" fill="none"/>\n <path d="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>\n</svg>\n',title:this.localeValues.zoomOut,class:"apexcharts-zoom-out-icon"}),this.t.zoom&&t.config.chart.zoom.enabled&&s.push({el:this.elZoom,icon:"string"==typeof this.t.zoom?this.t.zoom:'<svg xmlns="http://www.w3.org/2000/svg" fill="#000000" height="24" viewBox="0 0 24 24" width="24">\n <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>\n <path d="M0 0h24v24H0V0z" fill="none"/>\n <path d="M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z"/>\n</svg>',title:this.localeValues.selectionZoom,class:t.globals.isTouchDevice?"hidden":"apexcharts-zoom-icon"}),this.t.selection&&t.config.chart.selection.enabled&&s.push({el:this.elSelection,icon:"string"==typeof this.t.selection?this.t.selection:'<svg fill="#6E8192" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">\n <path d="M0 0h24v24H0z" fill="none"/>\n <path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2z"/>\n</svg>',title:this.localeValues.selection,class:t.globals.isTouchDevice?"hidden":"apexcharts-selection-icon"}),this.t.pan&&t.config.chart.zoom.enabled&&s.push({el:this.elPan,icon:"string"==typeof this.t.pan?this.t.pan:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" height="24" viewBox="0 0 24 24" width="24">\n <defs>\n <path d="M0 0h24v24H0z" id="a"/>\n </defs>\n <clipPath id="b">\n <use overflow="visible" xlink:href="#a"/>\n </clipPath>\n <path clip-path="url(#b)" d="M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z"/>\n</svg>',title:this.localeValues.pan,class:t.globals.isTouchDevice?"hidden":"apexcharts-pan-icon"}),this.t.reset&&t.config.chart.zoom.enabled&&s.push({el:this.elZoomReset,icon:"string"==typeof this.t.reset?this.t.reset:'<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">\n <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>\n <path d="M0 0h24v24H0z" fill="none"/>\n</svg>',title:this.localeValues.reset,class:"apexcharts-reset-zoom-icon"}),this.t.download&&s.push({el:this.elMenuIcon,icon:"string"==typeof this.t.download?this.t.download:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>',title:this.localeValues.menu,class:"apexcharts-menu-icon"});for(var a=0;a<this.elCustomIcons.length;a++)s.push({el:this.elCustomIcons[a],icon:this.t.customIcons[a].icon,title:this.t.customIcons[a].title,index:this.t.customIcons[a].index,class:"apexcharts-toolbar-custom-icon "+this.t.customIcons[a].class});s.forEach(function(t,e){t.index&&d.moveIndexInArray(s,e,t.index)});for(var n=0;n<s.length;n++)f.setAttrs(s[n].el,{class:s[n].class,title:s[n].title}),s[n].el.innerHTML=s[n].icon,e.appendChild(s[n].el);e.appendChild(this.elMenu),f.setAttrs(this.elMenu,{class:"apexcharts-menu"});for(var r=[{name:"exportSVG",title:this.localeValues.exportToSVG},{name:"exportPNG",title:this.localeValues.exportToPNG}],o=0;o<r.length;o++)this.elMenuItems.push(document.createElement("div")),this.elMenuItems[o].innerHTML=r[o].title,f.setAttrs(this.elMenuItems[o],{class:"apexcharts-menu-item ".concat(r[o].name),title:r[o].title}),this.elMenu.appendChild(this.elMenuItems[o]);t.globals.zoomEnabled?this.elZoom.classList.add("selected"):t.globals.panEnabled?this.elPan.classList.add("selected"):t.globals.selectionEnabled&&this.elSelection.classList.add("selected"),this.addToolbarEventListeners()}},{key:"addToolbarEventListeners",value:function(){var t=this;this.elZoomReset.addEventListener("click",this.handleZoomReset.bind(this)),this.elSelection.addEventListener("click",this.toggleSelection.bind(this)),this.elZoom.addEventListener("click",this.toggleZooming.bind(this)),this.elZoomIn.addEventListener("click",this.handleZoomIn.bind(this)),this.elZoomOut.addEventListener("click",this.handleZoomOut.bind(this)),this.elPan.addEventListener("click",this.togglePanning.bind(this)),this.elMenuIcon.addEventListener("click",this.toggleMenu.bind(this)),this.elMenuItems.forEach(function(e){e.classList.contains("exportSVG")?e.addEventListener("click",t.downloadSVG.bind(t)):e.classList.contains("exportPNG")&&e.addEventListener("click",t.downloadPNG.bind(t))});for(var e=0;e<this.t.customIcons.length;e++)this.elCustomIcons[e].addEventListener("click",this.t.customIcons[e].click)}},{key:"toggleSelection",value:function(){this.toggleOtherControls(),this.w.globals.selectionEnabled=!this.w.globals.selectionEnabled,this.elSelection.classList.contains("selected")?this.elSelection.classList.remove("selected"):this.elSelection.classList.add("selected")}},{key:"toggleZooming",value:function(){this.toggleOtherControls(),this.w.globals.zoomEnabled=!this.w.globals.zoomEnabled,this.elZoom.classList.contains("selected")?this.elZoom.classList.remove("selected"):this.elZoom.classList.add("selected")}},{key:"getToolbarIconsReference",value:function(){var t=this.w;this.elZoom||(this.elZoom=t.globals.dom.baseEl.querySelector(".apexcharts-zoom-icon")),this.elPan||(this.elPan=t.globals.dom.baseEl.querySelector(".apexcharts-pan-icon")),this.elSelection||(this.elSelection=t.globals.dom.baseEl.querySelector(".apexcharts-selection-icon"))}},{key:"enableZooming",value:function(){this.toggleOtherControls(),this.w.globals.zoomEnabled=!0,this.elZoom&&this.elZoom.classList.add("selected"),this.elPan&&this.elPan.classList.remove("selected")}},{key:"enablePanning",value:function(){this.toggleOtherControls(),this.w.globals.panEnabled=!0,this.elPan&&this.elPan.classList.add("selected"),this.elZoom&&this.elZoom.classList.remove("selected")}},{key:"togglePanning",value:function(){this.toggleOtherControls(),this.w.globals.panEnabled=!this.w.globals.panEnabled,this.elPan.classList.contains("selected")?this.elPan.classList.remove("selected"):this.elPan.classList.add("selected")}},{key:"toggleOtherControls",value:function(){var t=this.w;t.globals.panEnabled=!1,t.globals.zoomEnabled=!1,t.globals.selectionEnabled=!1,this.getToolbarIconsReference(),this.elPan&&this.elPan.classList.remove("selected"),this.elSelection&&this.elSelection.classList.remove("selected"),this.elZoom&&this.elZoom.classList.remove("selected")}},{key:"handleZoomIn",value:function(){var t=this.w,e=(t.globals.minX+t.globals.maxX)/2,i=(t.globals.minX+e)/2,s=(t.globals.maxX+e)/2;t.globals.disableZoomIn||this.zoomUpdateOptions(i,s)}},{key:"handleZoomOut",value:function(){var t=this.w;if(!("datetime"===t.config.xaxis.type&&new Date(t.globals.minX).getUTCFullYear()<1e3)){var e=(t.globals.minX+t.globals.maxX)/2,i=t.globals.minX-(e-t.globals.minX),s=t.globals.maxX-(e-t.globals.maxX);t.globals.disableZoomOut||this.zoomUpdateOptions(i,s)}}},{key:"zoomUpdateOptions",value:function(t,e){var i={min:t,max:e},s=this.getBeforeZoomRange(i);s&&(i=s.xaxis),this.w.globals.zoomed=!0,this.ctx._updateOptions({xaxis:i},!1,this.w.config.chart.animations.dynamicAnimation.enabled),this.zoomCallback(i)}},{key:"zoomCallback",value:function(t,e){"function"==typeof this.ev.zoomed&&this.ev.zoomed(this.ctx,{xaxis:t,yaxis:e})}},{key:"getBeforeZoomRange",value:function(t,e){var i=null;return"function"==typeof this.ev.beforeZoom&&(i=this.ev.beforeZoom(this,{xaxis:t,yaxis:e})),i}},{key:"toggleMenu",value:function(){this.elMenu.classList.contains("open")?this.elMenu.classList.remove("open"):this.elMenu.classList.add("open")}},{key:"downloadPNG",value:function(){var t=new st(this.ctx);t.exportToPng(this.ctx),this.toggleMenu()}},{key:"downloadSVG",value:function(){var t=new st(this.ctx);t.exportToSVG(),this.toggleMenu()}},{key:"handleZoomReset",value:function(t){var e=this;this.ctx.getSyncedCharts().forEach(function(t){var i=t.w;i.globals.minX!==i.globals.initialminX&&i.globals.maxX!==i.globals.initialmaxX&&(t.revertDefaultAxisMinMax(),"function"==typeof i.config.chart.events.zoomed&&e.zoomCallback({min:i.config.xaxis.min,max:i.config.xaxis.max}),i.globals.zoomed=!1,t._updateSeries(i.globals.initialSeries,i.config.chart.animations.dynamicAnimation.enabled))})}},{key:"destroy",value:function(){this.elZoomReset&&(this.elZoomReset.removeEventListener("click",this.handleZoomReset.bind(this)),this.elSelection.removeEventListener("click",this.toggleSelection.bind(this)),this.elZoom.removeEventListener("click",this.toggleZooming.bind(this)),this.elZoomIn.removeEventListener("click",this.handleZoomIn.bind(this)),this.elZoomOut.removeEventListener("click",this.handleZoomOut.bind(this)),this.elPan.removeEventListener("click",this.togglePanning.bind(this)),this.elMenuIcon.removeEventListener("click",this.toggleMenu.bind(this))),this.elZoom=null,this.elZoomIn=null,this.elZoomOut=null,this.elPan=null,this.elSelection=null,this.elZoomReset=null,this.elMenuIcon=null}}]),t}(),xt=function(t){function i(t){var s;return e(this,i),(s=h(this,o(i).call(this,t))).ctx=t,s.w=t.w,s.dragged=!1,s.graphics=new f(s.ctx),s.eventList=["mousedown","mousemove","touchstart","touchmove","mouseup","touchend"],s.clientX=0,s.clientY=0,s.startX=0,s.endX=0,s.dragX=0,s.startY=0,s.endY=0,s.dragY=0,s}return r(i,pt),s(i,[{key:"init",value:function(t){var e=this,i=t.xyRatios,s=this.w,a=this;this.xyRatios=i,this.zoomRect=this.graphics.drawRect(0,0,0,0),this.selectionRect=this.graphics.drawRect(0,0,0,0),this.gridRect=s.globals.dom.baseEl.querySelector(".apexcharts-grid"),this.zoomRect.node.classList.add("apexcharts-zoom-rect"),this.selectionRect.node.classList.add("apexcharts-selection-rect"),s.globals.dom.elGraphical.add(this.zoomRect),s.globals.dom.elGraphical.add(this.selectionRect),"x"===s.config.chart.selection.type?this.slDraggableRect=this.selectionRect.draggable({minX:0,minY:0,maxX:s.globals.gridWidth,maxY:s.globals.gridHeight}).on("dragmove",this.selectionDragging.bind(this,"dragging")):"y"===s.config.chart.selection.type?this.slDraggableRect=this.selectionRect.draggable({minX:0,maxX:s.globals.gridWidth}).on("dragmove",this.selectionDragging.bind(this,"dragging")):this.slDraggableRect=this.selectionRect.draggable().on("dragmove",this.selectionDragging.bind(this,"dragging")),this.preselectedSelection(),this.hoverArea=s.globals.dom.baseEl.querySelector(s.globals.chartClass),this.hoverArea.classList.add("zoomable"),this.eventList.forEach(function(t){e.hoverArea.addEventListener(t,a.svgMouseEvents.bind(a,i),{capture:!1,passive:!0})})}},{key:"destroy",value:function(){var t=this,e=this;this.eventList.forEach(function(i){t.hoverArea&&t.hoverArea.removeEventListener(i,e.svgMouseEvents.bind(e,e.xyRatios),{capture:!1,passive:!0})}),this.slDraggableRect&&(this.slDraggableRect.draggable(!1),this.slDraggableRect.off(),this.selectionRect.off()),this.selectionRect=null,this.zoomRect=null,this.gridRect=null}},{key:"svgMouseEvents",value:function(t,e){var i=this.w,s=this,a=this.ctx.toolbar,n=i.globals.zoomEnabled?i.config.chart.zoom.type:i.config.chart.selection.type;if(e.shiftKey?(this.shiftWasPressed=!0,a.enablePanning()):this.shiftWasPressed&&(a.enableZooming(),this.shiftWasPressed=!1),!(e.target.classList.contains("apexcharts-selection-rect")||e.target.parentNode.classList.contains("apexcharts-toolbar"))){if(s.clientX="touchmove"===e.type||"touchstart"===e.type?e.touches[0].clientX:"touchend"===e.type?e.changedTouches[0].clientX:e.clientX,s.clientY="touchmove"===e.type||"touchstart"===e.type?e.touches[0].clientY:"touchend"===e.type?e.changedTouches[0].clientY:e.clientY,"mousedown"===e.type&&1===e.which){var r=s.gridRect.getBoundingClientRect();s.startX=s.clientX-r.left,s.startY=s.clientY-r.top,s.dragged=!1,s.w.globals.mousedown=!0}if(("mousemove"===e.type&&1===e.which||"touchmove"===e.type)&&(s.dragged=!0,i.globals.panEnabled?(i.globals.selection=null,s.w.globals.mousedown&&s.panDragging({context:s,zoomtype:n,xyRatios:t})):(s.w.globals.mousedown&&i.globals.zoomEnabled||s.w.globals.mousedown&&i.globals.selectionEnabled)&&(s.selection=s.selectionDrawing({context:s,zoomtype:n}))),"mouseup"===e.type||"touchend"===e.type){var o=s.gridRect.getBoundingClientRect();s.w.globals.mousedown&&(s.endX=s.clientX-o.left,s.endY=s.clientY-o.top,s.dragX=Math.abs(s.endX-s.startX),s.dragY=Math.abs(s.endY-s.startY),(i.globals.zoomEnabled||i.globals.selectionEnabled)&&s.selectionDrawn({context:s,zoomtype:n})),i.globals.zoomEnabled&&s.hideSelectionRect(this.selectionRect),s.dragged=!1,s.w.globals.mousedown=!1}this.makeSelectionRectDraggable()}}},{key:"makeSelectionRectDraggable",value:function(){var t=this.w;if(this.selectionRect){var e=this.selectionRect.node.getBoundingClientRect();e.width>0&&e.height>0&&this.slDraggableRect.selectize().resize({constraint:{minX:0,minY:0,maxX:t.globals.gridWidth,maxY:t.globals.gridHeight}}).on("resizing",this.selectionDragging.bind(this,"resizing"))}}},{key:"preselectedSelection",value:function(){var t=this.w,e=this.xyRatios;if(!t.globals.zoomEnabled)if(void 0!==t.globals.selection&&null!==t.globals.selection)this.drawSelectionRect(t.globals.selection);else if(void 0!==t.config.chart.selection.xaxis.min&&void 0!==t.config.chart.selection.xaxis.max){var i=(t.config.chart.selection.xaxis.min-t.globals.minX)/e.xRatio,s={x:i,y:0,width:t.globals.gridWidth-(t.globals.maxX-t.config.chart.selection.xaxis.max)/e.xRatio-i,height:t.globals.gridHeight,translateX:0,translateY:0,selectionEnabled:!0};this.drawSelectionRect(s),this.makeSelectionRectDraggable(),"function"==typeof t.config.chart.events.selection&&t.config.chart.events.selection(this.ctx,{xaxis:{min:t.config.chart.selection.xaxis.min,max:t.config.chart.selection.xaxis.max},yaxis:{}})}}},{key:"drawSelectionRect",value:function(t){var e=t.x,i=t.y,s=t.width,a=t.height,n=t.translateX,r=t.translateY,o=this.w,l=this.zoomRect,h=this.selectionRect;if(this.dragged||null!==o.globals.selection){var c={transform:"translate("+n+", "+r+")"};o.globals.zoomEnabled&&this.dragged&&(l.attr({x:e,y:i,width:s,height:a,fill:o.config.chart.zoom.zoomedArea.fill.color,"fill-opacity":o.config.chart.zoom.zoomedArea.fill.opacity,stroke:o.config.chart.zoom.zoomedArea.stroke.color,"stroke-width":o.config.chart.zoom.zoomedArea.stroke.width,"stroke-opacity":o.config.chart.zoom.zoomedArea.stroke.opacity}),f.setAttrs(l.node,c)),o.globals.selectionEnabled&&(h.attr({x:e,y:i,width:s>0?s:0,height:a>0?a:0,fill:o.config.chart.selection.fill.color,"fill-opacity":o.config.chart.selection.fill.opacity,stroke:o.config.chart.selection.stroke.color,"stroke-width":o.config.chart.selection.stroke.width,"stroke-dasharray":o.config.chart.selection.stroke.dashArray,"stroke-opacity":o.config.chart.selection.stroke.opacity}),f.setAttrs(h.node,c))}}},{key:"hideSelectionRect",value:function(t){t&&t.attr({x:0,y:0,width:0,height:0})}},{key:"selectionDrawing",value:function(t){var e=t.context,i=t.zoomtype,s=this.w,a=e,n=this.gridRect.getBoundingClientRect(),r=a.startX-1,o=a.startY,l=a.clientX-n.left-r,h=a.clientY-n.top-o,c=0,d=0,u={};return(Math.abs(l+r)>s.globals.gridWidth||a.clientX-n.left<0)&&(a.hideSelectionRect(this.zoomRect),a.dragged=!1,a.w.globals.mousedown=!1),r>a.clientX-n.left&&(c=-(l=Math.abs(l))),o>a.clientY-n.top&&(d=-(h=Math.abs(h))),u="x"===i?{x:r,y:0,width:l,height:s.globals.gridHeight,translateX:c,translateY:0}:"y"===i?{x:0,y:o,width:s.globals.gridWidth,height:h,translateX:0,translateY:d}:{x:r,y:o,width:l,height:h,translateX:c,translateY:d},a.drawSelectionRect(u),u}},{key:"selectionDragging",value:function(t,e){var i=this,s=this.w,a=this.xyRatios,n=this.selectionRect,r=0;"resizing"===t&&(r=30),"function"==typeof s.config.chart.events.selection&&(clearTimeout(this.w.globals.selectionResizeTimer),this.w.globals.selectionResizeTimer=window.setTimeout(function(){var t=i.gridRect.getBoundingClientRect(),e=n.node.getBoundingClientRect(),r=s.globals.xAxisScale.niceMin+(e.left-t.left)*a.xRatio,o=s.globals.xAxisScale.niceMin+(e.right-t.left)*a.xRatio,l=s.globals.yAxisScale[0].niceMin+(t.bottom-e.bottom)*a.yRatio[0],h=s.globals.yAxisScale[0].niceMax-(e.top-t.top)*a.yRatio[0];s.config.chart.events.selection(i.ctx,{xaxis:{min:r,max:o},yaxis:{min:l,max:h}})},r))}},{key:"selectionDrawn",value:function(t){var e=t.context,i=t.zoomtype,s=this.w,a=e,n=this.xyRatios,r=this.ctx.toolbar;if(a.startX>a.endX){var o=a.startX;a.startX=a.endX,a.endX=o}if(a.startY>a.endY){var l=a.startY;a.startY=a.endY,a.endY=l}var h=s.globals.xAxisScale.niceMin+a.startX*n.xRatio,c=s.globals.xAxisScale.niceMin+a.endX*n.xRatio,u=[],g=[];if(s.config.yaxis.forEach(function(t,e){u.push(Math.floor(s.globals.yAxisScale[e].niceMax-n.yRatio[e]*a.startY)),g.push(Math.floor(s.globals.yAxisScale[e].niceMax-n.yRatio[e]*a.endY))}),a.dragged&&(a.dragX>10||a.dragY>10)&&h!==c)if(s.globals.zoomEnabled){var f=d.clone(s.config.yaxis);s.globals.zoomed||(s.globals.lastXAxis=d.clone(s.config.xaxis),s.globals.lastYAxis=d.clone(s.config.yaxis));var p={min:h,max:c};if("xy"!==i&&"y"!==i||f.forEach(function(t,e){f[e].min=g[e],f[e].max=u[e]}),s.config.chart.zoom.autoScaleYaxis){var x=new H(a.ctx);f=x.autoScaleY(a.ctx,{xaxis:p})}if(r){var m=r.getBeforeZoomRange(p,f);m&&(p=m.xaxis?m.xaxis:p,f=m.yaxis?m.yaxe:f)}"x"===i?a.ctx._updateOptions({xaxis:p},!1,a.w.config.chart.animations.dynamicAnimation.enabled):"y"===i?a.ctx._updateOptions({yaxis:f},!1,a.w.config.chart.animations.dynamicAnimation.enabled):a.ctx._updateOptions({xaxis:p,yaxis:f},!1,a.w.config.chart.animations.dynamicAnimation.enabled),"function"==typeof s.config.chart.events.zoomed&&r.zoomCallback(p,f),s.globals.zoomed=!0}else if(s.globals.selectionEnabled){var v,b=null;v={min:h,max:c},"xy"!==i&&"y"!==i||(b=d.clone(s.config.yaxis)).forEach(function(t,e){b[e].min=g[e],b[e].max=u[e]}),s.globals.selection=a.selection,"function"==typeof s.config.chart.events.selection&&s.config.chart.events.selection(a.ctx,{xaxis:v,yaxis:b})}}},{key:"panDragging",value:function(t){var e,i=t.context,s=(t.zoomtype,this.w),a=i;if(void 0!==s.globals.lastClientPosition.x){var n=s.globals.lastClientPosition.x-a.clientX,r=s.globals.lastClientPosition.y-a.clientY;Math.abs(n)>Math.abs(r)&&n>0?e="left":Math.abs(n)>Math.abs(r)&&n<0?e="right":Math.abs(r)>Math.abs(n)&&r>0?e="up":Math.abs(r)>Math.abs(n)&&r<0&&(e="down")}s.globals.lastClientPosition={x:a.clientX,y:a.clientY};var o=s.globals.minX,l=s.globals.maxX;this.panScrolled(e,o,l)}},{key:"panScrolled",value:function(t,e,i){var s=this.w,a=this.xyRatios,n=d.clone(s.config.yaxis);"left"===t?(e=s.globals.minX+s.globals.gridWidth/15*a.xRatio,i=s.globals.maxX+s.globals.gridWidth/15*a.xRatio):"right"===t&&(e=s.globals.minX-s.globals.gridWidth/15*a.xRatio,i=s.globals.maxX-s.globals.gridWidth/15*a.xRatio),(e<s.globals.initialminX||i>s.globals.initialmaxX)&&(e=s.globals.minX,i=s.globals.maxX);var r={min:e,max:i};s.config.chart.zoom.autoScaleYaxis&&(n=new H(me.ctx).autoScaleY(me.ctx,{xaxis:r}));this.ctx._updateOptions({xaxis:{min:e,max:i},yaxis:n},!1,!1),"function"==typeof s.config.chart.events.scrolled&&s.config.chart.events.scrolled(this.ctx,{xaxis:{min:e,max:i}})}}]),i}(),mt=function(){function t(i){e(this,t),this.ctx=i,this.w=i.w}return s(t,[{key:"draw",value:function(){this.drawTitleSubtitle("title"),this.drawTitleSubtitle("subtitle")}},{key:"drawTitleSubtitle",value:function(t){var e=this.w,i="title"===t?e.config.title:e.config.subtitle,s=e.globals.svgWidth/2,a=i.offsetY,n="middle";if("left"===i.align?(s=10,n="start"):"right"===i.align&&(s=e.globals.svgWidth-10,n="end"),s+=i.offsetX,a=a+parseInt(i.style.fontSize)+2,void 0!==i.text){var r=new f(this.ctx).drawText({x:s,y:a,text:i.text,textAnchor:n,fontSize:i.style.fontSize,fontFamily:i.style.fontFamily,foreColor:i.style.color,opacity:1});r.node.setAttribute("class","apexcharts-".concat(t,"-text")),e.globals.dom.Paper.add(r)}}}]),t}();et="undefined"!=typeof window?window:void 0,it=function(e,i){var s=(void 0!==this?this:e).SVG=function(t){if(s.supported)return t=new s.Doc(t),s.parser.draw||s.prepare(),t};if(s.ns="http://www.w3.org/2000/svg",s.xmlns="http://www.w3.org/2000/xmlns/",s.xlink="http://www.w3.org/1999/xlink",s.svgjs="http://svgjs.com/svgjs",s.supported=!0,!s.supported)return!1;s.did=1e3,s.eid=function(t){return"Svgjs"+d(t)+s.did++},s.create=function(t){var e=i.createElementNS(this.ns,t);return e.setAttribute("id",this.eid(t)),e},s.extend=function(){var t,e,i,a;for(e=(t=[].slice.call(arguments)).pop(),a=t.length-1;a>=0;a--)if(t[a])for(i in e)t[a].prototype[i]=e[i];s.Set&&s.Set.inherit&&s.Set.inherit()},s.invent=function(t){var e="function"==typeof t.create?t.create:function(){this.constructor.call(this,s.create(t.create))};return t.inherit&&(e.prototype=new t.inherit),t.extend&&s.extend(e,t.extend),t.construct&&s.extend(t.parent||s.Container,t.construct),e},s.adopt=function(t){return t?t.instance?t.instance:((i="svg"==t.nodeName?t.parentNode instanceof e.SVGElement?new s.Nested:new s.Doc:"linearGradient"==t.nodeName?new s.Gradient("linear"):"radialGradient"==t.nodeName?new s.Gradient("radial"):s[d(t.nodeName)]?new(s[d(t.nodeName)]):new s.Element(t)).type=t.nodeName,i.node=t,t.instance=i,i instanceof s.Doc&&i.namespace().defs(),i.setData(JSON.parse(t.getAttribute("svgjs:data"))||{}),i):null;var i},s.prepare=function(){var t=i.getElementsByTagName("body")[0],e=(t?new s.Doc(t):s.adopt(i.documentElement).nested()).size(2,0);s.parser={body:t||i.documentElement,draw:e.style("opacity:0;position:absolute;left:-100%;top:-100%;overflow:hidden").node,poly:e.polyline().node,path:e.path().node,native:s.create("svg")}},s.parser={native:s.create("svg")},i.addEventListener("DOMContentLoaded",function(){s.parser.draw||s.prepare()},!1),s.regex={numberAndUnit:/^([+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?)([a-z%]*)$/i,hex:/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,rgb:/rgb\((\d+),(\d+),(\d+)\)/,reference:/#([a-z0-9\-_]+)/i,transforms:/\)\s*,?\s*/,whitespace:/\s/g,isHex:/^#[a-f0-9]{3,6}$/i,isRgb:/^rgb\(/,isCss:/[^:]+:[^;]+;?/,isBlank:/^(\s+)?$/,isNumber:/^[+-]?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,isPercent:/^-?[\d\.]+%$/,isImage:/\.(jpg|jpeg|png|gif|svg)(\?[^=]+.*)?/i,delimiter:/[\s,]+/,hyphen:/([^e])\-/gi,pathLetters:/[MLHVCSQTAZ]/gi,isPathLetter:/[MLHVCSQTAZ]/i,numbersWithDots:/((\d?\.\d+(?:e[+-]?\d+)?)((?:\.\d+(?:e[+-]?\d+)?)+))+/gi,dots:/\./g},s.utils={map:function(t,e){var i,s=t.length,a=[];for(i=0;i<s;i++)a.push(e(t[i]));return a},filter:function(t,e){var i,s=t.length,a=[];for(i=0;i<s;i++)e(t[i])&&a.push(t[i]);return a},radians:function(t){return t%360*Math.PI/180},degrees:function(t){return 180*t/Math.PI%360},filterSVGElements:function(t){return this.filter(t,function(t){return t instanceof e.SVGElement})}},s.defaults={attrs:{"fill-opacity":1,"stroke-opacity":1,"stroke-width":0,"stroke-linejoin":"miter","stroke-linecap":"butt",fill:"#000000",stroke:"#000000",opacity:1,x:0,y:0,cx:0,cy:0,width:0,height:0,r:0,rx:0,ry:0,offset:0,"stop-opacity":1,"stop-color":"#000000","font-size":16,"font-family":"Helvetica, Arial, sans-serif","text-anchor":"start"}},s.Color=function(e){var i,a;(this.r=0,this.g=0,this.b=0,e)&&("string"==typeof e?s.regex.isRgb.test(e)?(i=s.regex.rgb.exec(e.replace(s.regex.whitespace,"")),this.r=parseInt(i[1]),this.g=parseInt(i[2]),this.b=parseInt(i[3])):s.regex.isHex.test(e)&&(i=s.regex.hex.exec(4==(a=e).length?["#",a.substring(1,2),a.substring(1,2),a.substring(2,3),a.substring(2,3),a.substring(3,4),a.substring(3,4)].join(""):a),this.r=parseInt(i[1],16),this.g=parseInt(i[2],16),this.b=parseInt(i[3],16)):"object"===t(e)&&(this.r=e.r,this.g=e.g,this.b=e.b))},s.extend(s.Color,{toString:function(){return this.toHex()},toHex:function(){return"#"+u(this.r)+u(this.g)+u(this.b)},toRgb:function(){return"rgb("+[this.r,this.g,this.b].join()+")"},brightness:function(){return this.r/255*.3+this.g/255*.59+this.b/255*.11},morph:function(t){return this.destination=new s.Color(t),this},at:function(t){return this.destination?(t=t<0?0:t>1?1:t,new s.Color({r:~~(this.r+(this.destination.r-this.r)*t),g:~~(this.g+(this.destination.g-this.g)*t),b:~~(this.b+(this.destination.b-this.b)*t)})):this}}),s.Color.test=function(t){return t+="",s.regex.isHex.test(t)||s.regex.isRgb.test(t)},s.Color.isRgb=function(t){return t&&"number"==typeof t.r&&"number"==typeof t.g&&"number"==typeof t.b},s.Color.isColor=function(t){return s.Color.isRgb(t)||s.Color.test(t)},s.Array=function(t,e){0==(t=(t||[]).valueOf()).length&&e&&(t=e.valueOf()),this.value=this.parse(t)},s.extend(s.Array,{morph:function(t){if(this.destination=this.parse(t),this.value.length!=this.destination.length){for(var e=this.value[this.value.length-1],i=this.destination[this.destination.length-1];this.value.length>this.destination.length;)this.destination.push(i);for(;this.value.length<this.destination.length;)this.value.push(e)}return this},settle:function(){for(var t=0,e=this.value.length,i=[];t<e;t++)-1==i.indexOf(this.value[t])&&i.push(this.value[t]);return this.value=i},at:function(t){if(!this.destination)return this;for(var e=0,i=this.value.length,a=[];e<i;e++)a.push(this.value[e]+(this.destination[e]-this.value[e])*t);return new s.Array(a)},toString:function(){return this.value.join(" ")},valueOf:function(){return this.value},parse:function(t){return t=t.valueOf(),Array.isArray(t)?t:this.split(t)},split:function(t){return t.trim().split(s.regex.delimiter).map(parseFloat)},reverse:function(){return this.value.reverse(),this},clone:function(){var t=new this.constructor;return t.value=function t(e){var i=e.slice(0);for(var s=i.length;s--;)Array.isArray(i[s])&&(i[s]=t(i[s]));return i}(this.value),t}}),s.PointArray=function(t,e){s.Array.call(this,t,e||[[0,0]])},s.PointArray.prototype=new s.Array,s.PointArray.prototype.constructor=s.PointArray,s.extend(s.PointArray,{toString:function(){for(var t=0,e=this.value.length,i=[];t<e;t++)i.push(this.value[t].join(","));return i.join(" ")},toLine:function(){return{x1:this.value[0][0],y1:this.value[0][1],x2:this.value[1][0],y2:this.value[1][1]}},at:function(t){if(!this.destination)return this;for(var e=0,i=this.value.length,a=[];e<i;e++)a.push([this.value[e][0]+(this.destination[e][0]-this.value[e][0])*t,this.value[e][1]+(this.destination[e][1]-this.value[e][1])*t]);return new s.PointArray(a)},parse:function(t){var e=[];if(t=t.valueOf(),Array.isArray(t)){if(Array.isArray(t[0]))return t.map(function(t){return t.slice()});if(null!=t[0].x)return t.map(function(t){return[t.x,t.y]})}else t=t.trim().split(s.regex.delimiter).map(parseFloat);t.length%2!=0&&t.pop();for(var i=0,a=t.length;i<a;i+=2)e.push([t[i],t[i+1]]);return e},move:function(t,e){var i=this.bbox();if(t-=i.x,e-=i.y,!isNaN(t)&&!isNaN(e))for(var s=this.value.length-1;s>=0;s--)this.value[s]=[this.value[s][0]+t,this.value[s][1]+e];return this},size:function(t,e){var i,s=this.bbox();for(i=this.value.length-1;i>=0;i--)s.width&&(this.value[i][0]=(this.value[i][0]-s.x)*t/s.width+s.x),s.height&&(this.value[i][1]=(this.value[i][1]-s.y)*e/s.height+s.y);return this},bbox:function(){return s.parser.draw||s.prepare(),s.parser.poly.setAttribute("points",this.toString()),s.parser.poly.getBBox()}});for(var a={M:function(t,e,i){return e.x=i.x=t[0],e.y=i.y=t[1],["M",e.x,e.y]},L:function(t,e){return e.x=t[0],e.y=t[1],["L",t[0],t[1]]},H:function(t,e){return e.x=t[0],["H",t[0]]},V:function(t,e){return e.y=t[0],["V",t[0]]},C:function(t,e){return e.x=t[4],e.y=t[5],["C",t[0],t[1],t[2],t[3],t[4],t[5]]},S:function(t,e){return e.x=t[2],e.y=t[3],["S",t[0],t[1],t[2],t[3]]},Q:function(t,e){return e.x=t[2],e.y=t[3],["Q",t[0],t[1],t[2],t[3]]},T:function(t,e){return e.x=t[0],e.y=t[1],["T",t[0],t[1]]},Z:function(t,e,i){return e.x=i.x,e.y=i.y,["Z"]},A:function(t,e){return e.x=t[5],e.y=t[6],["A",t[0],t[1],t[2],t[3],t[4],t[5],t[6]]}},n="mlhvqtcsaz".split(""),r=0,o=n.length;r<o;++r)a[n[r]]=function(t){return function(e,i,s){if("H"==t)e[0]=e[0]+i.x;else if("V"==t)e[0]=e[0]+i.y;else if("A"==t)e[5]=e[5]+i.x,e[6]=e[6]+i.y;else for(var n=0,r=e.length;n<r;++n)e[n]=e[n]+(n%2?i.y:i.x);return a[t](e,i,s)}}(n[r].toUpperCase());s.PathArray=function(t,e){s.Array.call(this,t,e||[["M",0,0]])},s.PathArray.prototype=new s.Array,s.PathArray.prototype.constructor=s.PathArray,s.extend(s.PathArray,{toString:function(){return function(t){for(var e=0,i=t.length,s="";e<i;e++)s+=t[e][0],null!=t[e][1]&&(s+=t[e][1],null!=t[e][2]&&(s+=" ",s+=t[e][2],null!=t[e][3]&&(s+=" ",s+=t[e][3],s+=" ",s+=t[e][4],null!=t[e][5]&&(s+=" ",s+=t[e][5],s+=" ",s+=t[e][6],null!=t[e][7]&&(s+=" ",s+=t[e][7])))));return s+" "}(this.value)},move:function(t,e){var i=this.bbox();if(t-=i.x,e-=i.y,!isNaN(t)&&!isNaN(e))for(var s,a=this.value.length-1;a>=0;a--)"M"==(s=this.value[a][0])||"L"==s||"T"==s?(this.value[a][1]+=t,this.value[a][2]+=e):"H"==s?this.value[a][1]+=t:"V"==s?this.value[a][1]+=e:"C"==s||"S"==s||"Q"==s?(this.value[a][1]+=t,this.value[a][2]+=e,this.value[a][3]+=t,this.value[a][4]+=e,"C"==s&&(this.value[a][5]+=t,this.value[a][6]+=e)):"A"==s&&(this.value[a][6]+=t,this.value[a][7]+=e);return this},size:function(t,e){var i,s,a=this.bbox();for(i=this.value.length-1;i>=0;i--)"M"==(s=this.value[i][0])||"L"==s||"T"==s?(this.value[i][1]=(this.value[i][1]-a.x)*t/a.width+a.x,this.value[i][2]=(this.value[i][2]-a.y)*e/a.height+a.y):"H"==s?this.value[i][1]=(this.value[i][1]-a.x)*t/a.width+a.x:"V"==s?this.value[i][1]=(this.value[i][1]-a.y)*e/a.height+a.y:"C"==s||"S"==s||"Q"==s?(this.value[i][1]=(this.value[i][1]-a.x)*t/a.width+a.x,this.value[i][2]=(this.value[i][2]-a.y)*e/a.height+a.y,this.value[i][3]=(this.value[i][3]-a.x)*t/a.width+a.x,this.value[i][4]=(this.value[i][4]-a.y)*e/a.height+a.y,"C"==s&&(this.value[i][5]=(this.value[i][5]-a.x)*t/a.width+a.x,this.value[i][6]=(this.value[i][6]-a.y)*e/a.height+a.y)):"A"==s&&(this.value[i][1]=this.value[i][1]*t/a.width,this.value[i][2]=this.value[i][2]*e/a.height,this.value[i][6]=(this.value[i][6]-a.x)*t/a.width+a.x,this.value[i][7]=(this.value[i][7]-a.y)*e/a.height+a.y);return this},equalCommands:function(t){var e,i,a;for(t=new s.PathArray(t),a=this.value.length===t.value.length,e=0,i=this.value.length;a&&e<i;e++)a=this.value[e][0]===t.value[e][0];return a},morph:function(t){return t=new s.PathArray(t),this.equalCommands(t)?this.destination=t:this.destination=null,this},at:function(t){if(!this.destination)return this;var e,i,a,n,r=this.value,o=this.destination.value,l=[],h=new s.PathArray;for(e=0,i=r.length;e<i;e++){for(l[e]=[r[e][0]],a=1,n=r[e].length;a<n;a++)l[e][a]=r[e][a]+(o[e][a]-r[e][a])*t;"A"===l[e][0]&&(l[e][4]=+(0!=l[e][4]),l[e][5]=+(0!=l[e][5]))}return h.value=l,h},parse:function(t){if(t instanceof s.PathArray)return t.valueOf();var e,i={M:2,L:2,H:1,V:1,C:6,S:4,Q:4,T:2,A:7,Z:0};t="string"==typeof t?t.replace(s.regex.numbersWithDots,h).replace(s.regex.pathLetters," $& ").replace(s.regex.hyphen,"$1 -").trim().split(s.regex.delimiter):t.reduce(function(t,e){return[].concat.call(t,e)},[]);var n=[],r=new s.Point,o=new s.Point,l=0,c=t.length;do{s.regex.isPathLetter.test(t[l])?(e=t[l],++l):"M"==e?e="L":"m"==e&&(e="l"),n.push(a[e].call(null,t.slice(l,l+=i[e.toUpperCase()]).map(parseFloat),r,o))}while(c>l);return n},bbox:function(){return s.parser.draw||s.prepare(),s.parser.path.setAttribute("d",this.toString()),s.parser.path.getBBox()}}),s.Number=s.invent({create:function(t,e){this.value=0,this.unit=e||"","number"==typeof t?this.value=isNaN(t)?0:isFinite(t)?t:t<0?-3.4e38:3.4e38:"string"==typeof t?(e=t.match(s.regex.numberAndUnit))&&(this.value=parseFloat(e[1]),"%"==e[5]?this.value/=100:"s"==e[5]&&(this.value*=1e3),this.unit=e[5]):t instanceof s.Number&&(this.value=t.valueOf(),this.unit=t.unit)},extend:{toString:function(){return("%"==this.unit?~~(1e8*this.value)/1e6:"s"==this.unit?this.value/1e3:this.value)+this.unit},toJSON:function(){return this.toString()},valueOf:function(){return this.value},plus:function(t){return t=new s.Number(t),new s.Number(this+t,this.unit||t.unit)},minus:function(t){return t=new s.Number(t),new s.Number(this-t,this.unit||t.unit)},times:function(t){return t=new s.Number(t),new s.Number(this*t,this.unit||t.unit)},divide:function(t){return t=new s.Number(t),new s.Number(this/t,this.unit||t.unit)},to:function(t){var e=new s.Number(this);return"string"==typeof t&&(e.unit=t),e},morph:function(t){return this.destination=new s.Number(t),t.relative&&(this.destination.value+=this.value),this},at:function(t){return this.destination?new s.Number(this.destination).minus(this).times(t).plus(this):this}}}),s.Element=s.invent({create:function(t){this._stroke=s.defaults.attrs.stroke,this._event=null,this.dom={},(this.node=t)&&(this.type=t.nodeName,this.node.instance=this,this._stroke=t.getAttribute("stroke")||this._stroke)},extend:{x:function(t){return this.attr("x",t)},y:function(t){return this.attr("y",t)},cx:function(t){return null==t?this.x()+this.width()/2:this.x(t-this.width()/2)},cy:function(t){return null==t?this.y()+this.height()/2:this.y(t-this.height()/2)},move:function(t,e){return this.x(t).y(e)},center:function(t,e){return this.cx(t).cy(e)},width:function(t){return this.attr("width",t)},height:function(t){return this.attr("height",t)},size:function(t,e){var i=g(this,t,e);return this.width(new s.Number(i.width)).height(new s.Number(i.height))},clone:function(t){this.writeDataToDom();var e=m(this.node.cloneNode(!0));return t?t.add(e):this.after(e),e},remove:function(){return this.parent()&&this.parent().removeElement(this),this},replace:function(t){return this.after(t).remove(),t},addTo:function(t){return t.put(this)},putIn:function(t){return t.add(this)},id:function(t){return this.attr("id",t)},inside:function(t,e){var i=this.bbox();return t>i.x&&e>i.y&&t<i.x+i.width&&e<i.y+i.height},show:function(){return this.style("display","")},hide:function(){return this.style("display","none")},visible:function(){return"none"!=this.style("display")},toString:function(){return this.attr("id")},classes:function(){var t=this.attr("class");return null==t?[]:t.trim().split(s.regex.delimiter)},hasClass:function(t){return-1!=this.classes().indexOf(t)},addClass:function(t){if(!this.hasClass(t)){var e=this.classes();e.push(t),this.attr("class",e.join(" "))}return this},removeClass:function(t){return this.hasClass(t)&&this.attr("class",this.classes().filter(function(e){return e!=t}).join(" ")),this},toggleClass:function(t){return this.hasClass(t)?this.removeClass(t):this.addClass(t)},reference:function(t){return s.get(this.attr(t))},parent:function(t){var i=this;if(!i.node.parentNode)return null;if(i=s.adopt(i.node.parentNode),!t)return i;for(;i&&i.node instanceof e.SVGElement;){if("string"==typeof t?i.matches(t):i instanceof t)return i;if(!i.node.parentNode||"#document"==i.node.parentNode.nodeName)return null;i=s.adopt(i.node.parentNode)}},doc:function(){return this instanceof s.Doc?this:this.parent(s.Doc)},parents:function(t){var e=[],i=this;do{if(!(i=i.parent(t))||!i.node)break;e.push(i)}while(i.parent);return e},matches:function(t){return function(t,e){return(t.matches||t.matchesSelector||t.msMatchesSelector||t.mozMatchesSelector||t.webkitMatchesSelector||t.oMatchesSelector).call(t,e)}(this.node,t)},native:function(){return this.node},svg:function(t){var e=i.createElement("svg");if(!(t&&this instanceof s.Parent))return e.appendChild(t=i.createElement("svg")),this.writeDataToDom(),t.appendChild(this.node.cloneNode(!0)),e.innerHTML.replace(/^<svg>/,"").replace(/<\/svg>$/,"");e.innerHTML="<svg>"+t.replace(/\n/,"").replace(/<([\w:-]+)([^<]+?)\/>/g,"<$1$2></$1>")+"</svg>";for(var a=0,n=e.firstChild.childNodes.length;a<n;a++)this.node.appendChild(e.firstChild.firstChild);return this},writeDataToDom:function(){(this.each||this.lines)&&(this.each?this:this.lines()).each(function(){this.writeDataToDom()});return this.node.removeAttribute("svgjs:data"),Object.keys(this.dom).length&&this.node.setAttribute("svgjs:data",JSON.stringify(this.dom)),this},setData:function(t){return this.dom=t,this},is:function(t){return function(t,e){return t instanceof e}(this,t)}}}),s.easing={"-":function(t){return t},"<>":function(t){return-Math.cos(t*Math.PI)/2+.5},">":function(t){return Math.sin(t*Math.PI/2)},"<":function(t){return 1-Math.cos(t*Math.PI/2)}},s.morph=function(t){return function(e,i){return new s.MorphObj(e,i).at(t)}},s.Situation=s.invent({create:function(t){this.init=!1,this.reversed=!1,this.reversing=!1,this.duration=new s.Number(t.duration).valueOf(),this.delay=new s.Number(t.delay).valueOf(),this.start=+new Date+this.delay,this.finish=this.start+this.duration,this.ease=t.ease,this.loop=0,this.loops=!1,this.animations={},this.attrs={},this.styles={},this.transforms=[],this.once={}}}),s.FX=s.invent({create:function(t){this._target=t,this.situations=[],this.active=!1,this.situation=null,this.paused=!1,this.lastPos=0,this.pos=0,this.absPos=0,this._speed=1},extend:{animate:function(e,i,a){"object"===t(e)&&(i=e.ease,a=e.delay,e=e.duration);var n=new s.Situation({duration:e||1e3,delay:a||0,ease:s.easing[i||"-"]||i});return this.queue(n),this},delay:function(t){var e=new s.Situation({duration:t,delay:0,ease:s.easing["-"]});return this.queue(e)},target:function(t){return t&&t instanceof s.Element?(this._target=t,this):this._target},timeToAbsPos:function(t){return(t-this.situation.start)/(this.situation.duration/this._speed)},absPosToTime:function(t){return this.situation.duration/this._speed*t+this.situation.start},startAnimFrame:function(){this.stopAnimFrame(),this.animationFrame=e.requestAnimationFrame(function(){this.step()}.bind(this))},stopAnimFrame:function(){e.cancelAnimationFrame(this.animationFrame)},start:function(){return!this.active&&this.situation&&(this.active=!0,this.startCurrent()),this},startCurrent:function(){return this.situation.start=+new Date+this.situation.delay/this._speed,this.situation.finish=this.situation.start+this.situation.duration/this._speed,this.initAnimations().step()},queue:function(t){return("function"==typeof t||t instanceof s.Situation)&&this.situations.push(t),this.situation||(this.situation=this.situations.shift()),this},dequeue:function(){return this.stop(),this.situation=this.situations.shift(),this.situation&&(this.situation instanceof s.Situation?this.start():this.situation.call(this)),this},initAnimations:function(){var t,e,i,a=this.situation;if(a.init)return this;for(t in a.animations)for(i=this.target()[t](),Array.isArray(i)||(i=[i]),Array.isArray(a.animations[t])||(a.animations[t]=[a.animations[t]]),e=i.length;e--;)a.animations[t][e]instanceof s.Number&&(i[e]=new s.Number(i[e])),a.animations[t][e]=i[e].morph(a.animations[t][e]);for(t in a.attrs)a.attrs[t]=new s.MorphObj(this.target().attr(t),a.attrs[t]);for(t in a.styles)a.styles[t]=new s.MorphObj(this.target().style(t),a.styles[t]);return a.initialTransformation=this.target().matrixify(),a.init=!0,this},clearQueue:function(){return this.situations=[],this},clearCurrent:function(){return this.situation=null,this},stop:function(t,e){var i=this.active;return this.active=!1,e&&this.clearQueue(),t&&this.situation&&(!i&&this.startCurrent(),this.atEnd()),this.stopAnimFrame(),this.clearCurrent()},reset:function(){if(this.situation){var t=this.situation;this.stop(),this.situation=t,this.atStart()}return this},finish:function(){for(this.stop(!0,!1);this.dequeue().situation&&this.stop(!0,!1););return this.clearQueue().clearCurrent(),this},atStart:function(){return this.at(0,!0)},atEnd:function(){return!0===this.situation.loops&&(this.situation.loops=this.situation.loop+1),"number"==typeof this.situation.loops?this.at(this.situation.loops,!0):this.at(1,!0)},at:function(t,e){var i=this.situation.duration/this._speed;return this.absPos=t,e||(this.situation.reversed&&(this.absPos=1-this.absPos),this.absPos+=this.situation.loop),this.situation.start=+new Date-this.absPos*i,this.situation.finish=this.situation.start+i,this.step(!0)},speed:function(t){return 0===t?this.pause():t?(this._speed=t,this.at(this.absPos,!0)):this._speed},loop:function(t,e){var i=this.last();return i.loops=null==t||t,i.loop=0,e&&(i.reversing=!0),this},pause:function(){return this.paused=!0,this.stopAnimFrame(),this},play:function(){return this.paused?(this.paused=!1,this.at(this.absPos,!0)):this},reverse:function(t){var e=this.last();return e.reversed=void 0===t?!e.reversed:t,this},progress:function(t){return t?this.situation.ease(this.pos):this.pos},after:function(t){var e=this.last();return this.target().on("finished.fx",function i(s){s.detail.situation==e&&(t.call(this,e),this.off("finished.fx",i))}),this._callStart()},during:function(t){var e=this.last(),i=function(i){i.detail.situation==e&&t.call(this,i.detail.pos,s.morph(i.detail.pos),i.detail.eased,e)};return this.target().off("during.fx",i).on("during.fx",i),this.after(function(){this.off("during.fx",i)}),this._callStart()},afterAll:function(t){var e=function e(i){t.call(this),this.off("allfinished.fx",e)};return this.target().off("allfinished.fx",e).on("allfinished.fx",e),this._callStart()},duringAll:function(t){var e=function(e){t.call(this,e.detail.pos,s.morph(e.detail.pos),e.detail.eased,e.detail.situation)};return this.target().off("during.fx",e).on("during.fx",e),this.afterAll(function(){this.off("during.fx",e)}),this._callStart()},last:function(){return this.situations.length?this.situations[this.situations.length-1]:this.situation},add:function(t,e,i){return this.last()[i||"animations"][t]=e,this._callStart()},step:function(t){var e,i,s;(t||(this.absPos=this.timeToAbsPos(+new Date)),!1!==this.situation.loops)?(e=Math.max(this.absPos,0),i=Math.floor(e),!0===this.situation.loops||i<this.situation.loops?(this.pos=e-i,s=this.situation.loop,this.situation.loop=i):(this.absPos=this.situation.loops,this.pos=1,s=this.situation.loop-1,this.situation.loop=this.situation.loops),this.situation.reversing&&(this.situation.reversed=this.situation.reversed!=Boolean((this.situation.loop-s)%2))):(this.absPos=Math.min(this.absPos,1),this.pos=this.absPos);this.pos<0&&(this.pos=0),this.situation.reversed&&(this.pos=1-this.pos);var a=this.situation.ease(this.pos);for(var n in this.situation.once)n>this.lastPos&&n<=a&&(this.situation.once[n].call(this.target(),this.pos,a),delete this.situation.once[n]);return this.active&&this.target().fire("during",{pos:this.pos,eased:a,fx:this,situation:this.situation}),this.situation?(this.eachAt(),1==this.pos&&!this.situation.reversed||this.situation.reversed&&0==this.pos?(this.stopAnimFrame(),this.target().fire("finished",{fx:this,situation:this.situation}),this.situations.length||(this.target().fire("allfinished"),this.situations.length||(this.target().off(".fx"),this.active=!1)),this.active?this.dequeue():this.clearCurrent()):!this.paused&&this.active&&this.startAnimFrame(),this.lastPos=a,this):this},eachAt:function(){var t,e,i,a=this,n=this.target(),r=this.situation;for(t in r.animations)i=[].concat(r.animations[t]).map(function(t){return"string"!=typeof t&&t.at?t.at(r.ease(a.pos),a.pos):t}),n[t].apply(n,i);for(t in r.attrs)i=[t].concat(r.attrs[t]).map(function(t){return"string"!=typeof t&&t.at?t.at(r.ease(a.pos),a.pos):t}),n.attr.apply(n,i);for(t in r.styles)i=[t].concat(r.styles[t]).map(function(t){return"string"!=typeof t&&t.at?t.at(r.ease(a.pos),a.pos):t}),n.style.apply(n,i);if(r.transforms.length){for(i=r.initialTransformation,t=0,e=r.transforms.length;t<e;t++){var o=r.transforms[t];o instanceof s.Matrix?i=o.relative?i.multiply((new s.Matrix).morph(o).at(r.ease(this.pos))):i.morph(o).at(r.ease(this.pos)):(o.relative||o.undo(i.extract()),i=i.multiply(o.at(r.ease(this.pos))))}n.matrix(i)}return this},once:function(t,e,i){var s=this.last();return i||(t=s.ease(t)),s.once[t]=e,this},_callStart:function(){return setTimeout(function(){this.start()}.bind(this),0),this}},parent:s.Element,construct:{animate:function(t,e,i){return(this.fx||(this.fx=new s.FX(this))).animate(t,e,i)},delay:function(t){return(this.fx||(this.fx=new s.FX(this))).delay(t)},stop:function(t,e){return this.fx&&this.fx.stop(t,e),this},finish:function(){return this.fx&&this.fx.finish(),this},pause:function(){return this.fx&&this.fx.pause(),this},play:function(){return this.fx&&this.fx.play(),this},speed:function(t){if(this.fx){if(null==t)return this.fx.speed();this.fx.speed(t)}return this}}}),s.MorphObj=s.invent({create:function(t,e){return s.Color.isColor(e)?new s.Color(t).morph(e):s.regex.delimiter.test(t)?s.regex.pathLetters.test(t)?new s.PathArray(t).morph(e):new s.Array(t).morph(e):s.regex.numberAndUnit.test(e)?new s.Number(t).morph(e):(this.value=t,void(this.destination=e))},extend:{at:function(t,e){return e<1?this.value:this.destination},valueOf:function(){return this.value}}}),s.extend(s.FX,{attr:function(e,i,s){if("object"===t(e))for(var a in e)this.attr(a,e[a]);else this.add(e,i,"attrs");return this},style:function(e,i){if("object"===t(e))for(var s in e)this.style(s,e[s]);else this.add(e,i,"styles");return this},x:function(t,e){if(this.target()instanceof s.G)return this.transform({x:t},e),this;var i=new s.Number(t);return i.relative=e,this.add("x",i)},y:function(t,e){if(this.target()instanceof s.G)return this.transform({y:t},e),this;var i=new s.Number(t);return i.relative=e,this.add("y",i)},cx:function(t){return this.add("cx",new s.Number(t))},cy:function(t){return this.add("cy",new s.Number(t))},move:function(t,e){return this.x(t).y(e)},center:function(t,e){return this.cx(t).cy(e)},size:function(t,e){var i;this.target()instanceof s.Text?this.attr("font-size",t):(t&&e||(i=this.target().bbox()),t||(t=i.width/i.height*e),e||(e=i.height/i.width*t),this.add("width",new s.Number(t)).add("height",new s.Number(e)));return this},width:function(t){return this.add("width",new s.Number(t))},height:function(t){return this.add("height",new s.Number(t))},plot:function(t,e,i,s){return 4==arguments.length?this.plot([t,e,i,s]):this.add("plot",new(this.target().morphArray)(t))},leading:function(t){return this.target().leading?this.add("leading",new s.Number(t)):this},viewbox:function(t,e,i,a){return this.target()instanceof s.Container&&this.add("viewbox",new s.ViewBox(t,e,i,a)),this},update:function(t){if(this.target()instanceof s.Stop){if("number"==typeof t||t instanceof s.Number)return this.update({offset:arguments[0],color:arguments[1],opacity:arguments[2]});null!=t.opacity&&this.attr("stop-opacity",t.opacity),null!=t.color&&this.attr("stop-color",t.color),null!=t.offset&&this.attr("offset",t.offset)}return this}}),s.Box=s.invent({create:function(e,i,a,n){if(!("object"!==t(e)||e instanceof s.Element))return s.Box.call(this,null!=e.left?e.left:e.x,null!=e.top?e.top:e.y,e.width,e.height);4==arguments.length&&(this.x=e,this.y=i,this.width=a,this.height=n),v(this)},extend:{merge:function(t){var e=new this.constructor;return e.x=Math.min(this.x,t.x),e.y=Math.min(this.y,t.y),e.width=Math.max(this.x+this.width,t.x+t.width)-e.x,e.height=Math.max(this.y+this.height,t.y+t.height)-e.y,v(e)},transform:function(t){var e,i=1/0,a=-1/0,n=1/0,r=-1/0;return[new s.Point(this.x,this.y),new s.Point(this.x2,this.y),new s.Point(this.x,this.y2),new s.Point(this.x2,this.y2)].forEach(function(e){e=e.transform(t),i=Math.min(i,e.x),a=Math.max(a,e.x),n=Math.min(n,e.y),r=Math.max(r,e.y)}),(e=new this.constructor).x=i,e.width=a-i,e.y=n,e.height=r-n,v(e),e}}}),s.BBox=s.invent({create:function(t){if(s.Box.apply(this,[].slice.call(arguments)),t instanceof s.Element){var e;try{if(!i.documentElement.contains){for(var a=t.node;a.parentNode;)a=a.parentNode;if(a!=i)throw new Error("Element not in the dom")}e=t.node.getBBox()}catch(i){if(t instanceof s.Shape){s.parser.draw||s.prepare();var n=t.clone(s.parser.draw.instance).show();e=n.node.getBBox(),n.remove()}else e={x:t.node.clientLeft,y:t.node.clientTop,width:t.node.clientWidth,height:t.node.clientHeight}}s.Box.call(this,e)}},inherit:s.Box,parent:s.Element,construct:{bbox:function(){return new s.BBox(this)}}}),s.BBox.prototype.constructor=s.BBox,s.extend(s.Element,{tbox:function(){return console.warn("Use of TBox is deprecated and mapped to RBox. Use .rbox() instead."),this.rbox(this.doc())}}),s.RBox=s.invent({create:function(t){s.Box.apply(this,[].slice.call(arguments)),t instanceof s.Element&&s.Box.call(this,t.node.getBoundingClientRect())},inherit:s.Box,parent:s.Element,extend:{addOffset:function(){return this.x+=e.pageXOffset,this.y+=e.pageYOffset,this}},construct:{rbox:function(t){return t?new s.RBox(this).transform(t.screenCTM().inverse()):new s.RBox(this).addOffset()}}}),s.RBox.prototype.constructor=s.RBox,s.Matrix=s.invent({create:function(e){var i,a=p([1,0,0,1,0,0]);for(e=e instanceof s.Element?e.matrixify():"string"==typeof e?p(e.split(s.regex.delimiter).map(parseFloat)):6==arguments.length?p([].slice.call(arguments)):Array.isArray(e)?p(e):"object"===t(e)?e:a,i=y.length-1;i>=0;--i)this[y[i]]=null!=e[y[i]]?e[y[i]]:a[y[i]]},extend:{extract:function(){var t=f(this,0,1),e=f(this,1,0),i=180/Math.PI*Math.atan2(t.y,t.x)-90;return{x:this.e,y:this.f,transformedX:(this.e*Math.cos(i*Math.PI/180)+this.f*Math.sin(i*Math.PI/180))/Math.sqrt(this.a*this.a+this.b*this.b),transformedY:(this.f*Math.cos(i*Math.PI/180)+this.e*Math.sin(-i*Math.PI/180))/Math.sqrt(this.c*this.c+this.d*this.d),skewX:-i,skewY:180/Math.PI*Math.atan2(e.y,e.x),scaleX:Math.sqrt(this.a*this.a+this.b*this.b),scaleY:Math.sqrt(this.c*this.c+this.d*this.d),rotation:i,a:this.a,b:this.b,c:this.c,d:this.d,e:this.e,f:this.f,matrix:new s.Matrix(this)}},clone:function(){return new s.Matrix(this)},morph:function(t){return this.destination=new s.Matrix(t),this},at:function(t){return this.destination?new s.Matrix({a:this.a+(this.destination.a-this.a)*t,b:this.b+(this.destination.b-this.b)*t,c:this.c+(this.destination.c-this.c)*t,d:this.d+(this.destination.d-this.d)*t,e:this.e+(this.destination.e-this.e)*t,f:this.f+(this.destination.f-this.f)*t}):this},multiply:function(t){return new s.Matrix(this.native().multiply(function(t){t instanceof s.Matrix||(t=new s.Matrix(t));return t}(t).native()))},inverse:function(){return new s.Matrix(this.native().inverse())},translate:function(t,e){return new s.Matrix(this.native().translate(t||0,e||0))},scale:function(t,e,i,a){return 1==arguments.length?e=t:3==arguments.length&&(a=i,i=e,e=t),this.around(i,a,new s.Matrix(t,0,0,e,0,0))},rotate:function(t,e,i){return t=s.utils.radians(t),this.around(e,i,new s.Matrix(Math.cos(t),Math.sin(t),-Math.sin(t),Math.cos(t),0,0))},flip:function(t,e){return"x"==t?this.scale(-1,1,e,0):"y"==t?this.scale(1,-1,0,e):this.scale(-1,-1,t,null!=e?e:t)},skew:function(t,e,i,a){return 1==arguments.length?e=t:3==arguments.length&&(a=i,i=e,e=t),t=s.utils.radians(t),e=s.utils.radians(e),this.around(i,a,new s.Matrix(1,Math.tan(e),Math.tan(t),1,0,0))},skewX:function(t,e,i){return this.skew(t,0,e,i)},skewY:function(t,e,i){return this.skew(0,t,e,i)},around:function(t,e,i){return this.multiply(new s.Matrix(1,0,0,1,t||0,e||0)).multiply(i).multiply(new s.Matrix(1,0,0,1,-t||0,-e||0))},native:function(){for(var t=s.parser.native.createSVGMatrix(),e=y.length-1;e>=0;e--)t[y[e]]=this[y[e]];return t},toString:function(){return"matrix("+b(this.a)+","+b(this.b)+","+b(this.c)+","+b(this.d)+","+b(this.e)+","+b(this.f)+")"}},parent:s.Element,construct:{ctm:function(){return new s.Matrix(this.node.getCTM())},screenCTM:function(){if(this instanceof s.Nested){var t=this.rect(1,1),e=t.node.getScreenCTM();return t.remove(),new s.Matrix(e)}return new s.Matrix(this.node.getScreenCTM())}}}),s.Point=s.invent({create:function(e,i){var s;s=Array.isArray(e)?{x:e[0],y:e[1]}:"object"===t(e)?{x:e.x,y:e.y}:null!=e?{x:e,y:null!=i?i:e}:{x:0,y:0},this.x=s.x,this.y=s.y},extend:{clone:function(){return new s.Point(this)},morph:function(t,e){return this.destination=new s.Point(t,e),this},at:function(t){return this.destination?new s.Point({x:this.x+(this.destination.x-this.x)*t,y:this.y+(this.destination.y-this.y)*t}):this},native:function(){var t=s.parser.native.createSVGPoint();return t.x=this.x,t.y=this.y,t},transform:function(t){return new s.Point(this.native().matrixTransform(t.native()))}}}),s.extend(s.Element,{point:function(t,e){return new s.Point(t,e).transform(this.screenCTM().inverse())}}),s.extend(s.Element,{attr:function(e,i,a){if(null==e){for(e={},a=(i=this.node.attributes).length-1;a>=0;a--)e[i[a].nodeName]=s.regex.isNumber.test(i[a].nodeValue)?parseFloat(i[a].nodeValue):i[a].nodeValue;return e}if("object"===t(e))for(i in e)this.attr(i,e[i]);else if(null===i)this.node.removeAttribute(e);else{if(null==i)return null==(i=this.node.getAttribute(e))?s.defaults.attrs[e]:s.regex.isNumber.test(i)?parseFloat(i):i;"stroke-width"==e?this.attr("stroke",parseFloat(i)>0?this._stroke:null):"stroke"==e&&(this._stroke=i),"fill"!=e&&"stroke"!=e||(s.regex.isImage.test(i)&&(i=this.doc().defs().image(i,0,0)),i instanceof s.Image&&(i=this.doc().defs().pattern(0,0,function(){this.add(i)}))),"number"==typeof i?i=new s.Number(i):s.Color.isColor(i)?i=new s.Color(i):Array.isArray(i)&&(i=new s.Array(i)),"leading"==e?this.leading&&this.leading(i):"string"==typeof a?this.node.setAttributeNS(a,e,i.toString()):this.node.setAttribute(e,i.toString()),!this.rebuild||"font-size"!=e&&"x"!=e||this.rebuild(e,i)}return this}}),s.extend(s.Element,{transform:function(e,i){var a,n;if("object"!==t(e))return a=new s.Matrix(this).extract(),"string"==typeof e?a[e]:a;if(a=new s.Matrix(this),i=!!i||!!e.relative,null!=e.a)a=i?a.multiply(new s.Matrix(e)):new s.Matrix(e);else if(null!=e.rotation)x(e,this),a=i?a.rotate(e.rotation,e.cx,e.cy):a.rotate(e.rotation-a.extract().rotation,e.cx,e.cy);else if(null!=e.scale||null!=e.scaleX||null!=e.scaleY){if(x(e,this),e.scaleX=null!=e.scale?e.scale:null!=e.scaleX?e.scaleX:1,e.scaleY=null!=e.scale?e.scale:null!=e.scaleY?e.scaleY:1,!i){var r=a.extract();e.scaleX=1*e.scaleX/r.scaleX,e.scaleY=1*e.scaleY/r.scaleY}a=a.scale(e.scaleX,e.scaleY,e.cx,e.cy)}else if(null!=e.skew||null!=e.skewX||null!=e.skewY){if(x(e,this),e.skewX=null!=e.skew?e.skew:null!=e.skewX?e.skewX:0,e.skewY=null!=e.skew?e.skew:null!=e.skewY?e.skewY:0,!i){r=a.extract();a=a.multiply((new s.Matrix).skew(r.skewX,r.skewY,e.cx,e.cy).inverse())}a=a.skew(e.skewX,e.skewY,e.cx,e.cy)}else e.flip?("x"==e.flip||"y"==e.flip?e.offset=null==e.offset?this.bbox()["c"+e.flip]:e.offset:null==e.offset?(n=this.bbox(),e.flip=n.cx,e.offset=n.cy):e.flip=e.offset,a=(new s.Matrix).flip(e.flip,e.offset)):null==e.x&&null==e.y||(i?a=a.translate(e.x,e.y):(null!=e.x&&(a.e=e.x),null!=e.y&&(a.f=e.y)));return this.attr("transform",a)}}),s.extend(s.FX,{transform:function(e,i){var a,n,r=this.target();return"object"!==t(e)?(a=new s.Matrix(r).extract(),"string"==typeof e?a[e]:a):(i=!!i||!!e.relative,null!=e.a?a=new s.Matrix(e):null!=e.rotation?(x(e,r),a=new s.Rotate(e.rotation,e.cx,e.cy)):null!=e.scale||null!=e.scaleX||null!=e.scaleY?(x(e,r),e.scaleX=null!=e.scale?e.scale:null!=e.scaleX?e.scaleX:1,e.scaleY=null!=e.scale?e.scale:null!=e.scaleY?e.scaleY:1,a=new s.Scale(e.scaleX,e.scaleY,e.cx,e.cy)):null!=e.skewX||null!=e.skewY?(x(e,r),e.skewX=null!=e.skewX?e.skewX:0,e.skewY=null!=e.skewY?e.skewY:0,a=new s.Skew(e.skewX,e.skewY,e.cx,e.cy)):e.flip?("x"==e.flip||"y"==e.flip?e.offset=null==e.offset?r.bbox()["c"+e.flip]:e.offset:null==e.offset?(n=r.bbox(),e.flip=n.cx,e.offset=n.cy):e.flip=e.offset,a=(new s.Matrix).flip(e.flip,e.offset)):null==e.x&&null==e.y||(a=new s.Translate(e.x,e.y)),a?(a.relative=i,this.last().transforms.push(a),this._callStart()):this)}}),s.extend(s.Element,{untransform:function(){return this.attr("transform",null)},matrixify:function(){return(this.attr("transform")||"").split(s.regex.transforms).slice(0,-1).map(function(t){var e=t.trim().split("(");return[e[0],e[1].split(s.regex.delimiter).map(function(t){return parseFloat(t)})]}).reduce(function(t,e){return"matrix"==e[0]?t.multiply(p(e[1])):t[e[0]].apply(t,e[1])},new s.Matrix)},toParent:function(t){if(this==t)return this;var e=this.screenCTM(),i=t.screenCTM().inverse();return this.addTo(t).untransform().transform(i.multiply(e)),this},toDoc:function(){return this.toParent(this.doc())}}),s.Transformation=s.invent({create:function(e,i){if(arguments.length>1&&"boolean"!=typeof i)return this.constructor.call(this,[].slice.call(arguments));if(Array.isArray(e))for(var s=0,a=this.arguments.length;s<a;++s)this[this.arguments[s]]=e[s];else if("object"===t(e))for(s=0,a=this.arguments.length;s<a;++s)this[this.arguments[s]]=e[this.arguments[s]];this.inversed=!1,!0===i&&(this.inversed=!0)},extend:{arguments:[],method:"",at:function(t){for(var e=[],i=0,a=this.arguments.length;i<a;++i)e.push(this[this.arguments[i]]);var n=this._undo||new s.Matrix;return n=(new s.Matrix).morph(s.Matrix.prototype[this.method].apply(n,e)).at(t),this.inversed?n.inverse():n},undo:function(t){for(var e=0,i=this.arguments.length;e<i;++e)t[this.arguments[e]]=void 0===this[this.arguments[e]]?0:t[this.arguments[e]];return t.cx=this.cx,t.cy=this.cy,this._undo=new(s[d(this.method)])(t,!0).at(1),this}}}),s.Translate=s.invent({parent:s.Matrix,inherit:s.Transformation,create:function(t,e){this.constructor.apply(this,[].slice.call(arguments))},extend:{arguments:["transformedX","transformedY"],method:"translate"}}),s.Rotate=s.invent({parent:s.Matrix,inherit:s.Transformation,create:function(t,e){this.constructor.apply(this,[].slice.call(arguments))},extend:{arguments:["rotation","cx","cy"],method:"rotate",at:function(t){var e=(new s.Matrix).rotate((new s.Number).morph(this.rotation-(this._undo?this._undo.rotation:0)).at(t),this.cx,this.cy);return this.inversed?e.inverse():e},undo:function(t){return this._undo=t,this}}}),s.Scale=s.invent({parent:s.Matrix,inherit:s.Transformation,create:function(t,e){this.constructor.apply(this,[].slice.call(arguments))},extend:{arguments:["scaleX","scaleY","cx","cy"],method:"scale"}}),s.Skew=s.invent({parent:s.Matrix,inherit:s.Transformation,create:function(t,e){this.constructor.apply(this,[].slice.call(arguments))},extend:{arguments:["skewX","skewY","cx","cy"],method:"skew"}}),s.extend(s.Element,{style:function(e,i){if(0==arguments.length)return this.node.style.cssText||"";if(arguments.length<2)if("object"===t(e))for(i in e)this.style(i,e[i]);else{if(!s.regex.isCss.test(e))return this.node.style[c(e)];for(e=e.split(/\s*;\s*/).filter(function(t){return!!t}).map(function(t){return t.split(/\s*:\s*/)});i=e.pop();)this.style(i[0],i[1])}else this.node.style[c(e)]=null===i||s.regex.isBlank.test(i)?"":i;return this}}),s.Parent=s.invent({create:function(t){this.constructor.call(this,t)},inherit:s.Element,extend:{children:function(){return s.utils.map(s.utils.filterSVGElements(this.node.childNodes),function(t){return s.adopt(t)})},add:function(t,e){return null==e?this.node.appendChild(t.node):t.node!=this.node.childNodes[e]&&this.node.insertBefore(t.node,this.node.childNodes[e]),this},put:function(t,e){return this.add(t,e),t},has:function(t){return this.index(t)>=0},index:function(t){return[].slice.call(this.node.childNodes).indexOf(t.node)},get:function(t){return s.adopt(this.node.childNodes[t])},first:function(){return this.get(0)},last:function(){return this.get(this.node.childNodes.length-1)},each:function(t,e){var i,a,n=this.children();for(i=0,a=n.length;i<a;i++)n[i]instanceof s.Element&&t.apply(n[i],[i,n]),e&&n[i]instanceof s.Container&&n[i].each(t,e);return this},removeElement:function(t){return this.node.removeChild(t.node),this},clear:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return delete this._defs,this},defs:function(){return this.doc().defs()}}}),s.extend(s.Parent,{ungroup:function(t,e){return 0===e||this instanceof s.Defs||this.node==s.parser.draw?this:(t=t||(this instanceof s.Doc?this:this.parent(s.Parent)),e=e||1/0,this.each(function(){return this instanceof s.Defs?this:this instanceof s.Parent?this.ungroup(t,e-1):this.toParent(t)}),this.node.firstChild||this.remove(),this)},flatten:function(t,e){return this.ungroup(t,e)}}),s.Container=s.invent({create:function(t){this.constructor.call(this,t)},inherit:s.Parent}),s.ViewBox=s.invent({create:function(e){var i,a,n,r,o,l,h,c=1,d=1,u=/[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?/gi;if(e instanceof s.Element){for(l=e,h=e,o=(e.attr("viewBox")||"").match(u),e.bbox,n=new s.Number(e.width()),r=new s.Number(e.height());"%"==n.unit;)c*=n.value,n=new s.Number(l instanceof s.Doc?l.parent().offsetWidth:l.parent().width()),l=l.parent();for(;"%"==r.unit;)d*=r.value,r=new s.Number(h instanceof s.Doc?h.parent().offsetHeight:h.parent().height()),h=h.parent();this.x=0,this.y=0,this.width=n*c,this.height=r*d,this.zoom=1,o&&(i=parseFloat(o[0]),a=parseFloat(o[1]),n=parseFloat(o[2]),r=parseFloat(o[3]),this.zoom=this.width/this.height>n/r?this.height/r:this.width/n,this.x=i,this.y=a,this.width=n,this.height=r)}else e="string"==typeof e?e.match(u).map(function(t){return parseFloat(t)}):Array.isArray(e)?e:"object"===t(e)?[e.x,e.y,e.width,e.height]:4==arguments.length?[].slice.call(arguments):[0,0,0,0],this.x=e[0],this.y=e[1],this.width=e[2],this.height=e[3]},extend:{toString:function(){return this.x+" "+this.y+" "+this.width+" "+this.height},morph:function(t,e,i,a){return this.destination=new s.ViewBox(t,e,i,a),this},at:function(t){return this.destination?new s.ViewBox([this.x+(this.destination.x-this.x)*t,this.y+(this.destination.y-this.y)*t,this.width+(this.destination.width-this.width)*t,this.height+(this.destination.height-this.height)*t]):this}},parent:s.Container,construct:{viewbox:function(t,e,i,a){return 0==arguments.length?new s.ViewBox(this):this.attr("viewBox",new s.ViewBox(t,e,i,a))}}}),["click","dblclick","mousedown","mouseup","mouseover","mouseout","mousemove","touchstart","touchmove","touchleave","touchend","touchcancel"].forEach(function(t){s.Element.prototype[t]=function(e){return s.on(this.node,t,e),this}}),s.listeners=[],s.handlerMap=[],s.listenerId=0,s.on=function(t,e,i,a,n){var r=i.bind(a||t.instance||t),o=(s.handlerMap.indexOf(t)+1||s.handlerMap.push(t))-1,l=e.split(".")[0],h=e.split(".")[1]||"*";s.listeners[o]=s.listeners[o]||{},s.listeners[o][l]=s.listeners[o][l]||{},s.listeners[o][l][h]=s.listeners[o][l][h]||{},i._svgjsListenerId||(i._svgjsListenerId=++s.listenerId),s.listeners[o][l][h][i._svgjsListenerId]=r,t.addEventListener(l,r,n||!1)},s.off=function(t,e,i){var a=s.handlerMap.indexOf(t),n=e&&e.split(".")[0],r=e&&e.split(".")[1],o="";if(-1!=a)if(i){if("function"==typeof i&&(i=i._svgjsListenerId),!i)return;s.listeners[a][n]&&s.listeners[a][n][r||"*"]&&(t.removeEventListener(n,s.listeners[a][n][r||"*"][i],!1),delete s.listeners[a][n][r||"*"][i])}else if(r&&n){if(s.listeners[a][n]&&s.listeners[a][n][r]){for(i in s.listeners[a][n][r])s.off(t,[n,r].join("."),i);delete s.listeners[a][n][r]}}else if(r)for(e in s.listeners[a])for(o in s.listeners[a][e])r===o&&s.off(t,[e,r].join("."));else if(n){if(s.listeners[a][n]){for(o in s.listeners[a][n])s.off(t,[n,o].join("."));delete s.listeners[a][n]}}else{for(e in s.listeners[a])s.off(t,e);delete s.listeners[a],delete s.handlerMap[a]}},s.extend(s.Element,{on:function(t,e,i,a){return s.on(this.node,t,e,i,a),this},off:function(t,e){return s.off(this.node,t,e),this},fire:function(t,i){return t instanceof e.Event?this.node.dispatchEvent(t):this.node.dispatchEvent(t=new s.CustomEvent(t,{detail:i,cancelable:!0})),this._event=t,this},event:function(){return this._event}}),s.Defs=s.invent({create:"defs",inherit:s.Container}),s.G=s.invent({create:"g",inherit:s.Container,extend:{x:function(t){return null==t?this.transform("x"):this.transform({x:t-this.x()},!0)},y:function(t){return null==t?this.transform("y"):this.transform({y:t-this.y()},!0)},cx:function(t){return null==t?this.gbox().cx:this.x(t-this.gbox().width/2)},cy:function(t){return null==t?this.gbox().cy:this.y(t-this.gbox().height/2)},gbox:function(){var t=this.bbox(),e=this.transform();return t.x+=e.x,t.x2+=e.x,t.cx+=e.x,t.y+=e.y,t.y2+=e.y,t.cy+=e.y,t}},construct:{group:function(){return this.put(new s.G)}}}),s.Doc=s.invent({create:function(t){t&&("svg"==(t="string"==typeof t?i.getElementById(t):t).nodeName?this.constructor.call(this,t):(this.constructor.call(this,s.create("svg")),t.appendChild(this.node),this.size("100%","100%")),this.namespace().defs())},inherit:s.Container,extend:{namespace:function(){return this.attr({xmlns:s.ns,version:"1.1"}).attr("xmlns:xlink",s.xlink,s.xmlns).attr("xmlns:svgjs",s.svgjs,s.xmlns)},defs:function(){var t;this._defs||((t=this.node.getElementsByTagName("defs")[0])?this._defs=s.adopt(t):this._defs=new s.Defs,this.node.appendChild(this._defs.node));return this._defs},parent:function(){return this.node.parentNode&&"#document"!=this.node.parentNode.nodeName?this.node.parentNode:null},spof:function(){var t=this.node.getScreenCTM();return t&&this.style("left",-t.e%1+"px").style("top",-t.f%1+"px"),this},remove:function(){return this.parent()&&this.parent().removeChild(this.node),this},clear:function(){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return delete this._defs,s.parser.draw&&!s.parser.draw.parentNode&&this.node.appendChild(s.parser.draw),this},clone:function(t){this.writeDataToDom();var e=this.node,i=m(e.cloneNode(!0));return t?(t.node||t).appendChild(i.node):e.parentNode.insertBefore(i.node,e.nextSibling),i}}}),s.extend(s.Element,{siblings:function(){return this.parent().children()},position:function(){return this.parent().index(this)},next:function(){return this.siblings()[this.position()+1]},previous:function(){return this.siblings()[this.position()-1]},forward:function(){var t=this.position()+1,e=this.parent();return e.removeElement(this).add(this,t),e instanceof s.Doc&&e.node.appendChild(e.defs().node),this},backward:function(){var t=this.position();return t>0&&this.parent().removeElement(this).add(this,t-1),this},front:function(){var t=this.parent();return t.node.appendChild(this.node),t instanceof s.Doc&&t.node.appendChild(t.defs().node),this},back:function(){return this.position()>0&&this.parent().removeElement(this).add(this,0),this},before:function(t){t.remove();var e=this.position();return this.parent().add(t,e),this},after:function(t){t.remove();var e=this.position();return this.parent().add(t,e+1),this}}),s.Mask=s.invent({create:function(){this.constructor.call(this,s.create("mask")),this.targets=[]},inherit:s.Container,extend:{remove:function(){for(var t=this.targets.length-1;t>=0;t--)this.targets[t]&&this.targets[t].unmask();return this.targets=[],s.Element.prototype.remove.call(this),this}},construct:{mask:function(){return this.defs().put(new s.Mask)}}}),s.extend(s.Element,{maskWith:function(t){return this.masker=t instanceof s.Mask?t:this.parent().mask().add(t),this.masker.targets.push(this),this.attr("mask",'url("#'+this.masker.attr("id")+'")')},unmask:function(){return delete this.masker,this.attr("mask",null)}}),s.ClipPath=s.invent({create:function(){this.constructor.call(this,s.create("clipPath")),this.targets=[]},inherit:s.Container,extend:{remove:function(){for(var t=this.targets.length-1;t>=0;t--)this.targets[t]&&this.targets[t].unclip();return this.targets=[],this.parent().removeElement(this),this}},construct:{clip:function(){return this.defs().put(new s.ClipPath)}}}),s.extend(s.Element,{clipWith:function(t){return this.clipper=t instanceof s.ClipPath?t:this.parent().clip().add(t),this.clipper.targets.push(this),this.attr("clip-path",'url("#'+this.clipper.attr("id")+'")')},unclip:function(){return delete this.clipper,this.attr("clip-path",null)}}),s.Gradient=s.invent({create:function(t){this.constructor.call(this,s.create(t+"Gradient")),this.type=t},inherit:s.Container,extend:{at:function(t,e,i){return this.put(new s.Stop).update(t,e,i)},update:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this},fill:function(){return"url(#"+this.id()+")"},toString:function(){return this.fill()},attr:function(t,e,i){return"transform"==t&&(t="gradientTransform"),s.Container.prototype.attr.call(this,t,e,i)}},construct:{gradient:function(t,e){return this.defs().gradient(t,e)}}}),s.extend(s.Gradient,s.FX,{from:function(t,e){return"radial"==(this._target||this).type?this.attr({fx:new s.Number(t),fy:new s.Number(e)}):this.attr({x1:new s.Number(t),y1:new s.Number(e)})},to:function(t,e){return"radial"==(this._target||this).type?this.attr({cx:new s.Number(t),cy:new s.Number(e)}):this.attr({x2:new s.Number(t),y2:new s.Number(e)})}}),s.extend(s.Defs,{gradient:function(t,e){return this.put(new s.Gradient(t)).update(e)}}),s.Stop=s.invent({create:"stop",inherit:s.Element,extend:{update:function(t){return("number"==typeof t||t instanceof s.Number)&&(t={offset:arguments[0],color:arguments[1],opacity:arguments[2]}),null!=t.opacity&&this.attr("stop-opacity",t.opacity),null!=t.color&&this.attr("stop-color",t.color),null!=t.offset&&this.attr("offset",new s.Number(t.offset)),this}}}),s.Pattern=s.invent({create:"pattern",inherit:s.Container,extend:{fill:function(){return"url(#"+this.id()+")"},update:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this},toString:function(){return this.fill()},attr:function(t,e,i){return"transform"==t&&(t="patternTransform"),s.Container.prototype.attr.call(this,t,e,i)}},construct:{pattern:function(t,e,i){return this.defs().pattern(t,e,i)}}}),s.extend(s.Defs,{pattern:function(t,e,i){return this.put(new s.Pattern).update(i).attr({x:0,y:0,width:t,height:e,patternUnits:"userSpaceOnUse"})}}),s.Shape=s.invent({create:function(t){this.constructor.call(this,t)},inherit:s.Element}),s.Bare=s.invent({create:function(t,e){if(this.constructor.call(this,s.create(t)),e)for(var i in e.prototype)"function"==typeof e.prototype[i]&&(this[i]=e.prototype[i])},inherit:s.Element,extend:{words:function(t){for(;this.node.hasChildNodes();)this.node.removeChild(this.node.lastChild);return this.node.appendChild(i.createTextNode(t)),this}}}),s.extend(s.Parent,{element:function(t,e){return this.put(new s.Bare(t,e))}}),s.Symbol=s.invent({create:"symbol",inherit:s.Container,construct:{symbol:function(){return this.put(new s.Symbol)}}}),s.Use=s.invent({create:"use",inherit:s.Shape,extend:{element:function(t,e){return this.attr("href",(e||"")+"#"+t,s.xlink)}},construct:{use:function(t,e){return this.put(new s.Use).element(t,e)}}}),s.Rect=s.invent({create:"rect",inherit:s.Shape,construct:{rect:function(t,e){return this.put(new s.Rect).size(t,e)}}}),s.Circle=s.invent({create:"circle",inherit:s.Shape,construct:{circle:function(t){return this.put(new s.Circle).rx(new s.Number(t).divide(2)).move(0,0)}}}),s.extend(s.Circle,s.FX,{rx:function(t){return this.attr("r",t)},ry:function(t){return this.rx(t)}}),s.Ellipse=s.invent({create:"ellipse",inherit:s.Shape,construct:{ellipse:function(t,e){return this.put(new s.Ellipse).size(t,e).move(0,0)}}}),s.extend(s.Ellipse,s.Rect,s.FX,{rx:function(t){return this.attr("rx",t)},ry:function(t){return this.attr("ry",t)}}),s.extend(s.Circle,s.Ellipse,{x:function(t){return null==t?this.cx()-this.rx():this.cx(t+this.rx())},y:function(t){return null==t?this.cy()-this.ry():this.cy(t+this.ry())},cx:function(t){return null==t?this.attr("cx"):this.attr("cx",t)},cy:function(t){return null==t?this.attr("cy"):this.attr("cy",t)},width:function(t){return null==t?2*this.rx():this.rx(new s.Number(t).divide(2))},height:function(t){return null==t?2*this.ry():this.ry(new s.Number(t).divide(2))},size:function(t,e){var i=g(this,t,e);return this.rx(new s.Number(i.width).divide(2)).ry(new s.Number(i.height).divide(2))}}),s.Line=s.invent({create:"line",inherit:s.Shape,extend:{array:function(){return new s.PointArray([[this.attr("x1"),this.attr("y1")],[this.attr("x2"),this.attr("y2")]])},plot:function(t,e,i,a){return null==t?this.array():(t=void 0!==e?{x1:t,y1:e,x2:i,y2:a}:new s.PointArray(t).toLine(),this.attr(t))},move:function(t,e){return this.attr(this.array().move(t,e).toLine())},size:function(t,e){var i=g(this,t,e);return this.attr(this.array().size(i.width,i.height).toLine())}},construct:{line:function(t,e,i,a){return s.Line.prototype.plot.apply(this.put(new s.Line),null!=t?[t,e,i,a]:[0,0,0,0])}}}),s.Polyline=s.invent({create:"polyline",inherit:s.Shape,construct:{polyline:function(t){return this.put(new s.Polyline).plot(t||new s.PointArray)}}}),s.Polygon=s.invent({create:"polygon",inherit:s.Shape,construct:{polygon:function(t){return this.put(new s.Polygon).plot(t||new s.PointArray)}}}),s.extend(s.Polyline,s.Polygon,{array:function(){return this._array||(this._array=new s.PointArray(this.attr("points")))},plot:function(t){return null==t?this.array():this.clear().attr("points","string"==typeof t?t:this._array=new s.PointArray(t))},clear:function(){return delete this._array,this},move:function(t,e){return this.attr("points",this.array().move(t,e))},size:function(t,e){var i=g(this,t,e);return this.attr("points",this.array().size(i.width,i.height))}}),s.extend(s.Line,s.Polyline,s.Polygon,{morphArray:s.PointArray,x:function(t){return null==t?this.bbox().x:this.move(t,this.bbox().y)},y:function(t){return null==t?this.bbox().y:this.move(this.bbox().x,t)},width:function(t){var e=this.bbox();return null==t?e.width:this.size(t,e.height)},height:function(t){var e=this.bbox();return null==t?e.height:this.size(e.width,t)}}),s.Path=s.invent({create:"path",inherit:s.Shape,extend:{morphArray:s.PathArray,array:function(){return this._array||(this._array=new s.PathArray(this.attr("d")))},plot:function(t){return null==t?this.array():this.clear().attr("d","string"==typeof t?t:this._array=new s.PathArray(t))},clear:function(){return delete this._array,this},move:function(t,e){return this.attr("d",this.array().move(t,e))},x:function(t){return null==t?this.bbox().x:this.move(t,this.bbox().y)},y:function(t){return null==t?this.bbox().y:this.move(this.bbox().x,t)},size:function(t,e){var i=g(this,t,e);return this.attr("d",this.array().size(i.width,i.height))},width:function(t){return null==t?this.bbox().width:this.size(t,this.bbox().height)},height:function(t){return null==t?this.bbox().height:this.size(this.bbox().width,t)}},construct:{path:function(t){return this.put(new s.Path).plot(t||new s.PathArray)}}}),s.Image=s.invent({create:"image",inherit:s.Shape,extend:{load:function(t){if(!t)return this;var i=this,a=new e.Image;return s.on(a,"load",function(){s.off(a);var e=i.parent(s.Pattern);null!==e&&(0==i.width()&&0==i.height()&&i.size(a.width,a.height),e&&0==e.width()&&0==e.height()&&e.size(i.width(),i.height()),"function"==typeof i._loaded&&i._loaded.call(i,{width:a.width,height:a.height,ratio:a.width/a.height,url:t}))}),s.on(a,"error",function(t){s.off(a),"function"==typeof i._error&&i._error.call(i,t)}),this.attr("href",a.src=this.src=t,s.xlink)},loaded:function(t){return this._loaded=t,this},error:function(t){return this._error=t,this}},construct:{image:function(t,e,i){return this.put(new s.Image).load(t).size(e||0,i||e||0)}}}),s.Text=s.invent({create:function(){this.constructor.call(this,s.create("text")),this.dom.leading=new s.Number(1.3),this._rebuild=!0,this._build=!1,this.attr("font-family",s.defaults.attrs["font-family"])},inherit:s.Shape,extend:{x:function(t){return null==t?this.attr("x"):this.attr("x",t)},y:function(t){var e=this.attr("y"),i="number"==typeof e?e-this.bbox().y:0;return null==t?"number"==typeof e?e-i:e:this.attr("y","number"==typeof t.valueOf()?t+i:t)},cx:function(t){return null==t?this.bbox().cx:this.x(t-this.bbox().width/2)},cy:function(t){return null==t?this.bbox().cy:this.y(t-this.bbox().height/2)},text:function(t){if(void 0===t){t="";for(var e=this.node.childNodes,i=0,a=e.length;i<a;++i)0!=i&&3!=e[i].nodeType&&1==s.adopt(e[i]).dom.newLined&&(t+="\n"),t+=e[i].textContent;return t}if(this.clear().build(!0),"function"==typeof t)t.call(this,this);else{i=0;for(var n=(t=t.split("\n")).length;i<n;i++)this.tspan(t[i]).newLine()}return this.build(!1).rebuild()},size:function(t){return this.attr("font-size",t).rebuild()},leading:function(t){return null==t?this.dom.leading:(this.dom.leading=new s.Number(t),this.rebuild())},lines:function(){var t=(this.textPath&&this.textPath()||this).node,e=s.utils.map(s.utils.filterSVGElements(t.childNodes),function(t){return s.adopt(t)});return new s.Set(e)},rebuild:function(t){if("boolean"==typeof t&&(this._rebuild=t),this._rebuild){var e=this,i=0,a=this.dom.leading*new s.Number(this.attr("font-size"));this.lines().each(function(){this.dom.newLined&&(e.textPath()||this.attr("x",e.attr("x")),"\n"==this.text()?i+=a:(this.attr("dy",a+i),i=0))}),this.fire("rebuild")}return this},build:function(t){return this._build=!!t,this},setData:function(t){return this.dom=t,this.dom.leading=new s.Number(t.leading||1.3),this}},construct:{text:function(t){return this.put(new s.Text).text(t)},plain:function(t){return this.put(new s.Text).plain(t)}}}),s.Tspan=s.invent({create:"tspan",inherit:s.Shape,extend:{text:function(t){return null==t?this.node.textContent+(this.dom.newLined?"\n":""):("function"==typeof t?t.call(this,this):this.plain(t),this)},dx:function(t){return this.attr("dx",t)},dy:function(t){return this.attr("dy",t)},newLine:function(){var t=this.parent(s.Text);return this.dom.newLined=!0,this.dy(t.dom.leading*t.attr("font-size")).attr("x",t.x())}}}),s.extend(s.Text,s.Tspan,{plain:function(t){return!1===this._build&&this.clear(),this.node.appendChild(i.createTextNode(t)),this},tspan:function(t){var e=(this.textPath&&this.textPath()||this).node,i=new s.Tspan;return!1===this._build&&this.clear(),e.appendChild(i.node),i.text(t)},clear:function(){for(var t=(this.textPath&&this.textPath()||this).node;t.hasChildNodes();)t.removeChild(t.lastChild);return this},length:function(){return this.node.getComputedTextLength()}}),s.TextPath=s.invent({create:"textPath",inherit:s.Parent,parent:s.Text,construct:{morphArray:s.PathArray,path:function(t){for(var e=new s.TextPath,i=this.doc().defs().path(t);this.node.hasChildNodes();)e.node.appendChild(this.node.firstChild);return this.node.appendChild(e.node),e.attr("href","#"+i,s.xlink),this},array:function(){var t=this.track();return t?t.array():null},plot:function(t){var e=this.track(),i=null;return e&&(i=e.plot(t)),null==t?i:this},track:function(){var t=this.textPath();if(t)return t.reference("href")},textPath:function(){if(this.node.firstChild&&"textPath"==this.node.firstChild.nodeName)return s.adopt(this.node.firstChild)}}}),s.Nested=s.invent({create:function(){this.constructor.call(this,s.create("svg")),this.style("overflow","visible")},inherit:s.Container,construct:{nested:function(){return this.put(new s.Nested)}}}),s.A=s.invent({create:"a",inherit:s.Container,extend:{to:function(t){return this.attr("href",t,s.xlink)},show:function(t){return this.attr("show",t,s.xlink)},target:function(t){return this.attr("target",t)}},construct:{link:function(t){return this.put(new s.A).to(t)}}}),s.extend(s.Element,{linkTo:function(t){var e=new s.A;return"function"==typeof t?t.call(e,e):e.to(t),this.parent().put(e).put(this)}}),s.Marker=s.invent({create:"marker",inherit:s.Container,extend:{width:function(t){return this.attr("markerWidth",t)},height:function(t){return this.attr("markerHeight",t)},ref:function(t,e){return this.attr("refX",t).attr("refY",e)},update:function(t){return this.clear(),"function"==typeof t&&t.call(this,this),this},toString:function(){return"url(#"+this.id()+")"}},construct:{marker:function(t,e,i){return this.defs().marker(t,e,i)}}}),s.extend(s.Defs,{marker:function(t,e,i){return this.put(new s.Marker).size(t,e).ref(t/2,e/2).viewbox(0,0,t,e).attr("orient","auto").update(i)}}),s.extend(s.Line,s.Polyline,s.Polygon,s.Path,{marker:function(t,e,i,a){var n=["marker"];return"all"!=t&&n.push(t),n=n.join("-"),t=arguments[1]instanceof s.Marker?arguments[1]:this.doc().marker(e,i,a),this.attr(n,t)}});var l={stroke:["color","width","opacity","linecap","linejoin","miterlimit","dasharray","dashoffset"],fill:["color","opacity","rule"],prefix:function(t,e){return"color"==e?t:t+"-"+e}};function h(t,e,i,a){return i+a.replace(s.regex.dots," .")}function c(t){return t.toLowerCase().replace(/-(.)/g,function(t,e){return e.toUpperCase()})}function d(t){return t.charAt(0).toUpperCase()+t.slice(1)}function u(t){var e=t.toString(16);return 1==e.length?"0"+e:e}function g(t,e,i){if(null==e||null==i){var s=t.bbox();null==e?e=s.width/s.height*i:null==i&&(i=s.height/s.width*e)}return{width:e,height:i}}function f(t,e,i){return{x:e*t.a+i*t.c+0,y:e*t.b+i*t.d+0}}function p(t){return{a:t[0],b:t[1],c:t[2],d:t[3],e:t[4],f:t[5]}}function x(t,e){t.cx=null==t.cx?e.bbox().cx:t.cx,t.cy=null==t.cy?e.bbox().cy:t.cy}function m(t){for(var i=t.childNodes.length-1;i>=0;i--)t.childNodes[i]instanceof e.SVGElement&&m(t.childNodes[i]);return s.adopt(t).id(s.eid(t.nodeName))}function v(t){return null==t.x&&(t.x=0,t.y=0,t.width=0,t.height=0),t.w=t.width,t.h=t.height,t.x2=t.x+t.width,t.y2=t.y+t.height,t.cx=t.x+t.width/2,t.cy=t.y+t.height/2,t}function b(t){return Math.abs(t)>1e-37?t:0}["fill","stroke"].forEach(function(t){var e,i={};i[t]=function(i){if(void 0===i)return this;if("string"==typeof i||s.Color.isRgb(i)||i&&"function"==typeof i.fill)this.attr(t,i);else for(e=l[t].length-1;e>=0;e--)null!=i[l[t][e]]&&this.attr(l.prefix(t,l[t][e]),i[l[t][e]]);return this},s.extend(s.Element,s.FX,i)}),s.extend(s.Element,s.FX,{rotate:function(t,e,i){return this.transform({rotation:t,cx:e,cy:i})},skew:function(t,e,i,s){return 1==arguments.length||3==arguments.length?this.transform({skew:t,cx:e,cy:i}):this.transform({skewX:t,skewY:e,cx:i,cy:s})},scale:function(t,e,i,s){return 1==arguments.length||3==arguments.length?this.transform({scale:t,cx:e,cy:i}):this.transform({scaleX:t,scaleY:e,cx:i,cy:s})},translate:function(t,e){return this.transform({x:t,y:e})},flip:function(t,e){return e="number"==typeof t?t:e,this.transform({flip:t||"both",offset:e})},matrix:function(t){return this.attr("transform",new s.Matrix(6==arguments.length?[].slice.call(arguments):t))},opacity:function(t){return this.attr("opacity",t)},dx:function(t){return this.x(new s.Number(t).plus(this instanceof s.FX?0:this.x()),!0)},dy:function(t){return this.y(new s.Number(t).plus(this instanceof s.FX?0:this.y()),!0)},dmove:function(t,e){return this.dx(t).dy(e)}}),s.extend(s.Rect,s.Ellipse,s.Circle,s.Gradient,s.FX,{radius:function(t,e){var i=(this._target||this).type;return"radial"==i||"circle"==i?this.attr("r",new s.Number(t)):this.rx(t).ry(null==e?t:e)}}),s.extend(s.Path,{length:function(){return this.node.getTotalLength()},pointAt:function(t){return this.node.getPointAtLength(t)}}),s.extend(s.Parent,s.Text,s.Tspan,s.FX,{font:function(e,i){if("object"===t(e))for(i in e)this.font(i,e[i]);return"leading"==e?this.leading(i):"anchor"==e?this.attr("text-anchor",i):"size"==e||"family"==e||"weight"==e||"stretch"==e||"variant"==e||"style"==e?this.attr("font-"+e,i):this.attr(e,i)}}),s.Set=s.invent({create:function(t){Array.isArray(t)?this.members=t:this.clear()},extend:{add:function(){var t,e,i=[].slice.call(arguments);for(t=0,e=i.length;t<e;t++)this.members.push(i[t]);return this},remove:function(t){var e=this.index(t);return e>-1&&this.members.splice(e,1),this},each:function(t){for(var e=0,i=this.members.length;e<i;e++)t.apply(this.members[e],[e,this.members]);return this},clear:function(){return this.members=[],this},length:function(){return this.members.length},has:function(t){return this.index(t)>=0},index:function(t){return this.members.indexOf(t)},get:function(t){return this.members[t]},first:function(){return this.get(0)},last:function(){return this.get(this.members.length-1)},valueOf:function(){return this.members},bbox:function(){if(0==this.members.length)return new s.RBox;var t=this.members[0].rbox(this.members[0].doc());return this.each(function(){t=t.merge(this.rbox(this.doc()))}),t}},construct:{set:function(t){return new s.Set(t)}}}),s.FX.Set=s.invent({create:function(t){this.set=t}}),s.Set.inherit=function(){var t=[];for(var e in s.Shape.prototype)"function"==typeof s.Shape.prototype[e]&&"function"!=typeof s.Set.prototype[e]&&t.push(e);for(var e in t.forEach(function(t){s.Set.prototype[t]=function(){for(var e=0,i=this.members.length;e<i;e++)this.members[e]&&"function"==typeof this.members[e][t]&&this.members[e][t].apply(this.members[e],arguments);return"animate"==t?this.fx||(this.fx=new s.FX.Set(this)):this}}),t=[],s.FX.prototype)"function"==typeof s.FX.prototype[e]&&"function"!=typeof s.FX.Set.prototype[e]&&t.push(e);t.forEach(function(t){s.FX.Set.prototype[t]=function(){for(var e=0,i=this.set.members.length;e<i;e++)this.set.members[e].fx[t].apply(this.set.members[e].fx,arguments);return this}})},s.extend(s.Element,{data:function(e,i,s){if("object"===t(e))for(i in e)this.data(i,e[i]);else if(arguments.length<2)try{return JSON.parse(this.attr("data-"+e))}catch(t){return this.attr("data-"+e)}else this.attr("data-"+e,null===i?null:!0===s||"string"==typeof i||"number"==typeof i?i:JSON.stringify(i));return this}}),s.extend(s.Element,{remember:function(e,i){if("object"===t(arguments[0]))for(var i in e)this.remember(i,e[i]);else{if(1==arguments.length)return this.memory()[e];this.memory()[e]=i}return this},forget:function(){if(0==arguments.length)this._memory={};else for(var t=arguments.length-1;t>=0;t--)delete this.memory()[arguments[t]];return this},memory:function(){return this._memory||(this._memory={})}}),s.get=function(t){var e=i.getElementById(function(t){var e=(t||"").toString().match(s.regex.reference);if(e)return e[1]}(t)||t);return s.adopt(e)},s.select=function(t,e){return new s.Set(s.utils.map((e||i).querySelectorAll(t),function(t){return s.adopt(t)}))},s.extend(s.Parent,{select:function(t){return s.select(t,this.node)}});var y="abcdef".split("");if("function"!=typeof e.CustomEvent){var w=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:void 0};var s=i.createEvent("CustomEvent");return s.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),s};w.prototype=e.Event.prototype,s.CustomEvent=w}else s.CustomEvent=e.CustomEvent;return function(t){for(var i=0,s=["moz","webkit"],a=0;a<s.length&&!e.requestAnimationFrame;++a)t.requestAnimationFrame=t[s[a]+"RequestAnimationFrame"],t.cancelAnimationFrame=t[s[a]+"CancelAnimationFrame"]||t[s[a]+"CancelRequestAnimationFrame"];t.requestAnimationFrame=t.requestAnimationFrame||function(e){var s=(new Date).getTime(),a=Math.max(0,16-(s-i)),n=t.setTimeout(function(){e(s+a)},a);return i=s+a,n},t.cancelAnimationFrame=t.cancelAnimationFrame||t.clearTimeout}(e),s},"function"==typeof define&&define.amd?define(function(){return it(et,et.document)}):"object"===("undefined"==typeof exports?"undefined":t(exports))?module.exports=et.document?it(et,et.document):function(t){return it(t,t.document)}:et.SVG=it(et,et.document),function(){SVG.Filter=SVG.invent({create:"filter",inherit:SVG.Parent,extend:{source:"SourceGraphic",sourceAlpha:"SourceAlpha",background:"BackgroundImage",backgroundAlpha:"BackgroundAlpha",fill:"FillPaint",stroke:"StrokePaint",autoSetIn:!0,put:function(t,e){return this.add(t,e),!t.attr("in")&&this.autoSetIn&&t.attr("in",this.source),t.attr("result")||t.attr("result",t),t},blend:function(t,e,i){return this.put(new SVG.BlendEffect(t,e,i))},colorMatrix:function(t,e){return this.put(new SVG.ColorMatrixEffect(t,e))},convolveMatrix:function(t){return this.put(new SVG.ConvolveMatrixEffect(t))},componentTransfer:function(t){return this.put(new SVG.ComponentTransferEffect(t))},composite:function(t,e,i){return this.put(new SVG.CompositeEffect(t,e,i))},flood:function(t,e){return this.put(new SVG.FloodEffect(t,e))},offset:function(t,e){return this.put(new SVG.OffsetEffect(t,e))},image:function(t){return this.put(new SVG.ImageEffect(t))},merge:function(){var t=[void 0];for(var e in arguments)t.push(arguments[e]);return this.put(new(SVG.MergeEffect.bind.apply(SVG.MergeEffect,t)))},gaussianBlur:function(t,e){return this.put(new SVG.GaussianBlurEffect(t,e))},morphology:function(t,e){return this.put(new SVG.MorphologyEffect(t,e))},diffuseLighting:function(t,e,i){return this.put(new SVG.DiffuseLightingEffect(t,e,i))},displacementMap:function(t,e,i,s,a){return this.put(new SVG.DisplacementMapEffect(t,e,i,s,a))},specularLighting:function(t,e,i,s){return this.put(new SVG.SpecularLightingEffect(t,e,i,s))},tile:function(){return this.put(new SVG.TileEffect)},turbulence:function(t,e,i,s,a){return this.put(new SVG.TurbulenceEffect(t,e,i,s,a))},toString:function(){return"url(#"+this.attr("id")+")"}}}),SVG.extend(SVG.Defs,{filter:function(t){var e=this.put(new SVG.Filter);return"function"==typeof t&&t.call(e,e),e}}),SVG.extend(SVG.Container,{filter:function(t){return this.defs().filter(t)}}),SVG.extend(SVG.Element,SVG.G,SVG.Nested,{filter:function(t){return this.filterer=t instanceof SVG.Element?t:this.doc().filter(t),this.doc()&&this.filterer.doc()!==this.doc()&&this.doc().defs().add(this.filterer),this.attr("filter",this.filterer),this.filterer},unfilter:function(t){return this.filterer&&!0===t&&this.filterer.remove(),delete this.filterer,this.attr("filter",null)}}),SVG.Effect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Element,extend:{in:function(t){return null==t?this.parent()&&this.parent().select('[result="'+this.attr("in")+'"]').get(0)||this.attr("in"):this.attr("in",t)},result:function(t){return null==t?this.attr("result"):this.attr("result",t)},toString:function(){return this.result()}}}),SVG.ParentEffect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Parent,extend:{in:function(t){return null==t?this.parent()&&this.parent().select('[result="'+this.attr("in")+'"]').get(0)||this.attr("in"):this.attr("in",t)},result:function(t){return null==t?this.attr("result"):this.attr("result",t)},toString:function(){return this.result()}}});var t={blend:function(t,e){return this.parent()&&this.parent().blend(this,t,e)},colorMatrix:function(t,e){return this.parent()&&this.parent().colorMatrix(t,e).in(this)},convolveMatrix:function(t){return this.parent()&&this.parent().convolveMatrix(t).in(this)},componentTransfer:function(t){return this.parent()&&this.parent().componentTransfer(t).in(this)},composite:function(t,e){return this.parent()&&this.parent().composite(this,t,e)},flood:function(t,e){return this.parent()&&this.parent().flood(t,e)},offset:function(t,e){return this.parent()&&this.parent().offset(t,e).in(this)},image:function(t){return this.parent()&&this.parent().image(t)},merge:function(){return this.parent()&&this.parent().merge.apply(this.parent(),[this].concat(arguments))},gaussianBlur:function(t,e){return this.parent()&&this.parent().gaussianBlur(t,e).in(this)},morphology:function(t,e){return this.parent()&&this.parent().morphology(t,e).in(this)},diffuseLighting:function(t,e,i){return this.parent()&&this.parent().diffuseLighting(t,e,i).in(this)},displacementMap:function(t,e,i,s){return this.parent()&&this.parent().displacementMap(this,t,e,i,s)},specularLighting:function(t,e,i,s){return this.parent()&&this.parent().specularLighting(t,e,i,s).in(this)},tile:function(){return this.parent()&&this.parent().tile().in(this)},turbulence:function(t,e,i,s,a){return this.parent()&&this.parent().turbulence(t,e,i,s,a).in(this)}};SVG.extend(SVG.Effect,t),SVG.extend(SVG.ParentEffect,t),SVG.ChildEffect=SVG.invent({create:function(){this.constructor.call(this)},inherit:SVG.Element,extend:{in:function(t){this.attr("in",t)}}});var e={blend:function(t,e,i){this.attr({in:t,in2:e,mode:i||"normal"})},colorMatrix:function(t,e){"matrix"==t&&(e=a(e)),this.attr({type:t,values:void 0===e?null:e})},convolveMatrix:function(t){t=a(t),this.attr({order:Math.sqrt(t.split(" ").length),kernelMatrix:t})},composite:function(t,e,i){this.attr({in:t,in2:e,operator:i})},flood:function(t,e){this.attr("flood-color",t),null!=e&&this.attr("flood-opacity",e)},offset:function(t,e){this.attr({dx:t,dy:e})},image:function(t){this.attr("href",t,SVG.xlink)},displacementMap:function(t,e,i,s,a){this.attr({in:t,in2:e,scale:i,xChannelSelector:s,yChannelSelector:a})},gaussianBlur:function(t,e){null!=t||null!=e?this.attr("stdDeviation",function(t){if(!Array.isArray(t))return t;for(var e=0,i=t.length,s=[];e<i;e++)s.push(t[e]);return s.join(" ")}(Array.prototype.slice.call(arguments))):this.attr("stdDeviation","0 0")},morphology:function(t,e){this.attr({operator:t,radius:e})},tile:function(){},turbulence:function(t,e,i,s,a){this.attr({numOctaves:e,seed:i,stitchTiles:s,baseFrequency:t,type:a})}},i={merge:function(){var t;if(arguments[0]instanceof SVG.Set){var e=this;arguments[0].each(function(t){this instanceof SVG.MergeNode?e.put(this):(this instanceof SVG.Effect||this instanceof SVG.ParentEffect)&&e.put(new SVG.MergeNode(this))})}else{t=Array.isArray(arguments[0])?arguments[0]:arguments;for(var i=0;i<t.length;i++)t[i]instanceof SVG.MergeNode?this.put(t[i]):this.put(new SVG.MergeNode(t[i]))}},componentTransfer:function(t){if(this.rgb=new SVG.Set,["r","g","b","a"].forEach(function(t){this[t]=new(SVG["Func"+t.toUpperCase()])("identity"),this.rgb.add(this[t]),this.node.appendChild(this[t].node)}.bind(this)),t)for(var e in t.rgb&&(["r","g","b"].forEach(function(e){this[e].attr(t.rgb)}.bind(this)),delete t.rgb),t)this[e].attr(t[e])},diffuseLighting:function(t,e,i){this.attr({surfaceScale:t,diffuseConstant:e,kernelUnitLength:i})},specularLighting:function(t,e,i,s){this.attr({surfaceScale:t,diffuseConstant:e,specularExponent:i,kernelUnitLength:s})}},s={distantLight:function(t,e){this.attr({azimuth:t,elevation:e})},pointLight:function(t,e,i){this.attr({x:t,y:e,z:i})},spotLight:function(t,e,i,s,a,n){this.attr({x:t,y:e,z:i,pointsAtX:s,pointsAtY:a,pointsAtZ:n})},mergeNode:function(t){this.attr("in",t)}};function a(t){return Array.isArray(t)&&(t=new SVG.Array(t)),t.toString().replace(/^\s+/,"").replace(/\s+$/,"").replace(/\s+/g," ")}function n(){var t=function(){};for(var e in"function"==typeof arguments[arguments.length-1]&&(t=arguments[arguments.length-1],Array.prototype.splice.call(arguments,arguments.length-1,1)),arguments)for(var i in arguments[e])t(arguments[e][i],i,arguments[e])}["r","g","b","a"].forEach(function(t){s["Func"+t.toUpperCase()]=function(t){switch(this.attr("type",t),t){case"table":this.attr("tableValues",arguments[1]);break;case"linear":this.attr("slope",arguments[1]),this.attr("intercept",arguments[2]);break;case"gamma":this.attr("amplitude",arguments[1]),this.attr("exponent",arguments[2]),this.attr("offset",arguments[2])}}}),n(e,function(t,e){var i=e.charAt(0).toUpperCase()+e.slice(1);SVG[i+"Effect"]=SVG.invent({create:function(){this.constructor.call(this,SVG.create("fe"+i)),t.apply(this,arguments),this.result(this.attr("id")+"Out")},inherit:SVG.Effect,extend:{}})}),n(i,function(t,e){var i=e.charAt(0).toUpperCase()+e.slice(1);SVG[i+"Effect"]=SVG.invent({create:function(){this.constructor.call(this,SVG.create("fe"+i)),t.apply(this,arguments),this.result(this.attr("id")+"Out")},inherit:SVG.ParentEffect,extend:{}})}),n(s,function(t,e){var i=e.charAt(0).toUpperCase()+e.slice(1);SVG[i]=SVG.invent({create:function(){this.constructor.call(this,SVG.create("fe"+i)),t.apply(this,arguments)},inherit:SVG.ChildEffect,extend:{}})}),SVG.extend(SVG.MergeEffect,{in:function(t){return t instanceof SVG.MergeNode?this.add(t,0):this.add(new SVG.MergeNode(t),0),this}}),SVG.extend(SVG.CompositeEffect,SVG.BlendEffect,SVG.DisplacementMapEffect,{in2:function(t){return null==t?this.parent()&&this.parent().select('[result="'+this.attr("in2")+'"]').get(0)||this.attr("in2"):this.attr("in2",t)}}),SVG.filter={sepiatone:[.343,.669,.119,0,0,.249,.626,.13,0,0,.172,.334,.111,0,0,0,0,0,1,0]}}.call(void 0),function(){function t(t,a,n,r,o,l,h){for(var c=t.slice(a,n||h),d=r.slice(o,l||h),u=0,g={pos:[0,0],start:[0,0]},f={pos:[0,0],start:[0,0]};;){if(c[u]=e.call(g,c[u]),d[u]=e.call(f,d[u]),c[u][0]!=d[u][0]||"M"==c[u][0]||"A"==c[u][0]&&(c[u][4]!=d[u][4]||c[u][5]!=d[u][5])?(Array.prototype.splice.apply(c,[u,1].concat(s.call(g,c[u]))),Array.prototype.splice.apply(d,[u,1].concat(s.call(f,d[u])))):(c[u]=i.call(g,c[u]),d[u]=i.call(f,d[u])),++u==c.length&&u==d.length)break;u==c.length&&c.push(["C",g.pos[0],g.pos[1],g.pos[0],g.pos[1],g.pos[0],g.pos[1]]),u==d.length&&d.push(["C",f.pos[0],f.pos[1],f.pos[0],f.pos[1],f.pos[0],f.pos[1]])}return{start:c,dest:d}}function e(t){switch(t[0]){case"z":case"Z":t[0]="L",t[1]=this.start[0],t[2]=this.start[1];break;case"H":t[0]="L",t[2]=this.pos[1];break;case"V":t[0]="L",t[2]=t[1],t[1]=this.pos[0];break;case"T":t[0]="Q",t[3]=t[1],t[4]=t[2],t[1]=this.reflection[1],t[2]=this.reflection[0];break;case"S":t[0]="C",t[6]=t[4],t[5]=t[3],t[4]=t[2],t[3]=t[1],t[2]=this.reflection[1],t[1]=this.reflection[0]}return t}function i(t){var e=t.length;return this.pos=[t[e-2],t[e-1]],-1!="SCQT".indexOf(t[0])&&(this.reflection=[2*this.pos[0]-t[e-4],2*this.pos[1]-t[e-3]]),t}function s(t){var e=[t];switch(t[0]){case"M":return this.pos=this.start=[t[1],t[2]],e;case"L":t[5]=t[3]=t[1],t[6]=t[4]=t[2],t[1]=this.pos[0],t[2]=this.pos[1];break;case"Q":t[6]=t[4],t[5]=t[3],t[4]=1*t[4]/3+2*t[2]/3,t[3]=1*t[3]/3+2*t[1]/3,t[2]=1*this.pos[1]/3+2*t[2]/3,t[1]=1*this.pos[0]/3+2*t[1]/3;break;case"A":t=(e=function(t,e){var i,s,a,n,r,o,l,h,c,d,u,g,f,p,x,m,v,b,y,w,k,A,S,C,L,z,M=Math.abs(e[1]),P=Math.abs(e[2]),E=e[3]%360,T=e[4],X=e[5],I=e[6],Y=e[7],F=new SVG.Point(t),O=new SVG.Point(I,Y),R=[];if(0===M||0===P||F.x===O.x&&F.y===O.y)return[["C",F.x,F.y,O.x,O.y,O.x,O.y]];i=new SVG.Point((F.x-O.x)/2,(F.y-O.y)/2).transform((new SVG.Matrix).rotate(E)),(s=i.x*i.x/(M*M)+i.y*i.y/(P*P))>1&&(s=Math.sqrt(s),M*=s,P*=s);a=(new SVG.Matrix).rotate(E).scale(1/M,1/P).rotate(-E),F=F.transform(a),O=O.transform(a),n=[O.x-F.x,O.y-F.y],o=n[0]*n[0]+n[1]*n[1],r=Math.sqrt(o),n[0]/=r,n[1]/=r,l=o<4?Math.sqrt(1-o/4):0,T===X&&(l*=-1);h=new SVG.Point((O.x+F.x)/2+l*-n[1],(O.y+F.y)/2+l*n[0]),c=new SVG.Point(F.x-h.x,F.y-h.y),d=new SVG.Point(O.x-h.x,O.y-h.y),u=Math.acos(c.x/Math.sqrt(c.x*c.x+c.y*c.y)),c.y<0&&(u*=-1);g=Math.acos(d.x/Math.sqrt(d.x*d.x+d.y*d.y)),d.y<0&&(g*=-1);X&&u>g&&(g+=2*Math.PI);!X&&u<g&&(g-=2*Math.PI);for(p=Math.ceil(2*Math.abs(u-g)/Math.PI),m=[],v=u,f=(g-u)/p,x=4*Math.tan(f/4)/3,k=0;k<=p;k++)y=Math.cos(v),b=Math.sin(v),w=new SVG.Point(h.x+y,h.y+b),m[k]=[new SVG.Point(w.x+x*b,w.y-x*y),w,new SVG.Point(w.x-x*b,w.y+x*y)],v+=f;for(m[0][0]=m[0][1].clone(),m[m.length-1][2]=m[m.length-1][1].clone(),a=(new SVG.Matrix).rotate(E).scale(M,P).rotate(-E),k=0,A=m.length;k<A;k++)m[k][0]=m[k][0].transform(a),m[k][1]=m[k][1].transform(a),m[k][2]=m[k][2].transform(a);for(k=1,A=m.length;k<A;k++)w=m[k-1][2],S=w.x,C=w.y,w=m[k][0],L=w.x,z=w.y,w=m[k][1],I=w.x,Y=w.y,R.push(["C",S,C,L,z,I,Y]);return R}(this.pos,t))[0]}return t[0]="C",this.pos=[t[5],t[6]],this.reflection=[2*t[5]-t[3],2*t[6]-t[4]],e}function a(t,e){if(!1===e)return!1;for(var i=e,s=t.length;i<s;++i)if("M"==t[i][0])return i;return!1}SVG.extend(SVG.PathArray,{morph:function(e){for(var i=this.value,s=this.parse(e),n=0,r=0,o=!1,l=!1;!1!==n||!1!==r;){var h;o=a(i,!1!==n&&n+1),l=a(s,!1!==r&&r+1),!1===n&&(n=0==(h=new SVG.PathArray(c.start).bbox()).height||0==h.width?i.push(i[0])-1:i.push(["M",h.x+h.width/2,h.y+h.height/2])-1),!1===r&&(r=0==(h=new SVG.PathArray(c.dest).bbox()).height||0==h.width?s.push(s[0])-1:s.push(["M",h.x+h.width/2,h.y+h.height/2])-1);var c=t(i,n,o,s,r,l);i=i.slice(0,n).concat(c.start,!1===o?[]:i.slice(o)),s=s.slice(0,r).concat(c.dest,!1===l?[]:s.slice(l)),n=!1!==o&&n+c.start.length,r=!1!==l&&r+c.dest.length}return this.value=i,this.destination=new SVG.PathArray,this.destination.value=s,this}})}(),function(){function t(t){t.remember("_draggable",this),this.el=t}t.prototype.init=function(t,e){var i=this;this.constraint=t,this.value=e,this.el.on("mousedown.drag",function(t){i.start(t)}),this.el.on("touchstart.drag",function(t){i.start(t)})},t.prototype.transformPoint=function(t,e){var i=(t=t||window.event).changedTouches&&t.changedTouches[0]||t;return this.p.x=i.pageX-(e||0),this.p.y=i.pageY,this.p.matrixTransform(this.m)},t.prototype.getBBox=function(){var t=this.el.bbox();return this.el instanceof SVG.Nested&&(t=this.el.rbox()),(this.el instanceof SVG.G||this.el instanceof SVG.Use||this.el instanceof SVG.Nested)&&(t.x=this.el.x(),t.y=this.el.y()),t},t.prototype.start=function(t){if("click"!=t.type&&"mousedown"!=t.type&&"mousemove"!=t.type||1==(t.which||t.buttons)){var e=this;this.el.fire("beforedrag",{event:t,handler:this}),this.parent=this.parent||this.el.parent(SVG.Nested)||this.el.parent(SVG.Doc),this.p=this.parent.node.createSVGPoint(),this.m=this.el.node.getScreenCTM().inverse();var i,s=this.getBBox();if(this.el instanceof SVG.Text)switch(i=this.el.node.getComputedTextLength(),this.el.attr("text-anchor")){case"middle":i/=2;break;case"start":i=0}this.startPoints={point:this.transformPoint(t,i),box:s,transform:this.el.transform()},SVG.on(window,"mousemove.drag",function(t){e.drag(t)}),SVG.on(window,"touchmove.drag",function(t){e.drag(t)}),SVG.on(window,"mouseup.drag",function(t){e.end(t)}),SVG.on(window,"touchend.drag",function(t){e.end(t)}),this.el.fire("dragstart",{event:t,p:this.startPoints.point,m:this.m,handler:this}),t.preventDefault(),t.stopPropagation()}},t.prototype.drag=function(t){var e=this.getBBox(),i=this.transformPoint(t),s=this.startPoints.box.x+i.x-this.startPoints.point.x,a=this.startPoints.box.y+i.y-this.startPoints.point.y,n=this.constraint,r=i.x-this.startPoints.point.x,o=i.y-this.startPoints.point.y,l=new CustomEvent("dragmove",{detail:{event:t,p:i,m:this.m,handler:this},cancelable:!0});if(this.el.fire(l),l.defaultPrevented)return i;if("function"==typeof n){var h=n.call(this.el,s,a,this.m);"boolean"==typeof h&&(h={x:h,y:h}),!0===h.x?this.el.x(s):!1!==h.x&&this.el.x(h.x),!0===h.y?this.el.y(a):!1!==h.y&&this.el.y(h.y)}else"object"==typeof n&&(null!=n.minX&&s<n.minX?s=n.minX:null!=n.maxX&&s>n.maxX-e.width&&(s=n.maxX-e.width),null!=n.minY&&a<n.minY?a=n.minY:null!=n.maxY&&a>n.maxY-e.height&&(a=n.maxY-e.height),this.el instanceof SVG.G?this.el.matrix(this.startPoints.transform).transform({x:r,y:o},!0):this.el.move(s,a));return i},t.prototype.end=function(t){var e=this.drag(t);this.el.fire("dragend",{event:t,p:e,m:this.m,handler:this}),SVG.off(window,"mousemove.drag"),SVG.off(window,"touchmove.drag"),SVG.off(window,"mouseup.drag"),SVG.off(window,"touchend.drag")},SVG.extend(SVG.Element,{draggable:function(e,i){"function"!=typeof e&&"object"!=typeof e||(i=e,e=!0);var s=this.remember("_draggable")||new t(this);return(e=void 0===e||e)?s.init(i||{},e):(this.off("mousedown.drag"),this.off("touchstart.drag")),this}})}.call(void 0),function(){function t(t){this.el=t,t.remember("_selectHandler",this),this.pointSelection={isSelected:!1},this.rectSelection={isSelected:!1}}t.prototype.init=function(t,e){var i=this.el.bbox();for(var s in this.options={},this.el.selectize.defaults)this.options[s]=this.el.selectize.defaults[s],void 0!==e[s]&&(this.options[s]=e[s]);this.parent=this.el.parent(),this.nested=this.nested||this.parent.group(),this.nested.matrix(new SVG.Matrix(this.el).translate(i.x,i.y)),this.options.deepSelect&&-1!==["line","polyline","polygon"].indexOf(this.el.type)?this.selectPoints(t):this.selectRect(t),this.observe(),this.cleanup()},t.prototype.selectPoints=function(t){return this.pointSelection.isSelected=t,this.pointSelection.set?this:(this.pointSelection.set=this.parent.set(),this.drawCircles(),this)},t.prototype.getPointArray=function(){var t=this.el.bbox();return this.el.array().valueOf().map(function(e){return[e[0]-t.x,e[1]-t.y]})},t.prototype.drawCircles=function(){for(var t=this,e=this.getPointArray(),i=0,s=e.length;i<s;++i){var a=function(e){return function(i){(i=i||window.event).preventDefault?i.preventDefault():i.returnValue=!1,i.stopPropagation();var s=i.pageX||i.touches[0].pageX,a=i.pageY||i.touches[0].pageY;t.el.fire("point",{x:s,y:a,i:e,event:i})}}(i);this.pointSelection.set.add(this.nested.circle(this.options.radius).center(e[i][0],e[i][1]).addClass(this.options.classPoints).addClass(this.options.classPoints+"_point").on("touchstart",a).on("mousedown",a))}},t.prototype.updatePointSelection=function(){var t=this.getPointArray();this.pointSelection.set.each(function(e){this.cx()===t[e][0]&&this.cy()===t[e][1]||this.center(t[e][0],t[e][1])})},t.prototype.updateRectSelection=function(){var t=this.el.bbox();this.rectSelection.set.get(0).attr({width:t.width,height:t.height}),this.options.points&&(this.rectSelection.set.get(2).center(t.width,0),this.rectSelection.set.get(3).center(t.width,t.height),this.rectSelection.set.get(4).center(0,t.height),this.rectSelection.set.get(5).center(t.width/2,0),this.rectSelection.set.get(6).center(t.width,t.height/2),this.rectSelection.set.get(7).center(t.width/2,t.height),this.rectSelection.set.get(8).center(0,t.height/2)),this.options.rotationPoint&&(this.options.points?this.rectSelection.set.get(9).center(t.width/2,20):this.rectSelection.set.get(1).center(t.width/2,20))},t.prototype.selectRect=function(t){var e=this,i=this.el.bbox();function s(t){return function(i){(i=i||window.event).preventDefault?i.preventDefault():i.returnValue=!1,i.stopPropagation();var s=i.pageX||i.touches[0].pageX,a=i.pageY||i.touches[0].pageY;e.el.fire(t,{x:s,y:a,event:i})}}if(this.rectSelection.isSelected=t,this.rectSelection.set=this.rectSelection.set||this.parent.set(),this.rectSelection.set.get(0)||this.rectSelection.set.add(this.nested.rect(i.width,i.height).addClass(this.options.classRect)),this.options.points&&!this.rectSelection.set.get(1)){var a="touchstart",n="mousedown";this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0,0).attr("class",this.options.classPoints+"_lt").on(n,s("lt")).on(a,s("lt"))),this.rectSelection.set.add(this.nested.circle(this.options.radius).center(i.width,0).attr("class",this.options.classPoints+"_rt").on(n,s("rt")).on(a,s("rt"))),this.rectSelection.set.add(this.nested.circle(this.options.radius).center(i.width,i.height).attr("class",this.options.classPoints+"_rb").on(n,s("rb")).on(a,s("rb"))),this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0,i.height).attr("class",this.options.classPoints+"_lb").on(n,s("lb")).on(a,s("lb"))),this.rectSelection.set.add(this.nested.circle(this.options.radius).center(i.width/2,0).attr("class",this.options.classPoints+"_t").on(n,s("t")).on(a,s("t"))),this.rectSelection.set.add(this.nested.circle(this.options.radius).center(i.width,i.height/2).attr("class",this.options.classPoints+"_r").on(n,s("r")).on(a,s("r"))),this.rectSelection.set.add(this.nested.circle(this.options.radius).center(i.width/2,i.height).attr("class",this.options.classPoints+"_b").on(n,s("b")).on(a,s("b"))),this.rectSelection.set.add(this.nested.circle(this.options.radius).center(0,i.height/2).attr("class",this.options.classPoints+"_l").on(n,s("l")).on(a,s("l"))),this.rectSelection.set.each(function(){this.addClass(e.options.classPoints)})}if(this.options.rotationPoint&&(this.options.points&&!this.rectSelection.set.get(9)||!this.options.points&&!this.rectSelection.set.get(1))){var r=function(t){(t=t||window.event).preventDefault?t.preventDefault():t.returnValue=!1,t.stopPropagation();var i=t.pageX||t.touches[0].pageX,s=t.pageY||t.touches[0].pageY;e.el.fire("rot",{x:i,y:s,event:t})};this.rectSelection.set.add(this.nested.circle(this.options.radius).center(i.width/2,20).attr("class",this.options.classPoints+"_rot").on("touchstart",r).on("mousedown",r))}},t.prototype.handler=function(){var t=this.el.bbox();this.nested.matrix(new SVG.Matrix(this.el).translate(t.x,t.y)),this.rectSelection.isSelected&&this.updateRectSelection(),this.pointSelection.isSelected&&this.updatePointSelection()},t.prototype.observe=function(){var t=this;if(MutationObserver)if(this.rectSelection.isSelected||this.pointSelection.isSelected)this.observerInst=this.observerInst||new MutationObserver(function(){t.handler()}),this.observerInst.observe(this.el.node,{attributes:!0});else try{this.observerInst.disconnect(),delete this.observerInst}catch(t){}else this.el.off("DOMAttrModified.select"),(this.rectSelection.isSelected||this.pointSelection.isSelected)&&this.el.on("DOMAttrModified.select",function(){t.handler()})},t.prototype.cleanup=function(){!this.rectSelection.isSelected&&this.rectSelection.set&&(this.rectSelection.set.each(function(){this.remove()}),this.rectSelection.set.clear(),delete this.rectSelection.set),!this.pointSelection.isSelected&&this.pointSelection.set&&(this.pointSelection.set.each(function(){this.remove()}),this.pointSelection.set.clear(),delete this.pointSelection.set),this.pointSelection.isSelected||this.rectSelection.isSelected||(this.nested.remove(),delete this.nested)},SVG.extend(SVG.Element,{selectize:function(e,i){return"object"==typeof e&&(i=e,e=!0),(this.remember("_selectHandler")||new t(this)).init(void 0===e||e,i||{}),this}}),SVG.Element.prototype.selectize.defaults={points:!0,classRect:"svg_select_boundingRect",classPoints:"svg_select_points",radius:7,rotationPoint:!0,deepSelect:!1}}(),function(){(function(){function t(t){t.remember("_resizeHandler",this),this.el=t,this.parameters={},this.lastUpdateCall=null,this.p=t.doc().node.createSVGPoint()}t.prototype.transformPoint=function(t,e,i){return this.p.x=t-(this.offset.x-window.pageXOffset),this.p.y=e-(this.offset.y-window.pageYOffset),this.p.matrixTransform(i||this.m)},t.prototype._extractPosition=function(t){return{x:null!=t.clientX?t.clientX:t.touches[0].clientX,y:null!=t.clientY?t.clientY:t.touches[0].clientY}},t.prototype.init=function(t){var e=this;if(this.stop(),"stop"!==t){for(var i in this.options={},this.el.resize.defaults)this.options[i]=this.el.resize.defaults[i],void 0!==t[i]&&(this.options[i]=t[i]);this.el.on("lt.resize",function(t){e.resize(t||window.event)}),this.el.on("rt.resize",function(t){e.resize(t||window.event)}),this.el.on("rb.resize",function(t){e.resize(t||window.event)}),this.el.on("lb.resize",function(t){e.resize(t||window.event)}),this.el.on("t.resize",function(t){e.resize(t||window.event)}),this.el.on("r.resize",function(t){e.resize(t||window.event)}),this.el.on("b.resize",function(t){e.resize(t||window.event)}),this.el.on("l.resize",function(t){e.resize(t||window.event)}),this.el.on("rot.resize",function(t){e.resize(t||window.event)}),this.el.on("point.resize",function(t){e.resize(t||window.event)}),this.update()}},t.prototype.stop=function(){return this.el.off("lt.resize"),this.el.off("rt.resize"),this.el.off("rb.resize"),this.el.off("lb.resize"),this.el.off("t.resize"),this.el.off("r.resize"),this.el.off("b.resize"),this.el.off("l.resize"),this.el.off("rot.resize"),this.el.off("point.resize"),this},t.prototype.resize=function(t){var e=this;this.m=this.el.node.getScreenCTM().inverse(),this.offset={x:window.pageXOffset,y:window.pageYOffset};var i=this._extractPosition(t.detail.event);if(this.parameters={type:this.el.type,p:this.transformPoint(i.x,i.y),x:t.detail.x,y:t.detail.y,box:this.el.bbox(),rotation:this.el.transform().rotation},"text"===this.el.type&&(this.parameters.fontSize=this.el.attr()["font-size"]),void 0!==t.detail.i){var s=this.el.array().valueOf();this.parameters.i=t.detail.i,this.parameters.pointCoords=[s[t.detail.i][0],s[t.detail.i][1]]}switch(t.type){case"lt":this.calc=function(t,e){var i=this.snapToGrid(t,e);if(this.parameters.box.width-i[0]>0&&this.parameters.box.height-i[1]>0){if("text"===this.parameters.type)return this.el.move(this.parameters.box.x+i[0],this.parameters.box.y),void this.el.attr("font-size",this.parameters.fontSize-i[0]);i=this.checkAspectRatio(i),this.el.move(this.parameters.box.x+i[0],this.parameters.box.y+i[1]).size(this.parameters.box.width-i[0],this.parameters.box.height-i[1])}};break;case"rt":this.calc=function(t,e){var i=this.snapToGrid(t,e,2);if(this.parameters.box.width+i[0]>0&&this.parameters.box.height-i[1]>0){if("text"===this.parameters.type)return this.el.move(this.parameters.box.x-i[0],this.parameters.box.y),void this.el.attr("font-size",this.parameters.fontSize+i[0]);i=this.checkAspectRatio(i),this.el.move(this.parameters.box.x,this.parameters.box.y+i[1]).size(this.parameters.box.width+i[0],this.parameters.box.height-i[1])}};break;case"rb":this.calc=function(t,e){var i=this.snapToGrid(t,e,0);if(this.parameters.box.width+i[0]>0&&this.parameters.box.height+i[1]>0){if("text"===this.parameters.type)return this.el.move(this.parameters.box.x-i[0],this.parameters.box.y),void this.el.attr("font-size",this.parameters.fontSize+i[0]);i=this.checkAspectRatio(i),this.el.move(this.parameters.box.x,this.parameters.box.y).size(this.parameters.box.width+i[0],this.parameters.box.height+i[1])}};break;case"lb":this.calc=function(t,e){var i=this.snapToGrid(t,e,1);if(this.parameters.box.width-i[0]>0&&this.parameters.box.height+i[1]>0){if("text"===this.parameters.type)return this.el.move(this.parameters.box.x+i[0],this.parameters.box.y),void this.el.attr("font-size",this.parameters.fontSize-i[0]);i=this.checkAspectRatio(i),this.el.move(this.parameters.box.x+i[0],this.parameters.box.y).size(this.parameters.box.width-i[0],this.parameters.box.height+i[1])}};break;case"t":this.calc=function(t,e){var i=this.snapToGrid(t,e,2);if(this.parameters.box.height-i[1]>0){if("text"===this.parameters.type)return;this.el.move(this.parameters.box.x,this.parameters.box.y+i[1]).height(this.parameters.box.height-i[1])}};break;case"r":this.calc=function(t,e){var i=this.snapToGrid(t,e,0);if(this.parameters.box.width+i[0]>0){if("text"===this.parameters.type)return;this.el.move(this.parameters.box.x,this.parameters.box.y).width(this.parameters.box.width+i[0])}};break;case"b":this.calc=function(t,e){var i=this.snapToGrid(t,e,0);if(this.parameters.box.height+i[1]>0){if("text"===this.parameters.type)return;this.el.move(this.parameters.box.x,this.parameters.box.y).height(this.parameters.box.height+i[1])}};break;case"l":this.calc=function(t,e){var i=this.snapToGrid(t,e,1);if(this.parameters.box.width-i[0]>0){if("text"===this.parameters.type)return;this.el.move(this.parameters.box.x+i[0],this.parameters.box.y).width(this.parameters.box.width-i[0])}};break;case"rot":this.calc=function(t,e){var i=t+this.parameters.p.x,s=e+this.parameters.p.y,a=Math.atan2(this.parameters.p.y-this.parameters.box.y-this.parameters.box.height/2,this.parameters.p.x-this.parameters.box.x-this.parameters.box.width/2),n=180*(Math.atan2(s-this.parameters.box.y-this.parameters.box.height/2,i-this.parameters.box.x-this.parameters.box.width/2)-a)/Math.PI;this.el.center(this.parameters.box.cx,this.parameters.box.cy).rotate(this.parameters.rotation+n-n%this.options.snapToAngle,this.parameters.box.cx,this.parameters.box.cy)};break;case"point":this.calc=function(t,e){var i=this.snapToGrid(t,e,this.parameters.pointCoords[0],this.parameters.pointCoords[1]),s=this.el.array().valueOf();s[this.parameters.i][0]=this.parameters.pointCoords[0]+i[0],s[this.parameters.i][1]=this.parameters.pointCoords[1]+i[1],this.el.plot(s)}}this.el.fire("resizestart",{dx:this.parameters.x,dy:this.parameters.y,event:t}),SVG.on(window,"touchmove.resize",function(t){e.update(t||window.event)}),SVG.on(window,"touchend.resize",function(){e.done()}),SVG.on(window,"mousemove.resize",function(t){e.update(t||window.event)}),SVG.on(window,"mouseup.resize",function(){e.done()})},t.prototype.update=function(t){if(t){var e=this._extractPosition(t),i=this.transformPoint(e.x,e.y),s=i.x-this.parameters.p.x,a=i.y-this.parameters.p.y;this.lastUpdateCall=[s,a],this.calc(s,a),this.el.fire("resizing",{dx:s,dy:a,event:t})}else this.lastUpdateCall&&this.calc(this.lastUpdateCall[0],this.lastUpdateCall[1])},t.prototype.done=function(){this.lastUpdateCall=null,SVG.off(window,"mousemove.resize"),SVG.off(window,"mouseup.resize"),SVG.off(window,"touchmove.resize"),SVG.off(window,"touchend.resize"),this.el.fire("resizedone")},t.prototype.snapToGrid=function(t,e,i,s){var a;return void 0!==s?a=[(i+t)%this.options.snapToGrid,(s+e)%this.options.snapToGrid]:(i=null==i?3:i,a=[(this.parameters.box.x+t+(1&i?0:this.parameters.box.width))%this.options.snapToGrid,(this.parameters.box.y+e+(2&i?0:this.parameters.box.height))%this.options.snapToGrid]),t-=Math.abs(a[0])<this.options.snapToGrid/2?a[0]:a[0]-(t<0?-this.options.snapToGrid:this.options.snapToGrid),e-=Math.abs(a[1])<this.options.snapToGrid/2?a[1]:a[1]-(e<0?-this.options.snapToGrid:this.options.snapToGrid),this.constraintToBox(t,e,i,s)},t.prototype.constraintToBox=function(t,e,i,s){var a,n,r=this.options.constraint||{};return void 0!==s?(a=i,n=s):(a=this.parameters.box.x+(1&i?0:this.parameters.box.width),n=this.parameters.box.y+(2&i?0:this.parameters.box.height)),void 0!==r.minX&&a+t<r.minX&&(t=r.minX-a),void 0!==r.maxX&&a+t>r.maxX&&(t=r.maxX-a),void 0!==r.minY&&n+e<r.minY&&(e=r.minY-n),void 0!==r.maxY&&n+e>r.maxY&&(e=r.maxY-n),[t,e]},t.prototype.checkAspectRatio=function(t){if(!this.options.saveAspectRatio)return t;var e=t.slice(),i=this.parameters.box.width/this.parameters.box.height,s=this.parameters.box.width+t[0],a=this.parameters.box.height-t[1],n=s/a;return n<i?e[1]=s/i-this.parameters.box.height:n>i&&(e[0]=this.parameters.box.width-a*i),e},SVG.extend(SVG.Element,{resize:function(e){return(this.remember("_resizeHandler")||new t(this)).init(e||{}),this}}),SVG.Element.prototype.resize.defaults={snapToAngle:.1,snapToGrid:1,constraint:{},saveAspectRatio:!1}}).call(this)}();return function(t,e){void 0===e&&(e={});var i=e.insertAt;if(t&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===i&&s.firstChild?s.insertBefore(a,s.firstChild):s.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}('.apexcharts-canvas {\n position: relative;\n user-select: none;\n /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */\n}\n\n/* scrollbar is not visible by default for legend, hence forcing the visibility */\n.apexcharts-canvas ::-webkit-scrollbar {\n -webkit-appearance: none;\n width: 6px;\n}\n.apexcharts-canvas ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0,0,0,.5);\n box-shadow: 0 0 1px rgba(255,255,255,.5);\n -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);\n}\n\n.apexcharts-inner {\n position: relative;\n}\n\n.legend-mouseover-inactive {\n transition: 0.15s ease all;\n opacity: 0.20;\n}\n\n.apexcharts-series-collapsed {\n opacity: 0;\n}\n\n.apexcharts-gridline, .apexcharts-text {\n pointer-events: none;\n}\n\n.apexcharts-tooltip {\n border-radius: 5px;\n box-shadow: 2px 2px 6px -4px #999;\n cursor: default;\n font-size: 14px;\n left: 62px;\n opacity: 0;\n pointer-events: none;\n position: absolute;\n top: 20px;\n overflow: hidden;\n white-space: nowrap;\n z-index: 12;\n transition: 0.15s ease all;\n}\n.apexcharts-tooltip.light {\n border: 1px solid #e3e3e3;\n background: rgba(255, 255, 255, 0.96);\n}\n.apexcharts-tooltip.dark {\n color: #fff;\n background: rgba(30,30,30, 0.8);\n}\n.apexcharts-tooltip * {\n font-family: inherit;\n}\n\n.apexcharts-tooltip .apexcharts-marker,\n.apexcharts-area-series .apexcharts-area,\n.apexcharts-line {\n pointer-events: none;\n}\n\n.apexcharts-tooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-tooltip-title {\n padding: 6px;\n font-size: 15px;\n margin-bottom: 4px;\n}\n.apexcharts-tooltip.light .apexcharts-tooltip-title {\n background: #ECEFF1;\n border-bottom: 1px solid #ddd;\n}\n.apexcharts-tooltip.dark .apexcharts-tooltip-title {\n background: rgba(0, 0, 0, 0.7);\n border-bottom: 1px solid #222;\n}\n\n.apexcharts-tooltip-text-value,\n.apexcharts-tooltip-text-z-value {\n display: inline-block;\n font-weight: 600;\n margin-left: 5px;\n}\n\n.apexcharts-tooltip-text-z-label:empty,\n.apexcharts-tooltip-text-z-value:empty {\n display: none;\n}\n\n.apexcharts-tooltip-text-value, \n.apexcharts-tooltip-text-z-value {\n font-weight: 600;\n}\n\n.apexcharts-tooltip-marker {\n width: 12px;\n height: 12px;\n position: relative;\n top: 0px;\n margin-right: 10px;\n border-radius: 50%;\n}\n\n.apexcharts-tooltip-series-group {\n padding: 0 10px;\n display: none;\n text-align: left;\n justify-content: left;\n align-items: center;\n}\n\n.apexcharts-tooltip-series-group.active .apexcharts-tooltip-marker {\n opacity: 1;\n}\n.apexcharts-tooltip-series-group.active, .apexcharts-tooltip-series-group:last-child {\n padding-bottom: 4px;\n}\n.apexcharts-tooltip-y-group {\n padding: 6px 0 5px;\n}\n.apexcharts-tooltip-candlestick {\n padding: 4px 8px;\n}\n.apexcharts-tooltip-candlestick > div {\n margin: 4px 0;\n}\n.apexcharts-tooltip-candlestick span.value {\n font-weight: bold;\n}\n\n.apexcharts-xaxistooltip {\n opacity: 0;\n padding: 9px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {\n\tleft: 50%;\n\tborder: solid transparent;\n\tcontent: " ";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n\n.apexcharts-xaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-left: -6px;\n}\n.apexcharts-xaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-left: -7px;\n}\n\n.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {\n bottom: 100%;\n}\n\n.apexcharts-xaxistooltip-bottom:after {\n border-bottom-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-bottom:before {\n border-bottom-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {\n top: 100%;\n}\n.apexcharts-xaxistooltip-top:after {\n border-top-color: #ECEFF1;\n}\n.apexcharts-xaxistooltip-top:before {\n border-top-color: #90A4AE;\n}\n\n.apexcharts-xaxistooltip.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-yaxistooltip {\n opacity: 0;\n padding: 4px 10px;\n pointer-events: none;\n color: #373d3f;\n font-size: 13px;\n text-align: center;\n border-radius: 2px;\n position: absolute;\n z-index: 10;\n\tbackground: #ECEFF1;\n border: 1px solid #90A4AE;\n}\n\n.apexcharts-yaxistooltip:after, .apexcharts-yaxistooltip:before {\n\ttop: 50%;\n\tborder: solid transparent;\n\tcontent: " ";\n\theight: 0;\n\twidth: 0;\n\tposition: absolute;\n\tpointer-events: none;\n}\n.apexcharts-yaxistooltip:after {\n\tborder-color: rgba(236, 239, 241, 0);\n\tborder-width: 6px;\n\tmargin-top: -6px;\n}\n.apexcharts-yaxistooltip:before {\n\tborder-color: rgba(144, 164, 174, 0);\n\tborder-width: 7px;\n\tmargin-top: -7px;\n}\n\n.apexcharts-yaxistooltip-left:after, .apexcharts-yaxistooltip-left:before {\n left: 100%;\n}\n.apexcharts-yaxistooltip-left:after {\n border-left-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-left:before {\n border-left-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip-right:after, .apexcharts-yaxistooltip-right:before {\n right: 100%;\n}\n.apexcharts-yaxistooltip-right:after {\n border-right-color: #ECEFF1;\n}\n.apexcharts-yaxistooltip-right:before {\n border-right-color: #90A4AE;\n}\n\n.apexcharts-yaxistooltip.active {\n opacity: 1;\n}\n\n.apexcharts-xcrosshairs, .apexcharts-ycrosshairs {\n pointer-events: none;\n opacity: 0;\n transition: 0.15s ease all;\n}\n\n.apexcharts-xcrosshairs.active, .apexcharts-ycrosshairs.active {\n opacity: 1;\n transition: 0.15s ease all;\n}\n\n.apexcharts-ycrosshairs-hidden {\n opacity: 0;\n}\n\n.apexcharts-zoom-rect {\n pointer-events: none;\n}\n.apexcharts-selection-rect {\n cursor: move;\n}\n\n.svg_select_points, .svg_select_points_rot {\n opacity: 0;\n visibility: hidden;\n}\n.svg_select_points_l, .svg_select_points_r {\n cursor: ew-resize;\n opacity: 1;\n visibility: visible;\n fill: #888;\n}\n.apexcharts-canvas.zoomable .hovering-zoom {\n cursor: crosshair\n}\n.apexcharts-canvas.zoomable .hovering-pan {\n cursor: move\n}\n\n.apexcharts-xaxis,\n.apexcharts-yaxis {\n pointer-events: none;\n}\n\n.apexcharts-zoom-icon, \n.apexcharts-zoom-in-icon,\n.apexcharts-zoom-out-icon,\n.apexcharts-reset-zoom-icon, \n.apexcharts-pan-icon, \n.apexcharts-selection-icon,\n.apexcharts-menu-icon, \n.apexcharts-toolbar-custom-icon {\n cursor: pointer;\n width: 20px;\n height: 20px;\n line-height: 24px;\n color: #6E8192;\n text-align: center;\n}\n\n.apexcharts-zoom-icon svg, \n.apexcharts-zoom-in-icon svg,\n.apexcharts-zoom-out-icon svg,\n.apexcharts-reset-zoom-icon svg,\n.apexcharts-menu-icon svg {\n fill: #6E8192;\n}\n.apexcharts-selection-icon svg {\n fill: #444;\n transform: scale(0.76)\n}\n.apexcharts-zoom-icon.selected svg, \n.apexcharts-selection-icon.selected svg, \n.apexcharts-reset-zoom-icon.selected svg {\n fill: #008FFB;\n}\n.apexcharts-selection-icon:not(.selected):hover svg,\n.apexcharts-zoom-icon:not(.selected):hover svg, \n.apexcharts-zoom-in-icon:hover svg, \n.apexcharts-zoom-out-icon:hover svg, \n.apexcharts-reset-zoom-icon:hover svg, \n.apexcharts-menu-icon:hover svg {\n fill: #333;\n}\n\n.apexcharts-selection-icon, .apexcharts-menu-icon {\n position: relative;\n}\n.apexcharts-reset-zoom-icon {\n margin-left: 5px;\n}\n.apexcharts-zoom-icon, .apexcharts-reset-zoom-icon, .apexcharts-menu-icon {\n transform: scale(0.85);\n}\n\n.apexcharts-zoom-in-icon, .apexcharts-zoom-out-icon {\n transform: scale(0.7)\n}\n\n.apexcharts-zoom-out-icon {\n margin-right: 3px;\n}\n\n.apexcharts-pan-icon {\n transform: scale(0.62);\n position: relative;\n left: 1px;\n top: 0px;\n}\n.apexcharts-pan-icon svg {\n fill: #fff;\n stroke: #6E8192;\n stroke-width: 2;\n}\n.apexcharts-pan-icon.selected svg {\n stroke: #008FFB;\n}\n.apexcharts-pan-icon:not(.selected):hover svg {\n stroke: #333;\n}\n\n.apexcharts-toolbar {\n position: absolute;\n z-index: 11;\n top: 0px;\n right: 3px;\n max-width: 176px;\n text-align: right;\n border-radius: 3px;\n padding: 0px 6px 2px 6px;\n display: flex;\n justify-content: space-between;\n align-items: center; \n}\n\n.apexcharts-toolbar svg {\n pointer-events: none;\n}\n\n.apexcharts-menu {\n background: #fff;\n position: absolute;\n top: 100%;\n border: 1px solid #ddd;\n border-radius: 3px;\n padding: 3px;\n right: 10px;\n opacity: 0;\n min-width: 110px;\n transition: 0.15s ease all;\n pointer-events: none;\n}\n\n.apexcharts-menu.open {\n opacity: 1;\n pointer-events: all;\n transition: 0.15s ease all;\n}\n\n.apexcharts-menu-item {\n padding: 6px 7px;\n font-size: 12px;\n cursor: pointer;\n}\n.apexcharts-menu-item:hover {\n background: #eee;\n}\n\n@media screen and (min-width: 768px) {\n .apexcharts-toolbar {\n /*opacity: 0;*/\n }\n\n .apexcharts-canvas:hover .apexcharts-toolbar {\n opacity: 1;\n } \n}\n\n.apexcharts-datalabel.hidden {\n opacity: 0;\n}\n\n.apexcharts-pie-label,\n.apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {\n cursor: default;\n pointer-events: none;\n}\n\n.apexcharts-pie-label-delay {\n opacity: 0;\n animation-name: opaque;\n animation-duration: 0.3s;\n animation-fill-mode: forwards;\n animation-timing-function: ease;\n}\n\n.apexcharts-canvas .hidden {\n opacity: 0;\n}\n\n.apexcharts-hide .apexcharts-series-points {\n opacity: 0;\n}\n\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series path, .apexcharts-radar-series polygon {\n pointer-events: none;\n}\n\n/* markers */\n\n.apexcharts-marker {\n transition: 0.15s ease all;\n}\n\n@keyframes opaque {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}'),"document"in self&&("classList"in document.createElement("_")&&(!document.createElementNS||"classList"in document.createElementNS("http://www.w3.org/2000/svg","g"))||function(t){if("Element"in t){var e=t.Element.prototype,i=Object,s=String.prototype.trim||function(){return this.replace(/^\s+|\s+$/g,"")},a=Array.prototype.indexOf||function(t){for(var e=0,i=this.length;e<i;e++)if(e in this&&this[e]===t)return e;return-1},n=function(t,e){this.name=t,this.code=DOMException[t],this.message=e},r=function(t,e){if(""===e)throw new n("SYNTAX_ERR","The token must not be empty.");if(/\s/.test(e))throw new n("INVALID_CHARACTER_ERR","The token must not contain space characters.");return a.call(t,e)},o=function(t){for(var e=s.call(t.getAttribute("class")||""),i=e?e.split(/\s+/):[],a=0,n=i.length;a<n;a++)this.push(i[a]);this._updateClassName=function(){t.setAttribute("class",this.toString())}},l=o.prototype=[],h=function(){return new o(this)};if(n.prototype=Error.prototype,l.item=function(t){return this[t]||null},l.contains=function(t){return~r(this,t+"")},l.add=function(){var t,e=arguments,i=0,s=e.length,a=!1;do{t=e[i]+"",~r(this,t)||(this.push(t),a=!0)}while(++i<s);a&&this._updateClassName()},l.remove=function(){var t,e,i=arguments,s=0,a=i.length,n=!1;do{for(t=i[s]+"",e=r(this,t);~e;)this.splice(e,1),n=!0,e=r(this,t)}while(++s<a);n&&this._updateClassName()},l.toggle=function(t,e){var i=this.contains(t),s=i?!0!==e&&"remove":!1!==e&&"add";return s&&this[s](t),!0===e||!1===e?e:!i},l.replace=function(t,e){var i=r(t+"");~i&&(this.splice(i,1,e),this._updateClassName())},l.toString=function(){return this.join(" ")},i.defineProperty){var c={get:h,enumerable:!0,configurable:!0};try{i.defineProperty(e,"classList",c)}catch(t){void 0!==t.number&&-2146823252!==t.number||(c.enumerable=!1,i.defineProperty(e,"classList",c))}}else i.prototype.__defineGetter__&&e.__defineGetter__("classList",h)}}(self),function(){var t=document.createElement("_");if(t.classList.add("c1","c2"),!t.classList.contains("c2")){var e=function(t){var e=DOMTokenList.prototype[t];DOMTokenList.prototype[t]=function(t){var i,s=arguments.length;for(i=0;i<s;i++)t=arguments[i],e.call(this,t)}};e("add"),e("remove")}if(t.classList.toggle("c3",!1),t.classList.contains("c3")){var i=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,e){return 1 in arguments&&!this.contains(t)==!e?e:i.call(this,t)}}"replace"in document.createElement("_").classList||(DOMTokenList.prototype.replace=function(t,e){var i=this.toString().split(" "),s=i.indexOf(t+"");~s&&(i=i.slice(s),this.remove.apply(this,i),this.add(e),this.add.apply(this,i.slice(1)))}),t=null}()),function(){var t=!1;function e(t){var e=t.__resizeTriggers__,i=e.firstElementChild,s=e.lastElementChild,a=i.firstElementChild;s.scrollLeft=s.scrollWidth,s.scrollTop=s.scrollHeight,a.style.width=i.offsetWidth+1+"px",a.style.height=i.offsetHeight+1+"px",i.scrollLeft=i.scrollWidth,i.scrollTop=i.scrollHeight}function i(t){var i=this;e(this),this.__resizeRAF__&&r(this.__resizeRAF__),this.__resizeRAF__=n(function(){(function(t){return t.offsetWidth!=t.__resizeLast__.width||t.offsetHeight!=t.__resizeLast__.height})(i)&&(i.__resizeLast__.width=i.offsetWidth,i.__resizeLast__.height=i.offsetHeight,i.__resizeListeners__.forEach(function(e){e.call(t)}))})}var s,a,n=(s=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return window.setTimeout(t,20)},function(t){return s(t)}),r=(a=window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame||window.clearTimeout,function(t){return a(t)}),o=!1,l="",h="animationstart",c="Webkit Moz O ms".split(" "),d="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),u=document.createElement("fakeelement");if(void 0!==u.style.animationName&&(o=!0),!1===o)for(var g=0;g<c.length;g++)if(void 0!==u.style[c[g]+"AnimationName"]){l="-"+c[g].toLowerCase()+"-",h=d[g];break}var f="@"+l+"keyframes resizeanim { from { opacity: 0; } to { opacity: 0; } } ",p=l+"animation: 1ms resizeanim; ";window.addResizeListener=function(s,a){s.__resizeTriggers__||("static"==getComputedStyle(s).position&&(s.style.position="relative"),function(){if(!t){var e=(f||"")+".resize-triggers { "+(p||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),i.appendChild(s),t=!0}}(),s.__resizeLast__={},s.__resizeListeners__=[],(s.__resizeTriggers__=document.createElement("div")).className="resize-triggers",s.__resizeTriggers__.innerHTML='<div class="expand-trigger"><div></div></div><div class="contract-trigger"></div>',s.appendChild(s.__resizeTriggers__),e(s),s.addEventListener("scroll",i,!0),h&&s.__resizeTriggers__.addEventListener(h,function(t){"resizeanim"==t.animationName&&e(s)})),s.__resizeListeners__.push(a)},window.removeResizeListener=function(t,e){t&&(t.__resizeListeners__.splice(t.__resizeListeners__.indexOf(e),1),t.__resizeListeners__.length||(t.removeEventListener("scroll",i),t.__resizeTriggers__=!t.removeChild(t.__resizeTriggers__)))}}(),window.Apex={},function(){function i(t,s){e(this,i),this.opts=s,this.ctx=this,this.w=new k(s).init(),this.el=t,this.w.globals.cuid=(Math.random()+1).toString(36).substring(4),this.w.globals.chartID=this.w.config.chart.id?this.w.config.chart.id:this.w.globals.cuid,this.initModules(),this.create=d.bind(this.create,this),this.windowResizeHandler=this.windowResize.bind(this)}return s(i,[{key:"render",value:function(){var t=this;return new q(function(e,i){if(null!==t.el){void 0===Apex._chartInstances&&(Apex._chartInstances=[]),t.w.config.chart.id&&Apex._chartInstances.push({id:t.w.globals.chartID,group:t.w.config.chart.group,chart:t}),t.setLocale(t.w.config.chart.defaultLocale);var s=t.w.config.chart.events.beforeMount;"function"==typeof s&&s(t,t.w),t.fireEvent("beforeMount",[t,t.w]),window.addEventListener("resize",t.windowResizeHandler),window.addResizeListener(t.el.parentNode,t.parentResizeCallback.bind(t));var a=t.create(t.w.config.series,{});if(!a)return e(t);t.mount(a).then(function(){e(a),"function"==typeof t.w.config.chart.events.mounted&&t.w.config.chart.events.mounted(t,t.w),t.fireEvent("mounted",[t,t.w])}).catch(function(t){i(t)})}else i(new Error("Element not found"))})}},{key:"initModules",value:function(){this.animations=new g(this.ctx),this.annotations=new m(this.ctx),this.core=new _(this.el,this),this.grid=new at(this),this.coreUtils=new b(this),this.config=new y({}),this.crosshairs=new E(this.ctx),this.options=new x,this.responsive=new rt(this.ctx),this.series=new B(this.ctx),this.theme=new ot(this.ctx),this.formatters=new D(this.ctx),this.titleSubtitle=new mt(this.ctx),this.legend=new nt(this.ctx),this.toolbar=new pt(this.ctx),this.dimensions=new V(this.ctx),this.zoomPanSelection=new xt(this.ctx),this.w.globals.tooltip=new ft(this.ctx)}},{key:"addEventListener",value:function(t,e){var i=this.w;i.globals.events.hasOwnProperty(t)?i.globals.events[t].push(e):i.globals.events[t]=[e]}},{key:"removeEventListener",value:function(t,e){var i=this.w;if(i.globals.events.hasOwnProperty(t)){var s=i.globals.events[t].indexOf(e);-1!==s&&i.globals.events[t].splice(s,1)}}},{key:"fireEvent",value:function(t,e){var i=this.w;if(i.globals.events.hasOwnProperty(t)){e&&e.length||(e=[]);for(var s=i.globals.events[t],a=s.length,n=0;n<a;n++)s[n].apply(null,e)}}},{key:"create",value:function(t,e){var i=this.w;this.initModules();var s=this.w.globals;if(s.noData=!1,s.animationEnded=!1,this.responsive.checkResponsiveConfig(e),null===this.el)return s.animationEnded=!0,null;if(this.core.setupElements(),0===s.svgWidth)return s.animationEnded=!0,null;var a=b.checkComboSeries(t);s.comboCharts=a.comboCharts,s.comboChartsHasBars=a.comboChartsHasBars,(0===t.length||1===t.length&&t[0].data&&0===t[0].data.length)&&this.series.handleNoData(),this.setupEventHandlers(),this.core.parseData(t),this.theme.init(),new S(this).setGlobalMarkerSize(),this.formatters.setLabelFormatters(),this.titleSubtitle.draw(),this.legend.init(),this.series.hasAllSeriesEqualX(),s.axisCharts&&(this.core.coreCalculations(),"category"!==i.config.xaxis.type&&this.formatters.setLabelFormatters()),this.formatters.heatmapLabelFormatters(),this.dimensions.plotCoords();var n=this.core.xySettings();this.grid.createGridMask();var r=this.core.plotChartType(t,n);this.core.shiftGraphPosition();var o={plot:{left:i.globals.translateX,top:i.globals.translateY,width:i.globals.gridWidth,height:i.globals.gridHeight}};return{elGraph:r,xyRatios:n,elInner:i.globals.dom.elGraphical,dimensions:o}}},{key:"mount",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=this,i=e.w;return new q(function(s,a){if(null===e.el)return a(new Error("Not enough data to display or target element not found"));if((null===t||i.globals.allSeriesCollapsed)&&e.series.handleNoData(),e.core.drawAxis(i.config.chart.type,t.xyRatios),e.grid=new at(e),"back"===i.config.grid.position&&e.grid.drawGrid(),"back"===i.config.annotations.position&&e.annotations.drawAnnotations(),t.elGraph instanceof Array)for(var n=0;n<t.elGraph.length;n++)i.globals.dom.elGraphical.add(t.elGraph[n]);else i.globals.dom.elGraphical.add(t.elGraph);if("front"===i.config.grid.position&&e.grid.drawGrid(),"front"===i.config.xaxis.crosshairs.position&&e.crosshairs.drawXCrosshairs(),"front"===i.config.yaxis[0].crosshairs.position&&e.crosshairs.drawYCrosshairs(),"front"===i.config.annotations.position&&e.annotations.drawAnnotations(),!i.globals.noData){if(i.config.tooltip.enabled&&!i.globals.noData&&e.w.globals.tooltip.drawTooltip(t.xyRatios),i.globals.axisCharts&&i.globals.isXNumeric)(i.config.chart.zoom.enabled||i.config.chart.selection&&i.config.chart.selection.enabled||i.config.chart.pan&&i.config.chart.pan.enabled)&&e.zoomPanSelection.init({xyRatios:t.xyRatios});else{var r=i.config.chart.toolbar.tools;r.zoom=!1,r.zoomin=!1,r.zoomout=!1,r.selection=!1,r.pan=!1,r.reset=!1}i.config.chart.toolbar.show&&!i.globals.allSeriesCollapsed&&e.toolbar.createToolbar()}i.globals.memory.methodsToExec.length>0&&i.globals.memory.methodsToExec.forEach(function(t){t.method(t.params,!1,t.context)}),s(e)})}},{key:"clearPreviousPaths",value:function(){var t=this.w;t.globals.previousPaths=[],t.globals.allSeriesCollapsed=!1,t.globals.collapsedSeries=[],t.globals.collapsedSeriesIndices=[]}},{key:"updateOptions",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],s=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],a=this.w;return t.series&&(t.series[0].data&&(t.series=t.series.map(function(t,e){return n({},a.config.series[e],{name:t.name?t.name:a.config.series[e].name,type:t.type,data:t.data})})),this.revertDefaultAxisMinMax()),t.xaxis&&((t.xaxis.min||t.xaxis.max)&&this.forceXAxisUpdate(t),t.xaxis.categories&&t.xaxis.categories.length&&a.config.xaxis.convertedCatToNumeric&&(t=v.convertCatToNumeric(t))),a.globals.collapsedSeriesIndices.length>0&&this.clearPreviousPaths(),this._updateOptions(t,e,i,s)}},{key:"_updateOptions",value:function(e){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],s=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];this.getSyncedCharts().forEach(function(n){var r=n.w;return r.globals.shouldAnimate=s,i||(r.globals.resized=!0,r.globals.dataChanged=!0,s&&n.series.getPreviousPaths()),e&&"object"===t(e)&&(n.config=new y(e),e=b.extendArrayProps(n.config,e),r.config=d.extend(r.config,e),a&&(r.globals.lastXAxis=[],r.globals.lastYAxis=[],r.globals.initialConfig=d.extend({},r.config),r.globals.initialSeries=JSON.parse(JSON.stringify(r.config.series)))),n.update(e)})}},{key:"updateSeries",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return this.revertDefaultAxisMinMax(),this._updateSeries(t,e,i)}},{key:"appendSeries",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.w.config.series.slice();return i.push(t),this.revertDefaultAxisMinMax(),this._updateSeries(i,e)}},{key:"_updateSeries",value:function(t,e){var i,s=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=this.w;return this.w.globals.shouldAnimate=e,a.globals.dataChanged=!0,a.globals.allSeriesCollapsed&&(a.globals.allSeriesCollapsed=!1),e&&this.series.getPreviousPaths(),t[0].data?(i=t.map(function(t,e){return n({},a.config.series[e],{name:t.name?t.name:a.config.series[e].name,type:t.type,data:t.data})}),a.config.series=i):a.config.series=t.slice(),s&&(a.globals.initialConfig.series=JSON.parse(JSON.stringify(a.config.series)),a.globals.initialSeries=JSON.parse(JSON.stringify(a.config.series))),this.update()}},{key:"getSyncedCharts",value:function(){var t=this.getGroupedCharts(),e=[this];return t.length&&(e=[],t.forEach(function(t){e.push(t)})),e}},{key:"getGroupedCharts",value:function(){var t=this;return Apex._chartInstances.filter(function(t){if(t.group)return!0}).map(function(e){return t.w.config.chart.group===e.group?e.chart:t})}},{key:"appendData",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this;i.w.globals.dataChanged=!0,i.series.getPreviousPaths();for(var s=i.w.config.series.slice(),a=0;a<s.length;a++)if(void 0!==t[a])for(var n=0;n<t[a].data.length;n++)s[a].data.push(t[a].data[n]);return i.w.config.series=s,e&&(i.w.globals.initialSeries=JSON.parse(JSON.stringify(i.w.config.series))),this.update()}},{key:"update",value:function(t){var e=this;return new q(function(i,s){e.clear();var a=e.create(e.w.config.series,t);if(!a)return i(e);e.mount(a).then(function(){"function"==typeof e.w.config.chart.events.updated&&e.w.config.chart.events.updated(e,e.w),e.fireEvent("updated",[e,e.w]),e.w.globals.isDirty=!0,i(e)}).catch(function(t){s(t)})})}},{key:"forceXAxisUpdate",value:function(t){var e=this.w;void 0!==t.xaxis.min&&(e.config.xaxis.min=t.xaxis.min,e.globals.lastXAxis.min=t.xaxis.min),void 0!==t.xaxis.max&&(e.config.xaxis.max=t.xaxis.max,e.globals.lastXAxis.max=t.xaxis.max)}},{key:"revertDefaultAxisMinMax",value:function(){var t=this.w;t.config.xaxis.min=t.globals.lastXAxis.min,t.config.xaxis.max=t.globals.lastXAxis.max,t.config.yaxis.map(function(e,i){t.globals.zoomed&&void 0!==t.globals.lastYAxis[i]&&(e.min=t.globals.lastYAxis[i].min,e.max=t.globals.lastYAxis[i].max)})}},{key:"clear",value:function(){this.zoomPanSelection&&this.zoomPanSelection.destroy(),this.toolbar&&this.toolbar.destroy(),this.animations=null,this.annotations=null,this.core=null,this.grid=null,this.series=null,this.responsive=null,this.theme=null,this.formatters=null,this.titleSubtitle=null,this.legend=null,this.dimensions=null,this.options=null,this.crosshairs=null,this.zoomPanSelection=null,this.toolbar=null,this.w.globals.tooltip=null,this.clearDomElements()}},{key:"killSVG",value:function(t){return new q(function(e,i){t.each(function(t,e){this.removeClass("*"),this.off(),this.stop()},!0),t.ungroup(),t.clear(),e("done")})}},{key:"clearDomElements",value:function(){var t=this.w.globals.dom;if(null!==this.el)for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);this.killSVG(t.Paper),t.Paper.remove(),t.elWrap=null,t.elGraphical=null,t.elLegendWrap=null,t.baseEl=null,t.elGridRect=null,t.elGridRectMask=null,t.elGridRectMarkerMask=null,t.elDefs=null}},{key:"destroy",value:function(){this.clear();var t=this.w.config.chart.id;t&&Apex._chartInstances.forEach(function(e,i){e.id===t&&Apex._chartInstances.splice(i,1)}),window.removeEventListener("resize",this.windowResizeHandler),window.removeResizeListener(this.el.parentNode,this.parentResizeCallback.bind(this))}},{key:"toggleSeries",value:function(t){var e=this.series.getSeriesByName(t),i=parseInt(e.getAttribute("data:realIndex")),s=e.classList.contains("apexcharts-series-collapsed");this.legend.toggleDataSeries(i,s)}},{key:"resetToggleSeries",value:function(){this.legend.resetToggleDataSeries()}},{key:"setupEventHandlers",value:function(){var t=this.w,e=this,i=t.globals.dom.baseEl.querySelector(t.globals.chartClass);["mousedown","mousemove","touchstart","touchmove","mouseup","touchend"].forEach(function(s){i.addEventListener(s,function(i){"mousedown"===i.type&&1===i.which||("mouseup"===i.type&&1===i.which||"touchend"===i.type)&&("function"==typeof t.config.chart.events.click&&t.config.chart.events.click(i,e,t),e.fireEvent("click",[i,e,t]))},{capture:!1,passive:!0})}),this.core.setupBrushHandler()}},{key:"addXaxisAnnotation",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,s=this;i&&(s=i),s.annotations.addXaxisAnnotationExternal(t,e,s)}},{key:"addYaxisAnnotation",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,s=this;i&&(s=i),s.annotations.addYaxisAnnotationExternal(t,e,s)}},{key:"addPointAnnotation",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,s=this;i&&(s=i),s.annotations.addPointAnnotationExternal(t,e,s)}},{key:"clearAnnotations",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,e=this;t&&(e=t),e.annotations.clearAnnotations(e)}},{key:"addText",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,s=this;i&&(s=i),s.annotations.addText(t,e,s)}},{key:"getChartArea",value:function(){return this.w.globals.dom.baseEl.querySelector(".apexcharts-inner")}},{key:"getSeriesTotalXRange",value:function(t,e){return this.coreUtils.getSeriesTotalsXRange(t,e)}},{key:"getHighestValueInSeries",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return new W(this.ctx).getMinYMaxY(t).highestY}},{key:"getLowestValueInSeries",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return new W(this.ctx).getMinYMaxY(t).lowestY}},{key:"getSeriesTotal",value:function(){return this.w.globals.seriesTotals}},{key:"setLocale",value:function(t){this.setCurrentLocaleValues(t)}},{key:"setCurrentLocaleValues",value:function(t){var e=this.w.config.chart.locales;window.Apex.chart&&window.Apex.chart.locales&&window.Apex.chart.locales.length>0&&(e=this.w.config.chart.locales.concat(window.Apex.chart.locales));var i=e.filter(function(e){return e.name===t})[0];if(!i)throw new Error("Wrong locale name provided. Please make sure you set the correct locale name in options");var s=d.extend(p,i);this.w.globals.locale=s.options}},{key:"svgUrl",value:function(){return new st(this.ctx).svgUrl()}},{key:"dataURI",value:function(){return new st(this.ctx).dataURI()}},{key:"paper",value:function(){return this.w.globals.dom.Paper}},{key:"parentResizeCallback",value:function(){this.w.globals.animationEnded&&this.windowResize()}},{key:"windowResize",value:function(){var t=this;clearTimeout(this.w.globals.resizeTimer),this.w.globals.resizeTimer=window.setTimeout(function(){t.w.globals.resized=!0,t.w.globals.dataChanged=!1,t.update()},150)}}],[{key:"initOnLoad",value:function(){for(var t=document.querySelectorAll("[data-apexcharts]"),e=0;e<t.length;e++){new i(t[e],JSON.parse(t[e].getAttribute("data-options"))).render()}}},{key:"exec",value:function(t,e){var i=this.getChartByID(t);if(i){for(var s=arguments.length,a=new Array(s>2?s-2:0),n=2;n<s;n++)a[n-2]=arguments[n];switch(e){case"updateOptions":return i.updateOptions.apply(i,a);case"updateSeries":return i.updateSeries.apply(i,a);case"appendData":return i.appendData.apply(i,a);case"addXaxisAnnotation":return i.addXaxisAnnotation.apply(i,a);case"addYaxisAnnotation":return i.addYaxisAnnotation.apply(i,a);case"addPointAnnotation":return i.addPointAnnotation.apply(i,a);case"clearAnnotations":return i.clearAnnotations.apply(i,a);case"destroy":return i.destroy()}}}},{key:"merge",value:function(t,e){return d.extend(t,e)}},{key:"getChartByID",value:function(t){return Apex._chartInstances.filter(function(e){return e.id===t})[0].chart}}]),i}()});
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/de.json b/public/ThirdParty/apexcharts-bundle/dist/locales/de.json
new file mode 100644
index 0000000000000000000000000000000000000000..c4199744f08d92360752be826ae2b6ba6cac6d0d
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/de.json
@@ -0,0 +1,20 @@
+{
+ "name": "de",
+ "options": {
+ "months": ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
+ "shortMonths": ["Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"],
+ "days": ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
+ "shortDays": ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
+ "toolbar": {
+ "exportToSVG": "SVG speichern",
+ "exportToPNG": "PNG speichern",
+ "menu": "Menü",
+ "selection": "Auswahl",
+ "selectionZoom": "Auswahl vergrößern",
+ "zoomIn": "Vergrößern",
+ "zoomOut": "Verkleinern",
+ "pan": "Verschieben",
+ "reset": "Zoom zurücksetzen"
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/el.json b/public/ThirdParty/apexcharts-bundle/dist/locales/el.json
new file mode 100644
index 0000000000000000000000000000000000000000..65ad3b2955eb761ff1e3058a7d7d9420e80f475e
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/el.json
@@ -0,0 +1,20 @@
+{
+ "name": "el",
+ "options": {
+ "months": ["ΙανουάÏιος", "ΦεβÏουάÏιος", "ΜάÏτιος", "ΑπÏίλιος", "Μάιος", "ΙοÏνιος", "ΙοÏλιος", "ΑÏγουστος", "ΣεπτÎμβÏιος", "ΟκτώβÏιος", "ÎοÎμβÏιος", "ΔεκÎμβÏιος"],
+ "shortMonths": ["Ιαν", "Φευ", "ΜαÏ", "ΑπÏ", "Μάι", "Ιουν", "Ιουλ", "Αυγ", "Σεπ", "Οκτ", "Îοε", "Δεκ"],
+ "days": ["ΚυÏιακή", "ΔευτÎÏα", "ΤÏίτη", "ΤετάÏτη", "Î Îμπτη", "ΠαÏασκευή", "Σάββατο"],
+ "shortDays": ["ΚυÏ", "Δευ", "ΤÏι", "Τετ", "Πεμ", "ΠαÏ", "Σαβ"],
+ "toolbar": {
+ "exportToSVG": "Λήψη SVG",
+ "exportToPNG": "Λήψη PNG",
+ "menu": "Menu",
+ "selection": "Επιλογή",
+ "selectionZoom": "ΜεγÎνθυση βάση επιλογής",
+ "zoomIn": "ΜεγÎνθυνση",
+ "zoomOut": "ΣμίκÏυνση",
+ "pan": "Μετατόπιση",
+ "reset": "ΕπαναφοÏά μεγÎνθυνσης"
+ }
+ }
+}
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/en.json b/public/ThirdParty/apexcharts-bundle/dist/locales/en.json
new file mode 100644
index 0000000000000000000000000000000000000000..f5453ae66a333d57483e8b4ebf230acbe4e9552d
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/en.json
@@ -0,0 +1,20 @@
+{
+ "name": "en",
+ "options": {
+ "months": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+ "shortMonths": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+ "days": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+ "shortDays": ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+ "toolbar": {
+ "exportToSVG": "Download SVG",
+ "exportToPNG": "Download PNG",
+ "menu": "Menu",
+ "selection": "Selection",
+ "selectionZoom": "Selection Zoom",
+ "zoomIn": "Zoom In",
+ "zoomOut": "Zoom Out",
+ "pan": "Panning",
+ "reset": "Reset Zoom"
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/es.json b/public/ThirdParty/apexcharts-bundle/dist/locales/es.json
new file mode 100644
index 0000000000000000000000000000000000000000..322536123d1d61de13b7a8d8c7ad3e040b0f9d8e
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/es.json
@@ -0,0 +1,20 @@
+{
+ "name": "es",
+ "options": {
+ "months": ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
+ "shortMonths": ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
+ "days": ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
+ "shortDays": ["Dom", "Lun", "Mar", "Mie", "Jue", "Vie", "Sab"],
+ "toolbar": {
+ "exportToSVG": "Descargar SVG",
+ "exportToPNG": "Descargar PNG",
+ "menu": "Menu",
+ "selection": "Seleccionar",
+ "selectionZoom": "Seleccionar Zoom",
+ "zoomIn": "Aumentar",
+ "zoomOut": "Disminuir",
+ "pan": "Navegación",
+ "reset": "Reiniciar Zoom"
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/fr.json b/public/ThirdParty/apexcharts-bundle/dist/locales/fr.json
new file mode 100644
index 0000000000000000000000000000000000000000..64b2bc2f4375ce85b9ed75a2316dbd67fd62cfc6
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/fr.json
@@ -0,0 +1,20 @@
+{
+ "name": "fr",
+ "options": {
+ "months": ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"],
+ "shortMonths": ["janv.", "févr.", "mars", "avr.", "mai", "juin", "juill.", "août", "sept.", "oct.", "nov.", "déc."],
+ "days": ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"],
+ "shortDays": ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],
+ "toolbar": {
+ "exportToSVG": "Télécharger au format SVG",
+ "exportToPNG": "Télécharger au format PNG",
+ "menu": "Menu",
+ "selection": "Sélection",
+ "selectionZoom": "Sélection et zoom",
+ "zoomIn": "Zoomer",
+ "zoomOut": "Dézoomer",
+ "pan": "Navigation",
+ "reset": "Réinitialiser le zoom"
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/hi.json b/public/ThirdParty/apexcharts-bundle/dist/locales/hi.json
new file mode 100644
index 0000000000000000000000000000000000000000..facb8bc14a17b4acde16f5e87fc5bfd931f92cc5
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/hi.json
@@ -0,0 +1,20 @@
+{
+ "name": "hi",
+ "options": {
+ "months": ["जनवरी", "फ़रवरी", "मारà¥à¤š", "अपà¥à¤°à¥ˆà¤²", "मई", "जून", "जà¥à¤²à¤¾à¤ˆ", "अगसà¥à¤¤", "सितंबर", "अकà¥à¤Ÿà¥‚बर", "नवंबर", "दिसंबर"],
+ "shortMonths": ["जनवरी", "फ़रवरी", "मारà¥à¤š", "अपà¥à¤°à¥ˆà¤²", "मई", "जून", "जà¥à¤²à¤¾à¤ˆ", "अगसà¥à¤¤", "सितंबर", "अकà¥à¤Ÿà¥‚बर", "नवंबर", "दिसंबर"],
+ "days": ["रविवार", "सोमवार", "मंगलवार", "बà¥à¤§à¤µà¤¾à¤°", "गà¥à¤°à¥à¤µà¤¾à¤°", "शà¥à¤•à¥à¤°à¤µà¤¾à¤°", "शनिवार"],
+ "shortDays": ["रवि", "सोम", "मंगल", "बà¥à¤§", "गà¥à¤°à¥", "शà¥à¤•à¥à¤°", "शनि"],
+ "toolbar": {
+ "exportToSVG": "निरà¥à¤¯à¤¾à¤¤ SVG",
+ "exportToPNG": "निरà¥à¤¯à¤¾à¤¤ PNG",
+ "menu": "सूची",
+ "selection": "चयन",
+ "selectionZoom": "ज़ूम करना",
+ "zoomIn": "ज़ूम इन",
+ "zoomOut": "ज़ूम आउट",
+ "pan": "पैनिंग",
+ "reset": "फिर से कायम करना"
+ }
+ }
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/id.json b/public/ThirdParty/apexcharts-bundle/dist/locales/id.json
new file mode 100644
index 0000000000000000000000000000000000000000..a4d01c3115c8eb242dae2e4ff8c10ac28c8561ac
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/id.json
@@ -0,0 +1,20 @@
+{
+ "name": "id",
+ "options": {
+ "months": ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"],
+ "shortMonths": ["Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des"],
+ "days": ["Minggu", "Senin", "Selasa", "Rabu", "kamis", "Jumat", "Sabtu"],
+ "shortDays": ["Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"],
+ "toolbar": {
+ "exportToSVG": "Unduh SVG",
+ "exportToPNG": "Unduh PNG",
+ "menu": "Menu",
+ "selection": "Pilihan",
+ "selectionZoom": "Perbesar Pilihan",
+ "zoomIn": "Perbesar",
+ "zoomOut": "Perkecil",
+ "pan": "Geser",
+ "reset": "Atur Ulang Zoom"
+ }
+ }
+}
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/pt-br.json b/public/ThirdParty/apexcharts-bundle/dist/locales/pt-br.json
new file mode 100644
index 0000000000000000000000000000000000000000..4843e9874cb23302d5375c7040f6ed08a95bda46
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/pt-br.json
@@ -0,0 +1,20 @@
+{
+ "name": "pt-br",
+ "options": {
+ "months": ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
+ "shortMonths": ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
+ "days": ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"],
+ "shortDays": ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"],
+ "toolbar": {
+ "exportToSVG": "Baixar SVG",
+ "exportToPNG": "Baixar PNG",
+ "menu": "Menu",
+ "selection": "Selecionar",
+ "selectionZoom": "Selecionar Zoom",
+ "zoomIn": "Aumentar",
+ "zoomOut": "Diminuir",
+ "pan": "Navegação",
+ "reset": "Reiniciar Zoom"
+ }
+ }
+}
diff --git a/public/ThirdParty/apexcharts-bundle/dist/locales/ru.json b/public/ThirdParty/apexcharts-bundle/dist/locales/ru.json
new file mode 100644
index 0000000000000000000000000000000000000000..fd667b8bd21a8a9c9497a1bf0326852303bd6112
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/dist/locales/ru.json
@@ -0,0 +1,20 @@
+{
+ "name": "ru",
+ "options": {
+ "months": ["Январь", "Февраль", "Март", "Ðпрель", "Май", "Июнь", "Июль", "ÐвгуÑÑ‚", "СентÑбрь", "ОктÑбрь", "ÐоÑбрь", "Декабрь"],
+ "shortMonths": ["Янв", "Фев", "Мар", "Ðпр", "Май", "Июн", "Июл", "Ðвг", "Сен", "Окт", "ÐоÑ", "Дек"],
+ "days": ["ВоÑкреÑенье", "Понедельник", "Вторник", "Среда", "Четверг", "ПÑтница", "Суббота"],
+ "shortDays": ["Ð’Ñ", "Пн", "Ð’Ñ‚", "Ср", "Чт", "Пт", "Сб"],
+ "toolbar": {
+ "exportToSVG": "Сохранить SVG",
+ "exportToPNG": "Сохранить PNG",
+ "menu": "Menu",
+ "selection": "Выбор",
+ "selectionZoom": "Выбор Ñ ÑƒÐ²ÐµÐ»Ð¸Ñ‡ÐµÐ½Ð¸ÐµÐ¼",
+ "zoomIn": "Увеличить",
+ "zoomOut": "Уменьшить",
+ "pan": "Перемещение",
+ "reset": "СброÑить увеличение"
+ }
+ }
+}
diff --git a/public/ThirdParty/apexcharts-bundle/package.json b/public/ThirdParty/apexcharts-bundle/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..fd99a01e4a79a5fc0832f50a1d168e968c2c567e
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/package.json
@@ -0,0 +1,31 @@
+{
+ "private": true,
+ "name": "apexcharts",
+ "description": "",
+ "version": "1.0.0",
+ "main": "webpack.config.js",
+ "directories": {
+ "test": "tests"
+ },
+ "scripts": {
+ "webpack": "cd apexcharts-github && webpack --watch",
+ "gulp": "cd website && gulp watch",
+ "build": "cd apexcharts-github && webpack -p",
+ "start": "concurrently \"npm run webpack\" \"npm run gulp\" ",
+ "test": "echo \"Error: no test specified\" && exit 1"
+ },
+ "devDependencies": {
+ "concurrently": "^3.5.1",
+ "eslint": "^4.18.1",
+ "eslint-config-airbnb": "^16.1.0",
+ "eslint-config-airbnb-base": "^12.1.0",
+ "eslint-config-standard": "^11.0.0",
+ "eslint-loader": "^2.0.0",
+ "eslint-plugin-import": "^2.9.0",
+ "eslint-plugin-node": "^6.0.1",
+ "eslint-plugin-promise": "^3.6.0",
+ "eslint-plugin-standard": "^3.0.1",
+ "webpack": "^2.2.1"
+ },
+ "author": "ApexCharts"
+}
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/github-data.js b/public/ThirdParty/apexcharts-bundle/samples/assets/github-data.js
new file mode 100644
index 0000000000000000000000000000000000000000..8b81bb1b26c02da138095a0282a6912f701296fc
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/assets/github-data.js
@@ -0,0 +1,1738 @@
+var githubdata = {
+ series: [
+ {
+ x: 1352592000000,
+ a: 306,
+ d: 33,
+ y: 13
+ },
+ {
+ x: 1353196800000,
+ a: 77,
+ d: 41,
+ y: 11
+ },
+ {
+ x: 1353801600000,
+ a: 97,
+ d: 52,
+ y: 13
+ },
+ {
+ x: 1354406400000,
+ a: 349,
+ d: 231,
+ y: 27
+ },
+ {
+ x: 1355011200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1355616000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1356220800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1356825600000,
+ a: 93,
+ d: 16,
+ y: 12
+ },
+ {
+ x: 1357430400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1358035200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1358640000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1359244800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1359849600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1360454400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1361059200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1361664000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1362268800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1362873600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1363478400000,
+ a: 47,
+ d: 20,
+ y: 6
+ },
+ {
+ x: 1364083200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1364688000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1365292800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1365897600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1366502400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1367107200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1367712000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1368316800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1368921600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1369526400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1370131200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1370736000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1371340800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1371945600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1372550400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1373155200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1373760000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1374364800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1374969600000,
+ a: 22,
+ d: 16,
+ y: 9
+ },
+ {
+ x: 1375574400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1376179200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1376784000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1377388800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1377993600000,
+ a: 104,
+ d: 79,
+ y: 12
+ },
+ {
+ x: 1378598400000,
+ a: 60,
+ d: 17,
+ y: 9
+ },
+ {
+ x: 1379203200000,
+ a: 27,
+ d: 36,
+ y: 3
+ },
+ {
+ x: 1379808000000,
+ a: 283,
+ d: 199,
+ y: 20
+ },
+ {
+ x: 1380412800000,
+ a: 1,
+ d: 1,
+ y: 1
+ },
+ {
+ x: 1381017600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1381622400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1382227200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1382832000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1383436800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1384041600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1384646400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1385251200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1385856000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1386460800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1387065600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1387670400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1388275200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1388880000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1389484800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1390089600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1390694400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1391299200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1391904000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1392508800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1393113600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1393718400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1394323200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1394928000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1395532800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1396137600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1396742400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1397347200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1397952000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1398556800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1399161600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1399766400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1400371200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1400976000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1401580800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1402185600000,
+ a: 115,
+ d: 38,
+ y: 11
+ },
+ {
+ x: 1402790400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1403395200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1404000000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1404604800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1405209600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1405814400000,
+ a: 598,
+ d: 209,
+ y: 34
+ },
+ {
+ x: 1406419200000,
+ a: 195,
+ d: 119,
+ y: 18
+ },
+ {
+ x: 1407024000000,
+ a: 174,
+ d: 54,
+ y: 13
+ },
+ {
+ x: 1407628800000,
+ a: 1,
+ d: 1,
+ y: 1
+ },
+ {
+ x: 1408233600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1408838400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1409443200000,
+ a: 2,
+ d: 2,
+ y: 1
+ },
+ {
+ x: 1410048000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1410652800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1411257600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1411862400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1412467200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1413072000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1413676800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1414281600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1414886400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1415491200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1416096000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1416700800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1417305600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1417910400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1418515200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1419120000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1419724800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1420329600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1420934400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1421539200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1422144000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1422748800000,
+ a: 46,
+ d: 43,
+ y: 8
+ },
+ {
+ x: 1423353600000,
+ a: 20,
+ d: 4,
+ y: 1
+ },
+ {
+ x: 1423958400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1424563200000,
+ a: 18,
+ d: 11,
+ y: 4
+ },
+ {
+ x: 1425168000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1425772800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1426377600000,
+ a: 54,
+ d: 63,
+ y: 4
+ },
+ {
+ x: 1426982400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1427587200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1428192000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1428796800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1429401600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1430006400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1430611200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1431216000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1431820800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1432425600000,
+ a: 10,
+ d: 11,
+ y: 1
+ },
+ {
+ x: 1433030400000,
+ a: 296,
+ d: 172,
+ y: 18
+ },
+ {
+ x: 1433635200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1434240000000,
+ a: 10,
+ d: 13,
+ y: 2
+ },
+ {
+ x: 1434844800000,
+ a: 20,
+ d: 16,
+ y: 3
+ },
+ {
+ x: 1435449600000,
+ a: 24,
+ d: 10,
+ y: 3
+ },
+ {
+ x: 1436054400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1436659200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1437264000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1437868800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1438473600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1439078400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1439683200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1440288000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1440892800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1441497600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1442102400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1442707200000,
+ a: 275,
+ d: 129,
+ y: 12
+ },
+ {
+ x: 1443312000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1443916800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1444521600000,
+ a: 1213,
+ d: 837,
+ y: 5
+ },
+ {
+ x: 1445126400000,
+ a: 299,
+ d: 54,
+ y: 3
+ },
+ {
+ x: 1445731200000,
+ a: 30,
+ d: 33,
+ y: 1
+ },
+ {
+ x: 1446336000000,
+ a: 202,
+ d: 185,
+ y: 18
+ },
+ {
+ x: 1446940800000,
+ a: 554,
+ d: 292,
+ y: 39
+ },
+ {
+ x: 1447545600000,
+ a: 9030,
+ d: 44,
+ y: 7
+ },
+ {
+ x: 1448150400000,
+ a: 8,
+ d: 1,
+ y: 1
+ },
+ {
+ x: 1448755200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1449360000000,
+ a: 18,
+ d: 12,
+ y: 5
+ },
+ {
+ x: 1449964800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1450569600000,
+ a: 4,
+ d: 3,
+ y: 2
+ },
+ {
+ x: 1451174400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1451779200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1452384000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1452988800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1453593600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1454198400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1454803200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1455408000000,
+ a: 2,
+ d: 2,
+ y: 1
+ },
+ {
+ x: 1456012800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1456617600000,
+ a: 32,
+ d: 43,
+ y: 1
+ },
+ {
+ x: 1457222400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1457827200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1458432000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1459036800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1459641600000,
+ a: 23,
+ d: 13,
+ y: 3
+ },
+ {
+ x: 1460246400000,
+ a: 421,
+ d: 335,
+ y: 9
+ },
+ {
+ x: 1460851200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1461456000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1462060800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1462665600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1463270400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1463875200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1464480000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1465084800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1465689600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1466294400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1466899200000,
+ a: 6,
+ d: 1,
+ y: 1
+ },
+ {
+ x: 1467504000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1468108800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1468713600000,
+ a: 886,
+ d: 49,
+ y: 15
+ },
+ {
+ x: 1469318400000,
+ a: 38,
+ d: 26,
+ y: 4
+ },
+ {
+ x: 1469923200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1470528000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1471132800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1471737600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1472342400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1472947200000,
+ a: 2,
+ d: 2,
+ y: 1
+ },
+ {
+ x: 1473552000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1474156800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1474761600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1475366400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1475971200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1476576000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1477180800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1477785600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1478390400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1478995200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1479600000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1480204800000,
+ a: 8,
+ d: 0,
+ y: 1
+ },
+ {
+ x: 1480809600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1481414400000,
+ a: 1,
+ d: 1,
+ y: 1
+ },
+ {
+ x: 1482019200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1482624000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1483228800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1483833600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1484438400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1485043200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1485648000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1486252800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1486857600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1487462400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1488067200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1488672000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1489276800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1489881600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1490486400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1491091200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1491696000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1492300800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1492905600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1493510400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1494115200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1494720000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1495324800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1495929600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1496534400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1497139200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1497744000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1498348800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1498953600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1499558400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1500163200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1500768000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1501372800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1501977600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1502582400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1503187200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1503792000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1504396800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1505001600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1505606400000,
+ a: 2,
+ d: 2,
+ y: 2
+ },
+ {
+ x: 1506211200000,
+ a: 49,
+ d: 10,
+ y: 4
+ },
+ {
+ x: 1506816000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1507420800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1508025600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1508630400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1509235200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1509840000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1510444800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1511049600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1511654400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1512259200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1512864000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1513468800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1514073600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1514678400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1515283200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1515888000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1516492800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1517097600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1517702400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1518307200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1518912000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1519516800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1520121600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1520726400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1521331200000,
+ a: 768,
+ d: 2125,
+ y: 12
+ },
+ {
+ x: 1521936000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1522540800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1523145600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1523750400000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1524355200000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1524960000000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1525564800000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1526169600000,
+ a: 0,
+ d: 0,
+ y: 0
+ },
+ {
+ x: 1526774400000,
+ a: 1,
+ d: 0,
+ y: 1
+ }
+ ]
+};
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/-ico-snapchat.png b/public/ThirdParty/apexcharts-bundle/samples/assets/images/-ico-snapchat.png
new file mode 100644
index 0000000000000000000000000000000000000000..61a0641f88e1e19f89a41dbaa7fed2e636ca3a01
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/-ico-snapchat.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/1101098.png b/public/ThirdParty/apexcharts-bundle/samples/assets/images/1101098.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4e98b2a23c1fe139951ff6f357114d1ea7d290a
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/1101098.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/2979121308_59539a3898_z.jpg b/public/ThirdParty/apexcharts-bundle/samples/assets/images/2979121308_59539a3898_z.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a326fbabf21b364815660999a6d535e47d428e22
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/2979121308_59539a3898_z.jpg differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/4274635880_809a4b9d0d_z.jpg b/public/ThirdParty/apexcharts-bundle/samples/assets/images/4274635880_809a4b9d0d_z.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..79f1d9e4d324c1aa73d12d5a1a9aab07959bdd6d
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/4274635880_809a4b9d0d_z.jpg differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/4679113782_ca13e2e6c0_z.jpg b/public/ThirdParty/apexcharts-bundle/samples/assets/images/4679113782_ca13e2e6c0_z.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..21a0190d9bf4de26943d0d0ffd6faa1ece042616
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/4679113782_ca13e2e6c0_z.jpg differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/abstract.jpg b/public/ThirdParty/apexcharts-bundle/samples/assets/images/abstract.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2af0942e56793d9b660522f3a1f3e07d9fa45d90
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/abstract.jpg differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/clock.png b/public/ThirdParty/apexcharts-bundle/samples/assets/images/clock.png
new file mode 100644
index 0000000000000000000000000000000000000000..38c32b97198eeb06bec509f214d0c25aeb99212f
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/clock.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-edit.png b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..30e9fe57efdbd095e66152d943732990259c2437
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-edit.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-home.png b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-home.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ac0c46f8753e3882fb67e71276d0a58b50c7a5f
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-home.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-instagram.png b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-instagram.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e1ddcf7726583b885cc5c18fba208193d7946a5
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-instagram.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-messenger.png b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-messenger.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0894583175c45e398947e561135bf554b5eacfd
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-messenger.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-reddit.png b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-reddit.png
new file mode 100644
index 0000000000000000000000000000000000000000..d76de28dd1c7c7878de0848db59712acf38fde27
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/ico-reddit.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/images/stripes.jpg b/public/ThirdParty/apexcharts-bundle/samples/assets/images/stripes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..aae7c6f4b7529ae7b8b4294ca93a2680df3ca2be
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/assets/images/stripes.jpg differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/irregular-data-series.js b/public/ThirdParty/apexcharts-bundle/samples/assets/irregular-data-series.js
new file mode 100644
index 0000000000000000000000000000000000000000..3a0d63cc845e4ac0c12000b4739c5105f1846886
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/assets/irregular-data-series.js
@@ -0,0 +1,1445 @@
+var dataSeries = [
+ [{
+ "date": "2014-01-01",
+ "value": 20000000
+ },
+ {
+ "date": "2014-01-02",
+ "value": 10379978
+ },
+ {
+ "date": "2014-01-03",
+ "value": 30493749
+ },
+ {
+ "date": "2014-01-04",
+ "value": 10785250
+ },
+ {
+ "date": "2014-01-05",
+ "value": 33901904
+ },
+ {
+ "date": "2014-01-06",
+ "value": 11576838
+ },
+ {
+ "date": "2014-01-07",
+ "value": 14413854
+ },
+ {
+ "date": "2014-01-08",
+ "value": 15177211
+ },
+ {
+ "date": "2014-01-09",
+ "value": 16622100
+ },
+ {
+ "date": "2014-01-10",
+ "value": 17381072
+ },
+ {
+ "date": "2014-01-11",
+ "value": 18802310
+ },
+ {
+ "date": "2014-01-12",
+ "value": 15531790
+ },
+ {
+ "date": "2014-01-13",
+ "value": 15748881
+ },
+ {
+ "date": "2014-01-14",
+ "value": 18706437
+ },
+ {
+ "date": "2014-01-15",
+ "value": 19752685
+ },
+ {
+ "date": "2014-01-16",
+ "value": 21016418
+ },
+ {
+ "date": "2014-01-17",
+ "value": 25622924
+ },
+ {
+ "date": "2014-01-18",
+ "value": 25337480
+ },
+ {
+ "date": "2014-01-19",
+ "value": 22258882
+ },
+ {
+ "date": "2014-01-20",
+ "value": 23829538
+ },
+ {
+ "date": "2014-01-21",
+ "value": 24245689
+ },
+ {
+ "date": "2014-01-22",
+ "value": 26429711
+ },
+ {
+ "date": "2014-01-23",
+ "value": 26259017
+ },
+ {
+ "date": "2014-01-24",
+ "value": 25396183
+ },
+ {
+ "date": "2014-01-25",
+ "value": 23107346
+ },
+ {
+ "date": "2014-01-26",
+ "value": 28659852
+ },
+ {
+ "date": "2014-01-27",
+ "value": 25270783
+ },
+ {
+ "date": "2014-01-28",
+ "value": 26270783
+ },
+ {
+ "date": "2014-01-29",
+ "value": 27270783
+ },
+ {
+ "date": "2014-01-30",
+ "value": 28270783
+ },
+ {
+ "date": "2014-01-31",
+ "value": 29270783
+ },
+ {
+ "date": "2014-02-01",
+ "value": 30270783
+ },
+ {
+ "date": "2014-02-02",
+ "value": 31270783
+ },
+ {
+ "date": "2014-02-03",
+ "value": 32270783
+ },
+ {
+ "date": "2014-02-04",
+ "value": 33270783
+ },
+ {
+ "date": "2014-02-05",
+ "value": 28270783
+ },
+ {
+ "date": "2014-02-06",
+ "value": 27270783
+ },
+ {
+ "date": "2014-02-07",
+ "value": 35270783
+ },
+ {
+ "date": "2014-02-08",
+ "value": 34270783
+ },
+ {
+ "date": "2014-02-09",
+ "value": 28270783
+ },
+ {
+ "date": "2014-02-10",
+ "value": 35270783
+ },
+ {
+ "date": "2014-02-11",
+ "value": 36270783
+ },
+ {
+ "date": "2014-02-12",
+ "value": 34127078
+ },
+ {
+ "date": "2014-02-13",
+ "value": 33124078
+ },
+ {
+ "date": "2014-02-14",
+ "value": 36227078
+ },
+ {
+ "date": "2014-02-15",
+ "value": 37827078
+ },
+ {
+ "date": "2014-02-16",
+ "value": 36427073
+ },
+ {
+ "date": "2014-02-17",
+ "value": 37570783
+ },
+ {
+ "date": "2014-02-18",
+ "value": 38627073
+ },
+ {
+ "date": "2014-02-19",
+ "value": 37727078
+ },
+ {
+ "date": "2014-02-20",
+ "value": 38827073
+ },
+ {
+ "date": "2014-02-21",
+ "value": 40927078
+ },
+ {
+ "date": "2014-02-22",
+ "value": 41027078
+ },
+ {
+ "date": "2014-02-23",
+ "value": 42127073
+ },
+ {
+ "date": "2014-02-24",
+ "value": 43220783
+ },
+ {
+ "date": "2014-02-25",
+ "value": 44327078
+ },
+ {
+ "date": "2014-02-26",
+ "value": 40427078
+ },
+ {
+ "date": "2014-02-27",
+ "value": 41027078
+ },
+ {
+ "date": "2014-02-28",
+ "value": 45627078
+ },
+ {
+ "date": "2014-03-01",
+ "value": 44727078
+ },
+ {
+ "date": "2014-03-02",
+ "value": 44227078
+ },
+ {
+ "date": "2014-03-03",
+ "value": 45227078
+ },
+ {
+ "date": "2014-03-04",
+ "value": 46027078
+ },
+ {
+ "date": "2014-03-05",
+ "value": 46927078
+ },
+ {
+ "date": "2014-03-06",
+ "value": 47027078
+ },
+ {
+ "date": "2014-03-07",
+ "value": 46227078
+ },
+ {
+ "date": "2014-03-08",
+ "value": 47027078
+ },
+ {
+ "date": "2014-03-09",
+ "value": 48027078
+ },
+ {
+ "date": "2014-03-10",
+ "value": 47027078
+ },
+ {
+ "date": "2014-03-11",
+ "value": 47027078
+ },
+ {
+ "date": "2014-03-12",
+ "value": 48017078
+ },
+ {
+ "date": "2014-03-13",
+ "value": 48077078
+ },
+ {
+ "date": "2014-03-14",
+ "value": 48087078
+ },
+ {
+ "date": "2014-03-15",
+ "value": 48017078
+ },
+ {
+ "date": "2014-03-16",
+ "value": 48047078
+ },
+ {
+ "date": "2014-03-17",
+ "value": 48067078
+ },
+ {
+ "date": "2014-03-18",
+ "value": 48077078
+ },
+ {
+ "date": "2014-03-19",
+ "value": 48027074
+ },
+ {
+ "date": "2014-03-20",
+ "value": 48927079
+ },
+ {
+ "date": "2014-03-21",
+ "value": 48727071
+ },
+ {
+ "date": "2014-03-22",
+ "value": 48127072
+ },
+ {
+ "date": "2014-03-23",
+ "value": 48527072
+ },
+ {
+ "date": "2014-03-24",
+ "value": 48627027
+ },
+ {
+ "date": "2014-03-25",
+ "value": 48027040
+ },
+ {
+ "date": "2014-03-26",
+ "value": 48027043
+ },
+ {
+ "date": "2014-03-27",
+ "value": 48057022
+ },
+ {
+ "date": "2014-03-28",
+ "value": 49057022
+ },
+ {
+ "date": "2014-03-29",
+ "value": 50057022
+ },
+ {
+ "date": "2014-03-30",
+ "value": 51057022
+ },
+ {
+ "date": "2014-03-31",
+ "value": 52057022
+ },
+ {
+ "date": "2014-04-01",
+ "value": 53057022
+ },
+ {
+ "date": "2014-04-02",
+ "value": 54057022
+ },
+ {
+ "date": "2014-04-03",
+ "value": 52057022
+ },
+ {
+ "date": "2014-04-04",
+ "value": 55057022
+ },
+ {
+ "date": "2014-04-05",
+ "value": 58270783
+ },
+ {
+ "date": "2014-04-06",
+ "value": 56270783
+ },
+ {
+ "date": "2014-04-07",
+ "value": 55270783
+ },
+ {
+ "date": "2014-04-08",
+ "value": 58270783
+ },
+ {
+ "date": "2014-04-09",
+ "value": 59270783
+ },
+ {
+ "date": "2014-04-10",
+ "value": 60270783
+ },
+ {
+ "date": "2014-04-11",
+ "value": 61270783
+ },
+ {
+ "date": "2014-04-12",
+ "value": 62270783
+ },
+ {
+ "date": "2014-04-13",
+ "value": 63270783
+ },
+ {
+ "date": "2014-04-14",
+ "value": 64270783
+ },
+ {
+ "date": "2014-04-15",
+ "value": 65270783
+ },
+ {
+ "date": "2014-04-16",
+ "value": 66270783
+ },
+ {
+ "date": "2014-04-17",
+ "value": 67270783
+ },
+ {
+ "date": "2014-04-18",
+ "value": 68270783
+ },
+ {
+ "date": "2014-04-19",
+ "value": 69270783
+ },
+ {
+ "date": "2014-04-20",
+ "value": 70270783
+ },
+ {
+ "date": "2014-04-21",
+ "value": 71270783
+ },
+ {
+ "date": "2014-04-22",
+ "value": 72270783
+ },
+ {
+ "date": "2014-04-23",
+ "value": 73270783
+ },
+ {
+ "date": "2014-04-24",
+ "value": 74270783
+ },
+ {
+ "date": "2014-04-25",
+ "value": 75270783
+ },
+ {
+ "date": "2014-04-26",
+ "value": 76660783
+ },
+ {
+ "date": "2014-04-27",
+ "value": 77270783
+ },
+ {
+ "date": "2014-04-28",
+ "value": 78370783
+ },
+ {
+ "date": "2014-04-29",
+ "value": 79470783
+ },
+ {
+ "date": "2014-04-30",
+ "value": 80170783
+ }
+ ],
+ [{
+ "date": "2014-01-01",
+ "value": 150000000
+ },
+ {
+ "date": "2014-01-02",
+ "value": 160379978
+ },
+ {
+ "date": "2014-01-03",
+ "value": 170493749
+ },
+ {
+ "date": "2014-01-04",
+ "value": 160785250
+ },
+ {
+ "date": "2014-01-05",
+ "value": 167391904
+ },
+ {
+ "date": "2014-01-06",
+ "value": 161576838
+ },
+ {
+ "date": "2014-01-07",
+ "value": 161413854
+ },
+ {
+ "date": "2014-01-08",
+ "value": 152177211
+ },
+ {
+ "date": "2014-01-09",
+ "value": 140762210
+ },
+ {
+ "date": "2014-01-10",
+ "value": 144381072
+ },
+ {
+ "date": "2014-01-11",
+ "value": 154352310
+ },
+ {
+ "date": "2014-01-12",
+ "value": 165531790
+ },
+ {
+ "date": "2014-01-13",
+ "value": 175748881
+ },
+ {
+ "date": "2014-01-14",
+ "value": 187064037
+ },
+ {
+ "date": "2014-01-15",
+ "value": 197520685
+ },
+ {
+ "date": "2014-01-16",
+ "value": 210176418
+ },
+ {
+ "date": "2014-01-17",
+ "value": 196122924
+ },
+ {
+ "date": "2014-01-18",
+ "value": 207337480
+ },
+ {
+ "date": "2014-01-19",
+ "value": 200258882
+ },
+ {
+ "date": "2014-01-20",
+ "value": 186829538
+ },
+ {
+ "date": "2014-01-21",
+ "value": 192456897
+ },
+ {
+ "date": "2014-01-22",
+ "value": 204299711
+ },
+ {
+ "date": "2014-01-23",
+ "value": 192759017
+ },
+ {
+ "date": "2014-01-24",
+ "value": 203596183
+ },
+ {
+ "date": "2014-01-25",
+ "value": 208107346
+ },
+ {
+ "date": "2014-01-26",
+ "value": 196359852
+ },
+ {
+ "date": "2014-01-27",
+ "value": 192570783
+ },
+ {
+ "date": "2014-01-28",
+ "value": 177967768
+ },
+ {
+ "date": "2014-01-29",
+ "value": 190632803
+ },
+ {
+ "date": "2014-01-30",
+ "value": 203725316
+ },
+ {
+ "date": "2014-01-31",
+ "value": 218226177
+ },
+ {
+ "date": "2014-02-01",
+ "value": 210698669
+ },
+ {
+ "date": "2014-02-02",
+ "value": 217640656
+ },
+ {
+ "date": "2014-02-03",
+ "value": 216142362
+ },
+ {
+ "date": "2014-02-04",
+ "value": 201410971
+ },
+ {
+ "date": "2014-02-05",
+ "value": 196704289
+ },
+ {
+ "date": "2014-02-06",
+ "value": 190436945
+ },
+ {
+ "date": "2014-02-07",
+ "value": 178891686
+ },
+ {
+ "date": "2014-02-08",
+ "value": 171613962
+ },
+ {
+ "date": "2014-02-09",
+ "value": 157579773
+ },
+ {
+ "date": "2014-02-10",
+ "value": 158677098
+ },
+ {
+ "date": "2014-02-11",
+ "value": 147129977
+ },
+ {
+ "date": "2014-02-12",
+ "value": 151561876
+ },
+ {
+ "date": "2014-02-13",
+ "value": 151627421
+ },
+ {
+ "date": "2014-02-14",
+ "value": 143543872
+ },
+ {
+ "date": "2014-02-15",
+ "value": 136581057
+ },
+ {
+ "date": "2014-02-16",
+ "value": 135560715
+ },
+ {
+ "date": "2014-02-17",
+ "value": 122625263
+ },
+ {
+ "date": "2014-02-18",
+ "value": 112091484
+ },
+ {
+ "date": "2014-02-19",
+ "value": 98810329
+ },
+ {
+ "date": "2014-02-20",
+ "value": 99882912
+ },
+ {
+ "date": "2014-02-21",
+ "value": 94943095
+ },
+ {
+ "date": "2014-02-22",
+ "value": 104875743
+ },
+ {
+ "date": "2014-02-23",
+ "value": 116383678
+ },
+ {
+ "date": "2014-02-24",
+ "value": 125028841
+ },
+ {
+ "date": "2014-02-25",
+ "value": 123967310
+ },
+ {
+ "date": "2014-02-26",
+ "value": 133167029
+ },
+ {
+ "date": "2014-02-27",
+ "value": 128577263
+ },
+ {
+ "date": "2014-02-28",
+ "value": 115836969
+ },
+ {
+ "date": "2014-03-01",
+ "value": 119264529
+ },
+ {
+ "date": "2014-03-02",
+ "value": 109363374
+ },
+ {
+ "date": "2014-03-03",
+ "value": 113985628
+ },
+ {
+ "date": "2014-03-04",
+ "value": 114650999
+ },
+ {
+ "date": "2014-03-05",
+ "value": 110866108
+ },
+ {
+ "date": "2014-03-06",
+ "value": 96473454
+ },
+ {
+ "date": "2014-03-07",
+ "value": 104075886
+ },
+ {
+ "date": "2014-03-08",
+ "value": 103568384
+ },
+ {
+ "date": "2014-03-09",
+ "value": 101534883
+ },
+ {
+ "date": "2014-03-10",
+ "value": 115825447
+ },
+ {
+ "date": "2014-03-11",
+ "value": 126133916
+ },
+ {
+ "date": "2014-03-12",
+ "value": 116502109
+ },
+ {
+ "date": "2014-03-13",
+ "value": 130169411
+ },
+ {
+ "date": "2014-03-14",
+ "value": 124296886
+ },
+ {
+ "date": "2014-03-15",
+ "value": 126347399
+ },
+ {
+ "date": "2014-03-16",
+ "value": 131483669
+ },
+ {
+ "date": "2014-03-17",
+ "value": 142811333
+ },
+ {
+ "date": "2014-03-18",
+ "value": 129675396
+ },
+ {
+ "date": "2014-03-19",
+ "value": 115514483
+ },
+ {
+ "date": "2014-03-20",
+ "value": 117630630
+ },
+ {
+ "date": "2014-03-21",
+ "value": 122340239
+ },
+ {
+ "date": "2014-03-22",
+ "value": 132349091
+ },
+ {
+ "date": "2014-03-23",
+ "value": 125613305
+ },
+ {
+ "date": "2014-03-24",
+ "value": 135592466
+ },
+ {
+ "date": "2014-03-25",
+ "value": 123408762
+ },
+ {
+ "date": "2014-03-26",
+ "value": 111991454
+ },
+ {
+ "date": "2014-03-27",
+ "value": 116123955
+ },
+ {
+ "date": "2014-03-28",
+ "value": 112817214
+ },
+ {
+ "date": "2014-03-29",
+ "value": 113029590
+ },
+ {
+ "date": "2014-03-30",
+ "value": 108753398
+ },
+ {
+ "date": "2014-03-31",
+ "value": 99383763
+ },
+ {
+ "date": "2014-04-01",
+ "value": 100151737
+ },
+ {
+ "date": "2014-04-02",
+ "value": 94985209
+ },
+ {
+ "date": "2014-04-03",
+ "value": 82913669
+ },
+ {
+ "date": "2014-04-04",
+ "value": 78748268
+ },
+ {
+ "date": "2014-04-05",
+ "value": 63829135
+ },
+ {
+ "date": "2014-04-06",
+ "value": 78694727
+ },
+ {
+ "date": "2014-04-07",
+ "value": 80868994
+ },
+ {
+ "date": "2014-04-08",
+ "value": 93799013
+ },
+ {
+ "date": "2014-04-09",
+ "value": 99042416
+ },
+ {
+ "date": "2014-04-10",
+ "value": 97298692
+ },
+ {
+ "date": "2014-04-11",
+ "value": 83353499
+ },
+ {
+ "date": "2014-04-12",
+ "value": 71248129
+ },
+ {
+ "date": "2014-04-13",
+ "value": 75253744
+ },
+ {
+ "date": "2014-04-14",
+ "value": 68976648
+ },
+ {
+ "date": "2014-04-15",
+ "value": 71002284
+ },
+ {
+ "date": "2014-04-16",
+ "value": 75052401
+ },
+ {
+ "date": "2014-04-17",
+ "value": 83894030
+ },
+ {
+ "date": "2014-04-18",
+ "value": 90236528
+ },
+ {
+ "date": "2014-04-19",
+ "value": 99739114
+ },
+ {
+ "date": "2014-04-20",
+ "value": 96407136
+ },
+ {
+ "date": "2014-04-21",
+ "value": 108323177
+ },
+ {
+ "date": "2014-04-22",
+ "value": 101578914
+ },
+ {
+ "date": "2014-04-23",
+ "value": 115877608
+ },
+ {
+ "date": "2014-04-24",
+ "value": 112088857
+ },
+ {
+ "date": "2014-04-25",
+ "value": 112071353
+ },
+ {
+ "date": "2014-04-26",
+ "value": 101790062
+ },
+ {
+ "date": "2014-04-27",
+ "value": 115003761
+ },
+ {
+ "date": "2014-04-28",
+ "value": 120457727
+ },
+ {
+ "date": "2014-04-29",
+ "value": 118253926
+ },
+ {
+ "date": "2014-04-30",
+ "value": 117956992
+ }
+ ],
+ [{
+ "date": "2014-01-01",
+ "value": 50000000
+ },
+ {
+ "date": "2014-01-02",
+ "value": 60379978
+ },
+ {
+ "date": "2014-01-03",
+ "value": 40493749
+ },
+ {
+ "date": "2014-01-04",
+ "value": 60785250
+ },
+ {
+ "date": "2014-01-05",
+ "value": 67391904
+ },
+ {
+ "date": "2014-01-06",
+ "value": 61576838
+ },
+ {
+ "date": "2014-01-07",
+ "value": 61413854
+ },
+ {
+ "date": "2014-01-08",
+ "value": 82177211
+ },
+ {
+ "date": "2014-01-09",
+ "value": 103762210
+ },
+ {
+ "date": "2014-01-10",
+ "value": 84381072
+ },
+ {
+ "date": "2014-01-11",
+ "value": 54352310
+ },
+ {
+ "date": "2014-01-12",
+ "value": 65531790
+ },
+ {
+ "date": "2014-01-13",
+ "value": 75748881
+ },
+ {
+ "date": "2014-01-14",
+ "value": 47064037
+ },
+ {
+ "date": "2014-01-15",
+ "value": 67520685
+ },
+ {
+ "date": "2014-01-16",
+ "value": 60176418
+ },
+ {
+ "date": "2014-01-17",
+ "value": 66122924
+ },
+ {
+ "date": "2014-01-18",
+ "value": 57337480
+ },
+ {
+ "date": "2014-01-19",
+ "value": 100258882
+ },
+ {
+ "date": "2014-01-20",
+ "value": 46829538
+ },
+ {
+ "date": "2014-01-21",
+ "value": 92456897
+ },
+ {
+ "date": "2014-01-22",
+ "value": 94299711
+ },
+ {
+ "date": "2014-01-23",
+ "value": 62759017
+ },
+ {
+ "date": "2014-01-24",
+ "value": 103596183
+ },
+ {
+ "date": "2014-01-25",
+ "value": 108107346
+ },
+ {
+ "date": "2014-01-26",
+ "value": 66359852
+ },
+ {
+ "date": "2014-01-27",
+ "value": 62570783
+ },
+ {
+ "date": "2014-01-28",
+ "value": 77967768
+ },
+ {
+ "date": "2014-01-29",
+ "value": 60632803
+ },
+ {
+ "date": "2014-01-30",
+ "value": 103725316
+ },
+ {
+ "date": "2014-01-31",
+ "value": 98226177
+ },
+ {
+ "date": "2014-02-01",
+ "value": 60698669
+ },
+ {
+ "date": "2014-02-02",
+ "value": 67640656
+ },
+ {
+ "date": "2014-02-03",
+ "value": 66142362
+ },
+ {
+ "date": "2014-02-04",
+ "value": 101410971
+ },
+ {
+ "date": "2014-02-05",
+ "value": 66704289
+ },
+ {
+ "date": "2014-02-06",
+ "value": 60436945
+ },
+ {
+ "date": "2014-02-07",
+ "value": 78891686
+ },
+ {
+ "date": "2014-02-08",
+ "value": 71613962
+ },
+ {
+ "date": "2014-02-09",
+ "value": 107579773
+ },
+ {
+ "date": "2014-02-10",
+ "value": 58677098
+ },
+ {
+ "date": "2014-02-11",
+ "value": 87129977
+ },
+ {
+ "date": "2014-02-12",
+ "value": 51561876
+ },
+ {
+ "date": "2014-02-13",
+ "value": 51627421
+ },
+ {
+ "date": "2014-02-14",
+ "value": 83543872
+ },
+ {
+ "date": "2014-02-15",
+ "value": 66581057
+ },
+ {
+ "date": "2014-02-16",
+ "value": 65560715
+ },
+ {
+ "date": "2014-02-17",
+ "value": 62625263
+ },
+ {
+ "date": "2014-02-18",
+ "value": 92091484
+ },
+ {
+ "date": "2014-02-19",
+ "value": 48810329
+ },
+ {
+ "date": "2014-02-20",
+ "value": 49882912
+ },
+ {
+ "date": "2014-02-21",
+ "value": 44943095
+ },
+ {
+ "date": "2014-02-22",
+ "value": 104875743
+ },
+ {
+ "date": "2014-02-23",
+ "value": 96383678
+ },
+ {
+ "date": "2014-02-24",
+ "value": 105028841
+ },
+ {
+ "date": "2014-02-25",
+ "value": 63967310
+ },
+ {
+ "date": "2014-02-26",
+ "value": 63167029
+ },
+ {
+ "date": "2014-02-27",
+ "value": 68577263
+ },
+ {
+ "date": "2014-02-28",
+ "value": 95836969
+ },
+ {
+ "date": "2014-03-01",
+ "value": 99264529
+ },
+ {
+ "date": "2014-03-02",
+ "value": 109363374
+ },
+ {
+ "date": "2014-03-03",
+ "value": 93985628
+ },
+ {
+ "date": "2014-03-04",
+ "value": 94650999
+ },
+ {
+ "date": "2014-03-05",
+ "value": 90866108
+ },
+ {
+ "date": "2014-03-06",
+ "value": 46473454
+ },
+ {
+ "date": "2014-03-07",
+ "value": 84075886
+ },
+ {
+ "date": "2014-03-08",
+ "value": 103568384
+ },
+ {
+ "date": "2014-03-09",
+ "value": 101534883
+ },
+ {
+ "date": "2014-03-10",
+ "value": 95825447
+ },
+ {
+ "date": "2014-03-11",
+ "value": 66133916
+ },
+ {
+ "date": "2014-03-12",
+ "value": 96502109
+ },
+ {
+ "date": "2014-03-13",
+ "value": 80169411
+ },
+ {
+ "date": "2014-03-14",
+ "value": 84296886
+ },
+ {
+ "date": "2014-03-15",
+ "value": 86347399
+ },
+ {
+ "date": "2014-03-16",
+ "value": 31483669
+ },
+ {
+ "date": "2014-03-17",
+ "value": 82811333
+ },
+ {
+ "date": "2014-03-18",
+ "value": 89675396
+ },
+ {
+ "date": "2014-03-19",
+ "value": 95514483
+ },
+ {
+ "date": "2014-03-20",
+ "value": 97630630
+ },
+ {
+ "date": "2014-03-21",
+ "value": 62340239
+ },
+ {
+ "date": "2014-03-22",
+ "value": 62349091
+ },
+ {
+ "date": "2014-03-23",
+ "value": 65613305
+ },
+ {
+ "date": "2014-03-24",
+ "value": 65592466
+ },
+ {
+ "date": "2014-03-25",
+ "value": 63408762
+ },
+ {
+ "date": "2014-03-26",
+ "value": 91991454
+ },
+ {
+ "date": "2014-03-27",
+ "value": 96123955
+ },
+ {
+ "date": "2014-03-28",
+ "value": 92817214
+ },
+ {
+ "date": "2014-03-29",
+ "value": 93029590
+ },
+ {
+ "date": "2014-03-30",
+ "value": 108753398
+ },
+ {
+ "date": "2014-03-31",
+ "value": 49383763
+ },
+ {
+ "date": "2014-04-01",
+ "value": 100151737
+ },
+ {
+ "date": "2014-04-02",
+ "value": 44985209
+ },
+ {
+ "date": "2014-04-03",
+ "value": 52913669
+ },
+ {
+ "date": "2014-04-04",
+ "value": 48748268
+ },
+ {
+ "date": "2014-04-05",
+ "value": 23829135
+ },
+ {
+ "date": "2014-04-06",
+ "value": 58694727
+ },
+ {
+ "date": "2014-04-07",
+ "value": 50868994
+ },
+ {
+ "date": "2014-04-08",
+ "value": 43799013
+ },
+ {
+ "date": "2014-04-09",
+ "value": 4042416
+ },
+ {
+ "date": "2014-04-10",
+ "value": 47298692
+ },
+ {
+ "date": "2014-04-11",
+ "value": 53353499
+ },
+ {
+ "date": "2014-04-12",
+ "value": 71248129
+ },
+ {
+ "date": "2014-04-13",
+ "value": 75253744
+ },
+ {
+ "date": "2014-04-14",
+ "value": 68976648
+ },
+ {
+ "date": "2014-04-15",
+ "value": 71002284
+ },
+ {
+ "date": "2014-04-16",
+ "value": 75052401
+ },
+ {
+ "date": "2014-04-17",
+ "value": 83894030
+ },
+ {
+ "date": "2014-04-18",
+ "value": 50236528
+ },
+ {
+ "date": "2014-04-19",
+ "value": 59739114
+ },
+ {
+ "date": "2014-04-20",
+ "value": 56407136
+ },
+ {
+ "date": "2014-04-21",
+ "value": 108323177
+ },
+ {
+ "date": "2014-04-22",
+ "value": 101578914
+ },
+ {
+ "date": "2014-04-23",
+ "value": 95877608
+ },
+ {
+ "date": "2014-04-24",
+ "value": 62088857
+ },
+ {
+ "date": "2014-04-25",
+ "value": 92071353
+ },
+ {
+ "date": "2014-04-26",
+ "value": 81790062
+ },
+ {
+ "date": "2014-04-27",
+ "value": 105003761
+ },
+ {
+ "date": "2014-04-28",
+ "value": 100457727
+ },
+ {
+ "date": "2014-04-29",
+ "value": 98253926
+ },
+ {
+ "date": "2014-04-30",
+ "value": 67956992
+ }
+ ]
+]
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/ohlc.js b/public/ThirdParty/apexcharts-bundle/samples/assets/ohlc.js
new file mode 100644
index 0000000000000000000000000000000000000000..1f45ac1bf03db51bc7daffa3dd64f0dc84787b6f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/assets/ohlc.js
@@ -0,0 +1,1138 @@
+var seriesData = [{
+ x: new Date(2016, 01, 01),
+ y: [51.98, 56.29, 51.59, 53.85]
+ },
+ {
+ x: new Date(2016, 02, 01),
+ y: [53.66, 54.99, 51.35, 52.95]
+ },
+ {
+ x: new Date(2016, 03, 01),
+ y: [52.96, 53.78, 51.54, 52.48]
+ },
+ {
+ x: new Date(2016, 04, 01),
+ y: [52.54, 52.79, 47.88, 49.24]
+ },
+ {
+ x: new Date(2016, 05, 01),
+ y: [49.10, 52.86, 47.70, 52.78]
+ },
+ {
+ x: new Date(2016, 06, 01),
+ y: [52.83, 53.48, 50.32, 52.29]
+ },
+ {
+ x: new Date(2016, 07, 01),
+ y: [52.20, 54.48, 51.64, 52.58]
+ },
+ {
+ x: new Date(2016, 08, 01),
+ y: [52.76, 57.35, 52.15, 57.03]
+ },
+ {
+ x: new Date(2016, 09, 01),
+ y: [57.04, 58.15, 48.88, 56.19]
+ },
+ {
+ x: new Date(2016, 10, 01),
+ y: [56.09, 58.85, 55.48, 58.79]
+ },
+ {
+ x: new Date(2016, 11, 01),
+ y: [58.78, 59.65, 58.23, 59.05]
+ },
+ {
+ x: new Date(2017, 00, 01),
+ y: [59.37, 61.11, 59.35, 60.34]
+ },
+ {
+ x: new Date(2017, 01, 01),
+ y: [60.40, 60.52, 56.71, 56.93]
+ },
+ {
+ x: new Date(2017, 02, 01),
+ y: [57.02, 59.71, 56.04, 56.82]
+ },
+ {
+ x: new Date(2017, 03, 01),
+ y: [56.97, 59.62, 54.77, 59.30]
+ },
+ {
+ x: new Date(2017, 04, 01),
+ y: [59.11, 62.29, 59.10, 59.85]
+ },
+ {
+ x: new Date(2017, 05, 01),
+ y: [59.97, 60.11, 55.66, 58.42]
+ },
+ {
+ x: new Date(2017, 06, 01),
+ y: [58.34, 60.93, 56.75, 57.42]
+ },
+ {
+ x: new Date(2017, 07, 01),
+ y: [57.76, 58.08, 51.18, 54.71]
+ },
+ {
+ x: new Date(2017, 08, 01),
+ y: [54.80, 61.42, 53.18, 57.35]
+ },
+ {
+ x: new Date(2017, 09, 01),
+ y: [57.56, 63.09, 57.00, 62.99]
+ },
+ {
+ x: new Date(2017, 10, 01),
+ y: [62.89, 63.42, 59.72, 61.76]
+ },
+ {
+ x: new Date(2017, 11, 01),
+ y: [61.71, 64.15, 61.29, 63.04]
+ }
+]
+
+var seriesDataLinear = [{
+ x: new Date(2016, 01, 01),
+ y: 3.85
+ },
+ {
+ x: new Date(2016, 02, 01),
+ y: 2.95
+ },
+ {
+ x: new Date(2016, 03, 01),
+ y: -12.48
+ },
+ {
+ x: new Date(2016, 04, 01),
+ y: 19.24
+ },
+ {
+ x: new Date(2016, 05, 01),
+ y: 12.78
+ },
+ {
+ x: new Date(2016, 06, 01),
+ y: 22.29
+ },
+ {
+ x: new Date(2016, 07, 01),
+ y: -12.58
+ },
+ {
+ x: new Date(2016, 08, 01),
+ y: -17.03
+ },
+ {
+ x: new Date(2016, 09, 01),
+ y: -19.19
+ },
+ {
+ x: new Date(2016, 10, 01),
+ y: -28.79
+ },
+ {
+ x: new Date(2016, 11, 01),
+ y: -39.05
+ },
+ {
+ x: new Date(2017, 00, 01),
+ y: 20.34
+ },
+ {
+ x: new Date(2017, 01, 01),
+ y: 36.93
+ },
+ {
+ x: new Date(2017, 02, 01),
+ y: 36.82
+ },
+ {
+ x: new Date(2017, 03, 01),
+ y: 29.30
+ },
+ {
+ x: new Date(2017, 04, 01),
+ y: 39.85
+ },
+ {
+ x: new Date(2017, 05, 01),
+ y: 28.42
+ },
+ {
+ x: new Date(2017, 06, 01),
+ y: 37.42
+ },
+ {
+ x: new Date(2017, 07, 01),
+ y: 24.71
+ },
+ {
+ x: new Date(2017, 08, 01),
+ y: 37.35
+ },
+ {
+ x: new Date(2017, 09, 01),
+ y: 32.99
+ },
+ {
+ x: new Date(2017, 10, 01),
+ y: 31.76
+ },
+ {
+ x: new Date(2017, 11, 01),
+ y: 43.04
+ }
+]
+
+var seriesData7 = [{
+ x: new Date(2016, 01, 01),
+ y: [1151.98, 1156.29, 1151.59, 1153.85]
+ },
+ {
+ x: new Date(2016, 02, 01),
+ y: [1153.66, 1154.99, 1151.35, 1152.95]
+ },
+ {
+ x: new Date(2016, 03, 01),
+ y: [1152.96, 1153.78, 1151.54, 1152.48]
+ },
+ {
+ x: new Date(2016, 04, 01),
+ y: [1152.54, 1152.79, 1147.88, 1149.24]
+ },
+ {
+ x: new Date(2016, 05, 01),
+ y: [1149.10, 1152.86, 1147.70, 1152.78]
+ },
+ {
+ x: new Date(2016, 06, 01),
+ y: [1152.83, 1153.48, 1150.32, 1152.29]
+ },
+ {
+ x: new Date(2016, 07, 01),
+ y: [1152.20, 1154.48, 1151.64, 1152.58]
+ },
+ {
+ x: new Date(2016, 08, 01),
+ y: [1152.76, 1157.35, 1152.15, 1157.03]
+ },
+ {
+ x: new Date(2016, 09, 01),
+ y: [1157.04, 1158.15, 1148.88, 1156.19]
+ },
+ {
+ x: new Date(2016, 10, 01),
+ y: [1156.09, 1158.85, 1155.48, 1158.79]
+ },
+ {
+ x: new Date(2016, 11, 01),
+ y: [1158.78, 1159.65, 1158.23, 1159.05]
+ },
+ {
+ x: new Date(2017, 00, 01),
+ y: [1159.37, 1161.11, 1159.35, 1160.34]
+ },
+ {
+ x: new Date(2017, 01, 01),
+ y: [1160.40, 1160.52, 1156.71, 1156.93]
+ },
+ {
+ x: new Date(2017, 02, 01),
+ y: [1157.02, 1159.71, 1156.04, 1156.82]
+ },
+ {
+ x: new Date(2017, 03, 01),
+ y: [1156.97, 1159.62, 1154.77, 1159.30]
+ },
+ {
+ x: new Date(2017, 04, 01),
+ y: [1159.11, 1162.29, 1159.10, 1159.85]
+ },
+ {
+ x: new Date(2017, 05, 01),
+ y: [1159.97, 1160.11, 1155.66, 1158.42]
+ },
+ {
+ x: new Date(2017, 06, 01),
+ y: [1158.34, 1160.93, 1156.75, 1157.42]
+ },
+ {
+ x: new Date(2017, 07, 01),
+ y: [1157.76, 1158.08, 1151.18, 1154.71]
+ },
+ {
+ x: new Date(2017, 08, 01),
+ y: [1154.80, 1161.42, 1153.18, 1157.35]
+ },
+ {
+ x: new Date(2017, 09, 01),
+ y: [1157.56, 1163.09, 1157.00, 1162.99]
+ },
+ {
+ x: new Date(2017, 10, 01),
+ y: [1162.89, 1163.42, 1159.72, 1161.76]
+ },
+ {
+ x: new Date(2017, 11, 01),
+ y: [1161.71, 1164.15, 1161.29, 1163.04]
+ }
+]
+
+var seriesData2 = [{
+ x: new Date(1538778600000),
+ y: [6629.81, 6650.5, 6623.04, 6633.33]
+ },
+ {
+ x: new Date(1538780400000),
+ y: [6632.01, 6643.59, 6620, 6630.11]
+ },
+ {
+ x: new Date(1538782200000),
+ y: [6630.71, 6648.95, 6623.34, 6635.65]
+ },
+ {
+ x: new Date(1538784000000),
+ y: [6635.65, 6651, 6629.67, 6638.24]
+ },
+ {
+ x: new Date(1538785800000),
+ y: [6638.24, 6640, 6620, 6624.47]
+ },
+ {
+ x: new Date(1538787600000),
+ y: [6624.53, 6636.03, 6621.68, 6624.31]
+ },
+ {
+ x: new Date(1538789400000),
+ y: [6624.61, 6632.2, 6617, 6626.02]
+ },
+ {
+ x: new Date(1538791200000),
+ y: [6627, 6627.62, 6584.22, 6603.02]
+ },
+ {
+ x: new Date(1538793000000),
+ y: [6605, 6608.03, 6598.95, 6604.01]
+ },
+ {
+ x: new Date(1538794800000),
+ y: [6604.5, 6614.4, 6602.26, 6608.02]
+ },
+ {
+ x: new Date(1538796600000),
+ y: [6608.02, 6610.68, 6601.99, 6608.91]
+ },
+ {
+ x: new Date(1538798400000),
+ y: [6608.91, 6618.99, 6608.01, 6612]
+ },
+ {
+ x: new Date(1538800200000),
+ y: [6612, 6615.13, 6605.09, 6612]
+ },
+ {
+ x: new Date(1538802000000),
+ y: [6612, 6624.12, 6608.43, 6622.95]
+ },
+ {
+ x: new Date(1538803800000),
+ y: [6623.91, 6623.91, 6615, 6615.67]
+ },
+ {
+ x: new Date(1538805600000),
+ y: [6618.69, 6618.74, 6610, 6610.4]
+ },
+ {
+ x: new Date(1538807400000),
+ y: [6611, 6622.78, 6610.4, 6614.9]
+ },
+ {
+ x: new Date(1538809200000),
+ y: [6614.9, 6626.2, 6613.33, 6623.45]
+ },
+ {
+ x: new Date(1538811000000),
+ y: [6623.48, 6627, 6618.38, 6620.35]
+ },
+ {
+ x: new Date(1538812800000),
+ y: [6619.43, 6620.35, 6610.05, 6615.53]
+ },
+ {
+ x: new Date(1538814600000),
+ y: [6615.53, 6617.93, 6610, 6615.19]
+ },
+ {
+ x: new Date(1538816400000),
+ y: [6615.19, 6621.6, 6608.2, 6620]
+ },
+ {
+ x: new Date(1538818200000),
+ y: [6619.54, 6625.17, 6614.15, 6620]
+ },
+ {
+ x: new Date(1538820000000),
+ y: [6620.33, 6634.15, 6617.24, 6624.61]
+ },
+ {
+ x: new Date(1538821800000),
+ y: [6625.95, 6626, 6611.66, 6617.58]
+ },
+ {
+ x: new Date(1538823600000),
+ y: [6619, 6625.97, 6595.27, 6598.86]
+ },
+ {
+ x: new Date(1538825400000),
+ y: [6598.86, 6598.88, 6570, 6587.16]
+ },
+ {
+ x: new Date(1538827200000),
+ y: [6588.86, 6600, 6580, 6593.4]
+ },
+ {
+ x: new Date(1538829000000),
+ y: [6593.99, 6598.89, 6585, 6587.81]
+ },
+ {
+ x: new Date(1538830800000),
+ y: [6587.81, 6592.73, 6567.14, 6578]
+ },
+ {
+ x: new Date(1538832600000),
+ y: [6578.35, 6581.72, 6567.39, 6579]
+ },
+ {
+ x: new Date(1538834400000),
+ y: [6579.38, 6580.92, 6566.77, 6575.96]
+ },
+ {
+ x: new Date(1538836200000),
+ y: [6575.96, 6589, 6571.77, 6588.92]
+ },
+ {
+ x: new Date(1538838000000),
+ y: [6588.92, 6594, 6577.55, 6589.22]
+ },
+ {
+ x: new Date(1538839800000),
+ y: [6589.3, 6598.89, 6589.1, 6596.08]
+ },
+ {
+ x: new Date(1538841600000),
+ y: [6597.5, 6600, 6588.39, 6596.25]
+ },
+ {
+ x: new Date(1538843400000),
+ y: [6598.03, 6600, 6588.73, 6595.97]
+ },
+ {
+ x: new Date(1538845200000),
+ y: [6595.97, 6602.01, 6588.17, 6602]
+ },
+ {
+ x: new Date(1538847000000),
+ y: [6602, 6607, 6596.51, 6599.95]
+ },
+ {
+ x: new Date(1538848800000),
+ y: [6600.63, 6601.21, 6590.39, 6591.02]
+ },
+ {
+ x: new Date(1538850600000),
+ y: [6591.02, 6603.08, 6591, 6591]
+ },
+ {
+ x: new Date(1538852400000),
+ y: [6591, 6601.32, 6585, 6592]
+ },
+ {
+ x: new Date(1538854200000),
+ y: [6593.13, 6596.01, 6590, 6593.34]
+ },
+ {
+ x: new Date(1538856000000),
+ y: [6593.34, 6604.76, 6582.63, 6593.86]
+ },
+ {
+ x: new Date(1538857800000),
+ y: [6593.86, 6604.28, 6586.57, 6600.01]
+ },
+ {
+ x: new Date(1538859600000),
+ y: [6601.81, 6603.21, 6592.78, 6596.25]
+ },
+ {
+ x: new Date(1538861400000),
+ y: [6596.25, 6604.2, 6590, 6602.99]
+ },
+ {
+ x: new Date(1538863200000),
+ y: [6602.99, 6606, 6584.99, 6587.81]
+ },
+ {
+ x: new Date(1538865000000),
+ y: [6587.81, 6595, 6583.27, 6591.96]
+ },
+ {
+ x: new Date(1538866800000),
+ y: [6591.97, 6596.07, 6585, 6588.39]
+ },
+ {
+ x: new Date(1538868600000),
+ y: [6587.6, 6598.21, 6587.6, 6594.27]
+ },
+ {
+ x: new Date(1538870400000),
+ y: [6596.44, 6601, 6590, 6596.55]
+ },
+ {
+ x: new Date(1538872200000),
+ y: [6598.91, 6605, 6596.61, 6600.02]
+ },
+ {
+ x: new Date(1538874000000),
+ y: [6600.55, 6605, 6589.14, 6593.01]
+ },
+ {
+ x: new Date(1538875800000),
+ y: [6593.15, 6605, 6592, 6603.06]
+ },
+ {
+ x: new Date(1538877600000),
+ y: [6603.07, 6604.5, 6599.09, 6603.89]
+ },
+ {
+ x: new Date(1538879400000),
+ y: [6604.44, 6604.44, 6600, 6603.5]
+ },
+ {
+ x: new Date(1538881200000),
+ y: [6603.5, 6603.99, 6597.5, 6603.86]
+ },
+ {
+ x: new Date(1538883000000),
+ y: [6603.85, 6605, 6600, 6604.07]
+ },
+ {
+ x: new Date(1538884800000),
+ y: [6604.98, 6606, 6604.07, 6606]
+ },
+]
+
+var seriesData3 = [{
+ x: new Date(1538867400000),
+ y: [6591.08, 6592.22, 6588.9, 6592]
+ },
+ {
+ x: new Date(1538867700000),
+ y: [6592.01, 6596.07, 6592, 6593.51]
+ },
+ {
+ x: new Date(1538868000000),
+ y: [6593.51, 6596.03, 6588.04, 6588.04]
+ },
+ {
+ x: new Date(1538868300000),
+ y: [6588.26, 6592.78, 6585, 6588.39]
+ },
+ {
+ x: new Date(1538868600000),
+ y: [6587.6, 6593.99, 6587.6, 6593.99]
+ },
+ {
+ x: new Date(1538868900000),
+ y: [6594, 6596.76, 6593.02, 6594.01]
+ },
+ {
+ x: new Date(1538869200000),
+ y: [6596, 6597, 6593.05, 6595.65]
+ },
+ {
+ x: new Date(1538869500000),
+ y: [6595.66, 6596.3, 6590.04, 6591.68]
+ },
+ {
+ x: new Date(1538869800000),
+ y: [6593.26, 6597.97, 6590.37, 6595.43]
+ },
+ {
+ x: new Date(1538870100000),
+ y: [6595.43, 6598.21, 6593.49, 6594.27]
+ },
+ {
+ x: new Date(1538870400000),
+ y: [6596.44, 6600, 6594.15, 6594.8]
+ },
+ {
+ x: new Date(1538870700000),
+ y: [6595.01, 6599.8, 6594, 6598.78]
+ },
+ {
+ x: new Date(1538871000000),
+ y: [6598.77, 6598.79, 6594, 6594.28]
+ },
+ {
+ x: new Date(1538871300000),
+ y: [6594.28, 6596.2, 6591.92, 6594.01]
+ },
+ {
+ x: new Date(1538871600000),
+ y: [6594.51, 6601, 6590, 6599.59]
+ },
+ {
+ x: new Date(1538871900000),
+ y: [6593.6, 6599.58, 6593.6, 6596.55]
+ },
+ {
+ x: new Date(1538872200000),
+ y: [6598.91, 6602.05, 6596.61, 6601.65]
+ },
+ {
+ x: new Date(1538872500000),
+ y: [6602.05, 6602.94, 6597.5, 6600.05]
+ },
+ {
+ x: new Date(1538872800000),
+ y: [6602.96, 6603, 6600.37, 6601.4]
+ },
+ {
+ x: new Date(1538873100000),
+ y: [6601.39, 6601.43, 6600.5, 6601.4]
+ },
+ {
+ x: new Date(1538873400000),
+ y: [6601.42, 6605, 6600.5, 6600.64]
+ },
+ {
+ x: new Date(1538873700000),
+ y: [6600.64, 6603.84, 6600, 6600.02]
+ },
+ {
+ x: new Date(1538874000000),
+ y: [6600.55, 6605, 6598.28, 6600.48]
+ },
+ {
+ x: new Date(1538874300000),
+ y: [6601.73, 6605, 6600.59, 6601.54]
+ },
+ {
+ x: new Date(1538874600000),
+ y: [6602.8, 6605, 6600, 6600.01]
+ },
+ {
+ x: new Date(1538874900000),
+ y: [6600, 6600.22, 6589.19, 6590.64]
+ },
+ {
+ x: new Date(1538875200000),
+ y: [6593.95, 6598, 6589.14, 6591.44]
+ },
+ {
+ x: new Date(1538875500000),
+ y: [6591.48, 6593.45, 6589.15, 6593.01]
+ },
+ {
+ x: new Date(1538875800000),
+ y: [6593.15, 6598, 6592, 6595.85]
+ },
+ {
+ x: new Date(1538876100000),
+ y: [6595.85, 6601.76, 6595.83, 6601.72]
+ },
+ {
+ x: new Date(1538876400000),
+ y: [6601.69, 6605, 6598.52, 6602.01]
+ },
+ {
+ x: new Date(1538876700000),
+ y: [6602.02, 6604.4, 6601.51, 6601.62]
+ },
+ {
+ x: new Date(1538877000000),
+ y: [6601.74, 6602.88, 6599.09, 6600]
+ },
+ {
+ x: new Date(1538877300000),
+ y: [6599.35, 6605, 6599.09, 6603.06]
+ },
+ {
+ x: new Date(1538877600000),
+ y: [6603.07, 6604.5, 6600.79, 6604.13]
+ },
+ {
+ x: new Date(1538877900000),
+ y: [6603.06, 6604.45, 6601.25, 6602.06]
+ },
+ {
+ x: new Date(1538878200000),
+ y: [6602.06, 6604, 6600.93, 6602.11]
+ },
+ {
+ x: new Date(1538878500000),
+ y: [6602.25, 6602.41, 6599.09, 6602.41]
+ },
+ {
+ x: new Date(1538878800000),
+ y: [6602.41, 6603.95, 6600.02, 6603.89]
+ },
+ {
+ x: new Date(1538879100000),
+ y: [6603.89, 6604.44, 6602.52, 6603.89]
+ },
+ {
+ x: new Date(1538879400000),
+ y: [6604.44, 6604.44, 6600, 6600.02]
+ },
+ {
+ x: new Date(1538879700000),
+ y: [6600.02, 6602.99, 6600, 6600.23]
+ },
+ {
+ x: new Date(1538880000000),
+ y: [6600.85, 6604.43, 6600.2, 6602.1]
+ },
+ {
+ x: new Date(1538880300000),
+ y: [6602.19, 6604.42, 6601.7, 6603.97]
+ },
+ {
+ x: new Date(1538880600000),
+ y: [6602.49, 6603.99, 6600.07, 6600.32]
+ },
+ {
+ x: new Date(1538880900000),
+ y: [6600.32, 6603.5, 6600, 6603.5]
+ },
+ {
+ x: new Date(1538881200000),
+ y: [6603.5, 6603.61, 6600.31, 6602.62]
+ },
+ {
+ x: new Date(1538881500000),
+ y: [6601.57, 6603.9, 6597.5, 6601.74]
+ },
+ {
+ x: new Date(1538881800000),
+ y: [6600, 6601.73, 6598.01, 6598.62]
+ },
+ {
+ x: new Date(1538882100000),
+ y: [6598.61, 6603.9, 6598.61, 6600.09]
+ },
+ {
+ x: new Date(1538882400000),
+ y: [6600.09, 6603.99, 6600, 6602.08]
+ },
+ {
+ x: new Date(1538882700000),
+ y: [6602.07, 6603.99, 6602.07, 6603.86]
+ },
+ {
+ x: new Date(1538883000000),
+ y: [6603.85, 6604.41, 6602.09, 6602.26]
+ },
+ {
+ x: new Date(1538883300000),
+ y: [6602.6, 6605, 6602.24, 6603.02]
+ },
+ {
+ x: new Date(1538883600000),
+ y: [6603.01, 6604.98, 6600, 6601.03]
+ },
+ {
+ x: new Date(1538883900000),
+ y: [6601.81, 6602.6, 6601.02, 6602.3]
+ },
+ {
+ x: new Date(1538884200000),
+ y: [6601.72, 6604.98, 6601.1, 6604.03]
+ },
+ {
+ x: new Date(1538884500000),
+ y: [6604.17, 6604.98, 6604.02, 6604.07]
+ },
+ {
+ x: new Date(1538884800000),
+ y: [6604.98, 6606, 6604.07, 6605.01]
+ },
+ {
+ x: new Date(1538885100000),
+ y: [6605, 6607.52, 6605, 6607.28]
+ },
+]
+
+
+
+var seriesData4 = [{
+ x: new Date(1538858700000),
+ y: [6603.08, 6604.28, 6596.01, 6600.01]
+ },
+ {
+ x: new Date(1538859600000),
+ y: [6601.81, 6603.21, 6597, 6599.76]
+ },
+ {
+ x: new Date(1538860500000),
+ y: [6597.53, 6599.75, 6592.78, 6596.25]
+ },
+ {
+ x: new Date(1538861400000),
+ y: [6596.25, 6603, 6590, 6603]
+ },
+ {
+ x: new Date(1538862300000),
+ y: [6602.73, 6604.2, 6596.72, 6602.99]
+ },
+ {
+ x: new Date(1538863200000),
+ y: [6602.99, 6606, 6591.06, 6591.06]
+ },
+ {
+ x: new Date(1538864100000),
+ y: [6591.06, 6598.4, 6584.99, 6587.81]
+ },
+ {
+ x: new Date(1538865000000),
+ y: [6587.81, 6594.99, 6583.27, 6592.43]
+ },
+ {
+ x: new Date(1538865900000),
+ y: [6592.46, 6595, 6587.07, 6591.96]
+ },
+ {
+ x: new Date(1538866800000),
+ y: [6591.97, 6592.22, 6588.62, 6592]
+ },
+ {
+ x: new Date(1538867700000),
+ y: [6592.01, 6596.07, 6585, 6588.39]
+ },
+ {
+ x: new Date(1538868600000),
+ y: [6587.6, 6597, 6587.6, 6595.65]
+ },
+ {
+ x: new Date(1538869500000),
+ y: [6595.66, 6598.21, 6590.04, 6594.27]
+ },
+ {
+ x: new Date(1538870400000),
+ y: [6596.44, 6600, 6594, 6594.28]
+ },
+ {
+ x: new Date(1538871300000),
+ y: [6594.28, 6601, 6590, 6596.55]
+ },
+ {
+ x: new Date(1538872200000),
+ y: [6598.91, 6603, 6596.61, 6601.4]
+ },
+ {
+ x: new Date(1538873100000),
+ y: [6601.39, 6605, 6600, 6600.02]
+ },
+ {
+ x: new Date(1538874000000),
+ y: [6600.55, 6605, 6598.28, 6600.01]
+ },
+ {
+ x: new Date(1538874900000),
+ y: [6600, 6600.22, 6589.14, 6593.01]
+ },
+ {
+ x: new Date(1538875800000),
+ y: [6593.15, 6605, 6592, 6602.01]
+ },
+ {
+ x: new Date(1538876700000),
+ y: [6602.02, 6605, 6599.09, 6603.06]
+ },
+ {
+ x: new Date(1538877600000),
+ y: [6603.07, 6604.5, 6600.79, 6602.11]
+ },
+ {
+ x: new Date(1538878500000),
+ y: [6602.25, 6604.44, 6599.09, 6603.89]
+ },
+ {
+ x: new Date(1538879400000),
+ y: [6604.44, 6604.44, 6600, 6602.1]
+ },
+ {
+ x: new Date(1538880300000),
+ y: [6602.19, 6604.42, 6600, 6603.5]
+ },
+ {
+ x: new Date(1538881200000),
+ y: [6603.5, 6603.9, 6597.5, 6598.62]
+ },
+ {
+ x: new Date(1538882100000),
+ y: [6598.61, 6603.99, 6598.61, 6603.86]
+ },
+ {
+ x: new Date(1538883000000),
+ y: [6603.85, 6605, 6600, 6601.03]
+ },
+ {
+ x: new Date(1538883900000),
+ y: [6601.81, 6604.98, 6601.02, 6604.07]
+ },
+ {
+ x: new Date(1538884800000),
+ y: [6604.98, 6605.24, 6604.07, 6605.24]
+ },
+]
+
+
+var seriesData5 = [{
+ x: 1538876100000,
+ y: [6595.85, 6601.76, 6595.83, 6601.72]
+},
+{
+ x: 1538876400000,
+ y: [6601.69, 6605, 6598.52, 6602.01]
+},
+{
+ x: 1538876700000,
+ y: [6602.02, 6604.4, 6601.51, 6601.62]
+},
+{
+ x: 1538877000000,
+ y: [6601.74, 6602.88, 6599.09, 6600]
+},
+{
+ x: 1538877300000,
+ y: [6599.35, 6605, 6599.09, 6603.06]
+},
+{
+ x: 1538877600000,
+ y: [6603.07, 6604.5, 6600.79, 6604.13]
+},
+{
+ x: 1538877900000,
+ y: [6603.06, 6604.45, 6601.25, 6602.06]
+},
+{
+ x: 1538878200000,
+ y: [6602.06, 6604, 6600.93, 6602.11]
+},
+{
+ x: 1538878500000,
+ y: [6602.25, 6602.41, 6599.09, 6602.41]
+},
+{
+ x: 1538878800000,
+ y: [6602.41, 6603.95, 6600.02, 6603.89]
+},
+{
+ x: 1538879100000,
+ y: [6603.89, 6604.44, 6602.52, 6603.89]
+},
+{
+ x: 1538879400000,
+ y: [6604.44, 6604.44, 6600, 6600.02]
+},
+{
+ x: 1538879700000,
+ y: [6600.02, 6602.99, 6600, 6600.23]
+},
+{
+ x: 1538880000000,
+ y: [6600.85, 6604.43, 6600.2, 6602.1]
+},
+{
+ x: 1538880300000,
+ y: [6602.19, 6604.42, 6601.7, 6603.97]
+},
+{
+ x: 1538880600000,
+ y: [6602.49, 6603.99, 6600.07, 6600.32]
+},
+{
+ x: 1538880900000,
+ y: [6600.32, 6603.5, 6600, 6603.5]
+},
+{
+ x: 1538881200000,
+ y: [6603.5, 6603.61, 6600.31, 6602.62]
+},
+{
+ x: 1538881500000,
+ y: [6601.57, 6603.9, 6597.5, 6601.74]
+},
+{
+ x: 1538881800000,
+ y: [6600, 6601.73, 6598.01, 6598.62]
+},
+{
+ x: 1538882100000,
+ y: [6598.61, 6603.9, 6598.61, 6600.09]
+},
+{
+ x: 1538882400000,
+ y: [6600.09, 6603.99, 6600, 6602.08]
+},
+{
+ x: 1538882700000,
+ y: [6602.07, 6603.99, 6602.07, 6603.86]
+},
+{
+ x: 1538883000000,
+ y: [6603.85, 6604.41, 6602.09, 6602.26]
+},
+{
+ x: 1538883300000,
+ y: [6602.6, 6605, 6602.24, 6603.02]
+},
+{
+ x: 1538883600000,
+ y: [6603.01, 6604.98, 6600, 6601.03]
+},
+{
+ x: 1538883900000,
+ y: [6601.81, 6602.6, 6601.02, 6602.3]
+},
+{
+ x: 1538884200000,
+ y: [6601.72, 6604.98, 6601.1, 6604.03]
+},
+{
+ x: 1538884500000,
+ y: [6604.17, 6604.98, 6604.02, 6604.07]
+},
+{
+ x: 1538884800000,
+ y: [6604.98, 6605.7, 6604.07, 6604.28]
+},
+]
+
+
+
+// var seriesData5 = [[1538856000000, [6593.34, 6600, 6582.63, 6600]], [1538856900000, [6595.16, 6604.76, 6590.73, 6593.86]]]
+
+var seriesData6 = [{
+ x: new Date(1538856000000),
+ y: [6593.34, 6600, 6582.63, 6600]
+ },
+ {
+ x: new Date(1538856900000),
+ y: [6595.16, 6604.76, 6590.73, 6593.86]
+ },
+ {
+ x: new Date(1538857800000),
+ y: [6593.86, 6604.28, 6586.57, 6601.17]
+ },
+ {
+ x: new Date(1538858700000),
+ y: [6603.08, 6604.28, 6596.01, 6600.01]
+ },
+ {
+ x: new Date(1538859600000),
+ y: [6601.81, 6603.21, 6597, 6599.76]
+ },
+ {
+ x: new Date(1538860500000),
+ y: [6597.53, 6599.75, 6592.78, 6596.25]
+ },
+ {
+ x: new Date(1538861400000),
+ y: [6596.25, 6603, 6590, 6603]
+ },
+ {
+ x: new Date(1538862300000),
+ y: [6602.73, 6604.2, 6596.72, 6602.99]
+ },
+ {
+ x: new Date(1538863200000),
+ y: [6602.99, 6606, 6591.06, 6591.06]
+ },
+ {
+ x: new Date(1538864100000),
+ y: [6591.06, 6598.4, 6584.99, 6587.81]
+ },
+ {
+ x: new Date(1538865000000),
+ y: [6587.81, 6594.99, 6583.27, 6592.43]
+ },
+ {
+ x: new Date(1538865900000),
+ y: [6592.46, 6595, 6587.07, 6591.96]
+ },
+ {
+ x: new Date(1538866800000),
+ y: [6591.97, 6592.22, 6588.62, 6592]
+ },
+ {
+ x: new Date(1538867700000),
+ y: [6592.01, 6596.07, 6585, 6588.39]
+ },
+ {
+ x: new Date(1538868600000),
+ y: [6587.6, 6597, 6587.6, 6595.65]
+ },
+ {
+ x: new Date(1538869500000),
+ y: [6595.66, 6598.21, 6590.04, 6594.27]
+ },
+ {
+ x: new Date(1538870400000),
+ y: [6596.44, 6600, 6594, 6594.28]
+ },
+ {
+ x: new Date(1538871300000),
+ y: [6594.28, 6601, 6590, 6596.55]
+ },
+ {
+ x: new Date(1538872200000),
+ y: [6598.91, 6603, 6596.61, 6601.4]
+ },
+ {
+ x: new Date(1538873100000),
+ y: [6601.39, 6605, 6600, 6600.02]
+ },
+ {
+ x: new Date(1538874000000),
+ y: [6600.55, 6605, 6598.28, 6600.01]
+ },
+ {
+ x: new Date(1538874900000),
+ y: [6600, 6600.22, 6589.14, 6593.01]
+ },
+ {
+ x: new Date(1538875800000),
+ y: [6593.15, 6605, 6592, 6602.01]
+ },
+ {
+ x: new Date(1538876700000),
+ y: [6602.02, 6605, 6599.09, 6603.06]
+ },
+ {
+ x: new Date(1538877600000),
+ y: [6603.07, 6604.5, 6600.79, 6602.11]
+ },
+ {
+ x: new Date(1538878500000),
+ y: [6602.25, 6604.44, 6599.09, 6603.89]
+ },
+ {
+ x: new Date(1538879400000),
+ y: [6604.44, 6604.44, 6600, 6602.1]
+ },
+ {
+ x: new Date(1538880300000),
+ y: [6602.19, 6604.42, 6600, 6603.5]
+ },
+ {
+ x: new Date(1538881200000),
+ y: [6603.5, 6603.9, 6597.5, 6598.62]
+ },
+ {
+ x: new Date(1538882100000),
+ y: [6598.61, 6603.9, 6598.61, 6600.09]
+ },
+]
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/series1000.js b/public/ThirdParty/apexcharts-bundle/samples/assets/series1000.js
new file mode 100644
index 0000000000000000000000000000000000000000..61e5918a871a3c1ef53e981468795948f27c85a1
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/assets/series1000.js
@@ -0,0 +1,796 @@
+var dateSeries1 = [
+ [1327359600000,30.95],
+ [1327446000000,31.34],
+ [1327532400000,31.18],
+ [1327618800000,31.05],
+ [1327878000000,31.00],
+ [1327964400000,30.95],
+ [1328050800000,31.24],
+ [1328137200000,31.29],
+ [1328223600000,31.85],
+ [1328482800000,31.86],
+ [1328569200000,32.28],
+ [1328655600000,32.10],
+ [1328742000000,32.65],
+ [1328828400000,32.21],
+ [1329087600000,32.35],
+ [1329174000000,32.44],
+ [1329260400000,32.46],
+ [1329346800000,32.86],
+ [1329433200000,32.75],
+ [1329778800000,32.54],
+ [1329865200000,32.33],
+ [1329951600000,32.97],
+ [1330038000000,33.41],
+ [1330297200000,33.27],
+ [1330383600000,33.27],
+ [1330470000000,32.89],
+ [1330556400000,33.10],
+ [1330642800000,33.73],
+ [1330902000000,33.22],
+ [1330988400000,31.99],
+ [1331074800000,32.41],
+ [1331161200000,33.05],
+ [1331247600000,33.64],
+ [1331506800000,33.56],
+ [1331593200000,34.22],
+ [1331679600000,33.77],
+ [1331766000000,34.17],
+ [1331852400000,33.82],
+ [1332111600000,34.51],
+ [1332198000000,33.16],
+ [1332284400000,33.56],
+ [1332370800000,33.71],
+ [1332457200000,33.81],
+ [1332712800000,34.40],
+ [1332799200000,34.63],
+ [1332885600000,34.46],
+ [1332972000000,34.48],
+ [1333058400000,34.31],
+ [1333317600000,34.70],
+ [1333404000000,34.31],
+ [1333490400000,33.46],
+ [1333576800000,33.59],
+ [1333922400000,33.22],
+ [1334008800000,32.61],
+ [1334095200000,33.01],
+ [1334181600000,33.55],
+ [1334268000000,33.18],
+ [1334527200000,32.84],
+ [1334613600000,33.84],
+ [1334700000000,33.39],
+ [1334786400000,32.91],
+ [1334872800000,33.06],
+ [1335132000000,32.62],
+ [1335218400000,32.40],
+ [1335304800000,33.13],
+ [1335391200000,33.26],
+ [1335477600000,33.58],
+ [1335736800000,33.55],
+ [1335823200000,33.77],
+ [1335909600000,33.76],
+ [1335996000000,33.32],
+ [1336082400000,32.61],
+ [1336341600000,32.52],
+ [1336428000000,32.67],
+ [1336514400000,32.52],
+ [1336600800000,31.92],
+ [1336687200000,32.20],
+ [1336946400000,32.23],
+ [1337032800000,32.33],
+ [1337119200000,32.36],
+ [1337205600000,32.01],
+ [1337292000000,31.31],
+ [1337551200000,32.01],
+ [1337637600000,32.01],
+ [1337724000000,32.18],
+ [1337810400000,31.54],
+ [1337896800000,31.60],
+ [1338242400000,32.05],
+ [1338328800000,31.29],
+ [1338415200000,31.05],
+ [1338501600000,29.82],
+ [1338760800000,30.31],
+ [1338847200000,30.70],
+ [1338933600000,31.69],
+ [1339020000000,31.32],
+ [1339106400000,31.65],
+ [1339365600000,31.13],
+ [1339452000000,31.77],
+ [1339538400000,31.79],
+ [1339624800000,31.67],
+ [1339711200000,32.39],
+ [1339970400000,32.63],
+ [1340056800000,32.89],
+ [1340143200000,31.99],
+ [1340229600000,31.23],
+ [1340316000000,31.57],
+ [1340575200000,30.84],
+ [1340661600000,31.07],
+ [1340748000000,31.41],
+ [1340834400000,31.17],
+ [1340920800000,32.37],
+ [1341180000000,32.19],
+ [1341266400000,32.51],
+ [1341439200000,32.53],
+ [1341525600000,31.37],
+ [1341784800000,30.43],
+ [1341871200000,30.44],
+ [1341957600000,30.20],
+ [1342044000000,30.14],
+ [1342130400000,30.65],
+ [1342389600000,30.40],
+ [1342476000000,30.65],
+ [1342562400000,31.43],
+ [1342648800000,31.89],
+ [1342735200000,31.38],
+ [1342994400000,30.64],
+ [1343080800000,30.02],
+ [1343167200000,30.33],
+ [1343253600000,30.95],
+ [1343340000000,31.89],
+ [1343599200000,31.01],
+ [1343685600000,30.88],
+ [1343772000000,30.69],
+ [1343858400000,30.58],
+ [1343944800000,32.02],
+ [1344204000000,32.14],
+ [1344290400000,32.37],
+ [1344376800000,32.51],
+ [1344463200000,32.65],
+ [1344549600000,32.64],
+ [1344808800000,32.27],
+ [1344895200000,32.10],
+ [1344981600000,32.91],
+ [1345068000000,33.65],
+ [1345154400000,33.80],
+ [1345413600000,33.92],
+ [1345500000000,33.75],
+ [1345586400000,33.84],
+ [1345672800000,33.50],
+ [1345759200000,32.26],
+ [1346018400000,32.32],
+ [1346104800000,32.06],
+ [1346191200000,31.96],
+ [1346277600000,31.46],
+ [1346364000000,31.27],
+ [1346709600000,31.43],
+ [1346796000000,32.26],
+ [1346882400000,32.79],
+ [1346968800000,32.46],
+ [1347228000000,32.13],
+ [1347314400000,32.43],
+ [1347400800000,32.42],
+ [1347487200000,32.81],
+ [1347573600000,33.34],
+ [1347832800000,33.41],
+ [1347919200000,32.57],
+ [1348005600000,33.12],
+ [1348092000000,34.53],
+ [1348178400000,33.83],
+ [1348437600000,33.41],
+ [1348524000000,32.90],
+ [1348610400000,32.53],
+ [1348696800000,32.80],
+ [1348783200000,32.44],
+ [1349042400000,32.62],
+ [1349128800000,32.57],
+ [1349215200000,32.60],
+ [1349301600000,32.68],
+ [1349388000000,32.47],
+ [1349647200000,32.23],
+ [1349733600000,31.68],
+ [1349820000000,31.51],
+ [1349906400000,31.78],
+ [1349992800000,31.94],
+ [1350252000000,32.33],
+ [1350338400000,33.24],
+ [1350424800000,33.44],
+ [1350511200000,33.48],
+ [1350597600000,33.24],
+ [1350856800000,33.49],
+ [1350943200000,33.31],
+ [1351029600000,33.36],
+ [1351116000000,33.40],
+ [1351202400000,34.01],
+ [1351638000000,34.02],
+ [1351724400000,34.36],
+ [1351810800000,34.39],
+ [1352070000000,34.24],
+ [1352156400000,34.39],
+ [1352242800000,33.47],
+ [1352329200000,32.98],
+ [1352415600000,32.90],
+ [1352674800000,32.70],
+ [1352761200000,32.54],
+ [1352847600000,32.23],
+ [1352934000000,32.64],
+ [1353020400000,32.65],
+ [1353279600000,32.92],
+ [1353366000000,32.64],
+ [1353452400000,32.84],
+ [1353625200000,33.40],
+ [1353884400000,33.30],
+ [1353970800000,33.18],
+ [1354057200000,33.88],
+ [1354143600000,34.09],
+ [1354230000000,34.61],
+ [1354489200000,34.70],
+ [1354575600000,35.30],
+ [1354662000000,35.40],
+ [1354748400000,35.14],
+ [1354834800000,35.48],
+ [1355094000000,35.75],
+ [1355180400000,35.54],
+ [1355266800000,35.96],
+ [1355353200000,35.53],
+ [1355439600000,37.56],
+ [1355698800000,37.42],
+ [1355785200000,37.49],
+ [1355871600000,38.09],
+ [1355958000000,37.87],
+ [1356044400000,37.71],
+ [1356303600000,37.53],
+ [1356476400000,37.55],
+ [1356562800000,37.30],
+ [1356649200000,36.90],
+ [1356908400000,37.68],
+ [1357081200000,38.34],
+ [1357167600000,37.75],
+ [1357254000000,38.13],
+ [1357513200000,37.94],
+ [1357599600000,38.14],
+ [1357686000000,38.66],
+ [1357772400000,38.62],
+ [1357858800000,38.09],
+ [1358118000000,38.16],
+ [1358204400000,38.15],
+ [1358290800000,37.88],
+ [1358377200000,37.73],
+ [1358463600000,37.98],
+ [1358809200000,37.95],
+ [1358895600000,38.25],
+ [1358982000000,38.10],
+ [1359068400000,38.32],
+ [1359327600000,38.24],
+ [1359414000000,38.52],
+ [1359500400000,37.94],
+ [1359586800000,37.83],
+ [1359673200000,38.34],
+ [1359932400000,38.10],
+ [1360018800000,38.51],
+ [1360105200000,38.40],
+ [1360191600000,38.07],
+ [1360278000000,39.12],
+ [1360537200000,38.64],
+ [1360623600000,38.89],
+ [1360710000000,38.81],
+ [1360796400000,38.61],
+ [1360882800000,38.63],
+ [1361228400000,38.99],
+ [1361314800000,38.77],
+ [1361401200000,38.34],
+ [1361487600000,38.55],
+ [1361746800000,38.11],
+ [1361833200000,38.59],
+ [1361919600000,39.60],
+]
+
+var dateSeries2 = [
+ [1376431200000,46.84],
+ [1376517600000,45.87],
+ [1376604000000,45.40],
+ [1376863200000,44.89],
+ [1376949600000,45.07],
+ [1377036000000,45.14],
+ [1377122400000,45.68],
+ [1377208800000,45.77],
+ [1377468000000,46.06],
+ [1377554400000,45.50],
+ [1377640800000,45.53],
+ [1377727200000,45.93],
+ [1377813600000,45.75],
+ [1378159200000,45.88],
+ [1378245600000,46.93],
+ [1378332000000,46.73],
+ [1378418400000,46.87],
+ [1378677600000,47.25],
+ [1378764000000,48.02],
+ [1378850400000,48.20],
+ [1378936800000,47.64],
+ [1379023200000,47.76],
+ [1379282400000,48.14],
+ [1379368800000,48.14],
+ [1379455200000,52.58],
+ [1379541600000,51.87],
+ [1379628000000,52.31],
+ [1379887200000,51.80],
+ [1379973600000,51.42],
+ [1380060000000,51.87],
+ [1380146400000,52.10],
+ [1380232800000,52.03],
+ [1380492000000,51.94],
+ [1380578400000,52.43],
+ [1380664800000,51.52],
+ [1380751200000,50.88],
+ [1380837600000,51.57],
+ [1381096800000,50.82],
+ [1381183200000,49.58],
+ [1381269600000,49.45],
+ [1381356000000,51.16],
+ [1381442400000,52.19],
+ [1381701600000,52.63],
+ [1381788000000,51.93],
+ [1381874400000,51.91],
+ [1381960800000,52.06],
+ [1382047200000,52.63],
+ [1382306400000,53.08],
+ [1382392800000,53.17],
+ [1382479200000,53.06],
+ [1382565600000,54.21],
+ [1382652000000,53.81],
+ [1382914800000,53.93],
+ [1383001200000,54.86],
+ [1383087600000,54.10],
+ [1383174000000,54.22],
+ [1383260400000,54.61],
+ [1383519600000,55.39],
+ [1383606000000,54.79],
+ [1383692400000,54.88],
+ [1383778800000,53.17],
+ [1383865200000,54.84],
+ [1384124400000,56.18],
+ [1384210800000,56.24],
+ [1384297200000,57.55],
+ [1384383600000,57.17],
+ [1384470000000,57.35],
+ [1384729200000,56.60],
+ [1384815600000,55.77],
+ [1384902000000,55.94],
+ [1384988400000,56.23],
+ [1385074800000,56.41],
+ [1385334000000,56.95],
+ [1385420400000,56.70],
+ [1385506800000,56.91],
+ [1385679600000,56.78],
+ [1385938800000,56.76],
+ [1386025200000,56.40],
+ [1386111600000,56.05],
+ [1386198000000,55.04],
+ [1386284400000,55.60],
+ [1386543600000,55.44],
+ [1386630000000,55.32],
+ [1386716400000,54.64],
+ [1386802800000,53.99],
+ [1386889200000,60.89],
+ [1387148400000,58.50],
+ [1387234800000,57.67],
+ [1387321200000,59.04],
+ [1387407600000,58.13],
+ [1387494000000,59.26],
+ [1387753200000,59.47],
+ [1387839600000,59.53],
+ [1388012400000,59.58],
+ [1388098800000,59.51],
+ [1388358000000,59.55],
+ [1388444400000,59.88],
+ [1388617200000,59.29],
+ [1388703600000,59.16],
+ [1388962800000,58.12],
+ [1389049200000,58.97],
+ [1389135600000,58.90],
+ [1389222000000,59.09],
+ [1389308400000,59.53],
+ [1389567600000,58.60],
+ [1389654000000,60.37],
+ [1389740400000,61.68],
+ [1389826800000,61.63],
+ [1389913200000,61.37],
+ [1390258800000,60.85],
+ [1390345200000,61.77],
+ [1390431600000,60.88],
+ [1390518000000,59.09],
+ [1390777200000,58.36],
+ [1390863600000,59.11],
+ [1390950000000,58.46],
+ [1391036400000,59.39],
+ [1391122800000,59.19],
+ [1391382000000,58.09],
+ [1391468400000,59.72],
+ [1391554800000,61.00],
+ [1391641200000,61.34],
+ [1391727600000,62.88],
+ [1391986800000,63.78],
+ [1392073200000,63.97],
+ [1392159600000,65.14],
+ [1392246000000,67.04],
+ [1392332400000,68.34],
+ [1392678000000,68.66],
+ [1392764400000,67.99],
+ [1392850800000,68.48],
+ [1392937200000,68.22],
+ [1393196400000,68.77],
+ [1393282800000,68.01],
+ [1393369200000,67.82],
+ [1393455600000,69.92],
+ [1393542000000,68.63],
+ [1393801200000,67.86],
+ [1393887600000,68.60],
+ [1393974000000,68.90],
+ [1394060400000,68.92],
+ [1394146800000,68.52],
+ [1394406000000,68.04],
+ [1394492400000,67.47],
+ [1394578800000,68.06],
+ [1394665200000,67.08],
+ [1394751600000,67.19],
+ [1395010800000,68.17],
+ [1395097200000,68.52],
+ [1395183600000,67.63],
+ [1395270000000,68.49],
+ [1395356400000,67.14],
+ [1395615600000,65.24],
+ [1395702000000,65.81],
+ [1395788400000,63.90],
+ [1395874800000,64.53],
+ [1395961200000,64.88],
+ [1396216800000,65.74],
+ [1396303200000,65.93],
+ [1396389600000,65.48],
+ [1396476000000,62.45],
+ [1396562400000,61.32],
+ [1396821600000,60.47],
+ [1396908000000,61.82],
+ [1396994400000,63.46],
+ [1397080800000,61.49],
+ [1397167200000,60.50],
+ [1397426400000,61.39],
+ [1397512800000,62.10],
+ [1397599200000,63.04],
+ [1397685600000,64.04],
+ [1398031200000,64.30],
+ [1398117600000,64.48],
+ [1398204000000,64.39],
+ [1398290400000,63.22],
+ [1398376800000,61.61],
+ [1398636000000,60.40],
+ [1398722400000,60.91],
+ [1398808800000,61.69],
+ [1398895200000,62.59],
+ [1398981600000,61.56],
+ [1399240800000,61.44],
+ [1399327200000,59.44],
+ [1399413600000,58.63],
+ [1399500000000,59.08],
+ [1399586400000,59.59],
+ [1399845600000,60.70],
+ [1399932000000,60.81],
+ [1400018400000,60.88],
+ [1400104800000,60.20],
+ [1400191200000,61.64],
+ [1400450400000,62.20],
+ [1400536800000,61.71],
+ [1400623200000,62.47],
+ [1400709600000,63.15],
+ [1400796000000,64.30],
+ [1401141600000,65.25],
+ [1401228000000,64.84],
+ [1401314400000,65.45],
+ [1401400800000,64.54],
+ [1401660000000,64.64],
+ [1401746400000,64.09],
+ [1401832800000,64.17],
+ [1401919200000,65.47],
+ [1402005600000,66.91],
+ [1402264800000,66.93],
+ [1402351200000,66.96],
+ [1402437600000,67.46],
+ [1402524000000,66.56],
+ [1402610400000,66.82],
+ [1402869600000,67.62],
+ [1402956000000,67.54],
+ [1403042400000,73.08],
+ [1403128800000,72.95],
+ [1403215200000,72.61],
+ [1403474400000,72.89],
+ [1403560800000,72.38],
+ [1403647200000,72.44],
+ [1403733600000,72.85],
+ [1403820000000,72.00],
+ [1404079200000,72.36],
+ [1404165600000,73.01],
+ [1404252000000,72.76],
+ [1404338400000,73.57],
+ [1404684000000,72.68],
+ [1404770400000,71.14],
+ [1404856800000,71.57],
+ [1404943200000,71.70],
+ [1405029600000,72.26],
+ [1405288800000,72.88],
+ [1405375200000,72.29],
+ [1405461600000,72.38],
+ [1405548000000,71.39],
+ [1405634400000,72.55],
+ [1405893600000,71.96],
+ [1405980000000,72.26],
+ [1406066400000,72.04],
+ [1406152800000,72.80],
+ [1406239200000,72.62],
+ [1406498400000,72.70],
+ [1406584800000,72.27],
+ [1406671200000,71.89],
+ [1406757600000,69.25],
+ [1406844000000,68.94],
+ [1407103200000,68.77],
+ [1407189600000,68.97],
+ [1407276000000,68.23],
+ [1407362400000,67.83],
+ [1407448800000,68.39],
+ [1407708000000,68.97],
+ [1407794400000,68.78],
+ [1407880800000,69.79],
+ [1407967200000,70.05],
+ [1408053600000,70.07],
+ [1408312800000,71.06],
+ [1408399200000,72.05],
+ [1408485600000,71.02],
+ [1408572000000,71.73],
+ [1408658400000,72.04],
+ [1408917600000,71.82],
+ [1409004000000,71.53],
+ [1409090400000,71.55],
+ [1409176800000,71.37],
+ [1409263200000,71.90],
+ [1409608800000,72.10],
+ [1409695200000,72.43],
+ [1409781600000,72.45],
+ [1409868000000,73.13],
+ [1410127200000,73.39],
+ [1410213600000,72.42],
+ [1410300000000,72.33],
+ [1410386400000,72.42],
+ [1410472800000,70.98],
+ [1410732000000,70.27],
+ [1410818400000,70.73],
+ [1410904800000,67.30],
+ [1410991200000,67.91],
+ [1411077600000,66.94],
+ [1411336800000,67.20],
+ [1411423200000,67.79],
+ [1411509600000,69.03],
+ [1411596000000,67.71],
+ [1411682400000,68.36],
+ [1411941600000,69.22],
+ [1412028000000,69.19],
+ [1412114400000,67.54],
+ [1412200800000,67.06],
+ [1412287200000,68.40],
+ [1412546400000,67.67],
+ [1412632800000,65.96],
+ [1412719200000,67.99],
+ [1412805600000,65.66],
+ [1412892000000,63.29],
+ [1413151200000,61.68],
+ [1413237600000,60.88],
+ [1413324000000,62.19],
+ [1413410400000,62.86],
+ [1413496800000,64.52],
+ [1413756000000,64.68],
+ [1413842400000,66.42],
+ [1413928800000,65.04],
+ [1414015200000,65.92],
+ [1414101600000,67.01],
+ [1414364400000,67.03],
+ [1414450800000,68.37],
+ [1414537200000,67.93],
+ [1414623600000,68.57],
+ [1414710000000,70.12],
+ [1414969200000,69.91],
+ [1415055600000,71.07],
+ [1415142000000,71.37],
+ [1415228400000,72.10],
+ [1415314800000,71.60],
+ [1415574000000,71.70],
+ [1415660400000,71.70],
+ [1415746800000,71.41],
+ [1415833200000,71.72],
+ [1415919600000,71.42],
+ [1416178800000,69.97],
+ [1416265200000,70.83],
+ [1416351600000,70.82],
+ [1416438000000,70.44],
+ [1416524400000,71.32],
+ [1416783600000,71.22],
+ [1416870000000,72.00],
+ [1416956400000,72.98],
+ [1417129200000,73.68],
+ [1417388400000,73.75],
+ [1417474800000,73.47],
+ [1417561200000,73.18],
+ [1417647600000,73.03],
+ [1417734000000,72.40],
+ [1417993200000,72.05],
+ [1418079600000,71.56],
+ [1418166000000,69.85],
+ [1418252400000,69.74],
+ [1418338800000,76.02],
+ [1418598000000,73.04],
+ [1418684400000,72.32],
+ [1418770800000,74.00],
+ [1418857200000,74.89],
+ [1418943600000,74.45],
+ [1419202800000,74.50],
+ [1419289200000,74.38],
+ [1419375600000,74.74],
+ [1419548400000,74.67],
+ [1419807600000,74.13],
+ [1419894000000,73.08],
+ [1419980400000,72.70],
+ [1420153200000,72.34],
+ [1420412400000,71.98],
+ [1420498800000,70.53],
+ [1420585200000,71.11],
+ [1420671600000,72.92],
+ [1420758000000,71.84],
+ [1421017200000,71.12],
+ [1421103600000,70.59],
+ [1421190000000,69.99],
+ [1421276400000,70.29],
+ [1421362800000,71.73],
+ [1421708400000,71.49],
+ [1421794800000,71.54],
+ [1421881200000,73.48],
+ [1421967600000,74.06],
+ [1422226800000,72.74],
+ [1422313200000,71.46],
+ [1422399600000,70.25],
+ [1422486000000,71.64],
+ [1422572400000,70.13],
+ [1422831600000,71.11],
+ [1422918000000,71.92],
+ [1423004400000,72.28],
+ [1423090800000,73.10],
+ [1423177200000,72.54],
+ [1423436400000,72.33],
+ [1423522800000,72.76],
+ [1423609200000,73.01],
+ [1423695600000,74.59],
+ [1423782000000,76.51],
+ [1424127600000,77.13],
+ [1424214000000,77.73],
+ [1424300400000,77.73],
+ [1424386800000,78.55],
+ [1424646000000,78.10],
+ [1424732400000,77.68],
+ [1424818800000,78.07],
+ [1424905200000,78.96],
+ [1424991600000,79.10],
+ [1425250800000,79.79],
+ [1425337200000,78.99],
+ [1425423600000,77.63],
+ [1425510000000,78.62],
+ [1425596400000,77.55],
+ [1425855600000,77.93],
+ [1425942000000,76.00],
+ [1426028400000,76.01],
+ [1426114800000,77.40],
+ [1426201200000,77.62],
+ [1426460400000,78.33],
+ [1426546800000,79.66],
+ [1426633200000,76.89],
+ [1426719600000,77.14],
+ [1426806000000,77.36],
+ [1427065200000,76.35],
+ [1427151600000,75.45],
+ [1427238000000,73.13],
+ [1427324400000,72.97],
+ [1427410800000,73.31],
+ [1427666400000,73.60],
+ [1427752800000,73.94],
+ [1427839200000,75.07],
+ [1427925600000,75.68],
+ [1428271200000,76.23],
+ [1428357600000,75.65],
+ [1428444000000,75.44],
+ [1428530400000,76.33],
+ [1428616800000,76.53],
+ [1428876000000,76.02],
+ [1428962400000,75.95],
+ [1429048800000,76.03],
+ [1429135200000,75.15],
+ [1429221600000,73.15],
+ [1429480800000,73.92],
+ [1429567200000,74.62],
+ [1429653600000,75.50],
+ [1429740000000,76.52],
+ [1429826400000,76.54],
+ [1430085600000,76.55],
+ [1430172000000,76.02],
+ [1430258400000,76.65],
+ [1430344800000,76.06],
+ [1430431200000,76.43],
+ [1430690400000,75.85],
+ [1430776800000,75.00],
+ [1430863200000,74.48],
+ [1430949600000,74.73],
+ [1431036000000,76.31],
+ [1431295200000,76.78],
+ [1431381600000,76.57],
+ [1431468000000,77.08],
+ [1431554400000,79.43],
+ [1431640800000,78.92],
+ [1431900000000,79.41],
+ [1431986400000,79.62],
+ [1432072800000,79.61],
+ [1432159200000,80.56],
+ [1432245600000,80.04],
+ [1432591200000,79.36],
+ [1432677600000,80.16],
+ [1432764000000,80.02],
+ [1432850400000,79.09],
+ [1433109600000,79.87],
+ [1433196000000,79.82],
+ [1433282400000,80.13],
+ [1433368800000,78.75],
+ [1433455200000,78.86],
+ [1433714400000,78.16],
+ [1433800800000,77.90],
+ [1433887200000,79.56],
+ [1433973600000,79.65],
+ [1434060000000,79.86],
+ [1434319200000,78.90],
+ [1434405600000,79.94],
+ [1434492000000,77.91],
+ [1434578400000,79.39],
+ [1434664800000,79.70],
+ [1434924000000,82.28],
+ [1435010400000,83.55],
+ [1435096800000,83.40],
+ [1435183200000,83.94],
+ [1435269600000,82.74],
+ [1435528800000,81.28],
+ [1435615200000,81.01],
+ [1435701600000,80.94],
+ [1435788000000,80.75],
+ [1436133600000,80.50],
+ [1436220000000,80.59],
+ [1436306400000,79.99],
+ [1436392800000,80.47],
+ [1436479200000,80.59],
+ [1436738400000,81.44],
+ [1436824800000,81.89],
+ [1436911200000,82.12],
+ [1436997600000,82.52],
+ [1437084000000,82.10],
+ [1437343200000,82.09],
+ [1437429600000,81.19],
+ [1437516000000,80.73],
+ [1437602400000,80.64],
+ [1437688800000,80.98],
+ [1437948000000,79.93],
+ [1438034400000,80.59],
+ [1438120800000,80.25],
+ [1438207200000,81.29],
+ [1438293600000,81.99],
+ [1438552800000,81.40],
+ [1438639200000,82.06],
+ [1438725600000,83.38],
+ [1438812000000,82.19],
+ [1438898400000,82.69],
+ [1439157600000,83.62],
+ [1439244000000,83.90],
+ [1439330400000,83.82],
+ [1439416800000,84.31],
+ [1439503200000,86.12],
+ [1439762400000,86.77],
+ [1439848800000,86.45],
+ [1439935200000,85.48],
+ [1440021600000,82.69]
+]
+
+
+
+
+
+
+
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/stock-prices.js b/public/ThirdParty/apexcharts-bundle/samples/assets/stock-prices.js
new file mode 100644
index 0000000000000000000000000000000000000000..bf174d9483ed9d238143ce84c3d269dd9a9f9180
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/assets/stock-prices.js
@@ -0,0 +1,347 @@
+var series =
+{
+ "monthDataSeries1": {
+ "prices": [
+ 8107.85,
+ 8128.0,
+ 8122.9,
+ 8165.5,
+ 8340.7,
+ 8423.7,
+ 8423.5,
+ 8514.3,
+ 8481.85,
+ 8487.7,
+ 8506.9,
+ 8626.2,
+ 8668.95,
+ 8602.3,
+ 8607.55,
+ 8512.9,
+ 8496.25,
+ 8600.65,
+ 8881.1,
+ 9340.85
+ ],
+ "dates": [
+ "13 Nov 2017",
+ "14 Nov 2017",
+ "15 Nov 2017",
+ "16 Nov 2017",
+ "17 Nov 2017",
+ "20 Nov 2017",
+ "21 Nov 2017",
+ "22 Nov 2017",
+ "23 Nov 2017",
+ "24 Nov 2017",
+ "27 Nov 2017",
+ "28 Nov 2017",
+ "29 Nov 2017",
+ "30 Nov 2017",
+ "01 Dec 2017",
+ "04 Dec 2017",
+ "05 Dec 2017",
+ "06 Dec 2017",
+ "07 Dec 2017",
+ "08 Dec 2017"
+ ]
+ },
+ "monthDataSeries2": {
+ "prices": [
+ 8423.7,
+ 8423.5,
+ 8514.3,
+ 8481.85,
+ 8487.7,
+ 8506.9,
+ 8626.2,
+ 8668.95,
+ 8602.3,
+ 8607.55,
+ 8512.9,
+ 8496.25,
+ 8600.65,
+ 8881.1,
+ 9040.85,
+ 8340.7,
+ 8165.5,
+ 8122.9,
+ 8107.85,
+ 8128.0
+ ],
+ "dates": [
+ "13 Nov 2017",
+ "14 Nov 2017",
+ "15 Nov 2017",
+ "16 Nov 2017",
+ "17 Nov 2017",
+ "20 Nov 2017",
+ "21 Nov 2017",
+ "22 Nov 2017",
+ "23 Nov 2017",
+ "24 Nov 2017",
+ "27 Nov 2017",
+ "28 Nov 2017",
+ "29 Nov 2017",
+ "30 Nov 2017",
+ "01 Dec 2017",
+ "04 Dec 2017",
+ "05 Dec 2017",
+ "06 Dec 2017",
+ "07 Dec 2017",
+ "08 Dec 2017"
+ ]
+ },
+ "monthDataSeries3": {
+ "prices": [
+ 7114.25,
+ 7126.6,
+ 7116.95,
+ 7203.7,
+ 7233.75,
+ 7451.0,
+ 7381.15,
+ 7348.95,
+ 7347.75,
+ 7311.25,
+ 7266.4,
+ 7253.25,
+ 7215.45,
+ 7266.35,
+ 7315.25,
+ 7237.2,
+ 7191.4,
+ 7238.95,
+ 7222.6,
+ 7217.9,
+ 7359.3,
+ 7371.55,
+ 7371.15,
+ 7469.2,
+ 7429.25,
+ 7434.65,
+ 7451.1,
+ 7475.25,
+ 7566.25,
+ 7556.8,
+ 7525.55,
+ 7555.45,
+ 7560.9,
+ 7490.7,
+ 7527.6,
+ 7551.9,
+ 7514.85,
+ 7577.95,
+ 7592.3,
+ 7621.95,
+ 7707.95,
+ 7859.1,
+ 7815.7,
+ 7739.0,
+ 7778.7,
+ 7839.45,
+ 7756.45,
+ 7669.2,
+ 7580.45,
+ 7452.85,
+ 7617.25,
+ 7701.6,
+ 7606.8,
+ 7620.05,
+ 7513.85,
+ 7498.45,
+ 7575.45,
+ 7601.95,
+ 7589.1,
+ 7525.85,
+ 7569.5,
+ 7702.5,
+ 7812.7,
+ 7803.75,
+ 7816.3,
+ 7851.15,
+ 7912.2,
+ 7972.8,
+ 8145.0,
+ 8161.1,
+ 8121.05,
+ 8071.25,
+ 8088.2,
+ 8154.45,
+ 8148.3,
+ 8122.05,
+ 8132.65,
+ 8074.55,
+ 7952.8,
+ 7885.55,
+ 7733.9,
+ 7897.15,
+ 7973.15,
+ 7888.5,
+ 7842.8,
+ 7838.4,
+ 7909.85,
+ 7892.75,
+ 7897.75,
+ 7820.05,
+ 7904.4,
+ 7872.2,
+ 7847.5,
+ 7849.55,
+ 7789.6,
+ 7736.35,
+ 7819.4,
+ 7875.35,
+ 7871.8,
+ 8076.5,
+ 8114.8,
+ 8193.55,
+ 8217.1,
+ 8235.05,
+ 8215.3,
+ 8216.4,
+ 8301.55,
+ 8235.25,
+ 8229.75,
+ 8201.95,
+ 8164.95,
+ 8107.85,
+ 8128.0,
+ 8122.9,
+ 8165.5,
+ 8340.7,
+ 8423.7,
+ 8423.5,
+ 8514.3,
+ 8481.85,
+ 8487.7,
+ 8506.9,
+ 8626.2
+ ],
+ "dates": [
+ "02 Jun 2017",
+ "05 Jun 2017",
+ "06 Jun 2017",
+ "07 Jun 2017",
+ "08 Jun 2017",
+ "09 Jun 2017",
+ "12 Jun 2017",
+ "13 Jun 2017",
+ "14 Jun 2017",
+ "15 Jun 2017",
+ "16 Jun 2017",
+ "19 Jun 2017",
+ "20 Jun 2017",
+ "21 Jun 2017",
+ "22 Jun 2017",
+ "23 Jun 2017",
+ "27 Jun 2017",
+ "28 Jun 2017",
+ "29 Jun 2017",
+ "30 Jun 2017",
+ "03 Jul 2017",
+ "04 Jul 2017",
+ "05 Jul 2017",
+ "06 Jul 2017",
+ "07 Jul 2017",
+ "10 Jul 2017",
+ "11 Jul 2017",
+ "12 Jul 2017",
+ "13 Jul 2017",
+ "14 Jul 2017",
+ "17 Jul 2017",
+ "18 Jul 2017",
+ "19 Jul 2017",
+ "20 Jul 2017",
+ "21 Jul 2017",
+ "24 Jul 2017",
+ "25 Jul 2017",
+ "26 Jul 2017",
+ "27 Jul 2017",
+ "28 Jul 2017",
+ "31 Jul 2017",
+ "01 Aug 2017",
+ "02 Aug 2017",
+ "03 Aug 2017",
+ "04 Aug 2017",
+ "07 Aug 2017",
+ "08 Aug 2017",
+ "09 Aug 2017",
+ "10 Aug 2017",
+ "11 Aug 2017",
+ "14 Aug 2017",
+ "16 Aug 2017",
+ "17 Aug 2017",
+ "18 Aug 2017",
+ "21 Aug 2017",
+ "22 Aug 2017",
+ "23 Aug 2017",
+ "24 Aug 2017",
+ "28 Aug 2017",
+ "29 Aug 2017",
+ "30 Aug 2017",
+ "31 Aug 2017",
+ "01 Sep 2017",
+ "04 Sep 2017",
+ "05 Sep 2017",
+ "06 Sep 2017",
+ "07 Sep 2017",
+ "08 Sep 2017",
+ "11 Sep 2017",
+ "12 Sep 2017",
+ "13 Sep 2017",
+ "14 Sep 2017",
+ "15 Sep 2017",
+ "18 Sep 2017",
+ "19 Sep 2017",
+ "20 Sep 2017",
+ "21 Sep 2017",
+ "22 Sep 2017",
+ "25 Sep 2017",
+ "26 Sep 2017",
+ "27 Sep 2017",
+ "28 Sep 2017",
+ "29 Sep 2017",
+ "03 Oct 2017",
+ "04 Oct 2017",
+ "05 Oct 2017",
+ "06 Oct 2017",
+ "09 Oct 2017",
+ "10 Oct 2017",
+ "11 Oct 2017",
+ "12 Oct 2017",
+ "13 Oct 2017",
+ "16 Oct 2017",
+ "17 Oct 2017",
+ "18 Oct 2017",
+ "19 Oct 2017",
+ "23 Oct 2017",
+ "24 Oct 2017",
+ "25 Oct 2017",
+ "26 Oct 2017",
+ "27 Oct 2017",
+ "30 Oct 2017",
+ "31 Oct 2017",
+ "01 Nov 2017",
+ "02 Nov 2017",
+ "03 Nov 2017",
+ "06 Nov 2017",
+ "07 Nov 2017",
+ "08 Nov 2017",
+ "09 Nov 2017",
+ "10 Nov 2017",
+ "13 Nov 2017",
+ "14 Nov 2017",
+ "15 Nov 2017",
+ "16 Nov 2017",
+ "17 Nov 2017",
+ "20 Nov 2017",
+ "21 Nov 2017",
+ "22 Nov 2017",
+ "23 Nov 2017",
+ "24 Nov 2017",
+ "27 Nov 2017",
+ "28 Nov 2017"
+ ]
+ }
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/assets/styles.css b/public/ThirdParty/apexcharts-bundle/samples/assets/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..ad891aaaab0738e9ddb4c414448d00188e159dd9
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/assets/styles.css
@@ -0,0 +1,58 @@
+/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,600,700');*/
+
+* {
+ font-family: Arial;
+}
+
+body {
+ height: 100vh;
+ background: #f9f9f9;
+}
+
+#chart, .chart-box {
+ padding-top: 20px;
+ padding-left: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0,0,0, 0.1);
+}
+
+select.flat-select {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ background: #008FFB url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'60px\' height=\'60px\'><polyline fill=\'white\' points=\'46.139,15.518 25.166,36.49 4.193,15.519\'/></svg>") no-repeat scroll right 2px top 9px / 16px 16px;
+ border: 0 none;
+ border-radius: 3px;
+ color: #fff;
+ font-family: arial,tahoma;
+ font-size: 16px;
+ font-weight: bold;
+ outline: 0 none;
+ height: 33px;
+ padding: 5px 20px 5px 10px;
+ text-align: center;
+ text-indent: 0.01px;
+ text-overflow: "";
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ transition: all 0.3s ease 0s;
+ width: auto;
+ -webkit-transition: 0.3s ease all;
+ -moz-transition: 0.3s ease all;
+ -ms-transition: 0.3s ease all;
+ -o-transition: 0.3s ease all;
+ transition: 0.3s ease all;
+ }
+ select.flat-select:focus, select.flat-select:hover {
+ border: 0;
+ outline: 0;
+ }
+
+
+.apexcharts-canvas {
+ margin: 0 auto;
+}
+
+#html {
+ display: none;
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/area/area-datetime.html b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-datetime.html
new file mode 100644
index 0000000000000000000000000000000000000000..06a8b55d2e21ff354a7587289b6837a51b4cbaff
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-datetime.html
@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area Chart - Datetime X-Axis</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .toolbar {
+ margin-left: 45px;
+ }
+
+ button {
+ background: #fff;
+ color: #222;
+ border: 1px solid #e7e7e7;
+ border-bottom: 2px solid #ddd;
+ border-radius: 2px;
+ padding: 4px 17px;
+ }
+
+ button.active {
+ color: #fff;
+ background: #008FFB;
+ border: 1px solid blue;
+ border-bottom: 2px solid blue;
+ }
+
+ button:focus {
+ outline: 0;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <div className="toolbar"> <button onClick={()=>this.updateData('one_month')} id="one_month" className={ (this.state.selection==='one_month' ? 'active' : '')}>1M</button> <button onClick={()=>this.updateData('six_months')} id="six_months" className={ (this.state.selection==='six_months' ? 'active' : '')}>6M</button> <button onClick={()=>this.updateData('one_year')} id="one_year" className={ (this.state.selection==='one_year' ? 'active' : '')}>1Y</button> <button onClick={()=>this.updateData('ytd')} id="ytd" className={ (this.state.selection==='ytd' ? 'active' : '')}>YTD</button> <button onClick={()=>this.updateData('all')} id="all" className={ (this.state.selection==='all' ? 'active' : '')}>ALL</button> </div> <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" /> </div>
+ </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/series1000.js"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class AreaChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ selection: 'one_year',
+ options: {
+ annotations: {
+ yaxis: [{
+ y: 30,
+ borderColor: '#999',
+ label: {
+ show: true,
+ text: 'Support',
+ style: {
+ color: "#fff",
+ background: '#00E396'
+ }
+ }
+ }],
+ xaxis: [{
+ x: new Date('14 Nov 2012').getTime(),
+ borderColor: '#999',
+ yAxisIndex: 0,
+ label: {
+ show: true,
+ text: 'Rally',
+ style: {
+ color: "#fff",
+ background: '#775DD0'
+ }
+ }
+ }]
+ },
+ dataLabels: {
+ enabled: false
+ },
+ markers: {
+ size: 0,
+ style: 'hollow',
+ },
+ xaxis: {
+ type: 'datetime',
+ min: new Date('01 Mar 2012').getTime(),
+ tickAmount: 6,
+ },
+ tooltip: {
+ x: {
+ format: 'dd MMM yyyy'
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ opacityFrom: 0.7,
+ opacityTo: 0.9,
+ stops: [0, 100]
+ }
+ }
+ },
+ series: [{
+ data: dateSeries1
+ }],
+ }
+
+ }
+
+ updateData (timeline) {
+ this.setState({
+ selection: timeline
+ })
+
+ switch (timeline) {
+ case 'one_month':
+ this.setState({
+ options: {
+ xaxis: {
+ min: new Date('28 Jan 2013').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ }
+ })
+ break;
+ case 'six_months':
+ this.setState({
+ options: {
+ xaxis: {
+ min: new Date('27 Sep 2012').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ }
+ })
+ break;
+ case 'one_year':
+ this.setState({
+ options: {
+ xaxis: {
+ min: new Date('27 Feb 2012').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ }
+ })
+ break;
+ case 'ytd':
+ this.setState({
+ options: {
+ xaxis: {
+ min: new Date('01 Jan 2013').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ }
+ })
+ break;
+ case 'all':
+ this.setState({
+ options: {
+ xaxis: {
+ min: undefined,
+ max: undefined,
+ }
+ }
+ })
+ break;
+ default:
+
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <div className="toolbar">
+ <button onClick={()=>this.updateData('one_month')} id="one_month" className={ (this.state.selection==='one_month' ? 'active' : '')}>1M</button>
+ <button onClick={()=>this.updateData('six_months')} id="six_months" className={ (this.state.selection==='six_months' ? 'active' : '')}>6M</button>
+ <button onClick={()=>this.updateData('one_year')} id="one_year" className={ (this.state.selection==='one_year' ? 'active' : '')}>1Y</button>
+ <button onClick={()=>this.updateData('ytd')} id="ytd" className={ (this.state.selection==='ytd' ? 'active' : '')}>YTD</button>
+ <button onClick={()=>this.updateData('all')} id="all" className={ (this.state.selection==='all' ? 'active' : '')}>ALL</button>
+ </div>
+ <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+ </div>
+ <div id="html-dist">
+
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/area/area-github-style.html b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-github-style.html
new file mode 100644
index 0000000000000000000000000000000000000000..69b24216d92e8e36dd0a9a8ece7cec5eb1bf001f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-github-style.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Syncing charts</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #wrapper {
+ padding-top: 20px;
+ padding-left: 10px;
+ padding-right: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .github-style {
+ clear: both;
+ font-weight: 400;
+ height: 40px;
+ margin-left: 6px;
+ }
+
+ .github-style a {
+ color: #0366d6;
+ font-size: 18px;
+ }
+
+ .github-style .cmeta {
+ display: block;
+ color: #777;
+ font-weight: 400;
+ }
+
+ .github-style .userimg {
+ float: left;
+ display: block;
+ border-radius: 3px;
+ }
+
+ .github-style .userdetails {
+ float: left;
+ margin-left: 10px;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="wrapper"> <div id="chart-area"> <ReactApexChart options={this.state.chartOptionsYears} series={this.state.series} type="area" height="160" /> </div> <h5 className="github-style"> <img className="userimg" src="https://picsum.photos/200/200/?image=1031" data-hovercard-user-id="634573" className="avatar float-left mr-2" alt="" width="38" height="38" /> <div className="userdetails"> <a className="username">coder</a> <span className="cmeta"> <span className="commits"></span> commits </span> </div> </h5> <div id="chart-area2"> <ReactApexChart options={this.state.chartOptionsMonths} series={this.state.series} type="area" height="200" /> </div> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/github-data.js"></script>
+
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class AreaChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ chartOptionsYears: {
+ chart: {
+ id: 'chartyear',
+ background: '#F6F8FA',
+ toolbar: {
+ show: false,
+ autoSelected: 'pan'
+ },
+ events: {
+ mounted: function (chart) {
+ var commitsEl = document.querySelector('p span.commits');
+ var commits = chart.getSeriesTotalXRange(chart.w.globals.minX, chart.w.globals.maxX)
+
+ commitsEl.innerHTML = commits
+ },
+ updated: function (chart) {
+ var commitsEl = document.querySelector('.cmeta span.commits');
+ var commits = chart.getSeriesTotalXRange(chart.w.globals.minX, chart.w.globals.maxX)
+
+ commitsEl.innerHTML = commits
+ }
+ }
+ },
+ colors: ['#FF7F00'],
+ stroke: {
+ width: 0,
+ curve: 'smooth'
+ },
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ opacity: 1,
+ type: 'solid'
+ },
+ series: [{
+ name: 'commits',
+ data: githubdata.series
+ }],
+ yaxis: {
+ tickAmount: 3,
+ labels: {
+ show: false
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ }
+ },
+ chartOptionsMonths: {
+ chart: {
+ background: '#F6F8FA',
+ toolbar: {
+ autoSelected: 'selection',
+ },
+ brush: {
+ enabled: true,
+ target: 'chartyear'
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('05 Jan 2014').getTime(),
+ max: new Date('04 Jan 2015').getTime()
+ }
+ },
+ },
+ colors: ['#7BD39A'],
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 0,
+ curve: 'smooth'
+ },
+
+ series: [{
+ name: 'commits',
+ data: githubdata.series
+ }],
+ fill: {
+ opacity: 1,
+ type: 'solid'
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ },
+ series: [{
+ data: githubdata.series
+ }]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="wrapper">
+ <div id="chart-area">
+ <ReactApexChart options={this.state.chartOptionsYears} series={this.state.series} type="area" height="160" />
+ </div>
+ <h5 className="github-style">
+ <img src="https://picsum.photos/200/200/?image=1031" data-hovercard-user-id="634573" className="userimg avatar float-left mr-2"
+ alt="" width="38" height="38" />
+ <div className="userdetails">
+ <a className="username">coder</a>
+ <span className="cmeta">
+ <span className="commits"></span> commits
+ </span>
+ </div>
+ </h5>
+
+ <div id="chart-area2">
+ <ReactApexChart options={this.state.chartOptionsMonths} series={this.state.series} type="area" height="200" />
+ </div>
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/area/area-spline.html b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-spline.html
new file mode 100644
index 0000000000000000000000000000000000000000..aeec3642a909e818d80d51709b5b25ceac0f3956
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-spline.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area Spline</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class AreaChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+
+
+ xaxis: {
+ type: 'datetime',
+ categories: ["2018-09-19T00:00:00", "2018-09-19T01:30:00", "2018-09-19T02:30:00",
+ "2018-09-19T03:30:00", "2018-09-19T04:30:00", "2018-09-19T05:30:00",
+ "2018-09-19T06:30:00"
+ ],
+ },
+ tooltip: {
+ x: {
+ format: 'dd/MM/yy HH:mm'
+ },
+ }
+ },
+ series: [{
+ name: 'series1',
+ data: [31, 40, 28, 51, 42, 109, 100]
+ }, {
+ name: 'series2',
+ data: [11, 32, 45, 32, 34, 52, 41]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/area/area-with-missing-data.html b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-with-missing-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..4eb6f3765e81ace1af2ab9e498905570c6ac4a6a
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-with-missing-data.html
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area with missing data</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class AreaChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ animations: {
+ enabled: false
+ },
+ zoom: {
+ enabled: false
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+
+ fill: {
+ opacity: 0.8,
+ type: 'pattern',
+ pattern: {
+ style: ['verticalLines', 'horizontalLines'],
+ width: 5,
+ depth: 6
+ },
+ },
+ markers: {
+ size: 5,
+ hover: {
+ size: 9
+ }
+ },
+ title: {
+ text: 'Network Monitoring',
+ },
+ tooltip: {
+ intersect: true,
+ shared: false
+ },
+ theme: {
+ palette: 'palette1'
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+ yaxis: {
+ title: {
+ text: 'Bytes Received'
+ }
+ }
+ },
+ series: [{
+ name: 'Network',
+ data: [{
+ x: 'Dec 23 2017',
+ y: null
+ },
+ {
+ x: 'Dec 24 2017',
+ y: 44
+ },
+ {
+ x: 'Dec 25 2017',
+ y: 31
+ },
+ {
+ x: 'Dec 26 2017',
+ y: 38
+ },
+ {
+ x: 'Dec 27 2017',
+ y: null
+ },
+ {
+ x: 'Dec 28 2017',
+ y: 32
+ },
+ {
+ x: 'Dec 29 2017',
+ y: 55
+ },
+ {
+ x: 'Dec 30 2017',
+ y: 51
+ },
+ {
+ x: 'Dec 31 2017',
+ y: 67
+ },
+ {
+ x: 'Jan 01 2018',
+ y: 22
+ },
+ {
+ x: 'Jan 02 2018',
+ y: 34
+ },
+ {
+ x: 'Jan 03 2018',
+ y: null
+ },
+ {
+ x: 'Jan 04 2018',
+ y: null
+ },
+ {
+ x: 'Jan 05 2018',
+ y: 11
+ },
+ {
+ x: 'Jan 06 2018',
+ y: 4
+ },
+ {
+ x: 'Jan 07 2018',
+ y: 15,
+ },
+ {
+ x: 'Jan 08 2018',
+ y: null
+ },
+ {
+ x: 'Jan 09 2018',
+ y: 9
+ },
+ {
+ x: 'Jan 10 2018',
+ y: 34
+ },
+ {
+ x: 'Jan 11 2018',
+ y: null
+ },
+ {
+ x: 'Jan 12 2018',
+ y: null
+ },
+ {
+ x: 'Jan 13 2018',
+ y: 13
+ },
+ {
+ x: 'Jan 14 2018',
+ y: null
+ }
+ ],
+ }]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/area/area-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..c44125c900cc866f81908959ae24c473638737ce
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/area/area-with-negative.html
@@ -0,0 +1,302 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area with Negative - Stacked</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class AreaChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+
+ title: {
+ text: 'Area with Negative Values',
+ align: 'left',
+ style: {
+ fontSize: '14px'
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ yaxis: {
+ tickAmount: 4,
+ floating: false,
+
+ labels: {
+ style: {
+ color: '#8e8da4',
+ },
+ offsetY: -7,
+ offsetX: 0,
+ },
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ fill: {
+ opacity: 0.5,
+ },
+ tooltip: {
+ x: {
+ format: "yyyy",
+ },
+ fixed: {
+ enabled: false,
+ position: 'topRight'
+ }
+ },
+ grid: {
+ yaxis: {
+ lines: {
+ offsetX: -30
+ }
+ },
+ padding: {
+ left: 20
+ }
+ }
+ },
+ series: [{
+ name: 'north',
+ data: [{
+ x: 1996,
+ y: 322
+ },
+ {
+ x: 1997,
+ y: 324
+ },
+ {
+ x: 1998,
+ y: 329
+ },
+ {
+ x: 1999,
+ y: 342
+ },
+ {
+ x: 2000,
+ y: 348
+ },
+ {
+ x: 2001,
+ y: 334
+ },
+ {
+ x: 2002,
+ y: 325
+ },
+ {
+ x: 2003,
+ y: 316
+ },
+ {
+ x: 2004,
+ y: 318
+ },
+ {
+ x: 2005,
+ y: 330
+ },
+ {
+ x: 2006,
+ y: 355
+ },
+ {
+ x: 2007,
+ y: 366
+ },
+ {
+ x: 2008,
+ y: 337
+ },
+ {
+ x: 2009,
+ y: 352
+ },
+ {
+ x: 2010,
+ y: 377
+ },
+ {
+ x: 2011,
+ y: 383
+ },
+ {
+ x: 2012,
+ y: 344
+ },
+ {
+ x: 2013,
+ y: 366
+ },
+ {
+ x: 2014,
+ y: 389
+ },
+ {
+ x: 2015,
+ y: 334
+ }
+ ]
+ }, {
+ name: 'south',
+ data: [
+
+ {
+ x: 1996,
+ y: 162
+ },
+ {
+ x: 1997,
+ y: 90
+ },
+ {
+ x: 1998,
+ y: 50
+ },
+ {
+ x: 1999,
+ y: 77
+ },
+ {
+ x: 2000,
+ y: 35
+ },
+ {
+ x: 2001,
+ y: -45
+ },
+ {
+ x: 2002,
+ y: -88
+ },
+ {
+ x: 2003,
+ y: -120
+ },
+ {
+ x: 2004,
+ y: -156
+ },
+ {
+ x: 2005,
+ y: -123
+ },
+ {
+ x: 2006,
+ y: -88
+ },
+ {
+ x: 2007,
+ y: -66
+ },
+ {
+ x: 2008,
+ y: -45
+ },
+ {
+ x: 2009,
+ y: -29
+ },
+ {
+ x: 2010,
+ y: -45
+ },
+ {
+ x: 2011,
+ y: -88
+ },
+ {
+ x: 2012,
+ y: -132
+ },
+ {
+ x: 2013,
+ y: -146
+ },
+ {
+ x: 2014,
+ y: -169
+ },
+ {
+ x: 2015,
+ y: -184
+ }
+ ]
+ }]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+ </script>
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/area/basic-area.html b/public/ThirdParty/apexcharts-bundle/samples/react/area/basic-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..46a4f7377d559e8b575887cbb7e98e6b3d62e935
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/area/basic-area.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/stock-prices.js"></script>
+
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class AreaChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: "STOCK ABC",
+ data: series.monthDataSeries1.prices
+ }],
+ title: {
+ text: 'Fundamental Analysis of Stocks',
+ align: 'left'
+ },
+ subtitle: {
+ text: 'Price Movements',
+ align: 'left'
+ },
+ labels: series.monthDataSeries1.dates,
+ xaxis: {
+ type: 'datetime',
+ },
+ yaxis: {
+ opposite: true
+ },
+ legend: {
+ horizontalAlign: 'left'
+ }
+ },
+ series: [{
+ name: "STOCK ABC",
+ data: series.monthDataSeries1.prices
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+ </script>
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/area/stacked-area.html b/public/ThirdParty/apexcharts-bundle/samples/react/area/stacked-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..3ec9859363376c0c36f425687a06441764740642
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/area/stacked-area.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ var generateDayWiseTimeSeries = function (baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ class AreaChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: true,
+ events: {
+ selection: function (chart, e) {
+ console.log(new Date(e.xaxis.min))
+ }
+ },
+ },
+ colors: ['#008FFB', '#00E396', '#CED4DC'],
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ opacityFrom: 0.6,
+ opacityTo: 0.8,
+ }
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ }
+ },
+ series: [
+ {
+ name: 'South',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'North',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 20
+ })
+ },
+ {
+ name: 'Central',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 15
+ })
+ }
+ ],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/area/timeseries-with-irregular-data.html b/public/ThirdParty/apexcharts-bundle/samples/react/area/timeseries-with-irregular-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..cd228039722db2108a8318fa4e3773c5163ddd53
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/area/timeseries-with-irregular-data.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>TimeSeries With Irregular Data</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/irregular-data-series.js"></script>
+
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ var ts1 = 1388534400000;
+ var ts2 = 1388620800000;
+ var ts3 = 1389052800000;
+
+ var dataSet = [[], [], []]
+
+ for (var i = 0; i < 12; i++) {
+ ts1 = ts1 + 86400000;
+ var innerArr = [ts1, dataSeries[2][i].value];
+ dataSet[0].push(innerArr)
+ }
+ for (var i = 0; i < 18; i++) {
+ ts2 = ts2 + 86400000;
+ var innerArr = [ts2, dataSeries[1][i].value];
+ dataSet[1].push(innerArr)
+ }
+ for (var i = 0; i < 12; i++) {
+ ts3 = ts3 + 86400000;
+ var innerArr = [ts3, dataSeries[0][i].value];
+ dataSet[2].push(innerArr)
+ }
+
+ class AreaChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: false,
+ zoom: {
+ enabled: false
+ },
+ },
+ plotOptions: {
+ line: {
+ curve: 'smooth',
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+
+ markers: {
+ size: 0,
+ style: 'full',
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ inverseColors: false,
+ opacityFrom: 0.45,
+ opacityTo: 0.05,
+ stops: [20, 100, 100, 100]
+ },
+ },
+ yaxis: {
+ labels: {
+ style: {
+ color: '#8e8da4',
+ },
+ offsetX: 0,
+ formatter: function (val) {
+ return (val / 1000000).toFixed(2);
+ },
+ },
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ tickAmount: 8,
+ min: new Date("01/01/2014").getTime(),
+ max: new Date("01/20/2014").getTime(),
+ labels: {
+ rotate: -15,
+ rotateAlways: true,
+ formatter: function (val, timestamp) {
+ return moment(new Date(timestamp)).format("DD MMM YYYY")
+ }
+ }
+ },
+ title: {
+ text: 'Irregular Data in Time Series',
+ align: 'left',
+ offsetX: 14
+ },
+ tooltip: {
+ shared: true
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ offsetX: -10
+ }
+ },
+ series: [{
+ name: 'PRODUCT A',
+ data: dataSet[0]
+ }, {
+ name: 'PRODUCT B',
+ data: dataSet[1]
+ }, {
+ name: 'PRODUCT C',
+ data: dataSet[2]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-custom-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-custom-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..39d1e414c0a5d174e3dddf3f835f484577436e5b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-custom-data-labels.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar with Custom DataLabels</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ bar: {
+ barHeight: '100%',
+ distributed: true,
+ horizontal: true,
+ dataLabels: {
+ position: 'bottom'
+ },
+ }
+ },
+ colors: ['#33b2df', '#546E7A', '#d4526e', '#13d8aa', '#A5978B', '#2b908f', '#f9a3a4', '#90ee7e',
+ '#f48024', '#69d2e7'
+ ],
+ dataLabels: {
+ enabled: true,
+ textAnchor: 'start',
+ style: {
+ colors: ['#fff']
+ },
+ formatter: function (val, opt) {
+ return opt.w.globals.labels[opt.dataPointIndex] + ": " + val
+ },
+ offsetX: 0,
+ dropShadow: {
+ enabled: true
+ }
+ },
+
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+ xaxis: {
+ categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan',
+ 'United States', 'China', 'India'
+ ],
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ },
+ title: {
+ text: 'Custom DataLabels',
+ align: 'center',
+ floating: true
+ },
+ subtitle: {
+ text: 'Category Names as DataLabels inside bars',
+ align: 'center',
+ },
+ tooltip: {
+ theme: 'dark',
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function () {
+ return ''
+ }
+ }
+ }
+ }
+ },
+ series: [{
+ data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+ }],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-images.html b/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-images.html
new file mode 100644
index 0000000000000000000000000000000000000000..ea2b7a0d07a4ab604c88016e67c6123faa7f0f10
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-images.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar Chart with Images</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ #apexcharts-canvas {
+ margin: 0 auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="410" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ animations: {
+ enabled: false
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '100%',
+
+ },
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ stroke: {
+ colors: ["#fff"],
+ width: 0.2
+ },
+ labels: Array.apply(null, {length: 39}).map(function(el, index){
+ return index + 1;
+ }),
+ yaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ labels: {
+ show: false
+ },
+ title: {
+ text: 'Weight',
+ },
+ },
+ grid: {
+ position: 'back'
+ },
+ title: {
+ text: 'Paths filled by clipped image',
+ align: 'right',
+ offsetY: 30
+ },
+ fill: {
+ type: 'image',
+ opacity: 0.87,
+ image: {
+ src: ['../../assets/images/4274635880_809a4b9d0d_z.jpg'],
+ width: 466,
+ height: 406
+ }
+ }
+ },
+ series: [{
+ name: 'coins',
+ data: [2, 4, 3, 4, 3, 5, 5, 6.5, 6, 5, 4, 5, 8, 7, 7, 8, 8, 10, 9, 9, 12, 12,
+ 11, 12, 13, 14, 16, 14, 15, 17, 19, 21
+ ]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="410" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..375524e2be4c138f24003c7c3b764a01120aef57
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-negative.html
@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart with Negative Values</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: true
+ },
+ colors: ['#008FFB', '#FF4560'],
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '80%',
+
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 1,
+ colors: ["#fff"]
+ },
+
+ grid: {
+ xaxis: {
+ showLines: false
+ }
+ },
+ yaxis: {
+ min: -5,
+ max: 5,
+ title: {
+ // text: 'Age',
+ },
+ },
+ tooltip: {
+ shared: false,
+ x: {
+ formatter: function (val) {
+ return val
+ }
+ },
+ y: {
+ formatter: function (val) {
+ return Math.abs(val) + "%"
+ }
+ }
+ },
+ title: {
+ text: 'Mauritius population pyramid 2011'
+ },
+ xaxis: {
+ categories: ['85+', '80-84', '75-79', '70-74', '65-69', '60-64', '55-59', '50-54', '45-49', '40-44', '35-39', '30-34', '25-29', '20-24', '15-19', '10-14', '5-9', '0-4'
+ ],
+ title: {
+ text: 'Percent'
+ },
+ labels: {
+ formatter: function (val) {
+ return Math.abs(Math.round(val)) + "%"
+ }
+ }
+ }
+ },
+ series: [
+ {
+ name: 'Males',
+ data: [0.4, 0.65, 0.76, 0.88, 1.5, 2.1, 2.9, 3.8, 3.9, 4.2, 4, 4.3, 4.1, 4.2, 4.5,
+ 3.9, 3.5, 3
+ ]
+ },
+ {
+ name: 'Females',
+ data: [-0.8, -1.05, -1.06, -1.18, -1.4, -2.2, -2.85, -3.7, -3.96, -4.22, -4.3, -4.4,
+ -4.1, -4, -4.1, -3.4, -3.1, -2.8
+ ]
+ }
+ ],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bar/basic-bar.html b/public/ThirdParty/apexcharts-bundle/samples/react/bar/basic-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..28bafb7109de3df65036f226f7d65df89580b7c2
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bar/basic-bar.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ xaxis: {
+ categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan',
+ 'United States', 'China', 'Germany'
+ ],
+ }
+ },
+ series: [{
+ data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bar/grouped-bar.html b/public/ThirdParty/apexcharts-bundle/samples/react/bar/grouped-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..7e6825362ff664a48dcdad06d337432f7f754e07
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bar/grouped-bar.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Grouped Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ dataLabels: {
+ position: 'top',
+ },
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ offsetX: -6,
+ style: {
+ fontSize: '12px',
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ show: true,
+ width: 1,
+ colors: ['#fff']
+ },
+
+ xaxis: {
+ categories: [2001, 2002, 2003, 2004, 2005, 2006, 2007],
+ }
+ },
+ series: [{
+ data: [44, 55, 41, 64, 22, 43, 21]
+ }, {
+ data: [53, 32, 33, 52, 13, 44, 32]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bar/patterned-bar.html b/public/ThirdParty/apexcharts-bundle/samples/react/bar/patterned-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..153f899326aad3d85758599455d4082d7f7e16ea
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bar/patterned-bar.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar Chart with Pattern Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: true,
+ shadow: {
+ enabled: true,
+ blur: 1,
+ opacity: 0.5
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '60%',
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 2,
+ },
+ title: {
+ text: 'Compare Sales Strategy'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+ },
+ yaxis: {
+ title: {
+ text: undefined
+ },
+ },
+ tooltip: {
+ shared: false,
+ y: {
+ formatter: function (val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ type: 'pattern',
+ opacity: 1,
+ pattern: {
+ style: ['circles', 'slantedLines', 'verticalLines', 'horizontalLines'],
+ }
+ },
+ states: {
+ hover: {
+ filter: 'none'
+ }
+ },
+ legend: {
+ position: 'right',
+ offsetY: 40
+ }
+ },
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ }, {
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ }, {
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ }, {
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bar/stacked-bar-100.html b/public/ThirdParty/apexcharts-bundle/samples/react/bar/stacked-bar-100.html
new file mode 100644
index 0000000000000000000000000000000000000000..2e69abc4af1998f4cf5debaeaa8c67c26570d835
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bar/stacked-bar-100.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: true,
+ stackType: '100%'
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ },
+ },
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+ title: {
+ text: '100% Stacked Bar'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+ },
+ tooltip: {
+ y: {
+ formatter: function (val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ opacity: 1
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ },
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ }, {
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ }, {
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ }, {
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ }, {
+ name: 'Reborn Kid',
+ data: [25, 12, 19, 32, 25, 24, 10]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bar/stacked-bar.html b/public/ThirdParty/apexcharts-bundle/samples/react/bar/stacked-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..6b3950291d7213720b37f3d7813a06a3131ab328
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bar/stacked-bar.html
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: true,
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ },
+
+ },
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+
+ title: {
+ text: 'Fiction Books Sales'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+ labels: {
+ formatter: function (val) {
+ return val + "K"
+ }
+ }
+ },
+ yaxis: {
+ title: {
+ text: undefined
+ },
+
+ },
+ tooltip: {
+ y: {
+ formatter: function (val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ opacity: 1
+
+ },
+
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ },
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ }, {
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ }, {
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ }, {
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ }, {
+ name: 'Reborn Kid',
+ data: [25, 12, 19, 32, 25, 24, 10]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bubble/3d-bubble.html b/public/ThirdParty/apexcharts-bundle/samples/react/bubble/3d-bubble.html
new file mode 100644
index 0000000000000000000000000000000000000000..a89eb339a3feb23a91084138138455a5774571ae
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bubble/3d-bubble.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>3d Bubble Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bubble" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ function generateData(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ //var x =Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+ var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+ series.push([baseval, y, z]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ class BubbleChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ type: 'gradient',
+ },
+ title: {
+ text: '3D Bubble Chart'
+ },
+ xaxis: {
+ tickAmount: 12,
+ type: 'datetime',
+
+ labels: {
+ rotate: 0,
+ }
+ },
+ yaxis: {
+ max: 70
+ },
+ theme: {
+ palette: 'palette2'
+ }
+ },
+ series: [
+ {
+ name: 'Product1',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product2',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product3',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product4',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }
+ ]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bubble" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BubbleChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/bubble/simple-bubble.html b/public/ThirdParty/apexcharts-bundle/samples/react/bubble/simple-bubble.html
new file mode 100644
index 0000000000000000000000000000000000000000..e2a5eac18b3974ccecc4af5251fe8e73971581e0
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/bubble/simple-bubble.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Bubble</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bubble" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ function generateData(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+ var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+ series.push([x, y, z]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ class BubbleChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+
+ fill: {
+ opacity: 0.8,
+ },
+ title: {
+ text: 'Simple Bubble Chart'
+ },
+ xaxis: {
+ tickAmount: 12,
+ type: 'category',
+ },
+ yaxis: {
+ max: 70
+ }
+ },
+ series: [
+ {
+ name: 'Bubble1',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble2',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble3',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble4',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }
+ ]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bubble" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BubbleChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/candlestick/basic.html b/public/ThirdParty/apexcharts-bundle/samples/react/candlestick/basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..b562145f5e094862902864572338c4f7572d2ffd
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/candlestick/basic.html
@@ -0,0 +1,323 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>CandleStick Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="candlestick" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class CandleStickChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ title: {
+ text: 'CandleStick Chart',
+ align: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: {
+ tooltip: {
+ enabled: true
+ }
+ }
+ },
+ series: [{
+ data: [{
+ x: new Date(1538778600000),
+ y: [6629.81, 6650.5, 6623.04, 6633.33]
+ },
+ {
+ x: new Date(1538780400000),
+ y: [6632.01, 6643.59, 6620, 6630.11]
+ },
+ {
+ x: new Date(1538782200000),
+ y: [6630.71, 6648.95, 6623.34, 6635.65]
+ },
+ {
+ x: new Date(1538784000000),
+ y: [6635.65, 6651, 6629.67, 6638.24]
+ },
+ {
+ x: new Date(1538785800000),
+ y: [6638.24, 6640, 6620, 6624.47]
+ },
+ {
+ x: new Date(1538787600000),
+ y: [6624.53, 6636.03, 6621.68, 6624.31]
+ },
+ {
+ x: new Date(1538789400000),
+ y: [6624.61, 6632.2, 6617, 6626.02]
+ },
+ {
+ x: new Date(1538791200000),
+ y: [6627, 6627.62, 6584.22, 6603.02]
+ },
+ {
+ x: new Date(1538793000000),
+ y: [6605, 6608.03, 6598.95, 6604.01]
+ },
+ {
+ x: new Date(1538794800000),
+ y: [6604.5, 6614.4, 6602.26, 6608.02]
+ },
+ {
+ x: new Date(1538796600000),
+ y: [6608.02, 6610.68, 6601.99, 6608.91]
+ },
+ {
+ x: new Date(1538798400000),
+ y: [6608.91, 6618.99, 6608.01, 6612]
+ },
+ {
+ x: new Date(1538800200000),
+ y: [6612, 6615.13, 6605.09, 6612]
+ },
+ {
+ x: new Date(1538802000000),
+ y: [6612, 6624.12, 6608.43, 6622.95]
+ },
+ {
+ x: new Date(1538803800000),
+ y: [6623.91, 6623.91, 6615, 6615.67]
+ },
+ {
+ x: new Date(1538805600000),
+ y: [6618.69, 6618.74, 6610, 6610.4]
+ },
+ {
+ x: new Date(1538807400000),
+ y: [6611, 6622.78, 6610.4, 6614.9]
+ },
+ {
+ x: new Date(1538809200000),
+ y: [6614.9, 6626.2, 6613.33, 6623.45]
+ },
+ {
+ x: new Date(1538811000000),
+ y: [6623.48, 6627, 6618.38, 6620.35]
+ },
+ {
+ x: new Date(1538812800000),
+ y: [6619.43, 6620.35, 6610.05, 6615.53]
+ },
+ {
+ x: new Date(1538814600000),
+ y: [6615.53, 6617.93, 6610, 6615.19]
+ },
+ {
+ x: new Date(1538816400000),
+ y: [6615.19, 6621.6, 6608.2, 6620]
+ },
+ {
+ x: new Date(1538818200000),
+ y: [6619.54, 6625.17, 6614.15, 6620]
+ },
+ {
+ x: new Date(1538820000000),
+ y: [6620.33, 6634.15, 6617.24, 6624.61]
+ },
+ {
+ x: new Date(1538821800000),
+ y: [6625.95, 6626, 6611.66, 6617.58]
+ },
+ {
+ x: new Date(1538823600000),
+ y: [6619, 6625.97, 6595.27, 6598.86]
+ },
+ {
+ x: new Date(1538825400000),
+ y: [6598.86, 6598.88, 6570, 6587.16]
+ },
+ {
+ x: new Date(1538827200000),
+ y: [6588.86, 6600, 6580, 6593.4]
+ },
+ {
+ x: new Date(1538829000000),
+ y: [6593.99, 6598.89, 6585, 6587.81]
+ },
+ {
+ x: new Date(1538830800000),
+ y: [6587.81, 6592.73, 6567.14, 6578]
+ },
+ {
+ x: new Date(1538832600000),
+ y: [6578.35, 6581.72, 6567.39, 6579]
+ },
+ {
+ x: new Date(1538834400000),
+ y: [6579.38, 6580.92, 6566.77, 6575.96]
+ },
+ {
+ x: new Date(1538836200000),
+ y: [6575.96, 6589, 6571.77, 6588.92]
+ },
+ {
+ x: new Date(1538838000000),
+ y: [6588.92, 6594, 6577.55, 6589.22]
+ },
+ {
+ x: new Date(1538839800000),
+ y: [6589.3, 6598.89, 6589.1, 6596.08]
+ },
+ {
+ x: new Date(1538841600000),
+ y: [6597.5, 6600, 6588.39, 6596.25]
+ },
+ {
+ x: new Date(1538843400000),
+ y: [6598.03, 6600, 6588.73, 6595.97]
+ },
+ {
+ x: new Date(1538845200000),
+ y: [6595.97, 6602.01, 6588.17, 6602]
+ },
+ {
+ x: new Date(1538847000000),
+ y: [6602, 6607, 6596.51, 6599.95]
+ },
+ {
+ x: new Date(1538848800000),
+ y: [6600.63, 6601.21, 6590.39, 6591.02]
+ },
+ {
+ x: new Date(1538850600000),
+ y: [6591.02, 6603.08, 6591, 6591]
+ },
+ {
+ x: new Date(1538852400000),
+ y: [6591, 6601.32, 6585, 6592]
+ },
+ {
+ x: new Date(1538854200000),
+ y: [6593.13, 6596.01, 6590, 6593.34]
+ },
+ {
+ x: new Date(1538856000000),
+ y: [6593.34, 6604.76, 6582.63, 6593.86]
+ },
+ {
+ x: new Date(1538857800000),
+ y: [6593.86, 6604.28, 6586.57, 6600.01]
+ },
+ {
+ x: new Date(1538859600000),
+ y: [6601.81, 6603.21, 6592.78, 6596.25]
+ },
+ {
+ x: new Date(1538861400000),
+ y: [6596.25, 6604.2, 6590, 6602.99]
+ },
+ {
+ x: new Date(1538863200000),
+ y: [6602.99, 6606, 6584.99, 6587.81]
+ },
+ {
+ x: new Date(1538865000000),
+ y: [6587.81, 6595, 6583.27, 6591.96]
+ },
+ {
+ x: new Date(1538866800000),
+ y: [6591.97, 6596.07, 6585, 6588.39]
+ },
+ {
+ x: new Date(1538868600000),
+ y: [6587.6, 6598.21, 6587.6, 6594.27]
+ },
+ {
+ x: new Date(1538870400000),
+ y: [6596.44, 6601, 6590, 6596.55]
+ },
+ {
+ x: new Date(1538872200000),
+ y: [6598.91, 6605, 6596.61, 6600.02]
+ },
+ {
+ x: new Date(1538874000000),
+ y: [6600.55, 6605, 6589.14, 6593.01]
+ },
+ {
+ x: new Date(1538875800000),
+ y: [6593.15, 6605, 6592, 6603.06]
+ },
+ {
+ x: new Date(1538877600000),
+ y: [6603.07, 6604.5, 6599.09, 6603.89]
+ },
+ {
+ x: new Date(1538879400000),
+ y: [6604.44, 6604.44, 6600, 6603.5]
+ },
+ {
+ x: new Date(1538881200000),
+ y: [6603.5, 6603.99, 6597.5, 6603.86]
+ },
+ {
+ x: new Date(1538883000000),
+ y: [6603.85, 6605, 6600, 6604.07]
+ },
+ {
+ x: new Date(1538884800000),
+ y: [6604.98, 6606, 6604.07, 6606]
+ },
+ ]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="candlestick" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(CandleStickChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/candlestick/candlestick-bar.html b/public/ThirdParty/apexcharts-bundle/samples/react/candlestick/candlestick-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..2803b283f91af751d12d752135aaf6f53c4ac281
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/candlestick/candlestick-bar.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>CandleStick Chart with Bar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart-box {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ #chart-candlestick,
+ #chart-bar {
+ max-width: 640px;
+ }
+
+ #chart-bar {
+ margin-top: -50px;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart-box"> <div id="chart-candlestick"> <ReactApexChart options={this.state.chartOptionsCandlestick} series={this.state.seriesCandle} type="candlestick" height="290" /> </div> <div id="chart-bar"> <ReactApexChart options={this.state.chartOptionsBar} series={this.state.seriesBar} type="bar" height="160" /> </div> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/ohlc.js"></script>
+
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class CandleStickChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ seriesCandle: [{
+ data: seriesData
+ }],
+ seriesBar: [{
+ name: 'volume',
+ data: seriesDataLinear
+ }],
+ chartOptionsCandlestick: {
+ chart: {
+ id: 'candles',
+ toolbar: {
+ autoSelected: 'pan',
+ show: false
+ },
+ zoom: {
+ enabled: false
+ },
+ },
+ plotOptions: {
+ candlestick: {
+ colors: {
+ upward: '#3C90EB',
+ downward: '#DF7D46'
+ }
+ }
+ },
+
+ xaxis: {
+ type: 'datetime'
+ }
+ },
+ chartOptionsBar: {
+ chart: {
+ height: 160,
+ type: 'bar',
+ brush: {
+ enabled: true,
+ target: 'candles'
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('20 Jan 2017').getTime(),
+ max: new Date('10 Dec 2017').getTime()
+ },
+ fill: {
+ color: '#ccc',
+ opacity: 0.4
+ },
+ stroke: {
+ color: '#0D47A1',
+ }
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%',
+ colors: {
+ ranges: [{
+ from: -1000,
+ to: 0,
+ color: '#F15B46'
+ }, {
+ from: 1,
+ to: 10000,
+ color: '#FEB019'
+ }],
+
+ },
+ }
+ },
+ stroke: {
+ width: 0
+ },
+ xaxis: {
+ type: 'datetime',
+ axisBorder: {
+ offsetX: 13
+ }
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ }
+ }
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart-box">
+ <div id="chart-candlestick">
+ <ReactApexChart options={this.state.chartOptionsCandlestick} series={this.state.seriesCandle} type="candlestick" height="290" />
+ </div>
+ <div id="chart-bar">
+ <ReactApexChart options={this.state.chartOptionsBar} series={this.state.seriesBar} type="bar" height="160" />
+ </div>
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(CandleStickChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/basic-column.html b/public/ThirdParty/apexcharts-bundle/samples/react/column/basic-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..4ca81b4ec17c6b4046ec1d72e6041a9743742efe
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/basic-column.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Column - Grouped</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ endingShape: 'rounded',
+ columnWidth: '55%',
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ show: true,
+ width: 2,
+ colors: ['transparent']
+ },
+ xaxis: {
+ categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
+ },
+ yaxis: {
+ title: {
+ text: '$ (thousands)'
+ }
+ },
+ fill: {
+ opacity: 1
+ },
+ tooltip: {
+ y: {
+ formatter: function (val) {
+ return "$ " + val + " thousands"
+ }
+ }
+ }
+ },
+ series: [{
+ name: 'Net Profit',
+ data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
+ }, {
+ name: 'Revenue',
+ data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
+ }, {
+ name: 'Free Cash Flow',
+ data: [35, 41, 36, 26, 45, 48, 52, 53, 41]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..afbf5cb18239f7434da40831021cdc86c06a5363
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-data-labels.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Column with Data Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ bar: {
+ dataLabels: {
+ position: 'top', // top, center, bottom
+ },
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ formatter: function (val) {
+ return val + "%";
+ },
+ offsetY: -20,
+ style: {
+ fontSize: '12px',
+ colors: ["#304758"]
+ }
+ },
+ xaxis: {
+ categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+ position: 'top',
+ labels: {
+ offsetY: -18,
+ },
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ crosshairs: {
+ fill: {
+ type: 'gradient',
+ gradient: {
+ colorFrom: '#D8E3F0',
+ colorTo: '#BED1E6',
+ stops: [0, 100],
+ opacityFrom: 0.4,
+ opacityTo: 0.5,
+ }
+ }
+ },
+ tooltip: {
+ enabled: true,
+ offsetY: -35,
+ }
+ },
+ fill: {
+ gradient: {
+ shade: 'light',
+ type: "horizontal",
+ shadeIntensity: 0.25,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [50, 0, 100, 100]
+ },
+ },
+ yaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false,
+ },
+ labels: {
+ show: false,
+ formatter: function (val) {
+ return val + "%";
+ }
+ }
+ },
+ title: {
+ text: 'Monthly Inflation in Argentina, 2002',
+ floating: true,
+ offsetY: 320,
+ align: 'center',
+ style: {
+ color: '#444'
+ }
+ }
+ },
+ series: [{
+ name: 'Inflation',
+ data: [2.3, 3.1, 4.0, 10.1, 4.0, 3.6, 3.2, 2.3, 1.4, 0.8, 0.5, 0.2]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..e49adc201eb46b7e7bd62916aeb28e8ce0893347
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-negative.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Bar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ bar: {
+ colors: {
+ ranges: [{
+ from: -100,
+ to: -46,
+ color: '#F15B46'
+ }, {
+ from: -45,
+ to: 0,
+ color: '#FEB019'
+ }]
+ },
+ columnWidth: '80%',
+ }
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ yaxis: {
+ title: {
+ text: 'Growth',
+ },
+ labels: {
+ formatter: function (y) {
+ return y.toFixed(0) + "%";
+ }
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ categories: [
+ '2011-01-01', '2011-02-01', '2011-03-01', '2011-04-01', '2011-05-01', '2011-06-01',
+ '2011-07-01', '2011-08-01', '2011-09-01', '2011-10-01', '2011-11-01', '2011-12-01',
+ '2012-01-01', '2012-02-01', '2012-03-01', '2012-04-01', '2012-05-01', '2012-06-01',
+ '2012-07-01', '2012-08-01', '2012-09-01', '2012-10-01', '2012-11-01', '2012-12-01',
+ '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01', '2013-05-01', '2013-06-01',
+ '2013-07-01', '2013-08-01', '2013-09-01'
+ ],
+ labels: {
+ rotate: -90
+ }
+ }
+ },
+ series: [{
+ name: 'Cash Flow',
+ data: [1.45, 5.42, 5.9, -0.42, -12.6, -18.1, -18.2, -14.16, -11.1, -6.09, 0.34, 3.88, 13.07,
+ 5.8, 2, 7.37, 8.1, 13.57, 15.75, 17.1, 19.8, -27.03, -54.4, -47.2, -43.3, -18.6, -
+ 48.6, -41.1, -39.6, -37.6, -29.4, -21.4, -2.4
+ ]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-rotated-labels.html b/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-rotated-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..1f88660254572d974767c1a50d1825abcfe13209
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/column-with-rotated-labels.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Column with Rotates Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ annotations: {
+ points: [{
+ x: 'Bananas',
+ seriesIndex: 0,
+ label: {
+ borderColor: '#775DD0',
+ offsetY: 0,
+ style: {
+ color: '#fff',
+ background: '#775DD0',
+ },
+ text: 'Bananas are good',
+ }
+ }]
+ },
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%',
+ endingShape: 'rounded'
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 2
+ },
+
+ grid: {
+ row: {
+ colors: ['#fff', '#f2f2f2']
+ }
+ },
+ xaxis: {
+ labels: {
+ rotate: -45
+ },
+ categories: ['Apples', 'Oranges', 'Strawberries', 'Pineapples', 'Mangoes', 'Bananas',
+ 'Blackberries', 'Pears', 'Watermelons', 'Cherries', 'Pomegranates', 'Tangerines', 'Papayas'
+ ],
+ },
+ yaxis: {
+ title: {
+ text: 'Servings',
+ },
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'light',
+ type: "horizontal",
+ shadeIntensity: 0.25,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 0.85,
+ opacityTo: 0.85,
+ stops: [50, 0, 100]
+ },
+ }
+ },
+ series: [{
+ name: 'Servings',
+ data: [44, 55, 41, 67, 22, 43, 21, 33, 45, 31, 87, 65, 35]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/data.js b/public/ThirdParty/apexcharts-bundle/samples/react/column/data.js
new file mode 100644
index 0000000000000000000000000000000000000000..f57fdff2ba0bba454ef2ce77fb75a7632258cc9b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/data.js
@@ -0,0 +1,146 @@
+/**
+ * Randomize array element order in-place.
+ * Using Durstenfeld shuffle algorithm.
+ */
+var colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#00D9E9', '#FF66C3'];
+
+
+function shuffleArray(array) {
+ for (var i = array.length - 1; i > 0; i--) {
+ var j = Math.floor(Math.random() * (i + 1));
+ var temp = array[i];
+ array[i] = array[j];
+ array[j] = temp;
+ }
+ return array;
+}
+
+var arrayData = [{
+ y: 400,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 90
+ }, {
+ x: 'Q3',
+ y: 100
+ }, {
+ x: 'Q4',
+ y: 90
+ }]
+}, {
+ y: 430,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 110
+ }, {
+ x: 'Q3',
+ y: 90
+ }, {
+ x: 'Q4',
+ y: 110
+ }]
+}, {
+ y: 448,
+ quarters: [{
+ x: 'Q1',
+ y: 70
+ }, {
+ x: 'Q2',
+ y: 100
+ }, {
+ x: 'Q3',
+ y: 140
+ }, {
+ x: 'Q4',
+ y: 138
+ }]
+}, {
+ y: 470,
+ quarters: [{
+ x: 'Q1',
+ y: 150
+ }, {
+ x: 'Q2',
+ y: 60
+ }, {
+ x: 'Q3',
+ y: 190
+ }, {
+ x: 'Q4',
+ y: 70
+ }]
+}, {
+ y: 540,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 120
+ }, {
+ x: 'Q3',
+ y: 130
+ }, {
+ x: 'Q4',
+ y: 170
+ }]
+}, {
+ y: 580,
+ quarters: [{
+ x: 'Q1',
+ y: 170
+ }, {
+ x: 'Q2',
+ y: 130
+ }, {
+ x: 'Q3',
+ y: 120
+ }, {
+ x: 'Q4',
+ y: 160
+ }]
+}];
+
+function makeData() {
+ var dataSet = shuffleArray(arrayData)
+
+ var dataYearSeries = [{
+ x: "2011",
+ y: dataSet[0].y,
+ color: colors[0],
+ quarters: dataSet[0].quarters
+ }, {
+ x: "2012",
+ y: dataSet[1].y,
+ color: colors[1],
+ quarters: dataSet[1].quarters
+ }, {
+ x: "2013",
+ y: dataSet[2].y,
+ color: colors[2],
+ quarters: dataSet[2].quarters
+ }, {
+ x: "2014",
+ y: dataSet[3].y,
+ color: colors[3],
+ quarters: dataSet[3].quarters
+ }, {
+ x: "2015",
+ y: dataSet[4].y,
+ color: colors[4],
+ quarters: dataSet[4].quarters
+ }, {
+ x: "2016",
+ y: dataSet[5].y,
+ color: colors[5],
+ quarters: dataSet[5].quarters
+ }];
+
+ return dataYearSeries
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/distributed-columns.html b/public/ThirdParty/apexcharts-bundle/samples/react/column/distributed-columns.html
new file mode 100644
index 0000000000000000000000000000000000000000..df84355b9ff1169a3f493b9bf8fb4442195cf488
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/distributed-columns.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Distributed Bar</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ #chart .apexcharts-xaxis-label {
+ font-weight: bold;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ var colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#546E7A', '#26a69a', '#D10CE8'];
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ events: {
+ click: function (chart, w, e) {
+ console.log(chart, w, e)
+ }
+ },
+ },
+ colors: colors,
+ plotOptions: {
+ bar: {
+ columnWidth: '45%',
+ distributed: true
+ }
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ xaxis: {
+ categories: ['John', 'Joe', 'Jake', 'Amber', 'Peter', 'Mary', 'David', 'Lily'],
+ labels: {
+ style: {
+ colors: colors,
+ fontSize: '14px'
+ }
+ }
+ }
+ },
+ series: [{
+ data: [21, 22, 10, 28, 16, 21, 13, 30]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/dynamic-loaded-chart.html b/public/ThirdParty/apexcharts-bundle/samples/react/column/dynamic-loaded-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..c8600fc6e0843d35f1619c88c35738b93a87e046
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/dynamic-loaded-chart.html
@@ -0,0 +1,527 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Dynamic Loaded Column Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ body {
+ background: #fff;
+ }
+
+ .wrap {
+ margin: 45px auto;
+ max-width: 800px;
+ position: relative;
+ }
+
+ .chart-box {
+ padding-left: 0;
+ }
+
+ #chart-year,
+ #chart-quarter {
+ width: 96%;
+ max-width: 48%;
+ box-shadow: none;
+ }
+
+ #chart-year {
+ float: left;
+ position: relative;
+ transition: 1s ease transform;
+ z-index: 3;
+ }
+
+ #chart-year.chart-quarter-activated {
+ transform: translateX(0);
+ transition: 1s ease transform;
+ }
+
+ #chart-quarter {
+ float: left;
+ position: relative;
+ z-index: -2;
+ transition: 1s ease transform;
+ }
+
+ #chart-quarter.active {
+ transition: 1.1s ease-in-out transform;
+ transform: translateX(0);
+ z-index: 1;
+ }
+
+ @media screen and (min-width: 480px) {
+ #chart-year {
+ transform: translateX(50%);
+ }
+ #chart-quarter {
+ transform: translateX(-50%);
+ }
+ }
+
+ select#model {
+ display: none;
+ position: absolute;
+ top: -40px;
+ left: 0;
+ z-index: 2;
+ cursor: pointer;
+ transform: scale(0.8);
+ }
+
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div class="wrap"> <select id="model" onChange={() => this.changeData()} class="flat-select"> <option value="iphone5">iPhone 5</option> <option value="iphone6">iPhone 6</option> <option value="iphone7">iPhone 7</option> </select> <div id="chart-year" class="chart-box"> <ReactApexChart options={this.state.chartOptionsYear} series={this.state.seriesYear} type="bar" height="350" /> </div> <div id="chart-quarter" class="chart-box"> <ReactApexChart options={this.state.chartOptionsQuarter} series={this.state.seriesQuarter} type="bar" height="350" /> </div> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ Apex = {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ tooltip: {
+ shared: false
+ },
+ }
+
+ var colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#00D9E9', '#FF66C3'];
+
+ /**
+ * Randomize array element order in-place.
+ * Using Durstenfeld shuffle algorithm.
+ */
+ function shuffleArray(array) {
+ for (var i = array.length - 1; i > 0; i--) {
+ var j = Math.floor(Math.random() * (i + 1));
+ var temp = array[i];
+ array[i] = array[j];
+ array[j] = temp;
+ }
+ return array;
+ }
+
+ var arrayData = [{
+ y: 400,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 90
+ }, {
+ x: 'Q3',
+ y: 100
+ }, {
+ x: 'Q4',
+ y: 90
+ }]
+ }, {
+ y: 430,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 110
+ }, {
+ x: 'Q3',
+ y: 90
+ }, {
+ x: 'Q4',
+ y: 110
+ }]
+ }, {
+ y: 448,
+ quarters: [{
+ x: 'Q1',
+ y: 70
+ }, {
+ x: 'Q2',
+ y: 100
+ }, {
+ x: 'Q3',
+ y: 140
+ }, {
+ x: 'Q4',
+ y: 138
+ }]
+ }, {
+ y: 470,
+ quarters: [{
+ x: 'Q1',
+ y: 150
+ }, {
+ x: 'Q2',
+ y: 60
+ }, {
+ x: 'Q3',
+ y: 190
+ }, {
+ x: 'Q4',
+ y: 70
+ }]
+ }, {
+ y: 540,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 120
+ }, {
+ x: 'Q3',
+ y: 130
+ }, {
+ x: 'Q4',
+ y: 170
+ }]
+ }, {
+ y: 580,
+ quarters: [{
+ x: 'Q1',
+ y: 170
+ }, {
+ x: 'Q2',
+ y: 130
+ }, {
+ x: 'Q3',
+ y: 120
+ }, {
+ x: 'Q4',
+ y: 160
+ }]
+ }];
+
+ function makeData() {
+ var dataSet = shuffleArray(arrayData)
+
+ var dataYearSeries = [{
+ x: "2011",
+ y: dataSet[0].y,
+ color: colors[0],
+ quarters: dataSet[0].quarters
+ }, {
+ x: "2012",
+ y: dataSet[1].y,
+ color: colors[1],
+ quarters: dataSet[1].quarters
+ }, {
+ x: "2013",
+ y: dataSet[2].y,
+ color: colors[2],
+ quarters: dataSet[2].quarters
+ }, {
+ x: "2014",
+ y: dataSet[3].y,
+ color: colors[3],
+ quarters: dataSet[3].quarters
+ }, {
+ x: "2015",
+ y: dataSet[4].y,
+ color: colors[4],
+ quarters: dataSet[4].quarters
+ }, {
+ x: "2016",
+ y: dataSet[5].y,
+ color: colors[5],
+ quarters: dataSet[5].quarters
+ }];
+
+ return dataYearSeries
+ }
+
+ function updateQuarterChart(sourceChart, destChartIDToUpdate) {
+ var series = [];
+ var seriesIndex = 0;
+ var colors = []
+
+ if (sourceChart.w.globals.selectedDataPoints[0]) {
+ var selectedPoints = sourceChart.w.globals.selectedDataPoints;
+ for (var i = 0; i < selectedPoints[seriesIndex].length; i++) {
+ var selectedIndex = selectedPoints[seriesIndex][i];
+ var yearSeries = sourceChart.w.config.series[seriesIndex];
+ series.push({
+ name: yearSeries.data[selectedIndex].x,
+ data: yearSeries.data[selectedIndex].quarters
+ })
+ colors.push(yearSeries.data[selectedIndex].color)
+ }
+
+ if (series.length === 0) series = [{
+ data: []
+ }]
+
+ return ApexCharts.exec(destChartIDToUpdate, 'updateOptions', {
+ series: series,
+ colors: colors,
+ fill: {
+ colors: colors
+ }
+ })
+
+ }
+
+ }
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ seriesQuarter: [{
+ data: []
+ }],
+ seriesYear: [{
+ data: makeData()
+ }],
+ chartOptionsYear: {
+ chart: {
+ id: 'barYear',
+ height: 400,
+ width: '100%',
+ type: 'bar',
+ events: {
+ dataPointSelection: function (e, chart, opts) {
+ var quarterChartEl = document.querySelector("#chart-quarter");
+ var yearChartEl = document.querySelector("#chart-year");
+
+ if (opts.selectedDataPoints[0].length === 1) {
+ if (quarterChartEl.classList.contains("active")) {
+ updateQuarterChart(chart, 'barQuarter')
+ } else {
+ yearChartEl.classList.add("chart-quarter-activated")
+ quarterChartEl.classList.add("active");
+ updateQuarterChart(chart, 'barQuarter')
+ }
+ } else {
+ updateQuarterChart(chart, 'barQuarter')
+ }
+
+ if (opts.selectedDataPoints[0].length === 0) {
+ yearChartEl.classList.remove("chart-quarter-activated")
+ quarterChartEl.classList.remove("active");
+ }
+
+ },
+ updated: function (chart) {
+ updateQuarterChart(chart, 'barQuarter')
+ }
+ }
+ },
+ plotOptions: {
+ bar: {
+ distributed: true,
+ horizontal: true,
+ endingShape: 'arrow',
+ barHeight: '75%',
+ dataLabels: {
+ position: 'bottom'
+ }
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ textAnchor: 'start',
+ style: {
+ colors: ['#fff']
+ },
+ formatter: function (val, opt) {
+ return opt.w.globals.labels[opt.dataPointIndex]
+ },
+ offsetX: 0,
+ dropShadow: {
+ enabled: true
+ }
+ },
+
+ colors: colors,
+
+ states: {
+ normal: {
+ filter: {
+ type: 'desaturate'
+ }
+ },
+ active: {
+ allowMultipleDataPointsSelection: true,
+ filter: {
+ type: 'darken',
+ value: 1
+ }
+ }
+ },
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (val, opts) {
+ return opts.w.globals.labels[opts.dataPointIndex]
+ }
+ }
+ }
+ },
+ title: {
+ text: 'Yearly Results',
+ offsetX: 15
+ },
+ subtitle: {
+ text: '(Click on bar to see details)',
+ offsetX: 15
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ }
+ },
+ chartOptionsQuarter: {
+ chart: {
+ id: 'barQuarter',
+ height: 400,
+ width: '100%',
+ type: 'bar',
+ stacked: true
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%',
+ horizontal: false
+ }
+ },
+
+ legend: {
+ show: false
+ },
+ grid: {
+ yaxis: {
+ lines: {
+ show: false,
+ }
+ },
+ xaxis: {
+ lines: {
+ show: true,
+ }
+ }
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ },
+ title: {
+ text: 'Quarterly Results',
+ offsetX: 10
+ },
+ tooltip: {
+ x: {
+ formatter: function (val, opts) {
+ return opts.w.globals.seriesNames[opts.seriesIndex]
+ }
+ },
+ y: {
+ title: {
+ formatter: function (val, opts) {
+ return opts.w.globals.labels[opts.dataPointIndex]
+ }
+ }
+ }
+ }
+ },
+ options: {
+ chart: {
+ events: {
+ click: function (chart, w, e) {
+ console.log(chart, w, e)
+ }
+ },
+ },
+ colors: ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#546E7A', '#26a69a', '#D10CE8'],
+ plotOptions: {
+ bar: {
+ columnWidth: '45%',
+ distributed: true
+ }
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ xaxis: {
+ categories: ['John', 'Joe', 'Jake', 'Amber', 'Peter', 'Mary', 'David', 'Lily'],
+ labels: {
+ style: {
+ colors: colors,
+ fontSize: '14px'
+ }
+ }
+ }
+ },
+ series: [{
+ data: [21, 22, 10, 28, 16, 21, 13, 30]
+ }],
+ }
+ }
+
+ changeData() {
+ Apex.exec('barYear', 'updateSeries', [{
+ data: makeData()
+ }])
+ }
+
+ render() {
+ return (
+ <div>
+ <div class="wrap">
+ <select id="model" onChange={() => this.changeData()} class="flat-select">
+ <option value="iphone5">iPhone 5</option>
+ <option value="iphone6">iPhone 6</option>
+ <option value="iphone7">iPhone 7</option>
+ </select>
+ <div id="chart-year" class="chart-box">
+ <ReactApexChart options={this.state.chartOptionsYear} series={this.state.seriesYear} type="bar" height="350" />
+ </div>
+ <div id="chart-quarter" class="chart-box">
+ <ReactApexChart options={this.state.chartOptionsQuarter} series={this.state.seriesQuarter} type="bar" height="350" />
+ </div>
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/stacked-column-100.html b/public/ThirdParty/apexcharts-bundle/samples/react/column/stacked-column-100.html
new file mode 100644
index 0000000000000000000000000000000000000000..9c2bb2f5d440b50d98b716606e005f4375bbd101
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/stacked-column-100.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Column</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: true,
+ stackType: '100%'
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ position: 'bottom',
+ offsetX: -10,
+ offsetY: 0
+ }
+ }
+ }],
+ xaxis: {
+ categories: ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2',
+ '2012 Q3', '2012 Q4'
+ ],
+ },
+ fill: {
+ opacity: 1
+ },
+ legend: {
+ position: 'right',
+ offsetX: 0,
+ offsetY: 50
+ }
+ },
+ series: [{
+ name: 'PRODUCT A',
+ data: [44, 55, 41, 67, 22, 43, 21, 49]
+ }, {
+ name: 'PRODUCT B',
+ data: [13, 23, 20, 8, 13, 27, 33, 12]
+ }, {
+ name: 'PRODUCT C',
+ data: [11, 17, 15, 15, 21, 14, 15, 13]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/column/stacked-column.html b/public/ThirdParty/apexcharts-bundle/samples/react/column/stacked-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..3bf6e6971b4dd7ba45c3978fb9770d00608f03b1
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/column/stacked-column.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Column</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class BarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: true,
+ toolbar: {
+ show: true
+ },
+ zoom: {
+ enabled: true
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ position: 'bottom',
+ offsetX: -10,
+ offsetY: 0
+ }
+ }
+ }],
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ },
+ },
+
+ xaxis: {
+ type: 'datetime',
+ categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT', '01/04/2011 GMT',
+ '01/05/2011 GMT', '01/06/2011 GMT'
+ ],
+ },
+ legend: {
+ position: 'right',
+ offsetY: 40
+ },
+ fill: {
+ opacity: 1
+ }
+ },
+ series: [{
+ name: 'PRODUCT A',
+ data: [44, 55, 41, 67, 22, 43]
+ }, {
+ name: 'PRODUCT B',
+ data: [13, 23, 20, 8, 13, 27]
+ }, {
+ name: 'PRODUCT C',
+ data: [11, 17, 15, 15, 21, 14]
+ }, {
+ name: 'PRODUCT D',
+ data: [21, 7, 25, 13, 22, 8]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(BarChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/basic.html b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..d19cce9bb4fecc43fbdb9d4e91a8b97a7d5ad1b0
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/basic.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = 'w' + (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ class HeatmapChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+ colors: ["#008FFB"],
+
+ title: {
+ text: 'HeatMap Chart (Single color)'
+ }
+ },
+ series: [
+ {
+ name: 'Metric1',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric2',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric3',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric4',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric5',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric6',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric7',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric9',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ }
+ ],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(HeatmapChart), domContainer);
+
+ </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/color-range.html b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/color-range.html
new file mode 100644
index 0000000000000000000000000000000000000000..7e6017b4cc834041254bb26f1e021837d8cca82b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/color-range.html
@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Range HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ class HeatmapChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ heatmap: {
+ shadeIntensity: 0.5,
+ colorScale: {
+ ranges: [{
+ from: -30,
+ to: 5,
+ name: 'low',
+ color: '#00A100'
+ },
+ {
+ from: 6,
+ to: 20,
+ name: 'medium',
+ color: '#128FD9'
+ },
+ {
+ from: 21,
+ to: 45,
+ name: 'high',
+ color: '#FFB200'
+ },
+ {
+ from: 46,
+ to: 55,
+ name: 'extreme',
+ color: '#FF0000'
+ }
+ ]
+ }
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ title: {
+ text: 'HeatMap Chart with Color Range'
+ }
+ },
+ series: [
+ {
+ name: 'Jan',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Feb',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Mar',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Apr',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'May',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Jun',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Jul',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Aug',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Sep',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ }
+ ],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(HeatmapChart), domContainer);
+
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/multiple-color-scales-flipped.html b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/multiple-color-scales-flipped.html
new file mode 100644
index 0000000000000000000000000000000000000000..d60d21a8ad3ce632c31f9677dbcb8e97df7b45e9
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/multiple-color-scales-flipped.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push(y);
+ i++;
+ }
+ return series;
+ }
+
+ var data = [{
+ name: '10:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '10:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '11:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '11:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '12:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '12:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '13:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '13:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ }
+ ]
+
+ data.reverse()
+
+ class HeatmapChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+ plotOptions: {
+ heatmap: {
+ colorScale: {
+ inverse: true
+ }
+ }
+ },
+ colors: ["#F3B415", "#F27036", "#663F59", "#6A6E94", "#4E88B4", "#00A7C6", "#18D8D8",
+ '#A9D794',
+ '#46AF78', '#A93F55', '#8C5E58', '#2176FF', '#33A1FD', '#7A918D', '#BAFF29'
+ ],
+ xaxis: {
+ type: 'category',
+ categories: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10', 'W11', 'W12',
+ 'W13',
+ 'W14', 'W15'
+ ]
+ },
+
+ title: {
+ text: 'Color Scales flipped Vertically'
+ }
+ },
+ series: data,
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(HeatmapChart), domContainer);
+
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/multiple-color.html b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/multiple-color.html
new file mode 100644
index 0000000000000000000000000000000000000000..0fa60b60f19d731eb964baef6167c97a4fcedf59
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/multiple-color.html
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 500px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="450" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ var data = [{
+ name: 'W1',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W2',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W3',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W4',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W5',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W6',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W7',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W8',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W9',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W10',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W11',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W12',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W13',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W14',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W15',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ }
+ ]
+
+ data.reverse()
+
+ var colors = ["#F3B415", "#F27036", "#663F59", "#6A6E94", "#4E88B4", "#00A7C6", "#18D8D8", '#A9D794', '#46AF78',
+ '#A93F55', '#8C5E58', '#2176FF', '#33A1FD', '#7A918D', '#BAFF29'
+ ]
+
+ colors.reverse()
+
+ class HeatmapChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+ colors: colors,
+ xaxis: {
+ type: 'category',
+ categories: ['10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '01:00', '01:30']
+ },
+ title: {
+ text: 'HeatMap Chart (Different color shades for each series)'
+ },
+ grid: {
+ padding: {
+ right: 20
+ }
+ }
+ },
+ series: data,
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="450" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(HeatmapChart), domContainer);
+
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/rounded.html b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/rounded.html
new file mode 100644
index 0000000000000000000000000000000000000000..02525edae41c8453615a025ed7166f939b731c7c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/heatmap/rounded.html
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ class HeatmapChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ stroke: {
+ width: 0
+ },
+ plotOptions: {
+ heatmap: {
+ radius: 30,
+ enableShades: false,
+ colorScale: {
+ ranges: [{
+ from: 0,
+ to: 50,
+ color: '#008FFB'
+ },
+ {
+ from: 51,
+ to: 100,
+ color: '#00E396'
+ },
+ ],
+ },
+
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ style: {
+ colors: ['#fff']
+ }
+ },
+ xaxis: {
+ type: 'category',
+ },
+ title: {
+ text: 'Rounded (Range without Shades)'
+ }
+ },
+ series: [
+ {
+ name: 'Metric1',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric2',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric3',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric4',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric5',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric6',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric7',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ }
+ ],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="heatmap" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(HeatmapChart), domContainer);
+
+ </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/basic-line.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/basic-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..41bd1b42f6860838bccdeecf6f9ed43380807760
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/basic-line.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Line - React</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ title: {
+ text: 'Product Trends by Month',
+ align: 'left'
+ },
+ grid: {
+ row: {
+ colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
+ opacity: 0.5
+ },
+ },
+ xaxis: {
+ categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+ }
+ },
+ series: [{
+ name: "Desktops",
+ data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
+ }],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/brush-charts.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/brush-charts.html
new file mode 100644
index 0000000000000000000000000000000000000000..3cb9a0bcec3ac4242361b9d264eb89ce073eaf7b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/brush-charts.html
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Brush Chart - React</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart1, #chart2 {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ #chart2 {
+ position: relative;
+ margin-top: -70px;
+ margin-bottom: 0px;
+ }
+
+ #app {
+ padding-top: 20px;
+ padding-left: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+</style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="charts"> <div id="chart1"> <ReactApexChart options={this.state.chartOptionsArea} series={this.state.series} type="line" height="230" /> </div> <div id="chart2"> <ReactApexChart options={this.state.chartOptionsBrush} series={this.state.series} type="area" height="130" /> </div> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ chartOptionsArea: {
+ chart: {
+ id: 'chartArea',
+ toolbar: {
+ autoSelected: 'pan',
+ show: false
+ }
+ },
+ colors: ['#546E7A'],
+ stroke: {
+ width: 3
+ },
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ opacity: 1,
+ },
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type: 'datetime'
+ }
+ },
+ chartOptionsBrush: {
+ chart: {
+ id: 'chartBrush',
+ brush: {
+ target: 'chartArea',
+ enabled: true
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('19 Jun 2017').getTime(),
+ max: new Date('14 Aug 2017').getTime()
+ }
+ },
+ },
+ colors: ['#008FFB'],
+ fill: {
+ type: 'gradient',
+ gradient: {
+ opacityFrom: 0.91,
+ opacityTo: 0.1,
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ tooltip: {
+ enabled: false
+ }
+ },
+ yaxis: {
+ tickAmount: 2
+ }
+ },
+ series: [{
+ data: this.generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 185, {
+ min: 30,
+ max: 90
+ })
+ }],
+ }
+
+ }
+
+ generateDayWiseTimeSeries (baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+
+ return series;
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="charts">
+ <div id="chart1">
+ <ReactApexChart options={this.state.chartOptionsArea} series={this.state.series} type="line" height="230" />
+ </div>
+ <div id="chart2">
+ <ReactApexChart options={this.state.chartOptionsBrush} series={this.state.series} type="area" height="130" />
+ </div>
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/dashed-line.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/dashed-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..af8c794020c219ac4225adecf14cef0c9fe1cea2
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/dashed-line.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Dashed Line - React</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ zoom: {
+ enabled: false
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: [5, 7, 5],
+ curve: 'straight',
+ dashArray: [0, 8, 5]
+ },
+
+ title: {
+ text: 'Page Statistics',
+ align: 'left'
+ },
+ markers: {
+ size: 0,
+
+ hover: {
+ sizeOffset: 6
+ }
+ },
+ xaxis: {
+ categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan', '09 Jan',
+ '10 Jan', '11 Jan', '12 Jan'
+ ],
+ },
+ tooltip: {
+ y: [{
+ title: {
+ formatter: function (val) {
+ return val + " (mins)"
+ }
+ }
+ }, {
+ title: {
+ formatter: function (val) {
+ return val + " per session"
+ }
+ }
+ }, {
+ title: {
+ formatter: function (val) {
+ return val;
+ }
+ }
+ }]
+ },
+ grid: {
+ borderColor: '#f1f1f1',
+ }
+ },
+ series: [{
+ name: "Session Duration",
+ data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10]
+ },
+ {
+ name: "Page Views",
+ data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35]
+ },
+ {
+ name: 'Total Visits',
+ data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47]
+ }
+ ],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/gradient-line.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/gradient-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..43206aab51c1a76178f62fe73cda5691490fe0ab
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/gradient-line.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Line - React</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+</style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ type: 'line',
+ shadow: {
+ enabled: false,
+ color: '#bbb',
+ top: 3,
+ left: 2,
+ blur: 3,
+ opacity: 1
+ },
+ },
+ stroke: {
+ width: 7,
+ curve: 'smooth'
+ },
+
+ xaxis: {
+ type: 'datetime',
+ categories: ['1/11/2000', '2/11/2000', '3/11/2000', '4/11/2000', '5/11/2000', '6/11/2000', '7/11/2000',
+ '8/11/2000', '9/11/2000', '10/11/2000', '11/11/2000', '12/11/2000', '1/11/2001', '2/11/2001',
+ '3/11/2001', '4/11/2001', '5/11/2001', '6/11/2001'
+ ],
+ },
+ title: {
+ text: 'Social Media',
+ align: 'left',
+ style: {
+ fontSize: "16px",
+ color: '#666'
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ gradientToColors: ['#FDD835'],
+ shadeIntensity: 1,
+ type: 'horizontal',
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 100, 100, 100]
+ },
+ },
+ markers: {
+ size: 4,
+ opacity: 0.9,
+ colors: ["#FFA41B"],
+ strokeColor: "#fff",
+ strokeWidth: 2,
+
+ hover: {
+ size: 7,
+ }
+ },
+ yaxis: {
+ min: -10,
+ max: 40,
+ title: {
+ text: 'Engagement',
+ },
+ }
+ },
+ series: [{
+ name: 'Likes',
+ data: [4, 3, 10, 9, 29, 19, 22, 9, 12, 7, 19, 5, 13, 9, 17, 2, 7, 5]
+ }],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-annotations.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-annotations.html
new file mode 100644
index 0000000000000000000000000000000000000000..2fac758c3c95241b3511c3915a34f7bc20fa2427
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-annotations.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Line - React</title>
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+ <script src="../../assets/stock-prices.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ annotations: {
+ yaxis: [{
+ y: 8200,
+ borderColor: '#00E396',
+ label: {
+ borderColor: '#00E396',
+ style: {
+ color: '#fff',
+ background: '#00E396',
+ },
+ text: 'Support',
+ }
+ }, {
+ y: 8600,
+ y2: 9000,
+ borderColor: '#FEB019',
+ opacity: 0.1,
+ label: {
+ borderColor: '#333',
+ style: {
+ fontSize: '10px',
+ color: '#333',
+ background: '#FEB019',
+ },
+ text: 'Y-axis range',
+ }
+ }],
+ xaxis: [{
+ x: new Date('23 Nov 2017').getTime(),
+ strokeDashArray: 0,
+ borderColor: '#775DD0',
+ label: {
+ borderColor: '#775DD0',
+ style: {
+ color: '#fff',
+ background: '#775DD0',
+ },
+ text: 'Anno Test',
+ }
+ }, {
+ x: new Date('26 Nov 2017').getTime(),
+ x2: new Date('28 Nov 2017').getTime(),
+ borderColor: '#B3F7CA',
+ opacity: 0.5,
+ label: {
+ borderColor: '#B3F7CA',
+ style: {
+ fontSize: '10px',
+ color: '#fff',
+ background: '#00E396',
+ },
+ offsetY: -10,
+ text: 'X-axis range',
+ }
+ }],
+ points: [{
+ x: new Date('01 Dec 2017').getTime(),
+ y: 8607.55,
+ marker: {
+ size: 8,
+ fillColor: '#fff',
+ strokeColor: 'red',
+ radius: 2,
+ cssClass: 'apexcharts-custom-class'
+ },
+ label: {
+ borderColor: '#FF4560',
+ offsetY: 0,
+ style: {
+ color: '#fff',
+ background: '#FF4560',
+ },
+
+ text: 'Point Annotation',
+ }
+ }]
+ },
+
+ chart: {
+ height: 350,
+ type: 'line',
+ id: 'areachart-2'
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ grid: {
+ padding: {
+ right: 30,
+ left: 20
+ }
+ },
+
+ title: {
+ text: 'Line with Annotations',
+ align: 'left'
+ },
+ labels: series.monthDataSeries1.dates,
+ xaxis: {
+ type: 'datetime',
+ }
+ },
+ series: [{
+ data: series.monthDataSeries1.prices
+ }],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+}
+
+const domContainer = document.querySelector('#app');
+ReactDOM.render(React.createElement(LineChart), domContainer);
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..8fc57efdbcd2933d2cb15e7cc637998f1174c91d
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-data-labels.html
@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line with Data Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+</style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ shadow: {
+ enabled: true,
+ color: '#000',
+ top: 18,
+ left: 7,
+ blur: 10,
+ opacity: 1
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ colors: ['#77B6EA', '#545454'],
+ dataLabels: {
+ enabled: true,
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+ title: {
+ text: 'Average High & Low Temperature',
+ align: 'left'
+ },
+ grid: {
+ borderColor: '#e7e7e7',
+ row: {
+ colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
+ opacity: 0.5
+ },
+ },
+ markers: {
+
+ size: 6
+ },
+ xaxis: {
+ categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+ title: {
+ text: 'Month'
+ }
+ },
+ yaxis: {
+ title: {
+ text: 'Temperature'
+ },
+ min: 5,
+ max: 40
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ floating: true,
+ offsetY: -25,
+ offsetX: -5
+ }
+ },
+ series: [
+ {
+ name: "High - 2013",
+ data: [28, 29, 33, 36, 32, 32, 33]
+ },
+ {
+ name: "Low - 2013",
+ data: [12, 11, 14, 18, 17, 13, 13]
+ }
+ ],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..c9fd8e2ea95d45fa07f8130d059b0bb616837643
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-image.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line with Image Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ stroke: {
+ width: 5,
+ curve: 'smooth'
+ },
+ colors: ['#2e93fa'],
+
+ xaxis: {
+ categories: ['1990', '1992', '1993', '1994', '1995', '1996', '1997', '1998', '1999',
+ '2000', '2001', '2002', '2003', '2004', '2005'
+ ],
+ labels: {
+ formatter: function (val) {
+ return val
+ }
+ }
+ },
+ title: {
+ text: 'Line Chart - Image fill',
+ align: 'left',
+ style: {
+ fontSize: "16px",
+ }
+ },
+ fill: {
+ type: 'image',
+ image: {
+ src: [
+ '../../assets/images/abstract.jpg'
+ ],
+ width: 800,
+ height: 800
+ },
+ },
+ markers: {
+ size: 0,
+ opacity: 0,
+ colors: ['#fff'],
+ strokeColor: "#2e93fa",
+ strokeWidth: 2,
+
+ hover: {
+ size: 8,
+ }
+ },
+ yaxis: {
+ title: {
+ text: '$ (million)',
+ },
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ floating: true,
+ offsetY: -25,
+ offsetX: -5
+ }
+ },
+ series: [
+ {
+ name: 'Dataset 2',
+ data: [10, 5, 20, 13, 15, 12, 13, 24, 24, 34, 7, 15, 10, 9, 26]
+ }
+ ],
+ }
+
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+}
+
+const domContainer = document.querySelector('#app');
+ReactDOM.render(React.createElement(LineChart), domContainer);
+
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-missing-data.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-missing-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..f90a6893683baca00ad498236ad3fbb191ca39ef
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/line-with-missing-data.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line Chart with missing data</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ zoom: {
+ enabled: false
+ },
+ animations: {
+ enabled: false
+ }
+ },
+ stroke: {
+ width: [5, 5, 4],
+ curve: 'straight'
+ },
+ title: {
+ text: 'Missing data (null values)'
+ }
+ },
+ series: [{
+ name: 'Peter',
+ data: [5, 5, 10, 8, 7, 5, 4, null, null, null, 10, 10, 7, 8, 6, 9]
+ }, {
+ name: 'Johnny',
+ data: [10, 15, null, 12, null, 10, 12, 15, null, null, 12, null, 14, null, null, null]
+ }, {
+ name: 'David',
+ data: [null, null, null, null, 3, 4, 1, 3, 4, 6, 7, 9, 5, null, null, null]
+ }],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/logarithmic-line.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/logarithmic-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..ad97a925c0e49b739234712e348d0a550e0e6997
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/logarithmic-line.html
@@ -0,0 +1,219 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Chart with Logarithmic Scale</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ var data = [{
+ x: 1994,
+ y: 2543763
+ },
+ {
+ x: 1995,
+ y: 4486659
+ },
+ {
+ x: 1996,
+ y: 7758386
+ },
+ {
+ x: 1997,
+ y: 12099221
+ },
+ {
+ x: 1998,
+ y: 18850762
+ },
+ {
+ x: 1999,
+ y: 28153765
+ },
+ {
+ x: 2000,
+ y: 41479495
+ },
+ {
+ x: 2001,
+ y: 50229224
+ },
+ {
+ x: 2002,
+ y: 66506501
+ },
+ {
+ x: 2003,
+ y: 78143598
+ },
+ {
+ x: 2004,
+ y: 91332777
+ },
+ {
+ x: 2005,
+ y: 103010128
+ },
+ {
+ x: 2006,
+ y: 116291681
+ },
+ {
+ x: 2007,
+ y: 137322698
+ },
+ {
+ x: 2008,
+ y: 157506752
+ },
+ {
+ x: 2009,
+ y: 176640381
+ },
+ {
+ x: 2010,
+ y: 202320297
+ },
+ {
+ x: 2011,
+ y: 223195735
+ },
+ {
+ x: 2012,
+ y: 249473624
+ },
+ {
+ x: 2013,
+ y: 272842810
+ },
+ {
+ x: 2014,
+ y: 295638556
+ },
+ {
+ x: 2015,
+ y: 318599615
+ },
+ {
+ x: 2016,
+ y: 342497123
+ }
+ ]
+
+ var labelFormatter = function (value) {
+ var val = Math.abs(value)
+ if (val >= 1000000) {
+ val = (val / 1000000).toFixed(1) + ' M';
+ }
+ return val;
+ }
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ title: {
+ text: 'Logarithmic Scale',
+ align: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: [{
+ min: 1000000,
+ max: 500000000,
+ tickAmount: 4,
+ logarithmic: true,
+ seriesName: 'Logarithmic',
+ labels: {
+ formatter: labelFormatter,
+ }
+ },
+ {
+ min: 1000000,
+ max: 500000000,
+ opposite: true,
+ tickAmount: 4,
+ seriesName: 'Linear',
+ labels: {
+ formatter: labelFormatter
+ }
+ }
+ ]
+ },
+ series: [{
+ name: "Logarithmic",
+ data: data
+ }, {
+ name: "Linear",
+ data: data
+ }],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+}
+
+const domContainer = document.querySelector('#app');
+ReactDOM.render(React.createElement(LineChart), domContainer);
+
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/realtime.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/realtime.html
new file mode 100644
index 0000000000000000000000000000000000000000..8412b3d868b6d0c043e165b4fa1fd95c4adebb27
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/realtime.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Dynamic Updating Line Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+<style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+</style>
+</head>
+
+<body>
+<div id="app"></div>
+
+<div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+</div>
+
+<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+<script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+<script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+<script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+<script type="text/babel">
+
+ var lastDate = 0;
+ var data = []
+
+ function getDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ data.push({
+ x,
+ y
+ });
+ lastDate = baseval
+ baseval += 86400000;
+ i++;
+ }
+ }
+
+ getDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
+ min: 10,
+ max: 90
+ })
+
+ function getNewSeries(baseval, yrange) {
+ var newDate = baseval + 86400000;
+ lastDate = newDate
+ data.push({
+ x: newDate,
+ y: Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
+ })
+ }
+
+ function resetData() {
+ data = data.slice(data.length - 10, data.length);
+ }
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ id: 'realtime',
+ animations: {
+ enabled: true,
+ easing: 'linear',
+ dynamicAnimation: {
+ speed: 2000
+ }
+ },
+ toolbar: {
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+
+ title: {
+ text: 'Dynamic Updating Chart',
+ align: 'left'
+ },
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type: 'datetime',
+ range: 777600000,
+ },
+ yaxis: {
+ max: 100
+ },
+ legend: {
+ show: false
+ }
+ },
+ series: [{
+ data: data.slice()
+ }],
+ }
+ }
+
+ componentDidMount() {
+ this.intervals()
+ }
+
+ intervals () {
+ window.setInterval(() => {
+ getNewSeries(lastDate, {
+ min: 10,
+ max: 90
+ })
+
+ ApexCharts.exec('realtime', 'updateSeries', [{
+ data: data
+ }])
+ }, 2000)
+
+ // every 60 seconds, we reset the data
+ window.setInterval(() => {
+ resetData()
+
+ ApexCharts.exec('realtime', 'updateSeries', [{
+ data: data
+ }], false, true)
+ }, 60000)
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+
+}
+
+const domContainer = document.querySelector('#app');
+ReactDOM.render(React.createElement(LineChart), domContainer);
+
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/stepline.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/stepline.html
new file mode 100644
index 0000000000000000000000000000000000000000..1df0b6a3b1aaee90a9eb028c3adfb9b2a9cd07b0
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/stepline.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stepline - React</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'stepline'
+ },
+ title: {
+ text: 'Stepline Chart',
+ align: 'left'
+ },
+ markers: {
+ hover: {
+ sizeOffset: 4
+ }
+ },
+ },
+ series: [{
+ data: [34, 44, 54, 21, 12, 43, 33, 23, 66, 66, 58]
+ }],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/syncing-charts.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/syncing-charts.html
new file mode 100644
index 0000000000000000000000000000000000000000..c8f457a645a416dcffe3f726ea156e63d3959a3c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/syncing-charts.html
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Syncing charts</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+<style>
+ #wrapper {
+ padding-top: 20px;
+ padding-left: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+</style>
+</head>
+
+<body>
+<div id="app"></div>
+
+<div id="html">
+ <div id="wrapper"> <div id="chart-line"> <ReactApexChart type="line" height="160" options={this.state.chartOptionsLine1} series={this.state.series1}/> </div> <div id="chart-line2"> <ReactApexChart type="line" height="160" options={this.state.chartOptionsLine2} series={this.state.series2}/> </div> <div id="chart-area"> <ReactApexChart type="area" height="160" options={this.state.chartOptionsArea} series={this.state.series3}/> </div> </div>
+</div>
+
+<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+<script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+<script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+<script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+<script type="text/babel">
+
+ function generateDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ // The global window.Apex variable below can be used to set common options for all charts on the page
+ Apex = {
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ toolbar: {
+ tools: {
+ selection: false
+ }
+ },
+ markers: {
+ size: 6,
+ hover: {
+ size: 10
+ }
+ },
+ tooltip: {
+ followCursor: false,
+ theme: 'dark',
+ x: {
+ show: false
+ },
+ marker: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function () {
+ return ''
+ }
+ }
+ }
+ },
+ grid: {
+ clipMarkers: false
+ },
+ yaxis: {
+ tickAmount: 2
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ }
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ series1: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }],
+ series2: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 30
+ })
+ }],
+ series3: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 90
+ })
+ }],
+ chartOptionsLine1: {
+ chart: {
+ id: 'fb',
+ group: 'social',
+ },
+ colors: ['#008FFB'],
+ },
+ chartOptionsLine2: {
+ chart: {
+ id: 'tw',
+ group: 'social',
+ },
+ colors: ['#546E7A'],
+
+ },
+ chartOptionsArea: {
+ chart: {
+ id: 'yt',
+ group: 'social',
+ },
+ colors: ['#00E396'],
+
+ }
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="wrapper">
+ <div id="chart-line">
+ <ReactApexChart type="line" height="160" options={this.state.chartOptionsLine1} series={this.state.series1}/>
+ </div>
+
+ <div id="chart-line2">
+ <ReactApexChart type="line" height="160" options={this.state.chartOptionsLine2} series={this.state.series2}/>
+ </div>
+
+ <div id="chart-area">
+ <ReactApexChart type="area" height="160" options={this.state.chartOptionsArea} series={this.state.series3}/>
+ </div>
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/line/zoomable-timeseries.html b/public/ThirdParty/apexcharts-bundle/samples/react/line/zoomable-timeseries.html
new file mode 100644
index 0000000000000000000000000000000000000000..4ab52036408957025c89fe8f4c791045e3b822b0
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/line/zoomable-timeseries.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Zoomable TimeSeries</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/irregular-data-series.js"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+
+ var ts2 = 1484418600000;
+ var dates = [];
+ var spikes = [5, -5, 3, -3, 8, -8]
+ for (var i = 0; i < 120; i++) {
+ ts2 = ts2 + 86400000;
+ var innerArr = [ts2, dataSeries[1][i].value];
+ dates.push(innerArr)
+ }
+
+ class LineChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: false,
+ zoom: {
+ type: 'x',
+ enabled: true
+ },
+ toolbar: {
+ autoSelected: 'zoom'
+ }
+ },
+ plotOptions: {
+ line: {
+ curve: 'smooth',
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+
+ markers: {
+ size: 0,
+ style: 'full',
+ },
+ //colors: ['#0165fc'],
+ title: {
+ text: 'Stock Price Movement',
+ align: 'left'
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ inverseColors: false,
+ opacityFrom: 0.5,
+ opacityTo: 0,
+ stops: [0, 90, 100]
+ },
+ },
+ yaxis: {
+ min: 20000000,
+ max: 250000000,
+ labels: {
+ formatter: function (val) {
+ return (val / 1000000).toFixed(0);
+ },
+ },
+ title: {
+ text: 'Price'
+ },
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+
+ tooltip: {
+ shared: false,
+ y: {
+ formatter: function (val) {
+ return (val / 1000000).toFixed(0)
+ }
+ }
+ }
+ },
+ series: [{
+ name: 'XYZ MOTORS',
+ data: dates
+ }],
+ }
+ }
+
+ render() {
+
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(LineChart), domContainer);
+
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-area.html b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..19d3e053ccae83970d79d128647040bf89cddcb3
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-area.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class MixedChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ stroke: {
+ curve: 'smooth'
+ },
+ fill: {
+ type: 'solid',
+ opacity: [0.35, 1],
+ },
+ labels: ['Dec 01', 'Dec 02', 'Dec 03', 'Dec 04', 'Dec 05', 'Dec 06', 'Dec 07', 'Dec 08', 'Dec 09 ',
+ 'Dec 10', 'Dec 11'
+ ],
+ markers: {
+ size: 0
+ },
+ yaxis: [{
+ title: {
+ text: 'Series A',
+ },
+ },
+ {
+ opposite: true,
+ title: {
+ text: 'Series B',
+ },
+ },
+ ],
+ tooltip: {
+ shared: true,
+ intersect: false,
+ y: {
+ formatter: function (y) {
+ if (typeof y !== "undefined") {
+ return y.toFixed(0) + " points";
+ }
+ return y;
+
+ }
+ }
+ }
+ },
+ series: [{
+ name: 'TEAM A',
+ type: 'area',
+ data: [44, 55, 31, 47, 31, 43, 26, 41, 31, 47, 33]
+ }, {
+ name: 'TEAM B',
+ type: 'line',
+ data: [55, 69, 45, 61, 43, 54, 37, 52, 44, 61, 43]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(MixedChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-column-area.html b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-column-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..fceb3d3175c7e09425a97817afd87c6421c2f0bf
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-column-area.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class MixedChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ stacked: false,
+ },
+ stroke: {
+ width: [0, 2, 5],
+ curve: 'smooth'
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%'
+ }
+ },
+
+ fill: {
+ opacity: [0.85, 0.25, 1],
+ gradient: {
+ inverseColors: false,
+ shade: 'light',
+ type: "vertical",
+ opacityFrom: 0.85,
+ opacityTo: 0.55,
+ stops: [0, 100, 100, 100]
+ }
+ },
+ labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003', '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'
+ ],
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: {
+ title: {
+ text: 'Points',
+ },
+ min: 0
+ },
+ tooltip: {
+ shared: true,
+ intersect: false,
+ y: {
+ formatter: function (y) {
+ if (typeof y !== "undefined") {
+ return y.toFixed(0) + " points";
+ }
+ return y;
+ }
+ }
+ }
+ },
+ series: [{
+ name: 'TEAM A',
+ type: 'column',
+ data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+ }, {
+ name: 'TEAM B',
+ type: 'area',
+ data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+ }, {
+ name: 'TEAM C',
+ type: 'line',
+ data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(MixedChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-column.html b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..38a7b338b4dabdaae025b8f0d51f7df87c40e922
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-column.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class MixedChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ stroke: {
+ width: [0, 4]
+ },
+ title: {
+ text: 'Traffic Sources'
+ },
+ labels: ['01 Jan 2001', '02 Jan 2001', '03 Jan 2001', '04 Jan 2001', '05 Jan 2001', '06 Jan 2001', '07 Jan 2001', '08 Jan 2001', '09 Jan 2001', '10 Jan 2001', '11 Jan 2001', '12 Jan 2001'
+ ],
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: [{
+ title: {
+ text: 'Website Blog',
+ },
+
+ }, {
+ opposite: true,
+ title: {
+ text: 'Social Media'
+ }
+ }]
+ },
+ series: [{
+ name: 'Website Blog',
+ type: 'column',
+ data: [440, 505, 414, 671, 227, 413, 201, 352, 752, 320, 257, 160]
+ }, {
+ name: 'Social Media',
+ type: 'line',
+ data: [23, 42, 35, 27, 43, 22, 17, 31, 22, 22, 12, 16]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(MixedChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-scatter.html b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-scatter.html
new file mode 100644
index 0000000000000000000000000000000000000000..295f77465a4ff97cb88bce2235bdf58c2d8f468a
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/line-scatter.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line & scatter</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class MixedChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ fill: {
+ type: 'solid',
+ },
+ markers: {
+ size: [6, 0]
+ },
+ tooltip: {
+ shared: false,
+ intersect: true,
+ },
+ legend: {
+ show: false
+ },
+ xaxis: {
+ type: 'numeric',
+ min: 0,
+ max: 12,
+ tickAmount: 12
+ }
+ },
+ series: [{
+ name: 'Points',
+ type: 'scatter',
+ data: [
+ {
+ x: 1,
+ y: 2.14
+ }, {
+ x: 1.2,
+ y: 2.19
+ }, {
+ x: 1.8,
+ y: 2.43
+ }, {
+ x: 2.3,
+ y: 3.8
+ }, {
+ x: 2.6,
+ y: 4.14
+ }, {
+ x: 2.9,
+ y: 5.4
+ }, {
+ x: 3.2,
+ y: 5.8
+ }, {
+ x: 3.8,
+ y: 6.04
+ }, {
+ x: 4.55,
+ y: 6.77
+ }, {
+ x: 4.9,
+ y: 8.1
+ }, {
+ x: 5.1,
+ y: 9.4
+ }, {
+ x: 7.1,
+ y: 7.14
+ }, {
+ x: 9.18,
+ y: 8.4
+ }]
+ }, {
+ name: 'Line',
+ type: 'line',
+ data: [{
+ x: 1,
+ y: 2
+ }, {
+ x: 2,
+ y: 3
+ }, {
+ x: 3,
+ y: 4
+ }, {
+ x: 4,
+ y: 5
+ }, {
+ x: 5,
+ y: 6
+ }, {
+ x: 6,
+ y: 7
+ }, {
+ x: 7,
+ y: 8
+ }, {
+ x: 8,
+ y: 9
+ }, {
+ x: 9,
+ y: 10
+ }, {
+ x: 10,
+ y: 11
+ }]
+ }]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(MixedChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/mixed/multiple-yaxes.html b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/multiple-yaxes.html
new file mode 100644
index 0000000000000000000000000000000000000000..3acd6ade06dcb5c77d6f0bdec959acaa3c47f083
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/mixed/multiple-yaxes.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Multiple Y Axis Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ .apexcharts-tooltip-title {
+ display: none;
+ }
+ #chart .apexcharts-tooltip {
+ display: flex;
+ border: 0;
+ box-shadow: none;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class MixedChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+
+ stroke: {
+ width: [1, 1, 4]
+ },
+ title: {
+ text: 'XYZ - Stock Analysis (2009 - 2016)',
+ align: 'left',
+ offsetX: 110
+ },
+ xaxis: {
+ categories: [2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016],
+ },
+ yaxis: [
+ {
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#008FFB'
+ },
+ labels: {
+ style: {
+ color: '#008FFB',
+ }
+ },
+ title: {
+ text: "Income (thousand crores)",
+ style: {
+ color: '#008FFB',
+ }
+ },
+ tooltip: {
+ enabled: true
+ }
+ },
+
+ {
+ seriesName: 'Income',
+ opposite: true,
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#00E396'
+ },
+ labels: {
+ style: {
+ color: '#00E396',
+ }
+ },
+ title: {
+ text: "Operating Cashflow (thousand crores)",
+ style: {
+ color: '#00E396',
+ }
+ },
+ },
+ {
+ seriesName: 'Revenue',
+ opposite: true,
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#FEB019'
+ },
+ labels: {
+ style: {
+ color: '#FEB019',
+ },
+ },
+ title: {
+ text: "Revenue (thousand crores)",
+ style: {
+ color: '#FEB019',
+ }
+ }
+ },
+ ],
+ tooltip: {
+ fixed: {
+ enabled: true,
+ position: 'topLeft', // topRight, topLeft, bottomRight, bottomLeft
+ offsetY: 30,
+ offsetX: 60
+ },
+ },
+ legend: {
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ },
+ series: [{
+ name: 'Income',
+ type: 'column',
+ data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6]
+ }, {
+ name: 'Cashflow',
+ type: 'column',
+ data: [1.1, 3, 3.1, 4, 4.1, 4.9, 6.5, 8.5]
+ }, {
+ name: 'Revenue',
+ type: 'line',
+ data: [20, 29, 37, 36, 44, 45, 50, 58]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="line" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(MixedChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/pie/donut-update.html b/public/ThirdParty/apexcharts-bundle/samples/react/pie/donut-update.html
new file mode 100644
index 0000000000000000000000000000000000000000..46b133689b3925d57d4778614ab771024f8b9928
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/pie/donut-update.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 480px;
+ margin: 35px auto;
+ }
+ .actions {
+ margin-top: -80px;
+ text-align: center;
+ position: relative;
+ z-index: 10;
+ left: -60px;
+ }
+ button {
+ color: #fff;
+ background: #20b2aa;
+ padding: 5px 10px;
+ margin: 5px;
+ font-weight: bold;
+ font-size: 13px;
+ border-radius: 5px;
+ }
+
+ @media only screen and (max-width: 480px) {
+ .actions {
+ margin-top: 0;
+ left: 0
+ }
+
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="donut"> <div className="chart-wrap"> <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width="380" /> </div> </div> <div className="actions"> <button onClick={() => this.randomize()}>RANDOMIZE</button> <button onClick={() => this.appendData()}>ADD</button> <button onClick={() => this.removeData()}>REMOVE</button> <button onClick={() => this.reset()}>RESET</button> </div> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class DonutChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ show: false
+ }
+ }
+ }],
+ legend: {
+ position: 'right',
+ offsetY: 0,
+ height: 230,
+ }
+ },
+ series: [44, 55, 13, 33],
+ }
+ }
+
+ appendData () {
+ var arr = this.state.series.slice()
+ arr.push(Math.floor(Math.random() * (100 - 1 + 1)) + 1)
+
+ this.setState({
+ series: arr
+ })
+ }
+
+ removeData() {
+ if(this.state.series.length === 1) return
+
+ var arr = this.state.series.slice()
+ arr.pop()
+
+ this.setState({
+ series: arr
+ })
+ }
+
+ randomize() {
+ this.setState({
+ series: this.state.series.map(() => {
+ return Math.floor(Math.random() * (100 - 1 + 1)) + 1
+ })
+ })
+ }
+
+ reset() {
+ this.setState({
+ series: [44, 55, 13, 33]
+ })
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="donut">
+ <div className="chart-wrap">
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width="380" />
+ </div>
+ </div>
+ <div className="actions">
+ <button onClick={() => this.randomize()}>RANDOMIZE</button>
+ <button onClick={() => this.appendData()}>ADD</button>
+ <button onClick={() => this.removeData()}>REMOVE</button>
+ <button onClick={() => this.reset()}>RESET</button>
+ </div>
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(DonutChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/pie/donut-with-pattern.html b/public/ThirdParty/apexcharts-bundle/samples/react/pie/donut-with-pattern.html
new file mode 100644
index 0000000000000000000000000000000000000000..8dfb5d8ad21ac35207a3699638bf1b50064cbddf
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/pie/donut-with-pattern.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Donut Chart with pattern</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width="380" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class DonutChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ dropShadow: {
+ enabled: true,
+ color: '#111',
+ top: -1,
+ left: 3,
+ blur: 3,
+ opacity: 0.2
+ }
+ },
+ stroke: {
+ width: 0,
+ },
+ labels: ["Comedy", "Action", "SciFi", "Drama", "Horror"],
+ dataLabels: {
+ dropShadow: {
+ blur: 3,
+ opacity: 0.8
+ }
+ },
+ fill: {
+ type: 'pattern',
+ opacity: 1,
+ pattern: {
+ enabled: true,
+ style: ['verticalLines', 'squares', 'horizontalLines', 'circles', 'slantedLines'],
+ },
+ },
+ states: {
+ hover: {
+ enabled: false
+ }
+ },
+ theme: {
+ palette: 'palette2'
+ },
+ title: {
+ text: "Favourite Movie Type"
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ },
+ series: [44, 55, 41, 17, 15]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width="380" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(DonutChart), domContainer);
+
+ </script>
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/pie/gradient-donut.html b/public/ThirdParty/apexcharts-bundle/samples/react/pie/gradient-donut.html
new file mode 100644
index 0000000000000000000000000000000000000000..a4530dee386370cf4fec5c6f4c34b41ac460e297
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/pie/gradient-donut.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Gradient Donut</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+
+ .apexcharts-legend-text tspan:nth-child(1) {
+ font-weight: lighter;
+ fill: #999;
+ }
+
+ .apexcharts-legend-text tspan:nth-child(3) {
+ font-weight: bold;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width="380" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class DonutChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ type: 'gradient',
+ },
+ legend: {
+ formatter: function (val, opts) {
+ return val + " - " + opts.w.globals.series[opts.seriesIndex]
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ },
+ series: [44, 55, 41, 17, 15],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width="380" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(DonutChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/pie/monochrome-pie.html b/public/ThirdParty/apexcharts-bundle/samples/react/pie/monochrome-pie.html
new file mode 100644
index 0000000000000000000000000000000000000000..27152454d8a1f6bd5daeeeba4f2ed33fd2ebace0
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/pie/monochrome-pie.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Monochrome Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="pie" width="100%" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class PieChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ labels: ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+ theme: {
+ monochrome: {
+ enabled: true
+ }
+ },
+ title: {
+ text: "Number of leads"
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ },
+ series: [25, 15, 44, 55, 41, 17],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="pie" width="100%" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(PieChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/pie/pie-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/react/pie/pie-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..474fa5f55486a3b089fc80a599fc3f5d861fe6de
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/pie/pie-with-image.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Pie with Image</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="pie" width="380" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class PieChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ colors: ['#93C3EE', '#E5C6A0', '#669DB5', '#94A74A'],
+ fill: {
+ type: 'image',
+ opacity: 0.85,
+ image: {
+ src: ['../../assets/images/stripes.jpg', '../../assets/images/1101098.png',
+ '../../assets/images/4679113782_ca13e2e6c0_z.jpg',
+ '../../assets/images/2979121308_59539a3898_z.jpg'
+ ],
+ width: 25,
+ imagedHeight: 25
+ },
+ },
+ stroke: {
+ width: 4
+ },
+ dataLabels: {
+ enabled: false
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ },
+ series: [44, 33, 54, 45],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="pie" width="380" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(PieChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/pie/simple-donut.html b/public/ThirdParty/apexcharts-bundle/samples/react/pie/simple-donut.html
new file mode 100644
index 0000000000000000000000000000000000000000..a40ddb7c89480e13a3dcfae53d488cd66eecbd7f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/pie/simple-donut.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Donut</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width="380" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class DonutChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ },
+ series: [44, 55, 41, 17, 15]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width="380" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(DonutChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/pie/simple-pie.html b/public/ThirdParty/apexcharts-bundle/samples/react/pie/simple-pie.html
new file mode 100644
index 0000000000000000000000000000000000000000..31fbedae3da4da6304a8c2f0a90754cdddee379a
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/pie/simple-pie.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="pie" width="380" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class PieChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ },
+ series: [44, 55, 13, 43, 22],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="pie" width="380" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(PieChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radar/basic-radar.html b/public/ThirdParty/apexcharts-bundle/samples/react/radar/basic-radar.html
new file mode 100644
index 0000000000000000000000000000000000000000..9213b6a023f9a4c5751c659b07a72e0ff4a3bbd2
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radar/basic-radar.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Radar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ labels: ['January', 'February', 'March', 'April', 'May', 'June'],
+ title: {
+ text: 'Basic Radar Chart'
+ }
+ },
+ series: [{
+ name: 'Series 1',
+ data: [80, 50, 30, 40, 100, 20],
+ }]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radar/radar-multiple-series.html b/public/ThirdParty/apexcharts-bundle/samples/react/radar/radar-multiple-series.html
new file mode 100644
index 0000000000000000000000000000000000000000..a13f4e5176c381c72dc49e723662b0b66be479df
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radar/radar-multiple-series.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Radar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart, #app {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ dropShadow: {
+ enabled: true,
+ blur: 1,
+ left: 1,
+ top: 1
+ },
+ },
+ labels: ['2011', '2012', '2013', '2014', '2015', '2016'],
+ title: {
+ text: 'Radar Chart - Multi Series'
+ },
+ stroke: {
+ width: 0
+ },
+ fill: {
+ opacity: 0.4
+ },
+ markers: {
+ size: 0
+ }
+ },
+ series: [{
+ name: 'Series 1',
+ data: [80, 50, 30, 40, 100, 20],
+ }, {
+ name: 'Series 2',
+ data: [20, 30, 40, 80, 20, 80],
+ }, {
+ name: 'Series 3',
+ data: [44, 76, 78, 13, 43, 10],
+ }]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radar/radar-with-polygon-fill.html b/public/ThirdParty/apexcharts-bundle/samples/react/radar/radar-with-polygon-fill.html
new file mode 100644
index 0000000000000000000000000000000000000000..78c8f573e595d329248bc5d43d7348164f409957
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radar/radar-with-polygon-fill.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Radar with Polygon Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadarChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ labels: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+ plotOptions: {
+ radar: {
+ size: 140,
+ polygons: {
+ strokeColor: '#e9e9e9',
+ fill: {
+ colors: ['#f8f8f8', '#fff']
+ }
+ }
+ }
+ },
+ title: {
+ text: 'Radar with Polygon Fill'
+ },
+ colors: ['#FF4560'],
+ markers: {
+ size: 4,
+ colors: ['#fff'],
+ strokeColor: '#FF4560',
+ strokeWidth: 2,
+ },
+ tooltip: {
+ y: {
+ formatter: function(val) {
+ return val
+ }
+ }
+ },
+ yaxis: {
+ tickAmount: 7,
+ labels: {
+ formatter: function(val, i) {
+ if(i % 2 === 0) {
+ return val
+ } else {
+ return ''
+ }
+ }
+ }
+ }
+ },
+ series: [{
+ name: 'Series 1',
+ data: [20, 100, 40, 30, 50, 80, 33],
+ }]
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadarChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart-multiple.html b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart-multiple.html
new file mode 100644
index 0000000000000000000000000000000000000000..9984bd6e2f2f1309c04a2f3d203987ad7cc42edf
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart-multiple.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart - Multiple</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadialChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ labels: ['Apples', 'Oranges', 'Bananas', 'Berries'],
+ radialBar: {
+ dataLabels: {
+ name: {
+ fontSize: '22px',
+ },
+ value: {
+ fontSize: '16px',
+ },
+ total: {
+ show: true,
+ label: 'Total',
+ formatter: function (w) {
+ // By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
+ return 249
+ }
+ }
+ }
+ }
+ },
+ series: [44, 55, 67, 83],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadialChart), domContainer);
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..877a37793344616097686b8eb734ff46f6d12cb4
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart-with-image.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadialChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ series: [67],
+ options: {
+ plotOptions: {
+ radialBar: {
+ hollow: {
+ margin: 15,
+ size: '70%',
+ image: '../../assets/images/clock.png',
+ imageWidth: 64,
+ imageHeight: 64,
+ imageClipped: false
+ },
+ dataLabels: {
+ name: {
+ show: false,
+ color: '#fff'
+ },
+ value: {
+ show: true,
+ color: '#333',
+ offsetY: 70,
+ fontSize: '22px'
+
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'image',
+ image: {
+ src: ['../../assets/images/4274635880_809a4b9d0d_z.jpg'],
+ }
+ },
+ stroke: {
+ lineCap: 'round'
+ },
+ labels: ['Volatility'],
+ },
+ }
+ }
+
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadialChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart.html b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..3105fd755418fd0f0a447ad9216498d6f8a43907
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-chart.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadialChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ radialBar: {
+ hollow: {
+ size: '70%',
+ }
+ },
+ },
+ labels: ['Cricket']
+ },
+ series: [70],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadialChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-custom-angle.html b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-custom-angle.html
new file mode 100644
index 0000000000000000000000000000000000000000..70f11e263c1fe7d3e30f17ec82ece210afbeefc6
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-custom-angle.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Custom Angle</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .apexcharts-legend text {
+ font-weight: 900;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadialChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ radialBar: {
+ offsetY: -30,
+ startAngle: 0,
+ endAngle: 270,
+ hollow: {
+ margin: 5,
+ size: '30%',
+ background: 'transparent',
+ image: undefined,
+ },
+ dataLabels: {
+ name: {
+ show: false,
+
+ },
+ value: {
+ show: false,
+ }
+ }
+ }
+ },
+ colors: ['#1ab7ea', '#0084ff', '#39539E', '#0077B5'],
+ labels: ['Vimeo', 'Messenger', 'Facebook', 'LinkedIn'],
+ legend: {
+ show: true,
+ floating: true,
+ fontSize: '16px',
+ position: 'left',
+ offsetX: 170,
+ offsetY: 10,
+ labels: {
+ useSeriesColors: true,
+ },
+ markers: {
+ size: 0
+ },
+ formatter: function(seriesName, opts) {
+ return seriesName + ": " + opts.w.globals.series[opts.seriesIndex]
+ },
+ itemMargin: {
+ horizontal: 1,
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ show: false
+ }
+ }
+ }]
+ },
+ series: [76, 67, 61, 90],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadialChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-gradient.html b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-gradient.html
new file mode 100644
index 0000000000000000000000000000000000000000..e318e022f5cd43208d1fcd68041e5a9b2ede2a22
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/circle-gradient.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Concept 2</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #card {
+ background: #fff;
+ max-width: 650px;
+ margin: 35px auto;
+ padding-top: 0px;
+ text-align: center;
+ }
+
+ h2 {
+ font-size: 18px;
+ margin-bottom: 0;
+ color: rgb(192, 192, 192);
+ }
+ h1 {
+ font-size: 22px;
+ margin-top: 0;
+ color: #333;
+ }
+
+ .footer {
+ position: absolute;
+ bottom: 16px;
+ left: 0;
+ right: 0;
+ font-size: 14px;
+ text-align: center
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="card"> <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" /> </div> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadialChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ toolbar: {
+ show: true
+ }
+ },
+ plotOptions: {
+ radialBar: {
+ startAngle: -135,
+ endAngle: 225,
+ hollow: {
+ margin: 0,
+ size: '70%',
+ background: '#fff',
+ position: 'front',
+ dropShadow: {
+ enabled: true,
+ top: 3,
+ left: 0,
+ blur: 4,
+ opacity: 0.24
+ }
+ },
+ track: {
+ background: '#fff',
+ strokeWidth: '67%',
+ margin: 0, // margin is in pixels
+ dropShadow: {
+ enabled: true,
+ top: -3,
+ left: 0,
+ blur: 4,
+ opacity: 0.35
+ }
+ },
+
+ dataLabels: {
+ name: {
+ offsetY: -10,
+ show: true,
+ color: '#888',
+ fontSize: '17px'
+ },
+ value: {
+ formatter: function (val) {
+ return parseInt(val);
+ },
+ color: '#111',
+ fontSize: '36px',
+ show: true,
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ type: 'horizontal',
+ shadeIntensity: 0.5,
+ gradientToColors: ['#ABE5A1'],
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 100]
+ }
+ },
+ stroke: {
+ lineCap: 'round'
+ },
+ labels: ['Percent'],
+ },
+ series: [75],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="card">
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" />
+ </div>
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadialChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/semi-circle-chart.html b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/semi-circle-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..18bc409b7c7cc6f0e69e00c8d9e5c2e11c00758a
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/semi-circle-chart.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Semi Circle Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadialChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ radialBar: {
+ startAngle: -90,
+ endAngle: 90,
+ track: {
+ background: "#e7e7e7",
+ strokeWidth: '97%',
+ margin: 5, // margin is in pixels
+ shadow: {
+ enabled: true,
+ top: 2,
+ left: 0,
+ color: '#999',
+ opacity: 1,
+ blur: 2
+ }
+ },
+ dataLabels: {
+ name: {
+ show: false
+ },
+ value: {
+ offsetY: 15,
+ fontSize: '22px'
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'light',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 53, 91]
+ },
+ },
+ labels: ['Average Results'],
+ },
+ series: [76],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadialChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/stroked-gauge.html b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/stroked-gauge.html
new file mode 100644
index 0000000000000000000000000000000000000000..7e5d5069a2ee546beabc40453476be2b1310d581
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/radialBar/stroked-gauge.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stroked Gauge</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class RadialChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ plotOptions: {
+ radialBar: {
+ startAngle: -135,
+ endAngle: 135,
+ dataLabels: {
+ name: {
+ fontSize: '16px',
+ color: undefined,
+ offsetY: 120
+ },
+ value: {
+ offsetY: 76,
+ fontSize: '22px',
+ color: undefined,
+ formatter: function (val) {
+ return val + "%";
+ }
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.15,
+ inverseColors: false,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 65, 91]
+ },
+ },
+ stroke: {
+ dashArray: 4
+ },
+ labels: ['Median Ratio']
+ },
+ series: [67],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="radialBar" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(RadialChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-basic.html b/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..de78412df42df8c45cbb3dbd9c381ca74256bccf
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-basic.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Scatter Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="scatter" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class ScatterChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ zoom: {
+ enabled: true,
+ type: 'xy'
+ }
+ },
+ xaxis: {
+ tickAmount: 10,
+ },
+ yaxis: {
+ tickAmount: 7
+ }
+ },
+ series: [{
+ name: "SAMPLE A",
+ data: [
+ [16.4, 5.4],
+ [21.7, 2],
+ [25.4, 3],
+ [19, 2],
+ [10.9, 1],
+ [13.6, 3.2],
+ [10.9, 7.4],
+ [10.9, 0],
+ [10.9, 8.2],
+ [16.4, 0],
+ [16.4, 1.8],
+ [13.6, 0.3],
+ [13.6, 0],
+ [29.9, 0],
+ [27.1, 2.3],
+ [16.4, 0],
+ [13.6, 3.7],
+ [10.9, 5.2],
+ [16.4, 6.5],
+ [10.9, 0],
+ [24.5, 7.1],
+ [10.9, 0],
+ [8.1, 4.7],
+ [19, 0],
+ [21.7, 1.8],
+ [27.1, 0],
+ [24.5, 0],
+ [27.1, 0],
+ [29.9, 1.5],
+ [27.1, 0.8],
+ [22.1, 2]
+ ]
+ }, {
+ name: "SAMPLE B",
+ data: [
+ [6.4, 13.4],
+ [1.7, 11],
+ [5.4, 8],
+ [9, 17],
+ [1.9, 4],
+ [3.6, 12.2],
+ [1.9, 14.4],
+ [1.9, 9],
+ [1.9, 13.2],
+ [1.4, 7],
+ [6.4, 8.8],
+ [3.6, 4.3],
+ [1.6, 10],
+ [9.9, 2],
+ [7.1, 15],
+ [1.4, 0],
+ [3.6, 13.7],
+ [1.9, 15.2],
+ [6.4, 16.5],
+ [0.9, 10],
+ [4.5, 17.1],
+ [10.9, 10],
+ [0.1, 14.7],
+ [9, 10],
+ [12.7, 11.8],
+ [2.1, 10],
+ [2.5, 10],
+ [27.1, 10],
+ [2.9, 11.5],
+ [7.1, 10.8],
+ [2.1, 12]
+ ]
+ }, {
+ name: "SAMPLE C",
+ data: [
+ [21.7, 3],
+ [23.6, 3.5],
+ [24.6, 3],
+ [29.9, 3],
+ [21.7, 20],
+ [23, 2],
+ [10.9, 3],
+ [28, 4],
+ [27.1, 0.3],
+ [16.4, 4],
+ [13.6, 0],
+ [19, 5],
+ [22.4, 3],
+ [24.5, 3],
+ [32.6, 3],
+ [27.1, 4],
+ [29.6, 6],
+ [31.6, 8],
+ [21.6, 5],
+ [20.9, 4],
+ [22.4, 0],
+ [32.6, 10.3],
+ [29.7, 20.8],
+ [24.5, 0.8],
+ [21.4, 0],
+ [21.7, 6.9],
+ [28.6, 7.7],
+ [15.4, 0],
+ [18.1, 0],
+ [33.4, 0],
+ [16.4, 0]
+ ]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="scatter" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(ScatterChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-datetime.html b/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-datetime.html
new file mode 100644
index 0000000000000000000000000000000000000000..76ae63339429dc3789b483947bec93edcaca6da2
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-datetime.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Timeline Scatter Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="scatter" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ function generateDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([baseval, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ class ScatterChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ zoom: {
+ type: 'xy'
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ grid: {
+ xaxis: {
+ showLines: true
+ },
+ yaxis: {
+ showLines: true
+ },
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+ yaxis: {
+ max: 70
+ }
+ },
+ series: [
+ {
+ name: 'TEAM 1',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 2',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 3',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 30, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 4',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 5',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 30, {
+ min: 10,
+ max: 60
+ })
+ },
+ ],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="scatter" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(ScatterChart), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-images.html b/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-images.html
new file mode 100644
index 0000000000000000000000000000000000000000..fa132db2e607179e94ff29dee2bcadb2f6c59d7f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/scatter/scatter-images.html
@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Scatter Images</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series}
+ type="scatter" height="350" /> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ class ScatterChart extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ options: {
+ chart: {
+ animations: {
+ enabled: false,
+ },
+ zoom: {
+ enabled: false,
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ colors: ['#79A2F8', '#EF7EC9']
+ xaxis: {
+ tickAmount: 10,
+ min: 0,
+ max: 40
+ },
+ yaxis: {
+ tickAmount: 7
+ },
+ markers: {
+ size: 20
+ },
+ fill: {
+ type: 'image',
+ opacity: 1,
+ image: {
+ src: ['../../assets/images/ico-messenger.png'],
+ width: 40,
+ height: 40
+ }
+ }
+ },
+ series: [{
+ data: [
+ [16.4, 5.4],
+ [21.7, 4],
+ [25.4, 3],
+ [19, 2],
+ [10.9, 1],
+ [13.6, 3.2],
+ [10.9, 7],
+ [10.9, 8.2],
+ [16.4, 4],
+ [13.6, 4.3],
+ [13.6, 12],
+ [29.9, 3],
+ [10.9, 5.2],
+ [16.4, 6.5],
+ [10.9, 8],
+ [24.5, 7.1],
+ [10.9, 7],
+ [8.1, 4.7],
+ [19, 10],
+ [27.1, 10],
+ [24.5, 8],
+ [27.1, 3],
+ [29.9, 11.5],
+ [27.1, 0.8],
+ [22.1, 2]
+ ]
+ }],
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="chart">
+ <ReactApexChart options={this.state.options} series={this.state.series} type="scatter" height="350" />
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(ScatterChart), domContainer);
+
+ </script>
+</body>
+
+</html>
diff --git a/public/ThirdParty/apexcharts-bundle/samples/react/sparklines/sparklines.html b/public/ThirdParty/apexcharts-bundle/samples/react/sparklines/sparklines.html
new file mode 100644
index 0000000000000000000000000000000000000000..90f443de250e92b942c53dd41a4b9500043b4311
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/react/sparklines/sparklines.html
@@ -0,0 +1,411 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Sparklines</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ .row {
+ overflow: hidden;
+ max-width: 890px;
+ margin: 30px auto;
+ display: flex;
+ }
+
+ .col-md-4 {
+ width: 33.33%;
+ padding: 0 25px;
+ }
+
+ table {
+ width: 100%;
+ }
+
+ tbody tr {
+ border-top: 1px solid #e7e7e7;
+ }
+
+ th {
+ font-weight: bold;
+ font-family: Helvetica;
+ padding-bottom: 20px;
+ }
+
+ td,
+ th {
+ width: 25%;
+ text-align: center;
+ height: 65px;
+ }
+
+ td div {
+ margin: 0 auto;
+ }
+
+ .left {
+ float: left;
+ }
+
+ .right {
+ float: right;
+ }
+
+ @media only screen and (max-width: 480px) {
+
+ th:first-child,
+ td:first-child {
+ display: none;
+ }
+
+ .row {
+ display: block;
+ }
+
+ .col-md-4 {
+ padding: 0;
+ width: 100%;
+ }
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app"></div>
+
+ <div id="html">
+ <div id="sparklines"> <div className="row"> <div className="col-md-4"> <div id="spark1"> <ReactApexChart options={this.state.chartOptionsTopSpark1} series={this.state.seriesTopSpark1} type="area" height="160" /> </div> </div> <div className="col-md-4"> <div id="spark2"> <ReactApexChart options={this.state.chartOptionsTopSpark2} series={this.state.seriesTopSpark2} type="area" height="160" /> </div> </div> <div className="col-md-4"> <div id="spark3"> <ReactApexChart options={this.state.chartOptionsTopSpark3} series={this.state.seriesTopSpark3} type="area" height="160" /> </div> </div> </div> <div className="row"> <table> <thead> <th>Total Value</th> <th>Percentage of Portfolio</th> <th>Last 10 days</th> <th>Volume</th> </thead> <tbody> <tr> <td>$32,554</td> <td>15%</td> <td> <div id="chart1"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark1} type="line" height="35" width="100" /> </div> </td> <td> <div id="chart5"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark1} type="bar" height="35" width="100" /> </div> </td> </tr> <tr> <td>$23,533</td> <td>7%</td> <td> <div id="chart2"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark2} type="line" height="35" width="100" /> </div> </td> <td> <div id="chart6"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark2} type="bar" height="35" width="100" /> </div> </td> </tr> <tr> <td>$54,276</td> <td>9%</td> <td> <div id="chart3"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="line" height="35" width="100" /> </div> </td> <td> <div id="chart7"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="bar" height="35" width="100" /> </div> </td> </tr> <tr> <td>$11,533</td> <td>2%</td> <td> <div id="chart4"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark4} type="line" height="35" width="100" /> </div> </td> <td> <div id="chart8"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="bar" height="35" width="100" /> </div> </td> </tr> </tbody> </table> </div> </div>
+ </div>
+
+ <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+ <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+ <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+ </script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+ <script type="text/babel">
+
+ window.Apex = {
+ stroke: {
+ width: 3
+ },
+ markers: {
+ size: 0
+ },
+ tooltip: {
+ fixed: {
+ enabled: true,
+ }
+ }
+ };
+
+ var randomizeArray = function (arg) {
+ var array = arg.slice();
+ var currentIndex = array.length,
+ temporaryValue, randomIndex;
+
+ while (0 !== currentIndex) {
+
+ randomIndex = Math.floor(Math.random() * currentIndex);
+ currentIndex -= 1;
+
+ temporaryValue = array[currentIndex];
+ array[currentIndex] = array[randomIndex];
+ array[randomIndex] = temporaryValue;
+ }
+
+ return array;
+ }
+
+ // data for the sparklines that appear below header area
+ var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
+
+ class SparklinesCharts extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ seriesTopSpark1: [{
+ data: randomizeArray(sparklineData)
+ }],
+ seriesTopSpark2: [{
+ data: randomizeArray(sparklineData)
+ }],
+ seriesTopSpark3: [{
+ data: randomizeArray(sparklineData)
+ }],
+ seriesSpark1: [{
+ data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
+ }],
+ seriesSpark2: [{
+ data: [47, 45, 74, 14, 56, 74, 14, 11, 7, 39, 82]
+ }],
+ seriesSpark3: [{
+ data: [12, 14, 2, 47, 42, 15, 47, 75, 65, 19, 14]
+ }],
+ seriesSpark4: [{
+ data: [15, 75, 47, 65, 14, 2, 41, 54, 4, 27, 15]
+ }],
+ chartOptionsTopSpark1: {
+ chart: {
+ sparkline: {
+ enabled: true
+ },
+ },
+ colors: ['#DCE6EC'],
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3,
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ yaxis: {
+ min: 0
+ },
+ title: {
+ text: '$135,965',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Profits',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ },
+ chartOptionsTopSpark2: {
+ chart: {
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ yaxis: {
+ min: 0
+ },
+ title: {
+ text: '$235,312',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Expenses',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ },
+ chartOptionsTopSpark3: {
+ chart: {
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3,
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ yaxis: {
+ min: 0
+ },
+ title: {
+ text: '$424,652',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Sales',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ },
+ chartOptionsSparkLine: {
+ chart: {
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%'
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+ }
+ }
+
+ render() {
+ return (
+ <div>
+ <div id="sparklines">
+ <div className="row">
+ <div className="col-md-4">
+ <div id="spark1">
+ <ReactApexChart options={this.state.chartOptionsTopSpark1} series={this.state.seriesTopSpark1} type="area" height="160" />
+ </div>
+ </div>
+ <div className="col-md-4">
+ <div id="spark2">
+ <ReactApexChart options={this.state.chartOptionsTopSpark2} series={this.state.seriesTopSpark2} type="area" height="160" />
+ </div>
+ </div>
+ <div className="col-md-4">
+ <div id="spark3">
+ <ReactApexChart options={this.state.chartOptionsTopSpark3} series={this.state.seriesTopSpark3} type="area" height="160" />
+ </div>
+ </div>
+ </div>
+
+ <div className="row">
+ <table>
+ <thead>
+ <th>Total Value</th>
+ <th>Percentage of Portfolio</th>
+ <th>Last 10 days</th>
+ <th>Volume</th>
+ </thead>
+ <tbody>
+ <tr>
+ <td>$32,554</td>
+ <td>15%</td>
+ <td>
+ <div id="chart1">
+ <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark1} type="line" height="35" width="100" />
+ </div>
+ </td>
+ <td>
+ <div id="chart5">
+ <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark1} type="bar" height="35" width="100" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$23,533</td>
+ <td>7%</td>
+ <td>
+ <div id="chart2">
+ <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark2} type="line" height="35" width="100" />
+ </div>
+ </td>
+ <td>
+ <div id="chart6">
+ <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark2} type="bar" height="35" width="100" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$54,276</td>
+ <td>9%</td>
+ <td>
+ <div id="chart3">
+ <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="line" height="35" width="100" />
+ </div>
+ </td>
+ <td>
+ <div id="chart7">
+ <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="bar" height="35" width="100" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$11,533</td>
+ <td>2%</td>
+ <td>
+ <div id="chart4">
+ <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark4} type="line" height="35" width="100" />
+ </div>
+ </td>
+ <td>
+ <div id="chart8">
+ <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="bar" height="35" width="100" />
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ <div id="html-dist">
+ </div>
+ </div>
+ );
+ }
+ }
+
+ const domContainer = document.querySelector('#app');
+ ReactDOM.render(React.createElement(SparklinesCharts), domContainer);
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-datetime.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-datetime.html
new file mode 100644
index 0000000000000000000000000000000000000000..e5e1967d3398a09b19b66cc2e73dd48dc73d81ae
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-datetime.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area Chart - Datetime X-Axis</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .toolbar {
+ margin-left: 45px;
+ }
+
+ button {
+ background: #fff;
+ color: #222;
+ border: 1px solid #e7e7e7;
+ border-bottom: 2px solid #ddd;
+ border-radius: 2px;
+ padding: 4px 17px;
+ }
+
+ button.active {
+ color: #fff;
+ background: #008FFB;
+ border: 1px solid blue;
+ border-bottom: 2px solid blue;
+ }
+
+ button:focus {
+ outline: 0;
+ }
+ </style>
+</head>
+
+<body>
+
+ <div id="chart">
+ <div class="toolbar">
+ <button id="one_month">1M</button>
+ <button id="six_months">6M</button>
+ <button id="one_year" class="active">1Y</button>
+ <button id="ytd">YTD</button>
+ <button id="all">ALL</button>
+ </div>
+ <div id="timeline-chart"></div>
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/series1000.js"></script>
+
+ <script>
+ var options = {
+ annotations: {
+ yaxis: [{
+ y: 30,
+ borderColor: '#999',
+ label: {
+ show: true,
+ text: 'Support',
+ style: {
+ color: "#fff",
+ background: '#00E396'
+ }
+ }
+ }],
+ xaxis: [{
+ x: new Date('14 Nov 2012').getTime(),
+ borderColor: '#999',
+ yAxisIndex: 0,
+ label: {
+ show: true,
+ text: 'Rally',
+ style: {
+ color: "#fff",
+ background: '#775DD0'
+ }
+ }
+ }]
+ },
+ chart: {
+ type: 'area',
+ height: 350,
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ data: dateSeries1
+ },
+
+ ],
+ markers: {
+ size: 0,
+ style: 'hollow',
+ },
+ xaxis: {
+ type: 'datetime',
+ min: new Date('01 Mar 2012').getTime(),
+ tickAmount: 6,
+ },
+ tooltip: {
+ x: {
+ format: 'dd MMM yyyy'
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ opacityFrom: 0.7,
+ opacityTo: 0.9,
+ stops: [0, 100]
+ }
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#timeline-chart"),
+ options
+ );
+
+ chart.render();
+
+ var resetCssClasses = function (activeEl) {
+ var els = document.querySelectorAll("button");
+ Array.prototype.forEach.call(els, function (el) {
+ el.classList.remove('active');
+ });
+
+ activeEl.target.classList.add('active')
+ }
+
+ document.querySelector("#one_month").addEventListener('click', function (e) {
+ resetCssClasses(e)
+ chart.updateOptions({
+ xaxis: {
+ min: new Date('28 Jan 2013').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ })
+ })
+
+ document.querySelector("#six_months").addEventListener('click', function (e) {
+ resetCssClasses(e)
+ chart.updateOptions({
+ xaxis: {
+ min: new Date('27 Sep 2012').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ })
+ })
+
+ document.querySelector("#one_year").addEventListener('click', function (e) {
+ resetCssClasses(e)
+ chart.updateOptions({
+ xaxis: {
+ min: new Date('27 Feb 2012').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ })
+ })
+
+ document.querySelector("#ytd").addEventListener('click', function (e) {
+ resetCssClasses(e)
+ chart.updateOptions({
+ xaxis: {
+ min: new Date('01 Jan 2013').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ })
+ })
+
+ document.querySelector("#all").addEventListener('click', function (e) {
+ resetCssClasses(e)
+ chart.updateOptions({
+ xaxis: {
+ min: undefined,
+ max: undefined,
+ }
+ })
+ })
+
+ document.querySelector("#ytd").addEventListener('click', function () {
+
+ })
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-github-style.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-github-style.html
new file mode 100644
index 0000000000000000000000000000000000000000..a1bf11932149634009db402981a04eaaaba52332
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-github-style.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Syncing charts</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #wrapper {
+ padding-top: 20px;
+ padding-left: 10px;
+ padding-right: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .github-style {
+ clear: both;
+ font-weight: 400;
+ height: 40px;
+ margin-left: 6px;
+ }
+
+ .github-style a {
+ color: #0366d6;
+ font-size: 18px;
+ }
+
+ .github-style .cmeta {
+ display: block;
+ color: #777;
+ font-weight: 400;
+ }
+
+ .github-style .userimg {
+ float: left;
+ display: block;
+ border-radius: 3px;
+ }
+
+ .github-style .userdetails {
+ float: left;
+ margin-left: 10px;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="wrapper">
+ <div id="chart-area">
+
+ </div>
+
+ <h5 class="github-style">
+ <img class="userimg" src="https://picsum.photos/200/200/?image=1031" data-hovercard-user-id="634573" class="avatar float-left mr-2"
+ alt="" width="38" height="38" />
+ <div class="userdetails">
+ <a class="username">coder</a>
+ <span class="cmeta">
+ <span class="commits"></span> commits
+ </span>
+ </div>
+ </h5>
+
+ <div id="chart-area2">
+
+ </div>
+ </div>
+
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/github-data.js"></script>
+
+ <script>
+ var optionsarea2 = {
+ chart: {
+ id: 'chartyear',
+ type: 'area',
+ height: 160,
+ background: '#F6F8FA',
+ toolbar: {
+ show: false,
+ autoSelected: 'pan'
+ },
+ events: {
+ mounted: function (chart) {
+ var commitsEl = document.querySelector('p span.commits');
+ var commits = chart.getSeriesTotalXRange(chart.w.globals.minX, chart.w.globals.maxX)
+
+ commitsEl.innerHTML = commits
+ },
+ updated: function (chart) {
+ var commitsEl = document.querySelector('.cmeta span.commits');
+ var commits = chart.getSeriesTotalXRange(chart.w.globals.minX, chart.w.globals.maxX)
+
+ commitsEl.innerHTML = commits
+ }
+ }
+ },
+ colors: ['#FF7F00'],
+ stroke: {
+ width: 0,
+ curve: 'smooth'
+ },
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ opacity: 1,
+ type: 'solid'
+ },
+ series: [{
+ name: 'commits',
+ data: githubdata.series
+ }],
+ yaxis: {
+ tickAmount: 3,
+ labels: {
+ show: false
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ }
+ }
+
+ var chartarea2 = new ApexCharts(
+ document.querySelector("#chart-area2"),
+ optionsarea2
+ );
+
+ chartarea2.render();
+
+ var options = {
+ chart: {
+ height: 200,
+ type: 'area',
+ background: '#F6F8FA',
+ toolbar: {
+ autoSelected: 'selection',
+ },
+ brush: {
+ enabled: true,
+ target: 'chartyear'
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('05 Jan 2014').getTime(),
+ max: new Date('04 Jan 2015').getTime()
+ }
+ },
+ },
+ colors: ['#7BD39A'],
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 0,
+ curve: 'smooth'
+ },
+
+ series: [{
+ name: 'commits',
+ data: githubdata.series
+ }],
+ fill: {
+ opacity: 1,
+ type: 'solid'
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart-area"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
+
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-range.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-range.html
new file mode 100644
index 0000000000000000000000000000000000000000..acf54820f5fd94f65cc38047e8f81225e52c84ca
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-range.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Range Area Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'area',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ plotOptions: {
+ area: {
+ isRange: true
+ }
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: 'range',
+ data: [
+ {
+ x: new Date(1538780400000),
+ y: [6632.01, 6643.59]
+ },
+ {
+ x: new Date(1538782200000),
+ y: [6630.71, 6648.95]
+ },
+ {
+ x: new Date(1538784000000),
+ y: [6635.65, 6651]
+ },
+ {
+ x: new Date(1538785800000),
+ y: [6638.24, 6640]
+ },
+ {
+ x: new Date(1538787600000),
+ y: [6624.53, 6636.03]
+ },
+ {
+ x: new Date(1538789400000),
+ y: [6624.61, 6632.2]
+ },
+ {
+ x: new Date(1538791200000),
+ y: [6617, 6627.62]
+ },
+ {
+ x: new Date(1538793000000),
+ y: [6605, 6608.03]
+ },
+ {
+ x: new Date(1538794800000),
+ y: [6604.5, 6614.4]
+ },
+ {
+ x: new Date(1538796600000),
+ y: [6608.02, 6610.68]
+ },
+ {
+ x: new Date(1538798400000),
+ y: [6608.91, 6618.99]
+ },
+ {
+ x: new Date(1538800200000),
+ y: [6612, 6615.13]
+ },
+ {
+ x: new Date(1538802000000),
+ y: [6612, 6624.12]
+ },
+ {
+ x: new Date(1538803800000),
+ y: [6603.91, 6623.91]
+ },
+ {
+ x: new Date(1538805600000),
+ y: [6611.69, 6618.74]
+ },
+ {
+ x: new Date(1538807400000),
+ y: [6611, 6622.78]
+ },
+ {
+ x: new Date(1538809200000),
+ y: [6614.9, 6626.2]
+ }
+ ]
+ }],
+ title: {
+ text: 'Range Area Chart',
+ align: 'left',
+ style: {
+ fontSize: '16px'
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-spline.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-spline.html
new file mode 100644
index 0000000000000000000000000000000000000000..7f018d0c629162ebadd4290af9ef5ac44553b7f8
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-spline.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area Spline</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'area',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+ series: [{
+ name: 'series1',
+ data: [31, 40, 28, 51, 42, 109, 100]
+ }, {
+ name: 'series2',
+ data: [11, 32, 45, 32, 34, 52, 41]
+ }],
+
+ xaxis: {
+ type: 'datetime',
+ categories: ["2018-09-19T00:00:00", "2018-09-19T01:30:00", "2018-09-19T02:30:00", "2018-09-19T03:30:00", "2018-09-19T04:30:00", "2018-09-19T05:30:00", "2018-09-19T06:30:00"],
+ },
+ tooltip: {
+ x: {
+ format: 'dd/MM/yy HH:mm'
+ },
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-with-missing-data.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-with-missing-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..36895e32609b42daaa3be27b87437ea04b7c968f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-with-missing-data.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area with missing data</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'area',
+ animations: {
+ enabled: false
+ },
+ zoom: {
+ enabled: false
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: 'Network',
+ data: [{
+ x: 'Dec 23 2017',
+ y: null
+ },
+ {
+ x: 'Dec 24 2017',
+ y: 44
+ },
+ {
+ x: 'Dec 25 2017',
+ y: 31
+ },
+ {
+ x: 'Dec 26 2017',
+ y: 38
+ },
+ {
+ x: 'Dec 27 2017',
+ y: null
+ },
+ {
+ x: 'Dec 28 2017',
+ y: 32
+ },
+ {
+ x: 'Dec 29 2017',
+ y: 55
+ },
+ {
+ x: 'Dec 30 2017',
+ y: 51
+ },
+ {
+ x: 'Dec 31 2017',
+ y: 67
+ },
+ {
+ x: 'Jan 01 2018',
+ y: 22
+ },
+ {
+ x: 'Jan 02 2018',
+ y: 34
+ },
+ {
+ x: 'Jan 03 2018',
+ y: null
+ },
+ {
+ x: 'Jan 04 2018',
+ y: null
+ },
+ {
+ x: 'Jan 05 2018',
+ y: 11
+ },
+ {
+ x: 'Jan 06 2018',
+ y: 4
+ },
+ {
+ x: 'Jan 07 2018',
+ y: 15,
+ },
+ {
+ x: 'Jan 08 2018',
+ y: null
+ },
+ {
+ x: 'Jan 09 2018',
+ y: 9
+ },
+ {
+ x: 'Jan 10 2018',
+ y: 34
+ },
+ {
+ x: 'Jan 11 2018',
+ y: null
+ },
+ {
+ x: 'Jan 12 2018',
+ y: null
+ },
+ {
+ x: 'Jan 13 2018',
+ y: 13
+ },
+ {
+ x: 'Jan 14 2018',
+ y: null
+ }
+ ],
+ }],
+ fill: {
+ opacity: 0.8,
+ type: 'pattern',
+ pattern: {
+ enabled: true,
+ style: ['verticalLines', 'horizontalLines'],
+ width: 5,
+ depth: 6
+ },
+ },
+ markers: {
+ size: 5,
+ hover: {
+ size: 9
+ }
+ },
+ title: {
+ text: 'Network Monitoring',
+ },
+ tooltip: {
+ intersect: true,
+ shared: false
+ },
+ theme: {
+ palette: 'palette1'
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+ yaxis: {
+ title: {
+ text: 'Bytes Received'
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..3e4a38b853ff1ce57152a71629b0a63df985d3cb
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/area-with-negative.html
@@ -0,0 +1,281 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area with Negative - Stacked</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'area',
+ // zoom: {
+ // enabled: false
+ // }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: 'north',
+ data: [{
+ x: 1996,
+ y: 322
+ },
+ {
+ x: 1997,
+ y: 324
+ },
+ {
+ x: 1998,
+ y: 329
+ },
+ {
+ x: 1999,
+ y: 342
+ },
+ {
+ x: 2000,
+ y: 348
+ },
+ {
+ x: 2001,
+ y: 334
+ },
+ {
+ x: 2002,
+ y: 325
+ },
+ {
+ x: 2003,
+ y: 316
+ },
+ {
+ x: 2004,
+ y: 318
+ },
+ {
+ x: 2005,
+ y: 330
+ },
+ {
+ x: 2006,
+ y: 355
+ },
+ {
+ x: 2007,
+ y: 366
+ },
+ {
+ x: 2008,
+ y: 337
+ },
+ {
+ x: 2009,
+ y: 352
+ },
+ {
+ x: 2010,
+ y: 377
+ },
+ {
+ x: 2011,
+ y: 383
+ },
+ {
+ x: 2012,
+ y: 344
+ },
+ {
+ x: 2013,
+ y: 366
+ },
+ {
+ x: 2014,
+ y: 389
+ },
+ {
+ x: 2015,
+ y: 334
+ }
+ ]
+ }, {
+ name: 'south',
+ data: [
+
+ {
+ x: 1996,
+ y: 162
+ },
+ {
+ x: 1997,
+ y: 90
+ },
+ {
+ x: 1998,
+ y: 50
+ },
+ {
+ x: 1999,
+ y: 77
+ },
+ {
+ x: 2000,
+ y: 35
+ },
+ {
+ x: 2001,
+ y: -45
+ },
+ {
+ x: 2002,
+ y: -88
+ },
+ {
+ x: 2003,
+ y: -120
+ },
+ {
+ x: 2004,
+ y: -156
+ },
+ {
+ x: 2005,
+ y: -123
+ },
+ {
+ x: 2006,
+ y: -88
+ },
+ {
+ x: 2007,
+ y: -66
+ },
+ {
+ x: 2008,
+ y: -45
+ },
+ {
+ x: 2009,
+ y: -29
+ },
+ {
+ x: 2010,
+ y: -45
+ },
+ {
+ x: 2011,
+ y: -88
+ },
+ {
+ x: 2012,
+ y: -132
+ },
+ {
+ x: 2013,
+ y: -146
+ },
+ {
+ x: 2014,
+ y: -169
+ },
+ {
+ x: 2015,
+ y: -184
+ }
+ ]
+ }],
+ title: {
+ text: 'Area with Negative Values',
+ align: 'left',
+ style: {
+ fontSize: '14px'
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ yaxis: {
+ tickAmount: 4,
+ floating: false,
+
+ labels: {
+ style: {
+ color: '#8e8da4',
+ },
+ offsetY: -7,
+ offsetX: 0,
+ },
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ fill: {
+ type: [ 'gradient', 'solid'],
+ opacity: 1,
+ },
+ tooltip: {
+ x: {
+ format: "yyyy",
+ },
+ fixed: {
+ enabled: false,
+ position: 'topRight'
+ }
+ },
+ grid: {
+ yaxis: {
+ lines: {
+ offsetX: -30
+ }
+ },
+ padding: {
+ left: 20
+ }
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/basic-area.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/basic-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..3d783ed0f369ab67f4965c0b2e72e8a0d671898b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/basic-area.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/stock-prices.js"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'area',
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: "STOCK ABC",
+ data: series.monthDataSeries1.prices
+ }],
+ title: {
+ text: 'Fundamental Analysis of Stocks',
+ align: 'left'
+ },
+ subtitle: {
+ text: 'Price Movements',
+ align: 'left'
+ },
+ labels: series.monthDataSeries1.dates,
+ xaxis: {
+ type: 'datetime',
+ },
+ yaxis: {
+ opposite: true
+ },
+ legend: {
+ horizontalAlign: 'left'
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/stacked-area.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/stacked-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..4d04c91e98f73ef2851001962d086a4ad0d709b0
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/stacked-area.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'area',
+ stacked: true,
+ events: {
+ selection: function(chart, e) {
+ console.log(new Date(e.xaxis.min) )
+ }
+ },
+
+ },
+ colors: ['#008FFB', '#00E396', '#CED4DC'],
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+
+ series: [{
+ name: 'South',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'North',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 20
+ })
+ },
+
+ {
+ name: 'Central',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 15
+ })
+ }
+ ],
+ fill: {
+ type: 'gradient',
+ gradient: {
+ opacityFrom: 0.6,
+ opacityTo: 0.8,
+ }
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ /*
+ // this function will generate output in this format
+ // data = [
+ [timestamp, 23],
+ [timestamp, 33],
+ [timestamp, 12]
+ ...
+ ]
+ */
+ function generateDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/timeseries-with-irregular-data.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/timeseries-with-irregular-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..57dbed3c7d4a0a55dd4351c73d92d26d0df695ae
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/area/timeseries-with-irregular-data.html
@@ -0,0 +1,154 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>TimeSeries With Irregular Data</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+ <!-- fake data taken from https://www.metricsgraphicsjs.org/data/fake_users2.json -->
+
+ <script src="../../assets/irregular-data-series.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
+
+ <script>
+
+
+ var ts1 = 1388534400000;
+ var ts2 = 1388620800000;
+ var ts3 = 1389052800000;
+
+ var dataSet = [[],[],[]];
+
+ for(var i=0; i<12; i++) {
+ ts1 = ts1 + 86400000;
+ var innerArr = [ts1, dataSeries[2][i].value];
+ dataSet[0].push(innerArr)
+ }
+ for(var i=0; i<18; i++) {
+ ts2 = ts2 + 86400000;
+ var innerArr = [ts2, dataSeries[1][i].value];
+ dataSet[1].push(innerArr)
+ }
+ for(var i=0; i<12; i++) {
+ ts3 = ts3 + 86400000;
+ var innerArr = [ts3, dataSeries[0][i].value];
+ dataSet[2].push(innerArr)
+ }
+
+ var options = {
+ chart: {
+ type: 'area',
+ stacked: false,
+ height: 350,
+ zoom: {
+ enabled: false
+ },
+ },
+ plotOptions: {
+ line: {
+ curve: 'smooth',
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ name: 'PRODUCT A',
+ data: dataSet[0]
+ }, {
+ name: 'PRODUCT B',
+ data: dataSet[1]
+ }, {
+ name: 'PRODUCT C',
+ data: dataSet[2]
+ }],
+ markers: {
+ size: 0,
+ style: 'full',
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ inverseColors: false,
+ opacityFrom: 0.45,
+ opacityTo: 0.05,
+ stops: [20, 100, 100, 100]
+ },
+ },
+ yaxis: {
+ labels: {
+ style: {
+ color: '#8e8da4',
+ },
+ offsetX: 0,
+ formatter: function(val) {
+ return (val / 1000000).toFixed(2);
+ },
+ },
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ tickAmount: 8,
+ min: new Date("01/01/2014").getTime(),
+ max: new Date("01/20/2014").getTime(),
+ labels: {
+ rotate: -15,
+ rotateAlways: true,
+ formatter: function(val, timestamp) {
+ return moment(new Date(timestamp)).format("DD MMM YYYY")
+ }
+ }
+ },
+ title: {
+ text: 'Irregular Data in Time Series',
+ align: 'left',
+ offsetX: 14
+ },
+ tooltip: {
+ shared: true
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ offsetX: -10
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-custom-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-custom-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..2a5aba9cd4b83ed93a047939c2a82b6fb432dbf4
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-custom-data-labels.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar with Custom DataLabels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 380,
+ type: 'bar'
+ },
+ plotOptions: {
+ bar: {
+ barHeight: '100%',
+ distributed: true,
+ horizontal: true,
+ dataLabels: {
+ position: 'bottom'
+ },
+ }
+ },
+ colors: ['#33b2df', '#546E7A', '#d4526e', '#13d8aa', '#A5978B', '#2b908f', '#f9a3a4', '#90ee7e', '#f48024', '#69d2e7'],
+ dataLabels: {
+ enabled: true,
+ textAnchor: 'start',
+ style: {
+ colors: ['#fff']
+ },
+ formatter: function(val, opt) {
+ return opt.w.globals.labels[opt.dataPointIndex] + ": " + val
+ },
+ offsetX: 0,
+ dropShadow: {
+ enabled: true
+ }
+ },
+ series: [{
+ data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+ }],
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+ xaxis: {
+ categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'India'],
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ },
+ title: {
+ text: 'Custom DataLabels',
+ align: 'center',
+ floating: true
+ },
+ subtitle: {
+ text: 'Category Names as DataLabels inside bars',
+ align: 'center',
+ },
+ tooltip: {
+ theme: 'dark',
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function() {
+ return ''
+ }
+ }
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-images.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-images.html
new file mode 100644
index 0000000000000000000000000000000000000000..4e3c14f10cf2ecd3ae6189cff573533621185b24
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-images.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar Chart with Images</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ #apexcharts-canvas {
+ margin: 0 auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var labels = Array.apply(null, {length: 39}).map(function(el, index){
+ return index + 1;
+ });
+
+ var options = {
+ chart: {
+ height: 410,
+ type: 'bar',
+ animations: {
+ enabled: false
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '100%',
+
+ },
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ stroke: {
+ colors: ["#fff"],
+ width: 0.2
+ },
+ series: [{
+ name: 'coins',
+ data: [2, 4, 3, 4, 3, 5, 5, 6.5, 6, 5, 4, 5, 8, 7, 7, 8, 8, 10, 9, 9, 12, 12, 11, 12, 13, 14, 16, 14, 15, 17, 19, 21]
+ }],
+ labels: labels,
+ yaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ labels: {
+ show: false
+ },
+ title: {
+ text: 'Weight',
+ },
+ },
+ grid: {
+ position: 'back'
+ },
+ title: {
+ text: 'Paths filled by clipped image',
+ align: 'right',
+ offsetY: 30
+ },
+ fill: {
+ type: 'image',
+ opacity: 0.87,
+ image: {
+ src: ['../../assets/images/4274635880_809a4b9d0d_z.jpg'],
+ width: 466,
+ height: 406
+ }
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..255160bb721e5d4f0d2d35595c3c766502d9be30
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/bar-with-negative.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart with Negative Values</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 440,
+ type: 'bar',
+ stacked: true
+ },
+ colors: ['#008FFB','#FF4560'],
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '80%',
+
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 1,
+ colors: ["#fff"]
+ },
+ series: [{
+ name: 'Males',
+ data: [0.4, 0.65, 0.76, 0.88, 1.5, 2.1, 2.9, 3.8, 3.9, 4.2, 4, 4.3, 4.1, 4.2, 4.5, 3.9, 3.5, 3]
+ },
+ {
+ name: 'Females',
+ data: [-0.8, -1.05, -1.06, -1.18, -1.4, -2.2, -2.85, -3.7, -3.96, -4.22, -4.3, -4.4, -4.1, -4, -4.1, -3.4, -3.1, -2.8]
+ }],
+ grid: {
+ xaxis: {
+ showLines: false
+ }
+ },
+ yaxis: {
+ min: -5,
+ max: 5,
+ title: {
+ // text: 'Age',
+ },
+ },
+ tooltip: {
+ shared: false,
+ x: {
+ formatter: function(val) {
+ return val
+ }
+ },
+ y: {
+ formatter: function(val) {
+ return Math.abs(val) + "%"
+ }
+ }
+ },
+ title: {
+ text: 'Mauritius population pyramid 2011'
+ },
+ xaxis: {
+ categories: ['85+', '80-84', '75-79', '70-74', '65-69', '60-64', '55-59', '50-54', '45-49', '40-44', '35-39', '30-34', '25-29', '20-24', '15-19', '10-14', '5-9', '0-4'],
+ title: {
+ text: 'Percent'
+ },
+ labels: {
+ formatter: function(val) {
+ return Math.abs(Math.round(val)) + "%"
+ }
+ }
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/basic-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/basic-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..b80f911a6b7c58a9ca463c53dc7c93aa2dd8b1df
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/basic-bar.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+ }],
+ xaxis: {
+ categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'Germany'],
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/grouped-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/grouped-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..348acb64b397702728d00c01e9adaa5ff3b1f76b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/grouped-bar.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Grouped Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 430,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ dataLabels: {
+ position: 'top',
+ },
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ offsetX: -6,
+ style: {
+ fontSize: '12px',
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ show: true,
+ width: 1,
+ colors: ['#fff']
+ },
+ series: [{
+ data: [44, 55, 41, 64, 22, 43, 21]
+ },{
+ data: [53, 32, 33, 52, 13, 44, 32]
+ }],
+ xaxis: {
+ categories: [2001, 2002, 2003, 2004, 2005, 2006, 2007],
+ },
+
+ }
+
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/patterned-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/patterned-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..6d505541afbb9442adbb165c7dd45137d70ef659
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/patterned-bar.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar Chart with Pattern Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ stacked: true,
+ shadow: {
+ enabled: true,
+ blur: 1,
+ opacity: 0.5
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '60%',
+
+ },
+
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 2,
+ },
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ },{
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ },{
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ },{
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ }],
+
+ title: {
+ text: 'Compare Sales Strategy'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+
+ },
+ yaxis: {
+ title: {
+ text: undefined
+ },
+ },
+ tooltip: {
+ shared: false,
+ y: {
+ formatter: function(val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ type: 'pattern',
+ opacity: 1,
+ pattern: {
+ style: ['circles', 'slantedLines', 'verticalLines', 'horizontalLines'], // string or array of strings
+
+ }
+ },
+ states: {
+ hover: {
+ filter: 'none'
+ }
+ },
+
+ legend: {
+ position: 'right',
+ offsetY: 40
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/stacked-bar-100.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/stacked-bar-100.html
new file mode 100644
index 0000000000000000000000000000000000000000..b7395e3ada0370af2eaa3483d0416e80c421e15f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/stacked-bar-100.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ stacked: true,
+ stackType: '100%'
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ },
+
+ },
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ },{
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ },{
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ },{
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ },{
+ name: 'Reborn Kid',
+ data: [25, 12, 19, 32, 25, 24, 10]
+ }],
+ title: {
+ text: '100% Stacked Bar'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+ },
+
+ tooltip: {
+ y: {
+ formatter: function(val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ opacity: 1
+
+ },
+
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/stacked-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/stacked-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..0e0e6975e764889c30bebceebacb593082f2cf99
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bar/stacked-bar.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ stacked: true,
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ },
+
+ },
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ },{
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ },{
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ },{
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ },{
+ name: 'Reborn Kid',
+ data: [25, 12, 19, 32, 25, 24, 10]
+ }],
+ title: {
+ text: 'Fiction Books Sales'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+ labels: {
+ formatter: function(val) {
+ return val + "K"
+ }
+ }
+ },
+ yaxis: {
+ title: {
+ text: undefined
+ },
+
+ },
+ tooltip: {
+ y: {
+ formatter: function(val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ opacity: 1
+
+ },
+
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bubble/3d-bubble.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bubble/3d-bubble.html
new file mode 100644
index 0000000000000000000000000000000000000000..d6dafd522c41134dfd0c74c00568c379c2f31892
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bubble/3d-bubble.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>3d Bubble Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ /*
+ // this function will generate output in this format
+ // data = [
+ [timestamp, 23],
+ [timestamp, 33],
+ [timestamp, 12]
+ ...
+ ]
+ */
+ function generateData(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ //var x =Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+ var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+ series.push([baseval, y, z]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bubble',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ name: 'Product1',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product2',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product3',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product4',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }
+ ],
+ fill: {
+ type: 'gradient',
+ },
+ title: {
+ text: '3D Bubble Chart'
+ },
+ xaxis: {
+ tickAmount: 12,
+ type: 'datetime',
+
+ labels: {
+ rotate: 0,
+ }
+ },
+ yaxis: {
+ max: 70
+ },
+ theme: {
+ palette: 'palette2'
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bubble/simple-bubble.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bubble/simple-bubble.html
new file mode 100644
index 0000000000000000000000000000000000000000..bd928f806e5cfcfaabc18f76a242642ea30bfeb0
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/bubble/simple-bubble.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Bubble</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ /*
+ // this function will generate output in this format
+ // data = [
+ [timestamp, 23],
+ [timestamp, 33],
+ [timestamp, 12]
+ ...
+ ]
+ */
+ function generateData(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+ var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+ series.push([x, y, z]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bubble',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ name: 'Bubble1',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble2',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble3',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble4',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }
+ ],
+ fill: {
+ opacity: 0.8
+ },
+ title: {
+ text: 'Simple Bubble Chart'
+ },
+ xaxis: {
+ tickAmount: 12,
+ type: 'category',
+ },
+ yaxis: {
+ max: 70
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/candlestick/basic.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/candlestick/basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..1565bc78e822159065186c8d8cb7cdca05033258
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/candlestick/basic.html
@@ -0,0 +1,302 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>CandleStick Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/ohlc.js"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'candlestick',
+ },
+ series: [{
+ data: [{
+ x: new Date(1538778600000),
+ y: [6629.81, 6650.5, 6623.04, 6633.33]
+ },
+ {
+ x: new Date(1538780400000),
+ y: [6632.01, 6643.59, 6620, 6630.11]
+ },
+ {
+ x: new Date(1538782200000),
+ y: [6630.71, 6648.95, 6623.34, 6635.65]
+ },
+ {
+ x: new Date(1538784000000),
+ y: [6635.65, 6651, 6629.67, 6638.24]
+ },
+ {
+ x: new Date(1538785800000),
+ y: [6638.24, 6640, 6620, 6624.47]
+ },
+ {
+ x: new Date(1538787600000),
+ y: [6624.53, 6636.03, 6621.68, 6624.31]
+ },
+ {
+ x: new Date(1538789400000),
+ y: [6624.61, 6632.2, 6617, 6626.02]
+ },
+ {
+ x: new Date(1538791200000),
+ y: [6627, 6627.62, 6584.22, 6603.02]
+ },
+ {
+ x: new Date(1538793000000),
+ y: [6605, 6608.03, 6598.95, 6604.01]
+ },
+ {
+ x: new Date(1538794800000),
+ y: [6604.5, 6614.4, 6602.26, 6608.02]
+ },
+ {
+ x: new Date(1538796600000),
+ y: [6608.02, 6610.68, 6601.99, 6608.91]
+ },
+ {
+ x: new Date(1538798400000),
+ y: [6608.91, 6618.99, 6608.01, 6612]
+ },
+ {
+ x: new Date(1538800200000),
+ y: [6612, 6615.13, 6605.09, 6612]
+ },
+ {
+ x: new Date(1538802000000),
+ y: [6612, 6624.12, 6608.43, 6622.95]
+ },
+ {
+ x: new Date(1538803800000),
+ y: [6623.91, 6623.91, 6615, 6615.67]
+ },
+ {
+ x: new Date(1538805600000),
+ y: [6618.69, 6618.74, 6610, 6610.4]
+ },
+ {
+ x: new Date(1538807400000),
+ y: [6611, 6622.78, 6610.4, 6614.9]
+ },
+ {
+ x: new Date(1538809200000),
+ y: [6614.9, 6626.2, 6613.33, 6623.45]
+ },
+ {
+ x: new Date(1538811000000),
+ y: [6623.48, 6627, 6618.38, 6620.35]
+ },
+ {
+ x: new Date(1538812800000),
+ y: [6619.43, 6620.35, 6610.05, 6615.53]
+ },
+ {
+ x: new Date(1538814600000),
+ y: [6615.53, 6617.93, 6610, 6615.19]
+ },
+ {
+ x: new Date(1538816400000),
+ y: [6615.19, 6621.6, 6608.2, 6620]
+ },
+ {
+ x: new Date(1538818200000),
+ y: [6619.54, 6625.17, 6614.15, 6620]
+ },
+ {
+ x: new Date(1538820000000),
+ y: [6620.33, 6634.15, 6617.24, 6624.61]
+ },
+ {
+ x: new Date(1538821800000),
+ y: [6625.95, 6626, 6611.66, 6617.58]
+ },
+ {
+ x: new Date(1538823600000),
+ y: [6619, 6625.97, 6595.27, 6598.86]
+ },
+ {
+ x: new Date(1538825400000),
+ y: [6598.86, 6598.88, 6570, 6587.16]
+ },
+ {
+ x: new Date(1538827200000),
+ y: [6588.86, 6600, 6580, 6593.4]
+ },
+ {
+ x: new Date(1538829000000),
+ y: [6593.99, 6598.89, 6585, 6587.81]
+ },
+ {
+ x: new Date(1538830800000),
+ y: [6587.81, 6592.73, 6567.14, 6578]
+ },
+ {
+ x: new Date(1538832600000),
+ y: [6578.35, 6581.72, 6567.39, 6579]
+ },
+ {
+ x: new Date(1538834400000),
+ y: [6579.38, 6580.92, 6566.77, 6575.96]
+ },
+ {
+ x: new Date(1538836200000),
+ y: [6575.96, 6589, 6571.77, 6588.92]
+ },
+ {
+ x: new Date(1538838000000),
+ y: [6588.92, 6594, 6577.55, 6589.22]
+ },
+ {
+ x: new Date(1538839800000),
+ y: [6589.3, 6598.89, 6589.1, 6596.08]
+ },
+ {
+ x: new Date(1538841600000),
+ y: [6597.5, 6600, 6588.39, 6596.25]
+ },
+ {
+ x: new Date(1538843400000),
+ y: [6598.03, 6600, 6588.73, 6595.97]
+ },
+ {
+ x: new Date(1538845200000),
+ y: [6595.97, 6602.01, 6588.17, 6602]
+ },
+ {
+ x: new Date(1538847000000),
+ y: [6602, 6607, 6596.51, 6599.95]
+ },
+ {
+ x: new Date(1538848800000),
+ y: [6600.63, 6601.21, 6590.39, 6591.02]
+ },
+ {
+ x: new Date(1538850600000),
+ y: [6591.02, 6603.08, 6591, 6591]
+ },
+ {
+ x: new Date(1538852400000),
+ y: [6591, 6601.32, 6585, 6592]
+ },
+ {
+ x: new Date(1538854200000),
+ y: [6593.13, 6596.01, 6590, 6593.34]
+ },
+ {
+ x: new Date(1538856000000),
+ y: [6593.34, 6604.76, 6582.63, 6593.86]
+ },
+ {
+ x: new Date(1538857800000),
+ y: [6593.86, 6604.28, 6586.57, 6600.01]
+ },
+ {
+ x: new Date(1538859600000),
+ y: [6601.81, 6603.21, 6592.78, 6596.25]
+ },
+ {
+ x: new Date(1538861400000),
+ y: [6596.25, 6604.2, 6590, 6602.99]
+ },
+ {
+ x: new Date(1538863200000),
+ y: [6602.99, 6606, 6584.99, 6587.81]
+ },
+ {
+ x: new Date(1538865000000),
+ y: [6587.81, 6595, 6583.27, 6591.96]
+ },
+ {
+ x: new Date(1538866800000),
+ y: [6591.97, 6596.07, 6585, 6588.39]
+ },
+ {
+ x: new Date(1538868600000),
+ y: [6587.6, 6598.21, 6587.6, 6594.27]
+ },
+ {
+ x: new Date(1538870400000),
+ y: [6596.44, 6601, 6590, 6596.55]
+ },
+ {
+ x: new Date(1538872200000),
+ y: [6598.91, 6605, 6596.61, 6600.02]
+ },
+ {
+ x: new Date(1538874000000),
+ y: [6600.55, 6605, 6589.14, 6593.01]
+ },
+ {
+ x: new Date(1538875800000),
+ y: [6593.15, 6605, 6592, 6603.06]
+ },
+ {
+ x: new Date(1538877600000),
+ y: [6603.07, 6604.5, 6599.09, 6603.89]
+ },
+ {
+ x: new Date(1538879400000),
+ y: [6604.44, 6604.44, 6600, 6603.5]
+ },
+ {
+ x: new Date(1538881200000),
+ y: [6603.5, 6603.99, 6597.5, 6603.86]
+ },
+ {
+ x: new Date(1538883000000),
+ y: [6603.85, 6605, 6600, 6604.07]
+ },
+ {
+ x: new Date(1538884800000),
+ y: [6604.98, 6606, 6604.07, 6606]
+ },
+ ]
+ }],
+ title: {
+ text: 'CandleStick Chart',
+ align: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: {
+ tooltip: {
+ enabled: true
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/candlestick/candlestick-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/candlestick/candlestick-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..7c53d82cd9106f89f864de746f61808686871c92
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/candlestick/candlestick-bar.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>CandleStick Chart with Bar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ .chart-box {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ #chart-candlestick,
+ #chart-bar {
+ max-width: 640px;
+ }
+
+ #chart-bar {
+ margin-top: -50px;
+ }
+ </style>
+</head>
+
+<body>
+ <div class="chart-box">
+ <div id="chart-candlestick">
+
+ </div>
+
+ <div id="chart-bar">
+
+ </div>
+ </div>
+
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/ohlc.js"></script>
+
+ <script>
+ var optionsCandlestick = {
+ chart: {
+ id: 'candles',
+ height: 290,
+ type: 'candlestick',
+ toolbar: {
+ autoSelected: 'pan',
+ show: false
+ },
+ zoom: {
+ enabled: false
+ },
+ },
+ plotOptions: {
+ candlestick: {
+ colors: {
+ upward: '#3C90EB',
+ downward: '#DF7D46'
+ }
+ }
+ },
+ series: [{
+ data: seriesData
+ }],
+ xaxis: {
+ type: 'datetime'
+ }
+ }
+
+ var chartCandlestick = new ApexCharts(
+ document.querySelector("#chart-candlestick"),
+ optionsCandlestick
+ );
+
+ chartCandlestick.render();
+
+ var options = {
+ chart: {
+ height: 160,
+ type: 'bar',
+ brush: {
+ enabled: true,
+ target: 'candles'
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('20 Jan 2017').getTime(),
+ max: new Date('10 Dec 2017').getTime()
+ },
+ fill: {
+ color: '#ccc',
+ opacity: 0.4
+ },
+ stroke: {
+ color: '#0D47A1',
+ }
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%',
+ colors: {
+ ranges: [
+ {
+ from: -1000,
+ to: 0,
+ color: '#F15B46'
+ }, {
+ from: 1,
+ to: 10000,
+ color: '#FEB019'
+ }
+ ],
+
+ },
+ }
+ },
+ stroke: {
+ width: 0
+ },
+ series: [{
+ name: 'volume',
+ data: seriesDataLinear
+ }],
+ xaxis: {
+ type: 'datetime',
+ axisBorder: {
+ offsetX: 13
+ }
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart-bar"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/basic-column.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/basic-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..a94e7377b8a41b20a9ab420946bb9f6eca05d044
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/basic-column.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Column - Grouped</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ endingShape: 'rounded',
+ columnWidth: '55%',
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ show: true,
+ width: 2,
+ colors: ['transparent']
+ },
+ series: [{
+ name: 'Net Profit',
+ data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
+ }, {
+ name: 'Revenue',
+ data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
+ }, {
+ name: 'Free Cash Flow',
+ data: [35, 41, 36, 26, 45, 48, 52, 53, 41]
+ }],
+ xaxis: {
+ categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
+ },
+ yaxis: {
+ title: {
+ text: '$ (thousands)'
+ }
+ },
+ fill: {
+ opacity: 1
+
+ },
+ tooltip: {
+ y: {
+ formatter: function (val) {
+ return "$ " + val + " thousands"
+ }
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..fadc0c05ee7ca15816cd450232bf05a75f402b45
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-data-labels.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Column with Data Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ dataLabels: {
+ position: 'top', // top, center, bottom
+ },
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ formatter: function (val) {
+ return val + "%";
+ },
+ offsetY: -20,
+ style: {
+ fontSize: '12px',
+ colors: ["#304758"]
+ }
+ },
+ series: [{
+ name: 'Inflation',
+ data: [2.3, 3.1, 4.0, 10.1, 4.0, 3.6, 3.2, 2.3, 1.4, 0.8, 0.5, 0.2]
+ }],
+ xaxis: {
+ categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+ position: 'top',
+ labels: {
+ offsetY: -18,
+
+ },
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ crosshairs: {
+ fill: {
+ type: 'gradient',
+ gradient: {
+ colorFrom: '#D8E3F0',
+ colorTo: '#BED1E6',
+ stops: [0, 100],
+ opacityFrom: 0.4,
+ opacityTo: 0.5,
+ }
+ }
+ },
+ tooltip: {
+ enabled: true,
+ offsetY: -35,
+
+ }
+ },
+ fill: {
+ gradient: {
+ shade: 'light',
+ type: "horizontal",
+ shadeIntensity: 0.25,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [50, 0, 100, 100]
+ },
+ },
+ yaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false,
+ },
+ labels: {
+ show: false,
+ formatter: function (val) {
+ return val + "%";
+ }
+ }
+
+ },
+ title: {
+ text: 'Monthly Inflation in Argentina, 2002',
+ floating: true,
+ offsetY: 320,
+ align: 'center',
+ style: {
+ color: '#444'
+ }
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..c91104e2d690df55a49acbb19b856db0da8bc288
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-negative.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Bar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ colors: {
+ ranges: [
+ {
+ from: -100,
+ to: -46,
+ color: '#F15B46'
+ }, {
+ from: -45,
+ to: 0,
+ color: '#FEB019'
+ }
+ ]
+ },
+ columnWidth: '80%',
+ }
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ series: [{
+ name: 'Cash Flow',
+ data: [1.45, 5.42, 5.9, -0.42, -12.6, -18.1, -18.2, -14.16, -11.1, -6.09, 0.34, 3.88, 13.07,
+ 5.8, 2, 7.37, 8.1, 13.57, 15.75, 17.1, 19.8, -27.03, -54.4, -47.2, -43.3, -18.6, -
+ 48.6, -41.1, -39.6, -37.6, -29.4, -21.4, -2.4
+ ]
+ }],
+
+ yaxis: {
+ title: {
+ text: 'Growth',
+ },
+ labels: {
+ formatter: function (y) {
+ return y.toFixed(0) + "%";
+ }
+ }
+
+ },
+ xaxis: {
+ // TODO: uncomment below and fix the error
+ //type: 'datetime',
+ categories: [
+ '2011-01-01', '2011-02-01', '2011-03-01', '2011-04-01', '2011-05-01', '2011-06-01',
+ '2011-07-01', '2011-08-01', '2011-09-01', '2011-10-01', '2011-11-01', '2011-12-01',
+ '2012-01-01', '2012-02-01', '2012-03-01', '2012-04-01', '2012-05-01', '2012-06-01',
+ '2012-07-01', '2012-08-01', '2012-09-01', '2012-10-01', '2012-11-01', '2012-12-01',
+ '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01', '2013-05-01', '2013-06-01',
+ '2013-07-01', '2013-08-01', '2013-09-01'
+ ],
+ labels: {
+ rotate: -90
+ }
+ },
+ tooltip: {
+
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-rotated-labels.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-rotated-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..c35aa3ee3d22671db5aca197e8a5fdf92ded7622
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/column-with-rotated-labels.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Column with Rotates Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ annotations: {
+ points: [{
+ x: 'Bananas',
+ seriesIndex: 0,
+ label: {
+ borderColor: '#775DD0',
+ offsetY: 0,
+ style: {
+ color: '#fff',
+ background: '#775DD0',
+ },
+ text: 'Bananas are good',
+ }
+ }]
+ },
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%',
+ endingShape: 'rounded'
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 2
+ },
+ series: [{
+ name: 'Servings',
+ data: [44, 55, 41, 67, 22, 43, 21, 33, 45, 31, 87, 65, 35]
+ }],
+ grid: {
+ row: {
+ colors: ['#fff', '#f2f2f2']
+ }
+ },
+ xaxis: {
+ labels: {
+ rotate: -45
+ },
+ categories: ['Apples', 'Oranges', 'Strawberries', 'Pineapples', 'Mangoes', 'Bananas',
+ 'Blackberries', 'Pears', 'Watermelons', 'Cherries', 'Pomegranates', 'Tangerines', 'Papayas'
+ ],
+ },
+ yaxis: {
+ title: {
+ text: 'Servings',
+ },
+
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'light',
+ type: "horizontal",
+ shadeIntensity: 0.25,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 0.85,
+ opacityTo: 0.85,
+ stops: [50, 0, 100]
+ },
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/data.js b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/data.js
new file mode 100644
index 0000000000000000000000000000000000000000..e0cb56570be94dfedacafac69c8d62e79a30b40c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/data.js
@@ -0,0 +1,143 @@
+/**
+ * Randomize array element order in-place.
+ * Using Durstenfeld shuffle algorithm.
+ */
+function shuffleArray(array) {
+ for (var i = array.length - 1; i > 0; i--) {
+ var j = Math.floor(Math.random() * (i + 1));
+ var temp = array[i];
+ array[i] = array[j];
+ array[j] = temp;
+ }
+ return array;
+}
+
+var arrayData = [{
+ y: 400,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 90
+ }, {
+ x: 'Q3',
+ y: 100
+ }, {
+ x: 'Q4',
+ y: 90
+ }]
+}, {
+ y: 430,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 110
+ }, {
+ x: 'Q3',
+ y: 90
+ }, {
+ x: 'Q4',
+ y: 110
+ }]
+}, {
+ y: 448,
+ quarters: [{
+ x: 'Q1',
+ y: 70
+ }, {
+ x: 'Q2',
+ y: 100
+ }, {
+ x: 'Q3',
+ y: 140
+ }, {
+ x: 'Q4',
+ y: 138
+ }]
+}, {
+ y: 470,
+ quarters: [{
+ x: 'Q1',
+ y: 150
+ }, {
+ x: 'Q2',
+ y: 60
+ }, {
+ x: 'Q3',
+ y: 190
+ }, {
+ x: 'Q4',
+ y: 70
+ }]
+}, {
+ y: 540,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 120
+ }, {
+ x: 'Q3',
+ y: 130
+ }, {
+ x: 'Q4',
+ y: 170
+ }]
+}, {
+ y: 580,
+ quarters: [{
+ x: 'Q1',
+ y: 170
+ }, {
+ x: 'Q2',
+ y: 130
+ }, {
+ x: 'Q3',
+ y: 120
+ }, {
+ x: 'Q4',
+ y: 160
+ }]
+}];
+
+function makeData() {
+ var dataSet = shuffleArray(arrayData)
+
+ var dataYearSeries = [{
+ x: "2011",
+ y: dataSet[0].y,
+ color: colors[0],
+ quarters: dataSet[0].quarters
+ }, {
+ x: "2012",
+ y: dataSet[1].y,
+ color: colors[1],
+ quarters: dataSet[1].quarters
+ }, {
+ x: "2013",
+ y: dataSet[2].y,
+ color: colors[2],
+ quarters: dataSet[2].quarters
+ }, {
+ x: "2014",
+ y: dataSet[3].y,
+ color: colors[3],
+ quarters: dataSet[3].quarters
+ }, {
+ x: "2015",
+ y: dataSet[4].y,
+ color: colors[4],
+ quarters: dataSet[4].quarters
+ }, {
+ x: "2016",
+ y: dataSet[5].y,
+ color: colors[5],
+ quarters: dataSet[5].quarters
+ }];
+
+ return dataYearSeries
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/distributed-columns.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/distributed-columns.html
new file mode 100644
index 0000000000000000000000000000000000000000..316056448371a5c6a7b26559444e3bfd6e95c3a9
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/distributed-columns.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Distributed Bar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ #chart .apexcharts-xaxis-label {
+ font-weight: bold;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#546E7A', '#26a69a', '#D10CE8'];
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ events: {
+ click: function(chart, w, e) {
+ console.log(chart, w, e )
+ }
+ },
+ },
+ colors: colors,
+ plotOptions: {
+ bar: {
+ columnWidth: '45%',
+ distributed: true
+ }
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ series: [{
+ data: [21, 22, 10, 28, 16, 21, 13, 30]
+ }],
+ xaxis: {
+ categories: ['John', 'Joe', 'Jake', 'Amber', 'Peter', 'Mary', 'David', 'Lily'],
+ labels: {
+ style: {
+ colors: colors,
+ fontSize: '14px'
+ }
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/dynamic-loaded-chart.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/dynamic-loaded-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..5c8c9aad5c2380f8e40a97bbb4062de18a17ceb5
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/dynamic-loaded-chart.html
@@ -0,0 +1,476 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Dynamic Loaded Column Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+
+ body {
+ background: #fff;
+ }
+
+ .wrap {
+ margin: 45px auto;
+ max-width: 800px;
+ position: relative;
+ }
+
+ .chart-box {
+ padding-left: 0;
+ }
+
+ #chart-year,
+ #chart-quarter {
+ width: 96%;
+ max-width: 48%;
+ box-shadow: none;
+ }
+
+ #chart-year {
+ float: left;
+ position: relative;
+ transition: 1s ease transform;
+ z-index: 3;
+ }
+
+ #chart-year.chart-quarter-activated {
+ transform: translateX(0);
+ transition: 1s ease transform;
+ }
+
+ #chart-quarter {
+ float: left;
+ position: relative;
+ z-index: -2;
+ transition: 1s ease transform;
+ }
+
+ #chart-quarter.active {
+ transition: 1.1s ease-in-out transform;
+ transform: translateX(0);
+ z-index: 1;
+ }
+
+ @media screen and (min-width: 480px) {
+ #chart-year {
+ transform: translateX(50%);
+ }
+ #chart-quarter {
+ transform: translateX(-50%);
+ }
+ }
+
+ select#model {
+ display: none;
+ position: absolute;
+ top: -40px;
+ left: 0;
+ z-index: 2;
+ cursor: pointer;
+ transform: scale(0.8);
+ }
+
+ </style>
+</head>
+
+<body>
+ <div class="wrap">
+ <select id="model" class="flat-select">
+ <option value="iphone5">iPhone 5</option>
+ <option value="iphone6">iPhone 6</option>
+ <option value="iphone7">iPhone 7</option>
+ </select>
+ <div id="chart-year" class="chart-box"></div>
+ <div id="chart-quarter" class="chart-box"></div>
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ Apex = {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ tooltip: {
+ shared: false
+ },
+ }
+ var colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#00D9E9', '#FF66C3'];
+
+ /**
+ * Randomize array element order in-place.
+ * Using Durstenfeld shuffle algorithm.
+ */
+ function shuffleArray(array) {
+ for (var i = array.length - 1; i > 0; i--) {
+ var j = Math.floor(Math.random() * (i + 1));
+ var temp = array[i];
+ array[i] = array[j];
+ array[j] = temp;
+ }
+ return array;
+ }
+
+ var arrayData = [{
+ y: 400,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 90
+ }, {
+ x: 'Q3',
+ y: 100
+ }, {
+ x: 'Q4',
+ y: 90
+ }]
+ }, {
+ y: 430,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 110
+ }, {
+ x: 'Q3',
+ y: 90
+ }, {
+ x: 'Q4',
+ y: 110
+ }]
+ }, {
+ y: 448,
+ quarters: [{
+ x: 'Q1',
+ y: 70
+ }, {
+ x: 'Q2',
+ y: 100
+ }, {
+ x: 'Q3',
+ y: 140
+ }, {
+ x: 'Q4',
+ y: 138
+ }]
+ }, {
+ y: 470,
+ quarters: [{
+ x: 'Q1',
+ y: 150
+ }, {
+ x: 'Q2',
+ y: 60
+ }, {
+ x: 'Q3',
+ y: 190
+ }, {
+ x: 'Q4',
+ y: 70
+ }]
+ }, {
+ y: 540,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 120
+ }, {
+ x: 'Q3',
+ y: 130
+ }, {
+ x: 'Q4',
+ y: 170
+ }]
+ }, {
+ y: 580,
+ quarters: [{
+ x: 'Q1',
+ y: 170
+ }, {
+ x: 'Q2',
+ y: 130
+ }, {
+ x: 'Q3',
+ y: 120
+ }, {
+ x: 'Q4',
+ y: 160
+ }]
+ }];
+
+ function makeData() {
+ var dataSet = shuffleArray(arrayData)
+
+ var dataYearSeries = [{
+ x: "2011",
+ y: dataSet[0].y,
+ color: colors[0],
+ quarters: dataSet[0].quarters
+ }, {
+ x: "2012",
+ y: dataSet[1].y,
+ color: colors[1],
+ quarters: dataSet[1].quarters
+ }, {
+ x: "2013",
+ y: dataSet[2].y,
+ color: colors[2],
+ quarters: dataSet[2].quarters
+ }, {
+ x: "2014",
+ y: dataSet[3].y,
+ color: colors[3],
+ quarters: dataSet[3].quarters
+ }, {
+ x: "2015",
+ y: dataSet[4].y,
+ color: colors[4],
+ quarters: dataSet[4].quarters
+ }, {
+ x: "2016",
+ y: dataSet[5].y,
+ color: colors[5],
+ quarters: dataSet[5].quarters
+ }];
+
+ return dataYearSeries
+ }
+
+
+ var optionsYear = {
+ chart: {
+ id: 'barYear',
+ height: 400,
+ width: '100%',
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ distributed: true,
+ horizontal: true,
+ endingShape: 'arrow',
+ barHeight: '75%',
+ dataLabels: {
+ position: 'bottom'
+ }
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ textAnchor: 'start',
+ style: {
+ colors: ['#fff']
+ },
+ formatter: function(val, opt) {
+ return opt.w.globals.labels[opt.dataPointIndex]
+ },
+ offsetX: 0,
+ dropShadow: {
+ enabled: true
+ }
+ },
+
+ colors: colors,
+ series: [{
+ data: makeData()
+ }],
+ states: {
+ normal: {
+ filter: {
+ type: 'desaturate'
+ }
+ },
+ active: {
+ allowMultipleDataPointsSelection: true,
+ filter: {
+ type: 'darken',
+ value: 1
+ }
+ }
+ },
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function(val, opts) {
+ return opts.w.globals.labels[opts.dataPointIndex]
+ }
+ }
+ }
+ },
+ title: {
+ text: 'Yearly Results',
+ offsetX: 15
+ },
+ subtitle: {
+ text: '(Click on bar to see details)',
+ offsetX: 15
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ },
+ }
+
+ var yearChart = new ApexCharts(
+ document.querySelector("#chart-year"),
+ optionsYear
+ );
+
+ yearChart.render();
+
+
+ function updateQuarterChart(sourceChart, destChartIDToUpdate) {
+ var series = [];
+ var seriesIndex = 0;
+ var colors = []
+
+ if (sourceChart.w.globals.selectedDataPoints[0]) {
+ var selectedPoints = sourceChart.w.globals.selectedDataPoints;
+ for (var i = 0; i < selectedPoints[seriesIndex].length; i++) {
+ var selectedIndex = selectedPoints[seriesIndex][i];
+ var yearSeries = sourceChart.w.config.series[seriesIndex];
+ series.push({
+ name: yearSeries.data[selectedIndex].x,
+ data: yearSeries.data[selectedIndex].quarters
+ })
+ colors.push(yearSeries.data[selectedIndex].color)
+ }
+
+ if(series.length === 0) series = [{
+ data: []
+ }]
+
+ return ApexCharts.exec(destChartIDToUpdate, 'updateOptions', {
+ series: series,
+ colors: colors,
+ fill: {
+ colors: colors
+ }
+ })
+
+ }
+
+ }
+
+
+ var optionsQuarters = {
+ chart: {
+ id: 'barQuarter',
+ height: 400,
+ width: '100%',
+ type: 'bar',
+ stacked: true
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%',
+ horizontal: false
+ }
+ },
+ series: [{
+ data: []
+ }],
+ legend: {
+ show: false
+ },
+ grid: {
+ yaxis: {
+ lines: {
+ show: false,
+ }
+ },
+ xaxis: {
+ lines: {
+ show: true,
+ }
+ }
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ },
+ title: {
+ text: 'Quarterly Results',
+ offsetX: 10
+ },
+ tooltip: {
+ x: {
+ formatter: function(val, opts) {
+ return opts.w.globals.seriesNames[opts.seriesIndex]
+ }
+ },
+ y: {
+ title: {
+ formatter: function(val, opts) {
+ return opts.w.globals.labels[opts.dataPointIndex]
+ }
+ }
+ }
+ }
+ }
+
+ var chartQuarters = new ApexCharts(
+ document.querySelector("#chart-quarter"),
+ optionsQuarters
+ )
+ chartQuarters.render();
+
+ yearChart.addEventListener('dataPointSelection', function (e, chart, opts) {
+ var quarterChartEl = document.querySelector("#chart-quarter");
+ var yearChartEl = document.querySelector("#chart-year");
+
+ if (opts.selectedDataPoints[0].length === 1) {
+ if(quarterChartEl.classList.contains("active")) {
+ updateQuarterChart(chart, 'barQuarter')
+ }
+ else {
+ yearChartEl.classList.add("chart-quarter-activated")
+ quarterChartEl.classList.add("active");
+ updateQuarterChart(chart, 'barQuarter')
+ }
+ } else {
+ updateQuarterChart(chart, 'barQuarter')
+ }
+
+ if (opts.selectedDataPoints[0].length === 0) {
+ yearChartEl.classList.remove("chart-quarter-activated")
+ quarterChartEl.classList.remove("active");
+ }
+
+ })
+
+ yearChart.addEventListener('updated', function (chart) {
+ updateQuarterChart(chart, 'barQuarter')
+ })
+
+
+ document.querySelector("#model").addEventListener("change", function (e) {
+ yearChart.updateSeries([{
+ data: makeData()
+ }])
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/histogram.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/histogram.html
new file mode 100644
index 0000000000000000000000000000000000000000..b70e91f410a82c50d0a5e3f66c1e433fe16c6f93
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/histogram.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Time Series</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 800px;
+ margin: 35px auto;
+ }
+
+ #timeline-chart .apexcharts-toolbar {
+ opacity: 1;
+ border: 0;
+ }
+ </style>
+</head>
+
+<body>
+
+ <div id="chart">
+ <div id="timeline-chart"></div>
+ Selected: <span id="selected-count">0</span>
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+
+ var options = {
+ chart: {
+ type: "histogram",
+ height: 380,
+ foreColor: "#999",
+ events: {
+ dataPointSelection: function(e, chart,opts) {
+ var arraySelected = []
+ opts.selectedDataPoints.map((selectedIndex) => {
+ selectedIndex.map((s) => {
+ arraySelected.push(chart.w.globals.series[0][s])
+ })
+
+ });
+ arraySelected = arraySelected.reduce((acc, curr) => {
+ return acc + curr;
+ }, 0)
+
+ document.querySelector("#selected-count").innerHTML = arraySelected
+ }
+ }
+ },
+ plotOptions: {
+ bar: {
+ distributed: true,
+ dataLabels: {
+ enabled: false
+ }
+ }
+ },
+ series: [{
+ data: [4, 3, 10, 9, 29, 19, 22]
+ }],
+ states: {
+ active: {
+ allowMultipleDataPointsSelection: true
+ }
+ },
+ markers: {
+ size: 5,
+ strokeColor: "#fff",
+ strokeWidth: 3,
+ strokeOpacity: 1,
+ fillOpacity: 1,
+ hover: {
+ size: 8
+ }
+ },
+ xaxis: {
+ categories: [10,20,30,40,50,60,70],
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ yaxis: {
+ tickAmount: 4,
+ labels: {
+ offsetX: -5,
+ offsetY: -5
+ },
+ },
+
+ tooltip: {
+ x: {
+ format: "dd MMM yyyy"
+ },
+ },
+ };
+
+ var chart = new ApexCharts(document.querySelector("#timeline-chart"), options);
+
+ chart.render();
+
+
+
+ chart.addEventListener("dataPointSelection", function(e, opts) {
+ console.log(e, opts)
+ })
+
+
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/stacked-column-100.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/stacked-column-100.html
new file mode 100644
index 0000000000000000000000000000000000000000..d368c94d0500ee05c7c74dbb65f508726859c859
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/stacked-column-100.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Column</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ stacked: true,
+ stackType: '100%'
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ position: 'bottom',
+ offsetX: -10,
+ offsetY: 0
+ }
+ }
+ }],
+ series: [{
+ name: 'PRODUCT A',
+ data: [44, 55, 41, 67, 22, 43, 21, 49]
+ },{
+ name: 'PRODUCT B',
+ data: [13, 23, 20, 8, 13, 27, 33, 12]
+ },{
+ name: 'PRODUCT C',
+ data: [11, 17, 15, 15, 21, 14, 15, 13]
+ }],
+ xaxis: {
+ categories: ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2', '2012 Q3', '2012 Q4'],
+ },
+ fill: {
+ opacity: 1
+ },
+
+ legend: {
+ position: 'right',
+ offsetX: 0,
+ offsetY: 50
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/stacked-column.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/stacked-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..6b73c3d1bdff6b861b78eb6c04728ba3700d372b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/column/stacked-column.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Column</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ stacked: true,
+ toolbar: {
+ show: true
+ },
+ zoom: {
+ enabled: true
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ position: 'bottom',
+ offsetX: -10,
+ offsetY: 0
+ }
+ }
+ }],
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ },
+ },
+ series: [{
+ name: 'PRODUCT A',
+ data: [44, 55, 41, 67, 22, 43]
+ },{
+ name: 'PRODUCT B',
+ data: [13, 23, 20, 8, 13, 27]
+ },{
+ name: 'PRODUCT C',
+ data: [11, 17, 15, 15, 21, 14]
+ },{
+ name: 'PRODUCT D',
+ data: [21, 7, 25, 13, 22, 8]
+ }],
+ xaxis: {
+ type: 'datetime',
+ categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT', '01/04/2011 GMT', '01/05/2011 GMT', '01/06/2011 GMT'],
+ },
+ legend: {
+ position: 'right',
+ offsetY: 40
+ },
+ fill: {
+ opacity: 1
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/assets/scripts.js b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/assets/scripts.js
new file mode 100644
index 0000000000000000000000000000000000000000..589d26ea2723f17f2e691ac8a56251b624a6ecfe
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/assets/scripts.js
@@ -0,0 +1,424 @@
+window.Apex = {
+ chart: {
+ foreColor: '#ccc',
+ toolbar: {
+ show: false
+ },
+ },
+ stroke: {
+ width: 3
+ },
+ dataLabels: {
+ enabled: false
+ },
+ tooltip: {
+ theme: 'dark'
+ },
+ grid: {
+ borderColor: "#535A6C",
+ xaxis: {
+ lines: {
+ show: true
+ }
+ }
+ }
+};
+
+var spark1 = {
+ chart: {
+ id: 'spark1',
+ group: 'sparks',
+ type: 'line',
+ height: 80,
+ sparkline: {
+ enabled: true
+ },
+ dropShadow: {
+ enabled: true,
+ top: 1,
+ left: 1,
+ blur: 2,
+ opacity: 0.2,
+ }
+ },
+ series: [{
+ data: [25, 66, 41, 59, 25, 44, 12, 36, 9, 21]
+ }],
+ stroke: {
+ curve: 'smooth'
+ },
+ markers: {
+ size: 0
+ },
+ grid: {
+ padding: {
+ top: 20,
+ bottom: 10,
+ left: 110
+ }
+ },
+ colors: ['#fff'],
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function formatter(val) {
+ return '';
+ }
+ }
+ }
+ }
+}
+
+var spark2 = {
+ chart: {
+ id: 'spark2',
+ group: 'sparks',
+ type: 'line',
+ height: 80,
+ sparkline: {
+ enabled: true
+ },
+ dropShadow: {
+ enabled: true,
+ top: 1,
+ left: 1,
+ blur: 2,
+ opacity: 0.2,
+ }
+ },
+ series: [{
+ data: [12, 14, 2, 47, 32, 44, 14, 55, 41, 69]
+ }],
+ stroke: {
+ curve: 'smooth'
+ },
+ grid: {
+ padding: {
+ top: 20,
+ bottom: 10,
+ left: 110
+ }
+ },
+ markers: {
+ size: 0
+ },
+ colors: ['#fff'],
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function formatter(val) {
+ return '';
+ }
+ }
+ }
+ }
+}
+
+var spark3 = {
+ chart: {
+ id: 'spark3',
+ group: 'sparks',
+ type: 'line',
+ height: 80,
+ sparkline: {
+ enabled: true
+ },
+ dropShadow: {
+ enabled: true,
+ top: 1,
+ left: 1,
+ blur: 2,
+ opacity: 0.2,
+ }
+ },
+ series: [{
+ data: [47, 45, 74, 32, 56, 31, 44, 33, 45, 19]
+ }],
+ stroke: {
+ curve: 'smooth'
+ },
+ markers: {
+ size: 0
+ },
+ grid: {
+ padding: {
+ top: 20,
+ bottom: 10,
+ left: 110
+ }
+ },
+ colors: ['#fff'],
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function formatter(val) {
+ return '';
+ }
+ }
+ }
+ }
+}
+
+var spark4 = {
+ chart: {
+ id: 'spark4',
+ group: 'sparks',
+ type: 'line',
+ height: 80,
+ sparkline: {
+ enabled: true
+ },
+ dropShadow: {
+ enabled: true,
+ top: 1,
+ left: 1,
+ blur: 2,
+ opacity: 0.2,
+ }
+ },
+ series: [{
+ data: [15, 75, 47, 65, 14, 32, 19, 54, 44, 61]
+ }],
+ stroke: {
+ curve: 'smooth'
+ },
+ markers: {
+ size: 0
+ },
+ grid: {
+ padding: {
+ top: 20,
+ bottom: 10,
+ left: 110
+ }
+ },
+ colors: ['#fff'],
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function formatter(val) {
+ return '';
+ }
+ }
+ }
+ }
+}
+
+new ApexCharts(document.querySelector("#spark1"), spark1).render();
+new ApexCharts(document.querySelector("#spark2"), spark2).render();
+new ApexCharts(document.querySelector("#spark3"), spark3).render();
+new ApexCharts(document.querySelector("#spark4"), spark4).render();
+
+
+var optionsLine = {
+ chart: {
+ height: 360,
+ type: 'line',
+ zoom: {
+ enabled: false
+ },
+ dropShadow: {
+ enabled: true,
+ top: 3,
+ left: 2,
+ blur: 4,
+ opacity: 1,
+ }
+ },
+ stroke: {
+ curve: 'smooth',
+ width: 2
+ },
+ //colors: ["#3F51B5", '#2196F3'],
+ series: [{
+ name: "Music",
+ data: [1, 15, 26, 20, 33, 27]
+ },
+ {
+ name: "Photos",
+ data: [3, 33, 21, 42, 19, 32]
+ },
+ {
+ name: "Files",
+ data: [0, 39, 52, 11, 29, 43]
+ }
+ ],
+ title: {
+ text: 'Media',
+ align: 'left',
+ offsetY: 25,
+ offsetX: 20
+ },
+ subtitle: {
+ text: 'Statistics',
+ offsetY: 55,
+ offsetX: 20
+ },
+ markers: {
+ size: 6,
+ strokeWidth: 0,
+ hover: {
+ size: 9
+ }
+ },
+ grid: {
+ show: true
+ },
+ labels: ['01/15/2002', '01/16/2002', '01/17/2002', '01/18/2002', '01/19/2002', '01/20/2002'],
+ xaxis: {
+ tooltip: {
+ enabled: false
+ }
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ offsetY: -20
+ }
+}
+
+var chartLine = new ApexCharts(document.querySelector('#line-adwords'), optionsLine);
+chartLine.render();
+
+var optionsCircle4 = {
+ chart: {
+ type: 'radialBar',
+ width: 380,
+ height: 360,
+ },
+ plotOptions: {
+ radialBar: {
+ size: undefined,
+ inverseOrder: true,
+ hollow: {
+ margin: 5,
+ size: '48%',
+ background: 'transparent',
+
+ },
+ track: {
+ show: false,
+ },
+ startAngle: -180,
+ endAngle: 180
+
+ },
+ },
+ stroke: {
+ lineCap: 'round'
+ },
+ series: [71, 63, 77],
+ labels: ['June', 'May', 'April'],
+ legend: {
+ show: true,
+ floating: true,
+ position: 'right',
+ offsetX: 70,
+ offsetY: 240
+ },
+}
+
+var chartCircle4 = new ApexCharts(document.querySelector('#radialBarBottom'), optionsCircle4);
+chartCircle4.render();
+
+
+var optionsBar = {
+ chart: {
+ height: 380,
+ type: 'bar',
+ stacked: true,
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '30%',
+ horizontal: false,
+ },
+ },
+ series: [{
+ name: 'PRODUCT A',
+ data: [14, 25, 21, 17, 12, 13, 11, 19]
+ }, {
+ name: 'PRODUCT B',
+ data: [13, 23, 20, 8, 13, 27, 33, 12]
+ }, {
+ name: 'PRODUCT C',
+ data: [11, 17, 15, 15, 21, 14, 15, 13]
+ }],
+ xaxis: {
+ categories: ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2', '2012 Q3', '2012 Q4'],
+ },
+ fill: {
+ opacity: 1
+ },
+
+}
+
+var chartBar = new ApexCharts(
+ document.querySelector("#barchart"),
+ optionsBar
+);
+
+chartBar.render();
+
+var optionsArea = {
+ chart: {
+ height: 380,
+ type: 'area',
+ stacked: false,
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: "Music",
+ data: [11, 15, 26, 20, 33, 27]
+ },
+ {
+ name: "Photos",
+ data: [32, 33, 21, 42, 19, 32]
+ },
+ {
+ name: "Files",
+ data: [20, 39, 52, 11, 29, 43]
+ }
+ ],
+ xaxis: {
+ categories: ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2'],
+ },
+ tooltip: {
+ followCursor: true
+ },
+ fill: {
+ opacity: 1,
+ },
+
+}
+
+var chartArea = new ApexCharts(
+ document.querySelector("#areachart"),
+ optionsArea
+);
+
+chartArea.render();
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/assets/styles.css b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/assets/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..b0e31119d532f61245cd6e0f0280355302a4d2da
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/assets/styles.css
@@ -0,0 +1,72 @@
+
+body {
+ background: #343E59;
+ color: #777;
+ font-family: Montserrat, Arial, sans-serif;
+}
+
+.body-bg {
+ background: #F3F4FA !important;
+}
+
+h1, h2, h3, h4, h5, h6, strong {
+ font-weight: 600;
+}
+
+body {
+ /*background: linear-gradient(45deg,#3a3a60,#5f5f8e);
+ min-height: 100vh;*/
+}
+
+.content-area {
+ max-width: 1280px;
+ margin: 0 auto;
+}
+
+.box {
+ background-color: #2B2D3E;
+ padding: 25px 20px;
+}
+
+.shadow {
+ box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
+}
+.sparkboxes .box {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ text-shadow: 0 1px 1px 1px #666;
+ box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
+ position: relative;
+ border-radius: 5px;
+}
+
+.sparkboxes .box .details {
+ position: absolute;
+ color: #fff;
+ transform: scale(0.7) translate(-22px, 20px);
+}
+.sparkboxes strong {
+ position: relative;
+ z-index: 3;
+ top: -8px;
+ color: #fff;
+}
+
+
+.sparkboxes .box1 {
+ background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);
+}
+
+.sparkboxes .box2 {
+ background-image: linear-gradient( 135deg, #2AFADF 10%, #4C83FF 100%);
+}
+
+.sparkboxes .box3 {
+ background-image: linear-gradient( 135deg, #FFD3A5 10%, #FD6585 100%);
+}
+
+.sparkboxes .box4 {
+ background-image: linear-gradient( 135deg, #EE9AE5 10%, #5961F9 100%);
+}
+
+
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/index.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..f791262c97a952cffa123a99fbde29b7e1283c31
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/dark/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Dashboard - Dark Style</title>
+
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
+ <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <link rel="stylesheet" href="assets/styles.css">
+
+
+</head>
+
+<body>
+
+
+ <div id="wrapper">
+
+ <div class="content-area">
+ <div class="container-fluid">
+ <div class="main">
+
+ <div class="row sparkboxes mt-4">
+ <div class="col-md-3">
+ <div class="box box1">
+ <div class="details">
+ <h3>1213</h3>
+ <h4>CLICKS</h4>
+ </div>
+ <div id="spark1"></div>
+ </div>
+ </div>
+ <div class="col-md-3">
+ <div class="box box2">
+ <div class="details">
+ <h3>422</h3>
+ <h4>VIEWS</h4>
+ </div>
+ <div id="spark2"></div>
+ </div>
+ </div>
+ <div class="col-md-3">
+ <div class="box box3">
+ <div class="details">
+ <h3>311</h3>
+ <h4>LEADS</h4>
+ </div>
+ <div id="spark3"></div>
+ </div>
+ </div>
+ <div class="col-md-3">
+ <div class="box box4">
+ <div class="details">
+ <h3>22</h3>
+ <h4>SALES</h4>
+ </div>
+ <div id="spark4"></div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row mt-4">
+ <div class="col-md-5">
+ <div class="box shadow mt-4">
+ <div id="radialBarBottom"> </div>
+ </div>
+ </div>
+ <div class="col-md-7">
+ <div class="box shadow mt-4">
+ <div id="line-adwords" class=""> </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row mt-4">
+ <div class="col-md-5">
+ <div class="box shadow mt-4">
+ <div id="barchart"></div>
+ </div>
+ </div>
+ <div class="col-md-7">
+ <div class="box shadow mt-4">
+ <div id="areachart"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="assets/scripts.js"></script>
+
+
+ <script>
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/assets/scripts.js b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/assets/scripts.js
new file mode 100644
index 0000000000000000000000000000000000000000..08643904d7cef94752befb9586dec8a3c782fa71
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/assets/scripts.js
@@ -0,0 +1,545 @@
+window.Apex = {
+ dataLabels: {
+ enabled: false
+ }
+};
+
+var spark1 = {
+ chart: {
+ id: 'sparkline1',
+ type: 'line',
+ height: 140,
+ sparkline: {
+ enabled: true
+ },
+ group: 'sparklines'
+ },
+ series: [{
+ name: 'purple',
+ data: [25, 66, 41, 59, 25, 44, 12, 36, 9, 21]
+ }],
+ stroke: {
+ curve: 'smooth'
+ },
+ markers: {
+ size: 0
+ },
+ tooltip: {
+ fixed: {
+ enabled: true,
+ position: 'right'
+ },
+ x: {
+ show: false
+ }
+ },
+ title: {
+ text: '439',
+ style: {
+ fontSize: '26px'
+ }
+ },
+ colors: ['#734CEA']
+}
+
+var spark2 = {
+ chart: {
+ id: 'sparkline2',
+ type: 'line',
+ height: 140,
+ sparkline: {
+ enabled: true
+ },
+ group: 'sparklines'
+ },
+ series: [{
+ name: 'green',
+ data: [12, 14, 2, 47, 32, 44, 14, 55, 41, 69]
+ }],
+ stroke: {
+ curve: 'smooth'
+ },
+ markers: {
+ size: 0
+ },
+ tooltip: {
+ fixed: {
+ enabled: true,
+ position: 'right'
+ },
+ x: {
+ show: false
+ }
+ },
+ title: {
+ text: '387',
+ style: {
+ fontSize: '26px'
+ }
+ },
+ colors: ['#34bfa3']
+}
+
+var spark3 = {
+ chart: {
+ id: 'sparkline3',
+ type: 'line',
+ height: 140,
+ sparkline: {
+ enabled: true
+ },
+ group: 'sparklines'
+ },
+ series: [{
+ name: 'red',
+ data: [47, 45, 74, 32, 56, 31, 44, 33, 45, 19]
+ }],
+ stroke: {
+ curve: 'smooth'
+ },
+ markers: {
+ size: 0
+ },
+ tooltip: {
+ fixed: {
+ enabled: true,
+ position: 'right'
+ },
+ x: {
+ show: false
+ }
+ },
+ colors: ['#f4516c'],
+ title: {
+ text: '577',
+ style: {
+ fontSize: '26px'
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ }
+}
+
+var spark4 = {
+ chart: {
+ id: 'sparkline4',
+ type: 'line',
+ height: 140,
+ sparkline: {
+ enabled: true
+ },
+ group: 'sparklines'
+ },
+ series: [{
+ name: 'teal',
+ data: [15, 75, 47, 65, 14, 32, 19, 54, 44, 61]
+ }],
+ stroke: {
+ curve: 'smooth'
+ },
+ markers: {
+ size: 0
+ },
+ tooltip: {
+ fixed: {
+ enabled: true,
+ position: 'right'
+ },
+ x: {
+ show: false
+ }
+ },
+ colors: ['#00c5dc'],
+ title: {
+ text: '615',
+ style: {
+ fontSize: '26px'
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ }
+}
+
+new ApexCharts(document.querySelector("#spark1"), spark1).render();
+new ApexCharts(document.querySelector("#spark2"), spark2).render();
+new ApexCharts(document.querySelector("#spark3"), spark3).render();
+new ApexCharts(document.querySelector("#spark4"), spark4).render();
+
+var optionsBar = {
+ chart: {
+ type: 'bar',
+ height: 250,
+ width: '100%',
+ stacked: true,
+ foreColor: '#999'
+ },
+ plotOptions: {
+ bar: {
+ dataLabels: {
+ enabled: false
+ },
+ columnWidth: '75%',
+ endingShape: 'rounded'
+ }
+ },
+ colors: ["#00C5A4", '#F3F2FC'],
+ series: [{
+ name: "Sessions",
+ data: [20, 16, 24, 28, 26, 22, 15, 5, 14, 16, 22, 29, 24, 19, 15, 10, 11, 15, 19, 23],
+ }, {
+ name: "Views",
+ data: [20, 16, 24, 28, 26, 22, 15, 5, 14, 16, 22, 29, 24, 19, 15, 10, 11, 15, 19, 23],
+ }],
+ labels: [15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 1, 2, 3, 4],
+ xaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ crosshairs: {
+ show: false
+ },
+ labels: {
+ show: false,
+ style: {
+ fontSize: '14px'
+ }
+ },
+ },
+ grid: {
+ xaxis: {
+ lines: {
+ show: false
+ },
+ },
+ yaxis: {
+ lines: {
+ show: false
+ },
+ }
+ },
+ yaxis: {
+ axisBorder: {
+ show: false
+ },
+ labels: {
+ show: false
+ },
+ },
+ legend: {
+ floating: true,
+ position: 'top',
+ horizontalAlign: 'right',
+ offsetY: -36
+ },
+ title: {
+ text: 'Web Statistics',
+ align: 'left',
+ },
+ subtitle: {
+ text: 'Sessions and Views'
+ },
+ tooltip: {
+ shared: true
+ }
+
+}
+
+var chartBar = new ApexCharts(document.querySelector('#bar'), optionsBar);
+chartBar.render();
+
+var optionsCircle1 = {
+ chart: {
+ type: 'radialBar',
+ height: 250,
+ zoom: {
+ enabled: false
+ },
+ },
+ colors: ['#E91E63'],
+ plotOptions: {
+ radialBar: {
+ dataLabels: {
+ name: {
+ show: false
+ },
+ value: {
+ offsetY: 0
+ }
+ }
+ }
+ },
+ series: [65],
+ theme: {
+ monochrome: {
+ enabled: false
+ }
+ },
+ title: {
+ text: 'Bounce Rate',
+ align: 'left'
+ }
+}
+
+var chartCircle1 = new ApexCharts(document.querySelector('#radialBar1'), optionsCircle1);
+chartCircle1.render();
+
+
+var optionsDonutTop = {
+ chart: {
+ height: 250,
+ type: 'donut',
+ },
+ plotOptions: {
+ pie: {
+ size: 76,
+ donut: {
+ size: '72%',
+ },
+ dataLabels: {
+ enabled: false
+ }
+ }
+ },
+ colors: ['#775DD0', '#00C8E1', '#FFB900'],
+ title: {
+ text: 'Visitors Source'
+ },
+ series: [2, 7, 5],
+ labels: ['Social Media', 'Blog', 'External'],
+ legend: {
+ show: false
+ }
+}
+
+var chartDonut2 = new ApexCharts(document.querySelector('#donutTop'), optionsDonutTop);
+chartDonut2.render().then(function () {
+ // window.setInterval(function () {
+ // chartDonut2.updateSeries([getRandom(), getRandom(), getRandom()])
+ // }, 1000)
+});
+
+var optionsArea = {
+ chart: {
+ height: 421,
+ type: 'area',
+ background: '#fff',
+ stacked: true,
+ offsetY: 39,
+ zoom: {
+ enabled: false
+ }
+ },
+ plotOptions: {
+ line: {
+ dataLabels: {
+ enabled: false
+ }
+ }
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ colors: ["#3F51B5", '#2196F3'],
+ series: [{
+ name: "Adwords Views",
+ data: [15, 26, 20, 33, 27, 43, 17, 26, 19]
+ },
+ {
+ name: "Adwords Clicks",
+ data: [33, 21, 42, 19, 32, 25, 36, 29, 49]
+ }
+ ],
+ fill: {
+ type: 'gradient',
+ gradient: {
+ inverseColors: false,
+ shade: 'light',
+ type: "vertical",
+ opacityFrom: 0.9,
+ opacityTo: 0.6,
+ stops: [0, 100, 100, 100]
+ }
+ },
+ title: {
+ text: 'Visitor Insights',
+ align: 'left',
+ offsetY: -5,
+ offsetX: 20
+ },
+ subtitle: {
+ text: 'Adwords Statistics',
+ offsetY: 30,
+ offsetX: 20
+ },
+ markers: {
+ size: 0,
+ style: 'hollow',
+ strokeWidth: 8,
+ strokeColor: "#fff",
+ strokeOpacity: 0.25,
+ },
+ grid: {
+ show: false,
+ padding: {
+ left: 0,
+ right: 0
+ }
+ },
+ labels: ['01/15/2002', '01/16/2002', '01/17/2002', '01/18/2002', '01/19/2002', '01/20/2002', '01/21/2002', '01/22/2002', '01/23/2002'],
+ xaxis: {
+ type: 'datetime',
+ tooltip: {
+ enabled: false
+ }
+ },
+ legend: {
+ offsetY: -50,
+ position: 'top',
+ horizontalAlign: 'right'
+ }
+}
+
+var chartArea = new ApexCharts(document.querySelector('#area-adwords'), optionsArea);
+chartArea.render();
+
+var optionsCircle4 = {
+ chart: {
+ type: 'radialBar',
+ height: 280,
+ width: 380,
+ },
+ colors: ['#775DD0', '#00C8E1', '#FFB900'],
+ labels: ['q4'],
+ series: [71, 63, 77],
+ labels: ['June', 'May', 'April'],
+ theme: {
+ monochrome: {
+ enabled: false
+ }
+ },
+ plotOptions: {
+ radialBar: {
+ offsetY: -30
+ }
+ },
+ legend: {
+ show: true,
+ position: 'left',
+ containerMargin: {
+ right: 0
+ }
+ },
+ title: {
+ text: 'Growth'
+ }
+}
+
+var chartCircle4 = new ApexCharts(document.querySelector('#radialBarBottom'), optionsCircle4);
+chartCircle4.render();
+
+function generateData(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+ var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+ series.push([x, y, z]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+}
+
+function getRandom() {
+ return Math.floor(Math.random() * (100 - 1 + 1)) + 1;
+}
+
+
+var options = {
+ chart: {
+ height: 294,
+ type: 'bubble',
+ sparkline: {
+ enabled: true
+ },
+ },
+ plotOptions: {
+ bubble: {
+ dataLabels: {
+ enabled: false
+ }
+ }
+ },
+ colors: ["#734CEA", "#34bfa3", "#f4516c", "#00c5dc"],
+ series: [{
+ name: 'Facebook',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Twitter',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Youtube',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'LinkedIn',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }
+ ],
+ fill: {
+ opacity: 0.8,
+ gradient: {
+ enabled: false
+ }
+ },
+ title: {
+ text: 'Social Media Reach'
+ },
+ xaxis: {
+ tickAmount: 12,
+ type: 'category',
+ min: -50,
+ max: 850
+ },
+ yaxis: {
+ max: 70
+ }
+}
+
+var chart = new ApexCharts(
+ document.querySelector("#bubbleChart"),
+ options
+);
+
+// a small hack to extend height in website sample dashboard
+chart.render().then(function () {
+ var ifr = document.querySelector("#wrapper");
+ if (ifr.contentDocument) {
+ ifr.style.height = ifr.contentDocument.body.scrollHeight + 20 +'px';
+ }
+});
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/assets/styles.css b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/assets/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..c779961dddb487c177601d1d6706c45963a4cad8
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/assets/styles.css
@@ -0,0 +1,73 @@
+
+body {
+ background: #F3F4FA;
+ color: #777;
+ font-family: Montserrat, Arial, sans-serif;
+}
+
+.body-bg {
+ background: #F3F4FA !important;
+}
+
+h1, h2, h3, h4, h5, h6, strong {
+ font-weight: 600;
+}
+
+body {
+ /*background: linear-gradient(45deg,#3a3a60,#5f5f8e);
+ min-height: 100vh;*/
+}
+
+#area-adwords {
+ min-height: 421px !important;
+ margin-right: -20px;
+}
+
+.content-area {
+ max-width: 1280px;
+ margin: 0 auto;
+}
+
+.box {
+ background-color: #fff;
+ padding: 25px 20px;
+
+}
+
+.shadow {
+ box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
+}
+.sparkboxes .box {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ text-shadow: 0 1px 1px 1px #666;
+ box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
+ position: relative;
+}
+
+
+.sparkboxes strong {
+ position: relative;
+ z-index: 3;
+ top: -8px;
+ color: #fff;
+}
+
+
+.sparkboxes .box1 {
+ border-bottom: 3px solid #734CEA
+}
+
+.sparkboxes .box2 {
+ border-bottom: 3px solid #34bfa3
+}
+
+.sparkboxes .box3 {
+ border-bottom: 3px solid #f4516c;
+}
+
+.sparkboxes .box4 {
+ border-bottom: 3px solid #00c5dc;
+}
+
+
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/index.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..2ac3e058c07bc8d22f4a01ded67fb4c1fe1f2b19
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/material/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Dashboard - Material Style</title>
+
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
+ <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <link rel="stylesheet" href="assets/styles.css">
+
+
+</head>
+
+<body>
+
+
+ <div id="wrapper">
+
+ <div class="content-area">
+ <div class="container-fluid">
+ <div class="main">
+
+ <div class="row mt-4">
+ <div class="col-md-5">
+ <div class="box shadow">
+ <div id="bar"> </div>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="box shadow">
+ <div id="donutTop"> </div>
+ </div>
+ </div>
+ <div class="col-md-3">
+ <div class="box shadow">
+ <div id="radialBar1"> </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row mt-4">
+ <div class="col-md-6">
+ <div class="row sparkboxes mt-4">
+ <div class="col-md-6">
+ <div class="box box1">
+ <div id="spark1"></div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="box box2">
+ <div id="spark2"></div>
+ </div>
+ </div>
+ </div>
+ <div class="row sparkboxes mt-3">
+ <div class="col-md-6">
+ <div class="box box3">
+ <div id="spark3"></div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="box box4">
+ <div id="spark4"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="box body-bg">
+ <div id="area-adwords" style="background: #fff" class="shadow"> </div>
+ </div>
+ </div>
+ </div>
+
+
+ <div class="row mt-4 mb-5">
+ <div class="col-md-5">
+ <div class="box shadow">
+ <div id="radialBarBottom"> </div>
+ </div>
+ </div>
+ <div class="col-md-7">
+ <div class="box shadow">
+ <div id="bubbleChart"> </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="assets/scripts.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/data.js b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/data.js
new file mode 100644
index 0000000000000000000000000000000000000000..17da12dc8b2e75b7799825a149743ad9e7bb2f7f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/data.js
@@ -0,0 +1,12 @@
+
+var data = {"prices":[7114.25,7126.6,7116.95,7203.7,7233.75,7451.0,7381.15,7348.95,7347.75,7311.25,7266.4,7253.25,7215.45,7266.35,7315.25,7237.2,7191.4,7238.95,7222.6,7217.9,7359.3,7371.55,7371.15,7469.2,7429.25,7434.65,7451.1,7475.25,7566.25,7556.8,7525.55,7555.45,7560.9,7490.7,7527.6,7551.9,7514.85,7577.95,7592.3,7621.95,7707.95,7859.1,7815.7,7739.0,7778.7,7839.45,7756.45,7669.2,7580.45,7452.85,7617.25,7701.6,7606.8,7620.05,7513.85,7498.45,7575.45,7601.95,7589.1,7525.85,7569.5,7702.5,7812.7,7803.75,7816.3,7851.15,7912.2,7972.8,8145.0,8161.1,8121.05,8071.25,8088.2,8154.45,8148.3,8122.05,8132.65,8074.55,7952.8,7885.55,7733.9,7897.15,7973.15,7888.5,7842.8,7838.4,7909.85,7892.75,7897.75,7820.05,7904.4,7872.2,7847.5,7849.55,7789.6,7736.35,7819.4,7875.35,7871.8,8076.5,8114.8,8193.55,8217.1,8235.05,8215.3,8216.4,8301.55,8235.25,8229.75,8201.95,8164.95,8107.85,8128.0,8122.9,8165.5,8340.7,8423.7,8423.5,8514.3,8481.85,8487.7,8506.9,8626.2],"dates":["02 Jun 2017","05 Jun 2017","06 Jun 2017","07 Jun 2017","08 Jun 2017","09 Jun 2017","12 Jun 2017","13 Jun 2017","14 Jun 2017","15 Jun 2017","16 Jun 2017","19 Jun 2017","20 Jun 2017","21 Jun 2017","22 Jun 2017","23 Jun 2017","27 Jun 2017","28 Jun 2017","29 Jun 2017","30 Jun 2017","03 Jul 2017","04 Jul 2017","05 Jul 2017","06 Jul 2017","07 Jul 2017","10 Jul 2017","11 Jul 2017","12 Jul 2017","13 Jul 2017","14 Jul 2017","17 Jul 2017","18 Jul 2017","19 Jul 2017","20 Jul 2017","21 Jul 2017","24 Jul 2017","25 Jul 2017","26 Jul 2017","27 Jul 2017","28 Jul 2017","31 Jul 2017","01 Aug 2017","02 Aug 2017","03 Aug 2017","04 Aug 2017","07 Aug 2017","08 Aug 2017","09 Aug 2017","10 Aug 2017","11 Aug 2017","14 Aug 2017","16 Aug 2017","17 Aug 2017","18 Aug 2017","21 Aug 2017","22 Aug 2017","23 Aug 2017","24 Aug 2017","28 Aug 2017","29 Aug 2017","30 Aug 2017","31 Aug 2017","01 Sep 2017","04 Sep 2017","05 Sep 2017","06 Sep 2017","07 Sep 2017","08 Sep 2017","11 Sep 2017","12 Sep 2017","13 Sep 2017","14 Sep 2017","15 Sep 2017","18 Sep 2017","19 Sep 2017","20 Sep 2017","21 Sep 2017","22 Sep 2017","25 Sep 2017","26 Sep 2017","27 Sep 2017","28 Sep 2017","29 Sep 2017","03 Oct 2017","04 Oct 2017","05 Oct 2017","06 Oct 2017","09 Oct 2017","10 Oct 2017","11 Oct 2017","12 Oct 2017","13 Oct 2017","16 Oct 2017","17 Oct 2017","18 Oct 2017","19 Oct 2017","23 Oct 2017","24 Oct 2017","25 Oct 2017","26 Oct 2017","27 Oct 2017","30 Oct 2017","31 Oct 2017","01 Nov 2017","02 Nov 2017","03 Nov 2017","06 Nov 2017","07 Nov 2017","08 Nov 2017","09 Nov 2017","10 Nov 2017","13 Nov 2017","14 Nov 2017","15 Nov 2017","16 Nov 2017","17 Nov 2017","20 Nov 2017","21 Nov 2017","22 Nov 2017","23 Nov 2017","24 Nov 2017","27 Nov 2017","28 Nov 2017"]}
+
+
+var monthDataSeries1 = {
+ "prices":[8107.85,8128.0,8122.9,8165.5,8340.7,8423.7,8423.5,8514.3,8481.85,8487.7,8506.9,8626.2,8668.95,8602.3,8607.55,8512.9,8496.25,8600.65,8881.1,9340.85],
+ "dates":["13 Nov 2017","14 Nov 2017","15 Nov 2017","16 Nov 2017","17 Nov 2017","20 Nov 2017","21 Nov 2017","22 Nov 2017","23 Nov 2017","24 Nov 2017","27 Nov 2017","28 Nov 2017","29 Nov 2017","30 Nov 2017","01 Dec 2017","04 Dec 2017","05 Dec 2017","06 Dec 2017","07 Dec 2017","08 Dec 2017"]
+}
+
+var monthDataSeries2 = {
+ "prices":[8423.7,8423.5,8514.3,8481.85,8487.7,8506.9,8626.2,8668.95,8602.3,8607.55,8512.9,8496.25,8600.65,8881.1,9040.85,8340.7,8165.5,8122.9,8107.85,8128.0]
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/banana.png b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/banana.png
new file mode 100644
index 0000000000000000000000000000000000000000..1955abe54652531a283f57f3eb18c21e3b262614
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/banana.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/logo.png b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..1077c6d483db16601d099de8659910c0f26e14b7
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/logo.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/map.png b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/map.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1d62092fb5c8454fe27cddd733445ece4de9352
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/map.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/tellius.png b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/tellius.png
new file mode 100644
index 0000000000000000000000000000000000000000..edaf2235e763b76ceab214d290faf3b42ca35948
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/tellius.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/user.png b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/user.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4b8afbb75a4ce4d431ccb31077fd9620a1c405d
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/img/user.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/scripts.js b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/scripts.js
new file mode 100644
index 0000000000000000000000000000000000000000..70e8e176928fcc9a88fb3885fb5dd2663b2dc9b8
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/scripts.js
@@ -0,0 +1,617 @@
+Apex.grid = {
+ padding: {
+ right: 0,
+ left: 0
+ }
+}
+
+Apex.dataLabels = {
+ enabled: false
+}
+
+var randomizeArray = function (arg) {
+ var array = arg.slice();
+ var currentIndex = array.length, temporaryValue, randomIndex;
+
+ while (0 !== currentIndex) {
+
+ randomIndex = Math.floor(Math.random() * currentIndex);
+ currentIndex -= 1;
+
+ temporaryValue = array[currentIndex];
+ array[currentIndex] = array[randomIndex];
+ array[randomIndex] = temporaryValue;
+ }
+
+ return array;
+}
+
+// data for the sparklines that appear below header area
+var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
+
+// the default colorPalette for this dashboard
+//var colorPalette = ['#01BFD6', '#5564BE', '#F7A600', '#EDCD24', '#F74F58'];
+var colorPalette = ['#00D8B6','#008FFB', '#FEB019', '#FF4560', '#775DD0']
+
+var spark1 = {
+ chart: {
+ id: 'sparkline1',
+ group: 'sparklines',
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 1,
+ },
+ series: [{
+ name: 'Sales',
+ data: randomizeArray(sparklineData)
+ }],
+ labels: [...Array(24).keys()].map(n => `2018-09-0${n+1}`),
+ yaxis: {
+ min: 0
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+ colors: ['#DCE6EC'],
+ title: {
+ text: '$424,652',
+ offsetX: 30,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Sales',
+ offsetX: 30,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+}
+
+var spark2 = {
+ chart: {
+ id: 'sparkline2',
+ group: 'sparklines',
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 1,
+ },
+ series: [{
+ name: 'Expenses',
+ data: randomizeArray(sparklineData)
+ }],
+ labels: [...Array(24).keys()].map(n => `2018-09-0${n+1}`),
+ yaxis: {
+ min: 0
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+ colors: ['#DCE6EC'],
+ title: {
+ text: '$235,312',
+ offsetX: 30,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Expenses',
+ offsetX: 30,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+}
+
+var spark3 = {
+ chart: {
+ id: 'sparkline3',
+ group: 'sparklines',
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 1,
+ },
+ series: [{
+ name: 'Profits',
+ data: randomizeArray(sparklineData)
+ }],
+ labels: [...Array(24).keys()].map(n => `2018-09-0${n+1}`),
+ xaxis: {
+ type: 'datetime',
+ },
+ yaxis: {
+ min: 0
+ },
+ colors: ['#008FFB'],
+ //colors: ['#5564BE'],
+ title: {
+ text: '$135,965',
+ offsetX: 30,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Profits',
+ offsetX: 30,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+}
+
+var monthlyEarningsOpt = {
+ chart: {
+ type: 'area',
+ height: 260,
+ background: '#eff4f7',
+ sparkline: {
+ enabled: true
+ },
+ offsetY: 20
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ type: 'solid',
+ opacity: 1,
+ },
+ series: [{
+ data: randomizeArray(sparklineData)
+ }],
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ yaxis: {
+ min: 0,
+ max: 130
+ },
+ colors: ['#dce6ec'],
+
+ title: {
+ text: 'Total Earned',
+ offsetX: -30,
+ offsetY: 100,
+ align: 'right',
+ style: {
+ color: '#7c939f',
+ fontSize: '16px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: '$135,965',
+ offsetX: -30,
+ offsetY: 100,
+ align: 'right',
+ style: {
+ color: '#7c939f',
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+}
+
+
+new ApexCharts(document.querySelector("#spark1"), spark1).render();
+new ApexCharts(document.querySelector("#spark2"), spark2).render();
+new ApexCharts(document.querySelector("#spark3"), spark3).render();
+
+var monthlyEarningsChart = new ApexCharts(document.querySelector("#monthly-earnings-chart"), monthlyEarningsOpt);
+
+
+var optionsArea = {
+ chart: {
+ height: 340,
+ type: 'area',
+ zoom: {
+ enabled: false
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ colors: colorPalette,
+ series: [
+ {
+ name: "Blog",
+ data: [{
+ x: 0,
+ y: 0
+ }, {
+ x: 4,
+ y: 5
+ }, {
+ x: 5,
+ y: 3
+ }, {
+ x: 9,
+ y: 8
+ }, {
+ x: 14,
+ y: 4
+ }, {
+ x: 18,
+ y: 5
+ }, {
+ x: 25,
+ y: 0
+ }]
+ },
+ {
+ name: "Social Media",
+ data: [{
+ x: 0,
+ y: 0
+ }, {
+ x: 4,
+ y: 6
+ }, {
+ x: 5,
+ y: 4
+ }, {
+ x: 14,
+ y: 8
+ }, {
+ x: 18,
+ y: 5.5
+ }, {
+ x: 21,
+ y: 6
+ }, {
+ x: 25,
+ y: 0
+ }]
+ },
+ {
+ name: "External",
+ data: [{
+ x: 0,
+ y: 0
+ }, {
+ x: 2,
+ y: 5
+ }, {
+ x: 5,
+ y: 4
+ }, {
+ x: 10,
+ y: 11
+ }, {
+ x: 14,
+ y: 4
+ }, {
+ x: 18,
+ y: 8
+ }, {
+ x: 25,
+ y: 0
+ }]
+ }
+ ],
+ fill: {
+ opacity: 1,
+ },
+ title: {
+ text: 'Daily Visits Insights',
+ align: 'left',
+ style: {
+ fontSize: '18px'
+ }
+ },
+ markers: {
+ size: 0,
+ style: 'hollow',
+ hover: {
+ opacity: 5,
+ }
+ },
+ tooltip: {
+ intersect: true,
+ shared: false,
+ },
+ xaxis: {
+ tooltip: {
+ enabled: false
+ },
+ labels: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ yaxis: {
+ tickAmount: 4,
+ max: 12,
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ labels: {
+ style: {
+ color: '#78909c'
+ }
+ }
+ },
+ legend: {
+ show: false
+ }
+}
+
+var chartArea = new ApexCharts(document.querySelector('#area'), optionsArea);
+chartArea.render();
+
+var optionsBar = {
+ chart: {
+ type: 'bar',
+ height: 380,
+ width: '100%',
+ stacked: true,
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '45%',
+ }
+ },
+ colors: colorPalette,
+ series: [{
+ name: "Clothing",
+ data: [42, 52, 16, 55, 59, 51, 45, 32, 26, 33, 44, 51, 42, 56],
+ }, {
+ name: "Food Products",
+ data: [6, 12, 4, 7, 5, 3, 6, 4, 3, 3, 5, 6, 7, 4],
+ }],
+ labels: [10,11,12,13,14,15,16,17,18,19,20,21,22,23],
+ xaxis: {
+ labels: {
+ show: false
+ },
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ },
+ yaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ labels: {
+ style: {
+ color: '#78909c'
+ }
+ }
+ },
+ title: {
+ text: 'Monthly Sales',
+ align: 'left',
+ style: {
+ fontSize: '18px'
+ }
+ }
+
+}
+
+var chartBar = new ApexCharts(document.querySelector('#bar'), optionsBar);
+chartBar.render();
+
+
+var optionDonut = {
+ chart: {
+ type: 'donut',
+ width: '100%'
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ plotOptions: {
+ pie: {
+ donut: {
+ size: '75%',
+ },
+ offsetY: 20,
+ },
+ stroke: {
+ colors: undefined
+ }
+ },
+ colors: colorPalette,
+ title: {
+ text: 'Department Sales',
+ style: {
+ fontSize: '18px'
+ }
+ },
+ series: [21, 23, 19, 14, 6],
+ labels: ['Clothing', 'Food Products', 'Electronics', 'Kitchen Utility', 'Gardening'],
+ legend: {
+ position: 'left',
+ offsetY: 80
+ }
+}
+
+var donut = new ApexCharts(
+ document.querySelector("#donut"),
+ optionDonut
+)
+donut.render();
+
+
+function trigoSeries(cnt, strength) {
+ var data = [];
+ for (var i = 0; i < cnt; i++) {
+ data.push((Math.sin(i / strength) * (i / strength) + i / strength+1) * (strength*2));
+ }
+
+ return data;
+}
+
+
+
+var optionsLine = {
+ chart: {
+ height: 340,
+ type: 'line',
+ zoom: {
+ enabled: false
+ }
+ },
+ plotOptions: {
+ stroke: {
+ width: 4,
+ curve: 'smooth'
+ },
+ },
+ colors: colorPalette,
+ series: [
+ {
+ name: "Day Time",
+ data: trigoSeries(52, 20)
+ },
+ {
+ name: "Night Time",
+ data: trigoSeries(52, 27)
+ },
+ ],
+ title: {
+ floating: false,
+ text: 'Customers',
+ align: 'left',
+ style: {
+ fontSize: '18px'
+ }
+ },
+ subtitle: {
+ text: '168,215',
+ align: 'center',
+ margin: 30,
+ offsetY: 40,
+ style: {
+ color: '#222',
+ fontSize: '24px',
+ }
+ },
+ markers: {
+ size: 0
+ },
+
+ grid: {
+
+ },
+ xaxis: {
+ labels: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ tooltip: {
+ enabled: false
+ }
+ },
+ yaxis: {
+ tickAmount: 2,
+ labels: {
+ show: false
+ },
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false
+ },
+ min: 0,
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left',
+ offsetY: -20,
+ offsetX: -30
+ }
+
+}
+
+var chartLine = new ApexCharts(document.querySelector('#line'), optionsLine);
+
+// a small hack to extend height in website sample dashboard
+chartLine.render().then(function () {
+ var ifr = document.querySelector("#wrapper");
+ if (ifr.contentDocument) {
+ ifr.style.height = ifr.contentDocument.body.scrollHeight + 20 + 'px';
+ }
+});
+
+
+// on smaller screen, change the legends position for donut
+var mobileDonut = function() {
+ if($(window).width() < 768) {
+ donut.updateOptions({
+ plotOptions: {
+ pie: {
+ offsetY: -15,
+ }
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }, false, false)
+ }
+ else {
+ donut.updateOptions({
+ plotOptions: {
+ pie: {
+ offsetY: 20,
+ }
+ },
+ legend: {
+ position: 'left'
+ }
+ }, false, false)
+ }
+}
+
+$(window).resize(function() {
+ mobileDonut()
+})
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/styles.css b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..31bf2a778241cbb73abf3e42fc3034f7b6a9e441
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/assets/styles.css
@@ -0,0 +1,207 @@
+
+body {
+ background-color: #eff4f7;
+ color: #777;
+ font-family: 'Titillium Web', Arial, Helvetica, sans-serif
+}
+
+h1, h2, h3, h4, h5, h6, strong {
+ font-weight: 600;
+}
+
+.content-area {
+ max-width: 1070px;
+ margin: 0 auto;
+}
+
+#topnav {
+ background: #37474f;
+ height: 60px;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 14px;
+}
+
+.admin-menu {
+ color: #fff;
+ font-size: 16px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 15px;
+ flex: 0.05 0 0;
+}
+
+.logo {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex: 1 0 0;
+}
+
+.logo-t {
+ width: 32px;
+ height: 32px;
+ border: 2px solid #26c6da;
+ text-align: center;
+ line-height: 28px;
+ border-radius: 50%;
+ margin-right: 15px;
+ margin-left: 5px;
+ padding-left: 3px;
+}
+
+.search-bar {
+ flex: 2 0 0;
+ align-items: center;
+ justify-content: space-between;
+ background: #232e34;
+ overflow: hidden;
+ display: flex;
+ height: 36px;
+ border-radius: 35px;
+ color: rgba(255,255,255,0.5);
+}
+
+.search-bar-dropdown {
+ flex: 1 0 0;
+ height: 40px;
+ line-height: 40px;
+ padding: 0 18px;
+ margin-right: 15px;
+ background: #2c393f;
+
+}
+.search-bar-input {
+ flex: 2 0 0;
+ display: flex;
+ justify-content: flex-end;
+ padding: 0 18px;
+ line-height: 40px;
+ align-items: center;
+}
+
+.search-bar-input input[type="text"] {
+ width: 100%;
+ background: transparent;
+ border: 0;
+ color: rgba(255,255,255,0.5);
+}
+.search-bar-input input:focus{
+ outline: none;
+}
+
+.box.banana_map {
+ color: #fff;
+ background: #eff4f7;
+ padding: 0;
+ box-shadow: none;
+}
+.box.banana_map .title {
+ padding-top: 40px;
+ padding-left: 25px;
+ font-size: 16px;
+}
+.box.banana_map .subtitle {
+ font-weight: 700;
+ padding-top: 10px;
+ padding-left: 25px;
+ font-size: 22px;
+}
+
+.box {
+ max-height: 444px;
+}
+
+.box .banana {
+ min-height: 404px;
+ background-image: url('img/banana.png');
+ background-size: cover;
+}
+.box .map {
+ min-height: 404px;
+ background-image: url('img/map.png');
+ background-size: cover;
+}
+.box .cog-icon {
+ cursor: pointer;
+ position: absolute;
+ right: 55px;
+ top: 25px;
+ z-index: 10;
+}
+
+@media screen and (max-width:760px) {
+ #topnav { flex-wrap: wrap; }
+ .admin-menu { flex-basis: 20%; }
+ .logo { justify-content: flex-end; padding-right: 10px; }
+ .logo { flex-basis: 80%; }
+ .topnav-rightmenu, .search-bar { display: none; }
+}
+
+.box {
+ box-shadow: 0px 1px 22px -12px #607D8B;
+ background-color: #fff;
+ padding: 25px 35px 25px 30px;
+}
+
+#monthly-earnings-chart #apexcharts-canvas {
+ position: relative;
+}
+#monthly-earnings-chart #apexcharts-canvas:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ right: 58%;
+ top: 0;
+ bottom: 0;
+ background: #24bdd3;
+ opacity: 0.65;
+}
+#monthly-earnings-chart #apexcharts-title-text {
+ font-weight: 600;
+}
+#monthly-earnings-chart #apexcharts-subtitle-text {
+ font-weight: 700;
+}
+.monthly-earnings-text {
+ position: absolute;
+ left: 70px;
+ top: 187px;
+ color: #fff;
+ z-index: 10;
+}
+
+.monthly-earnings-text h6 {
+ font-size: 16px;
+}
+.chart-title h5 {
+ font-size: 18px;
+ color: rgba(51,51,51,1);
+ margin-bottom: 38px;
+}
+
+
+@media screen and (max-width:760px) {
+ .monthly-earnings-text {
+ left: 30px;
+ }
+ .box {
+ padding: 25px 0;
+ }
+}
+
+.sparkboxes .box {
+ padding: 3px 0 0 0;
+ position: relative;
+}
+
+#spark1, #spark2, #spark3, #spark4 {
+ position: relative;
+ padding-top: 15px;
+}
+
+
+/* overrides */
+.sparkboxes #apexcharts-subtitle-text { fill: #8799a2 !important; }
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/index.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..1c55bd200c67cf6d090b98465065295726e44e55
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/modern/index.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Balkan Dashboard</title>
+
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700" rel="stylesheet">
+
+ <link rel="stylesheet" href="assets/styles.css">
+
+</head>
+
+<body>
+
+
+ <div id="wrapper">
+
+ <div class="content-area">
+ <div class="container-fluid">
+ <div class="main">
+ <div class="row sparkboxes mt-4 mb-4">
+ <div class="col-md-4">
+ <div class="box box1">
+ <div id="spark1"></div>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="box box2">
+ <div id="spark2"></div>
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div class="box box3">
+ <div id="spark3"></div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row mt-5 mb-4">
+ <div class="col-md-6">
+ <div class="box">
+ <div id="bar"> </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="box">
+
+ <div id="donut"> </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row mt-4 mb-4">
+ <div class="col-md-6">
+ <div class="box">
+ <div id="area"> </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="box">
+ <div id="line"> </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js"></script>
+ <script src="assets/data.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="assets/scripts.js"></script>
+
+ <script>
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/edit-on-codepen.png b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/edit-on-codepen.png
new file mode 100644
index 0000000000000000000000000000000000000000..5393770fe59c82c578c101e9cc09b4e451dbdd70
Binary files /dev/null and b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/edit-on-codepen.png differ
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/scripts.js b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/scripts.js
new file mode 100644
index 0000000000000000000000000000000000000000..d158ec613719d1bbdb9aa3340a7a11f6057735d8
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/scripts.js
@@ -0,0 +1,603 @@
+window.Apex = {
+ chart: {
+ foreColor: '#fff',
+ toolbar: {
+ show: false
+ },
+ },
+ colors: ['#FCCF31', '#17ead9', '#f02fc2'],
+ stroke: {
+ width: 3
+ },
+ dataLabels: {
+ enabled: false
+ },
+ grid: {
+ borderColor: "#40475D",
+ },
+ xaxis: {
+ axisTicks: {
+ color: '#333'
+ },
+ axisBorder: {
+ color: "#333"
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ gradientToColors: ['#F55555', '#6078ea', '#6094ea']
+ },
+ },
+ tooltip: {
+ theme: 'dark',
+ x: {
+ formatter: function (val) {
+ return moment(new Date(val)).format("HH:mm:ss")
+ }
+ }
+ },
+ yaxis: {
+ opposite: true,
+ labels: {
+ offsetX: -10
+ }
+ }
+};
+
+var trigoStrength = 3
+var iteration = 11
+
+function getRandom() {
+ var i = iteration;
+ return (Math.sin(i / trigoStrength) * (i / trigoStrength) + i / trigoStrength + 1) * (trigoStrength * 2)
+}
+
+function getRangeRandom(yrange) {
+ return Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
+}
+
+function generateMinuteWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = ((Math.sin(i / trigoStrength) * (i / trigoStrength) + i / trigoStrength + 1) * (trigoStrength * 2))
+
+ series.push([x, y]);
+ baseval += 300000;
+ i++;
+ }
+ return series;
+}
+
+
+
+function getNewData(baseval, yrange) {
+ var newTime = baseval + 300000;
+ return {
+ x: newTime,
+ y: Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
+ }
+}
+
+var optionsColumn = {
+ chart: {
+ height: 350,
+ type: 'bar',
+ animations: {
+ enabled: true,
+ easing: 'linear',
+ dynamicAnimation: {
+ speed: 1000
+ }
+ },
+ // dropShadow: {
+ // enabled: true,
+ // left: -14,
+ // top: -10,
+ // opacity: 0.05
+ // },
+ events: {
+ animationEnd: function (chartCtx) {
+ const newData = chartCtx.w.config.series[0].data.slice()
+ newData.shift()
+ window.setTimeout(function () {
+ chartCtx.updateOptions({
+ series: [{
+ data: newData
+ }],
+ xaxis: {
+ min: chartCtx.minX,
+ max: chartCtx.maxX
+ },
+ subtitle: {
+ text: parseInt(getRangeRandom({min: 1, max: 20})).toString() + '%',
+ }
+ }, false, false)
+ }, 300)
+ }
+ },
+ toolbar: {
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 0,
+ },
+ series: [{
+ name: 'Load Average',
+ data: generateMinuteWiseTimeSeries(new Date("12/12/2016 00:20:00").getTime(), 12, {
+ min: 10,
+ max: 110
+ })
+ }],
+ title: {
+ text: 'Load Average',
+ align: 'left',
+ style: {
+ fontSize: '12px'
+ }
+ },
+ subtitle: {
+ text: '20%',
+ floating: true,
+ align: 'right',
+ offsetY: 0,
+ style: {
+ fontSize: '22px'
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ type: 'vertical',
+ shadeIntensity: 0.5,
+ inverseColors: false,
+ opacityFrom: 1,
+ opacityTo: 0.8,
+ stops: [0, 100]
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ range: 2700000
+ },
+ legend: {
+ show: true
+ },
+}
+
+
+
+var chartColumn = new ApexCharts(
+ document.querySelector("#columnchart"),
+ optionsColumn
+);
+chartColumn.render()
+
+var optionsLine = {
+ chart: {
+ height: 350,
+ type: 'line',
+ stacked: true,
+ animations: {
+ enabled: true,
+ easing: 'linear',
+ dynamicAnimation: {
+ speed: 1000
+ }
+ },
+ dropShadow: {
+ enabled: true,
+ opacity: 0.3,
+ blur: 5,
+ left: -7,
+ top: 22
+ },
+ events: {
+ animationEnd: function (chartCtx) {
+ const newData1 = chartCtx.w.config.series[0].data.slice()
+ newData1.shift()
+ const newData2 = chartCtx.w.config.series[1].data.slice()
+ newData2.shift()
+ window.setTimeout(function () {
+ chartCtx.updateOptions({
+ series: [{
+ data: newData1
+ }, {
+ data: newData2
+ }],
+ subtitle: {
+ text: parseInt(getRandom() * Math.random()).toString(),
+ }
+ }, false, false)
+ }, 300)
+ }
+ },
+ toolbar: {
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight',
+ width: 5,
+ },
+ grid: {
+ padding: {
+ left: 0,
+ right: 0
+ }
+ },
+ markers: {
+ size: 0,
+ hover: {
+ size: 0
+ }
+ },
+ series: [{
+ name: 'Running',
+ data: generateMinuteWiseTimeSeries(new Date("12/12/2016 00:20:00").getTime(), 12, {
+ min: 30,
+ max: 110
+ })
+ }, {
+ name: 'Waiting',
+ data: generateMinuteWiseTimeSeries(new Date("12/12/2016 00:20:00").getTime(), 12, {
+ min: 30,
+ max: 110
+ })
+ }],
+ xaxis: {
+ type: 'datetime',
+ range: 2700000
+ },
+ title: {
+ text: 'Processes',
+ align: 'left',
+ style: {
+ fontSize: '12px'
+ }
+ },
+ subtitle: {
+ text: '20',
+ floating: true,
+ align: 'right',
+ offsetY: 0,
+ style: {
+ fontSize: '22px'
+ }
+ },
+ legend: {
+ show: true,
+ floating: true,
+ horizontalAlign: 'left',
+ onItemClick: {
+ toggleDataSeries: false
+ },
+ position: 'top',
+ offsetY: -33,
+ offsetX: 60
+ },
+}
+
+var chartLine = new ApexCharts(
+ document.querySelector("#linechart"),
+ optionsLine
+);
+chartLine.render()
+
+var optionsCircle = {
+ chart: {
+ type: 'radialBar',
+ height: 320,
+ offsetY: -30,
+ offsetX: 20
+ },
+ plotOptions: {
+ radialBar: {
+ size: undefined,
+ inverseOrder: false,
+ hollow: {
+ margin: 5,
+ size: '48%',
+ background: 'transparent',
+ },
+ track: {
+ show: true,
+ background: '#40475D',
+ strokeWidth: '10%',
+ opacity: 1,
+ margin: 3, // margin is in pixels
+ },
+
+
+ },
+ },
+ series: [71, 63],
+ labels: ['Device 1', 'Device 2'],
+ legend: {
+ show: true,
+ position: 'left',
+ offsetX: -40,
+ offsetY: -10,
+ formatter: function (val, opts) {
+ return val + " - " + opts.w.globals.series[opts.seriesIndex] + '%'
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ type: 'horizontal',
+ shadeIntensity: 0.5,
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 100]
+ }
+ }
+}
+
+var chartCircle = new ApexCharts(document.querySelector('#circlechart'), optionsCircle);
+chartCircle.render();
+
+var optionsProgress1 = {
+ chart: {
+ height: 70,
+ type: 'bar',
+ stacked: true,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '20%',
+ colors: {
+ backgroundBarColors: ['#40475D']
+ }
+ },
+ },
+ stroke: {
+ width: 0,
+ },
+ series: [{
+ name: 'Process 1',
+ data: [44]
+ }],
+ title: {
+ floating: true,
+ offsetX: -10,
+ offsetY: 5,
+ text: 'Process 1'
+ },
+ subtitle: {
+ floating: true,
+ align: 'right',
+ offsetY: 0,
+ text: '44%',
+ style: {
+ fontSize: '20px'
+ }
+ },
+ tooltip: {
+ enabled: false
+ },
+ xaxis: {
+ categories: ['Process 1'],
+ },
+ yaxis: {
+ max: 100
+ },
+ fill: {
+ opacity: 1
+ }
+}
+
+var chartProgress1 = new ApexCharts(document.querySelector('#progress1'), optionsProgress1);
+chartProgress1.render();
+
+
+var optionsProgress2 = {
+ chart: {
+ height: 70,
+ type: 'bar',
+ stacked: true,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '20%',
+ colors: {
+ backgroundBarColors: ['#40475D']
+ }
+ },
+ },
+ colors: ['#17ead9'],
+ stroke: {
+ width: 0,
+ },
+ series: [{
+ name: 'Process 2',
+ data: [80]
+ }],
+ title: {
+ floating: true,
+ offsetX: -10,
+ offsetY: 5,
+ text: 'Process 2'
+ },
+ subtitle: {
+ floating: true,
+ align: 'right',
+ offsetY: 0,
+ text: '80%',
+ style: {
+ fontSize: '20px'
+ }
+ },
+ tooltip: {
+ enabled: false
+ },
+ xaxis: {
+ categories: ['Process 2'],
+ },
+ yaxis: {
+ max: 100
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ inverseColors: false,
+ gradientToColors: ['#6078ea']
+ }
+ },
+}
+
+var chartProgress2 = new ApexCharts(document.querySelector('#progress2'), optionsProgress2);
+chartProgress2.render();
+
+
+var optionsProgress3 = {
+ chart: {
+ height: 70,
+ type: 'bar',
+ stacked: true,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '20%',
+ colors: {
+ backgroundBarColors: ['#40475D']
+ }
+ },
+ },
+ colors: ['#f02fc2'],
+ stroke: {
+ width: 0,
+ },
+ series: [{
+ name: 'Process 3',
+ data: [74]
+ }],
+ fill: {
+ type: 'gradient',
+ gradient: {
+ gradientToColors: ['#6094ea']
+ }
+ },
+ title: {
+ floating: true,
+ offsetX: -10,
+ offsetY: 5,
+ text: 'Process 3'
+ },
+ subtitle: {
+ floating: true,
+ align: 'right',
+ offsetY: 0,
+ text: '74%',
+ style: {
+ fontSize: '20px'
+ }
+ },
+ tooltip: {
+ enabled: false
+ },
+ xaxis: {
+ categories: ['Process 3'],
+ },
+ yaxis: {
+ max: 100
+ },
+}
+
+var chartProgress3 = new ApexCharts(document.querySelector('#progress3'), optionsProgress3);
+chartProgress3.render();
+
+window.setInterval(function () {
+
+ iteration++;
+
+ chartColumn.updateSeries([{
+ data: [...chartColumn.w.config.series[0].data,
+ [
+ chartColumn.w.globals.maxX + 210000,
+ getRandom()
+ ]
+ ]
+ }])
+
+ chartLine.updateSeries([{
+ data: [...chartLine.w.config.series[0].data,
+ [
+ chartLine.w.globals.maxX + 300000,
+ getRandom()
+ ]
+ ]
+ }, {
+ data: [...chartLine.w.config.series[1].data,
+ [
+ chartLine.w.globals.maxX + 300000,
+ getRandom()
+ ]
+ ]
+ }])
+
+ chartCircle.updateSeries([getRangeRandom({ min: 10, max: 100 }), getRangeRandom({ min: 10, max: 100 })])
+
+ var p1Data = getRangeRandom({ min: 10, max: 100 });
+ chartProgress1.updateOptions({
+ series: [{
+ data: [p1Data]
+ }],
+ subtitle: {
+ text: p1Data + "%"
+ }
+ })
+
+ var p2Data = getRangeRandom({ min: 10, max: 100 });
+ chartProgress2.updateOptions({
+ series: [{
+ data: [p2Data]
+ }],
+ subtitle: {
+ text: p2Data + "%"
+ }
+ })
+
+ var p3Data = getRangeRandom({ min: 10, max: 100 });
+ chartProgress3.updateOptions({
+ series: [{
+ data: [p3Data]
+ }],
+ subtitle: {
+ text: p3Data + "%"
+ }
+ })
+
+
+
+}, 3000)
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/styles.css b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..dd3070da4579edd14c3575fe0deefcf385d406fc
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/assets/styles.css
@@ -0,0 +1,52 @@
+
+body {
+ background: #1B213B;
+ color: #777;
+ font-family: Montserrat, Arial, sans-serif;
+}
+
+.body-bg {
+ background: #F3F4FA !important;
+}
+
+h1, h2, h3, h4, h5, h6, strong {
+ font-weight: 600;
+}
+
+.box .apexcharts-xaxistooltip {
+ background: #1B213B;
+ color: #fff;
+}
+
+.content-area {
+ max-width: 1280px;
+ margin: 0 auto;
+}
+
+.box {
+ background-color: #262D47;
+ padding: 25px 25px;
+ border-radius: 4px;
+}
+
+.columnbox {
+ padding-right: 15px;
+}
+.radialbox {
+ max-height: 333px;
+ margin-bottom: 60px;
+}
+
+.apexcharts-legend-series tspan:nth-child(3) {
+ font-weight: bold;
+ font-size: 20px;
+}
+
+.edit-on-codepen {
+ text-align: right;
+ width: 100%;
+ padding: 0 20px 40px;
+ position: relative;
+ top: -30px;
+ cursor: pointer;
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/index.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..4c18371767410cc83ab62e6b112ed464c43393d3
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/dashboards/realtime/index.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Dashboard - Dark Style</title>
+
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
+ <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+ <link rel="stylesheet" href="assets/styles.css">
+
+
+</head>
+
+<body>
+
+
+ <div id="wrapper">
+
+ <div class="content-area">
+ <div class="container-fluid">
+ <div class="main">
+
+
+ <div class="row mt-4">
+ <div class="col-md-5">
+ <div class="box columnbox mt-4">
+ <div id="columnchart"> </div>
+ </div>
+ </div>
+ <div class="col-md-7">
+ <div class="box mt-4">
+ <div id="linechart"> </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-5">
+ <div class="box radialbox mt-4">
+ <div id="circlechart"> </div>
+ </div>
+ </div>
+ <div class="col-md-7">
+ <div class="box mt-4">
+ <div class="mt-4">
+ <div id="progress1"></div>
+ </div>
+ <div class="mt-4">
+ <div id="progress2"></div>
+ </div>
+ <div class="mt-4">
+ <div id="progress3"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="float-right edit-on-codepen">
+ <a target="_blank" href="https://codepen.io/apexcharts/pen/pxZKqL"><img src="assets/edit-on-codepen.png" alt="Edit on Codepen"></a>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="assets/scripts.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/basic.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..c0e751583668386adfc8d45c67eae27c3d541c53
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/basic.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = 'w' + (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'heatmap',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ colors: ["#008FFB"],
+ series: [{
+ name: 'Metric1',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric2',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric3',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric4',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric5',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric6',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric7',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric9',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ }
+ ],
+ title: {
+ text: 'HeatMap Chart (Single color)'
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/color-range.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/color-range.html
new file mode 100644
index 0000000000000000000000000000000000000000..b6e056248987397eed207fd6323bcbd16ea4a01d
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/color-range.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Range HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'heatmap',
+ },
+ plotOptions: {
+ heatmap: {
+ shadeIntensity: 0.5,
+
+ colorScale: {
+ ranges: [{
+ from: -30,
+ to: 5,
+ name: 'low',
+ color: '#00A100'
+ },
+ {
+ from: 6,
+ to: 20,
+ name: 'medium',
+ color: '#128FD9'
+ },
+ {
+ from: 21,
+ to: 45,
+ name: 'high',
+ color: '#FFB200'
+ },
+ {
+ from: 46,
+ to: 55,
+ name: 'extreme',
+ color: '#FF0000'
+ }
+ ]
+ }
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ name: 'Jan',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Feb',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Mar',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Apr',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'May',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Jun',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Jul',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Aug',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Sep',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ }
+ ],
+ title: {
+ text: 'HeatMap Chart with Color Range'
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/multiple-color-scales-flipped.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/multiple-color-scales-flipped.html
new file mode 100644
index 0000000000000000000000000000000000000000..1515f6ae36bad54d6649fc9a0446a7e5c0eb6820
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/multiple-color-scales-flipped.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push(y);
+ i++;
+ }
+ return series;
+ }
+
+ var data = [{
+ name: '10:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '10:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '11:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '11:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '12:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '12:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '13:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '13:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ }
+ ]
+
+ data.reverse()
+
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'heatmap'
+ },
+ dataLabels: {
+ enabled: false
+ },
+ plotOptions: {
+ heatmap: {
+ colorScale: {
+ inverse: true
+ }
+ }
+ },
+ colors: ["#F3B415", "#F27036", "#663F59", "#6A6E94", "#4E88B4", "#00A7C6", "#18D8D8", '#A9D794',
+ '#46AF78', '#A93F55', '#8C5E58', '#2176FF', '#33A1FD', '#7A918D', '#BAFF29'
+ ],
+ series: data,
+ xaxis: {
+ type: 'category',
+ categories: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10', 'W11', 'W12', 'W13',
+ 'W14', 'W15'
+ ]
+ },
+
+ title: {
+ text: 'Color Scales flipped Vertically'
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/multiple-color.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/multiple-color.html
new file mode 100644
index 0000000000000000000000000000000000000000..72898f2d3f3c23db645a941079c7dd9044f54fdd
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/multiple-color.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 500px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ var data = [{
+ name: 'W1',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W2',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W3',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W4',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W5',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W6',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W7',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W8',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W9',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W10',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W11',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W12',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W13',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W14',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W15',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ }
+ ]
+
+ data.reverse()
+
+ var colors = ["#F3B415", "#F27036", "#663F59", "#6A6E94", "#4E88B4", "#00A7C6", "#18D8D8", '#A9D794','#46AF78', '#A93F55', '#8C5E58', '#2176FF', '#33A1FD', '#7A918D', '#BAFF29'
+ ]
+
+ colors.reverse()
+
+
+ var options = {
+ chart: {
+ height: 450,
+ type: 'heatmap',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ colors: colors,
+ series: data,
+ xaxis: {
+ type: 'category',
+ categories: ['10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '01:00', '01:30']
+ },
+ title: {
+ text: 'HeatMap Chart (Different color shades for each series)'
+ },
+ grid: {
+ padding: {
+ right: 20
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/rounded.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/rounded.html
new file mode 100644
index 0000000000000000000000000000000000000000..746e29c2e25a5667db80efb12f4c6ade0dd313e2
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/heatmap/rounded.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'heatmap',
+ },
+ stroke: {
+ width: 0
+ },
+ plotOptions: {
+ heatmap: {
+ radius: 30,
+ enableShades: false,
+ colorScale: {
+ ranges: [{
+ from: 0,
+ to: 50,
+ color: '#008FFB'
+ },
+ {
+ from: 51,
+ to: 100,
+ color: '#00E396'
+ },
+ ],
+ },
+
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ style: {
+ colors: ['#fff']
+ }
+ },
+ series: [{
+ name: 'Metric1',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric2',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric3',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric4',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric5',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric6',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric7',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ }
+ ],
+
+ xaxis: {
+ type: 'category',
+ },
+ title: {
+ text: 'Rounded (Range without Shades)'
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/basic-line.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/basic-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..160aed6bf8623d36e44facc39e3c4a5dcfea8ea5
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/basic-line.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Line Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ toolbar: {
+ show: true
+ }
+ },
+ grid: {
+ padding: {
+ right: 30,
+ left: 30
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ formatter: v => v
+ },
+ stroke: {
+ curve: "smooth"
+ },
+ xaxis: {
+ type: "categories",
+ categories: ["апр. 2017", "май 2017", "июнь 2017", "июль 2017", "авг. 2017", "Ñент. 2017", "окт. 2017",
+ "ноÑб. 2017", "дек. 2017", "Ñнв. 2018", "февр. 2018", "март 2018", "апр. 2018", "май 2018", "июнь 2018",
+ "июль 2018", "авг. 2018", "Ñент. 2018", "окт. 2018", "ноÑб. 2018", "дек. 2018", "Ñнв. 2019", "февр. 2019",
+ "март 2019"
+ ],
+ title: {
+ text: "МеÑÑц"
+ }
+ },
+ yaxis: {
+ labels: {
+ formatter: v => v
+ }
+ },
+ markers: {
+ size: 5
+ },
+ series: [{
+ name: "График",
+ data: [21346, 19770, 18583, 14256, 16651, 16798, 19265, 20404, 32267, 14006, 23277, 23930, 22089, 19245, 17401, 14866, 17900, 16928, 20711, 19641, 29243, 9872, 22103, 5572
+ ]
+ }]
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ </script>
+</body>
+
+</html>
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/brush-charts.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/brush-charts.html
new file mode 100644
index 0000000000000000000000000000000000000000..eaa966452f29ce3dceda889a267b92a4f72af275
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/brush-charts.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Syncing charts</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #wrapper {
+ padding-top: 20px;
+ padding-left: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ #chart-line {
+ position: relative;
+ margin-top: -40px;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="wrapper">
+ <div id="chart-line2">
+
+ </div>
+ <div id="chart-line">
+
+ </div>
+ </div>
+
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+
+ var data = generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 185, {
+ min: 30,
+ max: 90
+ })
+ var optionsline2 = {
+ chart: {
+ id: 'chart2',
+ type: 'line',
+ height: 230,
+ toolbar: {
+ autoSelected: 'pan',
+ show: false
+ }
+ },
+ colors: ['#546E7A'],
+ stroke: {
+ width: 3
+ },
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ opacity: 1,
+ },
+ markers: {
+ size: 0
+ },
+ series: [{
+ data: data
+ }],
+ xaxis: {
+ type: 'datetime'
+ }
+ }
+
+ var chartline2 = new ApexCharts(
+ document.querySelector("#chart-line2"),
+ optionsline2
+ );
+
+ chartline2.render();
+
+ var options = {
+ chart: {
+ id: 'chart1',
+ height: 130,
+ type: 'area',
+ brush:{
+ target: 'chart2',
+ enabled: true
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('19 Jun 2017').getTime(),
+ max: new Date('14 Aug 2017').getTime()
+ }
+ },
+ },
+ colors: ['#008FFB'],
+ series: [{
+ data: data
+ }],
+ fill: {
+ type: 'gradient',
+ gradient: {
+ opacityFrom: 0.91,
+ opacityTo: 0.1,
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ tooltip: {
+ enabled: false
+ }
+ },
+ yaxis: {
+ tickAmount: 2
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart-line"),
+ options
+ );
+
+ chart.render();
+
+ /*
+ // this function will generate output in this format
+ // data = [
+ [timestamp, 23],
+ [timestamp, 33],
+ [timestamp, 12]
+ ...
+ ]
+ */
+ function generateDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/dashed-line.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/dashed-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..300b48d25d9983d70c986eecbd19e78f0762a6b0
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/dashed-line.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Dashed Line Chart</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+
+ "annotations": {
+ "xaxis": [{
+ "x": 0.9991725030347123,
+ "x2": null,
+ "strokeDashArray": 2,
+ "fillColor": "#c2c2c2",
+ "borderColor": "#00E396",
+ "opacity": 0.3,
+ "offsetX": 0,
+ "offsetY": 0,
+ "label": {
+ "borderColor": "#00E396",
+ "borderWidth": 1,
+ "text": "Average Profit",
+ "textAnchor": "middle",
+ "orientation": "vertical",
+ "position": "top",
+ "offsetX": 0,
+ "offsetY": 0,
+ "style": {
+ "background": "#00E396",
+ "color": "#fff",
+ "fontSize": "11px",
+ "cssClass": "",
+ "padding": {
+ "left": 5,
+ "right": 5,
+ "top": 2,
+ "bottom": 2
+ }
+ }
+ }
+ },
+ {
+ "x": 1.000032771264139,
+ "x2": null,
+ "strokeDashArray": 2,
+ "fillColor": "#c2c2c2",
+ "borderColor": "#775DD0",
+ "opacity": 0.3,
+ "offsetX": 0,
+ "offsetY": 0,
+ "label": {
+ "borderColor": "#775DD0",
+ "borderWidth": 1,
+ "text": "Median Profit",
+ "textAnchor": "middle",
+ "orientation": "vertical",
+ "position": "top",
+ "offsetX": 0,
+ "offsetY": 0,
+ "style": {
+ "background": "#775DD0",
+ "color": "#fff",
+ "fontSize": "11px",
+ "cssClass": "",
+ "padding": {
+ "left": 5,
+ "right": 5,
+ "top": 2,
+ "bottom": 2
+ }
+ }
+ }
+ }
+ ],
+ "yaxis": [],
+ "points": []
+ },
+ "chart": {
+ "id": "PortFolioChart",
+ type: 'bar',
+ "animations": {
+ "enabled": false
+ },
+ "stacked": false,
+ "background": "#fff",
+ "toolbar": {
+ "show": false,
+ "autoSelected": "pan"
+ }
+ },
+ "dataLabels": {
+ "enabled": false
+ },
+ "plotOptions": {
+ "bar": {
+ "columnWidth": "100%"
+ }
+ },
+ "xaxis": {
+ "labels": {
+ formatter: function(val) {
+ return val.toFixed(3)
+ }
+ },
+ "min": 0.993,
+ "max": 1.0019999999999998
+ },
+ "yaxis": {
+ "tickAmount": 3
+ },
+ "series": [{
+ "data": [
+ [
+ 0.994,
+ 1
+ ],
+ [
+ 0.999,
+ 1
+ ],
+ [
+ 1,
+ 4
+ ],
+ [
+ 1.001,
+ 1
+ ]
+ ],
+ "name": "Number of trades"
+ }]
+ }
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ </script>
+</body>
+
+</html>
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/gradient-line.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/gradient-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..f6aa2b69813b122c0da042f4ff7196d823edf4a3
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/gradient-line.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Gradient Line</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart,
+ #chart-gradient {
+ max-width: 300px;
+ margin: 35px auto;
+ }
+
+ </style>
+</head>
+
+<body>
+
+ <div class="container">
+ <div id="chart">
+ </div>
+
+ <div id="chart-gradient">
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 200,
+ width: "100%",
+ type: "line"
+ },
+ series: [{
+ name: "Series 1",
+ data: [2, 2, 2, 2]
+ }]
+ };
+
+ var optionsGradient = {
+ chart: {
+ height: 200,
+ width: "100%",
+ type: "line"
+ },
+ fill: {
+ type: "gradient",
+ },
+ series: [{
+ name: "Series 1",
+ data: [1, 1, 1, 1, 1, 1, 1]
+ }],
+ tooltip: {
+ y: {
+ formatter: function(val) {
+ return val
+ }
+ }
+ }
+ };
+
+ var chart = new ApexCharts(document.querySelector("#chart"), options);
+ chart.render();
+
+ var chartGradient = new ApexCharts(document.querySelector("#chart-gradient"), optionsGradient);
+ chartGradient.render();
+
+ </script>
+</body>
+
+</html>
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-annotations.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-annotations.html
new file mode 100644
index 0000000000000000000000000000000000000000..299f7de00755e2d16ee608855389f8137778fa04
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-annotations.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line Chart with Annotations</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/stock-prices.js"></script>
+
+ <script>
+ var options = {
+ annotations: {
+ yaxis: [{
+ y: 8200,
+ borderColor: '#00E396',
+ label: {
+ borderColor: '#00E396',
+ style: {
+ color: '#fff',
+ background: '#00E396',
+ },
+ text: 'Support',
+ }
+ }, {
+ y: 8600,
+ y2: 9000,
+ borderColor: '#000',
+ fillColor: '#FEB019',
+ opacity: 0.2,
+ label: {
+ borderColor: '#333',
+ style: {
+ fontSize: '10px',
+ color: '#333',
+ background: '#FEB019',
+ },
+ text: 'Y-axis range',
+ }
+ }],
+ xaxis: [{
+ x: new Date('23 Nov 2017').getTime(),
+ strokeDashArray: 0,
+ borderColor: '#775DD0',
+ label: {
+ borderColor: '#775DD0',
+ style: {
+ color: '#fff',
+ background: '#775DD0',
+ },
+ text: 'Anno Test',
+ }
+ }, {
+ x: new Date('26 Nov 2017').getTime(),
+ x2: new Date('28 Nov 2017').getTime(),
+ fillColor: '#B3F7CA',
+ opacity: 0.4,
+ label: {
+ borderColor: '#B3F7CA',
+ style: {
+ fontSize: '10px',
+ color: '#fff',
+ background: '#00E396',
+ },
+ offsetY: -10,
+ text: 'X-axis range',
+ }
+ }],
+ points: [{
+ x: new Date('01 Dec 2017').getTime(),
+ y: 8607.55,
+ marker: {
+ size: 8,
+ fillColor: '#fff',
+ strokeColor: 'red',
+ radius: 2,
+ cssClass: 'apexcharts-custom-class'
+ },
+ label: {
+ borderColor: '#FF4560',
+ offsetY: 0,
+ style: {
+ color: '#fff',
+ background: '#FF4560',
+ },
+
+ text: 'Point Annotation',
+ }
+ }]
+ },
+ chart: {
+ height: 350,
+ type: 'line',
+ id: 'areachart-2'
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ grid: {
+ padding: {
+ right: 30,
+ left: 20
+ }
+ },
+ series: [{
+ data: series.monthDataSeries1.prices
+ }],
+ title: {
+ text: 'Line with Annotations',
+ align: 'left'
+ },
+ labels: series.monthDataSeries1.dates,
+ xaxis: {
+ type: 'datetime',
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ </script>
+</body>
+
+</html>
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..41dca4729f9afd35483b9acf60842d7b8edf5d11
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-data-labels.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line with Data Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ shadow: {
+ enabled: true,
+ color: '#000',
+ top: 18,
+ left: 7,
+ blur: 10,
+ opacity: 1
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ colors: ['#77B6EA', '#545454'],
+ dataLabels: {
+ enabled: true,
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+ series: [{
+ name: "High - 2013",
+ data: [28, 29, 33, 36, 32, 32, 33]
+ },
+ {
+ name: "Low - 2013",
+ data: [12, 11, 14, 18, 17, 13, 13]
+ }
+ ],
+ title: {
+ text: 'Average High & Low Temperature',
+ align: 'left'
+ },
+ grid: {
+ borderColor: '#e7e7e7',
+ row: {
+ colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
+ opacity: 0.5
+ },
+ },
+ markers: {
+
+ size: 6
+ },
+ xaxis: {
+ categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+ title: {
+ text: 'Month'
+ }
+ },
+ yaxis: {
+ title: {
+ text: 'Temperature'
+ },
+ min: 5,
+ max: 40
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ floating: true,
+ offsetY: -25,
+ offsetX: -5
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..0b8a3bbf0bd6f29432d559002d7477e83a5f91b7
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-image.html
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line with Image Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ },
+ stroke: {
+ width: 5,
+ curve: 'smooth'
+ },
+ colors: ['#2e93fa'],
+ series: [
+ // {
+ // name: 'Dataset 1',
+ // data: [20, 31, 14, 40, 12, 55, 13, 13, 9, 19, 20, 41, 36, 62, 60]
+ // }],
+ {
+ name: 'Dataset 2',
+ data: [10, 5, 20, 13, 15, 12, 13, 24, 24, 34, 7, 15, 10, 9, 26]
+ }],
+ xaxis: {
+ categories: ['1990', '1992', '1993', '1994', '1995', '1996', '1997', '1998', '1999', '2000', '2001', '2002', '2003', '2004', '2005'],
+ labels: {
+ formatter: function(val) {
+ return val
+ }
+ }
+ },
+ title: {
+ text: 'Line Chart - Image fill',
+ align: 'left',
+ style: {
+ fontSize: "16px",
+ }
+ },
+ fill: {
+ type: 'image',
+ image: {
+ src: [
+ '../../assets/images/abstract.jpg'
+ ],
+ width: 800,
+ height: 800
+ },
+ },
+ markers: {
+ size: 0,
+ opacity: 0,
+ colors: ['#fff'],
+ strokeColor: "#2e93fa",
+ strokeWidth: 2,
+
+ hover: {
+ size: 8,
+ }
+ },
+ yaxis: {
+ title: {
+ text: '$ (million)',
+ },
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ floating: true,
+ offsetY: -25,
+ offsetX: -5
+ }
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-missing-data.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-missing-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..043123ba3a5c213d702165039f1cf90a8feb46e7
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/line-with-missing-data.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line Chart with missing data</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ zoom: {
+ enabled: false
+ },
+ animations: {
+ enabled: false
+ }
+ },
+ stroke: {
+ width: [5,5,4],
+ curve: 'straight'
+ },
+
+ series: [{
+ name: 'Peter',
+ data: [5, 5, 10, 8, 7, 5, 4, null, null, null, 10, 10, 7, 8, 6, 9]
+ }, {
+ name: 'Johnny',
+ data: [10, 15, null, 12, null, 10, 12, 15, null, null, 12, null, 14, null, null, null]
+ }, {
+ name: 'David',
+ data: [null, null, null, null, 3, 4, 1, 3, 4, 6, 7, 9, 5, null, null, null]
+ }],
+ labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
+ title: {
+ text: 'Missing data (null values)'
+ },
+ xaxis: {
+
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/logarithmic-line.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/logarithmic-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..343b69acdf9d117bc910fa3e7066d6fd5ef48915
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/logarithmic-line.html
@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Chart with Logarithmic Scale</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var data = [{
+ x: 1994,
+ y: 2543763
+ },
+ {
+ x: 1995,
+ y: 4486659
+ },
+ {
+ x: 1996,
+ y: 7758386
+ },
+ {
+ x: 1997,
+ y: 12099221
+ },
+ {
+ x: 1998,
+ y: 18850762
+ },
+ {
+ x: 1999,
+ y: 28153765
+ },
+ {
+ x: 2000,
+ y: 41479495
+ },
+ {
+ x: 2001,
+ y: 50229224
+ },
+ {
+ x: 2002,
+ y: 66506501
+ },
+ {
+ x: 2003,
+ y: 78143598
+ },
+ {
+ x: 2004,
+ y: 91332777
+ },
+ {
+ x: 2005,
+ y: 103010128
+ },
+ {
+ x: 2006,
+ y: 116291681
+ },
+ {
+ x: 2007,
+ y: 137322698
+ },
+ {
+ x: 2008,
+ y: 157506752
+ },
+ {
+ x: 2009,
+ y: 176640381
+ },
+ {
+ x: 2010,
+ y: 202320297
+ },
+ {
+ x: 2011,
+ y: 223195735
+ },
+ {
+ x: 2012,
+ y: 249473624
+ },
+ {
+ x: 2013,
+ y: 272842810
+ },
+ {
+ x: 2014,
+ y: 295638556
+ },
+ {
+ x: 2015,
+ y: 318599615
+ },
+ {
+ x: 2016,
+ y: 342497123
+ }
+ ]
+
+ var labelFormatter = function (value) {
+ var val = Math.abs(value)
+ if (val >= 1000000) {
+ val = (val / 1000000).toFixed(1) + ' M';
+ }
+ return val;
+ }
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: "Logarithmic",
+ data: data
+ }, {
+ name: "Linear",
+ data: data
+ }],
+
+ title: {
+ text: 'Logarithmic Scale',
+ align: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: [{
+ min: 1000000,
+ max: 500000000,
+ tickAmount: 4,
+ logarithmic: true,
+ seriesName: 'Logarithmic',
+ labels: {
+ formatter: labelFormatter,
+ }
+ },
+ {
+ min: 1000000,
+ max: 500000000,
+ opposite: true,
+ tickAmount: 4,
+ seriesName: 'Linear',
+ labels: {
+ formatter: labelFormatter
+ }
+ }
+ ]
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/realtime.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/realtime.html
new file mode 100644
index 0000000000000000000000000000000000000000..7ea55df4a2be7ac25d850446207ad84c8e55d6c1
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/realtime.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Dynamic Updating Line Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+
+ /*
+ // this function will generate output in this format
+ // data = [
+ [timestamp, 23],
+ [timestamp, 33],
+ [timestamp, 12]
+ ...
+ ]
+ */
+
+ var lastDate = 0;
+ var data = []
+ function getDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ data.push({
+ x, y
+ });
+ lastDate = baseval
+ baseval += 86400000;
+ i++;
+ }
+ }
+
+ getDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
+ min: 10,
+ max: 90
+ })
+
+ function getNewSeries(baseval, yrange) {
+ var newDate = baseval + 86400000;
+ lastDate = newDate
+ data.push({
+ x: newDate,
+ y: Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
+ })
+ }
+
+ function resetData(){
+ data = data.slice(data.length - 10, data.length);
+ }
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ animations: {
+ enabled: true,
+ easing: 'linear',
+ dynamicAnimation: {
+ speed: 2000
+ }
+ },
+ toolbar: {
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+ series: [{
+ data: data
+ }],
+ title: {
+ text: 'Dynamic Updating Chart',
+ align: 'left'
+ },
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type: 'datetime',
+ range: 777600000,
+ },
+ yaxis: {
+ max: 100
+ },
+ legend: {
+ show: false
+ },
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ var dataPointsLength = 10;
+
+ window.setInterval(function () {
+ getNewSeries(lastDate, {
+ min: 10,
+ max: 90
+ })
+
+ chart.updateSeries([{
+ data: data
+ }])
+ }, 2000)
+
+ // every 60 seconds, we reset the data
+ window.setInterval(function() {
+ resetData()
+ chart.updateSeries([{
+ data
+ }], false, true)
+ }, 60000)
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/stepline.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/stepline.html
new file mode 100644
index 0000000000000000000000000000000000000000..3df026c79267258f6518c7aaa99c14f5e50689ca
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/stepline.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stepline Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/irregular-data-series.js"></script>
+
+ <script>
+ var ts2 = 1484418600000;
+ var data = [];
+ var spikes = [5, -5, 3, -3, 8, -8]
+ for (var i = 0; i < 30; i++) {
+ ts2 = ts2 + 86400000;
+ var innerArr = [ts2, dataSeries[1][i].value];
+ data.push(innerArr)
+ }
+
+ var options = {
+ chart: {
+ type: 'line',
+ height: 350
+ },
+ stroke: {
+ curve: 'stepline',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ data: [34, 44, 54, 21, 12, 43, 33, 23, 66, 66, 58]
+ }],
+ title: {
+ text: 'Stepline Chart',
+ align: 'left'
+ },
+ markers: {
+ hover: {
+ sizeOffset: 4
+ }
+ },
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/syncing-charts.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/syncing-charts.html
new file mode 100644
index 0000000000000000000000000000000000000000..703ca8705da8a6c889b72fd362103e6dbbcee240
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/syncing-charts.html
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Syncing charts</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #wrapper {
+ padding-top: 20px;
+ padding-left: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="wrapper">
+ <div id="chart-line">
+
+ </div>
+
+ <div id="chart-line2">
+
+ </div>
+
+ <div id="chart-area">
+
+ </div>
+ </div>
+
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+
+ // The global window.Apex variable below can be used to set common options for all charts on the page
+ Apex = {
+ chart: {
+ height: 160,
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ toolbar: {
+ tools: {
+ selection: false
+ }
+ },
+ markers: {
+ size: 6,
+ hover: {
+ size: 10
+ }
+ },
+ tooltip: {
+ followCursor: false,
+ theme: 'dark',
+ x: {
+ show: false
+ },
+ marker: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function() {
+ return ''
+ }
+ }
+ }
+ },
+ grid: {
+ clipMarkers: false
+ },
+ yaxis: {
+ tickAmount: 2
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ }
+
+ var optionsLine1 = {
+ chart: {
+ id: 'fb',
+ group: 'social',
+ type: 'line',
+ },
+ colors: ['#008FFB'],
+ series: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }],
+ yaxis: {
+ labels: {
+ minWidth: 40
+ }
+ }
+ }
+
+ var chartLine1 = new ApexCharts(
+ document.querySelector("#chart-line"),
+ optionsLine1
+ );
+
+ chartLine1.render();
+
+ var optionsline2 = {
+ chart: {
+ id: 'tw',
+ group: 'social',
+ type: 'line',
+ },
+ colors: ['#546E7A'],
+ series: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 30
+ })
+ }],
+ yaxis: {
+ labels: {
+ minWidth: 40
+ }
+ }
+ }
+
+ var chartline2 = new ApexCharts(
+ document.querySelector("#chart-line2"),
+ optionsline2
+ );
+
+ chartline2.render();
+
+
+ var optionsArea = {
+ chart: {
+ id: 'yt',
+ group: 'social',
+ type: 'area'
+ },
+ colors: ['#00E396'],
+ series: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }],
+ yaxis: {
+ labels: {
+ minWidth: 40
+ }
+ }
+ }
+
+ var chartArea = new ApexCharts(
+ document.querySelector("#chart-area"),
+ optionsArea
+ );
+
+ chartArea.render();
+
+ /*
+ // this function will generate output in this format
+ // data = [
+ [timestamp, 23],
+ [timestamp, 33],
+ [timestamp, 12]
+ ...
+ ]
+ */
+ function generateDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/zoomable-timeseries.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/zoomable-timeseries.html
new file mode 100644
index 0000000000000000000000000000000000000000..25873cf4d58fab09eb7844fd0f59e1c60149729e
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/line/zoomable-timeseries.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Zoomable TimeSeries</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/irregular-data-series.js"></script>
+
+ <script>
+ var ts2 = 1484418600000;
+ var dates = [];
+ var spikes = [5, -5, 3, -3, 8, -8]
+ for (var i = 0; i < 120; i++) {
+ ts2 = ts2 + 86400000;
+ var innerArr = [ts2, dataSeries[1][i].value];
+ dates.push(innerArr)
+ }
+
+ var options = {
+ chart: {
+ type: 'area',
+ stacked: false,
+ height: 350,
+ zoom: {
+ type: 'x',
+ enabled: true
+ },
+ toolbar: {
+ autoSelected: 'zoom'
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ name: 'XYZ MOTORS',
+ data: dates
+ }],
+ markers: {
+ size: 0,
+ },
+ title: {
+ text: 'Stock Price Movement',
+ align: 'left'
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ inverseColors: false,
+ opacityFrom: 0.5,
+ opacityTo: 0,
+ stops: [0, 90, 100]
+ },
+ },
+ yaxis: {
+ min: 20000000,
+ max: 250000000,
+ labels: {
+ formatter: function (val) {
+ return (val / 1000000).toFixed(0);
+ },
+ },
+ title: {
+ text: 'Price'
+ },
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+
+ tooltip: {
+ shared: false,
+ y: {
+ formatter: function (val) {
+ return (val / 1000000).toFixed(0)
+ }
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/annotations-example.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/annotations-example.html
new file mode 100644
index 0000000000000000000000000000000000000000..6c62b07921d3effe4d0f6be446c80f4cfc589357
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/annotations-example.html
@@ -0,0 +1,180 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line Chart with Annotations</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/stock-prices.js"></script>
+
+ <script>
+
+ var options = {
+ annotations: {
+ yaxis: [{
+ y: 8200,
+ borderColor: '#FEB019',
+ label: {
+ borderColor: '#333',
+ style: {
+ fontSize: '15px',
+ color: '#333',
+ background: '#FEB019',
+ },
+ text: 'Y-axis annotation',
+ }
+ }],
+ xaxis: [{
+ x: new Date('23 Nov 2017').getTime(),
+ borderColor: '#00E396',
+ label: {
+ borderColor: '#00E396',
+ style: {
+ fontSize: '15px',
+ color: '#fff',
+ background: '#00E396',
+ },
+ offsetY: -10,
+ text: 'Vertical',
+ }
+ }],
+ points: [{
+ x: new Date('01 Dec 2017').getTime(),
+ y: 9025,
+ label: {
+ borderColor: '#FF4560',
+ offsetY: 0,
+ style: {
+ fontSize: '15px',
+ color: '#fff',
+ background: '#FF4560',
+ },
+
+ text: 'All time high',
+ }
+ }]
+ },
+ chart: {
+ width: 350,
+ height: 220,
+ type: 'line',
+ sparkline: {
+ // enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%'
+ }
+ },
+ markers: {
+ size: 0
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [ {
+ type: 'bar',
+ data: series.monthDataSeries2.prices
+ }, {
+ type: 'line',
+ data: series.monthDataSeries1.prices
+ }],
+ legend: {
+ show: false,
+ },
+ labels: series.monthDataSeries1.dates,
+ xaxis: {
+ type: 'datetime',
+ labels: {
+ show: false
+ }
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ // adding annotation through chart instance by calling direct method
+ chart.addYaxisAnnotation({
+ y: 9000,
+ borderColor: '#FEB019',
+ label: {
+ borderColor: '#333',
+ style: {
+ fontSize: '15px',
+ color: '#333',
+ background: '#FEB019',
+ },
+ text: 'Y-axis - runtime',
+ }
+ });
+
+ chart.addXaxisAnnotation({
+ x: new Date('25 Nov 2017').getTime(),
+ borderColor: '#00E396',
+ label: {
+ orientation: 'vertical',
+ borderColor: '#00E396',
+ style: {
+ fontSize: '15px',
+ color: '#fff',
+ background: '#00E396',
+ },
+ offsetY: -10,
+ text: 'xaxis - runtime',
+ }
+ });
+
+ chart.addPointAnnotation({
+ x: new Date('17 Nov 2017').getTime(),
+ y: 9425,
+ label: {
+ borderColor: '#FF4560',
+ offsetY: 0,
+ style: {
+ fontSize: '15px',
+ color: '#fff',
+ background: '#FF4560',
+ },
+
+ text: 'Point - runtime',
+ }
+ })
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/custom-legend.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/custom-legend.html
new file mode 100644
index 0000000000000000000000000000000000000000..7cc4425bc208fe9831a96089bf47d119fa622355
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/custom-legend.html
@@ -0,0 +1,187 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Custom Legend</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css">
+ <link rel="stylesheet" href="">
+
+ <style>
+
+ #chart-wrap {
+ max-width: 650px;
+ position: relative;
+ margin: 35px auto;
+ }
+
+ #chart {
+ padding-bottom: 30px;
+ max-width: 650px;
+ }
+
+ .legend {
+ max-width: 650px;
+ left: 80px;
+ bottom: 20px;
+ position: absolute;
+ text-align: center;
+ margin: 0 auto;
+ }
+ </style>
+</head>
+
+<body>
+
+ <div id="chart-wrap">
+ <div id="chart">
+
+ </div>
+
+ <div class="legend">
+ <div class="pretty p-svg p-smooth">
+ <input type="checkbox" checked onclick="toggleSeries(this)" value="Series Column">
+ <div class="state p-primary">
+ <svg class="svg svg-icon" viewBox="0 0 20 20">
+ <path d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z" style="stroke: #fff;fill:#fff;"></path>
+ </svg>
+ <label>Column</label>
+ </div>
+ </div>
+
+ <div class="pretty p-svg p-smooth">
+ <input type="checkbox" checked onclick="toggleSeries(this)" value="Series Area">
+ <div class="state p-success">
+ <svg class="svg svg-icon" viewBox="0 0 20 20">
+ <path d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z" style="stroke: #fff;fill:#fff;"></path>
+ </svg>
+ <label>Area</label>
+ </div>
+ </div>
+
+ <div class="pretty p-svg p-smooth">
+ <input type="checkbox" onclick="toggleSeries(this)" value="Series Line">
+ <div class="state p-warning">
+ <svg class="svg svg-icon" viewBox="0 0 20 20">
+ <path d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z" style="stroke: #fff;fill:#fff;"></path>
+ </svg>
+ <label>Line</label>
+ </div>
+ </div>
+
+ </div>
+ </div>
+
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+
+
+ var options = {
+ chart: {
+ height: 310,
+ type: 'line',
+ stacked: false,
+ },
+ stroke: {
+ width: [0, 2, 5],
+ curve: 'smooth'
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%'
+ }
+ },
+ series: [{
+ name: 'Series Column',
+ type: 'column',
+ data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+ }, {
+ name: 'Series Area',
+ type: 'area',
+ data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+ }, {
+ name: 'Series Line',
+ type: 'line',
+ data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+ }],
+ fill: {
+ opacity: [0.85,0.25,1],
+ gradient: {
+ inverseColors: false,
+ shade: 'light',
+ type: "vertical",
+ opacityFrom: 0.85,
+ opacityTo: 0.55,
+ stops: [0, 100, 100, 100]
+ }
+ },
+ labels: ['01/01/2003', '02/01/2003','03/01/2003','04/01/2003','05/01/2003','06/01/2003','07/01/2003','08/01/2003','09/01/2003','10/01/2003','11/01/2003'],
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type:'datetime'
+ },
+ yaxis: {
+ title: {
+ text: 'Points',
+ },
+ min: 0
+ },
+ legend: {
+ show: false
+ },
+ tooltip: {
+ shared: true,
+ intersect: false,
+ y: {
+ formatter: function (y) {
+ if(typeof y !== "undefined") {
+ return y.toFixed(0) + " points";
+ }
+ return y;
+
+ }
+ }
+ }
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+
+ // check if the checkbox has any unchecked item
+ checkLegends()
+
+ function checkLegends() {
+ var allLegends = document.querySelectorAll(".legend input[type='checkbox']")
+
+ for(var i = 0; i < allLegends.length; i++) {
+ if(!allLegends[i].checked) {
+ chart.toggleSeries(allLegends[i].value)
+ }
+ }
+ }
+
+ // toggleSeries accepts a single argument which should match the series name you're trying to toggle
+ function toggleSeries(checkbox) {
+ chart.toggleSeries(checkbox.value)
+ }
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/init-from-attrs.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/init-from-attrs.html
new file mode 100644
index 0000000000000000000000000000000000000000..6f998813fb7436f92edef7a73ef7700592a30226
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/init-from-attrs.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Init Chart from data attrs</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart" data-apexcharts data-options='{
+ "chart": {
+ "type": "line"
+ },
+ "series": [{
+ "name": "Desktops",
+ "data": [30, 41, 35, 51]
+ }],
+ "xaxis": {
+ "categories": ["Jan", "Feb", "Mar", "Apr"]
+ }
+ }'>
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ window.Apex = {
+ chart: {
+ height: 350
+ },
+ stroke: {
+ curve: "smooth"
+ },
+ dataLabels: {
+ enabled: false
+ }
+ }
+ ApexCharts.initOnLoad()
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/minMaxPoints.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/minMaxPoints.html
new file mode 100644
index 0000000000000000000000000000000000000000..c7579cfb1ab35383abef6efdd9d66b4797d360c2
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/minMaxPoints.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Min Max Points example</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/stock-prices.js"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: "area",
+ zoom: {
+ enabled: false
+ },
+ events: {
+ mounted: function(ctx, config) {
+ const lowest = ctx.getLowestValueInSeries(0)
+ const highest = ctx.getHighestValueInSeries(0)
+
+ ctx.addPointAnnotation({
+ x: new Date(ctx.w.globals.seriesX[0][ctx.w.globals.series[0].indexOf(lowest)]).getTime(),
+ y: lowest,
+ label: {
+ text: 'Lowest: ' + lowest,
+ offsetY: 2
+ },
+ customSVG: {
+ SVG: `<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
+ <path d="M0 0h24v24H0z" fill="none"/>`,
+ cssClass: undefined,
+ offsetX: -10,
+ offsetY: -30
+ }
+ })
+
+ ctx.addPointAnnotation({
+ x: new Date(ctx.w.globals.seriesX[0][ctx.w.globals.series[0].indexOf(highest)]).getTime(),
+ y: highest,
+ label: {
+ text: 'Highest: ' + highest,
+ offsetY: 2
+ },
+ })
+ }
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: "straight"
+ },
+ series: [{
+ data: [344, 345, 333, 323, 322, 342, 383, 353, 323, 376]
+ }]
+ };
+
+ var chart = new ApexCharts(document.querySelector("#chart"), options);
+ chart.render()
+
+ </script>
+</body>
+
+</html>
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/range-annotations-example.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/range-annotations-example.html
new file mode 100644
index 0000000000000000000000000000000000000000..d05a84444ac06f5bb98826b3320859c9e578c21f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/range-annotations-example.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line Chart with Range Annotations</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/stock-prices.js"></script>
+
+ <script>
+
+ var options = {
+ annotations: {
+ yaxis: [{
+ y: 8600,
+ y2: 9000,
+ borderColor: '#FEB019',
+ opacity: 0.1,
+ label: {
+ borderColor: '#333',
+ style: {
+ fontSize: '10px',
+ color: '#333',
+ background: '#FEB019',
+ },
+ text: 'Y-axis range',
+ }
+ }],
+ xaxis: [{
+ x: new Date('23 Nov 2017').getTime(),
+ x2: new Date('28 Nov 2017').getTime(),
+ borderColor: '#00E396',
+ opacity: 0.5,
+ label: {
+ borderColor: '#00E396',
+ style: {
+ fontSize: '10px',
+ color: '#fff',
+ background: '#00E396',
+ },
+ offsetY: -10,
+ text: 'X-axis range',
+ }
+ }]
+ },
+ chart: {
+ width: 350,
+ height: 220,
+ type: 'line',
+ sparkline: {
+ // enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%'
+ }
+ },
+ markers: {
+ size: 0
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [ {
+ type: 'bar',
+ data: series.monthDataSeries2.prices
+ }, {
+ type: 'line',
+ data: series.monthDataSeries1.prices
+ }],
+ legend: {
+ show: false,
+ },
+ labels: series.monthDataSeries1.dates,
+ xaxis: {
+ type: 'datetime',
+ labels: {
+ show: false
+ }
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ // adding annotation through chart instance by calling direct method
+ chart.addYaxisAnnotation({
+ y: 9200,
+ y2: 9400,
+ borderColor: '#64b5f6',
+ label: {
+ borderColor: '#333',
+ style: {
+ fontSize: '10px',
+ color: '#333',
+ background: '#64b5f6',
+ },
+ text: 'Y-axis - runtime',
+ }
+ });
+
+ chart.addXaxisAnnotation({
+ x: new Date('16 Nov 2017').getTime(),
+ x2: new Date('18 Nov 2017').getTime(),
+ borderColor: '#ef9a9a',
+ label: {
+ orientation: 'vertical',
+ borderColor: '#ef9a9a',
+ style: {
+ fontSize: '10px',
+ color: '#fff',
+ background: '#ef9a9a',
+ },
+ offsetY: -10,
+ text: 'X-axis - runtime',
+ }
+ });
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/range-annotations-inverted-axis-example.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/range-annotations-inverted-axis-example.html
new file mode 100644
index 0000000000000000000000000000000000000000..bf7f72df1be15007bf07ad33a1c18129e003a408
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/misc/range-annotations-inverted-axis-example.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Inverted axis chart with Range Annotations</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/stock-prices.js"></script>
+
+ <script>
+
+ var options = {
+ annotations: {
+ yaxis: [{
+ y: 'United Kingdom',
+ y2: 'South Korea',
+ borderColor: '#FEB019',
+ label: {
+ borderColor: '#333',
+ style: {
+ fontSize: '10px',
+ color: '#333',
+ background: '#FEB019',
+ },
+ text: 'Y-axis range',
+ }
+ }],
+ xaxis: [{
+ x: 400,
+ x2: 800,
+ borderColor: '#00E396',
+ label: {
+ borderColor: '#00E396',
+ style: {
+ fontSize: '10px',
+ color: '#fff',
+ background: '#00E396',
+ },
+ offsetY: -10,
+ text: 'X-axis range',
+ }
+ }]
+ },
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+ }],
+ xaxis: {
+ categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'Germany'],
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-area.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..348712ff4b96e78f5bbd0384cade018f27defa14
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-area.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+
+ series: [{
+ name: 'TEAM A',
+ type: 'area',
+ data: [44, 55, 31, 47, 31, 43, 26, 41, 31, 47, 33]
+ }, {
+ name: 'TEAM B',
+ type: 'line',
+ data: [55, 69, 45, 61, 43, 54, 37, 52, 44, 61, 43]
+ }],
+ fill: {
+ type:'solid',
+ opacity: [0.35, 1],
+ },
+ labels: ['Dec 01', 'Dec 02','Dec 03','Dec 04','Dec 05','Dec 06','Dec 07','Dec 08','Dec 09 ','Dec 10','Dec 11'],
+ markers: {
+ size: 0
+ },
+ yaxis: [
+ {
+ title: {
+ text: 'Series A',
+ },
+ },
+ {
+ opposite: true,
+ title: {
+ text: 'Series B',
+ },
+ },
+ ],
+ tooltip: {
+ shared: true,
+ intersect: false,
+ y: {
+ formatter: function (y) {
+ if(typeof y !== "undefined") {
+ return y.toFixed(0) + " points";
+ }
+ return y;
+
+ }
+ }
+ }
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-column-area.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-column-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..9d6ebcdb7fac7663cf830712e1fd14f5b9d9fe6c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-column-area.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/brands.css" integrity="sha384-QT2Z8ljl3UupqMtQNmPyhSPO/d5qbrzWmFxJqmY7tqoTuT2YrQLEqzvVOP2cT5XW" crossorigin="anonymous">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/fontawesome.css" integrity="sha384-u5J7JghGz0qUrmEsWzBQkfvc8nK3fUT7DCaQzNQ+q4oEXhGSx+P2OqjWsfIRB8QT" crossorigin="anonymous">
+
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ .apexcharts-legend {
+ overflow: hidden !important;
+ min-height: 17px;
+ }
+ .apexcharts-legend-marker {
+ background: none !important;
+ margin-right: 7px !important;
+ }
+ .apexcharts-legend-series {
+ align-items: flex-start !important;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ stacked: false,
+ },
+ stroke: {
+ width: [0, 2, 5],
+ curve: 'smooth'
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%'
+ }
+ },
+ colors: ['#3A5794', '#A5C351', '#E14A84'],
+ series: [{
+ name: 'Facebook',
+ type: 'column',
+ data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+ }, {
+ name: 'Vine',
+ type: 'area',
+ data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+ }, {
+ name: 'Dribbble',
+ type: 'line',
+ data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+ }],
+ fill: {
+ opacity: [0.85,0.25,1],
+ gradient: {
+ inverseColors: false,
+ shade: 'light',
+ type: "vertical",
+ opacityFrom: 0.85,
+ opacityTo: 0.55,
+ stops: [0, 100, 100, 100]
+ }
+ },
+ labels: ['01/01/2003', '02/01/2003','03/01/2003','04/01/2003','05/01/2003','06/01/2003','07/01/2003','08/01/2003','09/01/2003','10/01/2003','11/01/2003'],
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type:'datetime'
+ },
+ yaxis: {
+ min: 0
+ },
+ tooltip: {
+ shared: true,
+ intersect: false,
+ y: {
+ formatter: function (y) {
+ if(typeof y !== "undefined") {
+ return y.toFixed(0) + " views";
+ }
+ return y;
+
+ }
+ }
+ },
+ legend: {
+ labels: {
+ useSeriesColors: true
+ },
+ markers: {
+ customHTML: [
+ function() {
+ return '<span><i class="fab fa-facebook"></i></span>'
+ }, function() {
+ return '<span><i class="fab fa-vine"></i></span>'
+ }, function() {
+ return '<span><i class="fab fa-dribbble"></i></span>'
+ }
+ ]
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-column.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..363e7f7cf6da96d1be13244be9e23bc6278b5e40
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-column.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ },
+ series: [{
+ name: 'Website Blog',
+ type: 'column',
+ data: [440, 505, 414, 671, 227, 413, 201, 352, 752, 320, 257, 160]
+ }, {
+ name: 'Social Media',
+ type: 'line',
+ data: [23, 42, 35, 27, 43, 22, 17, 31, 22, 22, 12, 16]
+ }],
+ stroke: {
+ width: [0, 4]
+ },
+ title: {
+ text: 'Traffic Sources'
+ },
+ // labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+ labels: ['01 Jan 2001', '02 Jan 2001', '03 Jan 2001', '04 Jan 2001', '05 Jan 2001', '06 Jan 2001', '07 Jan 2001', '08 Jan 2001', '09 Jan 2001', '10 Jan 2001', '11 Jan 2001', '12 Jan 2001'],
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: [{
+ title: {
+ text: 'Website Blog',
+ },
+
+ }, {
+ opposite: true,
+ title: {
+ text: 'Social Media'
+ }
+ }]
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-scatter.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-scatter.html
new file mode 100644
index 0000000000000000000000000000000000000000..c4bc5ce944573d4cad8c6b10a3a9f00c0b778e2a
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/line-scatter.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line & scatter</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ },
+
+
+ series: [{
+ name: 'Points',
+ type: 'scatter',
+
+ //2.14, 2.15, 3.61, 4.93, 2.4, 2.7, 4.2, 5.4, 6.1, 8.3
+ data: [{
+ x: 1,
+ y: 2.14
+ }, {
+ x: 1.2,
+ y: 2.19
+ }, {
+ x: 1.8,
+ y: 2.43
+ }, {
+ x: 2.3,
+ y: 3.8
+ }, {
+ x: 2.6,
+ y: 4.14
+ }, {
+ x: 2.9,
+ y: 5.4
+ }, {
+ x: 3.2,
+ y: 5.8
+ }, {
+ x: 3.8,
+ y: 6.04
+ }, {
+ x: 4.55,
+ y: 6.77
+ }, {
+ x: 4.9,
+ y: 8.1
+ }, {
+ x: 5.1,
+ y: 9.4
+ }, {
+ x: 7.1,
+ y: 7.14
+ },{
+ x: 9.18,
+ y: 8.4
+ }]
+ }, {
+ name: 'Line',
+ type: 'line',
+ data: [{
+ x: 1,
+ y: 2
+ }, {
+ x: 2,
+ y: 3
+ }, {
+ x: 3,
+ y: 4
+ }, {
+ x: 4,
+ y: 5
+ }, {
+ x: 5,
+ y: 6
+ }, {
+ x: 6,
+ y: 7
+ }, {
+ x: 7,
+ y: 8
+ }, {
+ x: 8,
+ y: 9
+ }, {
+ x: 9,
+ y: 10
+ }, {
+ x: 10,
+ y: 11
+ }]
+ }],
+ fill: {
+ type:'solid',
+ },
+ markers: {
+ size: [6, 0]
+ },
+ tooltip: {
+ shared: false,
+ intersect: true,
+ },
+ legend: {
+ show: false
+ },
+ xaxis: {
+ type: 'numeric',
+ min: 0,
+ max: 12,
+ tickAmount: 12
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/multiple-yaxes.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/multiple-yaxes.html
new file mode 100644
index 0000000000000000000000000000000000000000..7fa0719f07ed514c3a42569125b94e5155f0003f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/mixed/multiple-yaxes.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Multiple Y Axis Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ .apexcharts-tooltip-title {
+ display: none;
+ }
+ #chart .apexcharts-tooltip {
+ display: flex;
+ border: 0;
+ box-shadow: none;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+
+
+ var options = {
+ chart: {
+ height: 350,
+ type: 'line',
+ stacked: false
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [{
+ name: 'Income',
+ type: 'column',
+ data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6]
+ }, {
+ name: 'Cashflow',
+ type: 'column',
+ data: [1.1, 3, 3.1, 4, 4.1, 4.9, 6.5, 8.5]
+ }, {
+ name: 'Revenue',
+ type: 'line',
+ data: [20, 29, 37, 36, 44, 45, 50, 58]
+ }],
+ stroke: {
+ width: [1, 1, 4]
+ },
+ title: {
+ text: 'XYZ - Stock Analysis (2009 - 2016)',
+ align: 'left',
+ offsetX: 110
+ },
+ xaxis: {
+ categories: [2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016],
+ },
+ yaxis: [
+ {
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#008FFB'
+ },
+ labels: {
+ style: {
+ color: '#008FFB',
+ }
+ },
+ title: {
+ text: "Income (thousand crores)",
+ style: {
+ color: '#008FFB',
+ }
+ },
+ tooltip: {
+ enabled: true
+ }
+ },
+
+ {
+ seriesName: 'Income',
+ opposite: true,
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#00E396'
+ },
+ labels: {
+ style: {
+ color: '#00E396',
+ }
+ },
+ title: {
+ text: "Operating Cashflow (thousand crores)",
+ style: {
+ color: '#00E396',
+ }
+ },
+ },
+ {
+ seriesName: 'Revenue',
+ opposite: true,
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#FEB019'
+ },
+ labels: {
+ style: {
+ color: '#FEB019',
+ },
+ },
+ title: {
+ text: "Revenue (thousand crores)",
+ style: {
+ color: '#FEB019',
+ }
+ }
+ },
+ ],
+ tooltip: {
+ fixed: {
+ enabled: true,
+ position: 'topLeft', // topRight, topLeft, bottomRight, bottomLeft
+ offsetY: 30,
+ offsetX: 60
+ },
+ },
+ legend: {
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/donut-update.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/donut-update.html
new file mode 100644
index 0000000000000000000000000000000000000000..cf345d3f4d020695625cca0877f766b2ba6e159c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/donut-update.html
@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+
+ <style>
+ #chart {
+ max-width: 480px;
+ margin: 35px auto;
+
+ }
+ .actions {
+ top: -110px;
+ position: relative;
+ z-index: 10;
+ max-width: 400px;
+ margin: 0 auto;
+ }
+ button {
+ color: #fff;
+ background: #20b2aa;
+ padding: 5px 10px;
+ margin: 2px;
+ font-weight: bold;
+ font-size: 13px;
+ border-radius: 5px;
+ }
+
+ p {
+ margin: 10px 0;
+ }
+ @media only screen and (max-width: 480px) {
+ .actions {
+ margin-top: 0;
+ left: 0
+ }
+
+ }
+ </style>
+</head>
+
+<body>
+ <div class="chart-wrap">
+ <div id="chart">
+
+ </div>
+ </div>
+
+ <div class="actions">
+ <button id="add">+ ADD</button>
+ <button id="remove"> ‐ REMOVE</button>
+ <button id="randomize">RANDOMIZE</button>
+ <button id="reset">RESET</button>
+ </div>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ width: 380,
+ type: 'donut',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [44, 55, 13, 33],
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ show: false
+ }
+ }
+ }],
+ legend: {
+ position: 'right',
+ offsetY: 0,
+ height: 230,
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render()
+
+ function appendData() {
+ var arr = chart.w.globals.series.slice()
+ arr.push(Math.floor(Math.random() * (100 - 1 + 1)) + 1)
+ return arr;
+ }
+
+ function removeData() {
+ var arr = chart.w.globals.series.slice()
+ arr.pop()
+ return arr;
+ }
+
+ function randomize() {
+ return chart.w.globals.series.map(() => {
+ return Math.floor(Math.random() * (100 - 1 + 1)) + 1
+ })
+ }
+
+ function reset() {
+ return options.series
+ }
+
+ document.querySelector("#randomize").addEventListener("click", function() {
+ chart.updateSeries(randomize())
+ })
+
+ document.querySelector("#add").addEventListener("click", function() {
+ chart.updateSeries(appendData())
+ })
+
+ document.querySelector("#remove").addEventListener("click", function() {
+ chart.updateSeries(removeData())
+ })
+
+ document.querySelector("#reset").addEventListener("click", function() {
+ chart.updateSeries(reset())
+ })
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/donut-with-pattern.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/donut-with-pattern.html
new file mode 100644
index 0000000000000000000000000000000000000000..4acd0d99b281011f5affbb79ffd3dcef261f6d29
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/donut-with-pattern.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Donut Chart with pattern</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ width: 380,
+ type: 'donut',
+ dropShadow: {
+ enabled: true,
+ color: '#111',
+ top: -1,
+ left: 3,
+ blur: 3,
+ opacity: 0.2
+ }
+ },
+ stroke: {
+ width: 0,
+ },
+ series: [44, 55, 41, 17, 15],
+ labels: ["Comedy", "Action", "SciFi", "Drama", "Horror"],
+ dataLabels: {
+ dropShadow: {
+ blur: 3,
+ opacity: 0.8
+ }
+ },
+ fill: {
+ type: 'pattern',
+ opacity: 1,
+ pattern: {
+ enabled: true,
+ style: ['verticalLines', 'squares', 'horizontalLines', 'circles','slantedLines'],
+ },
+ },
+ states: {
+ hover: {
+ enabled: false
+ }
+ },
+ theme: {
+ palette: 'palette2'
+ },
+ title: {
+ text: "Favourite Movie Type"
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/gradient-donut.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/gradient-donut.html
new file mode 100644
index 0000000000000000000000000000000000000000..2753d18ba2551c176538ff93618b1b761346da7f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/gradient-donut.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Gradient Donut</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+
+
+ .apexcharts-legend-text tspan:nth-child(1) {
+ font-weight: lighter;
+ fill: #999;
+ }
+
+ .apexcharts-legend-text tspan:nth-child(3) {
+ font-weight: bold;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ width: 380,
+ type: 'donut',
+ },
+ dataLabels: {
+ enabled: false
+ },
+ series: [44, 55, 41, 17, 15],
+ fill: {
+ type: 'gradient',
+ },
+ legend: {
+ formatter: function(val, opts) {
+ return val + " - " + opts.w.globals.series[opts.seriesIndex]
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ const paper = chart.paper()
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/monochrome-pie.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/monochrome-pie.html
new file mode 100644
index 0000000000000000000000000000000000000000..e05fd3b501cb93eb4dac32159617a5329a29106a
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/monochrome-pie.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Monochrome Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ width: '100%',
+ type: 'pie',
+ },
+ series: [25, 15, 44, 55, 41, 17],
+ labels: ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+ theme: {
+ monochrome: {
+ enabled: true
+ }
+ },
+ title: {
+ text: "Number of leads"
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/pie-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/pie-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..a674866f77c8a3c7d48dc0919f57b828f6e475fc
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/pie-with-image.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Pie with Image</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ width: 380,
+ type: 'pie',
+ },
+ colors: ['#93C3EE', '#E5C6A0', '#669DB5', '#94A74A'],
+ series: [44, 33, 54, 45],
+ fill: {
+ type: 'image',
+ opacity: 0.85,
+ image: {
+ src: ['../../assets/images/stripes.jpg', '../../assets/images/1101098.png', '../../assets/images/4679113782_ca13e2e6c0_z.jpg', '../../assets/images/2979121308_59539a3898_z.jpg'],
+ width: 25,
+ imagedHeight: 25
+ },
+ },
+ stroke: {
+ width: 4
+ },
+ dataLabels: {
+ enabled: false
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/simple-donut.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/simple-donut.html
new file mode 100644
index 0000000000000000000000000000000000000000..57e47adef137cd2ce11c9b69a4a4f61a92c0b561
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/simple-donut.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Donut</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ type: 'donut',
+ },
+ series: [44, 55, 41, 17, 15],
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/simple-pie.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/simple-pie.html
new file mode 100644
index 0000000000000000000000000000000000000000..10fddf1fa123f7b404cbcfe8323b3ee068c66f86
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/pie/simple-pie.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ width: 380,
+ type: 'pie',
+ },
+ labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
+ series: [44, 55, 13, 43, 22],
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/basic-radar.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/basic-radar.html
new file mode 100644
index 0000000000000000000000000000000000000000..0579c3413fc7c982e3761f46f22fabdd0cf5a576
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/basic-radar.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Radar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radar',
+ },
+ series: [{
+ name: 'Series 1',
+ data: [80, 50, 30, 40, 100, 20],
+ }],
+ title: {
+ text: 'Basic Radar Chart'
+ },
+ labels: ['January', 'February', 'March', 'April', 'May', 'June']
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/radar-multiple-series.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/radar-multiple-series.html
new file mode 100644
index 0000000000000000000000000000000000000000..5cc761b4f9565a1baabdade639cb834bb0e9b407
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/radar-multiple-series.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Radar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart, #app {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ button {
+ position: relative;
+ top: -70px;
+ left: 20px;
+ }
+ </style>
+</head>
+
+<body>
+
+ <div id="app">
+ <div id="chart">
+
+ </div>
+
+ <button onclick="update()">update</button>
+ </div>
+
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radar',
+ dropShadow: {
+ enabled: true,
+ blur: 1,
+ left: 1,
+ top: 1
+ }
+ },
+ series: [{
+ name: 'Series 1',
+ data: [80, 50, 30, 40, 100, 20],
+ }, {
+ name: 'Series 2',
+ data: [20, 30, 40, 80, 20, 80],
+ }, {
+ name: 'Series 3',
+ data: [44, 76, 78, 13, 43, 10],
+ }],
+ title: {
+ text: 'Radar Chart - Multi Series'
+ },
+ stroke: {
+ width: 0
+ },
+ fill: {
+ opacity: 0.4
+ },
+ markers: {
+ size: 0
+ },
+ labels: ['2011', '2012', '2013', '2014', '2015', '2016']
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ function update() {
+
+ function randomSeries() {
+ var arr = []
+ for(var i = 0; i < 6; i++) {
+ arr.push(Math.floor(Math.random() * 100))
+ }
+
+ return arr
+ }
+
+
+ chart.updateSeries([{
+ name: 'Series 1',
+ data: randomSeries(),
+ }, {
+ name: 'Series 2',
+ data: randomSeries(),
+ }, {
+ name: 'Series 3',
+ data: randomSeries(),
+ }])
+ }
+
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/radar-with-polygon-fill.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/radar-with-polygon-fill.html
new file mode 100644
index 0000000000000000000000000000000000000000..27c709adc04c5d8db84cffacc0e761283e64a63f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radar/radar-with-polygon-fill.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Radar with Polygon Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radar',
+ },
+ series: [{
+ name: 'Series 1',
+ data: [20, 100, 40, 30, 50, 80, 33],
+ }],
+ labels: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+ plotOptions: {
+ radar: {
+ size: 140,
+ polygons: {
+ strokeColor: '#e9e9e9',
+ fill: {
+ colors: ['#f8f8f8', '#fff']
+ }
+ }
+ }
+ },
+ title: {
+ text: 'Radar with Polygon Fill'
+ },
+ colors: ['#FF4560'],
+ markers: {
+ size: 4,
+ colors: ['#fff'],
+ strokeColor: '#FF4560',
+ strokeWidth: 2,
+ },
+ tooltip: {
+ y: {
+ formatter: function(val) {
+ return val
+ }
+ }
+ },
+ yaxis: {
+ tickAmount: 7,
+ labels: {
+ formatter: function(val, i) {
+ if(i % 2 === 0) {
+ return val
+ } else {
+ return ''
+ }
+ }
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart-multiple.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart-multiple.html
new file mode 100644
index 0000000000000000000000000000000000000000..3aeaedb8165ddf663dbf0b64eac766304237ac8e
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart-multiple.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart - Multiple</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radialBar',
+ },
+ plotOptions: {
+ radialBar: {
+ dataLabels: {
+ name: {
+ fontSize: '22px',
+ },
+ value: {
+ fontSize: '16px',
+ },
+ total: {
+ show: true,
+ label: 'Total',
+ formatter: function (w) {
+ // By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
+ return 249
+ }
+ }
+ }
+ }
+ },
+ series: [44, 55, 67, 83],
+ labels: ['Apples', 'Oranges', 'Bananas', 'Berries'],
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..b0fd9a1a8fc804800fd899efc1d4a18ffe1a56e3
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart-with-image.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radialBar',
+ },
+ plotOptions: {
+ radialBar: {
+ hollow: {
+ margin: 15,
+ size: '70%',
+ image: '../../assets/images/clock.png',
+ imageWidth: 64,
+ imageHeight: 64,
+ imageClipped: false
+ },
+ dataLabels: {
+ name: {
+ show: false,
+ color: '#fff'
+ },
+ value: {
+ show: true,
+ color: '#333',
+ offsetY: 70,
+ fontSize: '22px'
+
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'image',
+ image: {
+ src: ['../../assets/images/4274635880_809a4b9d0d_z.jpg'],
+ }
+ },
+ series: [67],
+ stroke: {
+ lineCap: 'round'
+ },
+ labels: ['Volatility'],
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..7faf95a3a7c86196e31702844febb7f155c0850b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-chart.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radialBar',
+ },
+ plotOptions: {
+ radialBar: {
+ hollow: {
+ size: '70%',
+ }
+ },
+ },
+ series: [70],
+ labels: ['Cricket'],
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-custom-angle.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-custom-angle.html
new file mode 100644
index 0000000000000000000000000000000000000000..17e98c68571d1e27b862ee9d4dfe4c1b7f364555
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-custom-angle.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Custom Angle</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .apexcharts-legend text {
+ font-weight: 900;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radialBar',
+ },
+ plotOptions: {
+ radialBar: {
+ offsetY: -30,
+ startAngle: 0,
+ endAngle: 270,
+ hollow: {
+ margin: 5,
+ size: '30%',
+ background: 'transparent',
+ image: undefined,
+ },
+ dataLabels: {
+ name: {
+ show: false,
+
+ },
+ value: {
+ show: false,
+ }
+ }
+ }
+ },
+ colors: ['#1ab7ea', '#0084ff', '#39539E', '#0077B5'],
+ series: [76,67,61,90],
+ labels: ['Vimeo', 'Messenger', 'Facebook', 'LinkedIn'],
+ legend: {
+ show: true,
+ floating: true,
+ fontSize: '16px',
+ position: 'left',
+ offsetX: 170,
+ offsetY: 10,
+ labels: {
+ useSeriesColors: true,
+ },
+ markers: {
+ size: 0
+ },
+ formatter: function(seriesName, opts) {
+ return seriesName + ": " + opts.w.globals.series[opts.seriesIndex]
+ },
+ itemMargin: {
+ horizontal: 1,
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ show: false
+ }
+ }
+ }]
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-gradient.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-gradient.html
new file mode 100644
index 0000000000000000000000000000000000000000..06ec263571e220f461e59907ab330169c41f523c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/circle-gradient.html
@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Concept 2</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #card {
+ background: #fff;
+ max-width: 650px;
+ margin: 35px auto;
+ padding-top: 0px;
+ text-align: center;
+ }
+
+ h2 {
+ font-size: 18px;
+ margin-bottom: 0;
+ color: rgb(192, 192, 192);
+ }
+ h1 {
+ font-size: 22px;
+ margin-top: 0;
+ color: #333;
+ }
+
+ .footer {
+ position: absolute;
+ bottom: 16px;
+ left: 0;
+ right: 0;
+ font-size: 14px;
+ text-align: center
+ }
+ </style>
+</head>
+
+<body>
+ <div id="card">
+ <div id="chart">
+
+ </div>
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radialBar',
+ toolbar: {
+ show: true
+ }
+ },
+ plotOptions: {
+ radialBar: {
+ startAngle: -135,
+ endAngle: 225,
+ hollow: {
+ margin: 0,
+ size: '70%',
+ background: '#fff',
+ image: undefined,
+ imageOffsetX: 0,
+ imageOffsetY: 0,
+ position: 'front',
+ dropShadow: {
+ enabled: true,
+ top: 3,
+ left: 0,
+ blur: 4,
+ opacity: 0.24
+ }
+ },
+ track: {
+ background: '#fff',
+ strokeWidth: '67%',
+ margin: 0, // margin is in pixels
+ dropShadow: {
+ enabled: true,
+ top: -3,
+ left: 0,
+ blur: 4,
+ opacity: 0.35
+ }
+ },
+
+ dataLabels: {
+ showOn: 'always',
+ name: {
+ offsetY: -10,
+ show: true,
+ color: '#888',
+ fontSize: '17px'
+ },
+ value: {
+ formatter: function(val) {
+ return parseInt(val);
+ },
+ color: '#111',
+ fontSize: '36px',
+ show: true,
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ type: 'horizontal',
+ shadeIntensity: 0.5,
+ gradientToColors: ['#ABE5A1'],
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 100]
+ }
+ },
+ series: [75],
+ stroke: {
+ lineCap: 'round'
+ },
+ labels: ['Percent'],
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/semi-circle-chart.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/semi-circle-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..adc98dfce87cff4d6dd719aa00faf586317c5be3
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/semi-circle-chart.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Semi Circle Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ type: 'radialBar',
+ },
+ plotOptions: {
+ radialBar: {
+ startAngle: -90,
+ endAngle: 90,
+ track: {
+ background: "#e7e7e7",
+ strokeWidth: '97%',
+ margin: 5, // margin is in pixels
+ shadow: {
+ enabled: true,
+ top: 2,
+ left: 0,
+ color: '#999',
+ opacity: 1,
+ blur: 2
+ }
+ },
+ dataLabels: {
+ name: {
+ show: false
+ },
+ value: {
+ offsetY: 15,
+ fontSize: '22px'
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'light',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 53, 91]
+ },
+ },
+ series: [76],
+ labels: ['Average Results'],
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/stroked-gauge.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/stroked-gauge.html
new file mode 100644
index 0000000000000000000000000000000000000000..17945c4de4c535ac8b86fd31e4cf24d51a8cb82b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/radialBar/stroked-gauge.html
@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stroked Gauge</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'radialBar',
+ },
+ plotOptions: {
+ radialBar: {
+ startAngle: -135,
+ endAngle: 135,
+ dataLabels: {
+ name: {
+ fontSize: '16px',
+ color: undefined,
+ offsetY: 120
+ },
+ value: {
+ offsetY: 76,
+ fontSize: '22px',
+ color: undefined,
+ formatter: function (val) {
+ return val + "%";
+ }
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.15,
+ inverseColors: false,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 65, 91]
+ },
+ },
+ stroke: {
+ dashArray: 4
+ },
+ series: [67],
+ labels: ['Median Ratio'],
+
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ // window.setInterval(function () {
+ // chart.updateSeries([Math.floor(Math.random() * (100 - 1 + 1)) + 1])
+ // }, 2000)
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-basic.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..4e5e93c6031fff7441e473e03195c204246eceea
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-basic.html
@@ -0,0 +1,72 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Scatter Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'scatter',
+ zoom: {
+ enabled: true,
+ type: 'xy'
+ }
+ },
+
+ series: [{
+ name: "SAMPLE A",
+ data: [
+ [16.4, 5.4], [21.7, 2], [25.4, 3], [19, 2], [10.9, 1], [13.6, 3.2], [10.9, 7.4], [10.9, 0], [10.9, 8.2], [16.4, 0], [16.4, 1.8], [13.6, 0.3], [13.6, 0], [29.9, 0], [27.1, 2.3], [16.4, 0], [13.6, 3.7], [10.9, 5.2], [16.4, 6.5], [10.9, 0], [24.5, 7.1], [10.9, 0], [8.1, 4.7], [19, 0], [21.7, 1.8], [27.1, 0], [24.5, 0], [27.1, 0], [29.9, 1.5], [27.1, 0.8], [22.1, 2]]
+ },{
+ name: "SAMPLE B",
+ data: [
+ [6.4, 13.4], [1.7, 11], [5.4, 8], [9, 17], [1.9, 4], [3.6, 12.2], [1.9, 14.4], [1.9, 9], [1.9, 13.2], [1.4, 7], [6.4, 8.8], [3.6, 4.3], [1.6, 10], [9.9, 2], [7.1, 15], [1.4, 0], [3.6, 13.7], [1.9, 15.2], [6.4, 16.5], [0.9, 10], [4.5, 17.1], [10.9, 10], [0.1, 14.7], [9, 10], [12.7, 11.8], [2.1, 10], [2.5, 10], [27.1, 10], [2.9, 11.5], [7.1, 10.8], [2.1, 12]]
+ },{
+ name: "SAMPLE C",
+ data: [
+ [21.7, 3], [23.6, 3.5], [24.6, 3], [29.9, 3], [21.7, 20], [23, 2], [10.9, 3], [28, 4], [27.1, 0.3], [16.4, 4], [13.6, 0], [19, 5], [22.4, 3], [24.5, 3], [32.6, 3], [27.1, 4], [29.6, 6], [31.6, 8], [21.6, 5], [20.9, 4], [22.4, 0], [32.6, 10.3], [29.7, 20.8], [24.5, 0.8], [21.4, 0], [21.7, 6.9], [28.6, 7.7], [15.4, 0], [18.1, 0], [33.4, 0], [16.4, 0]]
+ }],
+ xaxis: {
+ tickAmount: 10,
+ },
+ yaxis: {
+ tickAmount: 7
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-datetime.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-datetime.html
new file mode 100644
index 0000000000000000000000000000000000000000..85bd7f6a71119a9a6f26b4fa68465399ad9b7be3
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-datetime.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Timeline Scatter Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'scatter',
+ zoom: {
+ type: 'xy'
+ }
+ },
+ series: [{
+ name: 'TEAM 1',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 2',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 3',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 30, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 4',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 5',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 30, {
+ min: 10,
+ max: 60
+ })
+ },
+ ],
+ dataLabels: {
+ enabled: false
+ },
+ grid: {
+ xaxis: {
+ showLines: true
+ },
+ yaxis: {
+ showLines: true
+ },
+ },
+ xaxis: {
+ type: 'datetime',
+
+ },
+ yaxis: {
+ max: 70
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ /*
+ // this function will generate output in this format
+ // data = [
+ [timestamp, 23],
+ [timestamp, 33],
+ [timestamp, 12]
+ ...
+ ]
+ */
+ function generateDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([baseval, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-images.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-images.html
new file mode 100644
index 0000000000000000000000000000000000000000..51500bdf3ed9d7f37e77f58916846a78b16beab8
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/scatter/scatter-images.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Scatter - Image Chart</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/brands.css" integrity="sha384-QT2Z8ljl3UupqMtQNmPyhSPO/d5qbrzWmFxJqmY7tqoTuT2YrQLEqzvVOP2cT5XW" crossorigin="anonymous">
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/fontawesome.css" integrity="sha384-u5J7JghGz0qUrmEsWzBQkfvc8nK3fUT7DCaQzNQ+q4oEXhGSx+P2OqjWsfIRB8QT" crossorigin="anonymous">
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ .apexcharts-legend {
+ overflow: hidden !important;
+ min-height: 17px;
+ }
+ .apexcharts-legend-marker {
+ background: none !important;
+ margin-right: 7px !important;
+ }
+ .apexcharts-legend-series {
+ align-items: flex-start !important;
+ }
+
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+
+ </div>
+
+
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+ var options = {
+ chart: {
+ height: 350,
+ type: 'scatter',
+ animations: {
+ enabled: false,
+ },
+ zoom: {
+ enabled: false,
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ colors: ['#056BF6', '#D2376A'],
+ series: [{
+ name: 'Messenger',
+ data: [
+ [16.4, 5.4],
+ [21.7, 4],
+ [25.4, 3],
+ [19, 2],
+ [10.9, 1],
+ [13.6, 3.2],
+ [10.9, 7],
+ [10.9, 8.2],
+ [16.4, 4],
+ [13.6, 4.3],
+ [13.6, 12],
+ [29.9, 3],
+ [10.9, 5.2],
+ [16.4, 6.5],
+ [10.9, 8],
+ [24.5, 7.1],
+ [10.9, 7],
+ [8.1, 4.7],
+ [19, 10],
+ [27.1, 10],
+ [24.5, 8],
+ [27.1, 3],
+ [29.9, 11.5],
+ [27.1, 0.8],
+ [22.1, 2]
+ ]
+ }, {
+ name: 'Instagram',
+ data: [
+ [6.4, 5.4],
+ [11.7, 4],
+ [15.4, 3],
+ [9, 2],
+ [10.9, 11],
+ [20.9, 7],
+ [12.9, 8.2],
+ [6.4, 14],
+ [11.6, 12]
+ ]
+ }],
+ xaxis: {
+ tickAmount: 10,
+ min: 0,
+ max: 40
+ },
+ yaxis: {
+ tickAmount: 7
+ },
+ markers: {
+ size: 20
+ },
+ fill: {
+ type: 'image',
+ opacity: 1,
+ image: {
+ src: ['../../assets/images/ico-messenger.png', '../../assets/images/ico-instagram.png'],
+ width: 40,
+ height: 40
+ }
+ },
+ legend: {
+ labels: {
+ useSeriesColors: true
+ },
+ markers: {
+ customHTML: [
+ function() {
+ return '<span><i class="fab fa-facebook"></i></span>'
+ }, function() {
+ return '<span><i class="fab fa-instagram"></i></span>'
+ }
+ ]
+ }
+ }
+ }
+
+ var chart = new ApexCharts(
+ document.querySelector("#chart"),
+ options
+ );
+
+ chart.render();
+
+ </script>
+</body>
+
+</html>
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/sparklines/sparklines.html b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/sparklines/sparklines.html
new file mode 100644
index 0000000000000000000000000000000000000000..92611f154e3ece28579d8eba2d452302622fe247
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vanilla-js/sparklines/sparklines.html
@@ -0,0 +1,616 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Sparklines</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ .row {
+ overflow: hidden;
+ max-width: 890px;
+ margin: 30px auto;
+ display: flex;
+ }
+
+ .col-md-4 {
+ width: 33.33%;
+ padding: 0 25px;
+ }
+
+ table {
+ width: 100%;
+ }
+
+ tbody tr {
+ border-top: 1px solid #e7e7e7;
+ }
+
+ th {
+ font-weight: bold;
+ font-family: Helvetica;
+ padding-bottom: 20px;
+ }
+ td, th {
+ width: 25%;
+ text-align: center;
+ height: 65px;
+ }
+
+ td div {
+ margin: 0 auto;
+ }
+
+ .left {
+ float: left;
+ }
+
+ .right {
+ float: right;
+ }
+
+ @media only screen and (max-width: 480px) {
+ th:first-child, td:first-child {
+ display: none;
+ }
+ .row {
+ display: block;
+ }
+ .col-md-4 {
+ padding: 0;
+ width: 100%;
+ }
+ }
+ </style>
+</head>
+
+<body>
+
+ <div class="row">
+ <div class="col-md-4">
+ <div id="spark1"></div>
+ </div>
+ <div class="col-md-4">
+ <div id="spark2"></div>
+ </div>
+ <div class="col-md-4">
+ <div id="spark3"></div>
+ </div>
+ </div>
+
+ <div class="row">
+ <table>
+ <thead>
+ <th>Total Value</th>
+ <th>Percentage of Portfolio</th>
+ <th>Last 10 days</th>
+ <th>Volume</th>
+ </thead>
+ <tbody>
+ <tr>
+ <td>$32,554</td>
+ <td>15%</td>
+ <td>
+ <div id="chart1"></div>
+ </td>
+ <td>
+ <div id="chart5"></div>
+ </td>
+ </tr>
+ <tr>
+ <td>$23,533</td>
+ <td>7%</td>
+ <td>
+ <div id="chart2"></div>
+ </td>
+ <td>
+ <div id="chart6"></div>
+ </td>
+ </tr>
+ <tr>
+ <td>$54,276</td>
+ <td>9%</td>
+ <td>
+ <div id="chart3"></div>
+ </td>
+ <td>
+ <div id="chart7"></div>
+ </td>
+ </tr>
+ <tr>
+ <td>$11,533</td>
+ <td>2%</td>
+ <td>
+ <div id="chart4"></div>
+ </td>
+ <td>
+ <div id="chart8"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+
+ </div>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+
+ <script>
+
+ window.Apex = {
+ stroke: {
+ width: 3
+ },
+ markers: {
+ size: 0
+ },
+ tooltip: {
+ fixed: {
+ enabled: true,
+ }
+ }
+ };
+
+ var randomizeArray = function (arg) {
+ var array = arg.slice();
+ var currentIndex = array.length,
+ temporaryValue, randomIndex;
+
+ while (0 !== currentIndex) {
+
+ randomIndex = Math.floor(Math.random() * currentIndex);
+ currentIndex -= 1;
+
+ temporaryValue = array[currentIndex];
+ array[currentIndex] = array[randomIndex];
+ array[randomIndex] = temporaryValue;
+ }
+
+ return array;
+ }
+
+ // data for the sparklines that appear below header area
+ var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
+
+ var spark1 = {
+ chart: {
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3,
+ },
+ series: [{
+ data: randomizeArray(sparklineData)
+ }],
+ yaxis: {
+ min: 0
+ },
+ colors: ['#DCE6EC'],
+ title: {
+ text: '$424,652',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Sales',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ }
+
+ var spark2 = {
+ chart: {
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3,
+ },
+ series: [{
+ data: randomizeArray(sparklineData)
+ }],
+ yaxis: {
+ min: 0
+ },
+ colors: ['#DCE6EC'],
+ title: {
+ text: '$235,312',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Expenses',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ }
+
+ var spark3 = {
+ chart: {
+ type: 'area',
+ height: 160,
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3
+ },
+ series: [{
+ data: randomizeArray(sparklineData)
+ }],
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ yaxis: {
+ min: 0
+ },
+ title: {
+ text: '$135,965',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Profits',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ }
+
+ var spark1 = new ApexCharts(document.querySelector("#spark1"), spark1);
+ spark1.render();
+ var spark2 = new ApexCharts(document.querySelector("#spark2"), spark2);
+ spark2.render();
+ var spark3 = new ApexCharts(document.querySelector("#spark3"), spark3);
+ spark3.render();
+
+ var options1 = {
+ chart: {
+ type: 'line',
+ width: 100,
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ series: [{
+ data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
+ }],
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+
+ var options2 = {
+ chart: {
+ type: 'line',
+ width: 100,
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ series: [{
+ data: [12, 14, 2, 47, 42, 15, 47, 75, 65, 19, 14]
+ }],
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+
+ var options3 = {
+ chart: {
+ type: 'line',
+ width: 100,
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ series: [{
+ data: [47, 45, 74, 14, 56, 74, 14, 11, 7, 39, 82]
+ }],
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+
+ var options4 = {
+ chart: {
+ type: 'line',
+ width: 100,
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ series: [{
+ data: [15, 75, 47, 65, 14, 2, 41, 54, 4, 27, 15]
+ }],
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+
+ var options5 = {
+ chart: {
+ type: 'bar',
+ width: 100,
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%'
+ }
+ },
+ series: [{
+ data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
+ }],
+ labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+
+ var options6 = {
+ chart: {
+ type: 'bar',
+ width: 100,
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%'
+ }
+ },
+ series: [{
+ data: [12, 14, 2, 47, 42, 15, 47, 75, 65, 19, 14]
+ }],
+ labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+
+ var options7 = {
+ chart: {
+ type: 'bar',
+ width: 100,
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%'
+ }
+ },
+ series: [{
+ data: [47, 45, 74, 14, 56, 74, 14, 11, 7, 39, 82]
+ }],
+ labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+
+ var options8 = {
+ chart: {
+ type: 'bar',
+ width: 100,
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%'
+ }
+ },
+ series: [{
+ data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
+ }],
+ labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+
+ new ApexCharts(document.querySelector("#chart1"), options1).render();
+ new ApexCharts(document.querySelector("#chart2"), options2).render();
+ new ApexCharts(document.querySelector("#chart3"), options3).render();
+ new ApexCharts(document.querySelector("#chart4"), options4).render();
+ new ApexCharts(document.querySelector("#chart5"), options5).render();
+ new ApexCharts(document.querySelector("#chart6"), options6).render();
+ new ApexCharts(document.querySelector("#chart7"), options7).render();
+ new ApexCharts(document.querySelector("#chart8"), options8).render();
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-datetime.html b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-datetime.html
new file mode 100644
index 0000000000000000000000000000000000000000..ce063d9bd20d3c613a8ddc55273057480ca3d218
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-datetime.html
@@ -0,0 +1,211 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area Chart - Datetime X-Axis</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .toolbar {
+ margin-left: 45px;
+ }
+
+ button {
+ background: #fff;
+ color: #222;
+ border: 1px solid #e7e7e7;
+ border-bottom: 2px solid #ddd;
+ border-radius: 2px;
+ padding: 4px 17px;
+ }
+
+ button.active {
+ color: #fff;
+ background: #008FFB;
+ border: 1px solid blue;
+ border-bottom: 2px solid blue;
+ }
+
+ button:focus {
+ outline: 0;
+ }
+ </style>
+</head>
+
+<body>
+
+ <div id="chart">
+ <div class="toolbar">
+ <button @click="updateData('one_month')" id="one_month" :class="{active: selection==='one_month'}">1M</button>
+ <button @click="updateData('six_months')" id="six_months" :class="{active: selection==='six_months'}">6M</button>
+ <button @click="updateData('one_year')" id="one_year" :class="{active: selection==='one_year'}">1Y</button>
+ <button @click="updateData('ytd')" id="ytd" :class="{active: selection==='ytd'}">YTD</button>
+ <button @click="updateData('all')" id="all" :class="{active: selection==='all'}">ALL</button>
+ </div>
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <div class="toolbar">
+ <button @click="updateData('one_month')" id="one_month" :class="{active: selection==='one_month'}">1M</button>
+ <button @click="updateData('six_months')" id="six_months" :class="{active: selection==='six_months'}">6M</button>
+ <button @click="updateData('one_year')" id="one_year" :class="{active: selection==='one_year'}">1Y</button>
+ <button @click="updateData('ytd')" id="ytd" :class="{active: selection==='ytd'}">YTD</button>
+ <button @click="updateData('all')" id="all" :class="{active: selection==='all'}">ALL</button>
+ </div>
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/series1000.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ selection: 'one_year',
+ series: [{
+ data: dateSeries1
+ }],
+ chartOptions: {
+ annotations: {
+ yaxis: [{
+ y: 30,
+ borderColor: '#999',
+ label: {
+ show: true,
+ text: 'Support',
+ style: {
+ color: "#fff",
+ background: '#00E396'
+ }
+ }
+ }],
+ xaxis: [{
+ x: new Date('14 Nov 2012').getTime(),
+ borderColor: '#999',
+ yAxisIndex: 0,
+ label: {
+ show: true,
+ text: 'Rally',
+ style: {
+ color: "#fff",
+ background: '#775DD0'
+ }
+ }
+ }]
+ },
+ dataLabels: {
+ enabled: false
+ },
+
+ markers: {
+ size: 0,
+ style: 'hollow',
+ },
+ xaxis: {
+ type: 'datetime',
+ min: new Date('01 Mar 2012').getTime(),
+ tickAmount: 6,
+ },
+ tooltip: {
+ x: {
+ format: 'dd MMM yyyy'
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ opacityFrom: 0.7,
+ opacityTo: 0.9,
+ stops: [0, 100]
+ }
+ },
+ }
+ },
+ methods: {
+ updateData: function (timeline) {
+ this.selection = timeline;
+
+ switch (timeline) {
+ case 'one_month':
+ this.chartOptions = {
+ xaxis: {
+ min: new Date('28 Jan 2013').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ }
+ break;
+ case 'six_months':
+ this.chartOptions = {
+ xaxis: {
+ min: new Date('27 Sep 2012').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ }
+ break;
+ case 'one_year':
+ this.chartOptions = {
+ xaxis: {
+ min: new Date('27 Feb 2012').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ }
+ break;
+ case 'ytd':
+ this.chartOptions = {
+ xaxis: {
+ min: new Date('01 Jan 2013').getTime(),
+ max: new Date('27 Feb 2013').getTime(),
+ }
+ }
+ break;
+ case 'all':
+ this.chartOptions = {
+ xaxis: {
+ min: undefined,
+ max: undefined,
+ }
+ }
+ break;
+ default:
+
+ }
+ }
+ }
+ })
+
+
+
+ var resetCssClasses = function (activeEl) {
+ var els = document.querySelectorAll("button");
+ Array.prototype.forEach.call(els, function (el) {
+ el.classList.remove('active');
+ });
+
+ activeEl.target.classList.add('active')
+ }
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-github-style.html b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-github-style.html
new file mode 100644
index 0000000000000000000000000000000000000000..0a83a981e892b694280eb70b305ab5d2dbcd0757
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-github-style.html
@@ -0,0 +1,216 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Syncing charts</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #wrapper {
+ padding-top: 20px;
+ padding-left: 10px;
+ padding-right: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .github-style {
+ clear: both;
+ font-weight: 400;
+ height: 40px;
+ margin-left: 6px;
+ }
+
+ .github-style a {
+ color: #0366d6;
+ font-size: 18px;
+ }
+
+ .github-style .cmeta {
+ display: block;
+ color: #777;
+ font-weight: 400;
+ }
+
+ .github-style .userimg {
+ float: left;
+ display: block;
+ border-radius: 3px;
+ }
+
+ .github-style .userdetails {
+ float: left;
+ margin-left: 10px;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="wrapper">
+ <div id="chart-area">
+ <apexchart type=area height=160 :options="chartOptionsYears" :series="series" />
+ </div>
+ <h5 class="github-style">
+ <img class="userimg" src="https://picsum.photos/200/200/?image=1031" data-hovercard-user-id="634573" class="avatar float-left mr-2"
+ alt="" width="38" height="38" />
+ <div class="userdetails">
+ <a class="username">coder</a>
+ <span class="cmeta">
+ <span class="commits"></span> commits
+ </span>
+ </div>
+ </h5>
+
+ <div id="chart-area2">
+ <apexchart type=area height=200 :options="chartOptionsMonths" :series="series" />
+ </div>
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="wrapper">
+ <div id="chart-area">
+ <apexchart type=area height=160 :options="chartOptionsYears" :series="series" />
+ </div>
+ <h5 class="github-style">
+ <img class="userimg" src="https://picsum.photos/200/200/?image=1031" data-hovercard-user-id="634573" class="avatar float-left mr-2"
+ alt="" width="38" height="38" />
+ <div class="userdetails">
+ <a class="username">coder</a>
+ <span class="cmeta">
+ <span class="commits"></span> commits
+ </span>
+ </div>
+ </h5>
+
+ <div id="chart-area2">
+ <apexchart type=area height=200 :options="chartOptionsMonths" :series="series" />
+ </div>
+ </div>
+ </div>
+
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/github-data.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#wrapper',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ selection: 'one_year',
+ series: [{
+ data: githubdata.series
+ }],
+
+ chartOptionsYears: {
+ chart: {
+ id: 'chartyear',
+ background: '#F6F8FA',
+ toolbar: {
+ show: false,
+ autoSelected: 'pan'
+ },
+ events: {
+ mounted: function (chart) {
+ var commitsEl = document.querySelector('p span.commits');
+ var commits = chart.getSeriesTotalXRange(chart.w.globals.minX, chart.w.globals.maxX)
+
+ commitsEl.innerHTML = commits
+ },
+ updated: function (chart) {
+ var commitsEl = document.querySelector('.cmeta span.commits');
+ var commits = chart.getSeriesTotalXRange(chart.w.globals.minX, chart.w.globals.maxX)
+
+ commitsEl.innerHTML = commits
+ }
+ }
+ },
+ colors: ['#FF7F00'],
+ stroke: {
+ width: 0,
+ curve: 'smooth'
+ },
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ opacity: 1,
+ type: 'solid'
+ },
+ series: [{
+ name: 'commits',
+ data: githubdata.series
+ }],
+ yaxis: {
+ tickAmount: 3,
+ labels: {
+ show: false
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ }
+ },
+ chartOptionsMonths: {
+ chart: {
+ background: '#F6F8FA',
+ toolbar: {
+ autoSelected: 'selection',
+ },
+ brush: {
+ enabled: true,
+ target: 'chartyear'
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('05 Jan 2014').getTime(),
+ max: new Date('04 Jan 2015').getTime()
+ }
+ },
+ },
+ colors: ['#7BD39A'],
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 0,
+ curve: 'smooth'
+ },
+
+ series: [{
+ name: 'commits',
+ data: githubdata.series
+ }],
+ fill: {
+ opacity: 1,
+ type: 'solid'
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ }
+ },
+ })
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-spline.html b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-spline.html
new file mode 100644
index 0000000000000000000000000000000000000000..bbce51571013e853e575a685d16d0c153b29ee2b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-spline.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area Spline</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'series1',
+ data: [31, 40, 28, 51, 42, 109, 100]
+ }, {
+ name: 'series2',
+ data: [11, 32, 45, 32, 34, 52, 41]
+ }],
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+
+
+ xaxis: {
+ type: 'datetime',
+ categories: ["2018-09-19T00:00:00", "2018-09-19T01:30:00", "2018-09-19T02:30:00",
+ "2018-09-19T03:30:00", "2018-09-19T04:30:00", "2018-09-19T05:30:00",
+ "2018-09-19T06:30:00"
+ ],
+ },
+ tooltip: {
+ x: {
+ format: 'dd/MM/yy HH:mm'
+ },
+
+ }
+ }
+
+ }
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-with-missing-data.html b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-with-missing-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..f95046c02b4268a7fa8fd175a7f0f614ac4352b9
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-with-missing-data.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area with missing data</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+
+<body>
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Network',
+ data: [{
+ x: 'Dec 23 2017',
+ y: null
+ },
+ {
+ x: 'Dec 24 2017',
+ y: 44
+ },
+ {
+ x: 'Dec 25 2017',
+ y: 31
+ },
+ {
+ x: 'Dec 26 2017',
+ y: 38
+ },
+ {
+ x: 'Dec 27 2017',
+ y: null
+ },
+ {
+ x: 'Dec 28 2017',
+ y: 32
+ },
+ {
+ x: 'Dec 29 2017',
+ y: 55
+ },
+ {
+ x: 'Dec 30 2017',
+ y: 51
+ },
+ {
+ x: 'Dec 31 2017',
+ y: 67
+ },
+ {
+ x: 'Jan 01 2018',
+ y: 22
+ },
+ {
+ x: 'Jan 02 2018',
+ y: 34
+ },
+ {
+ x: 'Jan 03 2018',
+ y: null
+ },
+ {
+ x: 'Jan 04 2018',
+ y: null
+ },
+ {
+ x: 'Jan 05 2018',
+ y: 11
+ },
+ {
+ x: 'Jan 06 2018',
+ y: 4
+ },
+ {
+ x: 'Jan 07 2018',
+ y: 15,
+ },
+ {
+ x: 'Jan 08 2018',
+ y: null
+ },
+ {
+ x: 'Jan 09 2018',
+ y: 9
+ },
+ {
+ x: 'Jan 10 2018',
+ y: 34
+ },
+ {
+ x: 'Jan 11 2018',
+ y: null
+ },
+ {
+ x: 'Jan 12 2018',
+ y: null
+ },
+ {
+ x: 'Jan 13 2018',
+ y: 13
+ },
+ {
+ x: 'Jan 14 2018',
+ y: null
+ }
+ ],
+ }],
+ chartOptions: {
+ chart: {
+ animations: {
+ enabled: false
+ },
+ zoom: {
+ enabled: false
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+
+ fill: {
+ opacity: 0.8,
+ type: 'pattern',
+ pattern: {
+ enabled: true,
+ style: ['verticalLines', 'horizontalLines'],
+ width: 5,
+ depth: 6
+ },
+ },
+ markers: {
+ size: 5,
+ hover: {
+ size: 9
+ }
+ },
+ title: {
+ text: 'Network Monitoring',
+ },
+ tooltip: {
+ intersect: true,
+ shared: false
+ },
+ theme: {
+ palette: 'palette1'
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+ yaxis: {
+ title: {
+ text: 'Bytes Received'
+ }
+ }
+ }
+
+ }
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..2c0d1e8888ce669a6e8c4d5f97086c28cee597cd
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/area/area-with-negative.html
@@ -0,0 +1,286 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Area with Negative - Stacked</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'north',
+ data: [{
+ x: 1996,
+ y: 322
+ },
+ {
+ x: 1997,
+ y: 324
+ },
+ {
+ x: 1998,
+ y: 329
+ },
+ {
+ x: 1999,
+ y: 342
+ },
+ {
+ x: 2000,
+ y: 348
+ },
+ {
+ x: 2001,
+ y: 334
+ },
+ {
+ x: 2002,
+ y: 325
+ },
+ {
+ x: 2003,
+ y: 316
+ },
+ {
+ x: 2004,
+ y: 318
+ },
+ {
+ x: 2005,
+ y: 330
+ },
+ {
+ x: 2006,
+ y: 355
+ },
+ {
+ x: 2007,
+ y: 366
+ },
+ {
+ x: 2008,
+ y: 337
+ },
+ {
+ x: 2009,
+ y: 352
+ },
+ {
+ x: 2010,
+ y: 377
+ },
+ {
+ x: 2011,
+ y: 383
+ },
+ {
+ x: 2012,
+ y: 344
+ },
+ {
+ x: 2013,
+ y: 366
+ },
+ {
+ x: 2014,
+ y: 389
+ },
+ {
+ x: 2015,
+ y: 334
+ }
+ ]
+ }, {
+ name: 'south',
+ data: [
+
+ {
+ x: 1996,
+ y: 162
+ },
+ {
+ x: 1997,
+ y: 90
+ },
+ {
+ x: 1998,
+ y: 50
+ },
+ {
+ x: 1999,
+ y: 77
+ },
+ {
+ x: 2000,
+ y: 35
+ },
+ {
+ x: 2001,
+ y: -45
+ },
+ {
+ x: 2002,
+ y: -88
+ },
+ {
+ x: 2003,
+ y: -120
+ },
+ {
+ x: 2004,
+ y: -156
+ },
+ {
+ x: 2005,
+ y: -123
+ },
+ {
+ x: 2006,
+ y: -88
+ },
+ {
+ x: 2007,
+ y: -66
+ },
+ {
+ x: 2008,
+ y: -45
+ },
+ {
+ x: 2009,
+ y: -29
+ },
+ {
+ x: 2010,
+ y: -45
+ },
+ {
+ x: 2011,
+ y: -88
+ },
+ {
+ x: 2012,
+ y: -132
+ },
+ {
+ x: 2013,
+ y: -146
+ },
+ {
+ x: 2014,
+ y: -169
+ },
+ {
+ x: 2015,
+ y: -184
+ }
+ ]
+ }],
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+
+ title: {
+ text: 'Area with Negative Values',
+ align: 'left',
+ style: {
+ fontSize: '14px'
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ yaxis: {
+ tickAmount: 4,
+ floating: false,
+
+ labels: {
+ style: {
+ color: '#8e8da4',
+ },
+ offsetY: -7,
+ offsetX: 0,
+ },
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ fill: {
+ opacity: 0.5
+ },
+ tooltip: {
+ x: {
+ format: "yyyy",
+ },
+ fixed: {
+ enabled: false,
+ position: 'topRight'
+ }
+ },
+ grid: {
+ yaxis: {
+ lines: {
+ offsetX: -30
+ }
+ },
+ padding: {
+ left: 20
+ }
+ },
+ }
+
+ }
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/area/basic-area.html b/public/ThirdParty/apexcharts-bundle/samples/vue/area/basic-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..93236903dc85e1490632fcafdd8b881d509536bf
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/area/basic-area.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/stock-prices.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: "STOCK ABC",
+ data: series.monthDataSeries1.prices
+ }],
+ chartOptions: {
+ chart: {
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ series: [{
+ name: "STOCK ABC",
+ data: series.monthDataSeries1.prices
+ }],
+ title: {
+ text: 'Fundamental Analysis of Stocks',
+ align: 'left'
+ },
+ subtitle: {
+ text: 'Price Movements',
+ align: 'left'
+ },
+ labels: series.monthDataSeries1.dates,
+ xaxis: {
+ type: 'datetime',
+ },
+ yaxis: {
+ opposite: true
+ },
+ legend: {
+ horizontalAlign: 'left'
+ }
+ }
+
+ }
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/area/stacked-area.html b/public/ThirdParty/apexcharts-bundle/samples/vue/area/stacked-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..cd65f9640c583f7a49f370a6f09caffae6180536
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/area/stacked-area.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ var generateDayWiseTimeSeries = function (baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'South',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'North',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 20
+ })
+ },
+ {
+ name: 'Central',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 15
+ })
+ }
+ ],
+ chartOptions: {
+ chart: {
+ stacked: true,
+ events: {
+ selection: function (chart, e) {
+ console.log(new Date(e.xaxis.min))
+ }
+ },
+ },
+ colors: ['#008FFB', '#00E396', '#CED4DC'],
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ opacityFrom: 0.6,
+ opacityTo: 0.8,
+ }
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ }
+ },
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/area/timeseries-with-irregular-data.html b/public/ThirdParty/apexcharts-bundle/samples/vue/area/timeseries-with-irregular-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..8262e9a6bbd5683e5d7e7bf3526a17c130ec19d7
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/area/timeseries-with-irregular-data.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>TimeSeries With Irregular Data</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+
+ <script src="../../assets/irregular-data-series.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ dataSet: [
+ [],
+ [],
+ []
+ ],
+ chartOptions: {
+ chart: {
+ stacked: false,
+ zoom: {
+ enabled: false
+ },
+ },
+ plotOptions: {
+ line: {
+ curve: 'smooth',
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+
+ markers: {
+ size: 0,
+ style: 'full',
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ inverseColors: false,
+ opacityFrom: 0.45,
+ opacityTo: 0.05,
+ stops: [20, 100, 100, 100]
+ },
+ },
+ yaxis: {
+ labels: {
+ style: {
+ color: '#8e8da4',
+ },
+ offsetX: 0,
+ formatter: function (val) {
+ return (val / 1000000).toFixed(2);
+ },
+ },
+ axisBorder: {
+ show: false,
+ },
+ axisTicks: {
+ show: false
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ tickAmount: 8,
+ min: new Date("01/01/2014").getTime(),
+ max: new Date("01/20/2014").getTime(),
+ labels: {
+ rotate: -15,
+ rotateAlways: true,
+ formatter: function (val, timestamp) {
+ return moment(new Date(timestamp)).format("DD MMM YYYY")
+ }
+ }
+ },
+ title: {
+ text: 'Irregular Data in Time Series',
+ align: 'left',
+ offsetX: 14
+ },
+ tooltip: {
+ shared: true
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ offsetX: -10
+ }
+ }
+ },
+ computed: {
+ series: function() {
+ return [{
+ name: 'PRODUCT A',
+ data: this.dataSet[0]
+ }, {
+ name: 'PRODUCT B',
+ data: this.dataSet[1]
+ }, {
+ name: 'PRODUCT C',
+ data: this.dataSet[2]
+ }]
+ },
+ },
+ mounted: function () {
+ var ts1 = 1388534400000;
+ var ts2 = 1388620800000;
+ var ts3 = 1389052800000;
+
+ for (var i = 0; i < 12; i++) {
+ ts1 = ts1 + 86400000;
+ var innerArr = [ts1, dataSeries[2][i].value];
+ this.dataSet[0].push(innerArr)
+ }
+ for (var i = 0; i < 18; i++) {
+ ts2 = ts2 + 86400000;
+ var innerArr = [ts2, dataSeries[1][i].value];
+ this.dataSet[1].push(innerArr)
+ }
+ for (var i = 0; i < 12; i++) {
+ ts3 = ts3 + 86400000;
+ var innerArr = [ts3, dataSeries[0][i].value];
+ this.dataSet[2].push(innerArr)
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-custom-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-custom-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..f3d8c4b416bc5e049c35af6cd7bbb29fa8b7aeb7
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-custom-data-labels.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar with Custom DataLabels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+ }],
+ chartOptions: {
+ plotOptions: {
+ bar: {
+ barHeight: '100%',
+ distributed: true,
+ horizontal: true,
+ dataLabels: {
+ position: 'bottom'
+ },
+ }
+ },
+ colors: ['#33b2df', '#546E7A', '#d4526e', '#13d8aa', '#A5978B', '#2b908f', '#f9a3a4', '#90ee7e',
+ '#f48024', '#69d2e7'
+ ],
+ dataLabels: {
+ enabled: true,
+ textAnchor: 'start',
+ style: {
+ colors: ['#fff']
+ },
+ formatter: function (val, opt) {
+ return opt.w.globals.labels[opt.dataPointIndex] + ": " + val
+ },
+ offsetX: 0,
+ dropShadow: {
+ enabled: true
+ }
+ },
+
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+ xaxis: {
+ categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan',
+ 'United States', 'China', 'India'
+ ],
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ },
+ title: {
+ text: 'Custom DataLabels',
+ align: 'center',
+ floating: true
+ },
+ subtitle: {
+ text: 'Category Names as DataLabels inside bars',
+ align: 'center',
+ },
+ tooltip: {
+ theme: 'dark',
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function () {
+ return ''
+ }
+ }
+ }
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-images.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-images.html
new file mode 100644
index 0000000000000000000000000000000000000000..0b9a7ad456a2ec1817af701f6d373a794561a994
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-images.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar Chart with Images</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ #apexcharts-canvas {
+ margin: 0 auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=410 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=410 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'coins',
+ data: [2, 4, 3, 4, 3, 5, 5, 6.5, 6, 5, 4, 5, 8, 7, 7, 8, 8, 10, 9, 9, 12, 12,
+ 11, 12, 13, 14, 16, 14, 15, 17, 19, 21
+ ]
+ }],
+ chartOptions: {
+ chart: {
+ animations: {
+ enabled: false
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '100%',
+
+ },
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ stroke: {
+ colors: ["#fff"],
+ width: 0.2
+ },
+ labels: Array.apply(null, {length: 39}).map(function(el, index){
+ return index + 1;
+ }),
+ yaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ labels: {
+ show: false
+ },
+ title: {
+ text: 'Weight',
+ },
+ },
+ grid: {
+ position: 'back'
+ },
+ title: {
+ text: 'Paths filled by clipped image',
+ align: 'right',
+ offsetY: 30
+ },
+ fill: {
+ type: 'image',
+ opacity: 0.87,
+ image: {
+ src: ['../../assets/images/4274635880_809a4b9d0d_z.jpg'],
+ width: 466,
+ height: 406
+ }
+ },
+ }
+ }
+ })
+ </script>
+
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..c68de82f10952c8f8939a3bdb492fb50ea5be181
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/bar-with-negative.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart with Negative Values</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=440 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Males',
+ data: [0.4, 0.65, 0.76, 0.88, 1.5, 2.1, 2.9, 3.8, 3.9, 4.2, 4, 4.3, 4.1, 4.2, 4.5,
+ 3.9, 3.5, 3
+ ]
+ },
+ {
+ name: 'Females',
+ data: [-0.8, -1.05, -1.06, -1.18, -1.4, -2.2, -2.85, -3.7, -3.96, -4.22, -4.3, -4.4,
+ -4.1, -4, -4.1, -3.4, -3.1, -2.8
+ ]
+ }
+ ],
+ chartOptions: {
+ chart: {
+ stacked: true
+ },
+ colors: ['#008FFB', '#FF4560'],
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '80%',
+
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 1,
+ colors: ["#fff"]
+ },
+
+ grid: {
+ xaxis: {
+ showLines: false
+ }
+ },
+ yaxis: {
+ min: -5,
+ max: 5,
+ title: {
+ // text: 'Age',
+ },
+ },
+ tooltip: {
+ shared: false,
+ x: {
+ formatter: function (val) {
+ return val
+ }
+ },
+ y: {
+ formatter: function (val) {
+ return Math.abs(val) + "%"
+ }
+ }
+ },
+ title: {
+ text: 'Mauritius population pyramid 2011'
+ },
+ xaxis: {
+ categories: ['85+', '80-84', '75-79', '70-74', '65-69', '60-64', '55-59', '50-54',
+ '45-49', '40-44', '35-39', '30-34', '25-29', '20-24', '15-19', '10-14', '5-9',
+ '0-4'
+ ],
+ title: {
+ text: 'Percent'
+ },
+ labels: {
+ formatter: function (val) {
+ return Math.abs(Math.round(val)) + "%"
+ }
+ }
+ },
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bar/basic-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/basic-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..2e26dba7cba8d90b8e1ed1a5c42adc581d471719
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/basic-bar.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+ }],
+ chartOptions: {
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ xaxis: {
+ categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan',
+ 'United States', 'China', 'Germany'
+ ],
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bar/grouped-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/grouped-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..bf4011846d0232fa6c97c1fd1fc4b01a3b006e03
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/grouped-bar.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Grouped Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: [44, 55, 41, 64, 22, 43, 21]
+ }, {
+ data: [53, 32, 33, 52, 13, 44, 32]
+ }],
+ chartOptions: {
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ dataLabels: {
+ position: 'top',
+ },
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ offsetX: -6,
+ style: {
+ fontSize: '12px',
+ colors: ['#fff']
+ }
+ },
+ stroke: {
+ show: true,
+ width: 1,
+ colors: ['#fff']
+ },
+
+ xaxis: {
+ categories: [2001, 2002, 2003, 2004, 2005, 2006, 2007],
+ },
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bar/patterned-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/patterned-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..812dbe536d7244e9db16854df8ebf9ae1983b95b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/patterned-bar.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Bar Chart with Pattern Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ }, {
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ }, {
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ }, {
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ }],
+ chartOptions: {
+ chart: {
+ stacked: true,
+ shadow: {
+ enabled: true,
+ blur: 1,
+ opacity: 0.5
+ }
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ barHeight: '60%',
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 2,
+ },
+ title: {
+ text: 'Compare Sales Strategy'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+ },
+ yaxis: {
+ title: {
+ text: undefined
+ },
+ },
+ tooltip: {
+ shared: false,
+ y: {
+ formatter: function (val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ type: 'pattern',
+ opacity: 1,
+ pattern: {
+ style: ['circles', 'slantedLines', 'verticalLines', 'horizontalLines'], // string or array of strings
+
+ }
+ },
+ states: {
+ hover: {
+ filter: 'none'
+ }
+ },
+ legend: {
+ position: 'right',
+ offsetY: 40
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bar/stacked-bar-100.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/stacked-bar-100.html
new file mode 100644
index 0000000000000000000000000000000000000000..67bcd936d51345a449b1e7c5d50e71115a8d0e91
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/stacked-bar-100.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ }, {
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ }, {
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ }, {
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ }, {
+ name: 'Reborn Kid',
+ data: [25, 12, 19, 32, 25, 24, 10]
+ }],
+ chartOptions: {
+ chart: {
+ stacked: true,
+ stackType: '100%'
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ },
+
+ },
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+
+ title: {
+ text: '100% Stacked Bar'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+ },
+
+ tooltip: {
+ y: {
+ formatter: function (val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ opacity: 1
+
+ },
+
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bar/stacked-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/stacked-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..271ce36b381e91279311f7ae20b34da5a9b7f366
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bar/stacked-bar.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Bar Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Marine Sprite',
+ data: [44, 55, 41, 37, 22, 43, 21]
+ }, {
+ name: 'Striking Calf',
+ data: [53, 32, 33, 52, 13, 43, 32]
+ }, {
+ name: 'Tank Picture',
+ data: [12, 17, 11, 9, 15, 11, 20]
+ }, {
+ name: 'Bucket Slope',
+ data: [9, 7, 5, 8, 6, 9, 4]
+ }, {
+ name: 'Reborn Kid',
+ data: [25, 12, 19, 32, 25, 24, 10]
+ }],
+ chartOptions: {
+ chart: {
+ stacked: true,
+ },
+ plotOptions: {
+ bar: {
+ horizontal: true,
+ },
+
+ },
+ stroke: {
+ width: 1,
+ colors: ['#fff']
+ },
+
+ title: {
+ text: 'Fiction Books Sales'
+ },
+ xaxis: {
+ categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+ labels: {
+ formatter: function (val) {
+ return val + "K"
+ }
+ }
+ },
+ yaxis: {
+ title: {
+ text: undefined
+ },
+
+ },
+ tooltip: {
+ y: {
+ formatter: function (val) {
+ return val + "K"
+ }
+ }
+ },
+ fill: {
+ opacity: 1
+
+ },
+
+ legend: {
+ position: 'top',
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bubble/3d-bubble.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bubble/3d-bubble.html
new file mode 100644
index 0000000000000000000000000000000000000000..f530b0ea39e93f0cf12e2657f522b72d4b9ae74a
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bubble/3d-bubble.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>3d Bubble Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bubble height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bubble height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ function generateData(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ //var x =Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+ var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+ series.push([baseval, y, z]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Product1',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product2',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product3',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Product4',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }
+ ],
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ type: 'gradient',
+ },
+ title: {
+ text: '3D Bubble Chart'
+ },
+ xaxis: {
+ tickAmount: 12,
+ type: 'datetime',
+
+ labels: {
+ rotate: 0,
+ }
+ },
+ yaxis: {
+ max: 70
+ },
+ theme: {
+ palette: 'palette2'
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/bubble/simple-bubble.html b/public/ThirdParty/apexcharts-bundle/samples/vue/bubble/simple-bubble.html
new file mode 100644
index 0000000000000000000000000000000000000000..d16898b897156dead7093518726ef8757c52566d
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/bubble/simple-bubble.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Bubble</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+
+<body>
+ <div id="chart">
+ <apexchart type=bubble height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bubble height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ function generateData(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+ var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
+
+ series.push([x, y, z]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Bubble1',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble2',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble3',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'Bubble4',
+ data: generateData(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }
+ ],
+ chartOptions: {
+
+ dataLabels: {
+ enabled: false
+ },
+
+ fill: {
+ opacity: 0.8
+ },
+ title: {
+ text: 'Simple Bubble Chart'
+ },
+ xaxis: {
+ tickAmount: 12,
+ type: 'category',
+ },
+ yaxis: {
+ max: 70
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/candlestick/basic.html b/public/ThirdParty/apexcharts-bundle/samples/vue/candlestick/basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..5553b0ac0be9ad05a4a0f4f097195a752b8fa0f7
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/candlestick/basic.html
@@ -0,0 +1,308 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>CandleStick Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=candlestick height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=candlestick height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/ohlc.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: [{
+ x: new Date(1538778600000),
+ y: [6629.81, 6650.5, 6623.04, 6633.33]
+ },
+ {
+ x: new Date(1538780400000),
+ y: [6632.01, 6643.59, 6620, 6630.11]
+ },
+ {
+ x: new Date(1538782200000),
+ y: [6630.71, 6648.95, 6623.34, 6635.65]
+ },
+ {
+ x: new Date(1538784000000),
+ y: [6635.65, 6651, 6629.67, 6638.24]
+ },
+ {
+ x: new Date(1538785800000),
+ y: [6638.24, 6640, 6620, 6624.47]
+ },
+ {
+ x: new Date(1538787600000),
+ y: [6624.53, 6636.03, 6621.68, 6624.31]
+ },
+ {
+ x: new Date(1538789400000),
+ y: [6624.61, 6632.2, 6617, 6626.02]
+ },
+ {
+ x: new Date(1538791200000),
+ y: [6627, 6627.62, 6584.22, 6603.02]
+ },
+ {
+ x: new Date(1538793000000),
+ y: [6605, 6608.03, 6598.95, 6604.01]
+ },
+ {
+ x: new Date(1538794800000),
+ y: [6604.5, 6614.4, 6602.26, 6608.02]
+ },
+ {
+ x: new Date(1538796600000),
+ y: [6608.02, 6610.68, 6601.99, 6608.91]
+ },
+ {
+ x: new Date(1538798400000),
+ y: [6608.91, 6618.99, 6608.01, 6612]
+ },
+ {
+ x: new Date(1538800200000),
+ y: [6612, 6615.13, 6605.09, 6612]
+ },
+ {
+ x: new Date(1538802000000),
+ y: [6612, 6624.12, 6608.43, 6622.95]
+ },
+ {
+ x: new Date(1538803800000),
+ y: [6623.91, 6623.91, 6615, 6615.67]
+ },
+ {
+ x: new Date(1538805600000),
+ y: [6618.69, 6618.74, 6610, 6610.4]
+ },
+ {
+ x: new Date(1538807400000),
+ y: [6611, 6622.78, 6610.4, 6614.9]
+ },
+ {
+ x: new Date(1538809200000),
+ y: [6614.9, 6626.2, 6613.33, 6623.45]
+ },
+ {
+ x: new Date(1538811000000),
+ y: [6623.48, 6627, 6618.38, 6620.35]
+ },
+ {
+ x: new Date(1538812800000),
+ y: [6619.43, 6620.35, 6610.05, 6615.53]
+ },
+ {
+ x: new Date(1538814600000),
+ y: [6615.53, 6617.93, 6610, 6615.19]
+ },
+ {
+ x: new Date(1538816400000),
+ y: [6615.19, 6621.6, 6608.2, 6620]
+ },
+ {
+ x: new Date(1538818200000),
+ y: [6619.54, 6625.17, 6614.15, 6620]
+ },
+ {
+ x: new Date(1538820000000),
+ y: [6620.33, 6634.15, 6617.24, 6624.61]
+ },
+ {
+ x: new Date(1538821800000),
+ y: [6625.95, 6626, 6611.66, 6617.58]
+ },
+ {
+ x: new Date(1538823600000),
+ y: [6619, 6625.97, 6595.27, 6598.86]
+ },
+ {
+ x: new Date(1538825400000),
+ y: [6598.86, 6598.88, 6570, 6587.16]
+ },
+ {
+ x: new Date(1538827200000),
+ y: [6588.86, 6600, 6580, 6593.4]
+ },
+ {
+ x: new Date(1538829000000),
+ y: [6593.99, 6598.89, 6585, 6587.81]
+ },
+ {
+ x: new Date(1538830800000),
+ y: [6587.81, 6592.73, 6567.14, 6578]
+ },
+ {
+ x: new Date(1538832600000),
+ y: [6578.35, 6581.72, 6567.39, 6579]
+ },
+ {
+ x: new Date(1538834400000),
+ y: [6579.38, 6580.92, 6566.77, 6575.96]
+ },
+ {
+ x: new Date(1538836200000),
+ y: [6575.96, 6589, 6571.77, 6588.92]
+ },
+ {
+ x: new Date(1538838000000),
+ y: [6588.92, 6594, 6577.55, 6589.22]
+ },
+ {
+ x: new Date(1538839800000),
+ y: [6589.3, 6598.89, 6589.1, 6596.08]
+ },
+ {
+ x: new Date(1538841600000),
+ y: [6597.5, 6600, 6588.39, 6596.25]
+ },
+ {
+ x: new Date(1538843400000),
+ y: [6598.03, 6600, 6588.73, 6595.97]
+ },
+ {
+ x: new Date(1538845200000),
+ y: [6595.97, 6602.01, 6588.17, 6602]
+ },
+ {
+ x: new Date(1538847000000),
+ y: [6602, 6607, 6596.51, 6599.95]
+ },
+ {
+ x: new Date(1538848800000),
+ y: [6600.63, 6601.21, 6590.39, 6591.02]
+ },
+ {
+ x: new Date(1538850600000),
+ y: [6591.02, 6603.08, 6591, 6591]
+ },
+ {
+ x: new Date(1538852400000),
+ y: [6591, 6601.32, 6585, 6592]
+ },
+ {
+ x: new Date(1538854200000),
+ y: [6593.13, 6596.01, 6590, 6593.34]
+ },
+ {
+ x: new Date(1538856000000),
+ y: [6593.34, 6604.76, 6582.63, 6593.86]
+ },
+ {
+ x: new Date(1538857800000),
+ y: [6593.86, 6604.28, 6586.57, 6600.01]
+ },
+ {
+ x: new Date(1538859600000),
+ y: [6601.81, 6603.21, 6592.78, 6596.25]
+ },
+ {
+ x: new Date(1538861400000),
+ y: [6596.25, 6604.2, 6590, 6602.99]
+ },
+ {
+ x: new Date(1538863200000),
+ y: [6602.99, 6606, 6584.99, 6587.81]
+ },
+ {
+ x: new Date(1538865000000),
+ y: [6587.81, 6595, 6583.27, 6591.96]
+ },
+ {
+ x: new Date(1538866800000),
+ y: [6591.97, 6596.07, 6585, 6588.39]
+ },
+ {
+ x: new Date(1538868600000),
+ y: [6587.6, 6598.21, 6587.6, 6594.27]
+ },
+ {
+ x: new Date(1538870400000),
+ y: [6596.44, 6601, 6590, 6596.55]
+ },
+ {
+ x: new Date(1538872200000),
+ y: [6598.91, 6605, 6596.61, 6600.02]
+ },
+ {
+ x: new Date(1538874000000),
+ y: [6600.55, 6605, 6589.14, 6593.01]
+ },
+ {
+ x: new Date(1538875800000),
+ y: [6593.15, 6605, 6592, 6603.06]
+ },
+ {
+ x: new Date(1538877600000),
+ y: [6603.07, 6604.5, 6599.09, 6603.89]
+ },
+ {
+ x: new Date(1538879400000),
+ y: [6604.44, 6604.44, 6600, 6603.5]
+ },
+ {
+ x: new Date(1538881200000),
+ y: [6603.5, 6603.99, 6597.5, 6603.86]
+ },
+ {
+ x: new Date(1538883000000),
+ y: [6603.85, 6605, 6600, 6604.07]
+ },
+ {
+ x: new Date(1538884800000),
+ y: [6604.98, 6606, 6604.07, 6606]
+ },
+ ]
+ }],
+ chartOptions: {
+ title: {
+ text: 'CandleStick Chart',
+ align: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: {
+ tooltip: {
+ enabled: true
+ }
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/candlestick/candlestick-bar.html b/public/ThirdParty/apexcharts-bundle/samples/vue/candlestick/candlestick-bar.html
new file mode 100644
index 0000000000000000000000000000000000000000..e17f9a5023f49cacedc7086d891386c2174729ef
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/candlestick/candlestick-bar.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>CandleStick Chart with Bar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart-box {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ #chart-candlestick,
+ #chart-bar {
+ max-width: 640px;
+ }
+
+ #chart-bar {
+ margin-top: -50px;
+ }
+ </style>
+</head>
+
+
+<body>
+
+ <div id="chart-box">
+ <div id="chart-candlestick">
+ <apexchart type=candlestick height=290 :options="chartOptionsCandlestick" :series="seriesCandle" />
+ </div>
+ <div id="chart-bar">
+ <apexchart type=bar height=160 :options="chartOptionsBar" :series="seriesBar" />
+ </div>
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart-box">
+ <div id="chart-candlestick">
+ <apexchart type=candlestick height=290 :options="chartOptionsCandlestick" :series="seriesCandle" />
+ </div>
+ <div id="chart-bar">
+ <apexchart type=bar height=160 :options="chartOptionsBar" :series="seriesBar" />
+ </div>
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/ohlc.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart-box',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ seriesCandle: [{
+ data: seriesData
+ }],
+ seriesBar: [{
+ name: 'volume',
+ data: seriesDataLinear
+ }],
+ chartOptionsCandlestick: {
+ chart: {
+ id: 'candles',
+ toolbar: {
+ autoSelected: 'pan',
+ show: false
+ },
+ zoom: {
+ enabled: false
+ },
+ },
+ plotOptions: {
+ candlestick: {
+ colors: {
+ upward: '#3C90EB',
+ downward: '#DF7D46'
+ }
+ }
+ },
+
+ xaxis: {
+ type: 'datetime'
+ }
+ },
+ chartOptionsBar: {
+ chart: {
+ height: 160,
+ type: 'bar',
+ brush: {
+ enabled: true,
+ target: 'candles'
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('20 Jan 2017').getTime(),
+ max: new Date('10 Dec 2017').getTime()
+ },
+ fill: {
+ color: '#ccc',
+ opacity: 0.4
+ },
+ stroke: {
+ color: '#0D47A1',
+ }
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%',
+ colors: {
+ ranges: [{
+ from: -1000,
+ to: 0,
+ color: '#F15B46'
+ }, {
+ from: 1,
+ to: 10000,
+ color: '#FEB019'
+ }],
+
+ },
+ }
+ },
+ stroke: {
+ width: 0
+ },
+ xaxis: {
+ type: 'datetime',
+ axisBorder: {
+ offsetX: 13
+ }
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ }
+ }
+ }
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/basic-column.html b/public/ThirdParty/apexcharts-bundle/samples/vue/column/basic-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..f5a84555eabce78c6b2406d44b09d42887f33a27
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/basic-column.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Column - Grouped</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Net Profit',
+ data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
+ }, {
+ name: 'Revenue',
+ data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
+ }, {
+ name: 'Free Cash Flow',
+ data: [35, 41, 36, 26, 45, 48, 52, 53, 41]
+ }],
+ chartOptions: {
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ endingShape: 'rounded',
+ columnWidth: '55%',
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ show: true,
+ width: 2,
+ colors: ['transparent']
+ },
+
+ xaxis: {
+ categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
+ },
+ yaxis: {
+ title: {
+ text: '$ (thousands)'
+ }
+ },
+ fill: {
+ opacity: 1
+
+ },
+ tooltip: {
+ y: {
+ formatter: function (val) {
+ return "$ " + val + " thousands"
+ }
+ }
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..4ed5c87455bac0308f44d6d6589bfceb69a1944b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-data-labels.html
@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Column with Data Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Inflation',
+ data: [2.3, 3.1, 4.0, 10.1, 4.0, 3.6, 3.2, 2.3, 1.4, 0.8, 0.5, 0.2]
+ }],
+ chartOptions: {
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ dataLabels: {
+ position: 'top', // top, center, bottom
+ },
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ formatter: function (val) {
+ return val + "%";
+ },
+ offsetY: -20,
+ style: {
+ fontSize: '12px',
+ colors: ["#304758"]
+ }
+ },
+
+ xaxis: {
+ categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+ position: 'top',
+ labels: {
+ offsetY: -18,
+
+ },
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false
+ },
+ crosshairs: {
+ fill: {
+ type: 'gradient',
+ gradient: {
+ colorFrom: '#D8E3F0',
+ colorTo: '#BED1E6',
+ stops: [0, 100],
+ opacityFrom: 0.4,
+ opacityTo: 0.5,
+ }
+ }
+ },
+ tooltip: {
+ enabled: true,
+ offsetY: -35,
+
+ }
+ },
+ fill: {
+ gradient: {
+ shade: 'light',
+ type: "horizontal",
+ shadeIntensity: 0.25,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [50, 0, 100, 100]
+ },
+ },
+ yaxis: {
+ axisBorder: {
+ show: false
+ },
+ axisTicks: {
+ show: false,
+ },
+ labels: {
+ show: false,
+ formatter: function (val) {
+ return val + "%";
+ }
+ }
+
+ },
+ title: {
+ text: 'Monthly Inflation in Argentina, 2002',
+ floating: true,
+ offsetY: 320,
+ align: 'center',
+ style: {
+ color: '#444'
+ }
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-negative.html b/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-negative.html
new file mode 100644
index 0000000000000000000000000000000000000000..c9bc16ab075ba4fbba7b1139b98e6fd2494420c6
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-negative.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Bar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Cash Flow',
+ data: [1.45, 5.42, 5.9, -0.42, -12.6, -18.1, -18.2, -14.16, -11.1, -6.09, 0.34, 3.88, 13.07,
+ 5.8, 2, 7.37, 8.1, 13.57, 15.75, 17.1, 19.8, -27.03, -54.4, -47.2, -43.3, -18.6, -
+ 48.6, -41.1, -39.6, -37.6, -29.4, -21.4, -2.4
+ ]
+ }],
+ chartOptions: {
+ plotOptions: {
+ bar: {
+ colors: {
+ ranges: [{
+ from: -100,
+ to: -46,
+ color: '#F15B46'
+ }, {
+ from: -45,
+ to: 0,
+ color: '#FEB019'
+ }]
+ },
+ columnWidth: '80%',
+ }
+ },
+ dataLabels: {
+ enabled: false,
+ },
+ yaxis: {
+ title: {
+ text: 'Growth',
+ },
+ labels: {
+ formatter: function (y) {
+ return y.toFixed(0) + "%";
+ }
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ categories: [
+ '2011-01-01', '2011-02-01', '2011-03-01', '2011-04-01', '2011-05-01', '2011-06-01',
+ '2011-07-01', '2011-08-01', '2011-09-01', '2011-10-01', '2011-11-01', '2011-12-01',
+ '2012-01-01', '2012-02-01', '2012-03-01', '2012-04-01', '2012-05-01', '2012-06-01',
+ '2012-07-01', '2012-08-01', '2012-09-01', '2012-10-01', '2012-11-01', '2012-12-01',
+ '2013-01-01', '2013-02-01', '2013-03-01', '2013-04-01', '2013-05-01', '2013-06-01',
+ '2013-07-01', '2013-08-01', '2013-09-01'
+ ],
+ labels: {
+ rotate: -90
+ }
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-rotated-labels.html b/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-rotated-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..f486e089f72c017a24c950710f3b9c035218668b
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/column-with-rotated-labels.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Column with Rotates Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Servings',
+ data: [44, 55, 41, 67, 22, 43, 21, 33, 45, 31, 87, 65, 35]
+ }],
+ chartOptions: {
+ annotations: {
+ points: [{
+ x: 'Bananas',
+ seriesIndex: 0,
+ label: {
+ borderColor: '#775DD0',
+ offsetY: 0,
+ style: {
+ color: '#fff',
+ background: '#775DD0',
+ },
+ text: 'Bananas are good',
+ }
+ }]
+ },
+ chart: {
+ height: 350,
+ type: 'bar',
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%',
+ endingShape: 'rounded'
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: 2
+ },
+
+ grid: {
+ row: {
+ colors: ['#fff', '#f2f2f2']
+ }
+ },
+ xaxis: {
+ labels: {
+ rotate: -45
+ },
+ categories: ['Apples', 'Oranges', 'Strawberries', 'Pineapples', 'Mangoes', 'Bananas',
+ 'Blackberries', 'Pears', 'Watermelons', 'Cherries', 'Pomegranates', 'Tangerines', 'Papayas'
+ ],
+ },
+ yaxis: {
+ title: {
+ text: 'Servings',
+ },
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'light',
+ type: "horizontal",
+ shadeIntensity: 0.25,
+ gradientToColors: undefined,
+ inverseColors: true,
+ opacityFrom: 0.85,
+ opacityTo: 0.85,
+ stops: [50, 0, 100]
+ },
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/data.js b/public/ThirdParty/apexcharts-bundle/samples/vue/column/data.js
new file mode 100644
index 0000000000000000000000000000000000000000..e0cb56570be94dfedacafac69c8d62e79a30b40c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/data.js
@@ -0,0 +1,143 @@
+/**
+ * Randomize array element order in-place.
+ * Using Durstenfeld shuffle algorithm.
+ */
+function shuffleArray(array) {
+ for (var i = array.length - 1; i > 0; i--) {
+ var j = Math.floor(Math.random() * (i + 1));
+ var temp = array[i];
+ array[i] = array[j];
+ array[j] = temp;
+ }
+ return array;
+}
+
+var arrayData = [{
+ y: 400,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 90
+ }, {
+ x: 'Q3',
+ y: 100
+ }, {
+ x: 'Q4',
+ y: 90
+ }]
+}, {
+ y: 430,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 110
+ }, {
+ x: 'Q3',
+ y: 90
+ }, {
+ x: 'Q4',
+ y: 110
+ }]
+}, {
+ y: 448,
+ quarters: [{
+ x: 'Q1',
+ y: 70
+ }, {
+ x: 'Q2',
+ y: 100
+ }, {
+ x: 'Q3',
+ y: 140
+ }, {
+ x: 'Q4',
+ y: 138
+ }]
+}, {
+ y: 470,
+ quarters: [{
+ x: 'Q1',
+ y: 150
+ }, {
+ x: 'Q2',
+ y: 60
+ }, {
+ x: 'Q3',
+ y: 190
+ }, {
+ x: 'Q4',
+ y: 70
+ }]
+}, {
+ y: 540,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 120
+ }, {
+ x: 'Q3',
+ y: 130
+ }, {
+ x: 'Q4',
+ y: 170
+ }]
+}, {
+ y: 580,
+ quarters: [{
+ x: 'Q1',
+ y: 170
+ }, {
+ x: 'Q2',
+ y: 130
+ }, {
+ x: 'Q3',
+ y: 120
+ }, {
+ x: 'Q4',
+ y: 160
+ }]
+}];
+
+function makeData() {
+ var dataSet = shuffleArray(arrayData)
+
+ var dataYearSeries = [{
+ x: "2011",
+ y: dataSet[0].y,
+ color: colors[0],
+ quarters: dataSet[0].quarters
+ }, {
+ x: "2012",
+ y: dataSet[1].y,
+ color: colors[1],
+ quarters: dataSet[1].quarters
+ }, {
+ x: "2013",
+ y: dataSet[2].y,
+ color: colors[2],
+ quarters: dataSet[2].quarters
+ }, {
+ x: "2014",
+ y: dataSet[3].y,
+ color: colors[3],
+ quarters: dataSet[3].quarters
+ }, {
+ x: "2015",
+ y: dataSet[4].y,
+ color: colors[4],
+ quarters: dataSet[4].quarters
+ }, {
+ x: "2016",
+ y: dataSet[5].y,
+ color: colors[5],
+ quarters: dataSet[5].quarters
+ }];
+
+ return dataYearSeries
+}
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/distributed-columns.html b/public/ThirdParty/apexcharts-bundle/samples/vue/column/distributed-columns.html
new file mode 100644
index 0000000000000000000000000000000000000000..95b97488f2f2492b6fbfd568b0980400d9add4b5
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/distributed-columns.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Distributed Bar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ #chart .apexcharts-xaxis-label {
+ font-weight: bold;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ var colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#546E7A', '#26a69a', '#D10CE8'];
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: [21, 22, 10, 28, 16, 21, 13, 30]
+ }],
+ chartOptions: {
+ chart: {
+ height: 350,
+ type: 'bar',
+ events: {
+ click: function (chart, w, e) {
+ console.log(chart, w, e)
+ }
+ },
+ },
+ colors: colors,
+ plotOptions: {
+ bar: {
+ columnWidth: '45%',
+ distributed: true
+ }
+ },
+ dataLabels: {
+ enabled: false,
+ },
+
+ xaxis: {
+ categories: ['John', 'Joe', 'Jake', 'Amber', 'Peter', 'Mary', 'David', 'Lily'],
+ labels: {
+ style: {
+ colors: colors,
+ fontSize: '14px'
+ }
+ }
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/dynamic-loaded-chart.html b/public/ThirdParty/apexcharts-bundle/samples/vue/column/dynamic-loaded-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..4b1052a4ba02785cfdebb90686b20db86fdb3228
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/dynamic-loaded-chart.html
@@ -0,0 +1,491 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Dynamic Loaded Column Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ body {
+ background: #fff;
+ }
+
+ .wrap {
+ margin: 45px auto;
+ max-width: 800px;
+ position: relative;
+ }
+
+ .chart-box {
+ padding-left: 0;
+ }
+
+ #chart-year,
+ #chart-quarter {
+ width: 96%;
+ max-width: 48%;
+ box-shadow: none;
+ }
+
+ #chart-year {
+ float: left;
+ position: relative;
+ transition: 1s ease transform;
+ z-index: 3;
+ }
+
+ #chart-year.chart-quarter-activated {
+ transform: translateX(0);
+ transition: 1s ease transform;
+ }
+
+ #chart-quarter {
+ float: left;
+ position: relative;
+ z-index: -2;
+ transition: 1s ease transform;
+ }
+
+ #chart-quarter.active {
+ transition: 1.1s ease-in-out transform;
+ transform: translateX(0);
+ z-index: 1;
+ }
+
+ @media screen and (min-width: 480px) {
+ #chart-year {
+ transform: translateX(50%);
+ }
+ #chart-quarter {
+ transform: translateX(-50%);
+ }
+ }
+
+ select#model {
+ display: none;
+ position: absolute;
+ top: -40px;
+ left: 0;
+ z-index: 2;
+ cursor: pointer;
+ transform: scale(0.8);
+ }
+
+ </style>
+</head>
+
+
+<body>
+ <div class="wrap">
+ <select id="model" @change="changeData" class="flat-select">
+ <option value="iphone5">iPhone 5</option>
+ <option value="iphone6">iPhone 6</option>
+ <option value="iphone7">iPhone 7</option>
+ </select>
+ <div id="chart-year" class="chart-box">
+ <apexchart ref="chartYear" type=bar height=350 :options="chartOptionsYear" :series="seriesYear" />
+ </div>
+ <div id="chart-quarter" class="chart-box">
+ <apexchart ref="chartQuarter" type=bar height=350 :options="chartOptionsQuarter" :series="seriesQuarter" />
+ </div>
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div class="wrap">
+ <select id="model" @change="changeData" class="flat-select">
+ <option value="iphone5">iPhone 5</option>
+ <option value="iphone6">iPhone 6</option>
+ <option value="iphone7">iPhone 7</option>
+ </select>
+ <div id="chart-year" class="chart-box">
+ <apexchart ref="chartYear" type=bar height=350 :options="chartOptionsYear" :series="seriesYear" />
+ </div>
+ <div id="chart-quarter" class="chart-box">
+ <apexchart ref="chartQuarter" type=bar height=350 :options="chartOptionsQuarter" :series="seriesQuarter" />
+ </div>
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ Apex = {
+ chart: {
+ toolbar: {
+ show: false
+ }
+ },
+ tooltip: {
+ shared: false
+ },
+ }
+
+ var colors = ['#008FFB', '#00E396', '#FEB019', '#FF4560', '#775DD0', '#00D9E9', '#FF66C3'];
+
+ /**
+ * Randomize array element order in-place.
+ * Using Durstenfeld shuffle algorithm.
+ */
+ function shuffleArray(array) {
+ for (var i = array.length - 1; i > 0; i--) {
+ var j = Math.floor(Math.random() * (i + 1));
+ var temp = array[i];
+ array[i] = array[j];
+ array[j] = temp;
+ }
+ return array;
+ }
+
+ var arrayData = [{
+ y: 400,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 90
+ }, {
+ x: 'Q3',
+ y: 100
+ }, {
+ x: 'Q4',
+ y: 90
+ }]
+ }, {
+ y: 430,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 110
+ }, {
+ x: 'Q3',
+ y: 90
+ }, {
+ x: 'Q4',
+ y: 110
+ }]
+ }, {
+ y: 448,
+ quarters: [{
+ x: 'Q1',
+ y: 70
+ }, {
+ x: 'Q2',
+ y: 100
+ }, {
+ x: 'Q3',
+ y: 140
+ }, {
+ x: 'Q4',
+ y: 138
+ }]
+ }, {
+ y: 470,
+ quarters: [{
+ x: 'Q1',
+ y: 150
+ }, {
+ x: 'Q2',
+ y: 60
+ }, {
+ x: 'Q3',
+ y: 190
+ }, {
+ x: 'Q4',
+ y: 70
+ }]
+ }, {
+ y: 540,
+ quarters: [{
+ x: 'Q1',
+ y: 120
+ }, {
+ x: 'Q2',
+ y: 120
+ }, {
+ x: 'Q3',
+ y: 130
+ }, {
+ x: 'Q4',
+ y: 170
+ }]
+ }, {
+ y: 580,
+ quarters: [{
+ x: 'Q1',
+ y: 170
+ }, {
+ x: 'Q2',
+ y: 130
+ }, {
+ x: 'Q3',
+ y: 120
+ }, {
+ x: 'Q4',
+ y: 160
+ }]
+ }];
+
+ function makeData() {
+ var dataSet = shuffleArray(arrayData)
+
+ var dataYearSeries = [{
+ x: "2011",
+ y: dataSet[0].y,
+ color: colors[0],
+ quarters: dataSet[0].quarters
+ }, {
+ x: "2012",
+ y: dataSet[1].y,
+ color: colors[1],
+ quarters: dataSet[1].quarters
+ }, {
+ x: "2013",
+ y: dataSet[2].y,
+ color: colors[2],
+ quarters: dataSet[2].quarters
+ }, {
+ x: "2014",
+ y: dataSet[3].y,
+ color: colors[3],
+ quarters: dataSet[3].quarters
+ }, {
+ x: "2015",
+ y: dataSet[4].y,
+ color: colors[4],
+ quarters: dataSet[4].quarters
+ }, {
+ x: "2016",
+ y: dataSet[5].y,
+ color: colors[5],
+ quarters: dataSet[5].quarters
+ }];
+
+ return dataYearSeries
+ }
+
+ function updateQuarterChart(sourceChart, destChartIDToUpdate) {
+ var series = [];
+ var seriesIndex = 0;
+ var colors = []
+
+ if (sourceChart.w.globals.selectedDataPoints[0]) {
+ var selectedPoints = sourceChart.w.globals.selectedDataPoints;
+ for (var i = 0; i < selectedPoints[seriesIndex].length; i++) {
+ var selectedIndex = selectedPoints[seriesIndex][i];
+ var yearSeries = sourceChart.w.config.series[seriesIndex];
+ series.push({
+ name: yearSeries.data[selectedIndex].x,
+ data: yearSeries.data[selectedIndex].quarters
+ })
+ colors.push(yearSeries.data[selectedIndex].color)
+ }
+
+ if (series.length === 0) series = [{
+ data: []
+ }]
+
+ return ApexCharts.exec(destChartIDToUpdate, 'updateOptions', {
+ series: series,
+ colors: colors,
+ fill: {
+ colors: colors
+ }
+ })
+
+ }
+
+ }
+
+ new Vue({
+ el: '.wrap',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ seriesQuarter: [{
+ data: []
+ }],
+ seriesYear: [{
+ data: makeData()
+ }],
+ chartOptionsQuarter: {
+ chart: {
+ id: 'barQuarter',
+ height: 400,
+ width: '100%',
+ type: 'bar',
+ stacked: true
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%',
+ horizontal: false
+ }
+ },
+
+ legend: {
+ show: false
+ },
+ grid: {
+ yaxis: {
+ lines: {
+ show: false,
+ }
+ },
+ xaxis: {
+ lines: {
+ show: true,
+ }
+ }
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ },
+ title: {
+ text: 'Quarterly Results',
+ offsetX: 10
+ },
+ tooltip: {
+ x: {
+ formatter: function (val, opts) {
+ return opts.w.globals.seriesNames[opts.seriesIndex]
+ }
+ },
+ y: {
+ title: {
+ formatter: function (val, opts) {
+ return opts.w.globals.labels[opts.dataPointIndex]
+ }
+ }
+ }
+ }
+ },
+ chartOptionsYear: {
+ chart: {
+ id: 'barYear',
+ height: 400,
+ width: '100%',
+ type: 'bar',
+ events: {
+ dataPointSelection: function (e, chart, opts) {
+ var quarterChartEl = document.querySelector("#chart-quarter");
+ var yearChartEl = document.querySelector("#chart-year");
+
+ if (opts.selectedDataPoints[0].length === 1) {
+ if (quarterChartEl.classList.contains("active")) {
+ updateQuarterChart(chart, 'barQuarter')
+ } else {
+ yearChartEl.classList.add("chart-quarter-activated")
+ quarterChartEl.classList.add("active");
+ updateQuarterChart(chart, 'barQuarter')
+ }
+ } else {
+ updateQuarterChart(chart, 'barQuarter')
+ }
+
+ if (opts.selectedDataPoints[0].length === 0) {
+ yearChartEl.classList.remove("chart-quarter-activated")
+ quarterChartEl.classList.remove("active");
+ }
+
+ },
+ updated: function (chart) {
+ updateQuarterChart(chart, 'barQuarter')
+ }
+ }
+ },
+ plotOptions: {
+ bar: {
+ distributed: true,
+ horizontal: true,
+ endingShape: 'arrow',
+ barHeight: '75%',
+ dataLabels: {
+ position: 'bottom'
+ }
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ textAnchor: 'start',
+ style: {
+ colors: ['#fff']
+ },
+ formatter: function (val, opt) {
+ return opt.w.globals.labels[opt.dataPointIndex]
+ },
+ offsetX: 0,
+ dropShadow: {
+ enabled: true
+ }
+ },
+
+ colors: colors,
+
+ states: {
+ normal: {
+ filter: {
+ type: 'desaturate'
+ }
+ },
+ active: {
+ allowMultipleDataPointsSelection: true,
+ filter: {
+ type: 'darken',
+ value: 1
+ }
+ }
+ },
+ tooltip: {
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (val, opts) {
+ return opts.w.globals.labels[opts.dataPointIndex]
+ }
+ }
+ }
+ },
+ title: {
+ text: 'Yearly Results',
+ offsetX: 15
+ },
+ subtitle: {
+ text: '(Click on bar to see details)',
+ offsetX: 15
+ },
+ yaxis: {
+ labels: {
+ show: false
+ }
+ }
+ }
+ },
+ methods: {
+ changeData: function() {
+ this.$refs.chartYear.updateSeries([{
+ data: makeData()
+ }])
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/stacked-column-100.html b/public/ThirdParty/apexcharts-bundle/samples/vue/column/stacked-column-100.html
new file mode 100644
index 0000000000000000000000000000000000000000..e3bcb744161a6a78ba840b68325e1be3da5b3070
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/stacked-column-100.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Column</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'PRODUCT A',
+ data: [44, 55, 41, 67, 22, 43, 21, 49]
+ }, {
+ name: 'PRODUCT B',
+ data: [13, 23, 20, 8, 13, 27, 33, 12]
+ }, {
+ name: 'PRODUCT C',
+ data: [11, 17, 15, 15, 21, 14, 15, 13]
+ }],
+ chartOptions: {
+ chart: {
+ stacked: true,
+ stackType: '100%'
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ position: 'bottom',
+ offsetX: -10,
+ offsetY: 0
+ }
+ }
+ }],
+ xaxis: {
+ categories: ['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2',
+ '2012 Q3', '2012 Q4'
+ ],
+ },
+ fill: {
+ opacity: 1
+ },
+
+ legend: {
+ position: 'right',
+ offsetX: 0,
+ offsetY: 50
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/column/stacked-column.html b/public/ThirdParty/apexcharts-bundle/samples/vue/column/stacked-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..26872103841d6cd204047fea3666c0d3968b5fd1
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/column/stacked-column.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stacked Column</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=bar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'PRODUCT A',
+ data: [44, 55, 41, 67, 22, 43]
+ }, {
+ name: 'PRODUCT B',
+ data: [13, 23, 20, 8, 13, 27]
+ }, {
+ name: 'PRODUCT C',
+ data: [11, 17, 15, 15, 21, 14]
+ }, {
+ name: 'PRODUCT D',
+ data: [21, 7, 25, 13, 22, 8]
+ }],
+ chartOptions: {
+ chart: {
+ stacked: true,
+ toolbar: {
+ show: true
+ },
+ zoom: {
+ enabled: true
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ position: 'bottom',
+ offsetX: -10,
+ offsetY: 0
+ }
+ }
+ }],
+ plotOptions: {
+ bar: {
+ horizontal: false,
+ },
+ },
+
+ xaxis: {
+ type: 'datetime',
+ categories: ['01/01/2011 GMT', '01/02/2011 GMT', '01/03/2011 GMT', '01/04/2011 GMT',
+ '01/05/2011 GMT', '01/06/2011 GMT'
+ ],
+ },
+ legend: {
+ position: 'right',
+ offsetY: 40
+ },
+ fill: {
+ opacity: 1
+ }
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/basic.html b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..4a1e77a929605fd6758dcc6f48a14eb0bbc59fab
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/basic.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=heatmap height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=heatmap height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = 'w' + (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Metric1',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric2',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric3',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric4',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric5',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric6',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric7',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric9',
+ data: generateData(18, {
+ min: 0,
+ max: 90
+ })
+ }
+ ],
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+ colors: ["#008FFB"],
+
+ title: {
+ text: 'HeatMap Chart (Single color)'
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/color-range.html b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/color-range.html
new file mode 100644
index 0000000000000000000000000000000000000000..8e198a3c4af73e7dcee9ec89d09a38476e6ceb64
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/color-range.html
@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Range HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=heatmap height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=heatmap height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+
+
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Jan',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Feb',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Mar',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Apr',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'May',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Jun',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Jul',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Aug',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ },
+ {
+ name: 'Sep',
+ data: generateData(20, {
+ min: -30,
+ max: 55
+ })
+ }
+ ],
+ chartOptions: {
+ plotOptions: {
+ heatmap: {
+ shadeIntensity: 0.5,
+
+ colorScale: {
+ ranges: [{
+ from: -30,
+ to: 5,
+ name: 'low',
+ color: '#00A100'
+ },
+ {
+ from: 6,
+ to: 20,
+ name: 'medium',
+ color: '#128FD9'
+ },
+ {
+ from: 21,
+ to: 45,
+ name: 'high',
+ color: '#FFB200'
+ },
+ {
+ from: 46,
+ to: 55,
+ name: 'extreme',
+ color: '#FF0000'
+ }
+ ]
+ }
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+
+ title: {
+ text: 'HeatMap Chart with Color Range'
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/multiple-color-scales-flipped.html b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/multiple-color-scales-flipped.html
new file mode 100644
index 0000000000000000000000000000000000000000..75fb518b2ad91d8052df682e9588db90e18fdda4
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/multiple-color-scales-flipped.html
@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=heatmap height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=heatmap height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+
+
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push(y);
+ i++;
+ }
+ return series;
+ }
+
+ var data = [{
+ name: '10:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '10:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '11:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '11:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '12:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '12:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '13:00',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: '13:30',
+ data: generateData(15, {
+ min: 0,
+ max: 90
+ })
+ }
+ ]
+
+ data.reverse()
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: data,
+
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+ plotOptions: {
+ heatmap: {
+ colorScale: {
+ inverse: true
+ }
+ }
+ },
+ colors: ["#F3B415", "#F27036", "#663F59", "#6A6E94", "#4E88B4", "#00A7C6", "#18D8D8",
+ '#A9D794',
+ '#46AF78', '#A93F55', '#8C5E58', '#2176FF', '#33A1FD', '#7A918D', '#BAFF29'
+ ],
+ xaxis: {
+ type: 'category',
+ categories: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10', 'W11', 'W12',
+ 'W13',
+ 'W14', 'W15'
+ ]
+ },
+
+ title: {
+ text: 'Color Scales flipped Vertically'
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/multiple-color.html b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/multiple-color.html
new file mode 100644
index 0000000000000000000000000000000000000000..b842efb82475fad33056d6929230d0a0c7fb0eb4
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/multiple-color.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 500px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=heatmap height=450 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=heatmap height=450 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ var data = [{
+ name: 'W1',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W2',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W3',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W4',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W5',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W6',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W7',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W8',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W9',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W10',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W11',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W12',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W13',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W14',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'W15',
+ data: generateData(8, {
+ min: 0,
+ max: 90
+ })
+ }
+ ]
+
+ data.reverse()
+
+ var colors = ["#F3B415", "#F27036", "#663F59", "#6A6E94", "#4E88B4", "#00A7C6", "#18D8D8", '#A9D794', '#46AF78',
+ '#A93F55', '#8C5E58', '#2176FF', '#33A1FD', '#7A918D', '#BAFF29'
+ ]
+
+ colors.reverse()
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: data,
+
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+ colors: colors,
+ xaxis: {
+ type: 'category',
+ categories: ['10:00', '10:30', '11:00', '11:30', '12:00', '12:30', '01:00', '01:30']
+ },
+ title: {
+ text: 'HeatMap Chart (Different color shades for each series)'
+ },
+ grid: {
+ padding: {
+ right: 20
+ }
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/rounded.html b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/rounded.html
new file mode 100644
index 0000000000000000000000000000000000000000..9597609889f236f2024900d185433ea3f2f46c9c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/heatmap/rounded.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple HeatMap</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=heatmap height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=heatmap height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ function generateData(count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = (i + 1).toString();
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push({
+ x: x,
+ y: y
+ });
+ i++;
+ }
+ return series;
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Metric1',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric2',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric3',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric4',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric5',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric6',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric7',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ },
+ {
+ name: 'Metric8',
+ data: generateData(20, {
+ min: 0,
+ max: 90
+ })
+ }
+ ],
+ chartOptions: {
+ chart: {
+ height: 350,
+ type: 'heatmap',
+ },
+ stroke: {
+ width: 0
+ },
+ plotOptions: {
+ heatmap: {
+ radius: 30,
+ enableShades: false,
+ colorScale: {
+ ranges: [{
+ from: 0,
+ to: 50,
+ color: '#008FFB'
+ },
+ {
+ from: 51,
+ to: 100,
+ color: '#00E396'
+ },
+ ],
+ },
+
+ }
+ },
+ dataLabels: {
+ enabled: true,
+ style: {
+ colors: ['#fff']
+ }
+ },
+
+
+ xaxis: {
+ type: 'category',
+ },
+ title: {
+ text: 'Rounded (Range without Shades)'
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/basic-line.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/basic-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..6e4109d007454d608586d308d012c3dc78370dff
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/basic-line.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Line - Vue</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: "Desktops",
+ data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
+ }],
+ chartOptions: {
+ chart: {
+ height: 350,
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ title: {
+ text: 'Product Trends by Month',
+ align: 'left'
+ },
+ grid: {
+ row: {
+ colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
+ opacity: 0.5
+ },
+ },
+ xaxis: {
+ categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/brush-charts.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/brush-charts.html
new file mode 100644
index 0000000000000000000000000000000000000000..78993ece21a1a65aa6d65b8ff8437274d75eaef8
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/brush-charts.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Brush Chart - Vue</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart1, #chart2 {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ #chart2 {
+ position: relative;
+ margin-top: -70px;
+ margin-bottom: 0px;
+ }
+
+ #app {
+ padding-top: 20px;
+ padding-left: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ </style>
+</head>
+
+<body>
+ <div id="app">
+ <div id="chart1">
+ <apexchart type=line height=230 :options="chartOptionsArea" :series="series" />
+ </div>
+ <div id="chart2">
+ <apexchart type=area height=130 :options="chartOptionsBrush" :series="series" />
+ </div>
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="app">
+ <div id="chart1">
+ <apexchart type=line height=230 :options="chartOptionsArea" :series="series" />
+ </div>
+ <div id="chart2">
+ <apexchart type=area height=130 :options="chartOptionsBrush" :series="series" />
+ </div>
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ Vue.component('apexchart', VueApexCharts)
+
+ new Vue({
+ el: '#app',
+ data: function () {
+ return {
+ series: [{
+ data: this.generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 185, {
+ min: 30,
+ max: 90
+ })
+ }],
+ chartOptionsArea: {
+ chart: {
+ id: 'chartArea',
+ toolbar: {
+ autoSelected: 'pan',
+ show: false
+ }
+ },
+ colors: ['#546E7A'],
+ stroke: {
+ width: 3
+ },
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ opacity: 1,
+ },
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type: 'datetime'
+ }
+ },
+ chartOptionsBrush: {
+ chart: {
+ id: 'chartBrush',
+ brush: {
+ target: 'chartArea',
+ enabled: true
+ },
+ selection: {
+ enabled: true,
+ xaxis: {
+ min: new Date('19 Jun 2017').getTime(),
+ max: new Date('14 Aug 2017').getTime()
+ }
+ },
+ },
+ colors: ['#008FFB'],
+ fill: {
+ type: 'gradient',
+ gradient: {
+ opacityFrom: 0.91,
+ opacityTo: 0.1,
+ }
+ },
+ xaxis: {
+ type: 'datetime',
+ tooltip: {
+ enabled: false
+ }
+ },
+ yaxis: {
+ tickAmount: 2
+ }
+ }
+ }
+ },
+
+ methods: {
+ generateDayWiseTimeSeries: function (baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+
+ console.log(series)
+ return series;
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/dashed-line.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/dashed-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..0b613f342c8017737be5ec6ffcd7b59bbf7eaf49
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/dashed-line.html
@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Line - Vue</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: "Session Duration",
+ data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10]
+ },
+ {
+ name: "Page Views",
+ data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35]
+ },
+ {
+ name: 'Total Visits',
+ data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47]
+ }
+ ],
+ chartOptions: {
+ chart: {
+ zoom: {
+ enabled: false
+ },
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ width: [5, 7, 5],
+ curve: 'straight',
+ dashArray: [0, 8, 5]
+ },
+
+ title: {
+ text: 'Page Statistics',
+ align: 'left'
+ },
+ markers: {
+ size: 0,
+
+ hover: {
+ sizeOffset: 6
+ }
+ },
+ xaxis: {
+ categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan', '09 Jan',
+ '10 Jan', '11 Jan', '12 Jan'
+ ],
+ },
+ tooltip: {
+ y: [{
+ title: {
+ formatter: function (val) {
+ return val + " (mins)"
+ }
+ }
+ }, {
+ title: {
+ formatter: function (val) {
+ return val + " per session"
+ }
+ }
+ }, {
+ title: {
+ formatter: function (val) {
+ return val;
+ }
+ }
+ }]
+ },
+ grid: {
+ borderColor: '#f1f1f1',
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/gradient-line.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/gradient-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..057196e9d1db85bcb2fd984b99f807105e9d0b8c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/gradient-line.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Line - Vue</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Likes',
+ data: [4, 3, 10, 9, 29, 19, 22, 9, 12, 7, 19, 5, 13, 9, 17, 2, 7, 5]
+ }],
+ chartOptions: {
+ chart: {
+ type: 'line',
+ shadow: {
+ enabled: false,
+ color: '#bbb',
+ top: 3,
+ left: 2,
+ blur: 3,
+ opacity: 1
+ },
+ },
+ stroke: {
+ width: 7,
+ curve: 'smooth'
+ },
+
+ xaxis: {
+ type: 'datetime',
+ categories: ['1/11/2000', '2/11/2000', '3/11/2000', '4/11/2000', '5/11/2000', '6/11/2000', '7/11/2000',
+ '8/11/2000', '9/11/2000', '10/11/2000', '11/11/2000', '12/11/2000', '1/11/2001', '2/11/2001',
+ '3/11/2001', '4/11/2001', '5/11/2001', '6/11/2001'
+ ],
+ },
+ title: {
+ text: 'Social Media',
+ align: 'left',
+ style: {
+ fontSize: "16px",
+ color: '#666'
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ gradientToColors: ['#FDD835'],
+ shadeIntensity: 1,
+ type: 'horizontal',
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 100, 100, 100]
+ },
+ },
+ markers: {
+ size: 4,
+ opacity: 0.9,
+ colors: ["#FFA41B"],
+ strokeColor: "#fff",
+ strokeWidth: 2,
+
+ hover: {
+ size: 7,
+ }
+ },
+ yaxis: {
+ min: -10,
+ max: 40,
+ title: {
+ text: 'Engagement',
+ },
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-annotations.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-annotations.html
new file mode 100644
index 0000000000000000000000000000000000000000..9676227c113146def87047949a5fbd444f52de25
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-annotations.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Line - Vue</title>
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="../../assets/stock-prices.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: series.monthDataSeries1.prices
+ }],
+ chartOptions: {
+ annotations: {
+ yaxis: [{
+ y: 8200,
+ borderColor: '#00E396',
+ label: {
+ borderColor: '#00E396',
+ style: {
+ color: '#fff',
+ background: '#00E396',
+ },
+ text: 'Support',
+ }
+ }, {
+ y: 8600,
+ y2: 9000,
+ borderColor: '#FEB019',
+ opacity: 0.1,
+ label: {
+ borderColor: '#333',
+ style: {
+ fontSize: '10px',
+ color: '#333',
+ background: '#FEB019',
+ },
+ text: 'Y-axis range',
+ }
+ }],
+ xaxis: [{
+ x: new Date('23 Nov 2017').getTime(),
+ strokeDashArray: 0,
+ borderColor: '#775DD0',
+ label: {
+ borderColor: '#775DD0',
+ style: {
+ color: '#fff',
+ background: '#775DD0',
+ },
+ text: 'Anno Test',
+ }
+ }, {
+ x: new Date('26 Nov 2017').getTime(),
+ x2: new Date('28 Nov 2017').getTime(),
+ borderColor: '#B3F7CA',
+ opacity: 0.5,
+ label: {
+ borderColor: '#B3F7CA',
+ style: {
+ fontSize: '10px',
+ color: '#fff',
+ background: '#00E396',
+ },
+ offsetY: -10,
+ text: 'X-axis range',
+ }
+ }],
+ points: [{
+ x: new Date('01 Dec 2017').getTime(),
+ y: 8607.55,
+ marker: {
+ size: 8,
+ fillColor: '#fff',
+ strokeColor: 'red',
+ radius: 2,
+ cssClass: 'apexcharts-custom-class'
+ },
+ label: {
+ borderColor: '#FF4560',
+ offsetY: 0,
+ style: {
+ color: '#fff',
+ background: '#FF4560',
+ },
+
+ text: 'Point Annotation',
+ }
+ }]
+ },
+ chart: {
+ height: 350,
+ type: 'line',
+ id: 'areachart-2'
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ grid: {
+ padding: {
+ right: 30,
+ left: 20
+ }
+ },
+
+ title: {
+ text: 'Line with Annotations',
+ align: 'left'
+ },
+ labels: series.monthDataSeries1.dates,
+ xaxis: {
+ type: 'datetime',
+ },
+ },
+
+
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-data-labels.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-data-labels.html
new file mode 100644
index 0000000000000000000000000000000000000000..3df41a41c47845075eade9d75135d3a72dae1654
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-data-labels.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line with Data Labels</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [
+ {
+ name: "High - 2013",
+ data: [28, 29, 33, 36, 32, 32, 33]
+ },
+ {
+ name: "Low - 2013",
+ data: [12, 11, 14, 18, 17, 13, 13]
+ }
+ ],
+ chartOptions: {
+ chart: {
+ shadow: {
+ enabled: true,
+ color: '#000',
+ top: 18,
+ left: 7,
+ blur: 10,
+ opacity: 1
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ colors: ['#77B6EA', '#545454'],
+ dataLabels: {
+ enabled: true,
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+ title: {
+ text: 'Average High & Low Temperature',
+ align: 'left'
+ },
+ grid: {
+ borderColor: '#e7e7e7',
+ row: {
+ colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
+ opacity: 0.5
+ },
+ },
+ markers: {
+
+ size: 6
+ },
+ xaxis: {
+ categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
+ title: {
+ text: 'Month'
+ }
+ },
+ yaxis: {
+ title: {
+ text: 'Temperature'
+ },
+ min: 5,
+ max: 40
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ floating: true,
+ offsetY: -25,
+ offsetX: -5
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..9c58771d241aef5553ee6f25985a12893d5fbdbd
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-image.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line with Image Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [
+
+ {
+ name: 'Dataset 2',
+ data: [10, 5, 20, 13, 15, 12, 13, 24, 24, 34, 7, 15, 10, 9, 26]
+ }
+ ],
+ chartOptions: {
+
+ stroke: {
+ width: 5,
+ curve: 'smooth'
+ },
+ colors: ['#2e93fa'],
+
+ xaxis: {
+ categories: ['1990', '1992', '1993', '1994', '1995', '1996', '1997', '1998', '1999',
+ '2000', '2001', '2002', '2003', '2004', '2005'
+ ],
+ labels: {
+ formatter: function (val) {
+ return val
+ }
+ }
+ },
+ title: {
+ text: 'Line Chart - Image fill',
+ align: 'left',
+ style: {
+ fontSize: "16px",
+ }
+ },
+ fill: {
+ type: 'image',
+ image: {
+ src: [
+ '../../assets/images/abstract.jpg'
+ ],
+ width: 800,
+ height: 800
+ },
+ },
+ markers: {
+ size: 0,
+ opacity: 0,
+ colors: ['#fff'],
+ strokeColor: "#2e93fa",
+ strokeWidth: 2,
+
+ hover: {
+ size: 8,
+ }
+ },
+ yaxis: {
+ title: {
+ text: '$ (million)',
+ },
+ },
+ legend: {
+ position: 'top',
+ horizontalAlign: 'right',
+ floating: true,
+ offsetY: -25,
+ offsetX: -5
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-missing-data.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-missing-data.html
new file mode 100644
index 0000000000000000000000000000000000000000..9493a72345b3cce8127d01581d1dbdfa9bcbc866
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/line-with-missing-data.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line Chart with missing data</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Peter',
+ data: [5, 5, 10, 8, 7, 5, 4, null, null, null, 10, 10, 7, 8, 6, 9]
+ }, {
+ name: 'Johnny',
+ data: [10, 15, null, 12, null, 10, 12, 15, null, null, 12, null, 14, null, null, null]
+ }, {
+ name: 'David',
+ data: [null, null, null, null, 3, 4, 1, 3, 4, 6, 7, 9, 5, null, null, null]
+ }],
+ chartOptions: {
+ chart: {
+ zoom: {
+ enabled: false
+ },
+ animations: {
+ enabled: false
+ }
+ },
+ stroke: {
+ width: [5, 5, 4],
+ curve: 'straight'
+ },
+ title: {
+ text: 'Missing data (null values)'
+ }
+ }
+ },
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/logarithmic-line.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/logarithmic-line.html
new file mode 100644
index 0000000000000000000000000000000000000000..59a143cf11220dd19f0776aa5aecf9e9560ce587
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/logarithmic-line.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Chart with Logarithmic Scale</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ var data = [{
+ x: 1994,
+ y: 2543763
+ },
+ {
+ x: 1995,
+ y: 4486659
+ },
+ {
+ x: 1996,
+ y: 7758386
+ },
+ {
+ x: 1997,
+ y: 12099221
+ },
+ {
+ x: 1998,
+ y: 18850762
+ },
+ {
+ x: 1999,
+ y: 28153765
+ },
+ {
+ x: 2000,
+ y: 41479495
+ },
+ {
+ x: 2001,
+ y: 50229224
+ },
+ {
+ x: 2002,
+ y: 66506501
+ },
+ {
+ x: 2003,
+ y: 78143598
+ },
+ {
+ x: 2004,
+ y: 91332777
+ },
+ {
+ x: 2005,
+ y: 103010128
+ },
+ {
+ x: 2006,
+ y: 116291681
+ },
+ {
+ x: 2007,
+ y: 137322698
+ },
+ {
+ x: 2008,
+ y: 157506752
+ },
+ {
+ x: 2009,
+ y: 176640381
+ },
+ {
+ x: 2010,
+ y: 202320297
+ },
+ {
+ x: 2011,
+ y: 223195735
+ },
+ {
+ x: 2012,
+ y: 249473624
+ },
+ {
+ x: 2013,
+ y: 272842810
+ },
+ {
+ x: 2014,
+ y: 295638556
+ },
+ {
+ x: 2015,
+ y: 318599615
+ },
+ {
+ x: 2016,
+ y: 342497123
+ }
+ ]
+
+ var labelFormatter = function (value) {
+ var val = Math.abs(value)
+ if (val >= 1000000) {
+ val = (val / 1000000).toFixed(1) + ' M';
+ }
+ return val;
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: "Logarithmic",
+ data: data
+ }, {
+ name: "Linear",
+ data: data
+ }],
+ chartOptions: {
+ chart: {
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+
+
+ title: {
+ text: 'Logarithmic Scale',
+ align: 'left'
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: [{
+ min: 1000000,
+ max: 500000000,
+ tickAmount: 4,
+ logarithmic: true,
+ seriesName: 'Logarithmic',
+ labels: {
+ formatter: labelFormatter,
+ }
+ },
+ {
+ min: 1000000,
+ max: 500000000,
+ opposite: true,
+ tickAmount: 4,
+ seriesName: 'Linear',
+ labels: {
+ formatter: labelFormatter
+ }
+ }
+ ]
+ }
+ },
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/realtime.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/realtime.html
new file mode 100644
index 0000000000000000000000000000000000000000..e103e0305a409d1a97f5f5cb150ad4c2d56249a6
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/realtime.html
@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Dynamic Updating Line Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart ref="realtimeChart" type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart ref="realtimeChart" type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ var lastDate = 0;
+ var data = []
+
+ function getDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ data.push({
+ x,
+ y
+ });
+ lastDate = baseval
+ baseval += 86400000;
+ i++;
+ }
+ }
+
+ getDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
+ min: 10,
+ max: 90
+ })
+
+ function getNewSeries(baseval, yrange) {
+ var newDate = baseval + 86400000;
+ lastDate = newDate
+ data.push({
+ x: newDate,
+ y: Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min
+ })
+ }
+
+ function resetData() {
+ data = data.slice(data.length - 10, data.length);
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: data.slice()
+ }],
+ chartOptions: {
+ chart: {
+ animations: {
+ enabled: true,
+ easing: 'linear',
+ dynamicAnimation: {
+ speed: 2000
+ }
+ },
+ toolbar: {
+ show: false
+ },
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'smooth'
+ },
+
+ title: {
+ text: 'Dynamic Updating Chart',
+ align: 'left'
+ },
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type: 'datetime',
+ range: 777600000,
+ },
+ yaxis: {
+ max: 100
+ },
+ legend: {
+ show: false
+ }
+ }
+ },
+ mounted: function () {
+ this.intervals()
+ },
+ methods: {
+ intervals: function () {
+ var me = this
+ window.setInterval(function () {
+ getNewSeries(lastDate, {
+ min: 10,
+ max: 90
+ })
+
+ me.$refs.realtimeChart.updateSeries([{
+ data: data
+ }])
+ }, 2000)
+
+ // every 60 seconds, we reset the data
+ window.setInterval(function () {
+ resetData()
+ me.$refs.realtimeChart.updateSeries([{
+ data
+ }], false, true)
+ }, 60000)
+ }
+ }
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/stepline.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/stepline.html
new file mode 100644
index 0000000000000000000000000000000000000000..3e24c9e9c03d90a92a6d1f5d47431d3a8cb13ade
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/stepline.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>StepLine - Vue</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: [34, 44, 54, 21, 12, 43, 33, 23, 66, 66, 58]
+ }],
+ chartOptions: {
+ chart: {
+ height: 350,
+ zoom: {
+ enabled: false
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'stepline'
+ },
+ title: {
+ text: 'Stepline Chart',
+ align: 'left'
+ },
+ markers: {
+ hover: {
+ sizeOffset: 4
+ }
+ },
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/syncing-charts.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/syncing-charts.html
new file mode 100644
index 0000000000000000000000000000000000000000..0fce7582b5654a0a5e3a2ec8580658da356aee52
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/syncing-charts.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Syncing charts</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #wrapper {
+ padding-top: 20px;
+ padding-left: 10px;
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="wrapper">
+ <div id="chart-line">
+ <apexchart type=line height=160 :options="chartOptionsLine1" :series="series1" />
+ </div>
+
+ <div id="chart-line2">
+ <apexchart type=line height=160 :options="chartOptionsLine2" :series="series2" />
+ </div>
+
+ <div id="chart-area">
+ <apexchart type=area height=160 :options="chartOptionsArea" :series="series3" />
+ </div>
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="wrapper">
+ <div id="chart-line">
+ <apexchart type=line height=160 :options="chartOptionsLine1" :series="series1" />
+ </div>
+
+ <div id="chart-line2">
+ <apexchart type=line height=160 :options="chartOptionsLine2" :series="series2" />
+ </div>
+
+ <div id="chart-area">
+ <apexchart type=area height=160 :options="chartOptionsArea" :series="series3" />
+ </div>
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ function generateDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var x = baseval;
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([x, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ // The global window.Apex variable below can be used to set common options for all charts on the page
+ Apex = {
+ dataLabels: {
+ enabled: false
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ toolbar: {
+ tools: {
+ selection: false
+ }
+ },
+ markers: {
+ size: 6,
+ hover: {
+ size: 10
+ }
+ },
+ tooltip: {
+ followCursor: false,
+ theme: 'dark',
+ x: {
+ show: false
+ },
+ marker: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function () {
+ return ''
+ }
+ }
+ }
+ },
+ grid: {
+ clipMarkers: false
+ },
+ yaxis: {
+ tickAmount: 2
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ }
+
+ new Vue({
+ el: '#wrapper',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series1: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ }],
+ series2: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 30
+ })
+ }],
+ series3: [{
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017').getTime(), 20, {
+ min: 10,
+ max: 90
+ })
+ }],
+ chartOptionsLine1: {
+ chart: {
+ id: 'fb',
+ group: 'social',
+ },
+ colors: ['#008FFB'],
+ },
+ chartOptionsLine2: {
+ chart: {
+ id: 'tw',
+ group: 'social',
+ },
+ colors: ['#546E7A'],
+
+ },
+ chartOptionsArea: {
+ chart: {
+ id: 'yt',
+ group: 'social',
+ },
+ colors: ['#00E396'],
+
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/line/zoomable-timeseries.html b/public/ThirdParty/apexcharts-bundle/samples/vue/line/zoomable-timeseries.html
new file mode 100644
index 0000000000000000000000000000000000000000..eca5375d9039d7cdc23e1fb5b5742d111832bdcf
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/line/zoomable-timeseries.html
@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Zoomable TimeSeries</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+
+<body>
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=area height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="../../assets/irregular-data-series.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+
+ var ts2 = 1484418600000;
+ var dates = [];
+ var spikes = [5, -5, 3, -3, 8, -8]
+ for (var i = 0; i < 120; i++) {
+ ts2 = ts2 + 86400000;
+ var innerArr = [ts2, dataSeries[1][i].value];
+ dates.push(innerArr)
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'XYZ MOTORS',
+ data: dates
+ }],
+ chartOptions: {
+ chart: {
+ stacked: false,
+ zoom: {
+ type: 'x',
+ enabled: true
+ },
+ toolbar: {
+ autoSelected: 'zoom'
+ }
+ },
+ plotOptions: {
+ line: {
+ curve: 'smooth',
+ }
+ },
+ dataLabels: {
+ enabled: false
+ },
+
+ markers: {
+ size: 0,
+ style: 'full',
+ },
+ //colors: ['#0165fc'],
+ title: {
+ text: 'Stock Price Movement',
+ align: 'left'
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shadeIntensity: 1,
+ inverseColors: false,
+ opacityFrom: 0.5,
+ opacityTo: 0,
+ stops: [0, 90, 100]
+ },
+ },
+ yaxis: {
+ min: 20000000,
+ max: 250000000,
+ labels: {
+ formatter: function (val) {
+ return (val / 1000000).toFixed(0);
+ },
+ },
+ title: {
+ text: 'Price'
+ },
+ },
+ xaxis: {
+ type: 'datetime',
+ },
+
+ tooltip: {
+ shared: false,
+ y: {
+ formatter: function (val) {
+ return (val / 1000000).toFixed(0)
+ }
+ }
+ }
+ }
+ },
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-area.html b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..ad707b8408d801897607d0a8a3e99d251bd34204
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-area.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'TEAM A',
+ type: 'area',
+ data: [44, 55, 31, 47, 31, 43, 26, 41, 31, 47, 33]
+ }, {
+ name: 'TEAM B',
+ type: 'line',
+ data: [55, 69, 45, 61, 43, 54, 37, 52, 44, 61, 43]
+ }],
+ chartOptions: {
+ stroke: {
+ curve: 'smooth'
+ },
+ fill: {
+ type: 'solid',
+ opacity: [0.35, 1],
+ },
+ labels: ['Dec 01', 'Dec 02', 'Dec 03', 'Dec 04', 'Dec 05', 'Dec 06', 'Dec 07', 'Dec 08', 'Dec 09 ',
+ 'Dec 10', 'Dec 11'
+ ],
+ markers: {
+ size: 0
+ },
+ yaxis: [{
+ title: {
+ text: 'Series A',
+ },
+ },
+ {
+ opposite: true,
+ title: {
+ text: 'Series B',
+ },
+ },
+ ],
+ tooltip: {
+ shared: true,
+ intersect: false,
+ y: {
+ formatter: function (y) {
+ if (typeof y !== "undefined") {
+ return y.toFixed(0) + " points";
+ }
+ return y;
+
+ }
+ }
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-column-area.html b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-column-area.html
new file mode 100644
index 0000000000000000000000000000000000000000..16280a5fed481ed5b62467ef3fa461a25ee0e3df
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-column-area.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'TEAM A',
+ type: 'column',
+ data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
+ }, {
+ name: 'TEAM B',
+ type: 'area',
+ data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
+ }, {
+ name: 'TEAM C',
+ type: 'line',
+ data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
+ }],
+ chartOptions: {
+ chart: {
+ stacked: false,
+ },
+ stroke: {
+ width: [0, 2, 5],
+ curve: 'smooth'
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '50%'
+ }
+ },
+
+ fill: {
+ opacity: [0.85, 0.25, 1],
+ gradient: {
+ inverseColors: false,
+ shade: 'light',
+ type: "vertical",
+ opacityFrom: 0.85,
+ opacityTo: 0.55,
+ stops: [0, 100, 100, 100]
+ }
+ },
+ labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003',
+ '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'
+ ],
+ markers: {
+ size: 0
+ },
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: {
+ title: {
+ text: 'Points',
+ },
+ min: 0
+ },
+ tooltip: {
+ shared: true,
+ intersect: false,
+ y: {
+ formatter: function (y) {
+ if (typeof y !== "undefined") {
+ return y.toFixed(0) + " points";
+ }
+ return y;
+
+ }
+ }
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-column.html b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-column.html
new file mode 100644
index 0000000000000000000000000000000000000000..6cf29488ab87a7f4e6e2691e9aaf3b4f516f30c4
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-column.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line, Column & Area</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Website Blog',
+ type: 'column',
+ data: [440, 505, 414, 671, 227, 413, 201, 352, 752, 320, 257, 160]
+ }, {
+ name: 'Social Media',
+ type: 'line',
+ data: [23, 42, 35, 27, 43, 22, 17, 31, 22, 22, 12, 16]
+ }],
+ chartOptions: {
+ stroke: {
+ width: [0, 4]
+ },
+ title: {
+ text: 'Traffic Sources'
+ },
+ // labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+ labels: ['01 Jan 2001', '02 Jan 2001', '03 Jan 2001', '04 Jan 2001', '05 Jan 2001', '06 Jan 2001',
+ '07 Jan 2001', '08 Jan 2001', '09 Jan 2001', '10 Jan 2001', '11 Jan 2001', '12 Jan 2001'
+ ],
+ xaxis: {
+ type: 'datetime'
+ },
+ yaxis: [{
+ title: {
+ text: 'Website Blog',
+ },
+
+ }, {
+ opposite: true,
+ title: {
+ text: 'Social Media'
+ }
+ }]
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-scatter.html b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-scatter.html
new file mode 100644
index 0000000000000000000000000000000000000000..99d123e7347508013147c290409061e58e5e2706
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/line-scatter.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Line & scatter</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Points',
+ type: 'scatter',
+ data: [{
+ x: 1,
+ y: 2.14
+ }, {
+ x: 1.2,
+ y: 2.19
+ }, {
+ x: 1.8,
+ y: 2.43
+ }, {
+ x: 2.3,
+ y: 3.8
+ }, {
+ x: 2.6,
+ y: 4.14
+ }, {
+ x: 2.9,
+ y: 5.4
+ }, {
+ x: 3.2,
+ y: 5.8
+ }, {
+ x: 3.8,
+ y: 6.04
+ }, {
+ x: 4.55,
+ y: 6.77
+ }, {
+ x: 4.9,
+ y: 8.1
+ }, {
+ x: 5.1,
+ y: 9.4
+ }, {
+ x: 7.1,
+ y: 7.14
+ }, {
+ x: 9.18,
+ y: 8.4
+ }]
+ }, {
+ name: 'Line',
+ type: 'line',
+ data: [{
+ x: 1,
+ y: 2
+ }, {
+ x: 2,
+ y: 3
+ }, {
+ x: 3,
+ y: 4
+ }, {
+ x: 4,
+ y: 5
+ }, {
+ x: 5,
+ y: 6
+ }, {
+ x: 6,
+ y: 7
+ }, {
+ x: 7,
+ y: 8
+ }, {
+ x: 8,
+ y: 9
+ }, {
+ x: 9,
+ y: 10
+ }, {
+ x: 10,
+ y: 11
+ }]
+ }],
+ chartOptions: {
+ fill: {
+ type: 'solid',
+ },
+ markers: {
+ size: [6, 0]
+ },
+ tooltip: {
+ shared: false,
+ intersect: true,
+ },
+ legend: {
+ show: false
+ },
+ xaxis: {
+ type: 'numeric',
+ min: 0,
+ max: 12,
+ tickAmount: 12
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/multiple-yaxes.html b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/multiple-yaxes.html
new file mode 100644
index 0000000000000000000000000000000000000000..4b400928653f82b002e6353d4a737ded4e261a0c
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/mixed/multiple-yaxes.html
@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Multiple Y Axis Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ .apexcharts-tooltip-title {
+ display: none;
+ }
+ #chart .apexcharts-tooltip {
+ display: flex;
+ border: 0;
+ box-shadow: none;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=line height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Income',
+ type: 'column',
+ data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6]
+ }, {
+ name: 'Cashflow',
+ type: 'column',
+ data: [1.1, 3, 3.1, 4, 4.1, 4.9, 6.5, 8.5]
+ }, {
+ name: 'Revenue',
+ type: 'line',
+ data: [20, 29, 37, 36, 44, 45, 50, 58]
+ }],
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+
+ stroke: {
+ width: [1, 1, 4]
+ },
+ title: {
+ text: 'XYZ - Stock Analysis (2009 - 2016)',
+ align: 'left',
+ offsetX: 110
+ },
+ xaxis: {
+ categories: [2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016],
+ },
+ yaxis: [{
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#008FFB'
+ },
+ labels: {
+ style: {
+ color: '#008FFB',
+ }
+ },
+ title: {
+ text: "Income (thousand crores)",
+ style: {
+ color: '#008FFB',
+ }
+ },
+ tooltip: {
+ enabled: true
+ }
+ },
+
+ {
+ seriesName: 'Income',
+ opposite: true,
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#00E396'
+ },
+ labels: {
+ style: {
+ color: '#00E396',
+ }
+ },
+ title: {
+ text: "Operating Cashflow (thousand crores)",
+ style: {
+ color: '#00E396',
+ }
+ },
+ },
+ {
+ seriesName: 'Revenue',
+ opposite: true,
+ axisTicks: {
+ show: true,
+ },
+ axisBorder: {
+ show: true,
+ color: '#FEB019'
+ },
+ labels: {
+ style: {
+ color: '#FEB019',
+ },
+ },
+ title: {
+ text: "Revenue (thousand crores)",
+ style: {
+ color: '#FEB019',
+ }
+ }
+ },
+ ],
+ tooltip: {
+ fixed: {
+ enabled: true,
+ position: 'topLeft', // topRight, topLeft, bottomRight, bottomLeft
+ offsetY: 30,
+ offsetX: 60
+ },
+ },
+ legend: {
+ horizontalAlign: 'left',
+ offsetX: 40
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/pie/donut-update.html b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/donut-update.html
new file mode 100644
index 0000000000000000000000000000000000000000..7cd54a05847d53b2965d29573653e156d02192fb
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/donut-update.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 480px;
+ margin: 35px auto;
+ }
+ .actions {
+ margin-top: -80px;
+ text-align: center;
+ position: relative;
+ z-index: 10;
+ left: -60px;
+ }
+ button {
+ color: #fff;
+ background: #20b2aa;
+ padding: 5px 10px;
+ margin: 5px;
+ font-weight: bold;
+ font-size: 13px;
+ border-radius: 5px;
+ }
+
+ @media only screen and (max-width: 480px) {
+ .actions {
+ margin-top: 0;
+ left: 0
+ }
+
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app">
+ <div class="chart-wrap">
+ <div id="chart">
+ <apexchart type=donut width=380 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <div class="actions">
+ <button @click="randomize">RANDOMIZE</button>
+ <button @click="appendData">ADD</button>
+ <button @click="removeData">REMOVE</button>
+ <button @click="reset">RESET</button>
+ </div>
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="app">
+ <div class="chart-wrap">
+ <div id="chart">
+ <apexchart type=donut width=380 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <div class="actions">
+ <button @click="randomize">RANDOMIZE</button>
+ <button @click="appendData">ADD</button>
+ <button @click="removeData">REMOVE</button>
+ <button @click="reset">RESET</button>
+ </div>
+ </div>
+ </div>
+
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#app',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [44, 55, 13, 33],
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ show: false
+ }
+ }
+ }],
+ legend: {
+ position: 'right',
+ offsetY: 0,
+ height: 230,
+ }
+ }
+ },
+ methods: {
+ appendData: function () {
+ var arr = this.series.slice()
+ arr.push(Math.floor(Math.random() * (100 - 1 + 1)) + 1)
+ this.series = arr
+ },
+
+ removeData: function () {
+ if(this.series.length === 1) return
+ var arr = this.series.slice()
+ arr.pop()
+ this.series = arr
+ },
+
+ randomize: function () {
+ this.series = this.series.map(() => {
+ return Math.floor(Math.random() * (100 - 1 + 1)) + 1
+ })
+ },
+
+ reset: function () {
+ this.series = [44, 55, 13, 33]
+ }
+ }
+ })
+ </script>
+
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/pie/donut-with-pattern.html b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/donut-with-pattern.html
new file mode 100644
index 0000000000000000000000000000000000000000..6eaedddc713180f13619a329a4863fc28cc70823
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/donut-with-pattern.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Donut Chart with pattern</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+
+<body>
+ <div id="chart">
+ <apexchart type=donut width=380 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=donut height=380 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [44, 55, 41, 17, 15],
+ chartOptions: {
+ chart: {
+ dropShadow: {
+ enabled: true,
+ color: '#111',
+ top: -1,
+ left: 3,
+ blur: 3,
+ opacity: 0.2
+ }
+ },
+ stroke: {
+ width: 0,
+ },
+ labels: ["Comedy", "Action", "SciFi", "Drama", "Horror"],
+ dataLabels: {
+ dropShadow: {
+ blur: 3,
+ opacity: 0.8
+ }
+ },
+ fill: {
+ type: 'pattern',
+ opacity: 1,
+ pattern: {
+ enabled: true,
+ style: ['verticalLines', 'squares', 'horizontalLines', 'circles', 'slantedLines'],
+ },
+ },
+ states: {
+ hover: {
+ enabled: false
+ }
+ },
+ theme: {
+ palette: 'palette2'
+ },
+ title: {
+ text: "Favourite Movie Type"
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/pie/gradient-donut.html b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/gradient-donut.html
new file mode 100644
index 0000000000000000000000000000000000000000..65d92621f4722e20a1516b1512263cd250f6d532
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/gradient-donut.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Gradient Donut</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+
+ .apexcharts-legend-text tspan:nth-child(1) {
+ font-weight: lighter;
+ fill: #999;
+ }
+
+ .apexcharts-legend-text tspan:nth-child(3) {
+ font-weight: bold;
+ }
+ </style>
+</head>
+
+
+<body>
+ <div id="chart">
+ <apexchart type=donut width=380 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=donut width=380 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [44, 55, 41, 17, 15],
+ chartOptions: {
+ dataLabels: {
+ enabled: false
+ },
+ fill: {
+ type: 'gradient',
+ },
+ legend: {
+ formatter: function (val, opts) {
+ return val + " - " + opts.w.globals.series[opts.seriesIndex]
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/pie/monochrome-pie.html b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/monochrome-pie.html
new file mode 100644
index 0000000000000000000000000000000000000000..d4cba90bfb11ff5734b583ef38328b7bbf7b192e
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/monochrome-pie.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Monochrome Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=pie width='100%' :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=pie width='100%' :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [25, 15, 44, 55, 41, 17],
+ chartOptions: {
+ labels: ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+ theme: {
+ monochrome: {
+ enabled: true
+ }
+ },
+ title: {
+ text: "Number of leads"
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/pie/pie-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/pie-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..745b4e138fdbb905165cdd1b54b42dd7c0850baf
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/pie-with-image.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Pie with Image</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=pie width=380 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=pie width=380 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [44, 33, 54, 45],
+ chartOptions: {
+ colors: ['#93C3EE', '#E5C6A0', '#669DB5', '#94A74A'],
+ fill: {
+ type: 'image',
+ opacity: 0.85,
+ image: {
+ src: ['../../assets/images/stripes.jpg', '../../assets/images/1101098.png',
+ '../../assets/images/4679113782_ca13e2e6c0_z.jpg',
+ '../../assets/images/2979121308_59539a3898_z.jpg'
+ ],
+ width: 25,
+ imagedHeight: 25
+ },
+ },
+ stroke: {
+ width: 4
+ },
+ dataLabels: {
+ enabled: false
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/pie/simple-donut.html b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/simple-donut.html
new file mode 100644
index 0000000000000000000000000000000000000000..5b39c045a7f572bc2731561579c260c765081d47
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/simple-donut.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Donut</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=donut width=380 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=donut width=380 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [44, 55, 41, 17, 15],
+ chartOptions: {
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/pie/simple-pie.html b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/simple-pie.html
new file mode 100644
index 0000000000000000000000000000000000000000..0e0423fabeb473cf4e44d06bbfe6efdeca1520df
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/pie/simple-pie.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Simple Pie</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 380px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=pie width=380 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=pie width=380 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [44, 55, 13, 43, 22],
+ chartOptions: {
+ labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ chart: {
+ width: 200
+ },
+ legend: {
+ position: 'bottom'
+ }
+ }
+ }]
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radar/basic-radar.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radar/basic-radar.html
new file mode 100644
index 0000000000000000000000000000000000000000..475803d35fdcdb9e6010256d4ebcc4c51a4c06fe
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radar/basic-radar.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Radar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Series 1',
+ data: [80, 50, 30, 40, 100, 20],
+ }],
+ chartOptions: {
+ labels: ['January', 'February', 'March', 'April', 'May', 'June'],
+ title: {
+ text: 'Basic Radar Chart'
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radar/radar-multiple-series.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radar/radar-multiple-series.html
new file mode 100644
index 0000000000000000000000000000000000000000..0cb2e0ee5bd9d909580cb66c2ddebfc3109be777
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radar/radar-multiple-series.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Basic Radar</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+
+<body>
+ <div id="chart">
+ <apexchart type=radar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Series 1',
+ data: [80, 50, 30, 40, 100, 20],
+ }, {
+ name: 'Series 2',
+ data: [20, 30, 40, 80, 20, 80],
+ }, {
+ name: 'Series 3',
+ data: [44, 76, 78, 13, 43, 10],
+ }],
+
+ chartOptions: {
+ chart: {
+ dropShadow: {
+ enabled: true,
+ blur: 1,
+ left: 1,
+ top: 1
+ }
+ },
+ title: {
+ text: 'Radar Chart - Multi Series'
+ },
+ stroke: {
+ width: 0
+ },
+ fill: {
+ opacity: 0.4
+ },
+ markers: {
+ size: 0
+ },
+ labels: ['2011', '2012', '2013', '2014', '2015', '2016']
+ }
+ },
+
+ })
+ </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radar/radar-with-polygon-fill.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radar/radar-with-polygon-fill.html
new file mode 100644
index 0000000000000000000000000000000000000000..21fecc3c8a0786ecc68182df1c9fdb0640610d9f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radar/radar-with-polygon-fill.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Radar with Polygon Fill</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'Series 1',
+ data: [20, 100, 40, 30, 50, 80, 33],
+ }],
+
+ chartOptions: {
+ labels: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+ plotOptions: {
+ radar: {
+ size: 140,
+ polygons: {
+ strokeColor: '#e9e9e9',
+ fill: {
+ colors: ['#f8f8f8', '#fff']
+ }
+ }
+ }
+ },
+ title: {
+ text: 'Radar with Polygon Fill'
+ },
+ colors: ['#FF4560'],
+ markers: {
+ size: 4,
+ colors: ['#fff'],
+ strokeColor: '#FF4560',
+ strokeWidth: 2,
+ },
+ tooltip: {
+ y: {
+ formatter: function(val) {
+ return val
+ }
+ }
+ },
+ yaxis: {
+ tickAmount: 7,
+ labels: {
+ formatter: function(val, i) {
+ if(i % 2 === 0) {
+ return val
+ } else {
+ return ''
+ }
+ }
+ }
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart-multiple.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart-multiple.html
new file mode 100644
index 0000000000000000000000000000000000000000..5373cfdf857d2c6fe13e9315db56a6df2cbcfb58
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart-multiple.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart - Multiple</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [44, 55, 67, 83],
+ chartOptions: {
+ plotOptions: {
+ radialBar: {
+ dataLabels: {
+ name: {
+ fontSize: '22px',
+ },
+ value: {
+ fontSize: '16px',
+ },
+ total: {
+ show: true,
+ label: 'Total',
+ formatter: function (w) {
+ // By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
+ return 249
+ }
+ }
+ }
+ }
+ },
+ labels: ['Apples', 'Oranges', 'Bananas', 'Berries'],
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart-with-image.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart-with-image.html
new file mode 100644
index 0000000000000000000000000000000000000000..11cb49a64f27cddd54ecb8bfc57b9195edef3cd7
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart-with-image.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [67],
+ chartOptions: {
+ plotOptions: {
+ radialBar: {
+ hollow: {
+ margin: 15,
+ size: '70%',
+ image: '../../assets/images/clock.png',
+ imageWidth: 64,
+ imageHeight: 64,
+ imageClipped: false
+ },
+ dataLabels: {
+ name: {
+ show: false,
+ color: '#fff'
+ },
+ value: {
+ show: true,
+ color: '#333',
+ offsetY: 70,
+ fontSize: '22px'
+
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'image',
+ image: {
+ src: ['../../assets/images/4274635880_809a4b9d0d_z.jpg'],
+ }
+ },
+ stroke: {
+ lineCap: 'round'
+ },
+ labels: ['Volatility'],
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..576d0dce9efb21e6f0f9babef5c8e13e2ab53997
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-chart.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Gauge Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [70],
+ chartOptions: {
+ plotOptions: {
+ radialBar: {
+ hollow: {
+ size: '70%',
+ }
+ },
+ },
+ labels: ['Cricket']
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-custom-angle.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-custom-angle.html
new file mode 100644
index 0000000000000000000000000000000000000000..8cd94f775c3848de737d98879da830a915459f28
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-custom-angle.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Custom Angle</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+
+ .apexcharts-legend text {
+ font-weight: 900;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [76, 67, 61, 90],
+ chartOptions: {
+ plotOptions: {
+ radialBar: {
+ offsetY: -30,
+ startAngle: 0,
+ endAngle: 270,
+ hollow: {
+ margin: 5,
+ size: '30%',
+ background: 'transparent',
+ image: undefined,
+ },
+ dataLabels: {
+ name: {
+ show: false,
+
+ },
+ value: {
+ show: false,
+ }
+ }
+ }
+ },
+ colors: ['#1ab7ea', '#0084ff', '#39539E', '#0077B5'],
+ labels: ['Vimeo', 'Messenger', 'Facebook', 'LinkedIn'],
+ legend: {
+ show: true,
+ floating: true,
+ fontSize: '16px',
+ position: 'left',
+ offsetX: 170,
+ offsetY: 10,
+ labels: {
+ useSeriesColors: true,
+ },
+ markers: {
+ size: 0
+ },
+ formatter: function(seriesName, opts) {
+ return seriesName + ": " + opts.w.globals.series[opts.seriesIndex]
+ },
+ itemMargin: {
+ horizontal: 1,
+ }
+ },
+ responsive: [{
+ breakpoint: 480,
+ options: {
+ legend: {
+ show: false
+ }
+ }
+ }]
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-gradient.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-gradient.html
new file mode 100644
index 0000000000000000000000000000000000000000..4f149bccdb26eb728cf29719ff1f02fe329db989
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/circle-gradient.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Circle Concept 2</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #card {
+ background: #fff;
+ max-width: 650px;
+ margin: 35px auto;
+ padding-top: 0px;
+ text-align: center;
+ }
+
+ h2 {
+ font-size: 18px;
+ margin-bottom: 0;
+ color: rgb(192, 192, 192);
+ }
+ h1 {
+ font-size: 22px;
+ margin-top: 0;
+ color: #333;
+ }
+
+ .footer {
+ position: absolute;
+ bottom: 16px;
+ left: 0;
+ right: 0;
+ font-size: 14px;
+ text-align: center
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [75],
+ chartOptions: {
+ chart: {
+ toolbar: {
+ show: true
+ }
+ },
+ plotOptions: {
+ radialBar: {
+ startAngle: -135,
+ endAngle: 225,
+ hollow: {
+ margin: 0,
+ size: '70%',
+ background: '#fff',
+ position: 'front',
+ dropShadow: {
+ enabled: true,
+ top: 3,
+ left: 0,
+ blur: 4,
+ opacity: 0.24
+ }
+ },
+ track: {
+ background: '#fff',
+ strokeWidth: '67%',
+ margin: 0, // margin is in pixels
+ dropShadow: {
+ enabled: true,
+ top: -3,
+ left: 0,
+ blur: 4,
+ opacity: 0.35
+ }
+ },
+
+ dataLabels: {
+ name: {
+ offsetY: -10,
+ show: true,
+ color: '#888',
+ fontSize: '17px'
+ },
+ value: {
+ formatter: function (val) {
+ return parseInt(val);
+ },
+ color: '#111',
+ fontSize: '36px',
+ show: true,
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ type: 'horizontal',
+ shadeIntensity: 0.5,
+ gradientToColors: ['#ABE5A1'],
+ inverseColors: true,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 100]
+ }
+ },
+ stroke: {
+ lineCap: 'round'
+ },
+ labels: ['Percent'],
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/semi-circle-chart.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/semi-circle-chart.html
new file mode 100644
index 0000000000000000000000000000000000000000..d45441044528488a8f76a43a35f69478c1c2cae5
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/semi-circle-chart.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Semi Circle Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 450px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [76],
+ chartOptions: {
+ plotOptions: {
+ radialBar: {
+ startAngle: -90,
+ endAngle: 90,
+ track: {
+ background: "#e7e7e7",
+ strokeWidth: '97%',
+ margin: 5, // margin is in pixels
+ shadow: {
+ enabled: true,
+ top: 2,
+ left: 0,
+ color: '#999',
+ opacity: 1,
+ blur: 2
+ }
+ },
+ dataLabels: {
+ name: {
+ show: false
+ },
+ value: {
+ offsetY: 15,
+ fontSize: '22px'
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'light',
+ shadeIntensity: 0.4,
+ inverseColors: false,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 53, 91]
+ },
+ },
+ labels: ['Average Results'],
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/stroked-gauge.html b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/stroked-gauge.html
new file mode 100644
index 0000000000000000000000000000000000000000..e598eb6066947580c1c5d532807387b9471caaa2
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/radialBar/stroked-gauge.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Stroked Gauge</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=radialBar height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [67],
+ chartOptions: {
+ plotOptions: {
+ radialBar: {
+ startAngle: -135,
+ endAngle: 135,
+ dataLabels: {
+ name: {
+ fontSize: '16px',
+ color: undefined,
+ offsetY: 120
+ },
+ value: {
+ offsetY: 76,
+ fontSize: '22px',
+ color: undefined,
+ formatter: function (val) {
+ return val + "%";
+ }
+ }
+ }
+ }
+ },
+ fill: {
+ type: 'gradient',
+ gradient: {
+ shade: 'dark',
+ shadeIntensity: 0.15,
+ inverseColors: false,
+ opacityFrom: 1,
+ opacityTo: 1,
+ stops: [0, 50, 65, 91]
+ },
+ },
+ stroke: {
+ dashArray: 4
+ },
+ labels: ['Median Ratio']
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-basic.html b/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-basic.html
new file mode 100644
index 0000000000000000000000000000000000000000..31ca8ec27fdc6c4244b2872e1b8a32171aa9b80f
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-basic.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Scatter Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+
+<body>
+ <div id="chart">
+ <apexchart type=scatter height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=scatter height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: "SAMPLE A",
+ data: [
+ [16.4, 5.4],
+ [21.7, 2],
+ [25.4, 3],
+ [19, 2],
+ [10.9, 1],
+ [13.6, 3.2],
+ [10.9, 7.4],
+ [10.9, 0],
+ [10.9, 8.2],
+ [16.4, 0],
+ [16.4, 1.8],
+ [13.6, 0.3],
+ [13.6, 0],
+ [29.9, 0],
+ [27.1, 2.3],
+ [16.4, 0],
+ [13.6, 3.7],
+ [10.9, 5.2],
+ [16.4, 6.5],
+ [10.9, 0],
+ [24.5, 7.1],
+ [10.9, 0],
+ [8.1, 4.7],
+ [19, 0],
+ [21.7, 1.8],
+ [27.1, 0],
+ [24.5, 0],
+ [27.1, 0],
+ [29.9, 1.5],
+ [27.1, 0.8],
+ [22.1, 2]
+ ]
+ }, {
+ name: "SAMPLE B",
+ data: [
+ [6.4, 13.4],
+ [1.7, 11],
+ [5.4, 8],
+ [9, 17],
+ [1.9, 4],
+ [3.6, 12.2],
+ [1.9, 14.4],
+ [1.9, 9],
+ [1.9, 13.2],
+ [1.4, 7],
+ [6.4, 8.8],
+ [3.6, 4.3],
+ [1.6, 10],
+ [9.9, 2],
+ [7.1, 15],
+ [1.4, 0],
+ [3.6, 13.7],
+ [1.9, 15.2],
+ [6.4, 16.5],
+ [0.9, 10],
+ [4.5, 17.1],
+ [10.9, 10],
+ [0.1, 14.7],
+ [9, 10],
+ [12.7, 11.8],
+ [2.1, 10],
+ [2.5, 10],
+ [27.1, 10],
+ [2.9, 11.5],
+ [7.1, 10.8],
+ [2.1, 12]
+ ]
+ }, {
+ name: "SAMPLE C",
+ data: [
+ [21.7, 3],
+ [23.6, 3.5],
+ [24.6, 3],
+ [29.9, 3],
+ [21.7, 20],
+ [23, 2],
+ [10.9, 3],
+ [28, 4],
+ [27.1, 0.3],
+ [16.4, 4],
+ [13.6, 0],
+ [19, 5],
+ [22.4, 3],
+ [24.5, 3],
+ [32.6, 3],
+ [27.1, 4],
+ [29.6, 6],
+ [31.6, 8],
+ [21.6, 5],
+ [20.9, 4],
+ [22.4, 0],
+ [32.6, 10.3],
+ [29.7, 20.8],
+ [24.5, 0.8],
+ [21.4, 0],
+ [21.7, 6.9],
+ [28.6, 7.7],
+ [15.4, 0],
+ [18.1, 0],
+ [33.4, 0],
+ [16.4, 0]
+ ]
+ }],
+ chartOptions: {
+ chart: {
+ zoom: {
+ enabled: true,
+ type: 'xy'
+ }
+ },
+
+
+ xaxis: {
+ tickAmount: 10,
+ },
+ yaxis: {
+ tickAmount: 7
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-datetime.html b/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-datetime.html
new file mode 100644
index 0000000000000000000000000000000000000000..d5e3cbcfbad9fd4cc4215a327a039fd2a7721e73
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-datetime.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Timeline Scatter Chart</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="chart">
+ <apexchart type=scatter height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=scatter height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ function generateDayWiseTimeSeries(baseval, count, yrange) {
+ var i = 0;
+ var series = [];
+ while (i < count) {
+ var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+ series.push([baseval, y]);
+ baseval += 86400000;
+ i++;
+ }
+ return series;
+ }
+
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ name: 'TEAM 1',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 2',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 3',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 30, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 4',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 10, {
+ min: 10,
+ max: 60
+ })
+ },
+ {
+ name: 'TEAM 5',
+ data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 30, {
+ min: 10,
+ max: 60
+ })
+ },
+ ],
+ chartOptions: {
+ chart: {
+
+ zoom: {
+ type: 'xy'
+ }
+ },
+
+ dataLabels: {
+ enabled: false
+ },
+ grid: {
+ xaxis: {
+ showLines: true
+ },
+ yaxis: {
+ showLines: true
+ },
+ },
+ xaxis: {
+ type: 'datetime',
+
+ },
+ yaxis: {
+ max: 70
+ }
+ }
+ },
+
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-images.html b/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-images.html
new file mode 100644
index 0000000000000000000000000000000000000000..61ca81becabe95525c6303ee5d208e1ba735a791
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/scatter/scatter-images.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Scatter Images</title>
+
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ #chart {
+ max-width: 650px;
+ margin: 35px auto;
+ }
+ </style>
+</head>
+
+
+<body>
+ <div id="chart">
+ <apexchart type=scatter height=350 :options="chartOptions" :series="series" />
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="chart">
+ <apexchart type=scatter height=350 :options="chartOptions" :series="series" />
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ new Vue({
+ el: '#chart',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ series: [{
+ data: [
+ [16.4, 5.4],
+ [21.7, 4],
+ [25.4, 3],
+ [19, 2],
+ [10.9, 1],
+ [13.6, 3.2],
+ [10.9, 7],
+ [10.9, 8.2],
+ [16.4, 4],
+ [13.6, 4.3],
+ [13.6, 12],
+ [29.9, 3],
+ [10.9, 5.2],
+ [16.4, 6.5],
+ [10.9, 8],
+ [24.5, 7.1],
+ [10.9, 7],
+ [8.1, 4.7],
+ [19, 10],
+ [27.1, 10],
+ [24.5, 8],
+ [27.1, 3],
+ [29.9, 11.5],
+ [27.1, 0.8],
+ [22.1, 2]
+ ]
+ }],
+ chartOptions: {
+ chart: {
+ animations: {
+ enabled: false,
+ },
+ zoom: {
+ enabled: false,
+ },
+ toolbar: {
+ show: false
+ }
+ },
+ xaxis: {
+ tickAmount: 10,
+ min: 0,
+ max: 40
+ },
+ yaxis: {
+ tickAmount: 7
+ },
+ markers: {
+ size: 20
+ },
+ fill: {
+ type: 'image',
+ opacity: 1,
+ image: {
+ src: ['../../assets/images/ico-messenger.png'],
+ width: 40,
+ height: 40
+ }
+ }
+ }
+ },
+
+ })
+
+ </script>
+
+</body>
+
+</html>
diff --git a/public/ThirdParty/apexcharts-bundle/samples/vue/sparklines/sparklines.html b/public/ThirdParty/apexcharts-bundle/samples/vue/sparklines/sparklines.html
new file mode 100644
index 0000000000000000000000000000000000000000..043e95945f5e40956df0e349e05b6c04a0083d77
--- /dev/null
+++ b/public/ThirdParty/apexcharts-bundle/samples/vue/sparklines/sparklines.html
@@ -0,0 +1,480 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
+ <title>Sparklines</title>
+
+ <link href="../../assets/styles.css" rel="stylesheet" />
+
+ <style>
+ .row {
+ overflow: hidden;
+ max-width: 890px;
+ margin: 30px auto;
+ display: flex;
+ }
+
+ .col-md-4 {
+ width: 33.33%;
+ padding: 0 25px;
+ }
+
+ table {
+ width: 100%;
+ }
+
+ tbody tr {
+ border-top: 1px solid #e7e7e7;
+ }
+
+ th {
+ font-weight: bold;
+ font-family: Helvetica;
+ padding-bottom: 20px;
+ }
+
+ td,
+ th {
+ width: 25%;
+ text-align: center;
+ height: 65px;
+ }
+
+ td div {
+ margin: 0 auto;
+ }
+
+ .left {
+ float: left;
+ }
+
+ .right {
+ float: right;
+ }
+
+ @media only screen and (max-width: 480px) {
+
+ th:first-child,
+ td:first-child {
+ display: none;
+ }
+
+ .row {
+ display: block;
+ }
+
+ .col-md-4 {
+ padding: 0;
+ width: 100%;
+ }
+ }
+ </style>
+</head>
+
+<body>
+ <div id="app">
+ <div class="row">
+ <div class="col-md-4">
+ <div id="spark1">
+ <apexchart type=area height=160 :options="chartOptionsTopSpark1" :series="seriesTopSpark1" />
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div id="spark2">
+ <apexchart type=area height=160 :options="chartOptionsTopSpark2" :series="seriesTopSpark2" />
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div id="spark3">
+ <apexchart type=area height=160 :options="chartOptionsTopSpark3" :series="seriesTopSpark3" />
+ </div>
+ </div>
+ </div>
+
+ <div class="row">
+ <table>
+ <thead>
+ <th>Total Value</th>
+ <th>Percentage of Portfolio</th>
+ <th>Last 10 days</th>
+ <th>Volume</th>
+ </thead>
+ <tbody>
+ <tr>
+ <td>$32,554</td>
+ <td>15%</td>
+ <td>
+ <div id="chart1">
+ <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark1" />
+ </div>
+ </td>
+ <td>
+ <div id="chart5">
+ <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark1" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$23,533</td>
+ <td>7%</td>
+ <td>
+ <div id="chart2">
+ <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark2" />
+ </div>
+ </td>
+ <td>
+ <div id="chart6">
+ <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark2" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$54,276</td>
+ <td>9%</td>
+ <td>
+ <div id="chart3">
+ <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark3" />
+ </div>
+ </td>
+ <td>
+ <div id="chart7">
+ <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark3" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$11,533</td>
+ <td>2%</td>
+ <td>
+ <div id="chart4">
+ <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark4" />
+ </div>
+ </td>
+ <td>
+ <div id="chart8">
+ <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark4" />
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+
+ <!-- Below element is just for displaying source code. it is not required. DO NOT USE -->
+ <div id="html">
+ <div id="app">
+ <div class="row">
+ <div class="col-md-4">
+ <div id="spark1">
+ <apexchart type=area height=160 :options="chartOptionsTopSpark1" :series="seriesTopSpark1" />
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div id="spark2">
+ <apexchart type=area height=160 :options="chartOptionsTopSpark2" :series="seriesTopSpark2" />
+ </div>
+ </div>
+ <div class="col-md-4">
+ <div id="spark3">
+ <apexchart type=area height=160 :options="chartOptionsTopSpark3" :series="seriesTopSpark3" />
+ </div>
+ </div>
+ </div>
+
+ <div class="row">
+ <table>
+ <thead>
+ <th>Total Value</th>
+ <th>Percentage of Portfolio</th>
+ <th>Last 10 days</th>
+ <th>Volume</th>
+ </thead>
+ <tbody>
+ <tr>
+ <td>$32,554</td>
+ <td>15%</td>
+ <td>
+ <div id="chart1">
+ <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark1" />
+ </div>
+ </td>
+ <td>
+ <div id="chart5">
+ <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark1" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$23,533</td>
+ <td>7%</td>
+ <td>
+ <div id="chart2">
+ <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark2" />
+ </div>
+ </td>
+ <td>
+ <div id="chart6">
+ <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark2" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$54,276</td>
+ <td>9%</td>
+ <td>
+ <div id="chart3">
+ <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark3" />
+ </div>
+ </td>
+ <td>
+ <div id="chart7">
+ <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark3" />
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>$11,533</td>
+ <td>2%</td>
+ <td>
+ <div id="chart4">
+ <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark4" />
+ </div>
+ </td>
+ <td>
+ <div id="chart8">
+ <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark4" />
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+
+ <script src="https://unpkg.com/vue/dist/vue.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
+
+ <script>
+ window.Apex = {
+ stroke: {
+ width: 3
+ },
+ markers: {
+ size: 0
+ },
+ tooltip: {
+ fixed: {
+ enabled: true,
+ }
+ }
+ };
+
+ var randomizeArray = function (arg) {
+ var array = arg.slice();
+ var currentIndex = array.length,
+ temporaryValue, randomIndex;
+
+ while (0 !== currentIndex) {
+
+ randomIndex = Math.floor(Math.random() * currentIndex);
+ currentIndex -= 1;
+
+ temporaryValue = array[currentIndex];
+ array[currentIndex] = array[randomIndex];
+ array[randomIndex] = temporaryValue;
+ }
+
+ return array;
+ }
+
+ // data for the sparklines that appear below header area
+ var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
+
+ new Vue({
+ el: '#app',
+ components: {
+ apexchart: VueApexCharts,
+ },
+ data: {
+ seriesTopSpark1: [{
+ data: randomizeArray(sparklineData)
+ }],
+ seriesTopSpark2: [{
+ data: randomizeArray(sparklineData)
+ }],
+ seriesTopSpark3: [{
+ data: randomizeArray(sparklineData)
+ }],
+ seriesSpark1: [{
+ data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54]
+ }],
+ seriesSpark2: [{
+ data: [47, 45, 74, 14, 56, 74, 14, 11, 7, 39, 82]
+ }],
+ seriesSpark3: [{
+ data: [12, 14, 2, 47, 42, 15, 47, 75, 65, 19, 14]
+ }],
+ seriesSpark4: [{
+ data: [15, 75, 47, 65, 14, 2, 41, 54, 4, 27, 15]
+ }],
+ chartOptionsTopSpark1: {
+ chart: {
+ sparkline: {
+ enabled: true
+ },
+ },
+ colors: ['#DCE6EC'],
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ yaxis: {
+ min: 0
+ },
+ title: {
+ text: '$135,965',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Profits',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ },
+ chartOptionsTopSpark2: {
+ chart: {
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ yaxis: {
+ min: 0
+ },
+ title: {
+ text: '$235,312',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Expenses',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ },
+ chartOptionsTopSpark3: {
+ chart: {
+ sparkline: {
+ enabled: true
+ },
+ },
+ stroke: {
+ curve: 'straight'
+ },
+ fill: {
+ opacity: 0.3
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ yaxis: {
+ min: 0
+ },
+ title: {
+ text: '$424,652',
+ offsetX: 0,
+ style: {
+ fontSize: '24px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ },
+ subtitle: {
+ text: 'Sales',
+ offsetX: 0,
+ style: {
+ fontSize: '14px',
+ cssClass: 'apexcharts-yaxis-title'
+ }
+ }
+ },
+ chartOptionsSparkLine: {
+ chart: {
+ height: 35,
+ sparkline: {
+ enabled: true
+ }
+ },
+ plotOptions: {
+ bar: {
+ columnWidth: '80%'
+ }
+ },
+ xaxis: {
+ crosshairs: {
+ width: 1
+ },
+ },
+ tooltip: {
+ fixed: {
+ enabled: false
+ },
+ x: {
+ show: false
+ },
+ y: {
+ title: {
+ formatter: function (seriesName) {
+ return ''
+ }
+ }
+ },
+ marker: {
+ show: false
+ }
+ }
+ }
+ },
+ })
+ </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/index.css b/public/index.css
new file mode 100644
index 0000000000000000000000000000000000000000..a3ac2ff58597b85a61236647522c468a19f194d1
--- /dev/null
+++ b/public/index.css
@@ -0,0 +1,68 @@
+.backdrop {
+ display: inline-block;
+ background: rgba(42, 42, 42, 0.7);
+ border-radius: 5px;
+ border: 1px solid #444;
+ padding: 5px 10px;
+ color: #fff;
+ line-height: 150%;
+ font-size: small;
+}
+
+#heightSliderLabel, #heightValue {
+ vertical-align: top;
+}
+
+.backdrop a:link, .backdrop a:visited, .backdrop a:hover {
+ color: #fff
+}
+
+.loadingIndicator {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-top: -33px;
+ margin-left: -33px;
+ width: 66px;
+ height: 66px;
+ background: url(Source/Images/ajax-loader.gif) center no-repeat;
+}
+
+.cover {
+ display: none;
+ position: absolute;
+ background-color: rgba(0, 0, 0, 0.75);
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+#menu {
+ position: absolute;
+ left: 10px;
+ top: 10px;
+}
+
+.nowrap {
+ white-space: nowrap;
+}
+
+html, body, #cesiumContainer {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ font-family: sans-serif;
+ background: #000;
+}
+
+button.cesium-infoBox-camera {
+ display: none;
+}
+
+#3DTiles {
+ padding-top: 10px;
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..caac3572ff2874d2cc685019505c26db1673ffe5
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <!-- Use correct character set. -->
+ <meta charset="utf-8">
+ <!-- Tell IE to use the latest, best version. -->
+ <meta http-equiv="X-UA-Compatible" content="IE=Edge">
+ <!-- Make the app on mobile take up the full browser screen and disable user scaling. -->
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+ <title>Net Zero Gowanus 3D Viewer</title>
+ <!-- The Cesium library. -->
+ <script src="https://cesiumjs.org/releases/1.57/Build/Cesium/Cesium.js"></script>
+ <link href="https://cesiumjs.org/releases/1.57/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
+ <!-- stylesheets -->
+ <link rel="stylesheet" href="index.css" media="screen">
+ <link rel="stylesheet" type="text/css" href="./CSS/gowanus.css">
+ <!-- external scripts -->
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <script src='./ThirdParty/apexcharts-bundle/dist/apexcharts.min.js'></script>
+ <script src='./ThirdParty/Bootstrap/js/bootstrap.min.js'></script>
+ <script src='./ThirdParty/Bootstrap/js/bootstrap.bundle.min.js'></script>
+ </head>
+ <body>
+ <!-- defining container to keep cesium viewer -->
+ <div id="cesiumContainer"></div>
+ <!-- defining menu panel -->
+ <div class="backdrop" id="menu">
+ <h2>Net Zero Gowanus</h2>
+ <span><strong>Scenario Selection</strong></span>
+ <div class="nowrap">
+ <select id="selectscenario">
+ <option value="current">Existing</option>
+ <option value="bau">2050 BAU</option>
+ <option value="bp">2050 Best Practice</option>
+ </select>
+ </div>
+ <br>
+ <span><strong>Show</strong></span>
+ <div class="nowrap">
+ <input id="3dbuildings" name="source" type="radio" checked/>
+ <label for="3dbuildings">3D Buildings</label>
+ </div>
+ <div class="nowrap">
+ <input id="heatdemand" name="source" type="radio"/>
+ <label for="heatdemand">Sp. Heating Demand</label>
+ </div>
+ <br>
+ <!-- for chart menu panel -->
+ <span><strong>Chart Options</strong></span>
+ <div class="nowrap">
+ <input id="monthlydemand" type="checkbox" onclick="showTable()" />
+ <label for="monthlydemand">Monthly Heating Demand </label>
+ </div>
+ <br>
+
+ <!-- for legend panel -->
+ <div id=legend>
+ <hr color='white'>
+ <div class='my-legend' id="legendcontainer">
+ <div class='legend-title'>Sp. Heating Demand (kWh/m<sup>2</sup>.a)</div>
+ <div class='legend-scale'>
+ <ul class='legend-labels'>
+ <li><span style='background:#33ACFF;'></span>Less than 60</li>
+ <li><span style='background:#2AFF00;'></span>60 to 120</li>
+ <li><span style='background:#FFFF00;'></span>120 to 170</li>
+ <li><span style='background:#FFA200;'></span>170 to 230</li>
+ <li><span style='background:#FF0000;'></span>More than 230</li>
+ <li><span style='background:#000000;'></span>None Heated / No Data</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- defining container to keep cesium viewer -->
+ <div id="chartcontainer" style="visibility: hidden;">
+ <div id="chart"></div>
+ </div>
+ <a href="https://www.hft-stuttgart.de/" target='_blank'>
+ <div class="credit"></div>
+ </a>
+ <!-- javascript -->
+ <script src="./Source/App.js"></script>
+ </body>
+</html>