ps-toolkit-ui 0.0.213 → 0.0.217

package/src/assets/plugins/highcharts/examples/spline-inverted/index.html

@@ -1,135 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<title>Highcharts Example</title>
-
-		<style type="text/css">
-.highcharts-figure,
-.highcharts-data-table table {
-    min-width: 310px;
-    max-width: 800px;
-    margin: 1em auto;
-}
-
-.highcharts-data-table table {
-    font-family: Verdana, sans-serif;
-    border-collapse: collapse;
-    border: 1px solid #ebebeb;
-    margin: 10px auto;
-    text-align: center;
-    width: 100%;
-    max-width: 500px;
-}
-
-.highcharts-data-table caption {
-    padding: 1em 0;
-    font-size: 1.2em;
-    color: #555;
-}
-
-.highcharts-data-table th {
-    font-weight: 600;
-    padding: 0.5em;
-}
-
-.highcharts-data-table td,
-.highcharts-data-table th,
-.highcharts-data-table caption {
-    padding: 0.5em;
-}
-
-.highcharts-data-table thead tr,
-.highcharts-data-table tr:nth-child(even) {
-    background: #f8f8f8;
-}
-
-.highcharts-data-table tr:hover {
-    background: #f1f7ff;
-}
-
-		</style>
-	</head>
-	<body>
-<script src="../../code/highcharts.js"></script>
-<script src="../../code/modules/exporting.js"></script>
-<script src="../../code/modules/export-data.js"></script>
-<script src="../../code/modules/accessibility.js"></script>
-
-<figure class="highcharts-figure">
-    <div id="container"></div>
-    <p class="highcharts-description">
-        Spline charts are smoothed line charts, and this example
-        shows an inverted spline chart. Inverting the chart means the
-        X-axis is positioned as the vertical axis, and the Y-axis is
-        positioned as the horizontal axis. This can be more intuitive
-        for certain data sets, such as in this chart where the X-axis
-        represents vertical altitude.
-    </p>
-</figure>
-
-
-
-		<script type="text/javascript">
-Highcharts.chart('container', {
-    chart: {
-        type: 'spline',
-        inverted: true
-    },
-    title: {
-        text: 'Atmosphere Temperature by Altitude'
-    },
-    subtitle: {
-        text: 'According to the Standard Atmosphere Model'
-    },
-    xAxis: {
-        reversed: false,
-        title: {
-            enabled: true,
-            text: 'Altitude'
-        },
-        labels: {
-            format: '{value} km'
-        },
-        accessibility: {
-            rangeDescription: 'Range: 0 to 80 km.'
-        },
-        maxPadding: 0.05,
-        showLastLabel: true
-    },
-    yAxis: {
-        title: {
-            text: 'Temperature'
-        },
-        labels: {
-            format: '{value}°'
-        },
-        accessibility: {
-            rangeDescription: 'Range: -90°C to 20°C.'
-        },
-        lineWidth: 2
-    },
-    legend: {
-        enabled: false
-    },
-    tooltip: {
-        headerFormat: '<b>{series.name}</b><br/>',
-        pointFormat: '{point.x} km: {point.y}°C'
-    },
-    plotOptions: {
-        spline: {
-            marker: {
-                enable: false
-            }
-        }
-    },
-    series: [{
-        name: 'Temperature',
-        data: [[0, 15], [10, -50], [20, -56.5], [30, -46.5], [40, -22.1],
-            [50, -2.5], [60, -27.7], [70, -55.7], [80, -76.5]]
-    }]
-});
-		</script>
-	</body>
-</html>

package/src/assets/plugins/highcharts/examples/spline-irregular-time/index.html

