survey-analytics 2.0.0-rc.2 → 2.0.0-rc.3

package/package.json

@@ -10,16 +10,14 @@
     "release": "standard-version --message \"Release: %s [azurepipelines skip]\" ",
     "doc_gen": "node doc_generator/lib_docgenerator.js src/index.ts",
     "doc_update": "chmod +x ./docupdate_npm.sh && ./docupdate_npm.sh",
-    "watch:dev": "webpack --env buildType=dev --watch",
-    "build:dev": "webpack --env buildType=dev",
-    "build:prod": "npm run build:dev && webpack --env buildType=prod",
-    "build": "npm run build:prod",
-    "build:types:summary": "tsc --p tsconfig.summary.json && echo \"export * from './survey-analytics.types/entries/summary';\" >> packages/survey.analytics.d.ts",
-    "build:types:tabulator": "tsc --p tsconfig.tabulator.json && echo \"export * from './survey-analytics-tabulator.types/entries/tabulator';\" >> packages/survey.analytics.tabulator.d.ts",
+    "watch:dev": "concurrently \"webpack --env buildType=dev --env emitStyles\" \"webpack --config ./webpack.fesm.js --env buildType=prod --watch\" ",
+    "build": "webpack --env buildType=dev --env emitNonSourceFiles --env emitStyles && webpack --env buildType=prod --env emitStyles && webpack --config ./webpack.fesm.js --env buildType=prod",
+    "build:types:summary": "tsc --p tsconfig.summary.json && echo \"export * from './survey-analytics.types/entries/summary';\" >> build/survey.analytics.d.ts",
+    "build:types:tabulator": "tsc --p tsconfig.tabulator.json && echo \"export * from './survey-analytics-tabulator.types/entries/tabulator';\" >> build/survey.analytics.tabulator.d.ts",
     "lint": "eslint ./src --quiet",
     "pre-push-check": "npm run lint && npm run test"
   },
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.3",
   "name": "survey-analytics",
   "description": "SurveyJS analytics Library.",
   "main": "survey.analytics.js",
@@ -50,17 +48,12 @@
   "devDependencies": {
     "@types/jest": "^26.0.24",
     "@types/jquery": "3.3.29",
-    "@types/lodash": "4.14.121",
     "@types/node": "7.0.4",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
-    "ajv": "6.12.3",
-    "colors": "1.4.0",
     "concurrently": "^5.3.0",
     "css-loader": "^7.1.2",
-    "dotenv": "4.0.0",
     "eslint": "^7.32.0",
-    "github-api": "^3.4.0",
     "html-loader": "^5.0.0",
     "http-server": "^14.1.1",
     "husky": "^8.0.3",
@@ -72,28 +65,41 @@
     "node-uuid": "1.4.7",
     "puppeteer": "22.13.1",
     "replace-in-file": "^6.3.2",
-    "sass": "^1",
-    "sass-loader": "^8.0.2",
+    "sass": "^1.62.1",
+    "sass-loader": "^16.0.4",
     "standard-version": "^9.5.0",
     "style-loader": "^1.3.0",
     "surveyjs-doc-generator": "git+https://github.com/surveyjs/surveyjs-doc-generator.git",
+    "svg-inline-loader": "^0.8.2",
     "testcafe": "3.3.0",
     "ts-jest": "^29.2.2",
     "ts-loader": "^8.0.0",
-    "typescript": "^4.8.0",
-    "url-loader": "^4.1.1",
+    "typescript": "^5.7.0",
     "webpack": "^5.93.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4",
-    "webpack-svgstore-plugin": "^4.1.0"
+    "webpack-merge": "^5.8.0"
   },
   "peerDependencies": {
     "@types/plotly.js-dist-min": "^2.3.0",
-    "survey-core": "2.0.0-rc.2"
+    "survey-core": "2.0.0-rc.3"
   },
   "husky": {
     "hooks": {
       "pre-push": "npm run pre-push-check"
     }
-  }
+  },
+  "exports": {
+    ".": {
+      "types": "./survey.analytics.d.ts",
+      "import": "./fesm/survey.pdf.js",
+      "require": "./survey.pdf.js"
+    },
+    "./survey.analytics.tabulator": {
+      "types": "./survey.analytics.tabulator.d.ts",
+      "import": "./fesm/survey.analytics.tabulator.js",
+      "require": "./survey.analytics.tabulator.js"
+    }
+  },
+  "module": "fesm/survey.analytics.js"
 }

package/survey-analytics-tabulator.types/localizationManager.d.ts

