survey-analytics 2.2.1 → 2.2.3

package/fesm/shared.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.2.1
+ * surveyjs - SurveyJS Dashboard library v2.2.3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -80,6 +80,8 @@ var englishStrings = {
     npsPromoters: "Promoters",
     npsPassives: "Passives",
     npsDetractors: "Detractors",
+    axisXSelectorTitle: "X axis:",
+    axisYSelectorTitle: "Y axis:"
 };
 // Uncomment the lines below if you create a custom dictionary.
 // Replace "en" with a custom locale code (for example, "fr" or "de"),
@@ -140,6 +142,197 @@ var surveyStrings = englishStrings;
 localization.locales["en"] = englishStrings;
 localization.localeNames["en"] = "English";
 
+class DocumentHelper {
+    static createSelector(options, isSelected, handler, title) {
+        const selectWrapper = document.createElement("div");
+        selectWrapper.className = "sa-question__select-wrapper";
+        if (title) {
+            const titleElement = DocumentHelper.createElement("span", "sa-question__select-title", {
+                innerText: title,
+            });
+            selectWrapper.appendChild(titleElement);
+        }
+        const select = document.createElement("select");
+        select.className = "sa-question__select";
+        options.forEach((option) => {
+            let optionElement = DocumentHelper.createElement("option", "", {
+                value: option.value,
+                text: option.text,
+                selected: isSelected(option),
+            });
+            select.appendChild(optionElement);
+        });
+        select.onchange = handler;
+        selectWrapper.appendChild(select);
+        return selectWrapper;
+    }
+    static createButton(handler, text = "", className = "sa-toolbar__button") {
+        const button = DocumentHelper.createElement("span", className, {
+            innerText: text,
+            onclick: handler,
+        });
+        return button;
+    }
+    static createElement(tagName, className = "", attrs) {
+        var el = document.createElement(tagName);
+        el.className = className;
+        if (!!attrs) {
+            Object.keys(attrs).forEach(function (key) {
+                el[key] = attrs[key];
+            });
+        }
+        return el;
+    }
+    static createSvgElement(path) {
+        const svgElem = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        const useElem = document.createElementNS("http://www.w3.org/2000/svg", "use");
+        useElem.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#sa-svg-" + path);
+        svgElem.appendChild(useElem);
+        return svgElem;
+    }
+    static createSvgButton(path) {
+        const btn = (DocumentHelper.createElement("button", "sa-table__svg-button"));
+        btn.appendChild(DocumentHelper.createSvgElement(path));
+        return btn;
+    }
+    static createSvgToggleButton(svgPath1, svPpath2, text1, text2, handler1, handler2, state = "first", className = "sa-toolbar__button sa-toolbar__svg-button") {
+        const svg1 = DocumentHelper.createSvgElement(svgPath1);
+        const svg2 = DocumentHelper.createSvgElement(svPpath2);
+        const button = DocumentHelper.createElement("button", className);
+        const toggle = (e) => {
+            if (state === "first") {
+                state = "second";
+                button.title = text2;
+                button.removeChild(svg1);
+                button.appendChild(svg2);
+                handler2(e);
+            }
+            else if (state === "second") {
+                state = "first";
+                button.title = text1;
+                button.removeChild(svg2);
+                button.appendChild(svg1);
+                handler1(e);
+            }
+        };
+        if (state === "first") {
+            button.title = text1;
+            button.appendChild(svg1);
+        }
+        else if ((state = "second")) {
+            button.title = text2;
+            button.appendChild(svg2);
+        }
+        button.onclick = toggle;
+        return button;
+    }
+    static createInput(className, placeholder = "", defaultValue = "") {
+        var el = DocumentHelper.createElement("input", className, {
+            placeholder: placeholder,
+            defaultValue: defaultValue,
+        });
+        return el;
+    }
+}
+function createCommercialLicenseLink() {
+    const container = DocumentHelper.createElement("div", "sa-commercial");
+    const link = DocumentHelper.createElement("a", "sa-commercial__text", {
+        href: "https://www.surveyjs.io/Buy",
+        target: "_blank",
+    });
+    const containerSpan = DocumentHelper.createElement("span", "");
+    const icon = DocumentHelper.createSvgElement("noncommercial");
+    const textSpan = DocumentHelper.createElement("span", "sa-commercial__product", {
+        innerText: "Please purchase a SurveyJS Analytics developer license to use it in your app.",
+    });
+    container.appendChild(link).appendChild(containerSpan);
+    containerSpan.appendChild(icon);
+    containerSpan.appendChild(textSpan);
+    return container;
+}
+function createLoadingIndicator() {
+    const container = DocumentHelper.createElement("div", "sa-data-loading-indicator-panel");
+    const loadingIndicator = DocumentHelper.createElement("div", "sa-data-loading-indicator");
+    loadingIndicator.innerHTML = `
+      <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g clip-path="url(#clip0_17928_11482)">
+          <path d="M32 64C14.36 64 0 49.65 0 32C0 14.35 14.36 0 32 0C49.64 0 64 14.35 64 32C64 49.65 49.64 64 32 64ZM32 4C16.56 4 4 16.56 4 32C4 47.44 16.56 60 32 60C47.44 60 60 47.44 60 32C60 16.56 47.44 4 32 4Z" fill="#E5E5E5"></path>
+          <path d="M53.2101 55.2104C52.7001 55.2104 52.1901 55.0104 51.8001 54.6204C51.0201 53.8404 51.0201 52.5704 51.8001 51.7904C57.0901 46.5004 60.0001 39.4704 60.0001 31.9904C60.0001 24.5104 57.0901 17.4804 51.8001 12.1904C51.0201 11.4104 51.0201 10.1404 51.8001 9.36039C52.5801 8.58039 53.8501 8.58039 54.6301 9.36039C60.6701 15.4004 64.0001 23.4404 64.0001 31.9904C64.0001 40.5404 60.6701 48.5704 54.6301 54.6204C54.2401 55.0104 53.7301 55.2104 53.2201 55.2104H53.2101Z" fill="#19B394"></path>
+        </g>
+        <defs>
+          <clipPath id="clip0_17928_11482">
+            <rect width="64" height="64" fill="white"></rect>
+          </clipPath>
+        </defs>
+      </svg>
+      `;
+    container.appendChild(loadingIndicator);
+    return container;
+}
+class DataHelper {
+    static zipArrays(...arrays) {
+        let zipArray = [];
+        for (let i = 0; i < arrays[0].length; i++) {
+            zipArray[i] = [];
+            arrays.forEach((arr) => {
+                zipArray[i].push(arr[i]);
+            });
+        }
+        return zipArray;
+    }
+    static unzipArrays(zipArray) {
+        let arrays = [];
+        zipArray.forEach((value, i) => {
+            value.forEach((val, j) => {
+                if (!arrays[j])
+                    arrays[j] = [];
+                arrays[j][i] = val;
+            });
+        });
+        return arrays;
+    }
+    static sortDictionary(keys, values, desc) {
+        let dictionary = this.zipArrays(keys, values);
+        let comparator = (a, b, asc = true) => {
+            let result = a[1] < b[1] ? 1 : a[1] == b[1] ? 0 : -1;
+            return asc ? result : result * -1;
+        };
+        dictionary.sort((a, b) => {
+            return desc ? comparator(a, b, false) : comparator(a, b);
+        });
+        let keysAndValues = this.unzipArrays(dictionary);
+        return { keys: keysAndValues[0], values: keysAndValues[1] };
+    }
+    static toPercentage(value, maxValue) {
+        return (value / maxValue) * 100;
+    }
+}
+function createLinksContainer(links) {
+    const linksContainer = DocumentHelper.createElement("div");
+    links.forEach((link) => {
+        linksContainer.appendChild(DocumentHelper.createElement("a", "", {
+            innerText: link.name,
+            download: link.name,
+            href: link.content,
+        }));
+    });
+    return linksContainer;
+}
+function createImagesContainer(links) {
+    const linksContainer = DocumentHelper.createElement("div");
+    links.forEach((link) => {
+        linksContainer.appendChild(DocumentHelper.createElement("img", "", {
+            alt: link.name,
+            src: link.content,
+        }));
+    });
+    return linksContainer;
+}
+function toPrecision(value, precision = 2) {
+    const base = Math.pow(10, precision);
+    return Math.round(base * value) / base;
+}
+
 // This dictionary contains 1 untranslated or inherited localization strings.
 // These strings are commented out. Uncomment and edit them if you want to add your translations.
 var farsiStrings = {
@@ -1226,191 +1419,6 @@ var finnishStrings = {
 localization.locales["fi"] = finnishStrings;
 localization.localeNames["fi"] = "Suomi";
 
-class DocumentHelper {
-    static createSelector(options, isSelected, handler) {
-        const selectWrapper = document.createElement("div");
-        selectWrapper.className = "sa-question__select-wrapper";
-        const select = document.createElement("select");
-        select.className = "sa-question__select";
-        options.forEach((option) => {
-            let optionElement = DocumentHelper.createElement("option", "", {
-                value: option.value,
-                text: option.text,
-                selected: isSelected(option),
-            });
-            select.appendChild(optionElement);
-        });
-        select.onchange = handler;
-        selectWrapper.appendChild(select);
-        return selectWrapper;
-    }
-    static createButton(handler, text = "", className = "sa-toolbar__button") {
-        const button = DocumentHelper.createElement("span", className, {
-            innerText: text,
-            onclick: handler,
-        });
-        return button;
-    }
-    static createElement(tagName, className = "", attrs) {
-        var el = document.createElement(tagName);
-        el.className = className;
-        if (!!attrs) {
-            Object.keys(attrs).forEach(function (key) {
-                el[key] = attrs[key];
-            });
-        }
-        return el;
-    }
-    static createSvgElement(path) {
-        const svgElem = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-        const useElem = document.createElementNS("http://www.w3.org/2000/svg", "use");
-        useElem.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#sa-svg-" + path);
-        svgElem.appendChild(useElem);
-        return svgElem;
-    }
-    static createSvgButton(path) {
-        const btn = (DocumentHelper.createElement("button", "sa-table__svg-button"));
-        btn.appendChild(DocumentHelper.createSvgElement(path));
-        return btn;
-    }
-    static createSvgToggleButton(svgPath1, svPpath2, text1, text2, handler1, handler2, state = "first", className = "sa-toolbar__button sa-toolbar__svg-button") {
-        const svg1 = DocumentHelper.createSvgElement(svgPath1);
-        const svg2 = DocumentHelper.createSvgElement(svPpath2);
-        const button = DocumentHelper.createElement("button", className);
-        const toggle = (e) => {
-            if (state === "first") {
-                state = "second";
-                button.title = text2;
-                button.removeChild(svg1);
-                button.appendChild(svg2);
-                handler2(e);
-            }
-            else if (state === "second") {
-                state = "first";
-                button.title = text1;
-                button.removeChild(svg2);
-                button.appendChild(svg1);
-                handler1(e);
-            }
-        };
-        if (state === "first") {
-            button.title = text1;
-            button.appendChild(svg1);
-        }
-        else if ((state = "second")) {
-            button.title = text2;
-            button.appendChild(svg2);
-        }
-        button.onclick = toggle;
-        return button;
-    }
-    static createInput(className, placeholder = "", defaultValue = "") {
-        var el = DocumentHelper.createElement("input", className, {
-            placeholder: placeholder,
-            defaultValue: defaultValue,
-        });
-        return el;
-    }
-}
-function createCommercialLicenseLink() {
-    const container = DocumentHelper.createElement("div", "sa-commercial");
-    const link = DocumentHelper.createElement("a", "sa-commercial__text", {
-        href: "https://www.surveyjs.io/Buy",
-        target: "_blank",
-    });
-    const containerSpan = DocumentHelper.createElement("span", "");
-    const icon = DocumentHelper.createSvgElement("noncommercial");
-    const textSpan = DocumentHelper.createElement("span", "sa-commercial__product", {
-        innerText: "Please purchase a SurveyJS Analytics developer license to use it in your app.",
-    });
-    container.appendChild(link).appendChild(containerSpan);
-    containerSpan.appendChild(icon);
-    containerSpan.appendChild(textSpan);
-    return container;
-}
-function createLoadingIndicator() {
-    const container = DocumentHelper.createElement("div", "sa-data-loading-indicator-panel");
-    const loadingIndicator = DocumentHelper.createElement("div", "sa-data-loading-indicator");
-    loadingIndicator.innerHTML = `
-      <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <g clip-path="url(#clip0_17928_11482)">
-          <path d="M32 64C14.36 64 0 49.65 0 32C0 14.35 14.36 0 32 0C49.64 0 64 14.35 64 32C64 49.65 49.64 64 32 64ZM32 4C16.56 4 4 16.56 4 32C4 47.44 16.56 60 32 60C47.44 60 60 47.44 60 32C60 16.56 47.44 4 32 4Z" fill="#E5E5E5"></path>
-          <path d="M53.2101 55.2104C52.7001 55.2104 52.1901 55.0104 51.8001 54.6204C51.0201 53.8404 51.0201 52.5704 51.8001 51.7904C57.0901 46.5004 60.0001 39.4704 60.0001 31.9904C60.0001 24.5104 57.0901 17.4804 51.8001 12.1904C51.0201 11.4104 51.0201 10.1404 51.8001 9.36039C52.5801 8.58039 53.8501 8.58039 54.6301 9.36039C60.6701 15.4004 64.0001 23.4404 64.0001 31.9904C64.0001 40.5404 60.6701 48.5704 54.6301 54.6204C54.2401 55.0104 53.7301 55.2104 53.2201 55.2104H53.2101Z" fill="#19B394"></path>
-        </g>
-        <defs>
-          <clipPath id="clip0_17928_11482">
-            <rect width="64" height="64" fill="white"></rect>
-          </clipPath>
-        </defs>
-      </svg>
-      `;
-    container.appendChild(loadingIndicator);
-    return container;
-}
-class DataHelper {
-    static zipArrays(...arrays) {
-        let zipArray = [];
-        for (let i = 0; i < arrays[0].length; i++) {
-            zipArray[i] = [];
-            arrays.forEach((arr) => {
-                zipArray[i].push(arr[i]);
-            });
-        }
-        return zipArray;
-    }
-    static unzipArrays(zipArray) {
-        let arrays = [];
-        zipArray.forEach((value, i) => {
-            value.forEach((val, j) => {
-                if (!arrays[j])
-                    arrays[j] = [];
-                arrays[j][i] = val;
-            });
-        });
-        return arrays;
-    }
-    static sortDictionary(keys, values, desc) {
-        let dictionary = this.zipArrays(keys, values);
-        let comparator = (a, b, asc = true) => {
-            let result = a[1] < b[1] ? 1 : a[1] == b[1] ? 0 : -1;
-            return asc ? result : result * -1;
-        };
-        dictionary.sort((a, b) => {
-            return desc ? comparator(a, b, false) : comparator(a, b);
-        });
-        let keysAndValues = this.unzipArrays(dictionary);
-        return { keys: keysAndValues[0], values: keysAndValues[1] };
-    }
-    static toPercentage(value, maxValue) {
-        return (value / maxValue) * 100;
-    }
-}
-function createLinksContainer(links) {
-    const linksContainer = DocumentHelper.createElement("div");
-    links.forEach((link) => {
-        linksContainer.appendChild(DocumentHelper.createElement("a", "", {
-            innerText: link.name,
-            download: link.name,
-            href: link.content,
-        }));
-    });
-    return linksContainer;
-}
-function createImagesContainer(links) {
-    const linksContainer = DocumentHelper.createElement("div");
-    links.forEach((link) => {
-        linksContainer.appendChild(DocumentHelper.createElement("img", "", {
-            alt: link.name,
-            src: link.content,
-        }));
-    });
-    return linksContainer;
-}
-function toPrecision(value, precision = 2) {
-    const base = Math.pow(10, precision);
-    return Math.round(base * value) / base;
-}
-
 var iconsData = {
 	"detail": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><circle cx=\"1.5\" cy=\"8.5\" r=\"1.5\"></circle><circle cx=\"7.5\" cy=\"8.5\" r=\"1.5\"></circle><circle cx=\"13.5\" cy=\"8.5\" r=\"1.5\"></circle></g></svg>",
 	"drag": "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><polygon points=\"13,5 12,6 13,7 9,7 9,3 10,4 11,3 8,0 5,3 6,4 7,3 7,7 3,7 4,6 3,5 0,8 3,11 4,10 3,9 7,9 7,13 6,12 5,13 8,16 11,13 10,12 9,13 9,9 13,9 12,10 13,11 16,8 \"></polygon></g></svg>",
@@ -1441,5 +1449,5 @@ function getIconSymbolTemplate(iconId, iconSvg) {
 const iconsHtml = Object.keys(iconsData).map(iconId => getIconSymbolTemplate(iconId, iconsData[iconId]));
 const svgTemplate = `<svg style="display:none;">${iconsHtml}<svg>`;
 
-export { DocumentHelper as D, DataHelper as a, createCommercialLicenseLink as b, createLoadingIndicator as c, surveyStrings as d, createImagesContainer as e, createLinksContainer as f, localization as l, svgTemplate as s, toPrecision as t };
+export { DocumentHelper as D, DataHelper as a, createLinksContainer as b, createImagesContainer as c, createCommercialLicenseLink as d, svgTemplate as e, createLoadingIndicator as f, localization as l, surveyStrings as s, toPrecision as t };
 //# sourceMappingURL=shared.mjs.map