| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522 | /** * Accessibility module - internationalization support * * (c) 2010-2019 Highsoft AS * Author: Øystein Moseng * * License: www.highcharts.com/license */'use strict';import H from '../parts/Globals.js';import '../parts/Utilities.js';var pick = H.pick;/** * String trim that works for IE6-8 as well. * * @private * @function stringTrim * * @param {string} str *        The input string * * @return {string} *         The trimmed string */function stringTrim(str) {    return str.trim && str.trim() || str.replace(/^\s+|\s+$/g, '');}/** * i18n utility function. Format a single array or plural statement in a format * string. If the statement is not an array or plural statement, returns the * statement within brackets. Invalid array statements return an empty string. * * @private * @function formatExtendedStatement * * @param {string} statement * * @param {Highcharts.Dictionary<*>} ctx *        Context to apply to the format string. * * @return {string} */function formatExtendedStatement(statement, ctx) {    var eachStart = statement.indexOf('#each('),        pluralStart = statement.indexOf('#plural('),        indexStart = statement.indexOf('['),        indexEnd = statement.indexOf(']'),        arr,        result;    // Dealing with an each-function?    if (eachStart > -1) {        var eachEnd = statement.slice(eachStart).indexOf(')') + eachStart,            preEach = statement.substring(0, eachStart),            postEach = statement.substring(eachEnd + 1),            eachStatement = statement.substring(eachStart + 6, eachEnd),            eachArguments = eachStatement.split(','),            lenArg = Number(eachArguments[1]),            len;        result = '';        arr = ctx[eachArguments[0]];        if (arr) {            lenArg = isNaN(lenArg) ? arr.length : lenArg;            len = lenArg < 0 ?                arr.length + lenArg :                Math.min(lenArg, arr.length); // Overshoot            // Run through the array for the specified length            for (var i = 0; i < len; ++i) {                result += preEach + arr[i] + postEach;            }        }        return result.length ? result : '';    }    // Dealing with a plural-function?    if (pluralStart > -1) {        var pluralEnd = statement.slice(pluralStart).indexOf(')') + pluralStart,            pluralStatement = statement.substring(pluralStart + 8, pluralEnd),            pluralArguments = pluralStatement.split(','),            num = Number(ctx[pluralArguments[0]]);        switch (num) {        case 0:            result = pick(pluralArguments[4], pluralArguments[1]);            break;        case 1:            result = pick(pluralArguments[2], pluralArguments[1]);            break;        case 2:            result = pick(pluralArguments[3], pluralArguments[1]);            break;        default:            result = pluralArguments[1];        }        return result ? stringTrim(result) : '';    }    // Array index    if (indexStart > -1) {        var arrayName = statement.substring(0, indexStart),            ix = Number(statement.substring(indexStart + 1, indexEnd)),            val;        arr = ctx[arrayName];        if (!isNaN(ix) && arr) {            if (ix < 0) {                val = arr[arr.length + ix];                // Handle negative overshoot                if (val === undefined) {                    val = arr[0];                }            } else {                val = arr[ix];                // Handle positive overshoot                if (val === undefined) {                    val = arr[arr.length - 1];                }            }        }        return val !== undefined ? val : '';    }    // Standard substitution, delegate to H.format or similar    return '{' + statement + '}';}/** * i18n formatting function. Extends Highcharts.format() functionality by also * handling arrays and plural conditionals. Arrays can be indexed as follows: * * - Format: 'This is the first index: {myArray[0]}. The last: {myArray[-1]}.' * * - Context: { myArray: [0, 1, 2, 3, 4, 5] } * * - Result: 'This is the first index: 0. The last: 5.' * * * They can also be iterated using the #each() function. This will repeat the * contents of the bracket expression for each element. Example: * * - Format: 'List contains: {#each(myArray)cm }' * * - Context: { myArray: [0, 1, 2] } * * - Result: 'List contains: 0cm 1cm 2cm ' * * * The #each() function optionally takes a length parameter. If positive, this * parameter specifies the max number of elements to iterate through. If * negative, the function will subtract the number from the length of the array. * Use this to stop iterating before the array ends. Example: * * - Format: 'List contains: {#each(myArray, -1) }and {myArray[-1]}.' * * - Context: { myArray: [0, 1, 2, 3] } * * - Result: 'List contains: 0, 1, 2, and 3.' * * * Use the #plural() function to pick a string depending on whether or not a * context object is 1. Arguments are #plural(obj, plural, singular). Example: * * - Format: 'Has {numPoints} {#plural(numPoints, points, point}.' * * - Context: { numPoints: 5 } * * - Result: 'Has 5 points.' * * * Optionally there are additional parameters for dual and none: #plural(obj, * plural, singular, dual, none). Example: * * - Format: 'Has {#plural(numPoints, many points, one point, two points, *   none}.' * * - Context: { numPoints: 2 } * * - Result: 'Has two points.' * * * The dual or none parameters will take precedence if they are supplied. * * * @function Highcharts.i18nFormat * @requires a11y-i18n * * @param {string} formatString *        The string to format. * * @param {Highcharts.Dictionary<*>} context *        Context to apply to the format string. * * @param {Highcharts.Time} time *        A `Time` instance for date formatting, passed on to H.format(). * * @return {string} *         The formatted string. */H.i18nFormat = function (formatString, context, time) {    var getFirstBracketStatement = function (sourceStr, offset) {            var str = sourceStr.slice(offset || 0),                startBracket = str.indexOf('{'),                endBracket = str.indexOf('}');            if (startBracket > -1 && endBracket > startBracket) {                return {                    statement: str.substring(startBracket + 1, endBracket),                    begin: offset + startBracket + 1,                    end: offset + endBracket                };            }        },        tokens = [],        bracketRes,        constRes,        cursor = 0;    // Tokenize format string into bracket statements and constants    do {        bracketRes = getFirstBracketStatement(formatString, cursor);        constRes = formatString.substring(            cursor,            bracketRes && bracketRes.begin - 1        );        // If we have constant content before this bracket statement, add it        if (constRes.length) {            tokens.push({                value: constRes,                type: 'constant'            });        }        // Add the bracket statement        if (bracketRes) {            tokens.push({                value: bracketRes.statement,                type: 'statement'            });        }        cursor = bracketRes && bracketRes.end + 1;    } while (bracketRes);    // Perform the formatting. The formatArrayStatement function returns the    // statement in brackets if it is not an array statement, which means it    // gets picked up by H.format below.    tokens.forEach(function (token) {        if (token.type === 'statement') {            token.value = formatExtendedStatement(token.value, context);        }    });    // Join string back together and pass to H.format to pick up non-array    // statements.    return H.format(tokens.reduce(function (acc, cur) {        return acc + cur.value;    }, ''), context, time);};/** * Apply context to a format string from lang options of the chart. * * @function Highcharts.Chart#langFormat * @requires a11y-i18n * * @param {string} langKey *        Key (using dot notation) into lang option structure. * * @param {Highcharts.Dictionary<*>} context *        Context to apply to the format string. * * @return {string} *         The formatted string. */H.Chart.prototype.langFormat = function (langKey, context, time) {    var keys = langKey.split('.'),        formatString = this.options.lang,        i = 0;    for (; i < keys.length; ++i) {        formatString = formatString && formatString[keys[i]];    }    return typeof formatString === 'string' && H.i18nFormat(        formatString, context, time    );};H.setOptions({    lang: {        /**     * Configure the accessibility strings in the chart. Requires the     * [accessibility module](//code.highcharts.com/modules/accessibility.js)     * to be loaded. For a description of the module and information on its     * features, see [Highcharts Accessibility](     * http://www.highcharts.com/docs/chart-concepts/accessibility).     *     * For more dynamic control over the accessibility functionality, see     * [accessibility.pointDescriptionFormatter](     * accessibility.pointDescriptionFormatter),     * [accessibility.seriesDescriptionFormatter](     * accessibility.seriesDescriptionFormatter), and     * [accessibility.screenReaderSectionFormatter](     * accessibility.screenReaderSectionFormatter).     *     * @since        6.0.6     * @optionparent lang.accessibility     */        accessibility: {            /* eslint-disable max-len */            screenReaderRegionLabel: 'Chart screen reader information.',            navigationHint: 'Use regions/landmarks to skip ahead to chart {#plural(numSeries, and navigate between data series,)}',            defaultChartTitle: 'Chart',            longDescriptionHeading: 'Long description.',            noDescription: 'No description available.',            structureHeading: 'Structure.',            viewAsDataTable: 'View as data table.',            chartHeading: 'Chart graphic.',            chartContainerLabel: 'Interactive chart. {title}. Use up and down arrows to navigate with most screen readers.',            rangeSelectorMinInput: 'Select start date.',            rangeSelectorMaxInput: 'Select end date.',            tableSummary: 'Table representation of chart.',            mapZoomIn: 'Zoom chart',            mapZoomOut: 'Zoom out chart',            rangeSelectorButton: 'Select range {buttonText}',            legendItem: 'Toggle visibility of series {itemName}',            /* eslint-enable max-len */            /**         * Title element text for the chart SVG element. Leave this         * empty to disable adding the title element. Browsers will display         * this content when hovering over elements in the chart. Assistive         * technology may use this element to label the chart.         *         * @since 6.0.8         */            svgContainerTitle: '{chartTitle}',            /**         * Descriptions of lesser known series types. The relevant         * description is added to the screen reader information region         * when these series types are used.         *         * @since 6.0.6         */            seriesTypeDescriptions: {                boxplot: 'Box plot charts are typically used to display ' +                'groups of statistical data. Each data point in the ' +                'chart can have up to 5 values: minimum, lower quartile, ' +                'median, upper quartile, and maximum.',                arearange: 'Arearange charts are line charts displaying a ' +                'range between a lower and higher value for each point.',                areasplinerange: 'These charts are line charts displaying a ' +                'range between a lower and higher value for each point.',                bubble: 'Bubble charts are scatter charts where each data ' +                'point also has a size value.',                columnrange: 'Columnrange charts are column charts ' +                'displaying a range between a lower and higher value for ' +                'each point.',                errorbar: 'Errorbar series are used to display the ' +                'variability of the data.',                funnel: 'Funnel charts are used to display reduction of data ' +                'in stages.',                pyramid: 'Pyramid charts consist of a single pyramid with ' +                'item heights corresponding to each point value.',                waterfall: 'A waterfall chart is a column chart where each ' +                'column contributes towards a total end value.'            },            /**         * Chart type description strings. This is added to the chart         * information region.         *         * If there is only a single series type used in the chart, we use         * the format string for the series type, or default if missing.         * There is one format string for cases where there is only a single         * series in the chart, and one for multiple series of the same         * type.         *         * @since 6.0.6         */            chartTypes: {            /* eslint-disable max-len */                emptyChart: 'Empty chart',                mapTypeDescription: 'Map of {mapTitle} with {numSeries} data series.',                unknownMap: 'Map of unspecified region with {numSeries} data series.',                combinationChart: 'Combination chart with {numSeries} data series.',                defaultSingle: 'Chart with {numPoints} data {#plural(numPoints, points, point)}.',                defaultMultiple: 'Chart with {numSeries} data series.',                splineSingle: 'Line chart with {numPoints} data {#plural(numPoints, points, point)}.',                splineMultiple: 'Line chart with {numSeries} lines.',                lineSingle: 'Line chart with {numPoints} data {#plural(numPoints, points, point)}.',                lineMultiple: 'Line chart with {numSeries} lines.',                columnSingle: 'Bar chart with {numPoints} {#plural(numPoints, bars, bar)}.',                columnMultiple: 'Bar chart with {numSeries} data series.',                barSingle: 'Bar chart with {numPoints} {#plural(numPoints, bars, bar)}.',                barMultiple: 'Bar chart with {numSeries} data series.',                pieSingle: 'Pie chart with {numPoints} {#plural(numPoints, slices, slice)}.',                pieMultiple: 'Pie chart with {numSeries} pies.',                scatterSingle: 'Scatter chart with {numPoints} {#plural(numPoints, points, point)}.',                scatterMultiple: 'Scatter chart with {numSeries} data series.',                boxplotSingle: 'Boxplot with {numPoints} {#plural(numPoints, boxes, box)}.',                boxplotMultiple: 'Boxplot with {numSeries} data series.',                bubbleSingle: 'Bubble chart with {numPoints} {#plural(numPoints, bubbles, bubble)}.',                bubbleMultiple: 'Bubble chart with {numSeries} data series.'            }, /* eslint-enable max-len */            /**         * Axis description format strings.         *         * @since 6.0.6         */            axis: {            /* eslint-disable max-len */                xAxisDescriptionSingular: 'The chart has 1 X axis displaying {names[0]}.',                xAxisDescriptionPlural: 'The chart has {numAxes} X axes displaying {#names.forEach(-1) }and {names[-1]}',                yAxisDescriptionSingular: 'The chart has 1 Y axis displaying {names[0]}.',                yAxisDescriptionPlural: 'The chart has {numAxes} Y axes displaying {#names.forEach(-1) }and {names[-1]}'            }, /* eslint-enable max-len */            /**         * Exporting menu format strings for accessibility module.         *         * @since 6.0.6         */            exporting: {                chartMenuLabel: 'Chart export',                menuButtonLabel: 'View export menu',                exportRegionLabel: 'Chart export menu'            },            /**         * Lang configuration for different series types. For more dynamic         * control over the series element descriptions, see         * [accessibility.seriesDescriptionFormatter](         * accessibility.seriesDescriptionFormatter).         *         * @since 6.0.6         */            series: {            /**             * Lang configuration for the series main summary. Each series             * type has two modes:             *             * 1. This series type is the only series type used in the             *    chart             *             * 2. This is a combination chart with multiple series types             *             * If a definition does not exist for the specific series type             * and mode, the 'default' lang definitions are used.             *             * @since 6.0.6             */                summary: {                /* eslint-disable max-len */                    'default': '{name}, series {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}.',                    defaultCombination: '{name}, series {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}.',                    line: '{name}, line {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}.',                    lineCombination: '{name}, series {ix} of {numSeries}. Line with {numPoints} data {#plural(numPoints, points, point)}.',                    spline: '{name}, line {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}.',                    splineCombination: '{name}, series {ix} of {numSeries}. Line with {numPoints} data {#plural(numPoints, points, point)}.',                    column: '{name}, bar series {ix} of {numSeries} with {numPoints} {#plural(numPoints, bars, bar)}.',                    columnCombination: '{name}, series {ix} of {numSeries}. Bar series with {numPoints} {#plural(numPoints, bars, bar)}.',                    bar: '{name}, bar series {ix} of {numSeries} with {numPoints} {#plural(numPoints, bars, bar)}.',                    barCombination: '{name}, series {ix} of {numSeries}. Bar series with {numPoints} {#plural(numPoints, bars, bar)}.',                    pie: '{name}, pie {ix} of {numSeries} with {numPoints} {#plural(numPoints, slices, slice)}.',                    pieCombination: '{name}, series {ix} of {numSeries}. Pie with {numPoints} {#plural(numPoints, slices, slice)}.',                    scatter: '{name}, scatter plot {ix} of {numSeries} with {numPoints} {#plural(numPoints, points, point)}.',                    scatterCombination: '{name}, series {ix} of {numSeries}, scatter plot with {numPoints} {#plural(numPoints, points, point)}.',                    boxplot: '{name}, boxplot {ix} of {numSeries} with {numPoints} {#plural(numPoints, boxes, box)}.',                    boxplotCombination: '{name}, series {ix} of {numSeries}. Boxplot with {numPoints} {#plural(numPoints, boxes, box)}.',                    bubble: '{name}, bubble series {ix} of {numSeries} with {numPoints} {#plural(numPoints, bubbles, bubble)}.',                    bubbleCombination: '{name}, series {ix} of {numSeries}. Bubble series with {numPoints} {#plural(numPoints, bubbles, bubble)}.',                    map: '{name}, map {ix} of {numSeries} with {numPoints} {#plural(numPoints, areas, area)}.',                    mapCombination: '{name}, series {ix} of {numSeries}. Map with {numPoints} {#plural(numPoints, areas, area)}.',                    mapline: '{name}, line {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}.',                    maplineCombination: '{name}, series {ix} of {numSeries}. Line with {numPoints} data {#plural(numPoints, points, point)}.',                    mapbubble: '{name}, bubble series {ix} of {numSeries} with {numPoints} {#plural(numPoints, bubbles, bubble)}.',                    mapbubbleCombination: '{name}, series {ix} of {numSeries}. Bubble series with {numPoints} {#plural(numPoints, bubbles, bubble)}.'                }, /* eslint-enable max-len */                /**             * User supplied description text. This is added after the main             * summary if present.             *             * @since 6.0.6             */                description: '{description}',                /**             * xAxis description for series if there are multiple xAxes in             * the chart.             *             * @since 6.0.6             */                xAxisDescription: 'X axis, {name}',                /**             * yAxis description for series if there are multiple yAxes in             * the chart.             *             * @since 6.0.6             */                yAxisDescription: 'Y axis, {name}'            }        }    }});
 |