@@ -7,7 +7,7 @@ export declare var localization: {
     localeNames: {
         [index: string]: any;
     };
-    supportedLocales: any[];
+    supportedLocales: Array<any>;
     currentLocale: string;
     defaultLocale: string;
     getString: (strName: string) => any;

package/survey-analytics-tabulator.types/svgbundle.d.ts

@@ -0,0 +1,2 @@
+declare const svgTemplate: string;
+export { svgTemplate };

package/survey-analytics.types/localizationManager.d.ts

@@ -7,7 +7,7 @@ export declare var localization: {
     localeNames: {
         [index: string]: any;
     };
-    supportedLocales: any[];
+    supportedLocales: Array<any>;
     currentLocale: string;
     defaultLocale: string;
     getString: (strName: string) => any;

package/survey-analytics.types/svgbundle.d.ts

@@ -0,0 +1,2 @@
+declare const svgTemplate: string;
+export { svgTemplate };

package/survey-analytics.types/visualizerBase.d.ts

@@ -128,7 +128,9 @@ export declare class VisualizerBase implements IDataInfo {
      * @see hasHeader
      */
     get hasFooter(): boolean;
-    protected createVisualizer<T = VisualizerBase>(question: Question): T;
+    protected createVisualizer<T = VisualizerBase>(question: Question, options?: {
+        [index: string]: any;
+    }): T;
     /**
      * Allows you to access the footer visualizer. Returns `undefined` if the footer is absent.
      * @see hasFooter

package/survey.analytics.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.0.0-rc.2
+ * surveyjs - SurveyJS Dashboard library v2.0.0-rc.3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.analytics.css.map

@@ -1 +1 @@
-{"version":3,"file":"survey.analytics.css","mappings":";;;;;;;;AAKA;EACE,qECsBsB;EDrBtB,sCCsBe;AD1BjB;;AAOA;EACE,uECgBY;EDfZ;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA,qECKsB;EDJtB,sCCKe;EDJf;EACA;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;AAJF;;AAOA;EACE;IACI;EAJJ;EAMA;IACI;EAJJ;AACF;;;;AElDA;EACE;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;AADF;AAEE;EAHF;IAII;EACF;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;AACE;EAHF;IAII;EAEF;AACF;;AACA;EACE,kDDpBiB;ECqBjB;AAEF;;AACA;EACE;EACA,qEDdsB;ECetB;EACA;EACA,iCDjCW;ECkCX;EACA;AAEF;;AACA;EACE;AAEF;AADE;EACE;EACA;EACA;EACA;EACA;EACA;AAGJ;;AACA;EACE,uEDpCY;ECqCZ,sCDnCe;ECoCf,iCDrDW;ECsDX;EACA;EACA;EACA;EACA;EACA;AAEF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE,uEDpDY;ECqDZ,sCDnDe;ECoDf;EACA;EACA;EACA;EACA;EACA;AAGF;AADE;EACE,0CDrEW;ECsEX;AAGJ;AADE;EACE;AAGJ;AADE;EACE;AAGJ;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;AADE;EACE,gDDrFQ;ACwFZ;AAAI;EACE,qCDxFY;AC0FlB;AACE;EACE;EACA;AACJ;;AAGA;EACE;AAAF;;AAIA;EACE;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2CDlIiB;ECmIjB,0CD1HW;EC2HX,YDzHkB;EC0HlB;EACA;AADJ;AAGI;EACE;AADN;AAII;EACE;EACA;AAFN;AAKI;EACE,qCDxJW;ACqJjB;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALJ;;AAUA;EACE;EACA;AAPF;;AAUA;EACE;EACA;EACA;AAPF;;AAUA;EACE;EACA;AAPF;AAQE;EACE;EACA;EACA,gCDpMS;AC8Lb;;AASA;EACE;EACA;EACA,iCD1MW;ACoMb;;AAQA;EACE;AALF;;AAQA;AACA;EACE;EACA;EACA;EACA;EAGA;AAPF;AAUA;AACA;EACE;EACA;EACA;EACA;EAGA;AAVF;AAcA;AACA;EACE;EACA;EACA;EACA;EAGA;AAdF;AAiBA;AACA;EACE;EACA;EACA;EACA;EAGA;AAjBF;;;;ACvOA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEFgBY;EEfZ,sCFiBe;EEhBf,iCFDW;EEEX;EACD;EACC;AADF;;AAIA;EACC;EACA;EACA;EACA,0CFHc;EEIb,kDFRiB;EESjB,gBFHoB;AEEtB;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;;;AC9BA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEHgBY;EGfZ,sCHiBe;EGhBf,iCHDW;EGGX,kDHCiB;AGHnB;;AAKA;EACC;EACA;EACA;EACA,0CHFc;EGGb,kDHPiB;EGQjB,gBHFoB;AGAtB;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;EACA;AAFF;;AAIA;EACE;EACA,4CH3CW;AG0Cb;;;;AC1CA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF","sources":["webpack://SurveyAnalytics/./src/visualizerBase.scss","webpack://SurveyAnalytics/./src/_globals.scss","webpack://SurveyAnalytics/./src/visualizationPanel.scss","webpack://SurveyAnalytics/./src/text.scss","webpack://SurveyAnalytics/./src/statistics-table.scss","webpack://SurveyAnalytics/./src/nps.scss"],"sourcesContent":["@import \"globals\";\n\n.sa-visualizer__toolbar {\n}\n\n.sa-visualizer__header {\n  font-family: $font-family-secondary;\n  font-size: $root-font-size;\n}\n\n.sa-visualizer__content {\n  font-family: $font-family;\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n}\n\n.sa-visualizer__footer {\n  margin-top: 10px;\n}\n\n.sa-visualizer__footer-title {\n  display: inline-block;\n  font-family: $font-family-secondary;\n  font-size: $root-font-size;\n  color: #404040;\n  line-height: 34px;\n  vertical-align: middle;\n  margin: 0;\n}\n\n.sa-visualizer__footer-content {\n  margin-top: 10px;\n}\n\n.sa-data-loading-indicator-panel {\n  width: 100%;\n  min-height: 200px;\n  position: relative;\n}\n\n.sa-data-loading-indicator {\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  left: calc((100% - 64px) / 2);\n  top: calc((100% - 64px) / 2);\n  animation: sa-data-loading-indicator-spinner 1s infinite linear;\n}\n\n@keyframes sa-data-loading-indicator-spinner {\n  from {\n      transform: rotate(0deg);\n  }\n  to {\n      transform: rotate(359deg);\n  }\n}","$main-color: var(--main-color, #1ab394);\n$auxiliary-color: var(--auxiliary-color, #ff9814);\n$auxiliary-color-1: var(--auxiliary-color-1, #666666);\n$auxiliary-color-2: var(--auxiliary-color-2, #1948b3);\n$danger-color: var(--danger-color, #d9534f);\n$disabled-color: var(--disabled-color, #b0b0b0);\n\n$blue-color: var(--blue-color, #394cff);\n$purple-color: var(--purple-color, #aa42d0);\n$green-color: var(--green-color, #41c02c);\n\n$text-color-inverse: var(--text-color-inverse, #fff);\n$text-color: var(--text-color, #404040);\n\n$content-max-width: 1170px;\n\n$background-color: var(--background-color, #f7f7f7);\n$background-color-dark: var(--background-color-dark, #eeeeee);\n$background-disabled-color: var(--background-disabled-color, #b7b7b7);\n\n$border-color: var(--border-color, #e7e7e7);\n\n$form-element-height: 34px;\n\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n\n$font-family: var(--font-family, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n$font-family-secondary: var(--font-family-secondary, Raleway, Arial, sans-serif);\n$root-font-size: var(--root-font-size, 14px);","@import \"globals\";\n\n.sa-panel__header {\n  margin: 0 1em;\n}\n\n.sa-grid {\n  position: relative;\n}\n\n.sa-grid__grid-sizer {\n  width: 100%;\n  box-sizing: border-box;\n  @media screen and (min-width: 1400px) {\n    width: 50%;\n  }\n}\n\n.sa-question {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 1em;\n}\n\n.sa-question-layouted {\n  position: absolute;\n\n  @media screen and (min-width: 1400px) {\n    width: calc(50% - 1px);\n  }\n}\n\n.sa-question__content {\n  background-color: $background-color;\n  padding: 20px;\n}\n\n.sa-question__title {\n  margin-left: 30px;\n  font-family: $font-family-secondary;\n  font-size: 18px;\n  font-weight: bold;\n  color: $text-color;\n  margin: 0;\n  margin-bottom: 1em;\n}\n\n.sa-question__title--draggable {\n  cursor: move;\n  &:after {\n    content: \" \";\n    display: block;\n    float: right;\n    width: 15px;\n    height: 15px;\n    background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpolygon style='fill: %231ab394' 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 '/%3E%3C/g%3E%3C/svg%3E \");\n  }\n}\n\n.sa-toolbar {\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  line-height: 34px;\n  margin-bottom: 25px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.sa-toolbar.sa-toolbar > * {\n  display: inline-flex;\n  line-height: 1em;\n}\n\n.sa-toolbar__button {\n  font-family: $font-family;\n  font-size: $root-font-size;\n  padding: 8px;\n  vertical-align: middle;\n  cursor: pointer;\n  border: 1px solid transparent;\n  white-space: nowrap;\n  margin: 0 10px;\n\n  &:hover {\n    border-color: $border-color;\n    background-blend-mode: darken;\n  }\n  &:first-child {\n    margin-left: 0;\n  }\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.sa-toolbar__svg-button {\n  width: 15px;\n  height: 15px;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: inherit;\n  cursor: pointer;\n  use {\n    fill: $svg-color;\n  }\n  &:hover {\n    use {\n      fill: $svg-hover-color;\n    }\n  }\n  svg {\n    width: 15px;\n    height: 15px;\n  }\n}\n\n.sa-toolbar__button--right {\n  float: right;\n}\n\n// custom select\n.sa-question__select-wrapper {\n  position: relative;\n  display: inline-block;\n  min-width: 100px;\n  max-width: 300px;\n\n  .sa-question__select {\n    width: 100%;\n    display: block;\n    position: relative;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border-radius: 2px;\n    background: $text-color-inverse;\n    border-color: $border-color;\n    height: $form-element-height;\n    padding: 5px 23px 5px 15px;\n    line-height: initial;\n\n    &::-ms-expand {\n      display: none;\n    }\n\n    &:focus {\n      outline: 0;\n      box-shadow: none;\n    }\n\n    &:disabled {\n      color: $disabled-color;\n    }\n  }\n\n  &:before {\n    margin-top: -4px;\n    top: 50%;\n    right: 10px;\n    z-index: 1;\n    content: \"\";\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-right: 2px solid $text-color;\n    border-bottom: 2px solid $text-color;\n    transform: rotate(45deg);\n    box-sizing: content-box;\n    pointer-events: none;\n  }\n}\n// EO custom select\n\n.sa-question__filter {\n  display: inline-block;\n  padding: 0 1em;\n}\n\n.sa-question__filter-text {\n  vertical-align: middle;\n  margin-top: 1px;\n  line-height: 32px;\n}\n\n.sa-commercial {\n  font-size: 12px;\n  padding: 1em 0 0.5em 2em;\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: $main-color;\n  }\n}\n.sa-commercial__text {\n  font-weight: bold;\n  text-decoration: none;\n  color: $main-color;\n}\n.sa-commercial__product {\n  padding-left: 0.5em;\n}\n\n/* latin-ext */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 400;\n  src: local(\"Raleway\"), local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2)\n      format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 400;\n  src: local(\"Raleway\"), local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2)\n      format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,\n    U+FEFF, U+FFFD;\n}\n/* latin-ext */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 700;\n  src: local(\"Raleway Bold\"), local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2)\n      format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,\n    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 700;\n  src: local(\"Raleway Bold\"), local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2)\n      format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,\n    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,\n    U+FEFF, U+FFFD;\n}\n","@import \"globals\";\n\n.sa-text-table__container {\n  width: 100%;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto;\n}\n\n.sa-text-table {\n  width: 100%;\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  border-width: 1px;\n\tborder-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-text-table__cell {\n\tborder-width: 1px;\n\tpadding: 8px;\n\tborder-style: solid;\n\tborder-color: $border-color;\n  background-color: $background-color;\n  min-height: $form-element-height;\n}\n\n.sa-text-table__cell--number {\n  text-align: end;\n}\n\nth.sa-text-table__cell {\n  font-weight: 600;\n}","@import \"globals\";\n\n.sa-statistics-table__container {\n  width: 100%;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto;\n}\n\n.sa-statistics-table {\n  width: 100%;\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n\t// border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-statistics-table__cell {\n\tborder-width: 1px;\n\tpadding: 8px;\n\tborder-style: solid;\n\tborder-color: $border-color;\n  background-color: $background-color;\n  min-height: $form-element-height;\n}\n\n.sa-statistics-table__cell-value {\n  text-align: right;\n  min-width: 30px;\n}\n\n.sa-statistics-table__cell-header {\n  font-weight: bold;\n}\n\n.sa-choices-sparkline {\n  min-width: 100px;\n  height: 24px;\n  border: 1px solid $main-color;\n}\n.sa-choices-sparkline-value {\n  height: 100%;\n  background-color: $main-color;\n}",".sa-visualizer-nps {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  overflow-x: auto;\n}\n\n.sa-visualizer-nps__score-part {\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n}\n\n.sa-visualizer-nps__score-part-title {\n  font-size: 32px;\n  text-align: center;\n  color: #909090;\n}\n\n.sa-visualizer-nps__score-part-values {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: baseline;\n}\n\n.sa-visualizer-nps__score-part-value {\n  font-size: 48px;\n}\n\n.sa-visualizer-nps__score-part-percent {\n  font-size: 24px;\n  color: #606060;\n}"],"names":[],"sourceRoot":""}
+{"version":3,"file":"survey.analytics.css","mappings":";;;;;;;;AAKA;EACE,qECsBsB;EDrBtB,sCCsBe;AD1BjB;;AAOA;EACE,uECgBY;EDfZ;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA,qECKsB;EDJtB,sCCKe;EDJf;EACA;EACA;EACA;AAJF;;AAOA;EACE;AAJF;;AAOA;EACE;EACA;EACA;AAJF;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;AAJF;;AAOA;EACE;IACE;EAJF;EAMA;IACE;EAJF;AACF;;;;AElDA;EACE;AADF;;AAIA;EACE;AADF;;AAIA;EACE;EACA;AADF;AAEE;EAHF;IAII;EACF;AACF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;AACE;EAHF;IAII;EAEF;AACF;;AACA;EACE,kDDpBiB;ECqBjB;AAEF;;AACA;EACE;EACA,qEDdsB;ECetB;EACA;EACA,iCDjCW;ECkCX;EACA;AAEF;;AACA;EACE;AAEF;AADE;EACE;EACA;EACA;EACA;EACA;EACA;AAGJ;;AACA;EACE,uEDpCY;ECqCZ,sCDnCe;ECoCf,iCDrDW;ECsDX;EACA;EACA;EACA;EACA;EACA;AAEF;;AAAA;EACE;EACA;AAGF;;AAAA;EACE,uEDpDY;ECqDZ,sCDnDe;ECoDf;EACA;EACA;EACA;EACA;EACA;AAGF;AADE;EACE,0CDrEW;ECsEX;AAGJ;AADE;EACE;AAGJ;AADE;EACE;AAGJ;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;AADE;EACE,gDDrFQ;ACwFZ;AAAI;EACE,qCDxFY;AC0FlB;AACE;EACE;EACA;AACJ;;AAGA;EACE;AAAF;;AAIA;EACE;EACA;EACA;EACA;AADF;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,2CDlIiB;ECmIjB,0CD1HW;EC2HX,YDzHkB;EC0HlB;EACA;AADJ;AAGI;EACE;AADN;AAII;EACE;EACA;AAFN;AAKI;EACE,qCDxJW;ACqJjB;AAOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALJ;;AAUA;EACE;EACA;AAPF;;AAUA;EACE;EACA;EACA;AAPF;;AAUA;EACE;EACA;AAPF;AAQE;EACE;EACA;EACA,gCDpMS;AC8Lb;;AASA;EACE;EACA;EACA,iCD1MW;ACoMb;;AAQA;EACE;AALF;;AAQA;AACA;EACE;EACA;EACA;EACA,4IACE;EAGF;AARF;AAUA;AACA;EACE;EACA;EACA;EACA,0IACE;EAGF;AAXF;AAcA;AACA;EACE;EACA;EACA;EACA,kJACE;EAGF;AAfF;AAiBA;AACA;EACE;EACA;EACA;EACA,gJACE;EAGF;AAlBF;;;;ACvOA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEFgBY;EEfZ,sCFiBe;EEhBf,iCFDW;EEEX;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA,0CFHa;EEIb,kDFRiB;EESjB,gBFHoB;AEEtB;;AAIA;EACE;AADF;;AAIA;EACE;AADF;;;;AC9BA;EACE;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA,uEHgBY;EGfZ,sCHiBe;EGhBf,iCHDW;EGGX,kDHCiB;AGHnB;;AAKA;EACE;EACA;EACA;EACA,0CHFa;EGGb,kDHPiB;EGQjB,gBHFoB;AGAtB;;AAKA;EACE;EACA;AAFF;;AAKA;EACE;AAFF;;AAKA;EACE;EACA;EACA;AAFF;;AAIA;EACE;EACA,4CH3CW;AG0Cb;;;;AC1CA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;AACF;;AAEA;EACE;EACA;EACA;EACA;AACF;;AAEA;EACE;AACF;;AAEA;EACE;EACA;AACF","sources":["webpack://SurveyAnalytics/./src/visualizerBase.scss","webpack://SurveyAnalytics/./src/_globals.scss","webpack://SurveyAnalytics/./src/visualizationPanel.scss","webpack://SurveyAnalytics/./src/text.scss","webpack://SurveyAnalytics/./src/statistics-table.scss","webpack://SurveyAnalytics/./src/nps.scss"],"sourcesContent":["@use \"globals\" as *;\n\n.sa-visualizer__toolbar {\n}\n\n.sa-visualizer__header {\n  font-family: $font-family-secondary;\n  font-size: $root-font-size;\n}\n\n.sa-visualizer__content {\n  font-family: $font-family;\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n}\n\n.sa-visualizer__footer {\n  margin-top: 10px;\n}\n\n.sa-visualizer__footer-title {\n  display: inline-block;\n  font-family: $font-family-secondary;\n  font-size: $root-font-size;\n  color: #404040;\n  line-height: 34px;\n  vertical-align: middle;\n  margin: 0;\n}\n\n.sa-visualizer__footer-content {\n  margin-top: 10px;\n}\n\n.sa-data-loading-indicator-panel {\n  width: 100%;\n  min-height: 200px;\n  position: relative;\n}\n\n.sa-data-loading-indicator {\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  left: calc((100% - 64px) / 2);\n  top: calc((100% - 64px) / 2);\n  animation: sa-data-loading-indicator-spinner 1s infinite linear;\n}\n\n@keyframes sa-data-loading-indicator-spinner {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n","$main-color: var(--main-color, #1ab394);\n$auxiliary-color: var(--auxiliary-color, #ff9814);\n$auxiliary-color-1: var(--auxiliary-color-1, #666666);\n$auxiliary-color-2: var(--auxiliary-color-2, #1948b3);\n$danger-color: var(--danger-color, #d9534f);\n$disabled-color: var(--disabled-color, #b0b0b0);\n\n$blue-color: var(--blue-color, #394cff);\n$purple-color: var(--purple-color, #aa42d0);\n$green-color: var(--green-color, #41c02c);\n\n$text-color-inverse: var(--text-color-inverse, #fff);\n$text-color: var(--text-color, #404040);\n\n$content-max-width: 1170px;\n\n$background-color: var(--background-color, #f7f7f7);\n$background-color-dark: var(--background-color-dark, #eeeeee);\n$background-disabled-color: var(--background-disabled-color, #b7b7b7);\n\n$border-color: var(--border-color, #e7e7e7);\n\n$form-element-height: 34px;\n\n$svg-color: var(--svg-color, rgba(#9f9f9f, 0.4));\n$svg-hover-color: var(--svg-hover-color, #9f9f9f);\n\n$font-family: var(--font-family, \"Segoe UI\", SegoeUI, Arial, sans-serif);\n$font-family-secondary: var(--font-family-secondary, Raleway, Arial, sans-serif);\n$root-font-size: var(--root-font-size, 14px);","@use \"globals\" as *;\n\n.sa-panel__header {\n  margin: 0 1em;\n}\n\n.sa-grid {\n  position: relative;\n}\n\n.sa-grid__grid-sizer {\n  width: 100%;\n  box-sizing: border-box;\n  @media screen and (min-width: 1400px) {\n    width: 50%;\n  }\n}\n\n.sa-question {\n  display: inline-block;\n  width: 100%;\n  vertical-align: top;\n  box-sizing: border-box;\n  overflow: hidden;\n  padding: 1em;\n}\n\n.sa-question-layouted {\n  position: absolute;\n\n  @media screen and (min-width: 1400px) {\n    width: calc(50% - 1px);\n  }\n}\n\n.sa-question__content {\n  background-color: $background-color;\n  padding: 20px;\n}\n\n.sa-question__title {\n  margin-left: 30px;\n  font-family: $font-family-secondary;\n  font-size: 18px;\n  font-weight: bold;\n  color: $text-color;\n  margin: 0;\n  margin-bottom: 1em;\n}\n\n.sa-question__title--draggable {\n  cursor: move;\n  &:after {\n    content: \" \";\n    display: block;\n    float: right;\n    width: 15px;\n    height: 15px;\n    background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg%3E%3Cpolygon style='fill: %231ab394' 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 '/%3E%3C/g%3E%3C/svg%3E \");\n  }\n}\n\n.sa-toolbar {\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  line-height: 34px;\n  margin-bottom: 25px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.sa-toolbar.sa-toolbar > * {\n  display: inline-flex;\n  line-height: 1em;\n}\n\n.sa-toolbar__button {\n  font-family: $font-family;\n  font-size: $root-font-size;\n  padding: 8px;\n  vertical-align: middle;\n  cursor: pointer;\n  border: 1px solid transparent;\n  white-space: nowrap;\n  margin: 0 10px;\n\n  &:hover {\n    border-color: $border-color;\n    background-blend-mode: darken;\n  }\n  &:first-child {\n    margin-left: 0;\n  }\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.sa-toolbar__svg-button {\n  width: 15px;\n  height: 15px;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: inherit;\n  cursor: pointer;\n  use {\n    fill: $svg-color;\n  }\n  &:hover {\n    use {\n      fill: $svg-hover-color;\n    }\n  }\n  svg {\n    width: 15px;\n    height: 15px;\n  }\n}\n\n.sa-toolbar__button--right {\n  float: right;\n}\n\n// custom select\n.sa-question__select-wrapper {\n  position: relative;\n  display: inline-block;\n  min-width: 100px;\n  max-width: 300px;\n\n  .sa-question__select {\n    width: 100%;\n    display: block;\n    position: relative;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border-radius: 2px;\n    background: $text-color-inverse;\n    border-color: $border-color;\n    height: $form-element-height;\n    padding: 5px 23px 5px 15px;\n    line-height: initial;\n\n    &::-ms-expand {\n      display: none;\n    }\n\n    &:focus {\n      outline: 0;\n      box-shadow: none;\n    }\n\n    &:disabled {\n      color: $disabled-color;\n    }\n  }\n\n  &:before {\n    margin-top: -4px;\n    top: 50%;\n    right: 10px;\n    z-index: 1;\n    content: \"\";\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    border-right: 2px solid $text-color;\n    border-bottom: 2px solid $text-color;\n    transform: rotate(45deg);\n    box-sizing: content-box;\n    pointer-events: none;\n  }\n}\n// EO custom select\n\n.sa-question__filter {\n  display: inline-block;\n  padding: 0 1em;\n}\n\n.sa-question__filter-text {\n  vertical-align: middle;\n  margin-top: 1px;\n  line-height: 32px;\n}\n\n.sa-commercial {\n  font-size: 12px;\n  padding: 1em 0 0.5em 2em;\n  svg {\n    width: 20px;\n    height: 20px;\n    fill: $main-color;\n  }\n}\n.sa-commercial__text {\n  font-weight: bold;\n  text-decoration: none;\n  color: $main-color;\n}\n.sa-commercial__product {\n  padding-left: 0.5em;\n}\n\n/* latin-ext */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 400;\n  src:\n    local(\"Raleway\"),\n    local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 400;\n  src:\n    local(\"Raleway\"),\n    local(\"Raleway-Regular\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n/* latin-ext */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 700;\n  src:\n    local(\"Raleway Bold\"),\n    local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format(\"woff2\");\n  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n/* latin */\n@font-face {\n  font-family: \"Raleway\";\n  font-style: normal;\n  font-weight: 700;\n  src:\n    local(\"Raleway Bold\"),\n    local(\"Raleway-Bold\"),\n    url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format(\"woff2\");\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,\n    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n","@use \"globals\" as *;\n\n.sa-text-table__container {\n  width: 100%;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto;\n}\n\n.sa-text-table {\n  width: 100%;\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  border-width: 1px;\n  border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-text-table__cell {\n  border-width: 1px;\n  padding: 8px;\n  border-style: solid;\n  border-color: $border-color;\n  background-color: $background-color;\n  min-height: $form-element-height;\n}\n\n.sa-text-table__cell--number {\n  text-align: end;\n}\n\nth.sa-text-table__cell {\n  font-weight: 600;\n}\n","@use \"globals\" as *;\n\n.sa-statistics-table__container {\n  width: 100%;\n  min-height: 200px;\n  max-height: 500px;\n  overflow: auto;\n}\n\n.sa-statistics-table {\n  width: 100%;\n  font-family: $font-family;\n  font-size: $root-font-size;\n  color: $text-color;\n  // border-collapse: collapse;\n  background-color: $background-color;\n}\n\n.sa-statistics-table__cell {\n  border-width: 1px;\n  padding: 8px;\n  border-style: solid;\n  border-color: $border-color;\n  background-color: $background-color;\n  min-height: $form-element-height;\n}\n\n.sa-statistics-table__cell-value {\n  text-align: right;\n  min-width: 30px;\n}\n\n.sa-statistics-table__cell-header {\n  font-weight: bold;\n}\n\n.sa-choices-sparkline {\n  min-width: 100px;\n  height: 24px;\n  border: 1px solid $main-color;\n}\n.sa-choices-sparkline-value {\n  height: 100%;\n  background-color: $main-color;\n}\n",".sa-visualizer-nps {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  overflow-x: auto;\n}\n\n.sa-visualizer-nps__score-part {\n  display: flex;\n  flex-direction: column;\n  padding: 0 16px;\n}\n\n.sa-visualizer-nps__score-part-title {\n  font-size: 32px;\n  text-align: center;\n  color: #909090;\n}\n\n.sa-visualizer-nps__score-part-values {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: baseline;\n}\n\n.sa-visualizer-nps__score-part-value {\n  font-size: 48px;\n}\n\n.sa-visualizer-nps__score-part-percent {\n  font-size: 24px;\n  color: #606060;\n}"],"names":[],"sourceRoot":""}

package/survey.analytics.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.0.0-rc.2
+ * surveyjs - SurveyJS Dashboard library v2.0.0-rc.3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -16,24 +16,6 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./src/svgbundle.html":
-/*!****************************!*\
-  !*** ./src/svgbundle.html ***!
-  \****************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-// Module
-var code = `<svg style="display:none;"><symbol viewBox="0 0 16 16" id="sa-svg-detail"><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></symbol><symbol viewBox="0 0 16 16" id="sa-svg-drag"><path d="M13 5l-1 1 1 1H9V3l1 1 1-1-3-3-3 3 1 1 1-1v4H3l1-1-1-1-3 3 3 3 1-1-1-1h4v4l-1-1-1 1 3 3 3-3-1-1-1 1V9h4l-1 1 1 1 3-3z"></path></symbol><symbol viewBox="0 0 16 16" id="sa-svg-hide"><path d="M12.79 4.2L16 1l-1-1-3.32 3.32C10.57 2.55 9.32 2 8 2 3.63 2 0 7.97 0 7.97s1.27 2.1 3.21 3.82l-3.23 3.23.98.98 3.35-3.34C5.41 13.44 6.67 14 8 14c4.37 0 8-6 8-6s-1.27-2.09-3.21-3.8zM2 7.97c1.07-1.47 3.61-4 6-4 .8 0 1.6.27 2.35.68l-.78.78c-.46-.29-.99-.46-1.57-.46-1.66 0-3 1.34-3 3 0 .58.17 1.11.46 1.57l-.97.97A13.38 13.38 0 0 1 2 7.97zm6 4c-.8 0-1.59-.27-2.33-.67l.78-.77c.45.27.98.44 1.55.44 1.66 0 3-1.34 3-3 0-.57-.17-1.09-.44-1.55l.98-.98c1.11.87 2.01 1.91 2.46 2.52-1.07 1.48-3.61 4.01-6 4.01z"></path></symbol><symbol viewBox="0 0 16 16" id="sa-svg-makeprivate"><circle cx="8" cy="4" r="3"></circle><path d="M8 8c-3.31 0-6 2.73-6 4.67S5.27 15 8 15s6-.4 6-2.33S11.31 8 8 8z"></path></symbol><symbol viewBox="0 0 16 16" id="sa-svg-makepublic"><circle cx="6" cy="5" r="3"></circle><path d="M10 5c0 .34-.06.67-.14.99.05 0 .09.01.14.01 1.66 0 3-1.34 3-3s-1.34-3-3-3C8.97 0 8.07.52 7.53 1.3 8.98 1.91 10 3.33 10 5zM6 9c-3.31 0-6 2.73-6 4.67S3.27 16 6 16s6-.4 6-2.33S9.31 9 6 9zM10 7c-.19 0-.38.01-.57.03a4.14 4.14 0 0 1-1.37 1.39c3 .83 5.23 3.31 5.42 5.28 1.44-.31 2.52-.92 2.52-2.03C16 9.74 13.31 7 10 7z"></path></symbol><symbol viewBox="0 0 16 16" id="sa-svg-movetodetails"><circle cx="1.5" cy="14.5" r="1.5"></circle><circle cx="7.5" cy="14.5" r="1.5"></circle><circle cx="13.5" cy="14.5" r="1.5"></circle><path d="M12 1h3v9h-3zM2.02 7.02L1 6 0 7l3 3 3-3-1-1-.94.94C4.33 4.73 6.21 3 8.5 3c.17 0 .33.03.5.05V1.03C8.83 1.01 8.67 1 8.5 1 5.08 1 2.27 3.66 2.02 7.02z"></path></symbol><symbol viewBox="0 0 16 16" id="sa-svg-noncommercial"><path d="M8 0L0 15h16L8 0zm1 13H7v-2h2v2zm-2-3V5h2v5H7z"></path></symbol><symbol viewBox="0 0 16 16" id="sa-svg-sorting"><path d="M8 3l2 2 1-1-3-3-3 3 1 1zM8 13l-2-2-1 1 3 3 3-3-1-1z"></path></symbol></svg>`;
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (code);
-
-/***/ }),
-
 /***/ "./src/nps.scss":
 /*!**********************!*\
   !*** ./src/nps.scss ***!
@@ -6913,6 +6895,86 @@ __webpack_require__.r(__webpack_exports__);
 }));
 
 
+/***/ }),
+
+/***/ "./src/images/detail.svg":
+/*!*******************************!*\
+  !*** ./src/images/detail.svg ***!
+  \*******************************/
+/***/ ((module) => {
+
+module.exports = "<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>"
+
+/***/ }),
+
+/***/ "./src/images/drag.svg":
+/*!*****************************!*\
+  !*** ./src/images/drag.svg ***!
+  \*****************************/
+/***/ ((module) => {
+
+module.exports = "<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>"
+
+/***/ }),
+
+/***/ "./src/images/hide.svg":
+/*!*****************************!*\
+  !*** ./src/images/hide.svg ***!
+  \*****************************/
+/***/ ((module) => {
+
+module.exports = "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><path d=\"M12.79,4.2L16,1l-1-1l-3.32,3.32C10.57,2.55,9.32,2,8,2C3.63,2,0,7.97,0,7.97s1.27,2.1,3.21,3.82l-3.23,3.23 L0.96,16l3.35-3.34C5.41,13.44,6.67,14,8,14c4.37,0,8-6,8-6S14.73,5.91,12.79,4.2z M2,7.97c1.07-1.47,3.61-4,6-4 c0.8,0,1.6,0.27,2.35,0.68L9.57,5.43C9.11,5.14,8.58,4.97,8,4.97c-1.66,0-3,1.34-3,3c0,0.58,0.17,1.11,0.46,1.57l-0.97,0.97 C3.36,9.64,2.45,8.59,2,7.97z M8,11.97c-0.8,0-1.59-0.27-2.33-0.67l0.78-0.77C6.9,10.8,7.43,10.97,8,10.97c1.66,0,3-1.34,3-3 c0-0.57-0.17-1.09-0.44-1.55l0.98-0.98c1.11,0.87,2.01,1.91,2.46,2.52C12.93,9.44,10.39,11.97,8,11.97z\"></path></g></svg>"
+
+/***/ }),
+
+/***/ "./src/images/makeprivate.svg":
+/*!************************************!*\
+  !*** ./src/images/makeprivate.svg ***!
+  \************************************/
+/***/ ((module) => {
+
+module.exports = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 16\" style=\"enable-background:new 0 0 16 16;\" xml:space=\"preserve\"><g><circle cx=\"8\" cy=\"4\" r=\"3\"></circle><path d=\"M8,8c-3.31,0-6,2.73-6,4.67S5.27,15,8,15s6-0.4,6-2.33S11.31,8,8,8z\"></path></g></svg>"
+
+/***/ }),
+
+/***/ "./src/images/makepublic.svg":
+/*!***********************************!*\
+  !*** ./src/images/makepublic.svg ***!
+  \***********************************/
+/***/ ((module) => {
+
+module.exports = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 16\" style=\"enable-background:new 0 0 16 16;\" xml:space=\"preserve\"><g><circle cx=\"6\" cy=\"5\" r=\"3\"></circle><path d=\"M10,5c0,0.34-0.06,0.67-0.14,0.99C9.91,5.99,9.95,6,10,6c1.66,0,3-1.34,3-3s-1.34-3-3-3 C8.97,0,8.07,0.52,7.53,1.3C8.98,1.91,10,3.33,10,5z\"></path><path d=\"M6,9c-3.31,0-6,2.73-6,4.67S3.27,16,6,16s6-0.4,6-2.33S9.31,9,6,9z\"></path><path d=\"M10,7C9.81,7,9.62,7.01,9.43,7.03C9.09,7.6,8.62,8.07,8.06,8.42c3,0.83,5.23,3.31,5.42,5.28 c1.44-0.31,2.52-0.92,2.52-2.03C16,9.74,13.31,7,10,7z\"></path></g></svg>"
+
+/***/ }),
+
+/***/ "./src/images/moveToDetails.svg":
+/*!**************************************!*\
+  !*** ./src/images/moveToDetails.svg ***!
+  \**************************************/
+/***/ ((module) => {
+
+module.exports = "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><circle cx=\"1.5\" cy=\"14.5\" r=\"1.5\"></circle><circle cx=\"7.5\" cy=\"14.5\" r=\"1.5\"></circle><circle cx=\"13.5\" cy=\"14.5\" r=\"1.5\"></circle><rect x=\"12\" y=\"1\" width=\"3\" height=\"9\"></rect><path d=\"M2.02,7.02L1,6L0,7l3,3l3-3L5,6L4.06,6.94C4.33,4.73,6.21,3,8.5,3C8.67,3,8.83,3.03,9,3.05V1.03 C8.83,1.01,8.67,1,8.5,1C5.08,1,2.27,3.66,2.02,7.02z\"></path></g></svg>"
+
+/***/ }),
+
+/***/ "./src/images/nonCommercial.svg":
+/*!**************************************!*\
+  !*** ./src/images/nonCommercial.svg ***!
+  \**************************************/
+/***/ ((module) => {
+
+module.exports = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 16\" style=\"enable-background:new 0 0 16 16;\" xml:space=\"preserve\"><path d=\"M8,0L0,15h16L8,0z M9,13H7v-2h2V13z M7,10V5h2v5H7z\"></path></svg>"
+
+/***/ }),
+
+/***/ "./src/images/sorting.svg":
+/*!********************************!*\
+  !*** ./src/images/sorting.svg ***!
+  \********************************/
+/***/ ((module) => {
+
+module.exports = "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><g><polygon points=\"8,3 10,5 11,4 8,1 5,4 6,5 \"></polygon><polygon points=\"8,13 6,11 5,12 8,15 11,12 10,11\"></polygon></g></svg>"
+
 /***/ }),
 
 /***/ "./src/alternativeVizualizersWrapper.ts":