@@ -1,255 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<title>Highcharts Example</title>
-
-		<style type="text/css">
-.highcharts-figure,
-.highcharts-data-table table {
-    min-width: 310px;
-    max-width: 800px;
-    margin: 1em auto;
-}
-
-.highcharts-data-table table {
-    font-family: Verdana, sans-serif;
-    border-collapse: collapse;
-    border: 1px solid #ebebeb;
-    margin: 10px auto;
-    text-align: center;
-    width: 100%;
-    max-width: 500px;
-}
-
-.highcharts-data-table caption {
-    padding: 1em 0;
-    font-size: 1.2em;
-    color: #555;
-}
-
-.highcharts-data-table th {
-    font-weight: 600;
-    padding: 0.5em;
-}
-
-.highcharts-data-table td,
-.highcharts-data-table th,
-.highcharts-data-table caption {
-    padding: 0.5em;
-}
-
-.highcharts-data-table thead tr,
-.highcharts-data-table tr:nth-child(even) {
-    background: #f8f8f8;
-}
-
-.highcharts-data-table tr:hover {
-    background: #f1f7ff;
-}
-
-		</style>
-	</head>
-	<body>
-<script src="../../code/highcharts.js"></script>
-<script src="../../code/modules/series-label.js"></script>
-<script src="../../code/modules/exporting.js"></script>
-<script src="../../code/modules/export-data.js"></script>
-<script src="../../code/modules/accessibility.js"></script>
-
-<figure class="highcharts-figure">
-    <div id="container"></div>
-    <p class="highcharts-description">
-        This demo visualizes a data set with irregular time intervals.
-        Highcharts comes with sophisticated functionality for dealing
-        with time data, including support for different time zones and
-        irregular intervals.
-    </p>
-</figure>
-
-
-
-		<script type="text/javascript">
-Highcharts.chart('container', {
-    chart: {
-        type: 'spline'
-    },
-    title: {
-        text: 'Snow depth at Vikjafjellet, Norway'
-    },
-    subtitle: {
-        text: 'Irregular time data in Highcharts JS'
-    },
-    xAxis: {
-        type: 'datetime',
-        dateTimeLabelFormats: { // don't display the dummy year
-            month: '%e. %b',
-            year: '%b'
-        },
-        title: {
-            text: 'Date'
-        }
-    },
-    yAxis: {
-        title: {
-            text: 'Snow depth (m)'
-        },
-        min: 0
-    },
-    tooltip: {
-        headerFormat: '<b>{series.name}</b><br>',
-        pointFormat: '{point.x:%e. %b}: {point.y:.2f} m'
-    },
-
-    plotOptions: {
-        series: {
-            marker: {
-                enabled: true
-            }
-        }
-    },
-
-    colors: ['#6CF', '#39F', '#06C', '#036', '#000'],
-
-    // Define the data points. All series have a dummy year
-    // of 1970/71 in order to be compared on the same x axis. Note
-    // that in JavaScript, months start at 0 for January, 1 for February etc.
-    series: [{
-        name: "Winter 2014-2015",
-        data: [
-            [Date.UTC(1970, 10, 25), 0],
-            [Date.UTC(1970, 11,  6), 0.25],
-            [Date.UTC(1970, 11, 20), 1.41],
-            [Date.UTC(1970, 11, 25), 1.64],
-            [Date.UTC(1971, 0,  4), 1.6],
-            [Date.UTC(1971, 0, 17), 2.55],
-            [Date.UTC(1971, 0, 24), 2.62],
-            [Date.UTC(1971, 1,  4), 2.5],
-            [Date.UTC(1971, 1, 14), 2.42],
-            [Date.UTC(1971, 2,  6), 2.74],
-            [Date.UTC(1971, 2, 14), 2.62],
-            [Date.UTC(1971, 2, 24), 2.6],
-            [Date.UTC(1971, 3,  1), 2.81],
-            [Date.UTC(1971, 3, 11), 2.63],
-            [Date.UTC(1971, 3, 27), 2.77],
-            [Date.UTC(1971, 4,  4), 2.68],
-            [Date.UTC(1971, 4,  9), 2.56],
-            [Date.UTC(1971, 4, 14), 2.39],
-            [Date.UTC(1971, 4, 19), 2.3],
-            [Date.UTC(1971, 5,  4), 2],
-            [Date.UTC(1971, 5,  9), 1.85],
-            [Date.UTC(1971, 5, 14), 1.49],
-            [Date.UTC(1971, 5, 19), 1.27],
-            [Date.UTC(1971, 5, 24), 0.99],
-            [Date.UTC(1971, 5, 29), 0.67],
-            [Date.UTC(1971, 6,  3), 0.18],
-            [Date.UTC(1971, 6,  4), 0]
-        ]
-    }, {
-        name: "Winter 2015-2016",
-        data: [
-            [Date.UTC(1970, 10,  9), 0],
-            [Date.UTC(1970, 10, 15), 0.23],
-            [Date.UTC(1970, 10, 20), 0.25],
-            [Date.UTC(1970, 10, 25), 0.23],
-            [Date.UTC(1970, 10, 30), 0.39],
-            [Date.UTC(1970, 11,  5), 0.41],
-            [Date.UTC(1970, 11, 10), 0.59],
-            [Date.UTC(1970, 11, 15), 0.73],
-            [Date.UTC(1970, 11, 20), 0.41],
-            [Date.UTC(1970, 11, 25), 1.07],
-            [Date.UTC(1970, 11, 30), 0.88],
-            [Date.UTC(1971, 0,  5), 0.85],
-            [Date.UTC(1971, 0, 11), 0.89],
-            [Date.UTC(1971, 0, 17), 1.04],
-            [Date.UTC(1971, 0, 20), 1.02],
-            [Date.UTC(1971, 0, 25), 1.03],
-            [Date.UTC(1971, 0, 30), 1.39],
-            [Date.UTC(1971, 1,  5), 1.77],
-            [Date.UTC(1971, 1, 26), 2.12],
-            [Date.UTC(1971, 3, 19), 2.1],
-            [Date.UTC(1971, 4,  9), 1.7],
-            [Date.UTC(1971, 4, 29), 0.85],
-            [Date.UTC(1971, 5,  7), 0]
-        ]
-    }, {
-        name: "Winter 2016-2017",
-        data: [
-            [Date.UTC(1970, 9, 15), 0],
-            [Date.UTC(1970, 9, 31), 0.09],
-            [Date.UTC(1970, 10,  7), 0.17],
-            [Date.UTC(1970, 10, 10), 0.1],
-            [Date.UTC(1970, 11, 10), 0.1],
-            [Date.UTC(1970, 11, 13), 0.1],
-            [Date.UTC(1970, 11, 16), 0.11],
-            [Date.UTC(1970, 11, 19), 0.11],
-            [Date.UTC(1970, 11, 22), 0.08],
-            [Date.UTC(1970, 11, 25), 0.23],
-            [Date.UTC(1970, 11, 28), 0.37],
-            [Date.UTC(1971, 0, 16), 0.68],
-            [Date.UTC(1971, 0, 19), 0.55],
-            [Date.UTC(1971, 0, 22), 0.4],
-            [Date.UTC(1971, 0, 25), 0.4],
-            [Date.UTC(1971, 0, 28), 0.37],
-            [Date.UTC(1971, 0, 31), 0.43],
-            [Date.UTC(1971, 1,  4), 0.42],
-            [Date.UTC(1971, 1,  7), 0.39],
-            [Date.UTC(1971, 1, 10), 0.39],
-            [Date.UTC(1971, 1, 13), 0.39],
-            [Date.UTC(1971, 1, 16), 0.39],
-            [Date.UTC(1971, 1, 19), 0.35],
-            [Date.UTC(1971, 1, 22), 0.45],
-            [Date.UTC(1971, 1, 25), 0.62],
-            [Date.UTC(1971, 1, 28), 0.68],
-            [Date.UTC(1971, 2,  4), 0.68],
-            [Date.UTC(1971, 2,  7), 0.65],
-            [Date.UTC(1971, 2, 10), 0.65],
-            [Date.UTC(1971, 2, 13), 0.75],
-            [Date.UTC(1971, 2, 16), 0.86],
-            [Date.UTC(1971, 2, 19), 1.14],
-            [Date.UTC(1971, 2, 22), 1.2],
-            [Date.UTC(1971, 2, 25), 1.27],
-            [Date.UTC(1971, 2, 27), 1.12],
-            [Date.UTC(1971, 2, 30), 0.98],
-            [Date.UTC(1971, 3,  3), 0.85],
-            [Date.UTC(1971, 3,  6), 1.04],
-            [Date.UTC(1971, 3,  9), 0.92],
-            [Date.UTC(1971, 3, 12), 0.96],
-            [Date.UTC(1971, 3, 15), 0.94],
-            [Date.UTC(1971, 3, 18), 0.99],
-            [Date.UTC(1971, 3, 21), 0.96],
-            [Date.UTC(1971, 3, 24), 1.15],
-            [Date.UTC(1971, 3, 27), 1.18],
-            [Date.UTC(1971, 3, 30), 1.12],
-            [Date.UTC(1971, 4,  3), 1.06],
-            [Date.UTC(1971, 4,  6), 0.96],
-            [Date.UTC(1971, 4,  9), 0.87],
-            [Date.UTC(1971, 4, 12), 0.88],
-            [Date.UTC(1971, 4, 15), 0.79],
-            [Date.UTC(1971, 4, 18), 0.54],
-            [Date.UTC(1971, 4, 21), 0.34],
-            [Date.UTC(1971, 4, 25), 0]
-        ]
-    }],
-
-    responsive: {
-        rules: [{
-            condition: {
-                maxWidth: 500
-            },
-            chartOptions: {
-                plotOptions: {
-                    series: {
-                        marker: {
-                            radius: 2.5
-                        }
-                    }
-                }
-            }
-        }]
-    }
-});
-		</script>
-	</body>
-</html>