@@ -11623,6 +11685,46 @@ _visualizationManager__WEBPACK_IMPORTED_MODULE_2__.VisualizationManager.register
 _visualizationManager__WEBPACK_IMPORTED_MODULE_2__.VisualizationManager.registerVisualizer("checkbox", StatisticsTable);
 
 
+/***/ }),
+
+/***/ "./src/svgbundle.ts":
+/*!**************************!*\
+  !*** ./src/svgbundle.ts ***!
+  \**************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   svgTemplate: () => (/* binding */ svgTemplate)
+/* harmony export */ });
+function getIconsData(path) {
+    var icons = {};
+    path.keys().forEach(function (key) {
+        icons[key.substring(2, key.length - 4).toLowerCase()] = path(key);
+    });
+    return icons;
+}
+var iconPrefix = "sa-svg-";
+function getIconSymbolTemplate(iconId, iconSvg) {
+    var startStr = "<svg ";
+    var endStr = "</svg>";
+    iconSvg = iconSvg.trim();
+    var str = iconSvg.toLowerCase();
+    if (str.substring(0, startStr.length) === startStr &&
+        str.substring(str.length - endStr.length, str.length) === endStr) {
+        return "<symbol " +
+            "id=\"" + iconPrefix + iconId + "\" " +
+            iconSvg.substring(startStr.length, str.length - endStr.length) +
+            "</symbol>";
+    }
+}
+var iconsData = getIconsData(__webpack_require__("./src/images sync recursive \\.svg$"));
+var iconsHtml = Object.keys(iconsData).map(function (iconId) { return getIconSymbolTemplate(iconId, iconsData[iconId]); });
+var svgTemplate = "<svg style=\"display:none;\">".concat(iconsHtml, "<svg>");
+
+
+
 /***/ }),
 
 /***/ "./src/text.ts":