package/src/assets/plugins/highcharts/examples/spline-plot-bands/index.html

@@ -1,223 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<title>Highcharts Example</title>
-
-		<style type="text/css">
-.highcharts-figure,
-.highcharts-data-table table {
-    min-width: 310px;
-    max-width: 800px;
-    margin: 1em auto;
-}
-
-.highcharts-data-table table {
-    font-family: Verdana, sans-serif;
-    border-collapse: collapse;
-    border: 1px solid #ebebeb;
-    margin: 10px auto;
-    text-align: center;
-    width: 100%;
-    max-width: 500px;
-}
-
-.highcharts-data-table caption {
-    padding: 1em 0;
-    font-size: 1.2em;
-    color: #555;
-}
-
-.highcharts-data-table th {
-    font-weight: 600;
-    padding: 0.5em;
-}
-
-.highcharts-data-table td,
-.highcharts-data-table th,
-.highcharts-data-table caption {
-    padding: 0.5em;
-}
-
-.highcharts-data-table thead tr,
-.highcharts-data-table tr:nth-child(even) {
-    background: #f8f8f8;
-}
-
-.highcharts-data-table tr:hover {
-    background: #f1f7ff;
-}
-
-		</style>
-	</head>
-	<body>
-<script src="../../code/highcharts.js"></script>
-<script src="../../code/modules/series-label.js"></script>
-<script src="../../code/modules/exporting.js"></script>
-<script src="../../code/modules/export-data.js"></script>
-<script src="../../code/modules/accessibility.js"></script>
-
-<figure class="highcharts-figure">
-    <div id="container"></div>
-    <p class="highcharts-description">
-        This demo shows how plot bands can be used on an axis to
-        highlight regions of a chart. In this example, the plot
-        bands are used to separate the wind speeds on the Y-axis
-        into categories.
-    </p>
-</figure>
-
-
-
-		<script type="text/javascript">
-// Data retrieved from http://vikjavev.no/ver/index.php?spenn=2d&sluttid=16.06.2015.
-
-Highcharts.chart('container', {
-    chart: {
-        type: 'spline',
-        scrollablePlotArea: {
-            minWidth: 600,
-            scrollPositionX: 1
-        }
-    },
-    title: {
-        text: 'Wind speed during two days',
-        align: 'left'
-    },
-    subtitle: {
-        text: '13th & 14th of February, 2018 at two locations in Vik i Sogn, Norway',
-        align: 'left'
-    },
-    xAxis: {
-        type: 'datetime',
-        labels: {
-            overflow: 'justify'
-        }
-    },
-    yAxis: {
-        title: {
-            text: 'Wind speed (m/s)'
-        },
-        minorGridLineWidth: 0,
-        gridLineWidth: 0,
-        alternateGridColor: null,
-        plotBands: [{ // Light air
-            from: 0.3,
-            to: 1.5,
-            color: 'rgba(68, 170, 213, 0.1)',
-            label: {
-                text: 'Light air',
-                style: {
-                    color: '#606060'
-                }
-            }
-        }, { // Light breeze
-            from: 1.5,
-            to: 3.3,
-            color: 'rgba(0, 0, 0, 0)',
-            label: {
-                text: 'Light breeze',
-                style: {
-                    color: '#606060'
-                }
-            }
-        }, { // Gentle breeze
-            from: 3.3,
-            to: 5.5,
-            color: 'rgba(68, 170, 213, 0.1)',
-            label: {
-                text: 'Gentle breeze',
-                style: {
-                    color: '#606060'
-                }
-            }
-        }, { // Moderate breeze
-            from: 5.5,
-            to: 8,
-            color: 'rgba(0, 0, 0, 0)',
-            label: {
-                text: 'Moderate breeze',
-                style: {
-                    color: '#606060'
-                }
-            }
-        }, { // Fresh breeze
-            from: 8,
-            to: 11,
-            color: 'rgba(68, 170, 213, 0.1)',
-            label: {
-                text: 'Fresh breeze',
-                style: {
-                    color: '#606060'
-                }
-            }
-        }, { // Strong breeze
-            from: 11,
-            to: 14,
-            color: 'rgba(0, 0, 0, 0)',
-            label: {
-                text: 'Strong breeze',
-                style: {
-                    color: '#606060'
-                }
-            }
-        }, { // High wind
-            from: 14,
-            to: 15,
-            color: 'rgba(68, 170, 213, 0.1)',
-            label: {
-                text: 'High wind',
-                style: {
-                    color: '#606060'
-                }
-            }
-        }]
-    },
-    tooltip: {
-        valueSuffix: ' m/s'
-    },
-    plotOptions: {
-        spline: {
-            lineWidth: 4,
-            states: {
-                hover: {
-                    lineWidth: 5
-                }
-            },
-            marker: {
-                enabled: false
-            },
-            pointInterval: 3600000, // one hour
-            pointStart: Date.UTC(2018, 1, 13, 0, 0, 0)
-        }
-    },
-    series: [{
-        name: 'Hestavollane',
-        data: [
-            3.7, 3.3, 3.9, 5.1, 3.5, 3.8, 4.0, 5.0, 6.1, 3.7, 3.3, 6.4,
-            6.9, 6.0, 6.8, 4.4, 4.0, 3.8, 5.0, 4.9, 9.2, 9.6, 9.5, 6.3,
-            9.5, 10.8, 14.0, 11.5, 10.0, 10.2, 10.3, 9.4, 8.9, 10.6, 10.5, 11.1,
-            10.4, 10.7, 11.3, 10.2, 9.6, 10.2, 11.1, 10.8, 13.0, 12.5, 12.5, 11.3,
-            10.1
-        ]
-
-    }, {
-        name: 'Vik',
-        data: [
-            0.2, 0.1, 0.1, 0.1, 0.3, 0.2, 0.3, 0.1, 0.7, 0.3, 0.2, 0.2,
-            0.3, 0.1, 0.3, 0.4, 0.3, 0.2, 0.3, 0.2, 0.4, 0.0, 0.9, 0.3,
-            0.7, 1.1, 1.8, 1.2, 1.4, 1.2, 0.9, 0.8, 0.9, 0.2, 0.4, 1.2,
-            0.3, 2.3, 1.0, 0.7, 1.0, 0.8, 2.0, 1.2, 1.4, 3.7, 2.1, 2.0,
-            1.5
-        ]
-    }],
-    navigation: {
-        menuItemStyle: {
-            fontSize: '10px'
-        }
-    }
-});
-		</script>
-	</body>
-</html>