@@ -12467,6 +12569,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _localizationManager__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./localizationManager */ "./src/localizationManager.ts");
 /* harmony import */ var _filterInfo__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./filterInfo */ "./src/filterInfo.ts");
 /* harmony import */ var _layoutEngine__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./layoutEngine */ "./src/layoutEngine.ts");
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.ts");
 
 
 
@@ -12477,14 +12580,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var styles = __webpack_require__(/*! ./visualizationPanel.scss */ "./src/visualizationPanel.scss");
+
+__webpack_require__(/*! ./visualizationPanel.scss */ "./src/visualizationPanel.scss");
 var questionElementClassName = "sa-question";
 var questionLayoutedElementClassName = "sa-question-layouted";
 if (!!document) {
-    var svgTemplate = __webpack_require__(/*! ./svgbundle.html */ "./src/svgbundle.html");
     var templateHolder = document.createElement("div");
     templateHolder.style.display = "none";
-    templateHolder.innerHTML = svgTemplate.default;
+    templateHolder.innerHTML = _svgbundle__WEBPACK_IMPORTED_MODULE_9__.svgTemplate;
     document.head.appendChild(templateHolder);
 }
 /**
@@ -13489,12 +13592,12 @@ var VisualizerBase = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    VisualizerBase.prototype.createVisualizer = function (question) {
-        var options = Object.assign({}, this.options);
-        if (options.dataProvider === undefined) {
-            options.dataProvider = this.dataProvider;
+    VisualizerBase.prototype.createVisualizer = function (question, options) {
+        var visualizerOptions = Object.assign({}, options || this.options);
+        if (visualizerOptions.dataProvider === undefined) {
+            visualizerOptions.dataProvider = this.dataProvider;
         }
-        return _visualizerFactory__WEBPACK_IMPORTED_MODULE_3__.VisualizerFactory.createVisualizer(question, this.data, options);
+        return _visualizerFactory__WEBPACK_IMPORTED_MODULE_3__.VisualizerFactory.createVisualizer(question, this.data, visualizerOptions);
     };
     Object.defineProperty(VisualizerBase.prototype, "footerVisualizer", {
         /**
@@ -13509,7 +13612,9 @@ var VisualizerBase = /** @class */ (function () {
             if (!this._footerVisualizer) {
                 var question = new survey_core__WEBPACK_IMPORTED_MODULE_1__.QuestionCommentModel(this.question.name + (survey_core__WEBPACK_IMPORTED_MODULE_1__.settings || {}).commentPrefix);
                 question.title = this.processText(this.question.title);
-                this._footerVisualizer = this.createVisualizer(question);
+                var visualizerOptions = Object.assign({}, this.options);
+                visualizerOptions.renderContent = undefined;
+                this._footerVisualizer = this.createVisualizer(question, visualizerOptions);
                 if (!!this._footerVisualizer) {
                     this._footerVisualizer.onUpdate = function () { return _this.invokeOnUpdate(); };
                 }
@@ -15978,6 +16083,45 @@ _visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.register
 _visualizationManager__WEBPACK_IMPORTED_MODULE_3__.VisualizationManager.registerVisualizer("multipletext", WordCloud);
 
 
+/***/ }),
+
+/***/ "./src/images sync recursive \\.svg$":
+/*!*********************************!*\
+  !*** ./src/images/ sync \.svg$ ***!
+  \*********************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var map = {
+	"./detail.svg": "./src/images/detail.svg",
+	"./drag.svg": "./src/images/drag.svg",
+	"./hide.svg": "./src/images/hide.svg",
+	"./makeprivate.svg": "./src/images/makeprivate.svg",
+	"./makepublic.svg": "./src/images/makepublic.svg",
+	"./moveToDetails.svg": "./src/images/moveToDetails.svg",
+	"./nonCommercial.svg": "./src/images/nonCommercial.svg",
+	"./sorting.svg": "./src/images/sorting.svg"
+};
+
+
+function webpackContext(req) {
+	var id = webpackContextResolve(req);
+	return __webpack_require__(id);
+}
+function webpackContextResolve(req) {
+	if(!__webpack_require__.o(map, req)) {
+		var e = new Error("Cannot find module '" + req + "'");
+		e.code = 'MODULE_NOT_FOUND';
+		throw e;
+	}
+	return map[req];
+}
+webpackContext.keys = function webpackContextKeys() {
+	return Object.keys(map);
+};
+webpackContext.resolve = webpackContextResolve;
+module.exports = webpackContext;
+webpackContext.id = "./src/images sync recursive \\.svg$";
+
 /***/ }),
 
 /***/ "plotly.js-dist-min":