npm - devexpress-dashboard - Versions diffs - 23.2.12 → 23.2.13 - Mend

devexpress-dashboard 23.2.12 → 23.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1689) hide show

package/resources/_resources.js CHANGED Viewed

@@ -1,8 +1,8 @@
 /**
 * DevExpress Dashboard (_resources.js)
-* Version:  23.2.12
-* Build date: Feb 11, 2025
+* Version:  23.2.13
+* Build date: Apr 29, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-export const resources = { "SvgResources": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><symbol id=\"dx-dashboard-add-pane\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M17 6H5c-.6 0-1 .4-1 1v9c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V7c0-.6-.4-1-1-1zm0 10H5V7h12v9zm-4-7h2v6h-2V9zm-3 2h2v4h-2v-4zm-3 2h2v2H7v-2z\"/><path class=\"dx-dashboard-green-icon\" d=\"M24 3h-3V0h-2v3h-3v2h3v3h2V5h3z\"/></symbol><symbol id=\"dx-dashboard-calc-field-add\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-green-icon\" d=\"M20 15h-3v-3h-2v3h-3v2h3v3h2v-3h3z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M9.5 6.3c-.1.2-.3 1.3-.6 2.7H6v2h2.5c-.4 2.3-.8 4.5-.8 4.5-.1.7-.3 1-.6 1-.1 0-.1 0-.2-.1-.1 0-.1-.1-.2-.2-.2-.2-.3-.4-.3-.4-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1-.2 0-.4.1-.6.3-.1.3-.2.5-.2.8 0 .4.2.7.5 1 .3.3.7.4 1.2.4s2.8.3 3.3-4c0 0 .3-1.5.5-3H13V9h-2.1c0-.4.1-.7.1-.9.4-2.5 2.3-2.2 3-2v-2s-3.3-.8-4.5 2.2z\"/></symbol><symbol id=\"dx-dashboard-calc-field-aggregate\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6.5 2.3c-.1.2-.3 1.3-.6 2.7H3v2h2.5c-.4 2.3-.8 4.5-.8 4.5-.1.7-.3 1-.6 1-.1 0-.1 0-.2-.1-.1 0-.1-.1-.2-.2-.2-.2-.3-.4-.3-.4-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1-.2 0-.4.1-.6.3-.1.3-.2.5-.2.8 0 .4.2.7.5 1 .3.3.7.4 1.2.4s2.8.3 3.3-4c0 0 .3-1.5.5-3H10V5H7.9c0-.4.1-.7.1-.9.4-2.5 2.3-2.2 3-2v-2S7.7-.7 6.5 2.3zM16 9H9.2c-.4 0-.7.5-.3.9l2.6 2.6-2.7 2.6c-.3.4-.1.9.4.9H16v-2h-3.3l1.1-1.1c.2-.2.2-.5 0-.7l-1-1.2H16V9z\"/></symbol><symbol id=\"dx-dashboard-calc-field-corrupted\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-yellow-icon\" d=\"M7.45 1.41c.3-.54.75-.54 1.05 0l6.37 11.62c.3.54.05.97-.5.97H1.64c-.6 0-.8-.43-.5-.97L7.45 1.41z\"/><path class=\"dx-dashboard-black-icon\" d=\"M7.02 5h2v4h-2V5zM9 10H7v2h2v-2z\"/></symbol><symbol id=\"dx-dashboard-calc-field\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6.5 3.3c-.1.2-.3 1.3-.6 2.7H3v2h2.5c-.4 2.3-.8 4.5-.8 4.5-.1.7-.3 1-.6 1-.1 0-.1 0-.2-.1-.1 0-.1-.1-.2-.2-.2-.2-.3-.4-.3-.4-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1-.2 0-.4.1-.6.3-.1.3-.2.5-.2.8 0 .4.2.7.5 1 .3.3.7.4 1.2.4s2.8.3 3.3-4c0 0 .3-1.5.5-3H10V6H7.9c0-.4.1-.7.1-.9.4-2.5 2.3-2.2 3-2v-2S7.7.3 6.5 3.3z\"/></symbol><symbol id=\"dx-dashboard-ce-add\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z\"/></symbol><symbol id=\"dx-dashboard-ce-arrow-down\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M13 14V5h-2v9H7l5 5 5-5z\"/></symbol><symbol id=\"dx-dashboard-ce-arrow-up\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M13 10v9h-2v-9H7l5-5 5 5z\"/></symbol><symbol id=\"dx-dashboard-ce-edit\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M15 6l-9 9v3h3l9-9-3-3zm-7 8.9l5-4.9 1 1-5 5-1-1.1z\"/></symbol><symbol id=\"dx-dashboard-checkmark\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" fill=\"#7B7B7B\" d=\"M7 18l-5-5v3l5 5L22 6V3z\"/></symbol><symbol id=\"dx-dashboard-close\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 7h-3l-4 4-4-4H5l5.5 5.5L5 18h3l4-4 4 4h3l-5.5-5.5z\"/></symbol><symbol id=\"dx-dashboard-designer-menu-icon\" viewBox=\"-467 269 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M-465 274h20v2h-20zM-465 280h20v2h-20zM-465 286h20v2h-20z\"/></symbol><symbol id=\"dx-dashboard-drag\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M5 7H3V5h2v2zm4-2H7v2h2V5zm4 0h-2v2h2V5zm0 4h-2v2h2V9zM9 9H7v2h2V9zM5 9H3v2h2V9z\"/></symbol><symbol id=\"dx-dashboard-ds-edit\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M14 6l-8 8.1V18h4l8-8-4-4zm2 4l-1.2 1.2-2-2L14 8l2 2zm-8 4l3.4-3.4 2 2L10 16l-2-2z\"/></symbol><symbol id=\"dx-dashboard-ds-embed\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M20 4h-4v2h3v12H5V6h3V4H4c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h16c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M20 4h-4v2h3v12H5V6h3V4H4c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h16c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M13 11V4h-2v7H7l5 5 5-5z\"/></symbol><symbol id=\"dx-dashboard-ds-link\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M8.5 18.5c-.4.4-1 .4-1.4 0l-1.6-1.6c-.4-.4-.4-1 0-1.4L10 11H7l-3.1 3.1c-1.2 1.2-1.2 3.1 0 4.2l1.8 1.8c1.2 1.2 3.1 1.2 4.2 0L13 17v-3l-4.5 4.5z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M8.5 18.5c-.4.4-1 .4-1.4 0l-1.6-1.6c-.4-.4-.4-1 0-1.4L10 11H7l-3.1 3.1c-1.2 1.2-1.2 3.1 0 4.2l1.8 1.8c1.2 1.2 3.1 1.2 4.2 0L13 17v-3l-4.5 4.5z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M8.04 14.97l7-7 .99.99-7 7z\"/><g><path class=\"dx-dashboard-current-color-icon\" d=\"M15.5 5.5c.4-.4 1-.4 1.4 0l1.6 1.6c.4.4.4 1 0 1.4L14 13h3l3.1-3.1c1.2-1.2 1.2-3.1 0-4.2l-1.8-1.8c-1.2-1.2-3.1-1.2-4.2 0L11 7v3l4.5-4.5z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M15.5 5.5c.4-.4 1-.4 1.4 0l1.6 1.6c.4.4.4 1 0 1.4L14 13h3l3.1-3.1c1.2-1.2 1.2-3.1 0-4.2l-1.8-1.8c-1.2-1.2-3.1-1.2-4.2 0L11 7v3l4.5-4.5z\"/></g></symbol><symbol id=\"dx-dashboard-ds-preview\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M12 7c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8c-1.7 0-3-1.3-3-3s1.3-3 3-3c.2 0 .4 0 .6.1-.9.2-1.5 1-1.5 1.9 0 1.1.9 2 2 2 .9 0 1.7-.7 1.9-1.5 0 .2.1.3.1.5-.1 1.7-1.4 3-3.1 3z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M12 6c4.5 0 8.2 2.2 8.9 5H23c-.7-3.9-5.3-7-11-7S1.7 7.1 1 11h2.1c.7-2.8 4.4-5 8.9-5zM12 18c-4.5 0-8.2-2.2-8.9-5H1c.7 3.9 5.3 7 11 7s10.3-3.1 11-7h-2.1c-.7 2.8-4.4 5-8.9 5z\"/><g><path class=\"dx-dashboard-current-color-icon\" d=\"M12 6c4.5 0 8.2 2.2 8.9 5H23c-.7-3.9-5.3-7-11-7S1.7 7.1 1 11h2.1c.7-2.8 4.4-5 8.9-5zM12 18c-4.5 0-8.2-2.2-8.9-5H1c.7 3.9 5.3 7 11 7s10.3-3.1 11-7h-2.1c-.7 2.8-4.4 5-8.9 5z\"/></g></symbol><symbol id=\"dx-dashboard-fc-arrow-right\" viewBox=\"0 0 12 12\"><path class=\"dx-dashboard-current-color-icon\" d=\"M5 10l4-4-4-4z\"/></symbol><symbol id=\"dx-dashboard-fc-dropdown-icon\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M4 6l4 4 4-4z\"/></symbol><symbol id=\"dx-dashboard-fc-mode-list\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M5 5h14v2H5zM5 9h14v2H5zM5 13h14v2H5zM5 17h14v2H5z\"/></symbol><symbol id=\"dx-dashboard-fc-mode-tree\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M11 9h8v2h-8V9zm0 8h8v2h-8v-2zM9 5h10v2H9V5zM5 5h2v2H5V5zm4 8h10v2H9v-2zm-4 0h2v2H5v-2z\"/></symbol><symbol id=\"dx-dashboard-fc-search\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M14 5c-2.8 0-5 2.2-5 5 0 1.1.4 2.2 1 3l-5 5 1 1 5-5c.8.6 1.9 1 3 1 2.8 0 5-2.2 5-5s-2.2-5-5-5zm0 8c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z\"/></symbol><symbol id=\"dx-dashboard-fc-treeview-collapse\" viewBox=\"0 0 13 13\"><path class=\"dx-dashboard-current-color-icon\" d=\"M10 6H7V3H6v3H3v1h3v3h1V7h3z\"/></symbol><symbol id=\"dx-dashboard-fc-treeview-expand\" viewBox=\"0 0 13 13\"><path class=\"dx-dashboard-current-color-icon\" d=\"M3 6h7v1H3z\"/></symbol><symbol id=\"dx-dashboard-item-data-source\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-accent-icon\" d=\"M14 10v3c0 1.1-2.7 2-6 2s-6-.9-6-2v-3c0 1.1 2.7 2 6 2s6-.9 6-2zM8 8c-3.3 0-6-.9-6-2v3c0 1.1 2.7 2 6 2s6-.9 6-2V6c0 1.1-2.7 2-6 2zm6-5v2c0 1.1-2.7 2-6 2s-6-.9-6-2V3c0-1.1 2.7-2 6-2s6 .9 6 2zm-1.1 0c-.5-.4-2.1-1-4.9-1s-4.4.6-4.9 1c.5.4 2.1 1 4.9 1s4.4-.6 4.9-1z\"/></symbol><symbol id=\"dx-dashboard-main-menu-close\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M22 4h-3l-7 7-7-7H2l8.5 8.5L2 21h3l7-7 7 7h3l-8.5-8.5z\"/></symbol><symbol id=\"dx-dashboard-olap-dimension-hierarchy\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6 0h4v4H6zM0 12h4v4H0zM6 12h4v4H6zM12 12h4v4h-4zM3 6h4v4H3zM9 6h4v4H9z\"/></symbol><symbol id=\"dx-dashboard-olap-dimension\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M15 12l-4-3v2H5V5h2L4 1 1 5h2v8h8v2z\"/></symbol><symbol id=\"dx-dashboard-olap-measure\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M15 1H1l7 7-7 7h14v-2H6l5-5-5-5h9z\"/></symbol><symbol id=\"dx-dashboard-remove-small\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-red-icon\" d=\"M11 5c-.6 0-1 .4-1 1v1h1V6h3v1h1V6c0-.6-.4-1-1-1h-3zm7 4H7V8c0-.6.4-1 1-1h9c.6 0 1 .4 1 1v1zM8 10v7c0 .6.4 1 1 1h7c.6 0 1-.4 1-1v-7H8zm3 6h-1v-4h1v4zm2 0h-1v-4h1v4zm2 0h-1v-4h1v4z\"/></symbol><symbol id=\"dx-dashboard-remove\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-red-icon\" d=\"M4 8v13c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V8H4zm5 11H7v-8h2v8zm4 0h-2v-8h2v8zm4 0h-2v-8h2v8zM20 5h-4V3c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v2H4c-.5 0-1 .5-1 1v1h18V6c0-.5-.5-1-1-1zm-6 0h-4V4h4v1z\"/><g><path class=\"dx-dashboard-red-icon\" d=\"M4 8v13c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V8H4zm5 11H7v-8h2v8zm4 0h-2v-8h2v8zm4 0h-2v-8h2v8zM20 5h-4V3c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v2H4c-.5 0-1 .5-1 1v1h18V6c0-.5-.5-1-1-1zm-6 0h-4V4h4v1z\"/></g></symbol><symbol id=\"dx-dashboard-rename\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M10.4 13.2l1.7-1.7L9.8 5H7.3L4 14h2.2l.6-2h3.3l.3 1.2zM7.5 10l1-3 1 3h-2zM17 8l-8 8v3h3l8-8-3-3zm-6 8l4-4 1 1-4 4-1-1z\"/></symbol><symbol id=\"dx-dashboard-template-to-all-cards\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M5 9v9h11V9H5zm9 7H7v-5h7v5z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M7 7v2h9v7h2V7z\" opacity=\".75\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M9 5v2h9v7h2V5z\" opacity=\".5\"/></symbol><symbol id=\"dx-dashboard-textbox-search-clear\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" fill=\"#7B7B7B\" d=\"M12 5c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm4 10h-2l-2-2-2 2H8l3-3-3-3h2l2 2 2-2h2l-3 3 3 3z\"/></symbol><symbol id=\"dx-dashboard-transparent-background\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M0 0h6v6H0zM12 0h6v6h-6zM6 6h6v6H6zM18 6h6v6h-6zM0 12h6v6H0zM12 12h6v6h-6zM6 18h6v6H6zM18 18h6v6h-6z\"/></symbol><symbol id=\"dx-dashboard-tree-connector\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M2 2h1v10H2zM2 12h12v1H2z\"/></symbol><symbol id=\"dx-dashboard-arrow-left\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 11H8.9L14 6h-3l-6 6 6 6h3l-5.1-5H19z\"/></symbol><symbol id=\"dx-dashboard-group-types-full-list\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-current-color-icon\" cx=\"6\" cy=\"12\" r=\"2\"/><circle class=\"dx-dashboard-current-color-icon\" cx=\"12\" cy=\"12\" r=\"2\"/><circle class=\"dx-dashboard-current-color-icon\" cx=\"18\" cy=\"12\" r=\"2\"/></symbol><symbol id=\"dx-dashboard-back\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 11H8.9L14 6h-3l-6 6 6 6h3l-5.1-5H19z\"/></symbol><symbol id=\"dx-dashboard-clear-master-filter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M20 5H4l7 7v8h2v-8z\"/><path class=\"dx-dashboard-red-icon\" d=\"M19 18l1.8-1.8c.3-.3.3-.7 0-1-.3-.3-.7-.3-1 0L18 17l-1.8-1.8c-.3-.3-.7-.3-1 0-.3.3-.3.7 0 1L17 18l-1.8 1.8c-.3.3-.3.7 0 1 .3.3.7.3 1 0L18 19l1.8 1.8c.3.3.7.3 1 0 .3-.3.3-.7 0-1L19 18z\"/></symbol><symbol id=\"dx-dashboard-clear-selection\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 4H8c-.6 0-1 .4-1 1v1h10c.6 0 1 .4 1 1v10h1c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z\" opacity=\".5\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M16 7H5c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V8c0-.6-.4-1-1-1zm-1 11H6V9h9v9z\"/><path class=\"dx-dashboard-red-icon\" d=\"M11.3 13.5l1.5-1.5c.2-.2.2-.6 0-.8-.2-.2-.6-.2-.8 0l-1.5 1.5L9 11.2c-.2-.2-.6-.2-.8 0-.2.2-.2.6 0 .8l1.5 1.5L8.2 15c-.2.2-.2.6 0 .8.2.2.6.2.8 0l1.5-1.5 1.5 1.5c.2.2.6.2.8 0 .2-.2.2-.6 0-.8l-1.5-1.5z\"/></symbol><symbol id=\"dx-dashboard-content-selection\" viewBox=\"0 0 24 24\"><g class=\"st0\"><path class=\"dx-dashboard-current-color-icon\" d=\"M21 14l-9 6-9-6 9-6z\"/></g><path class=\"dx-dashboard-current-color-icon\" d=\"M21 10l-9 6-9-6 9-6z\"/></symbol><symbol id=\"dx-dashboard-data-inspector\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M9.7 11H4V9h7.1c-.6.6-1.1 1.3-1.4 2zM17 7V5H4v2h13zm-8 7c0-.3 0-.7.1-1H4v2h5.1c-.1-.3-.1-.7-.1-1zm7-5c-2.8 0-5 2.2-5 5 0 .9.2 1.7.6 2.4l-3.2 3.2c-.6.6-.6 1.4 0 2 .6.6 1.4.6 2 0l3.2-3.2c.7.4 1.5.6 2.4.6 2.8 0 5-2.2 5-5s-2.2-5-5-5zm0 8c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z\"/></symbol><symbol id=\"dx-dashboard-data-reduced\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-yellow-icon\" d=\"M12 3c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z\"/><path class=\"dx-dashboard-yellow-icon\" d=\"M12 14c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1s1 .4 1 1v5c0 .6-.4 1-1 1zM12 17c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-drill-up\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M11 5V2L5 7l6 5V9h1c1.7 0 4 1 4 3 0 5-3 8-3 8s6-3 6-9c0-4-3-6-7-6h-1z\"/></symbol><symbol id=\"dx-dashboard-export-to-excel\" viewBox=\"0 0 48 48\"><path class=\"dx-dashboard-green-icon\" d=\"M42.7 8.4H28.4v3h3.9v3.7h-3.9v1.6h3.9v3.7h-3.9V22h3.9v3.7h-3.9v1.6h3.9V31h-3.9v1.6h3.9v3.7h-3.9v3.1h14.2c.7 0 1.3-.6 1.3-1.3V9.7c.1-.7-.5-1.3-1.2-1.3zm-2.3 27.7h-6.6v-3.7h6.6v3.7zm0-5.2h-6.6v-3.7h6.6v3.7zm0-5.3h-6.6v-3.7h6.6v3.7zm0-5.3h-6.6v-3.7h6.6v3.7zm0-5.2h-6.6v-3.7h6.6v3.7zM4 8.4v30.8L27.3 44V4L4 8.4zm13.8 23.7l-2.5-6.2-2.4 5.9-3-.2 3.7-7.4-3.4-7.2 3.1-.2 2.1 5.7 2.3-6 3.3-.2-3.9 7.8 4.1 8.2-3.4-.2z\"/></symbol><symbol id=\"dx-dashboard-export-to-image\" viewBox=\"0 0 48 48\"><path class=\"dx-dashboard-current-color-icon\" d=\"M5 5v38h38V5H5zm36 36H7V7h34v34z\" opacity=\".5\"/><path class=\"dx-dashboard-green-icon\" d=\"M8 40h32V25l-12 5-10-10-10 5z\"/><circle class=\"dx-dashboard-yellow-icon\" cx=\"32\" cy=\"16\" r=\"5\"/></symbol><symbol id=\"dx-dashboard-export-to-pdf\" viewBox=\"0 0 48 48\"><path class=\"dx-dashboard-red-icon\" d=\"M39.1 27.7c-1.8 0-4 .1-6.3.5-1-.6-2.1-1.2-2.9-2-2.2-2.1-4.1-5-5.3-8.1.1-.3.1-.5.2-.8.3-1.5.6-6.3.6-6.5v-.2c.1-.3.5-1.9.4-2.9-.2-.9-.9-2.7-2.6-2.7h-.6c-1.2 0-2.2.6-2.5 1.5-.8 2.8 0 7 1.5 12.5l-.4.9c-1 2.5-2.3 5-3.4 7.2l-.2.3C16.3 30 15.1 32.2 14 34c-.2-.2-.4-.2-.6-.1-.1 0-1.8 1-2.2 1.2-3.5 2.1-5.8 4.4-6.2 6.3-.1.6 0 1.4.6 1.8l1 .5c.5.2 1 .3 1.4.3 2.5 0 5.4-3.1 9.3-9.9 4.5-1.5 9.7-2.7 14.2-3.4 4.2 2.3 9.4 3.8 11.7 3.1.5-.1 1-.5 1.3-.9.2-.3.4-1.1.4-1.4v-.2s.1-.6.1-.9c-.1-.6-.3-1.2-.7-1.6-.8-.6-2.5-1.1-5.2-1.1zm-2.4 2.4c2.6-.2 4.6-.1 5.7.3 1.3.4 1.5.8 1.6.8v.1c-.1.2-.3.3-.4.4-.9.3-3.6-.2-6.9-1.6zM24.3 10.3V10.6c-.1.3-.6 2.3-.9 3.5-.4-1.8-.6-3.5-.6-4.9 0-.5 0-1.5.2-2.3 0-.2.1-.3.1-.4.2.2.5.6.8 1.4.4.8.4 1.7.4 2.4zm-4.1 18.4c1.4-2.6 2.3-4.7 3-6.4 1.3 2.4 3 4.4 4.9 6 .2.2.4.4.7.5-3.9.8-7.2 1.7-10.2 2.8.5-.9 1-1.9 1.6-2.9zM13 35.8c-2.5 3.9-4.2 5.6-5.4 6.2.5-1.2 2.3-3.6 4.8-5.6.1-.2.3-.4.6-.6z\"/><path class=\"dx-dashboard-red-icon\" d=\"M31.5 15.5h.6c.7 0 1.3-.2 1.7-.7.4-.5.7-1.1.7-1.8 0-.8-.2-1.4-.6-1.8-.4-.4-1-.6-1.7-.6H30v7.6h1.5v-2.7zm0-3.7h.5c.3 0 .5.1.7.3s.3.5.3.9c0 .8-.3 1.2-1 1.2h-.5v-2.4zM39.7 17c.5-.7.8-1.6.8-2.8 0-2.5-1.1-3.7-3.1-3.7h-2v7.6h2c1 0 1.7-.4 2.3-1.1zm-2.9-5.2h.6c.5 0 .9.2 1.2.7.3.4.4 1 .4 1.8s-.1 1.4-.4 1.9c-.3.5-.7.7-1.2.7h-.6v-5.1zM45 11.8v-1.3h-3.5v7.6H43v-3h1.8v-1.3H43v-2z\"/></symbol><symbol id=\"dx-dashboard-export\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 8h-4v2h3v8H6v-8h3V8H5c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V9c0-.6-.4-1-1-1zm-8-2v7h2V6h3l-4-4-4 4h3z\"/></symbol><symbol id=\"dx-dashboard-filter\"><path d=\"M17 1H1l7 8v8l2-1V9l7-8z\" class=\"dx-dashboard-accent-icon\"/></symbol><symbol id=\"dx-dashboard-filters\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M20 5H4l7 7v8h2v-8z\"/></symbol><symbol id=\"dx-dashboard-map-initial-extent\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M14.5 4C11.5 4 9 6.5 9 9.5c0 1 .3 1.9.7 2.8l-5.3 5.3c-.6.6-.6 1.4 0 2 .6.6 1.4.6 2 0l5.3-5.3c.8.5 1.7.7 2.8.7 3 0 5.5-2.5 5.5-5.5S17.5 4 14.5 4zm0 9c-1.9 0-3.5-1.6-3.5-3.5S12.6 6 14.5 6 18 7.6 18 9.5 16.4 13 14.5 13z\"/><circle class=\"dx-dashboard-current-color-icon\" cx=\"14.5\" cy=\"9.5\" r=\"1.5\"/></symbol><symbol id=\"dx-dashboard-maximize-item\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M10 5H5v5l2-2 2 2 1-1-2-2 2-2zM19 10V5h-5l2 2-2 2 1 1 2-2 2 2zM14 19h5v-5l-2 2-2-2-1 1 2 2-2 2zM5 14v5h5l-2-2 2-2-1-1-2 2-2-2z\"/></symbol><symbol id=\"dx-dashboard-open-tab-pages\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M8 12c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm4-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-parameters\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6 12c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zM12 6c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z\"/><g opacity=\".5\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6 12c.4 0 .7.1 1 .2V5c0-.6-.4-1-1-1s-1 .4-1 1v7.2c.3-.1.6-.2 1-.2zM6 18c-.4 0-.7-.1-1-.2V19c0 .6.4 1 1 1s1-.4 1-1v-1.2c-.3.1-.6.2-1 .2zM12 6c.4 0 .7.1 1 .2V5c0-.6-.4-1-1-1s-1 .4-1 1v1.2c.3-.1.6-.2 1-.2zM12 12c-.4 0-.7-.1-1-.2V19c0 .6.4 1 1 1s1-.4 1-1v-7.2c-.3.1-.6.2-1 .2zM18 17c-.4 0-.7-.1-1-.2V19c0 .6.4 1 1 1s1-.4 1-1v-2.2c-.3.1-.6.2-1 .2zM18 11c.4 0 .7.1 1 .2V5c0-.6-.4-1-1-1s-1 .4-1 1v6.2c.3-.1.6-.2 1-.2z\"/></g><path class=\"dx-dashboard-current-color-icon\" d=\"M18 11c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-range-time-periods\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M16 13.2l6-2.2-8-3v10h-4V3L2 6l6 2.2V18H4v2h16v-2h-4z\"/></symbol><symbol id=\"dx-dashboard-restore-item\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-red-icon\" d=\"M19 14h-5v5l2-2 2 2 1-1-2-2 2-2zM10 19v-5H5l2 2-2 2 1 1 2-2 2 2zM5 10h5V5L8 7 6 5 5 6l2 2-2 2zM14 5v5h5l-2-2 2-2-1-1-2 2-2-2z\"/></symbol><symbol id=\"dx-dashboard-toggle-multiselection\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 4H8c-.6 0-1 .4-1 1v1h10c.6 0 1 .4 1 1v10h1c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z\" opacity=\".5\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M16 7H5c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V8c0-.6-.4-1-1-1zm-1 11H6V9h9v9z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M9.1 16.8c.3.3.8.3 1-.1L14 10c-.7 0-1.3.4-1.6 1l-2.7 4L8 13.7c-.2-.2-.6-.2-.8.1-.2.2-.2.5-.1.7l2 2.3z\"/></symbol><symbol id=\"dx-dashboard-datatype-boolean\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-yellow-icon\" d=\"M10.6 6.4h-.5v1.5h.5c.7 0 1.1-.2 1.1-.7-.1-.7-.5-.8-1.1-.8zM5.3 6.3c-.7 0-1.1.4-1.1 1.9s.5 2 1.1 2c.7 0 1.1-.5 1.1-1.9 0-1.5-.5-2-1.1-2z\"/><path class=\"dx-dashboard-yellow-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zM5.2 11.1c-1.4 0-2.2-.8-2.2-2.8 0-2 .9-2.8 2.4-2.8s2.3.7 2.3 2.7c-.1 1.9-1 2.9-2.5 2.9zm8-.1h-1.4l-.9-2c0-.1-.2-.3-.3-.3h-.5V10c.3.1.6.2.7.3v.7H8.6l-.1-.7c.1-.1.2-.2.4-.3V6.4c-.1-.1-.3-.1-.4-.3l.1-.7h2c1.4 0 2.2.3 2.2 1.6 0 .8-.6 1.2-1.2 1.5.2.1.4.2.5.4l.6 1.1c.2.1.4.2.5.3v.7z\"/></symbol><symbol id=\"dx-dashboard-datatype-custom\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-accent-icon\" d=\"M8.6 8.2c0 1.5-.1 2.1-.8 2.1-.7 0-.8-.6-.8-2.1 0-1.4.1-2 .8-2 .7 0 .8.6.8 2zM16 2v12c0 .5-.5 1-1 1H1c-.5 0-1-.5-1-1V2c0-.5.5-1 1-1h14c.5 0 1 .5 1 1zM4.6 10.4c0-.1-.2-.2-.4-.3V5.5c-.7 0-1.4.1-1.9.3v.5c.2.1.5.2.7.2V10c-.2.1-.5.2-.6.3l.1.7h2.1v-.6zm5.1-2.2c0-2-.5-2.7-1.9-2.7s-2 .8-2 2.8.5 2.8 1.9 2.8c1.5 0 2.1-1 2-2.9zm3.7 2.2c0-.1-.2-.2-.4-.3V5.5c-.7 0-1.4.1-1.9.3v.5c.2.1.5.2.7.2V10c-.2.1-.5.2-.6.3l.1.7h2.1v-.6z\"/></symbol><symbol id=\"dx-dashboard-datatype-datetime\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-green-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zM8 12c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z\"/><path class=\"dx-dashboard-green-icon\" d=\"M8 6H7v3h3V8H8z\"/></symbol><symbol id=\"dx-dashboard-datatype-float\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-accent-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zM3.4 11.1c-.4 0-.7-.1-.7-.6.1-.5.3-.6.7-.6.4 0 .7.2.7.6 0 .4-.3.6-.7.6zm5.4-.1H5.2L5 10l2-2.2c.3-.3.6-.7.6-1.2 0-.4-.2-.6-.6-.6-.2 0-.5 0-.7.1-.1.4-.2.8-.3.9h-.7c-.1-.2-.1-.6-.1-.9v-.2c.4-.3 1.1-.5 1.8-.5.9 0 1.7.2 1.7 1.4 0 .4-.3.9-.5 1.2L7 9.4c-.3.3-.8.7-.8.7v.1s.4-.1.8-.1h.6c0-.3.1-.6.2-.7h.8c.3.4.3 1.2.2 1.6zm2.3.1c-.5 0-1.1-.2-1.4-.3l.3-.8c.3.1.6.2 1 .2.7 0 1.1-.3 1.1-.9 0-.9-.5-1-.9-1s-.7.1-.9.1l-.3-.6V5.5h3v.9h-2v1.1h.7c1 0 1.7.5 1.7 1.7-.1 1.3-1 1.9-2.3 1.9z\"/></symbol><symbol id=\"dx-dashboard-datatype-integer\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-accent-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zM6.7 11H4.6l-.1-.7c.1-.1.4-.2.6-.3V6.5c-.1 0-.4 0-.6-.1v-.6c.5-.3 1.2-.4 1.8-.3v4.6c.2.1.4.2.4.3v.6zm4.8 0H7.8l-.2-1 2-2.2c.3-.3.6-.7.6-1.2 0-.4-.2-.6-.6-.6-.2 0-.5 0-.7.1 0 .3-.1.6-.2.8L8 7c-.1-.2-.2-.6-.2-.9v-.2c.4-.3 1.1-.5 1.8-.5.9 0 1.7.2 1.7 1.4 0 .4-.3.9-.5 1.2L9.7 9.4c-.3.3-.8.7-.8.7v.1s.4-.1.8-.1h.6c0-.3.1-.6.2-.7h.8c.2.4.3 1.2.2 1.6z\"/></symbol><symbol id=\"dx-dashboard-datatype-list\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M0 1v14h16V1H0zm15 13H1V2h14v12z\"/><path class=\"dx-dashboard-red-icon\" d=\"M9.05 8l1.84-1.84c.15-.15.15-.38 0-.53l-.52-.52a.357.357 0 00-.52 0L8 6.95 6.16 5.11a.357.357 0 00-.52 0l-.53.53c-.15.15-.15.38 0 .53L6.95 8 5.11 9.84c-.15.15-.15.38 0 .52l.52.52c.15.15.38.15.53 0L8 9.05l1.84 1.84c.15.15.38.15.52 0l.52-.52c.15-.15.15-.38 0-.53L9.05 8z\"/></symbol><symbol id=\"dx-dashboard-datatype-string\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-red-icon\" d=\"M4.5 9.6c0 .3.2.5.5.5.4 0 .6-.2.7-.3v-.7h-.5c-.5 0-.7.2-.7.5zM10.7 7.4c-.4 0-.7.1-.9.3V10c.3.1.5.2.7.2.6 0 .9-.6.9-1.4 0-1.1-.2-1.4-.7-1.4z\"/><path class=\"dx-dashboard-red-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zm-7.4 9.9s-.5.2-1.3.2c0 0-.1-.2-.2-.6-.2.2-.5.6-1.4.6-.8 0-1.5-.5-1.5-1.3 0-.7.5-1.3 1.6-1.3h1V8c0-.5-.2-.7-.7-.7-.2 0-.3 0-.5.1 0 .2-.1.5-.1.6h-.9c-.1-.3-.2-.7-.1-1.1.4-.2 1.2-.5 1.9-.5 1.1 0 1.7.4 1.7 1.6v1.9c.2 0 .4.1.5.2v.8zm3 .2c-.4 0-.9-.1-1.2-.3-.1.1-.2.2-.4.2h-.4V5.6c-.2-.1-.4-.2-.5-.3l.1-.7c.5-.1 1.2-.1 1.7-.1v2.3c.2-.2.7-.3 1.1-.3 1.3 0 1.8.6 1.8 2.2-.1 1.8-1.2 2.4-2.2 2.4z\"/></symbol><symbol id=\"dx-dashboard-convert\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M17 12V9H3V5h14V2l5 5z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M7 12v3h14v4H7v3l-5-5z\"/></symbol><symbol id=\"dx-dashboard-interactivity\" viewBox=\"-467 269 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M-446 279h-6v-7c0-.6-.4-1-1-1h-11c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h6v7c0 .6.4 1 1 1h11c.6 0 1-.4 1-1v-10c0-.6-.4-1-1-1zm-17 2v-8h9v8h-9zm16 8h-9v-6h3c.6 0 1-.4 1-1v-1h5v8z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M-447 273l2-2h-6v6l2-2 3 3 2-2zM-461 287l-3-3-2 2 3 3-2 2h6v-6z\"/></symbol><symbol id=\"dx-dashboard-item-filter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M23 3H1l9 9v10h4V12z\"/></symbol><symbol id=\"dx-dashboard-item-menu-collapse\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-grey-icon\" d=\"M7 13l5-5 5 5v3l-5-5-5 5s.1-3 0-3z\"/></symbol><symbol id=\"dx-dashboard-item-options\" viewBox=\"-467 269 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M-456.8 288.9l.3 3.1h3.1l.3-3.1c.9-.2 1.8-.6 2.5-1.1l2.4 1.9 2-2-2-2.4c.5-.8.9-1.6 1.1-2.5l3.1-.3v-3.1l-3.1-.3c-.2-.9-.6-1.8-1.1-2.5l1.9-2.4-2-2-2.4 2c-.8-.5-1.6-.9-2.5-1.1l-.3-3.1h-3.1l-.3 3.1c-.9.2-1.8.6-2.5 1.1l-2.4-1.9-2 2 2 2.4c-.5.8-.9 1.6-1.1 2.5l-3.1.3v3.1l3.1.3c.2.9.6 1.8 1.1 2.5l-1.9 2.4 2 2 2.4-2c.7.6 1.6.9 2.5 1.1zm-4.2-7.9c0-3.3 2.7-6 6-6s6 2.7 6 6-2.7 6-6 6-6-2.7-6-6z\"/></symbol><symbol id=\"dx-dashboard-properties\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M17.8 10.2c-1.1 1.1-2.9 1.1-4 0s-1.1-2.9 0-4l3.7-3.7c-.8-.3-1.6-.5-2.5-.5-3.9 0-7 3.1-7 7 0 1.2.3 2.3.8 3.2l-6.2 6.2c-.8.8-.8 2.2 0 3s2.2.8 3 0l6.2-6.2c1 .5 2.1.8 3.2.8 3.9 0 7-3.1 7-7 0-.9-.2-1.7-.5-2.5l-3.7 3.7z\"/></symbol><symbol id=\"dx-dashboard-redo\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M25 10l-1-9-3 3c-2.3-2.3-4.4-3-7-3-4 0-7 2.7-7 7 0 4 2 7 2 7l2-2c-.3-.7-.9-2.1-1-4-.2-3.4 1.4-5 4-5 3 0 5 2 5 2l-3 3 9 1z\"/></symbol><symbol id=\"dx-dashboard-undo\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M18 1c-2.6 0-4.7.7-7 3L8 1l-1 9 9-1-3-3s2-2 5-2c2.6 0 4.2 1.6 4 5-.1 1.9-.8 3.3-1 4l2 2s2-3 2-7c0-4.3-3-7-7-7z\"/></symbol><symbol id=\"dx-dashboard-toolbox-boundImage\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"7.5\" cy=\"9.5\" r=\"1.5\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M9 12l-3 4h3l1.4-2.1zM14 10l-4 6h8z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M20.5 8c-1.5 0-2.8-.4-3.3-1-.1.2-.2.3-.2.5v1c0 .8 1.6 1.5 3.5 1.5S24 9.3 24 8.5v-1c0-.2-.1-.3-.2-.5-.5.6-1.8 1-3.3 1zM20.5 5c-1.5 0-2.8-.4-3.3-1-.1.2-.2.3-.2.5v1c0 .8 1.6 1.5 3.5 1.5S24 6.3 24 5.5v-1c0-.2-.1-.3-.2-.5-.5.6-1.8 1-3.3 1z\"/><ellipse class=\"dx-dashboard-accent-icon\" cx=\"20.5\" cy=\"2.5\" rx=\"3.5\" ry=\"1.5\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M21 12v8H3V4h12V3c0-.4.1-.7.3-1H2c-.5 0-1 .5-1 1v18c0 .6.4 1 1 1h20c.5 0 1-.5 1-1v-9.5c-.6.3-1.3.4-2 .5z\"/></symbol><symbol id=\"dx-dashboard-toolbox-bubbleMap\" viewBox=\"4 -4 24 24\"><circle class=\"dx-dashboard-accent-icon\" cx=\"12\" cy=\"11\" r=\"6\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"22\" cy=\"6\" r=\"4\"/><circle class=\"dx-dashboard-current-color-icon\" cx=\"13.5\" cy=\"1.5\" r=\"2.5\"/></symbol><symbol id=\"dx-dashboard-toolbox-card\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M22 2H5c-.6 0-1 .4-1 1v2H2c-.6 0-1 .4-1 1v15c0 .6.4 1 1 1h17c.6 0 1-.4 1-1v-2h2c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zm-4 18H3V7h15v13zm-7-8H5v-2h6v2zm5 5H5v-2h11v2z\"/></symbol><symbol id=\"dx-dashboard-toolbox-chart\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M26 17h-3c-.6 0-1-.4-1-1V7c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v9c0 .6-.4 1-1 1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M9 17H6c-.6 0-1-.4-1-1v-5c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v5c0 .6-.4 1-1 1zM21 17h-3c-.6 0-1-.4-1-1V0c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M14 17h-3c-.6 0-1-.4-1-1V4c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v12c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-toolbox-choroplethMap\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M20.9 2h-9.8c-.6 0-1.1.5-1.1 1.1V8h5v6h5.9c.6 0 1.1-.5 1.1-1.1V3.1c0-.6-.5-1.1-1.1-1.1z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M16.9 6H7.1C6.5 6 6 6.5 6 7.1V12h6v6h4.9c.6 0 1.1-.5 1.1-1.1V7.1c0-.6-.5-1.1-1.1-1.1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12.9 22H3.1c-.6 0-1.1-.5-1.1-1.1v-9.8c0-.6.5-1.1 1.1-1.1h9.8c.6 0 1.1.5 1.1 1.1v9.8c0 .6-.5 1.1-1.1 1.1z\"/></symbol><symbol id=\"dx-dashboard-toolbox-comboBox\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M26 1H6c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm-1 12H7V3h18v10z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 4v8h8V4h-8zm4 6l-3-3h6l-3 3z\"/></symbol><symbol id=\"dx-dashboard-toolbox-dateFilter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M9 14H5v-4h4v4zm5-4h-4v4h4v-4zm-5 5H5v4h4v-4zm5 0h-4v4h4v-4zm8-12h-2v2c0 .5-.5 1-1 1h-2c-.5 0-1-.5-1-1V3H8v2c0 .5-.5 1-1 1H5c-.5 0-1-.5-1-1V3H2c-.5 0-1 .5-1 1v18c0 .5.5 1 1 1h20c.5 0 1-.5 1-1V4c0-.5-.5-1-1-1zm-1 18H3V8h18v13zM7 5H5V1h2v4zm12-4h-2v4h2V1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M19 14h-4v-4h4v4zm0 1h-4v4h4v-4z\"/></symbol><symbol id=\"dx-dashboard-toolbox-gauge\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M16-3C9.9-3 5 1.9 5 8s4.9 11 11 11 11-4.9 11-11S22.1-3 16-3zm0 20c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 6c-.3 0-.6.1-.8.2L11 2l-1 1 4.2 4.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M9 8c0 1.9.8 3.7 2.1 4.9l1.4-1.4C11.6 10.6 11 9.4 11 8c0-.6.1-1.2.3-1.7L9.8 4.8c-.5.9-.8 2-.8 3.2zM16 1c-1.2 0-2.3.3-3.2.8l1.5 1.5c.5-.2 1.1-.3 1.7-.3 1.4 0 2.6.6 3.5 1.5l1.4-1.4C19.7 1.8 17.9 1 16 1z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M20.9 3.1l-1.4 1.4c.9.9 1.5 2.1 1.5 3.5s-.6 2.6-1.5 3.5l1.4 1.4c1.3-1.3 2.1-3 2.1-4.9 0-1.9-.8-3.7-2.1-4.9z\"/></symbol><symbol id=\"dx-dashboard-toolbox-geoPointMap\" viewBox=\"4 -4 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"19\" cy=\"13\" r=\"3\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"20\" cy=\"3\" r=\"3\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"12\" cy=\"8\" r=\"3\"/></symbol><symbol id=\"dx-dashboard-toolbox-grid\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M5 5h4v4H5V5zm5 0h4v4h-4V5zm5 0h4v4h-4V5zM5 10h4v4H5v-4zm5 0h4v4h-4v-4zm5 0h4v4h-4v-4zM5 15h4v4H5v-4zm5 0h4v4h-4v-4zm5 0h4v4h-4v-4zm8-13c0-.6-.4-1-1-1H2c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V2zm-2 19H3V3h18v18z\"/></symbol><symbol id=\"dx-dashboard-toolbox-group\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M22 1H2c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm-1 20H3V3h18v18zM6 19h9c.6 0 1-.4 1-1v-2h2c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v2H6c-.6 0-1 .4-1 1v9c0 .6.4 1 1 1zm1-9h7v7H7v-7z\"/></symbol><symbol id=\"dx-dashboard-toolbox-image\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M22 2H2c-.5 0-1 .5-1 1v18c0 .6.4 1 1 1h20c.5 0 1-.5 1-1V3c0-.6-.4-1-1-1zm-1 18H3V4h18v16zM7.5 8C8.3 8 9 8.7 9 9.5S8.3 11 7.5 11 6 10.3 6 9.5 6.7 8 7.5 8zM9 12l-3 4h3l1.4-2.1L9 12zm5-2l-4 6h8l-4-6z\"/></symbol><symbol id=\"dx-dashboard-toolbox-listBox\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M10 7h8v2h-8V7zM6 7h2v2H6V7zm4 4h8v2h-8v-2zm-4 0h2v2H6v-2zm4 4h8v2h-8v-2zm-4 0h2v2H6v-2zM21 1H3c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h18c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm-1 20H4V3h16v18z\"/></symbol><symbol id=\"dx-dashboard-toolbox-pie\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M5 7h10V-3C9.5-3 5 1.5 5 7z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M17-1V9H7c0 5.5 4.5 10 10 10s10-4.5 10-10S22.5-1 17-1z\"/></symbol><symbol id=\"dx-dashboard-toolbox-pieMap\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"18\" cy=\"10\" r=\"4\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"9.5\" cy=\"5.5\" r=\"2.5\"/><path class=\"dx-dashboard-accent-icon\" d=\"M8 9v6l-4.2 4.2C4.8 20.3 6.3 21 8 21c3.3 0 6-2.7 6-6s-2.7-6-6-6z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M8 9c-3.3 0-6 2.7-6 6 0 .8.2 1.6.5 2.3.2.4.3.7.6 1 .2.3.5.6.7.9L8 15V9z\"/></symbol><symbol id=\"dx-dashboard-toolbox-pivot\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M27-3H5L16 8 5 19h22v-3H12l8-8-8-8h15z\"/></symbol><symbol id=\"dx-dashboard-toolbox-rangeFilter\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M26-1H6c-.6 0-1 .4-1 1v16c0 .6.4 1 1 1h7V5L7 8.8V1h18v4l-6 6v6h7c.6 0 1-.4 1-1V0c0-.6-.4-1-1-1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M21-3V9l-2 2-6-6-2 1.3V-3H9v22h2v-2h10v2h2V-3z\"/></symbol><symbol id=\"dx-dashboard-toolbox-scatterChart\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M22 1H2c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm-1 20H3V3h18v18zM8 13c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm8-6c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm-2-7c0-1.7-1.3-3-3-3S8 6.3 8 8s1.3 3 3 3 3-1.3 3-3zm-3 1c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-toolbox-tabContainer\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M22 4H11V1c0-.5-.5-1-1-1H1C.5 0 0 .5 0 1v21c0 .5.5 1 1 1h21c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1zm-1 17H2V2h7v4h12v15z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 8h-6c-.5 0-1 .5-1 1v2H7c-.5 0-1 .5-1 1v6c0 .5.5 1 1 1h6c.5 0 1-.5 1-1v-2h2c.5 0 1-.5 1-1V9c0-.5-.5-1-1-1zm-4 9H8v-4h4v4z\"/></symbol><symbol id=\"dx-dashboard-toolbox-textBox\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M26 3c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1h-4c-.6 0-1 .4-1 1v1H11v-1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h1v10H6c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h4c.6 0 1-.4 1-1v-1h10v1c0 .6.4 1 1 1h4c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1h-1V3h1zM7-1h2v2H7v-2zm0 18v-2h2v2H7zm14-3v1H11v-1c0-.6-.4-1-1-1H9V3h1c.6 0 1-.4 1-1V1h10v1c0 .6.4 1 1 1h1v10h-1c-.6 0-1 .4-1 1zm4 3h-2v-2h2v2zM23 1v-2h2v2h-2z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M18 11h2l-3-7h-2l-3 7h2l.4-1h3.1l.5 1zm-2.7-3l.7-1.7.7 1.7h-1.4z\"/></symbol><symbol id=\"dx-dashboard-toolbox-treemap\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M2 1c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h5V1H2z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M23 9V2c0-.6-.4-1-1-1H9v8h14zM17 18v5h5c.6 0 1-.4 1-1v-4h-6z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M17 11h6v5h-6zM9 11h6v12H9z\"/></symbol><symbol id=\"dx-dashboard-toolbox-treeView\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M14 8H2c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V9c0-.6-.4-1-1-1zm-1 12H3V10h10v10zm-2-6H9v-2H7v2H5v2h2v2h2v-2h2v-2zM22 2H10c-.6 0-1 .4-1 1v4h2V4h10v10h-5v2h6c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zm-6 8h3V8h-3.3c.2.3.3.6.3 1v1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M19 18H5c-.6 0-1-.4-1-1v-5l5-5 5 5 6-6v11c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-bar\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M7 20H5c-.6 0-1-.4-1-1v-5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v5c0 .6-.4 1-1 1zM13 20h-2c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v10c0 .6-.4 1-1 1zM19 20h-2c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v14c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-candle-stick\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M17 6V4h-2v2h-2v9h2v2h2v-2h2V6h-2zm0 7h-2V8h2v5z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M9 9V7H7v2H5v9h2v2h2v-2h2V9z\"/></symbol><symbol id=\"dx-dashboard-chart-series-full-stacked-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M4 5v14h16V5c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M9 11l-5 5v3c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-9l-6 6-5-5z\"/></symbol><symbol id=\"dx-dashboard-chart-series-full-stacked-bar\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M13 20h-2c-.6 0-1-.4-1-1v-8h4v8c0 .6-.4 1-1 1zM19 20h-2c-.6 0-1-.4-1-1V8h4v11c0 .6-.4 1-1 1zM7 20H5c-.6 0-1-.4-1-1v-4h4v4c0 .6-.4 1-1 1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M20 9h-4V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v4zM14 12h-4V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v7zM8 16H4V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v11z\"/></symbol><symbol id=\"dx-dashboard-chart-series-full-stacked-line\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M4 5h16v2H4z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M14 16l-5-5-5 5v3l5-5 5 5 6-6v-3z\"/></symbol><symbol id=\"dx-dashboard-chart-series-full-stacked-spline-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M19 4H5c-.6 0-1 .4-1 1v8.9s3.2 6.8 8 0c4.7-6.6 8 0 8 0V5c0-.6-.4-1-1-1z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 13c-4.8 6.8-8 0-8 0v6c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-6s-3.3-6.6-8 0z\"/></symbol><symbol id=\"dx-dashboard-chart-series-high-low-close\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M9 7H7v13h2v-3h2v-2H9z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M15 14V4h-2v12h4v-2z\"/></symbol><symbol id=\"dx-dashboard-chart-series-line\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M14 13L9 8l-5 5v3l5-5 5 5 6-6V7z\"/></symbol><symbol id=\"dx-dashboard-chart-series-points\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"6\" cy=\"18\" r=\"2\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"18\" cy=\"6\" r=\"2\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"11\" cy=\"9\" r=\"2\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"13\" cy=\"15\" r=\"2\"/></symbol><symbol id=\"dx-dashboard-chart-series-range-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M14 12L9 7l-5 5v6l5-5 5 5 6-6V6z\"/></symbol><symbol id=\"dx-dashboard-chart-series-range-bar\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M7 17H5c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v8c0 .6-.4 1-1 1zM13 20h-2c-.6 0-1-.4-1-1v-7c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v7c0 .6-.4 1-1 1zM19 13h-2c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v7c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-spline-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 8.9c-4.8 6.8-8 0-8 0v8c0 .6.4 1 1 1h14c.6 0 1-.5 1-1v-8s-3.3-6.6-8 0z\"/></symbol><symbol id=\"dx-dashboard-chart-series-spline\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M8.2 16h-.3C5.5 16 4 12.5 4 12.4l1.5-.8c.3.6 1.2 2.4 2.4 2.4 1.5 0 2.4-1.2 3.3-2.5C12.9 9 14.2 8 16 8c2.5 0 3.9 3.4 4 3.5l-1.6.9c-.3-.6-.8-2.4-2.4-2.4-1.8 0-2.5 1.3-3.3 2.5-1.4 2.1-3 3.5-4.5 3.5z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stacked-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M9 10l-5 5v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V9l-6 6-5-5z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M14 10L9 5l-5 5v6l5-5 5 5 6-6V4z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stacked-bar\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M14 15h-4V9c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v6zM8 17H4v-3c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v3zM20 12h-4V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v7z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M13 20h-2c-.6 0-1-.4-1-1v-5h4v5c0 .6-.4 1-1 1zM19 20h-2c-.6 0-1-.4-1-1v-8h4v8c0 .6-.4 1-1 1zM7 20H5c-.6 0-1-.4-1-1v-3h4v3c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stacked-line\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M11 10l-6 6v3l6-6 6 6 2-2v-3l-2 2z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M15 9l-4-4-6 6v3l6-6 4 4 4-4V5z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stacked-spline-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 6.9c-4.8 6.8-8 0-8 0V14s3.2 6.4 8 0c4.7-6.3 8 0 8 0V6.9s-3.3-6.6-8 0z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 13c-4.7 6.5-8 0-8 0v6c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-6s-3.3-6.6-8 0z\"/><g><path class=\"dx-dashboard-accent-icon\" d=\"M12 6.9c-4.8 6.8-8 0-8 0V14s3.2 6.4 8 0c4.7-6.3 8 0 8 0V6.9s-3.3-6.6-8 0z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 13c-4.7 6.5-8 0-8 0v6c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-6s-3.3-6.6-8 0z\"/></g></symbol><symbol id=\"dx-dashboard-chart-series-step-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M5 20h14c.6 0 1-.4 1-1V9h-4V4h-4v11H8v-3H4v7c0 .6.4 1 1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-step-line\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 4v14H8v-4H4v2h2v4h8V6h4v9h2V4z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stock\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M10 7H8v3H6v2h2v8h2v-3h2v-2h-2z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 14V4h-4v2h2v10h4v-2z\"/></symbol><symbol id=\"dx-dashboard-chart-series-weighted\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"7\" cy=\"17\" r=\"2\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"12\" cy=\"9\" r=\"4\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"16.5\" cy=\"15.5\" r=\"2.5\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-full\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 10c-.3 0-.6.1-.8.2L5 4 4 5l6.2 6.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-half\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M12 9c3.3 0 6 2.7 6 6h2c0-4.4-3.6-8-8-8s-8 3.6-8 8h2c0-3.3 2.7-6 6-6z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 9c3.3 0 6 2.7 6 6h2c0-4.4-3.6-8-8-8s-8 3.6-8 8h2c0-3.3 2.7-6 6-6z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 13c-.3 0-.6.1-.8.2L5 7 4 8l6.2 6.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-left-quarter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M6 17h2c0-5 4-9 9-9V6C10.9 6 6 10.9 6 17z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 14c-.3 0-.6.1-.8.2L8 7 7 8l7.2 7.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-right-quarter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M18 17h-2c0-5-4-9-9-9V6c6.1 0 11 4.9 11 11z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M8 14c.3 0 .6.1.8.2L16 7l1 1-7.2 7.2c.1.2.2.5.2.8 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-three-fourth\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M20 13c0-4.4-3.6-8-8-8s-8 3.6-8 8c0 2.2.9 4.2 2.4 5.6l1.4-1.4C6.7 16.1 6 14.7 6 13c0-3.3 2.7-6 6-6s6 2.7 6 6c0 1.7-.7 3.1-1.8 4.2l1.4 1.4c1.5-1.4 2.4-3.4 2.4-5.6z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M20 13c0-4.4-3.6-8-8-8s-8 3.6-8 8c0 2.2.9 4.2 2.4 5.6l1.4-1.4C6.7 16.1 6 14.7 6 13c0-3.3 2.7-6 6-6s6 2.7 6 6c0 1.7-.7 3.1-1.8 4.2l1.4 1.4c1.5-1.4 2.4-3.4 2.4-5.6z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 11c-.3 0-.6.1-.8.2L5 5 4 6l6.2 6.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-linear-horizontal\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M4 10h16v4H4z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M4 10h10v4H4z\"/></symbol><symbol id=\"dx-dashboard-gauge-linear-vertical\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M10 4h4v16h-4z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M10 10h4v10h-4z\"/></symbol><symbol id=\"dx-dashboard-grid-column-delta\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 4L4 20h16L12 4zm-1 6l4 8H7l4-8z\"/></symbol><symbol id=\"dx-dashboard-grid-column-dimension\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M20 17l-4-3v2H8V8h2L7 4 4 8h2v10h10v2z\"/></symbol><symbol id=\"dx-dashboard-grid-column-hyperlink\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M7.8 15l-.5-2.2H5.2L4.7 15H3l2.3-9h1.9l2.2 9H7.8zM6.4 8.6c0-.2-.1-.5-.1-1v-.2c-.1.6-.2.9-.2 1.1l-.6 2.9H7l-.6-2.8zM10.3 15V6h2.5c1.6 0 2.3.7 2.3 2.1 0 .5-.1.9-.4 1.3-.2.4-.6.6-1 .7.5.1.8.3 1.1.7.3.4.4.9.4 1.4 0 .8-.2 1.5-.6 2-.4.5-1 .7-1.8.7h-2.5zm1.6-7.5v2.2h.7c.3 0 .5-.1.7-.3s.3-.5.3-.8c0-.7-.4-1-1.1-1h-.6zm0 3.6v2.4h.8c.3 0 .6-.1.8-.3s.3-.5.3-.9-.1-.6-.3-.8c-.2-.2-.4-.3-.7-.3h-.9zM21 14.6c-.5.3-1 .4-1.6.4-1 0-1.8-.4-2.4-1.2-.6-.8-.9-1.8-.9-3.1 0-1.5.3-2.7.9-3.5S18.5 6 19.6 6c.5 0 1 .1 1.4.3v1.6c-.4-.3-.8-.5-1.3-.5-.6 0-1 .3-1.4.8-.3.6-.5 1.3-.5 2.3 0 .9.2 1.7.5 2.2.3.5.8.8 1.3.8s.9-.2 1.4-.5v1.6zM3 17h18v1H3z\"/></symbol><symbol id=\"dx-dashboard-grid-column-measure\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M20 5H4l7 7-7 7h16v-2H9l5-5-5-5h11z\"/></symbol><symbol id=\"dx-dashboard-grid-column-sparkline\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M20 7c-1.1 0-2 .9-2 2 0 .3.1.6.2.8l-3.4 3.4c-.2-.1-.5-.2-.8-.2s-.6.1-.8.2l-2.4-2.4c.1-.3.2-.5.2-.8 0-1.1-.9-2-2-2s-2 .9-2 2c0 .3.1.6.2.8l-2.4 2.4c-.2-.1-.5-.2-.8-.2-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2c0-.3-.1-.6-.2-.8l2.4-2.4c.2.1.5.2.8.2s.6-.1.8-.2l2.4 2.4c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2c0-.3-.1-.6-.2-.8l3.4-3.4c.3.1.5.2.8.2 1.1 0 2-.9 2-2s-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-pie-donut\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M8 12c0-2.2 1.8-4 4-4V4c-4.4 0-8 3.6-8 8 0 2.2.9 4.2 2.3 5.7l2.8-2.8C8.4 14.1 8 13.1 8 12z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 4v4c2.2 0 4 1.8 4 4s-1.8 4-4 4c-1.1 0-2.1-.4-2.8-1.2l-2.8 2.8C7.8 19.1 9.8 20 12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8z\"/></symbol><symbol id=\"dx-dashboard-pie-pie\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 4c-4.4 0-8 3.6-8 8 0 2.2.9 4.2 2.3 5.7L12 12V4z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 4v8l-5.7 5.7C7.8 19.1 9.8 20 12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8z\"/></symbol><symbol id=\"dx-dashboard-sparkline-win-loss\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M2 13v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1zM7 13v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H8c-.6 0-1-.4-1-1zM18 13v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 13v-2c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-3c-.6 0-1-.4-1-1z\"/></symbol></svg>", "HtmlResources": "<script type=\"text/html\" id=\"dx-dashboard-control\"> <div class=\"dx-dashboard-widget-container dx-dashboard-control dx-dashboard-typography dx-dashboard-theme dx-viewport dx-designer-viewport\" data-bind=\"css: colorSchemeCss\"> <!-- ko foreach: externalTemplates --> <!-- ko template: $data --> <!-- /ko --> <!-- /ko --> <div class=\"dx-dashboard-surface\" data-bind=\"style: { left: surfaceLeft() + 'px' }, css: $data.classList()\"> <!-- ko if: isDashboardLoaded()  --> <!-- ko template: $data.layoutTemplate() --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: isDashboardLoaded()  --> <div class=\"dx-dashboard-no-visible-dashboard\"> <div> <!-- ko if: isLoading() --> <div class=\"dx-dashboard-control-loading\" data-bind=\"text:$root.getLocalizationById('DashboardStringId.MessageLoading')\"></div> <!-- /ko --> <!-- ko ifnot: isLoading() --> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.NoDashboards')\"></div><br /> <!-- ko foreach: emptyControlTemplates --> <!-- ko template: $data --> <!-- /ko --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- ko template:  { name: \"dx-dashboard-notification-controller\", data: notificationController._viewModel } --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-resizable-layout\"> <!-- ko if: componentArgs --> <dashboard-docking-layout data-bind=\"css: cssClasses\" params=\"componentArgs: componentArgs\"></dashboard-docking-layout> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-docking-layout\"> <!-- ko if: title.showTitle() --> <div data-bind=\"style: title.containerStyles\"> <dashboard-title data-bind=\"style: title.styles\" params=\"componentArgs: title.componentArgs\"></dashboard-title> </div> <!-- /ko --> <div data-bind=\"dxScrollView: scrollView.options, style: scrollView.styles\" class=\"dx-dashboard-layout-container\"> <div data-bind=\"style: scrollView.contentWrapperStyles, dx-dashboard-element-accessor: layoutMainElementEvents\"> <!-- ko with: layout --> <dx-layout-item data-bind=\"css: { 'dx-state-underlying-selection': $data.areChildrenSelected() }\" class=\"dx-layout-item dx-layout-root\" params=\"layoutItem: $data\"></dx-layout-item> <!-- /ko --> </div> </div> <!-- ko if: fullscreenItemModel.visible() --> <div class=\"dx-dashboard-fullscreen-item-base\" data-bind=\"style: fullscreenItem.styles\"> <div class=\"dx-layout-item-wrapper dx-dashboard-fullscreen-item\"> <div class=\"dx-layout-item-container dx-dashboard-container\" data-bind=\" dx-dashboard-item-binding: { dashboardItem: fullscreenItemModel.viewModel().dashboardItem, dashboardContext: fullscreenItemModel.viewModel().dashboardContext, localContext:  fullscreenItemModel.viewModel().localContext, sizeController: fullscreenItemModel.viewModel().getSizeController($element) }\"> </div> </div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-mobile-layout\"> <!-- ko if: componentArgs --> <dashboard-mobile-layout-widget params=\"componentArgs: componentArgs\" class=\"dx-dashboard-viewer dx-dashboard-container dx-dashboard-mobile-layout-widget dxb-position-absolute dxb-b0 dxb-t0 dxb-l0 dxb-r0\" > </dashboard-mobile-layout-widget> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-mobile-layout-widget\"> <!-- ko template: { name: 'dx-dashboard-mobile-title', data: titleViewModel } --> <!-- /ko --> <div data-bind=\"dxList: layoutViewModel, style: { top: titleViewModel.height() + 'px' }\" class=\"dx-dashboard-mobile-layout dx-dashboard-container dxb-position-absolute\"> <div data-options=\"dxTemplate:{ name: 'item' }\"> <!-- ko template: $data --> <!-- /ko --> </div> </div> <!-- ko template: { name: 'dx-dashboard-mobile-fullscreen-item', data: fullscreenItemViewModel } --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-mobile-item-master-filters', data: itemMasterFiltersViewModel } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-mobile-title\"> <dashboard-title params=\"componentArgs: { options: options, width: width, height: height, encodeHtml: encodeHtml, className: className }\"></dashboard-title></script><script type=\"text/html\" id=\"dx-dashboard-mobile-fullscreen-item\"> <div data-bind=\"dxOverlay: { shading: false, width: width, height: height, deferRendering: true, visible: visible, animation: { show: { type: 'slide', duration: 400, from: { position: { my: 'left', at: 'right', of: window } }, to: { position: { my: 'center', at: 'center', of: window } } }, hide: { type: 'slide', duration: 400, from: { position: { my: 'center', at: 'center', of: window } }, to: { position: { my: 'left', at: 'right', of: window } } } }, onInitialized: onInitialized, onDisposing: onDisposing, wrapperAttr: { class: 'dx-dashboard-fullscreen-item-popup' }, position: { my: 'left top', at: 'left top' } }\"> <!-- ko if: visible --> <!-- ko with: itemViewModel --> <dashboard-standalone-item class=\"dx-dashboard-container dx-dashboard-theme dxb-w100 dxb-h100 dxb-d-block\" params=\"dashboardItem: dashboardItem, dashboardContext: dashboardContext, localContext: localContext, repaintRequest: repaintRequest, \"></dashboard-standalone-item> <!-- /ko --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-mobile-layout-item\"> <div class=\"dx-dashboard-mobile-layout-maximize-icon\" data-bind=\" css: { 'dx-dashboard-mobile-layout-maximize-icon-selected': isReadyForAction() }, style: { 'opacity': maximizeIconOpacity()  } \"> <svg><use xlink:href=\"#dx-dashboard-maximize-item\"></use></svg> <div>Maximize</div> </div> <dashboard-standalone-item data-bind=\"style: { 'transform': 'translateX(' + itemOffsetInPixels() + 'px)'  }\" class=\"dx-dashboard-standalone-item-container dx-state-disabled\" params=\"dashboardItem: dashboardItem, dashboardContext: dashboardContext, localContext: localContext, repaintRequest: repaintRequest, \"></dashboard-standalone-item> <div class=\"dx-dashboard-mobile-layout-item-shield\" data-bind=\" dxclick: click, dxpointerdown: selectItem, dxpointerup: unselectItem, dxpointermove: unselectItem \"></div> <!--dxswipestart: { execute: swipestart, direction: 'horizontal' }, dxswipe: { execute: swipeupdate, direction: 'horizontal' }, dxswipeend: { execute: swipeend, direction: 'horizontal' }--> </script><script type=\"text/html\" id=\"dx-dashboard-mobile-item-master-filters\"> <div data-bind=\" dxOverlay: { height: masterFiltersPopup.height, width: masterFiltersPopup.width, hideOnOutsideClick: true, visible: masterFiltersPopup.visible, onHiding: function() { closeMasterFiltersPopup() }, position: { my: 'bottom', at: 'bottom', of: window } , animation: { show: { type: 'slide', duration: 250, from: { position: { my: 'top', at: 'bottom', of: window } } }, hide: { type: 'slide', duration: 250, to: { position: { my: 'top', at: 'bottom', of: window } } } }, onInitialized: masterFiltersPopup.onInitialized, onDisposing: masterFiltersPopup.onDisposing, wrapperAttr: { class: 'dx-dashboard-master-filters-popup' } }\"> <div class=\"master-filters-list-container\"> <div class=\"master-filters-list-spring\" data-bind=\"style: { flex: maximizeFiltersPopup() ? 0 : 1 }, dxclick: function() { closeMasterFiltersPopup() }\"> </div> <div class=\"master-filters-list master-filter-popup\" data-bind=\"style: { flex: maximizeFiltersPopup() ? 1 : 0 }\"> <!-- ko foreach: masterItems--> <div class=\"dx-dashboard-masters-preview-item\" data-bind=\"dxclick: click\"> <div class=\"dx-dashboard-masters-preview-item-name\" data-bind=\"text: name\"></div> <div class=\"dx-dashboard-masters-preview-filtervalues\"> <!-- ko foreach: filterValues --> <b data-bind=\"text: name\"></b>:<span data-bind=\"text: valuesString\"></span> <!-- /ko --> </div> </div> <!-- /ko --> </div> </div> <div class=\"apply-buttons dxb-position-absolute dxb-b0 dxb-l0 dxb-r0\"> <div data-bind=\"dxButton: { text:  $root.getLocalizationById('DashboardStringId.ButtonOK'), onClick: closeMasterFiltersPopup, type: 'default' }\"> </div> </div> </div> <div data-bind=\"dxOverlay: { height: masterFilterMaximizedItemPopup.height, width: masterFilterMaximizedItemPopup.width, hideOnOutsideClick: true, onHiding: function() { closeMasterFilterItemPopup() }, visible: masterFilterMaximizedItemPopup.visible, position: { my: 'bottom', at: 'bottom', of: window } , animation: { show: { type: 'slide', duration: 250, from: { position: { my: 'top', at: 'bottom', of: window } } }, hide: { type: 'slide', duration: 250, to: { position: { my: 'top', at: 'bottom', of: window } } } }, onInitialized: masterFilterMaximizedItemPopup.onInitialized, onDisposing: masterFilterMaximizedItemPopup.onDisposing, wrapperAttr: { class: 'dx-dashboard-master-filters-popup' } }\"> <!-- ko with: masterFilterItem --> <div class=\"master-filter-popup dxb-position-absolute dxb-b70px dxb-t0 dxb-l0 dxb-r0 dxb-d-block\"> <dashboard-standalone-item class=\"dx-dashboard-standalone-item-container dx-dashboard-container dx-dashboard-theme\" params=\"dashboardItem: dashboardItem, dashboardContext: dashboardContext, localContext: localContext, repaintRequest: repaintRequest, \"></dashboard-standalone-item> </div> <!-- /ko --> <div class=\"apply-buttons dxb-position-absolute dxb-b0 dxb-l0 dxb-r0\"> <div data-bind=\"dxButton: { text: $root.getLocalizationById('DashboardStringId.ButtonOK'), onClick: closeMasterFilterItemPopup, type: 'default' }\"> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-notification-controller\"> <div data-bind=\"dxToast: { type: 'custom', visible: visible() && !suspended(), width: 'auto', target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'bottom right', at: 'bottom right', offset: '0 0', boundary: $root.getWidgetContainer(), of: $root.getWidgetContainer() }, displayTime: displayTime, closeOnClick: true, onHidden: onHidden, closeOnSwipe: false, onInitialized: onInitialized }\"> <div class=\"dx-dashboard-notificator\" data-bind=\"foreach: notifications, css: {  'dx-dashboard-error': type() === 'error', 'dx-dashboard-success': type() === 'success', 'dx-dashboard-info': type() === 'info'} \"> <h1 data-bind=\"text: title\"></h1> <!-- ko if: detail !== null --> <span data-bind=\"text: detail\"></span> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-item\"> <div class=\"dx-layout-item-container\" data-bind=\"dx-dashboard-item-binding: { dashboardItem: $data.viewModel.model.item, dashboardContext: $data.getContext(), localContext: $data.getLocalContext(), sizeController: $data.sizeController }, css: { 'dx-layout-item-selected': isSelected }\"> </div> <!-- ko if: isDesignMode --> <div class=\"dx-layout-item-cover dx-layout-float-cover\" data-bind=\"dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"></div> <!-- ko if: isSelected --> <!-- ko template: getContextMenu() --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-item-plate' } --> <!-- /ko --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-item-state-loading\"> <div class=\"dx-dashboard-layout-state dx-layout-item-loading\"> <div class=\"dx-dashboard-control-loading\" data-bind=\"text:$root.getLocalizationById('DashboardStringId.MessageLoading')\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-state-empty\"> <div class=\"dx-dashboard-layout-state dx-dashboard-layout-state-empty dx-layout-item-empty\" data-bind=\"class: sizeClass\"> <!-- ko if: $data --> <svg class=\"dx-dashboard-item-type-icon\"><use data-bind=\"xlinkHref: icon\"></use></svg> <div class=\"dx-dashboard-item-type-title\" data-bind=\"text: title\"></div> <!-- /ko --> <div class=\"dx-dashboard-layout-state-content\"> <!-- ko if: $parent.getEmptyItemTemplates --> <!-- ko template: $parent.getEmptyItemTemplates() --> <!-- /ko --> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-state-error\"> <div class=\"dx-dashboard-layout-state dx-dashboard-layout-state-error dx-layout-item-empty\" data-bind=\"class: sizeClass\"> <!-- ko if: $data --> <svg class=\"dx-dashboard-item-type-icon\"><use data-bind=\"xlinkHref: icon\"></use></svg> <div class=\"dx-dashboard-item-type-title\" data-bind=\"text: title\"></div> <!-- /ko --> <div class=\"dx-dashboard-layout-state-content dx-dashboard-layout-text\"> <p data-bind=\"text: errorState() && errorState().title\"></p> <p data-bind=\"text: errorState() && errorState().detail\"></p> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-standalone-item\"> <div class=\"dx-dashboard-standalone-item\" data-bind=\"css: {'dx-dashboard-widget-container': isStandalone, 'dx-dashboard-typography': isStandalone  }, dx-dashboard-item-binding: { dashboardItem: $data.dashboardItem, dashboardContext: $data.dashboardContext, localContext: $data.localContext, sizeController: $data.sizeController }\"> </div></script><script type=\"text/html\" id=\"dx-layout-item\"> <!-- ko with: layoutItem --> <div class=\"dx-layout-item-wrapper\" data-bind=\"dx-ko-resizable: { getWidgetContainer: $root.getWidgetContainer, layoutItem: $data }, visible: visible\"> <!-- ko if: viewModel.hasItem() --> <!-- ko template: viewModel.template || 'dx-layout-item-container' --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: viewModel.hasItem() --> <!-- ko template: 'dx-layout-group-container' --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-layout-item-container\"> <div class=\"dx-layout-item-container\" data-bind=\"style: { width: containerWidth() + 'px', height: containerHeight() + 'px' }\"></div> <!-- ko if: isDesignMode --> <div class=\"dx-layout-item-cover\" data-bind=\"dxclick: coverClickHandler, css: itemStyle\" draggable=\"true\"></div> <div class=\"dx-layout-item-plate\" data-bind=\"visible: isSelected\" draggable=\"true\"></div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-layout-group-container\"> <div class=\"dx-layout\"> <!-- ko if: viewModel.orientation() === 'Horizontal' --> <div class=\"dx-layout-group\"> <!-- ko foreach: items --> <dx-layout-item class=\"dx-layout-item\" params=\"layoutItem: $data\"></dx-layout-item> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: viewModel.orientation() === 'Vertical' --> <!-- ko foreach: items --> <div class=\"dx-layout-group\"> <dx-layout-item class=\"dx-layout-item\" params=\"layoutItem: $data\"></dx-layout-item> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: items().length === 0 && !!$data.getPlaceholder --> <div data-bind=\"style: { width: containerWidth() + 'px', height: containerHeight() + 'px' }\"> <!-- ko with: $data.getPlaceholder() --> <!-- ko template: viewModel.template --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-empty-item-templates\"> <!-- ko foreach: $data --> <!-- ko template: $data --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-item-placeholder\"> <!-- ko if: $parent.isDesignMode() --> <div class=\"dx-layout-item-placeholder\" data-bind=\"css: itemStyle\"> <!-- ko if: !dragOverLocation() --> <!-- ko template: getLayoutItemPlaceholder() --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-group\"> <dx-dashboard-layout-group params=\"layoutItem: $data\"></dx-dashboard-layout-group></script><script type=\"text/html\" id=\"dx-dashboard-layout-group\"> <!-- ko with: layoutItem --> <div class=\"dx-layout-item-container\" data-bind=\"dx-dashboard-layout-group-binding: { dashboardContext: $data.getContext(), localContext: $data.getLocalContext(), sizeController: $data.sizeController, dashboardItem: $data.viewModel.model.item, headerHeight: $parent.headerHeight }\"></div> <!-- ko if: isDesignMode --> <div class=\"dx-layout-item-cover\" data-bind=\" dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"> </div> <!-- /ko --> <!-- ko if: items().length !== 0 --> <div data-bind=\"style: { top: $parent.headerHeight() + 'px', padding: $parent.padding() + 'px' }\" class=\"dxb-position-absolute dxb-b0\"> <!-- ko template: 'dx-layout-group-container' --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: items().length === 0 && isDesignMode() --> <div class=\"dx-layout-item-cover\" data-bind=\" dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"> <div data-bind=\"style: { top: $parent.headerHeight() + 'px', padding: $parent.padding() + 'px' }\" class=\"dxb-position-absolute dxb-b0 dxb-l0 dxb-r0\"> <!-- ko with: $data.getPlaceholder() --> <!-- ko template: viewModel.template --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> <!-- ko if: isSelected --> <!-- ko template: getContextMenu() --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-item-plate' } --> <!-- /ko --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-tab-container\"> <dx-dashboard-layout-tab-container params=\"layoutItem: $data\"></dx-dashboard-layout-tab-container></script><script type=\"text/html\" id=\"dx-dashboard-layout-tab-container\"> <!-- ko with: layoutItem --> <dashboard-layout-tabs params=\"layoutItem: $data, headerHeight: $parent.headerHeight\" class=\"dx-layout-item-container dx-dashboard-item-container dx-dashboard-tabs-container\"> </dashboard-layout-tabs> <!-- ko if: isDesignMode --> <div class=\"dx-layout-item-cover\" data-bind=\" dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"> </div> <!-- /ko --> <!-- ko if: $parent.activeItems().length !== 0 --> <!-- ko if: $parent.activeItems()[0].items().length !== 0 --> <div data-bind=\"style: { top: $parent.headerHeight() + 'px', padding: $parent.padding() + 'px' }\" class=\"dx-dashboard-tabs-content\"> <!-- ko template: 'dx-layout-group-container' --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: $parent.activeItems()[0].items().length === 0 && isDesignMode() --> <div class=\"dx-layout-item-cover\" data-bind=\" dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"> <div data-bind=\"style: { top: $parent.headerHeight() + 'px', padding: $parent.padding() + 'px' }\" class=\"dx-dashboard-tabs-content dx-dashboard-design\" > <!-- ko with:  $parent.activeItems()[0].getPlaceholder() --> <!-- ko template: viewModel.template --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: $parent.activeItems().length === 0 && isDesignMode() --> <div> </div> <!-- /ko --> <!-- ko if: isSelected --> <!-- ko template: getContextMenu() --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-item-plate' } --> <!-- /ko --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-layout-tabs\"> <div class=\"dx-dashboard-layout-tabs-container\"> <div class=\"dx-dashboard-layout-tabs dx-dashboard-stretched\" data-bind=\"dxTabs: { items: tabPageBindings, itemTemplate: 'dx-dasbhoard-layout-tab-item', selectionMode: 'single', keyExpr: 'id', selectedItemKeys: selectedItemKeys, onSelectionChanged: onSelectionChanged, hoverStateEnabled: true, scrollingEnabled: false, focusStateEnabled: false}\"> <div data-options=\"dxTemplate:{ name:'dx-dasbhoard-layout-tab-item' }\" class='dx-dashboard-tab-content'> <div class=\"dx-dashboard-standalone-item\" data-bind=\"dx-dashboard-layout-tab-binding: { dashboardItem: $data.dashboardItem, dashboardContext: $data.context, localContext: $data.localContext, sizeController: $data.sizeController, ignoreBorder: $data.ignoreBorder }\"> </div> <div class=\"dx-dashboard-cover\"></div> </div> </div> <!-- ko if: showMenu() --> <div class=\"dx-dashboard-tab-button dx-dashboard-toggle-menu-button\" data-bind=\"click: toggleMenu\"> <div> <svg><use xlink:href=\"#dx-dashboard-open-tab-pages\"></use></svg> </div> </div> <!-- /ko --> <!-- ko if: showAddButton() --> <div class=\"dx-dashboard-tab-button dx-dashboard-create-tab-page-button\" data-bind=\"click: createTabPage\"> <div> <svg><use xlink:href=\"#dx-dashboard-ce-add\"></use></svg> </div> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-working-mode-extension\"> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'left top', at: 'left top', collision: 'flipfit', boundaryOffset: '0, 0', boundary: $root.getWidgetContainer(), of:  $root.getWidgetContainer(), offset: '0, 0' }, animation: enableAnimation () ? { show: { type: 'slide', from: { left: panelWidth() * -1 }, to: { left: 0 }, duration: 500 }, hide: { type: 'slide', from: { left: 0 }, to: { left: panelWidth() * -1 }, duration: 500 } } : null, focusStateEnabled: false, showCloseButton: isMobile, dragEnabled: false, width: panelWidth, height: '100%', shading: false, toolbarItems: [{ text: $root.getLocalizationById('DashboardWebStringId.Dashboards'), location: 'before', toolbar: 'top', }], hideOnOutsideClick: false, onInitialized: onPopupInitialized, onDisposing: onPopupDisposing, onContentReady: function() { enableAnimation(true) }, visible: visible, wrapperAttr: { class: isMobile() ? 'dx-dashboard-card-view-panel dx-dashboard-panel-extension dx-dashboard-typography' : 'dx-dashboard-panel-extension dx-dashboard-typography' } }\"> <div class=\"dx-dashboard-dashboard-list dx-dashboard-typography\" data-bind=\"dxList: listOptions, css: { 'dx-dashboard-dashboard-list-full': !allowSwitchToDesigner(), 'dx-dashboard-dashboard-list-clipped': allowSwitchToDesigner() }\"> <div data-options=\"dxTemplate:{ name: 'dashboard-card-view' }\"> <div class=\"dx-dashboard-card-view\"> <div class='dx-dashboard-card-name' data-bind=\"text: name\"></div> </div> </div> <div data-options=\"dxTemplate:{ name: 'dashboard-preview' }\"> <div class=\"dx-dashboard-preview\" data-bind=\"css: { 'dx-dashboard-minimized': hidden }\"> <div class='dx-dashboard-image-container' data-bind=\"css: { 'dx-dashboard-hidden': hidden }\"> <img class=\"dx-dashboard-image\" data-bind=\"attr: { src: imageUrl, alt: name }, event: { error: hide }\" /> </div> <div class=\"dx-dashboard-name-container\"> <div class='dx-dashboard-name' data-bind=\"text: name\"></div> </div> </div> </div> <div data-options=\"dxTemplate:{ name: 'dashboard-list-item' }\"> <div data-bind=\"text: name\"></div> </div> </div> <!-- ko if: allowSwitchToDesigner --> <!-- ko template: 'dx-dashboard-edit-in-designer-button' --> <!-- /ko --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-edit-in-designer-button-icon\"> <div class=\"dx-dashboard-edit-in-designer-button-icon\"> <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\" xml:space=\"preserve\"> <g> <path class=\"editDashboardIcon\" d=\"M25.5,5.5C23.3,3.3,20.3,2,17,2C10.5,2,5.3,7.1,5,13.5C6,13.2,7,13,8,13c5,0,9,4,9,9c0,1.4-0.3,2.8-0.9,4 c0.3,0,0.6,0,0.9,0c6.6,0,12-5.4,12-12H17L25.5,5.5z\" /> <path class=\"editDashboardIcon\" d=\"M32,13c0-3.3-1.3-6.3-3.5-8.5L20,13H32z\" /> <path class=\"editDashboardIcon\" d=\"M8,14c-4.4,0-8,3.6-8,8s3.6,8,8,8s8-3.6,8-8S12.4,14,8,14z M13.7,24H9.3l1.7-5l-4.2,5H2.3 C2.1,23.4,2,22.7,2,22c0-3.3,2.7-6,6-6s6,2.7,6,6C14,22.7,13.9,23.4,13.7,24z\" /> </g> </svg> </div></script><script type=\"text/html\" id=\"dx-dashboard-edit-in-designer-button\"> <div class=\"dx-dashboard-edit-in-designer-button\" data-bind=\"dxButton: { onClick: switchToDesigner, type: 'default', template: 'template' }\"> <div data-options=\"dxTemplate: { name: 'template' }\" class=\"designer-button-content\"> <!-- ko template: 'dx-dashboard-edit-in-designer-button-icon' --> <!-- /ko --> <div class=\"dx-dashboard-edit-in-designer-button-text\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.EditInDesigner')\"></div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-working-mode-extension-viewer-button\"> <div class=\"dx-dashboard-viewer-button\" data-bind=\"dxButton: { onClick: click, type: 'default', text: $root.getLocalizationById('DashboardWebStringId.Viewer') }\"> </div></script><script type=\"text/html\" id=\"dx-dashboard-data-inspector-extension\"> <div data-bind=\"dxPopup: _getPopupOptions()\"> <!-- ko if: allowSwitchInspectedDataType --> <div class=\"dx-dashboard-inspected-data-type-chooser\"> <span class=\"dx-dashboard-inspected-data-type-text\" data-bind=\"text: $root.getLocalizationById('DashboardStringId.InspectedData')\"></span> <div class=\"dx-dashboard-inspected-data-radio-group\" data-bind=\"dxRadioGroup: { layout: 'horizontal', displayExpr: 'text', valueExpr: 'value', dataSource: avaliableInspectedDataType, value: inspectedDataType }\"> </div> </div> <!-- /ko --> <!-- ko with: gridOptions --> <div class=\"dx-dashboard-data-inspector-grid\" data-bind=\"dxDataGrid: $data\"></div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-button-group-template\"> <div data-bind=\"dxButtonGroup: $data\"></div></script><script id=\"dx-dashboard-calc-field-editor\" type=\"text/html\"> <!-- ko with: viewModel --> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'center', at: 'center', of: $root.getWidgetContainer(), boundary: $root.getWidgetContainer() }, height: '80%', width: '688px', maxHeight: '800px', minHeight: '500px', maxWidth: '80%', minWidth:'600px', animation: { }, focusStateEnabled: true, hideOnOutsideClick: false, toolbarItems: toolbarItems, visible: popupVisible, showTitle: true, hideOnParentScroll: false, title: $root.getLocalizationById('DashboardWebStringId.DataSources.EditCalculatedField'), wrapperAttr: { class: 'dx-dashboard-calc-field-editor-popup' }, resizeEnabled: true, onResize: function() { $data.resizeAceEditor(); } }\"> <div class=\"dx-dashboard-calc-field-dialog dxb-h100\"> <div class=\"dx-fieldset\"> <div class=\"dx-field\"> <div class=\"dx-field-label\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.CalculatedField.Name')\"></div> <div class=\"dx-field-value\"> <div data-bind=\"dxTextBox: { value: name }, dxValidator: { isValid: isCalcFieldNameValid, validationRules: nameValidationRules }\"></div> </div> </div> <div class=\"dx-field\"> <div class=\"dx-field-label\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.CalculatedField.FieldType')\"></div> <div class=\"dx-field-value\"> <div data-bind=\"dxSelectBox: { dataSource: availableTypes, valueExpr: 'value', displayExpr: 'displayValue', value: fieldType, displayCustomValue: true, editEnabled: false, dropDownOptions: { container: $root.getWidgetContainer() } }\"></div> </div> </div> </div> <div class=\"dx-dashboard-calc-field-expression\" data-bind=\"css: { 'dx-invalid': !expressionEditable.isValid() }\"> <div class=\"dx-designer dx-expressioneditor dxb-h100\" data-bind=\"dshdExpressionEditor: { options: expressionEditable, onResize: onResize, fieldListProvider: itemsProvider, displayNameProvider: displayNameProvider, saveHandler: saveHandler }\" ></div> </div> </div> </div> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-calculation-expression-editor'> <!--ko with: viewModel --> <div data-bind=\"dxPopup: { showTitle: true, title: $root.getLocalizationById('AnalyticsCoreStringId.ExpressionEditor_ExpressionCaption'), visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: '70%', width: '645px', animation: { }, maxHeight: '800px', minHeight: '500px', maxWidth: '80%', minWidth:'600px', container: $root.getWidgetContainer(), position: { of: $root.getWidgetContainer(), boundary: $root.getWidgetContainer() }, wrapperAttr: { class: 'dx-designer dx-expressioneditor dx-popup-general' }, resizeEnabled: true, onResize: function() { $data.resizeAceEditor(); } }\"> <div class=\"dxb-h100\"> <!-- ko template: \"dx-expressioneditor-main\" --> <!-- /ko --> </div> </div> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-window-definition-editor'> <div class=\"dx-dashboard-window-definition-editor\"> <dx-dashboard-button-group class=\"dx-dashboard-window-definition-selector\" params=\"value: mode, values: dataSource\"></dx-dashboard-button-group> <!-- ko with: formAdapterWrapper --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-color-scheme\"> <div class=\"dx-dashboard-form-wrapper\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column dx-dashboard-color-scheme-editor-form\"> <div class=\"dx-dashboard-form-column-content-wrapper dx-dashboard-coloring-form-color-tables-panel\"> <!-- ko with: colorSchemeModel --> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.ColorSchemes')\"></span> </div> <!-- ko if: editableSignatures().length > 0 --> <div class=\"dx-dashboard-list dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-color-tables-list\" data-bind=\"dxList: { dataSource: editableSignatures, selectedItems: selectedSignatures, selectionMode: 'single', keyExpr: 'key', nextButtonText: $root.getLocalizationById('DashboardWebStringId.More') }\"> <div class=\"dx-dashboard-color-table-item\"> <div class=\"dx-dashboard-color-table-item-description\"> <div> <!-- ko foreach: dataItems --> <div class=\"dx-dashboard-color-definition-tree\" data-bind=\"style: { 'margin-left': ($index() > 1 ? ($index() -1) * 21 : 0).toString() + 'px' }\"> <!-- ko if: $index() > 0 --> <svg><use xlink:href=\"#dx-dashboard-tree-connector\" /></svg> <!-- /ko --> <span data-bind=\"text: $data, attr: { title: $data }\"></span> </div> <!-- /ko --> <div class=\"dx-dashboard-definition-container\"> <span class=\"dx-dashboard-definition-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.ColorSchemeType')\"></span>:&nbsp; </span> <span data-bind=\"text: typeText, attr: {title: typeText}\"></span> </div> <div class=\"dx-dashboard-definition-container\"> <span class=\"dx-dashboard-definition-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardStringId.DefaultDataSourceName')\"></span>:&nbsp; </span> <span data-bind=\"text: _getDataSourceText($parents[1].getDataSourceName(dataSource)), attr: { title: _getDataSourceText($parents[1].getDataSourceName(dataSource)) }\"></span> </div> </div> </div> <!-- ko if: !$parent.isSignatureAutogenerated($data) --> <div class=\"dx-dashboard-remove-icon\" data-bind=\"click: $parent.removeTable\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- ko ifnot: editableSignatures().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.ColorScheme.Empty')\"></span> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column dx-dashboard-color-scheme-editor-form\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <!-- ko if: colorSchemeModel() && colorSchemeModel().selectedSignatureEntries().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div data-bind=\"template: { name :'dx-dashboard-edit-color-scheme' }\" class=\"dx-dashboard-color-scheme-editor\"></div> </div> <!-- /ko --> <!-- ko ifnot: colorSchemeModel() && colorSchemeModel().selectedSignatureEntries().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.NoSelectedSchema')\"></div> </div> </div> <!-- /ko --> </div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-edit-color-scheme'> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column dx-dashboard-color-scheme-editor-form\"> <div class=\"dx-dashboard-coloring-form-colors-panel\"> <dx-dashboard-colors-component params=\"dataSource: colorSchemeModel().selectedSignatureEntries, allowModify: true, selectedEntry: selectedEntry, addNewEntry: createNewEntry, removeEntry: colorSchemeModel().removeEntry, colorPalette: colorPalette\"></dx-dashboard-colors-component> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper dx-dashboard-properties\"> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-edit-color-entry-panel\"> <!-- ko if: entryEditorModel.visible --> <!-- ko with: entryEditorModel --> <!-- ko template: 'dx-dashboard-enter-new-entry-editor' --> <!-- /ko --> <div class=\"dx-dashboard-coloring-form-colorbox-panel\"> <div class=\"dx-dashboard-coloring-form-panel-header\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.ColorScheme.Color')\"></span> </div> <div data-bind=\"dxColorBox: { value: color, editAlphaChannel: true, dropDownOptions: { container: $root.getWidgetContainer() } }\"> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-color-picker-editor\"> <div data-bind=\"dxPopover: { target: target, container: $root.getWidgetContainer(), toolbarItems: buttonItems, visible: visible, position: { boundary: $root.getWidgetContainer() } }\"> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div data-bind=\"dxColorView: { value: colorCss, editAlphaChannel: true, applyValueMode: 'instantly' }\"> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-enter-new-entry-editor\"> <div class=\"dx-dashboard-new-entry-panel\"> <!-- ko foreach: dimensionEditors || [] --> <div class=\"dx-dashboard-new-entry-item\"> <div class=\"dx-dashboard-coloring-form-panel-header\" data-bind=\"text: dimensionKey.definition.dataMember\"></div> <!-- ko if: [\"Integer\", \"Float\", \"Double\", \"Decimal\"].indexOf(valueType) > -1 --> <div data-bind=\"dxNumberBox: { height: 40, showSpinButtons:true, disabled: $parent.isAutogenerated, value: dimensionKey.value.value }, dxValidator: { validationGroup: 'newEntry', name: dimensionKey.definition.dataMember(), validationRules: [{ type: 'required' } ] }\"> </div> <!-- /ko --> <!-- ko if: [\"DateTime\"].indexOf(valueType) > -1 --> <div data-bind=\"dxDateBox: { height: 40, width: 'auto', disabled: $parent.isAutogenerated, value: dimensionKey.value.value, dropDownOptions: { container: $root.getWidgetContainer() } }, dxValidator: { validationGroup: 'newEntry', name: dimensionKey.definition.dataMember(), validationRules: [{ type: 'required' } ] }\"> </div> <!-- /ko --> <!-- ko if: [\"Bool\",\"Boolean\"].indexOf(valueType) > -1 --> <div data-bind=\"dxCheckBox: { height: 40, disabled: $parent.isAutogenerated, value: dimensionKey.value.value }\"> </div> <!-- /ko --> <!-- ko ifnot: [\"Integer\", \"Float\", \"Double\", \"Decimal\", \"DateTime\", \"Bool\", \"Boolean\"].indexOf(valueType) > -1 --> <div data-bind=\"dxTextBox: { height: 40, disabled: $parent.isAutogenerated, value: dimensionKey.value.value }, dxValidator: { validationGroup: 'newEntry', name: dimensionKey.definition.dataMember(), validationRules: [{ type: 'required' } ] }\"> </div> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: hasMeasures --> <div class=\"dx-dashboard-color-entry-measures-selector\"> <div class=\"dx-dashboard-coloring-form-panel-header\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.MeasureNames')\"></div> <div data-bind=\"dxTagBox: { dataSource: availableMeasures, value: selectedMeasuresIds, disabled: isAutogenerated, displayExpr: 'displayText', valueExpr: '_id', dropDownOptions: { container: $root.getWidgetContainer() } }, dxValidator: { validationGroup: 'newEntry', validationRules: measuresValidationRules || [] }\"> </div> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-colors-view\"> <!-- ko with: colorPickerModel --><!-- ko template: { name : 'dx-dashboard-color-picker-editor', data: $data } --><!-- /ko --><!-- /ko --><div class=\"dx-dashboard-colors-view-panel\"> <!-- ko if: allowAddNewEntry --> <div class=\"dx-dashboard-form-row-caption dx-dashboard-coloring-form-panel-header\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.ColorScheme.Colors')\"></span> <div class=\"dx-dashboard-form-row-action-list\"> <div class=\"dx-dashboard-form-row-action\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.AddColor'), click: addNewEntry\"> </div> </div> </div> <!-- /ko --> <div class=\"dx-color-scheme-tree-view-container dx-dashboard-form-row-content\" data-bind=\"visible: allowModify || isTreeMode()\"> <div class=\"dx-dashboard-treeview dx-dashboard-empty-message dx-color-scheme-tree-view\" data-bind=\"dxTreeView: { dataSource: dataSource, dataStructure: 'tree', height: !allowModify ? '450px' : '100%', selectByClick: allowModify ? true : false, selectionMode: allowModify ? 'single' : 'none', onItemSelectionChanged: allowModify ? onItemSelectionChanged : null, searchEnabled: true, searchExpr: ['value'], searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search'), focusStateEnabled: false, hoverStateEnabled: false } }\"> <div class=\"dx-color-scheme-tree-item\" data-bind=\"css: { 'dx-color-scheme-group-tree-item': !$data.editColor }\"> <!-- ko if: $data.editColor --> <div class=\"dx-dashboard-color-scheme-item-color\" data-bind=\"click: editColor, style: { 'backgroundColor': color }\"></div> <!-- /ko --> <span class=\"dx-dashboard-color-scheme-item-name\" data-bind=\"text: value\"></span> <!-- ko if: $parent.allowModify && custom --> <div class=\"dx-dashboard-remove-icon\" data-bind=\"click: $parent.removeItem\"> <svg> <use xlink:href=\"#dx-dashboard-remove-small\" /> </svg> </div> <!-- /ko --> </div> </div> </div> <div class=\"dx-dashboard-colors-list-compact dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"visible: !allowModify && !isTreeMode(), dxList: { dataSource: dataSource, focusStateEnabled: false, hoverStateEnabled: false, activeStateEnabled: false, searchEnabled: true, searchMode: 'contains', searchExpr: ['value'], noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay'), encodeNoDataText: true, searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search'), focusStateEnabled: false, hoverStateEnabled: false }, height: !allowModify ? '450px' : '100%', }\"> <div class=\"dx-dashboard-color-scheme-item\" data-bind=\"style: { 'backgroundColor': color }\"> <div class=\"dx-dashboard-color-scheme-item-name\" data-bind=\"text: value\"></div> <!-- ko if: $data.editColor --> <div class=\"dx-dashboard-edit-color-icon\" data-bind=\"click: editColor\"> <svg> <use xlink:href=\"#dx-dashboard-ds-edit\" /> </svg> </div> <!-- /ko --> </div> </div></div></script><script type=\"text/html\" id=\"dx-dashboard-format-rule-condition-type-editor\"> <div class=\"dx-dashboard-condition-type-editor\"> <div class=\"dx-field-chooser-header-container\"> <!-- ko template: 'dx-slidable-lists-navigation-area' --> <!-- /ko --> </div> <div class=\"dx-dashboard-condition-types-container dx-dashboard-list\" data-bind=\"css: { 'dx-dashboard-state-condition-selected': displayMode() === 'specificTypes' }\"> <div class=\"dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"dxList: { dataSource: availableConditionTypes, selectionMode: 'single', selectedItems: availableConditionTypes() && availableConditionTypes().filter(function(value) { return value.value === conditionType(); }) || [], onItemClick: function (e) { conditionType(e.itemData.value); }, itemTemplate: 'item', onItemRendered: updateItemAppearance, encodeNoDataText: true, noDataText: $root.getLocalizationById('DashboardWebStringId.ConditionalFormatting.UnsupportedDataType') }\"> <div data-options=\"dxTemplate:{ name:'item' }\"> <span data-bind=\"text: $root.getLocalizationById(displayText)\"></span> </div> </div> <div data-bind=\"dxList: { dataSource: availableSpecificTypes, selectionMode: 'single', grouped: availableSpecificTypes().rangeStyleType !== 'None', selectedItems: selectedSpecificTypes, onItemClick: function (e) { specificType(e.itemData.value); }, itemTemplate: 'item' }, css: { 'dx-dashboard-gallery-list': availableSpecificTypes().rangeStyleType !== 'None' }\"> <div data-options=\"dxTemplate: { name:'item' }\"> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'None' --> <span data-bind=\"text: $root.getLocalizationById(displayText)\"></span> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'Color' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getStyleList(value)\"> <div data-bind=\"css: 'dx-dashboard-appearance-range-preview', style: $data\"></div> </div> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'ColorBar' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getStyleList(value)\"> <div data-bind=\"css: 'dx-dashboard-appearance-bar-preview', style: $data\"></div> </div> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'Icon' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getStyleList(value)\"> <div class=\"dx-icon-dashboard-cf\" data-bind=\"css: $data\"></div> </div> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'Gradient' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getGradientColorsList(value)\"> <div data-bind=\"css: 'dx-dashboard-appearance-gradient-preview', style: { 'background-color': $data.css }\"></div> </div> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'GradientBar' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getGradientColorsList(value)\"> <div data-bind=\"css: 'dx-dashboard-appearance-gradient-bar-preview', style: { 'background-color': $data.css }\"></div> </div> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-rule-ranges-editor'> <div class=\"dx-dashboard-range-editor\"> <!-- ko if: !$data.isGradient --> <div class=\"dx-dashboard-range-editor-header\"> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-add\" data-bind=\"click: add\"> <svg><use xlink:href=\"#dx-dashboard-ce-add\" /></svg> </div> <div class=\"dx-dashboard-ce-remove-icon\" data-bind=\"click: remove, css: { 'dx-dashboard-state-selected': (!!selection() && value().length > 2) }\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> </div> <!-- /ko --> <div class=\"dx-dashboard-range-editor-content\" data-bind=\"dxDataGrid: dataGridOptions\"> <div data-options=\"dxTemplate:{ name: 'dx-dashboard-range-cell-template' }\"> <div class=\"dx-dashboard-range-cell\" data-bind=\"text: $data.text\"></div> </div> <div data-options=\"dxTemplate: { name: 'dx-dashboard-range-edit-number-template-right' }\"> <!-- ko template: { name: 'dx-dashboard-range-edit-number-template', data: $parent.createRangeNumberEditorViewModel({ grid: $data.component, isRightValue: true, rowIndex: $data.rowIndex, value: $data.data.rightValue, setValue: $data.setValue }) } --> <!-- /ko --> </div> <div data-options=\"dxTemplate: { name: 'dx-dashboard-range-edit-number-template-left' }\"> <!-- ko template: { name: 'dx-dashboard-range-edit-number-template', data: $parent.createRangeNumberEditorViewModel({ grid: $data.component, isRightValue: false, rowIndex: $data.rowIndex, value: $data.data.leftValue, setValue: $data.setValue }) } --> <!-- /ko --> </div> <div data-options=\"dxTemplate:{ name: 'dx-dashboard-range-style-template' }\"> <!-- ko template: 'dx-dashboard-style-settings-view'--> <!-- /ko --> </div> <div data-options=\"dxTemplate:{ name: 'dx-dashboard-range-style-editor-template' }\"> <!-- ko template: 'dx-dashboard-style-settings-view'--> <!-- /ko --> <div data-bind=\"dxPopover: { visible: true, hideOnOutsideClick: false, position: { of: $element, my: 'left top', at: 'left bottom', offset: $parent.popoverOffset }, container: $root.getWidgetContainer(), contentTemplate: 'dx-dashboard-style-settings-editor-template', wrapperAttr: { class: 'dx-dashboard-style-settings-editor-popup dx-dropdowneditor-overlay' } }\"> <div data-options=\"dxTemplate:{ name: 'dx-dashboard-style-settings-editor-template' }\" tabindex=\"0\"> <dx-dashboard-style-settings-editor params=\" target: $root.ko.observable(value), options: $parent.createStyleSettingsEditorOptions($data.data)\"> </dx-dashboard-style-settings-editor> </div> </div> </div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-style-settings-view'> <div class=\"dx-dashboard-range-style dx-dashboard-range-cell\"> <dx-dashboard-style-settings-editor-item params=\"args: $parent.createStyleSettingsEditorItemOptions($data.data)\"></dx-dashboard-style-settings-editor-item> </div></script><script type=\"text/html\" id=\"dx-dashboard-range-edit-number-template\"> <!-- ko if: infinitValue --> <div class=\"dx-dashboard-range-cell\" data-bind=\"text: negativeInfinityDisplayText\"></div> <!-- /ko --> <!-- ko ifnot: infinitValue --> <!-- ko if: editorType === 'numberBox' --> <div data-bind=\"dxNumberBox: editorOptions\"></div> <!-- /ko --> <!-- ko if: editorType === 'dateBox' --> <div data-bind=\"dxDateBox: editorOptions\"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: allowInfinity --> <div data-bind=\"dxPopover: { visible: true, width: '241px', height: 'auto', hideOnOutsideClick: false, position: { of: $element, my: 'left top', at: 'left bottom', boundary: $root.getWidgetContainer() }, container: $root.getWidgetContainer(), wrapperAttr: { class: 'dx-dropdowneditor-overlay dx-dashboard-range-edit-number-template' } }\"> <div data-bind=\"dxButtonGroup: buttonOptions\"></div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-style-settings-editor-item\"> <div data-bind=\"click: clickHandler, style: cssStyles, attr: { title: title, 'data-label': dataLabel }, css: cssClasses\"> </div> <!-- ko if: isRangeStop --> <div class=\"dx-dashboard-rangestop\"></div> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-popover-color-picker', data: colorPicker } --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-custom-appearance-dialog', data: customizeAppearanceDialog } --> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-style-settings-editor'> <!-- ko if: allowChangeViewMode --> <dx-dashboard-button-group class=\"dx-dashboard-window-definition-selector\" params=\"value: viewMode, values: [{ value: 'Appearance', displayValue: 'DashboardStringId.FormatRuleStyleAppearance'}, { value: 'Icon', displayValue: 'DashboardStringId.FormatRuleStyleIcons'}]\"></dx-dashboard-button-group> <div class=\"dxb-h4px\"></div> <!-- /ko --> <div class=\"dx-dashboard-style-settings-editor\"> <!-- ko if: viewMode() === 'Appearance' --> <!-- ko if: customStyleItems --> <div> <span class='dx-dashboard-style-settings-editor-caption' data-bind=\"text: restrictToColor ? $root.getLocalizationById('DashboardStringId.FormatRulePredefinedColor') : $root.getLocalizationById('DashboardWebStringId.FormatConditionPredefinedAppearanceCaption')\"></span> </div> <!-- /ko --> <div data-bind=\"foreach: list\" class=\"dx-dashboard-style-settings-editor-grid\"> <!-- ko if: $data.item.appearanceType && $data.item.appearanceType() === 'None' || $data.item.predefinedColor && $data.item.predefinedColor() === 'None' --> <dx-dashboard-style-settings-editor-item params=\"args: $data\" class=\"dx-dashboard-style-settings-editor-grid-no-style\"></dx-dashboard-style-settings-editor-item> <!-- /ko --> <!-- ko ifnot: $data.item.appearanceType && $data.item.appearanceType() === 'None' || $data.item.predefinedColor && $data.item.predefinedColor() === 'None' --> <dx-dashboard-style-settings-editor-item params=\"args: $data\"></dx-dashboard-style-settings-editor-item> <!-- /ko --> </div> <!-- ko if: customStyleItems --> <div class=\"dx-dashboard-style-settings-editor-caption-wrapper\"> <span class='dx-dashboard-style-settings-editor-caption' data-bind=\"text: restrictToColor ? $root.getLocalizationById('DashboardStringId.FormatRuleCustomColor') : $root.getLocalizationById('DashboardWebStringId.FormatConditionCustomAppearanceCaption')\"></span> </div> <div data-bind=\"foreach: customStyleItems\" class=\"dx-dashboard-style-settings-editor-grid\"> <dx-dashboard-style-settings-editor-item params=\"args: $data\"></dx-dashboard-style-settings-editor-item> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: viewMode() === 'Icon' --> <div data-bind=\"foreach: iconList\" class=\"dx-dashboard-style-settings-editor-icons-grid\"> <!-- ko if: $data.item.iconType && $data.item.iconType() === 'None' --> <dx-dashboard-style-settings-editor-item params=\"args: $data\" class=\"dx-dashboard-style-settings-editor-grid-no-style\"></dx-dashboard-style-settings-editor-item> <!-- /ko --> <!-- ko ifnot: $data.item.iconType && $data.item.iconType() === 'None' --> <dx-dashboard-style-settings-editor-item params=\"args: $data\"></dx-dashboard-style-settings-editor-item> <!-- /ko --> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-confirm-dialog\"> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { of: $root.getWidgetContainer(), boundary: $root.getWidgetContainer() }, title: confirmTitle, visible: confirmVisible, toolbarItems: confirmButtons, onHidden: function(e) { confirmHidden(e); }, width: '550px', height: '280px', wrapperAttr: { class: 'dx-dashboard-confirm dx-dashboard-typography' } }\"> <span data-bind=\"html: confirmText\"></span> </div></script><script type=\"text/html\" id='dx-dash-currency-selector'> <div class=\"dx-dashboard-form-wrapper dx-dashboard-currency-selector dx-dashboard-properties\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-field\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Currency.Currency')\"></span> </div> <div class=\"dx-dashboard-list\" data-bind=\"dxList: { dataSource: { store: currencies, paginate: false }, displayExpr: 'displayText', selectedItem: selectedCurrency, selectionMode: 'single', onContentReady: function (e) { e.component.scrollToItem(currencies.indexOf(selectedCurrency()) + 1); }, itemTemplate: 'currencyItemWithPreview', searchEnabled: true, searchExpr: 'displayText', searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') } }\"> <div data-options=\"dxTemplate:{ name:'currencyItemWithPreview' }\"> <!-- ko template: { name: 'dx-dashboard-currency-list-item' }--> <!-- /ko --> </div> </div> </div> <div class=\"dx-dashboard-form-row-field\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Currency.CurrencyCulture')\"> </div> <div data-bind=\"dxSelectBox: { dataSource: selectedCurrency() && selectedCurrency().cultures || [], displayExpr: 'displayText', value: selectedCulture, placeholder: $root.getLocalizationById('DashboardStringId.ParametersSelectorText'), noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay'), encodeNoDataText: true, dropDownOptions: { container: $root.getWidgetContainer() }, searchEnabled: true, searchExpr: 'displayText' }\"></div> </div> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Preview')\"></span> </div> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-currency-selector-preview\"> <!-- ko if: $data.previewPositive && $data.previewNegative --> <div data-bind=\"text: $data.previewPositive\"></div> <div data-bind=\"text: $data.previewNegative\"></div> <!-- /ko --> <!-- ko if: $data.previewWarning --> <div class=\"dx-dashboard-currency-selector-preview-warn\" data-bind=\"text: $data.previewWarning\"></div> <!-- /ko --> </div> </div> </div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-currency-editor-template'> <div data-bind=\"dxSelectBox: { dataSource: currencies, displayExpr: 'displayText', value: selectedCurrency, disabled: disabled, placeholder: $root.getLocalizationById('DashboardStringId.ParametersSelectorText'), noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay'), encodeNoDataText: true, dropDownOptions: { container: $root.getWidgetContainer() }, itemTemplate: 'currencyItemWithPreview', searchEnabled: true, searchExpr: 'displayText' }\"> <div data-options=\"dxTemplate:{ name:'currencyItemWithPreview' }\"> <!-- ko template: { name: 'dx-dashboard-currency-list-item' } --> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-currency-list-item\"> <div class=\"dx-dashboard-currency-list-item\"> <div class=\"dx-dashboard-currency-list-item-display-text\"> <div data-bind=\"text: displayText\"> </div> </div> <div class=\"dx-dashboard-currency-list-item-preview\" data-bind=\"text: previewText\"> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-currency-settings\"> <dx-dashboard-currency-selector params=\"currencyCultureName: dashboard() && dashboard().currencyCultureName\" class=\"dxb-h100\"></dx-dashboard-currency-selector></script><script type=\"text/html\" id='dx-dashboard-datasource-browser'> <div class=\"dx-dashboard-form-wrapper dx-dashboard-datasource-browser-wrapper\" data-bind=\"\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.UsedDataSources')\"></span> <div class='dx-dashboard-form-row-action-list'> <!-- ko foreach: dataSourceActions --> <div class=\"dx-dashboard-form-row-action\" data-bind=\"click: click, text: text, css: { 'disabled-action': disabled }\"> </div> <!-- /ko --> </div> </div> <div class=\"dx-dashboard-form-row-content dx-dashboard-datasource-list-wrapper\"> <!-- ko template: 'dx-dashboard-datasource-used-datasources' --> <!-- /ko --> </div> </div> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-caption dx-dashboard-datasource-tree-actions-wrapper\"> <span></span> <div class='dx-dashboard-form-row-action-list'> <!-- ko foreach: editDataSourceActions --> <!-- ko if: visible() --> <div class=\"dx-dashboard-form-row-action\" data-bind=\"click: click, text: text\"> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: $data.filterEditorModel() !== null --> <!-- ko template: { name: 'dx-filtereditor-popup', data: filterEditorModel } --> <!-- /ko --> <!-- /ko --> </div> </div> <div class=\"dx-dashboard-form-row-content dx-dashboard-datasource-tree-wrapper\"> <!-- ko template: { name: 'dx-dashboard-datasource-tree', data: $data } --> <!-- /ko --> </div> </div> </div> </div> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'center', at: 'center', of: $root.getWidgetContainer(), boundary: '.dx-dashboard-datasource-browser-wrapper' }, height: '80%', width: '700px', animation: { }, focusStateEnabled: true, hideOnOutsideClick: false, toolbarItems: popupContent() && popupContent().toolbarItems || [], onHidden: function() { $data.popupContent(undefined); }, visible: popupVisible, showTitle: true, title: popupContent() && popupContent().title || '', wrapperAttr: { class: 'dx-dashboard-datasource-browser-popup dx-dashboard-typography' } }\"> <!-- ko if: popupVisible --> <!-- ko with: popupContent --> <!-- ko template: { name: template, data: { extension: $data.bindingData ? $data.bindingData : $data, dataSourcesFilter: dataSourcesFilter, federationSources: null } } --> <!-- /ko --> <!-- /ko --> <!-- /ko --> </div> <!-- ko template: { name: 'dx-dashboard-calc-field-editor', data: calcFieldEditor  } --> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-datasource-used-datasources'> <!-- ko if: $data.usedDataSourcesExist() --> <div class=\"dx-dashboard-datasources-list\" data-bind=\"dxList: { dataSource: dataSourceBrowser._dataSources, selectionMode: 'single', selectedItem: selectedDataSource, nextButtonText: $root.getLocalizationById('DashboardWebStringId.More'), searchEnabled: true, searchExpr: 'name', searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') } }\"> <div class=\"dx-dashboard-datasource-item\"> <div class=\"dx-dashboard-datasource-description\"> <span data-bind=\"text: name()\"></span> </div> <div class=\"dx-dashboard-datasource-icons\"> <div class=\"dx-dashboard-datasource-icon dx-dashboard-datasource-icon-rename\" data-bind=\"click: $parent.showRenameDataSourceForm\"> <svg><use xlink:href=\"#dx-dashboard-rename\" /></svg> </div> <div class=\"dx-dashboard-datasource-icon dx-dashboard-datasource-icon-remove\" data-bind=\"click: $parent.removeDataSource\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> </div> </div> </div> <!-- ko template: renameDataSourcePopup.template --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.usedDataSourcesExist() --> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div> <!-- ko if: availableDataSourcesExist() --> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.NoUsedDataSources')\"></span> <br /><br /> <!-- ko if: $data.sqlDataSourceWizard --> <span class=\"dx-dashboard-form-inline-action\" data-bind=\"click: showAddDataSourceForm, text: $root.getLocalizationById('DashboardWebStringId.DataSources.AddDataSource')\"></span> <!-- /ko --> <!-- /ko --> <!-- ko if: !availableDataSourcesExist() --> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.NoAvailableDataSources')\"></span> <!-- /ko --> </div> </div> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-datasource-tree'> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <!-- ko with: dataSourceTreeListViewModel.treeListEditorOption --> <div class=\"dx-dashboard-datasource-browser-tree\" data-bind=\"treelist: $data, css: {'dx-state-loading': itemsProvider.loading() }\"></div> <div class=\"dx-dashboard-treelist-loading\" data-bind=\"css: { 'dx-state-active': itemsProvider.loading() }\">Loading</div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-treelist-item-template\"> <div class=\"dx-treelist-item\" data-bind=\"event: { dblclick: function() { $data.dblClickHandler ? $data.dblClickHandler($data) : $data.toggleCollapsed() } }, css: { 'dx-treelist-item-selected': isSelected, 'dx-treelist-item-collapsed': collapsed, 'dx-treelist-group-item': hasItems, 'dx-dashboard-treelist-item-disabled': data.isList, 'dx-dashboard-corrupted-calc-field': data.isCorruptedCalcField }, click: toggleSelected\"> <div class=\"dx-dashboard-datasource-tree-item-column\" data-bind=\"styleunit: { 'paddingLeft': 20 * getModel().level + 10 }\"> <div class=\"dx-treelist-item-images\"> <!-- ko if: !data.style --> <div class=\"dx-treelist-collapsedbutton\" data-bind=\"css: nodeImageClass, click: toggleCollapsed\"></div> <!-- /ko --> <!-- ko if: !!data.style --> <div class=\"dx-dashboard-datasource-field-icon\" data-bind=\"css: data.style\"> <div> <svg> <use xlink:href=\"#dx-dashboard-calc-field\"/> </svg> </div> </div> <!-- /ko --> </div> <div class=\"dx-treelist-caption\"> <div class=\"dx-treelist-selectedcontent\" data-bind=\"event: { dblclick: function() { $data.dblClickHandler && $data.dblClickHandler($data); } }\"> <div class=\"dx-treelist-text\" data-bind=\"text: text, attr: { title: text }\"></div> </div> </div> </div> <div class=\"dx-dashboard-datasource-tree-item-column dxb-p-0-12\"> <!-- ko if: !data.isCorruptedCalcField --> <!-- ko if: data.field.fieldType && data.field.fieldType() !== 'Unknown' --> <span data-bind=\"text: data.field.fieldType\"></span> <!-- /ko --> <!-- ko if: data.isList --> <span data-bind=\"text: $root.getLocalizationById('DashboardStringId.MessageCollectionTypesNotSupported'), attr: { title: $root.getLocalizationById('DashboardStringId.MessageCollectionTypesNotSupported')}\"></span> <!-- /ko --> <!-- /ko --> <!-- ko if: data.isCorruptedCalcField --> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.CalculatedField.Corrupted'), attr: { title: $root.getLocalizationById('DashboardStringId.MessageCollectionTypesNotSupported')}\"></span> <!-- /ko --> </div> <div class=\"dx-dashboard-datasource-tree-item-column dxb-br-none dxb-text-align\"> <!-- ko foreach: data.innerActions --> <div class=\"dx-dashboard-datasource-field-icon\"  data-bind=\"click: click, css: style\"> <svg><use data-bind=\"xlinkHref: icon\" /></svg> </div> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-datasource-browser\"> <!-- ko with: $data --> <!-- ko template: { name :'dx-dashboard-datasource-browser' } --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-source-wizard\"> <div data-bind=\"dxLoadPanel: { visible: loadingPanelVisible, hideOnOutsideClick: true, container: $root.getWidgetContainer(), position: { of: $root.getWidgetContainer() } }\"></div> <!-- Data Source wizard popup should be first child of DashboardControl --> <!-- ko dx-dashboard-element-accessor-binding: { element: wizardElement } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-source-wizard-binding\"> <!-- ko if: wizardModel.isVisible() --> <!-- ko template: { name: 'dx-wizard-newlayout', data: wizardModel } --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-expression-editor-view'> <!-- ko template: { name: editorTemplate, data: editor } --> <!-- /ko --> <div class=\"dx-dashboard-filter-expression-editor\"> <div class=\"dx-dashboard-filter-expression-editor-header\"> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-edit\" data-bind=\"click: edit\"> <svg><use xlink:href=\"#dx-dashboard-ce-edit\" /></svg> </div> <div class=\"dx-dashboard-ce-remove-icon\" data-bind=\"click: remove, css: { 'dx-dashboard-state-selected': !!criteriaString() }\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> </div> <div class=\"dx-dashboard-filter-expression-edit-criteria\"> <div data-bind=\"text: criteriaString\"></div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-datasource-available-datasources'> <div class=\"dx-dashboard-datasources-list-holder\"> <!-- ko if: extension.uiState() === 'error' --> <!-- ko if: extension.errorState() --> <div class=\"dx-dashboard-datasources-content dx-dashboard-datasources-error\"> <div class=\"dx-dashboard-datasources-error-item\"> <span class=\"dx-dashboard-datasources-error-title\" data-bind=\"text: extension.errorState().title\"></span> <br><br> <span class=\"dx-dashboard-datasources-error-details\" data-bind=\"text: extension.errorState().detail\"></span> </div> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: extension.uiState() === 'loading' --> <div class=\"dx-dashboard-datasources-content dx-dashboard-datasources-loading\"> <div class=\"dx-dashboard-control-loading\" data-bind=\"text:$root.getLocalizationById('DashboardStringId.MessageLoading')\"></div> </div> <!-- /ko --> <!-- ko if: extension.uiState() === 'live' --> <div class=\"dx-dashboard-datasources-list-header\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.ChooseDataSource')\"></span> <!-- ko if: extension.canCreateDataSourceWizard --> <span class=\"dx-dashboard-datasource-action\" data-bind=\"click: function() { extension.showCreateDataSourceWizard(federationSources); }, text: $root.getLocalizationById('DashboardWebStringId.DataSources.CreateNewDataSource'), attr: { title: $root.getLocalizationById('DashboardWebStringId.DataSources.CreateDataSource.Tooltip') } \"></span> <!-- /ko --> </div> <div class=\"dx-dashboard-datasources-list dx-dashboard-list\" data-bind=\"dxList: { dataSource: extension.getDataSources(dataSourcesFilter), selectionMode: 'single', selectedItems: extension.selectedDataSources, noDataText: '', encodeNoDataText: true, nextButtonText: $root.getLocalizationById('DashboardWebStringId.More'), searchEnabled: true, searchExpr: 'name', searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') }}\"> <div class=\"dx-dashboard-datasource-item\"> <div class=\"dx-dashboard-datasource-description\"> <span data-bind=\"text: name()\"></span> </div> </div> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-binding-properties-empty-item\"> <!-- ko if: isDesignMode --> <div class=\"dx-dashboard-layout-text\"> <span class=\"dx-dashboard-layout-link\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.ClickHereInvitation'), click: click\"></span> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.BindDataInvitation')\"></span> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-binding-properties\"> <!-- ko template: { name: data.template, data: $data } --> <!-- /ko --> <div data-bind=\"css: { 'dx-visible-properties': !!data.propertiesController.mainModel() }\" class=\"dx-dashboard-binding-panel-properties-content\"> <div class=\"dx-dashboard-binding-panel-header-container\"> <div class=\"dx-dashboard-arrow-back dx-toolbar-item-content\"> <div data-bind=\"dxButton: { onClick: hideBindingProperties, type: 'normal', stylingMode: 'text', icon: 'arrowleft' }\"></div> </div> <!-- ko if: isSecondaryPanelVisible() --> <h5 data-bind=\"text: $root.getLocalizationById(data.propertiesController.secondaryModel().displayText)\"></h5> <!-- /ko --> </div> <div class=\"dx-dashboard-binding-panel-details dx-dashboard-slidable-content\" data-bind=\"css: {'dx-dashboard-slide-to-right': isSecondaryPanelVisible() }\"> <div data-bind=\"dxScrollView: { }\"> <!-- ko if: data.propertiesController.mainModel() --> <!-- ko template: { name: 'dx-dashboard-properties-accordion', data: { propertiesController: data.propertiesController } } --> <!-- /ko --> <!-- /ko --> </div> <div data-bind=\"dxScrollView: { }\"> <div> <!-- ko if: data.propertiesController.secondaryModel()  --> <!-- ko template: { name: 'dx-dashboard-properties-accordion', data: { propertiesController: data.propertiesController, useSecondaryModel: true } } --> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-convert-to\"> <!-- ko using: data --> <div class=\"dx-dashboard-binding-panel-options dx-dashboard-slidable-content dx-dashboard-convert-to-panel dx-dashboard-slide-to-right dxb-o-visible\"> <div class=\"dx-dashboard-binding-panel-details dx-dashboard-toolbox-extension\"> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div class=\"dx-dashboard-toolbox\"> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- ko foreach: groups --> <div class=\"dx-dashboard-toolbox-group\" data-bind=\"text: groupTitle\"></div> <!-- ko foreach: items --> <div class=\"dx-dashboard-toolbox-item\" data-bind=\" attr: { 'data-item-type': type, title: title }, click: convert, css: {'dx-state-disabled': disabled }\" > <svg> <use data-bind=\"xlinkHref: icon\"></use> </svg> <div class=\"dx-dashboard-toolbox-item-hover\"></div> </div> <!-- /ko --> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- /ko --> </div> <div class=\"dx-dashboard-duplicate-action-container\"> <div class=\"dx-dashboard-duplicate-action\" data-bind=\"dxButton: { text: duplicateActionCaption, onClick: duplicate }\"></div> </div> </div> </div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-form-new\"> <div class=\"dx-dashboard-form-new dx-dashboard-form-column\"> <div class=\"dx-dashboard-form-row\"> <div class=\"dx-dashboard-form-row-caption\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.New.DashboardName')\"></div> <div data-bind=\"dxTextBox: { placeholder: $root.getLocalizationById('DashboardWebStringId.DashboardMenuNewDashboardNamePlaceholder'), value: dashboardName }\"></div> <div class=\"dx-dashboard-form-new-content\"> <!-- ko if: accessibleDataSourcesExtension()  --> <!-- ko template: { name: accessibleDataSourcesExtension().templateName, data: { extension: accessibleDataSourcesExtension().viewModel, dataSourcesFilter: function() { return true; }, federationSources: [] } } --> <!-- /ko --> <!-- /ko --> </div> <div class=\"dx-dashboard-form-new-button\"> <div data-bind=\"dxButton: { text: $root.getLocalizationById('DashboardWebStringId.DataSources.CreateDataSource'), onClick: createNewDashboard, disabled: createNewDashboardDisabled, width: '160px', height: '40px', type: 'default' }\"> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-add-new-dashboard\"> <!-- ko if: isDesignMode() --> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.AddNewDashboard')\"></div>&nbsp; <a href=\"#\" data-bind=\"click: showCreateNewDashboard, text: $root.getLocalizationById('DashboardWebStringId.DashboardMenuNewDashboardCreate')\"></a>. <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-options\"> <div class=\"dx-dashboard-binding-panel-options dx-dashboard-slidable-content dxb-o-visible\" data-bind=\"css: {'dx-dashboard-slide-to-right': isSecondaryPanelVisible() }\"> <div class=\"dx-dashboard-binding-panel-details\"> <!-- ko with: data --> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <!-- ko ifnot: propertiesController.accordionDataSource().length > 1 --> <!-- ko with: propertiesController.accordionDataSource()[0] --> <div class=\"dx-dashboard-properties-single-tab\"> <!-- ko template: 'dx-dashboard-accordion-tab-content' --> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: propertiesController.accordionDataSource().length > 1 --> <!-- ko template: { name: 'dx-dashboard-properties-accordion', data: { propertiesController: propertiesController } } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <div> <div class=\"dx-dashboard-secondary-header-container\"> <div class=\"dx-dashboard-arrow-back dx-toolbar-item-content\"> <div data-bind=\"dxButton: { onClick: hideBindingProperties, type: 'normal', stylingMode: 'text', icon: 'arrowleft' }\"></div> </div> <!-- ko if: data.propertiesController.secondaryModel--> <h5 data-bind=\"text: $root.getLocalizationById(data.propertiesController.secondaryModel().displayText)\"></h5> <!-- /ko --> </div> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <!-- ko if: data.propertiesController.secondaryModel--> <!-- ko template: { name: 'dx-dashboard-properties-accordion', data: { propertiesController: data.propertiesController, useSecondaryModel: true } } --> <!-- /ko --> <!-- /ko --> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-open\"> <div data-bind=\"dxList: { dataSource: { load: dashboardsListStore, totalCount: function() { return 0; }, paginate: false, searchExpr: 'name' }, noDataText: '', encodeNoDataText: true, searchEnabled: true, pageLoadingText: $root.getLocalizationById('DashboardStringId.MessageLoading'), nextButtonText: $root.getLocalizationById('DashboardWebStringId.More'), displayExpr: 'name', keyExpr: 'id', searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') }, hoverStateEnabled: true, height: '100%', onItemClick: openDashboard }\" class=\"dx-dashboard-form-open\"> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-title-settings\"><div class=\"dx-dashboard-form-wrapper\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-content\" data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div data-bind=\"dx-dashboard-form-adapter: { target: titleSettings }\" class=\"dx-dashboard-properties\"></div> </div> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: formCaption\"></span> </div> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-title-settings-preview-wrapper\"> <dashboard-title params=\"componentArgs: getTitleComponentArgs($element)\"> </dashboard-title> </div> </div> </div> </div></div></script><script type=\"text/html\" id=\"dx-dashboard-text-preview\"> <div data-bind=\"text: $data\"></div></script><script type=\"text/html\" id=\"dx-dashboard-flow-mode-settings\"> <div class=\"dx-dashboard-flow-mode-settings\"> <div data-bind=\"dxSelectBox: selectBoxOptions\" class=\"dx-dashboard-list dxb-d-inline-block dxb-w60 dxb-mr-5px\"> </div><div data-bind=\"dxNumberBox: numberBoxOptions\" class=\"dxb-d-inline-block dxb-w-cacl-40-5px\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-action-buttons\"> <div class=\"dx-dashboard-action-buttons\" data-bind=\"foreach: buttons\"> <div data-bind=\"dxButton: $data\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-nested-propertygrid-editor\"> <div class=\"dx-dashboard-accordion-group\"> <div class=\"dx-accordion-item-title\"> <h5 data-bind=\"text: caption\"></h5> </div> <div data-bind=\"dx-dashboard-form-adapter: { target: object }\" class=\"dx-dashboard-properties\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-nullable-numberbox\"> <div data-bind=\"dxButtonGroup: buttonGroupOptions\"></div> <div class=\"dx-dashboard-gauge-nb dxb-mt-10px\" data-bind=\"dxNumberBox: numberBoxOptions\"></div></script><script type=\"text/html\" id=\"dx-dashboard-base-item-surface\"> <div class=\"dx-dashboard-data-binding-surface\" data-bind=\"css: { 'dx-visible-properties': !!data.propertiesController.mainModel() }\"> <!-- ko template: { name: 'dx-dashboard-context-menu-header', data: { title: title, click: hideBindingPanel, detailVisible: detailVisible } }--> <!-- /ko --> <div class=\"dx-dashboard-data-binding-panel\"> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div class=\"dx-dashboard-binding-panel-content\" data-bind=\"dx-dashboard-container-draggable: data\"> <!-- ko foreach: data.dataSections --> <div class=\"dx-dashboard-section\"> <!-- ko if: $data.sectionInfo && sectionInfo.actions --> <div class=\"dx-dashboard-section-actions\"> <!-- ko foreach: sectionInfo.actions --> <div class=\"dx-dashboard-section-action\" data-bind=\"attr: { title: $root.getLocalizationById(title) }, click: action\"> <!-- ko lazy: { if: $parents[2].detailVisible } --> <svg><use data-bind=\"xlinkHref: icon\"></use></svg> <!-- /ko --> </div> <!-- /ko --> </div> <!-- /ko --> <!-- ko template: { name: $data.template, data: $data } --> <!-- /ko --> </div> <!-- /ko --> </div> </div> </div> <!-- ko template: { name: 'dx-dashboard-item-datasource', data: data } --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-datasource\"> <div class=\"dx-dashboard-data-source-panel\"  data-bind=\"css: { 'dx-dashboard-data-source-panel-opened': changeDataSourcePanelVisible() }\"> <div class=\"dx-dashboard-data-source-header\" data-bind=\"click: changeDataSource\"> <div class=\"dx-dashboard-text-overflow\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Binding.DataSource')\"></div> <div class=\"dx-dashboard-data-source-options\" data-bind=\"css: { 'dx-dashboard-data-source-options-active': changeDataSourcePanelVisible()  }\"> <svg><use xlink:href=\"#dx-dashboard-item-data-source\" /></svg> </div> </div> <div class=\"dx-dashboard-data-source-body\"> <div class=\"dx-dashboard-data-source-options-panel\" data-bind=\"style: { height: changeDataSourcePanelVisible() ? '' : '0px' } \"> <div> <div class=\"dx-dashboard-data-source-chooser\"> <dx-datasource-chooser params=\"dataSourceBrowser: dataSourceBrowser, dataSource: dataSourceName, dataMember: dataMemberName, active: changeDataSourcePanelVisible\"></dx-datasource-chooser> </div> <span class=\"dx-dashboard-data-source-options-control\"> <span class=\"dx-dashboard-text-overflow\" data-bind=\"click: saveDataSourceChanges, text: $root.getLocalizationById('DashboardWebStringId.DataSources.OK')\">OK</span> <span class=\"dx-dashboard-text-overflow\" data-bind=\"click: changeDataSource, text: $root.getLocalizationById('DashboardWebStringId.DataSources.Cancel')\"></span> </span> </div> </div> <div class=\"dx-dashboard-data-source-info\" data-bind=\"text: $root.getLocalizationById(dataSourceDisplayText()), attr: { title: $root.getLocalizationById('DashboardWebStringId.DashboardItemMenu.Bindings.SelectDataSourceButtonTooltip') }, style: { height: changeDataSourcePanelVisible() ? '0px' : '' }, click: changeDataSource, css: { 'dx-dashboard-data-source-info-alert': needSetDataSource }\"></div> </div> </div> <!-- ko template: { name: \"dx-dashboard-confirm-dialog\", data: confirmDialogViewModel } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-item-plate\"> <div class=\"dx-dashboard-item-plate-container\"> <div class=\"dx-dashboard-item-plate dx-layout-item-plate dx-state-selected\" draggable=\"true\" > <svg><use xlink:href=\"#dx-dashboard-drag\" /></svg> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-menu-holder\"> <div class=\"dx-dashboard-item-controls\"> <dx-dashboard-item-menu params=\" layoutController: $data.dockingLayoutController, layoutItem: $data.layoutItem, itemMenuViewModelContainer: $data.itemMenuViewModelContainer, notificationController: $data.notificationController\" data-bind=\"css: { 'dx-state-selected': $data.layoutItem.isSelected }\"></dx-dashboard-item-menu> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-menu\"> <div class=\"dx-dashboard-item-menu-container\" data-bind=\"css: menuContainerCssClasses\"> <div class=\"dx-dashboard-item-menu\" data-bind=\"menuVisibilitySubscription: { visible: menuItemDetailVisible }\"> <!-- ko if: isCollapsedStateToggleVisible() --> <div class=\"dx-dashboard-designer-menu-item dx-dashboard-item-menu-toggle\" data-bind=\"click: collapsedStateToggle, css: isCollapsed() ? 'dx-dashboard-item-menu-expand' : ''\"> <svg><use xlink:href=\"#dx-dashboard-item-menu-collapse\" /></svg> </div> <!-- ko if: !isCollapsed() --> <div class=\"dx-dashboard-designer-menu-separator\"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: !isCollapsed() --> <!-- ko foreach: contextMenuItemViewModels --> <div data-bind=\"css: menuButton.cssClass, click: menuButton.clickHandler, attr: { title: menuButton.hint }\" class=\"dx-dashboard-designer-menu-item\"> <svg><use data-bind=\"xlinkHref: menuButton.icon\"></use></svg> <div data-bind=\"dxPopover: getPopoverOptions($root.getWidgetContainer())\"> <!-- ko lazy: { template: 'dx-dashboard-context-menu-panel-content' } --> <!-- /ko --> </div> </div> <!-- /ko --> <div class=\"dx-dashboard-designer-menu-separator\"></div> <div class=\"dx-dashboard-remove-item-button dx-dashboard-designer-menu-item\" data-bind=\"click: deleteCurrentItemAction, attr: { title: deleteCurrentItemActionCaption }\"> <svg><use xlink:href=\"#dx-dashboard-remove\"></use></svg> </div> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-context-menu-header\"> <div class=\"dx-dashboard-panel-header\"> <div class=\"dx-dashboard-panel-header-title\" data-bind=\"text: title\"></div> <div class=\"dx-dashboard-close-panel dx-toolbar-item-content\"> <div data-bind=\"dxButton: { onClick: click, type: 'normal', stylingMode: 'text', icon: 'close' }\"></div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-context-menu-panel-content\"> <!-- ko with: menuPropertiesPanel --><div class=\"dx-dashboard-context-menu-panel\" data-bind=\"css: cssClasses, style: style\"> <!-- ko if: title --> <!-- ko template: { name: 'dx-dashboard-context-menu-header', data: { title: title, click: hidePanelAction, detailVisible: detailVisible } }--> <!-- /ko --> <!-- /ko --> <!-- ko if: detailVisible --> <!-- ko template: { name: panelContent.view, data: panelContent.viewModel } --> <!-- /ko --> <!-- /ko --></div><!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-custom-range-collection-item\"> <div class=\"dx-dashboard-collection-editor-item\" data-bind=\"style: { 'font-weight': $data.customTemplateGetItemWeight($data.itemModel)}\"> <div data-bind=\"text: $root.getLocalizationById($data.parent.getItemText($data.itemModel))\"></div> </div></script><script type=\"text/html\" id='dx-dashboard-field-picker'> <div data-bind=\"dxFieldListPicker: { path: pathToMembers, value: value, displayValue: displayValue, itemsProvider: itemsProvider, treeListController: treeListController, disabled: disabled, placeholder: $root.getLocalizationById('DashboardStringId.ParametersSelectorText') }\"></div></script><script type=\"text/html\" id='dx-dashboard-parameter-settings'> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div data-bind=\"dxScrollView: { direction: 'vertical', height: '100%' }\"> <div data-bind=\"dx-dashboard-form-adapter: { target: commonParameterSettings  }\" class=\"dx-dashboard-properties\"></div> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper dx-dashboard-properties\"> <div class=\"dx-dashboard-form-row-content\" data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div data-bind=\"dx-dashboard-form-adapter: { target: lookUpParameterType  }\" class=\"dx-dashboard-properties\"></div> <div class=\"dx-dashboard-parameter-lookup-settings\"> <!-- ko with: staticListLookUpSettings --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko--> <!-- ko with: dynamicListLookUpSettings --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-parameters-settings\"> <!-- ko if: dashboard() --> <div class=\"dx-dashboard-form-wrapper\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Parameters.ParameterList')\"></span> <div class='dx-dashboard-form-row-action-list'> <!-- ko if: dashboard().parameters().length > 1 --> <div class=\"dx-dashboard-form-row-action\" data-bind=\"click: toggleReordering, text: allowReordering() ? $root.getLocalizationById('DashboardWebStringId.Parameters.Done'): $root.getLocalizationById('DashboardWebStringId.Parameters.Reorder')\"> </div> <!-- /ko --> <!-- ko if: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-action\" data-bind=\"click: addParameter, text: $root.getLocalizationById('DashboardWebStringId.Add'), attr: { title: $root.getLocalizationById('DashboardWebStringId.Parameters.AddParameter.Tooltip') }\"> </div> <!-- /ko --> </div> </div> <!-- ko if: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-settings-parameters-list\" data-bind=\"dxList: { dataSource: dashboard().parameters, selectionMode: 'single', itemDragging: { allowReordering: allowReordering, }, onItemReordered: reorderParameters, selectedItems: $data.selectedParameters, nextButtonText: $root.getLocalizationById('DashboardWebStringId.More'), searchEnabled: true, searchExpr: ['name', 'description'], searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') } }\"> <div class=\"dx-dashboard-parameter-item\"> <div class=\"dx-dashboard-parameter-entry\"> <div> <span class=\"dx-dashboard-parameter-name\" data-bind=\"text: name\"></span> <!-- ko if: description--> <br/> <span class=\"dx-dashboard-parameter-description\" data-bind=\"text: description\"></span> <!-- /ko --> </div> </div> <!-- ko ifnot: $parent.allowReordering --> <div class=\"dx-dashboard-remove-icon\" data-bind=\"click: $parent.removeParameter\"> <svg><use xlink:href=\"#dx-dashboard-remove\" /></svg> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- ko ifnot: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div> <span class=\"dx-dashboard-form-inline-action\" data-bind=\"click: addParameter, text: $root.getLocalizationById('DashboardWebStringId.Parameters.AddParameter')\"></span> </div> </div> </div> <!-- /ko --> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <!-- ko if: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <!-- ko if: parameterEditorViewModel  --> <div data-bind=\"template: { name: 'dx-dashboard-parameter-settings', data: parameterEditorViewModel }\" class=\"dx-dashboard-parameter-settings\"></div> <!-- /ko --> </div> <!-- /ko --> <!-- ko ifnot: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Parameters.NoSelectedParameter')\"></div> </div> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-properties-accordion\"> <div data-bind=\"dxAccordion: { dataSource: !$data.useSecondaryModel ? propertiesController.accordionDataSource : propertiesController.secondaryAccordionDataSource, itemTitleTemplate: 'title', itemTemplate: 'itemCategory', focusStateEnabled: false, selectedIndex: !$data.useSecondaryModel ? propertiesController.selectedIndex : propertiesController.secondarySelectedIndex, collapsible: true, noDataText: $root.getLocalizationById('DashboardStringId.MessageLoading'), encodeNoDataText: true, onItemRendered: function (e) { if(e.itemData.hasNoBorder) { $root.$unwrap(e.itemElement).classList.add('dx-dashboard-accordion-item-no-border'); } }, onSelectionChanged: function(e) { if(e.addedItems[0] && e.addedItems[0].tabModel) { e.addedItems[0].tabModel(e.addedItems[0].tabModel()) } } }\"> <div data-options=\"dxTemplate : { name: 'title', visible: 'visible' }\" data-bind=\" css: $data.style, style: { height: $data.headerHeight ? $data.headerHeight + 'px': '' }, dxclick: function(data, event) { $data.onTitleClick && $data.onTitleClick($data.headerModel || $data.tabModel, data, event); } \" > <!-- ko if: $data.headerTemplate --> <!-- ko template: { name: $data.headerTemplate, data: $data.headerModel || $data.tabModel } --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.headerTemplate --> <!-- ko template: { name: 'dx-dashboard-properties-header-template' } --> <!-- /ko --> <!-- /ko --> </div> <div data-options=\"dxTemplate : { name: 'itemCategory', visible: 'visible' }\" data-bind=\"css: $data.style\"> <div> <!-- ko template: 'dx-dashboard-accordion-tab-content' --> <!-- /ko --> </div> <div class=\"dx-shadow dx-shadow-bottom\"></div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-accordion-tab-content\"> <!-- ko if: $data.tabTemplate --> <!-- ko template: { name: $data.tabTemplate, data: $data.tabModel } --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.tabTemplate --> <!-- ko with: $data.tabModel --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-content-in-tab-header-template\"> <!-- ko with: $data --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-properties-header-template\"> <div class=\"dx-shadow dx-shadow-top\"></div> <div class=\"dx-dashboard-accordion-title-content\"> <h5 data-bind=\"text: $root.getLocalizationById($data.category)\"></h5> <!-- ko if: $data.summary --> <h6 data-bind=\"text: $root.getLocalizationById($data.summary && $data.summary()), attr: { title: $data.summaryHint && $data.summaryHint() }\"></h6> <!-- /ko --> <!-- ko ifnot: $data.summary --> <h6></h6> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-text-box-item-editor-extension\"> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { boundary: $root.getWidgetContainer(), of: $root.getWidgetContainer(), my: 'center', at: 'center' }, height: '80%', width: '80%', hideOnOutsideClick: true, showTitle: true, deferRendering: true, onHiding: onHiding, onHidden: onHidden, onInitialized: onInitialized, title: $root.getLocalizationById('DashboardWebStringId.TextBoxItemEditor.DialogCaption'), toolbarItems: [ { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: $root.getLocalizationById('DashboardWebStringId.TextBoxItemEditor.DialogSaveAndClose'), onClick: saveAndClose, type: 'default' } }, { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: $root.getLocalizationById('DashboardWebStringId.TextBoxItemEditor.DialogClose'), onClick: close } } ], wrapperAttr: { class: 'dx-dashboard-text-box-item-editor-popup' } }\"> <!-- ko with: richEditorOptions --> <div class=\"dxb-d-block dxb-position-relative\" data-bind=\"dx-dashboard-rich-edit: $data\"> </div> <!-- /ko --> </div> <!-- ko template: { name: \"dx-dashboard-confirm-dialog\", data: confirmDialogViewModel } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-toolbar-extension\"> <div data-bind=\"dxPopup: getKoPopupOptions()\"> <div class=\"dx-dashboard-designer-toolbar\" data-bind=\"dxToolbar: koToolbarOptions\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-toolbox-extension\"> <div class=\"dx-dashboard-toolbox-extension\" data-bind=\"style: { left: designerPanelLeft() + 'px' }\"> <!-- ko template: 'dx-dashboard-menu' --> <!-- /ko --> <!-- ko template: 'dx-dashboard-toolbox' --> <!-- /ko --> <!-- ko template: 'dx-dashboard-toolbar' --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-menu\"> <!-- toogle menu button --> <div class=\"dx-dashboard-designer-menu-button\" data-bind=\"click: toggleMenu\"> <svg><use xlink:href=\"#dx-dashboard-designer-menu-icon\"></use></svg> </div> <!-- menu --> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'left top', at: 'left top', collision: 'flipfit', boundaryOffset: '0, 0', boundary: $root.getWidgetContainer(), of:  $root.getWidgetContainer(), offset: '0, 0' }, animation: { show: { type: 'slide', from: { left: -240 }, to: { left: 0 } }, hide: { type: 'slide', from: { left: 0 }, to: { left: -240 } } }, focusStateEnabled: false, showCloseButton: false, dragEnabled: false, width: settingsFormVisible() ? '100%' : 240, height: '100%', titleTemplate: 'menuTitleTemplate', hideOnOutsideClick: !settingsFormVisible(), hideOnParentScroll: false, visible: menuVisible, wrapperAttr: { class: 'dx-dashboard-designer-menu-popup' } }\"> <div class=\"dx-dashboard-designer-menu-header\" data-options=\"dxTemplate: { name: 'menuTitleTemplate' }\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DashboardMenu')\"></span> <div class=\"dx-dashboard-designer-menu-close\"> <div data-bind=\"dxButton: { onClick: function() { toggleMenu(); }, type: 'normal', stylingMode: 'text', icon: 'close' }\"></div> </div> </div> <div class=\"dx-dashboard-designer-menu\" data-bind=\"dxScrollView: { direction: 'vertical' }\"> <ul class=\"dx-theme-generic-typography\"> <!-- ko foreach: menuItemsSorted --> <li class=\"dx-dashboard-main-menu-item\" data-bind=\"click: disabled() ? null : $parent.menuItemClick, text: $root.getLocalizationById(title), css: { 'dx-state-selected': selected, 'dx-state-disabled': disabled, 'dx-separator': $data.hasSeparator }\"></li> <!-- /ko --> </ul> </div> <!-- ko if: settingsFormVisible() && settingsForm() --> <div class=\"dx-dashboard-dashboard-form dx-dashboard-typography dx-dashboard-property-grid dx-dashboard-settings-form\"> <div class=\"dx-dashboard-settings-form-title\" data-bind=\"text: $root.getLocalizationById(settingsForm().title)\"> </div> <div class=\"dx-dashboard-settings-form-content\"> <!-- ko template:{ name: settingsForm().template, data: settingsForm().data } --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- right form --></script><script type=\"text/html\" id=\"dx-dashboard-toolbar\"> <!-- toolbar --> <div class=\"dx-dashboard-toolbar\" data-bind=\"element-height-change-provider: { model: toolbarGroupsSorted, height: toolbarHeight } \"> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- ko foreach: toolbarGroupsSorted --> <!-- ko foreach: items --> <!-- ko if: $data['template'] --> <!-- ko template: $data['template'] --> <!-- /ko --> <!-- /ko --> <!-- ko if: $data['icon']--> <div class=\"dx-dashboard-toolbar-action\" data-bind=\"attr: { title: $root.getLocalizationById(title) }, click: click, css: { 'dx-state-disabled': disabled }\"> <svg><use data-bind=\"xlinkHref: icon\"></use></svg> </div> <!-- /ko --> <!-- /ko --> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-toolbox\"> <!-- toolbox --> <div class=\"dx-dashboard-toolbox dx-dashboard-toolbox-group-separator\" data-bind=\" dxScrollView: { direction: 'vertical'}, style: { bottom: toolbarHeight() + 'px' }\"> <!-- ko foreach: toolboxGroupsSorted --> <div class=\"dx-dashboard-toolbox-group\" data-bind=\"text: $root.getLocalizationById(title)\"></div> <!-- ko foreach: items --> <div class=\"dx-dashboard-toolbox-item\" data-bind=\"dx-dashboard-element-accessor: $parents[1].initDragEvents(type), attr: { 'data-item-type': type, title: $root.getLocalizationById(title) }, click: click, css: { 'dx-state-disabled': disabled }\" draggable=\"true\"> <svg> <use data-bind=\"xlinkHref: icon\"></use> </svg> <div class=\"dx-dashboard-toolbox-item-hover\"></div> </div> <!-- /ko --> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-toolbox-extension-layout-item-placeholder\"> <div class=\"dx-toolbox-extension-layout-item-placeholder-wrapper\"> <div class=\"dx-toolbox-extension-layout-item-placeholder\"> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.AddItemInvitation')\"></div> <div> <!-- ko foreach: dashboardItems --> <div class=\"dx-dashboard-toolbox-item\" data-bind=\"attr: { title: $root.getLocalizationById(title) }\"> <svg> <use data-bind=\"xlinkHref: iconName\"></use> </svg> <div class=\"dx-dashboard-toolbox-item-button\" data-bind=\"attr: { 'data-item-type': type }, click:  $parent.addDashboardItem\"></div> </div> <!-- /ko --> </div> </div> </div></script><script type=\"text/html\" id=\"dx-slidable-lists-navigation-area\"> <div class=\"dx-slidable-lists-navigation\" data-bind=\"visible: !!ancestors\"> <!-- ko with: ancestors --> <div class=\"dx-slidable-lists-breadcrumb\" data-bind=\"attr: { title: $data.map(function(el) { return $root.getLocalizationById(el); }).join('/') }\"> <!-- ko foreach: $data --> <!-- ko if: ($index() !== ($parent.length - 1)) --> <span class=\"dx-slidable-lists-navigation-path-item dx-slidable-lists-navigation-path-item-link\" data-bind=\"text: $root.getLocalizationById($data), click: function(data) { var handler = $parents[3].backClick || $parents[1].backClick; handler(data, $parent); }\"></span> <span>/</span> <!-- /ko --> <!-- ko if: ($index() === ($parent.length - 1)) --> <span class=\"dx-slidable-lists-navigation-path-item\" data-bind=\"text: $root.getLocalizationById($data)\"></span> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class=\"dx-slidable-lists-navigation-empty-area\"></div> </div></script><script type=\"text/html\" id='dx-dashboard-custom-appearance-dialog'> <div data-bind=\"dxPopup: popupOptions\"> <!-- ko if: popupOptions.visible--> <div data-bind=\"dxForm: formOptions\"> </div> <!-- /ko --> </div></script><script type=\"text/html\" id='dx-dashboard-popover-color-picker'> <div data-bind=\"dxPopover: { container: $root.getWidgetContainer(), toolbarItems: buttonItems, visible: visible, position: { of: $element.parentNode, my: 'top', at: 'bottom', boundary: $root.getWidgetContainer(), collision: 'flipfit' }, wrapperAttr: { class: 'dx-dropdowneditor-overlay dx-dashboard-cf-color-picker' } }\"> <div data-bind=\"dxColorView: { value: color, editAlphaChannel: true, applyValueMode: 'instantly' }\"> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-datasources-rename-popup\"> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'center', at: 'center', boundary: '.dx-dashboard-datasource-browser-wrapper' }, width: '400px', height: '240px', animation: { }, focusStateEnabled: true, hideOnOutsideClick: false, toolbarItems: toolbarItems || [], visible: popupVisible, showTitle: true, title: title || '', wrapperAttr: { class: 'dx-dashboard-datasources-rename-popup dx-dashboard-typography' } }\"> <div> <div class=\"dx-dashboard-rename-data-source-label\"> <span data-bind=\"text: label\"></span> </div> <div data-bind=\"dxTextBox: nameTextBoxOptions, dxValidator: nameValidatorOptions\"></div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-page-data-source-type\"> <div class=\"dx-dashboard-page-data-source-type\"> <div data-bind=\"css: { selected: selectedType() === 'Sql' }, click: function() { return selectedType('Sql'); }\"> Sql </div> <div data-bind=\"css: { selected: selectedType() === 'Olap' }, click: function() { return selectedType('Olap'); }\"> Olap </div> </div></script><script type=\"text/html\" id='dx-simple-filter-popup'> <div data-bind=\"dxPopup: viewModel.getPopupOptions($root.getWidgetContainer())\"> <!-- ko template: viewModel.fieldSelector.template --> <!-- /ko --> <!-- ko template: viewModel.filterTreeList.template --> <!-- /ko --> </div></script><script type=\"text/html\" id='dx-simple-filter-data-field-selector'> <div data-bind=\"dxSelectBox: { dataSource: fields, displayExpr: 'displayName', value: selectedField, placeholder: $root.getLocalizationById('DashboardStringId.ParametersSelectorText'), noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay'), encodeNoDataText: true, dropDownOptions: { container: $root.getWidgetContainer() }   }\"></div></script><script type=\"text/html\" id='dx-simple-filter-tree-list'> <!-- ko if: visible --> <!-- ko with: editorOptions--> <div class=\"dx-filter dx-treeview-border-visible\" data-bind=\"dxTreeList: $data\"> <div class=\"dx-filter-item\"> <span data-bind=\"text: displayName\"></span> </div> </div> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-items-header\"> <div data-bind=\"dxclick: function(data, event) { event.stopPropagation(); return false; }\"> <dx-dashboard-group-data-items params=\"model: $data.model(), holder: $data\"></dx-dashboard-group-data-items> </div></script><script type=\"text/html\" id=\"dx-dashboard-group-data-items\"> <!-- ko foreach: dataItems --> <dx-dashboard-data-item-link params=\"binding: binding, item: item, click: click, selected: false, dataItemDisplayNameProvider: dataItemDisplayNameProvider, removeDataItem: removeDataItem, placeholder: placeholder, embeddedRemovalIcon: true, error: $parent.holder.dataItemErrorFactory && $parent.holder.dataItemErrorFactory($data.item.dataItem())\"></dx-dashboard-data-item-link> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-item-general\"> <div class=\"dx-dashboard-field-chooser\" data-bind=\"css: { 'dx-dashboard-include-summary': $data.additionalProperties()}\"> <dx-field-chooser params=\"dataSourceBrowser: dataSourceBrowser, filter: constraint, startPath: dataMemberPath(), selectedField: choosenField()\"></dx-field-chooser> </div> <!-- ko with: additionalProperties --> <div data-bind=\"if: $data\"> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-container-types-header\"> <div class=\"dx-dashboard-container-types-header\"> <!-- do NOT reindent these lines --> <!-- ko foreach: shortAvailableContainerTypes --><div class=\"dx-dashboard-container-type\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: $data.selected, hint: $root.getLocalizationById(displayName), icon: icon, click: function(e) { $parent.itemClick($data, e.event) } } }\"> </div><!-- /ko --><!-- ko if: hasFullList --> <div class=\"dx-dashboard-container-type dx-dashboard-type-more\"> <div class=\"dx-dashboard-type-selector-more-close\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { hint: $root.getLocalizationById('DashboardStringId.CloseCaption'), icon: 'dx-dashboard-close' } }\"> </div> <div class=\"dx-dashboard-type-selector-more-full\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { hint: $root.getLocalizationById('DashboardWebStringId.Binding.ShowAll'), icon: 'dx-dashboard-group-types-full-list' } }\"> </div> </div><!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-container-type-selector-header\"> <div class=\"dx-dashboard-container-types-header-container\"> <h5 data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.FilterItem.Type')\"></h5> <div data-bind=\"template: { name: 'dx-dashboard-container-types-header' }\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-container-style-selector-header\"> <div class=\"dx-dashboard-container-types-header-container\"> <h5 data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.StyleSettings')\"></h5> <div data-bind=\"template: { name: 'dx-dashboard-container-types-header' }\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-container-type-selector-full\"> <!-- ko foreach: availableContainerTypeGroups --> <div class=\"dx-dashboard-container-types\"> <!-- ko if: $data.displayName--> <h4 data-bind=\"text: $root.getLocalizationById($data.displayName)\"></h4> <!-- /ko --> <!-- do NOT reindent these lines --> <!-- ko foreach: $parent.availableContainerTypes.filter(function (type) { return type.group === $data.name; } ) --><div class=\"dx-dashboard-container-type\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: $data.selected, hint: $root.getLocalizationById(displayName), icon: icon, click: function(e) { $parents[1].itemClick($data, e.event) } } }\"> </div><!-- /ko --> </div><!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-item-link\"> <div class=\"dx-dashboard-data-item\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: $data.selected, text: $data.item && $data.item.dataItem && $data.item.dataItem() && dataItemDisplayNameProvider($data.item.dataItem()) || (($root.ko.unwrap($data.selected) && $data.selectedPlaceholder) || $data.placeholder), click: function(e) { !!$data.propertiesController ? $data.propertiesController.processDataItemClick($data) : $data.click($data); } } }, style: { 'z-index': 1000 - $data.index }, css: { 'dx-dashboard-data-item-remove-action-visible': $root.ko.unwrap($data.selected) && !$root.ko.unwrap($data.isEmpty), 'dx-empty': $data.isEmpty, 'dx-state-warning': $data.warning, 'dx-state-error': $data.error }, attr: { draggable: !!$root.ko.unwrap($data.draggable) }\"></div> <!-- ko ifnot: $data.isEmpty  --> <div class=\"dx-dashboard-data-item-remove-action\" data-bind=\" click: function(model, event) { removeDataItem(item); event.stopPropagation(); }, css: { 'dx-dashboard-data-item-remove-action-visible': $root.ko.unwrap($data.selected) , 'dx-dashboard-data-item-remove-action-embeded': $data.embeddedRemovalIcon } \"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-item-collection\"> <h4 data-bind=\"text: $root.getLocalizationById(sectionInfo.title)\"></h4> <div class=\"dx-dashboard-collection\"> <!-- ko foreach: groups --> <div class=\"dx-dashboard-drop-target\"> <div></div> </div> <div data-bind=\"css: { 'dx-dashboard-hierarchical-group': $data.groupIndex !== undefined }\"> <!-- ko foreach: items --> <dx-dashboard-data-item-link params=\"item: $data, click: $parents[1].selectDataItem, removeDataItem: $parents[1].removeDataItem, index: $index(), dataItemDisplayNameProvider: $parents[1].dataItemDisplayNameProvider, propertiesController: $parents[1].itemSurface.propertiesController, error: $parents[1].errorFactory($data), draggable: true\"></dx-dashboard-data-item-link> <!-- /ko --> </div> <!-- /ko --> <div class=\"dx-dashboard-drop-target dx-dashboard-cover-item\" data-bind=\"css: {'dx-dashboard-hierarchical-group-cover': false}\"> <div></div> </div> <dx-dashboard-data-item-link params=\"selectionTarget: newItemSample, placeholder: sectionInfo.bindingProperty.emptyPlaceholder, selectedPlaceholder: sectionInfo.bindingProperty.selectedPlaceholder, click: addClick, propertiesController: $parent.itemSurface.propertiesController, warning: $data.warning\"></dx-dashboard-data-item-link> </div></script><script type=\"text/html\" id=\"dx-dashboard-add-pane-section\"> <div class=\"dx-dashboard-add-pane\" data-bind=\"click: addPane, title: $root.getLocalizationById('DashboardWebStringId.Chart.AddPane')\"> <!-- ko lazy: { if: $parents[3].detailVisible } --> <svg><use xlink:href=\"#dx-dashboard-add-pane\"></use></svg> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-data-item-container-collection\"> <h4 data-bind=\"text: $root.getLocalizationById(sectionInfo.title)\"></h4> <div class=\"dx-dashboard-collection\"> <!-- ko foreach: groups --> <div class=\"dx-dashboard-drop-target\"> <div></div> </div> <div data-bind=\"css: { 'dx-dashboard-hierarchical-group': $data.groupIndex !== undefined }\"> <!-- ko foreach: items --> <dx-dashboard-data-item-link params=\"draggable: true, click: $parents[1].selectDataItemContainer, item: $data, removeDataItem: $parents[1].removeDataItem, dataItemDisplayNameProvider: $parents[1].dataItemDisplayNameProvider, placeholder: $parents[1].getDisplayName($data), isEmpty: false, error: $parents[1].errorFactory($data), propertiesController: $parents[1].itemSurface.propertiesController \"></dx-dashboard-data-item-link> <!-- /ko --> </div> <!-- /ko --> <div class=\"dx-dashboard-drop-target dx-dashboard-cover-item\"> <div></div> </div> <dx-dashboard-data-item-link params=\"selectionTarget: newContainerSample, placeholder: sectionInfo.bindingProperty.emptyPlaceholder, selectedPlaceholder: sectionInfo.bindingProperty.selectedPlaceholder, click: addDataItemContainerClick, propertiesController: $parent.itemSurface.propertiesController, warning: $data.warning\"/> </div></script><script type=\"text/html\" id=\"dx-dashboard-data-item-single\"> <h4 data-bind=\"text: $root.getLocalizationById(sectionInfo.title)\"></h4> <div class=\"dx-dashboard-collection\"> <div class=\"dx-dashboard-drop-target dx-dashboard-cover-item\"> <div></div> </div> <dx-dashboard-data-item-link params=\"item: dataItemLink, removeDataItem: removeDataItem, dataItemDisplayNameProvider: dataItemDisplayNameProvider, click: selectDataItem, placeholder: sectionInfo.bindingProperty.emptyPlaceholder, selectedPlaceholder: sectionInfo.bindingProperty.selectedPlaceholder, propertiesController: $parent.itemSurface.propertiesController, error: errorFactory(dataItemLink), draggable: dataItemLink.uniqueName, warning: $data.warning\" /> </div></script><script type=\"text/html\" id='dx-dashboard-collection-editor'> <div class=\"dx-dashboard-collection-editor\"> <div class=\"dx-dashboard-collection-editor-header\" data-bind=\"visible: isToolbarVisible\"> <!-- ko if: allowAddItem --> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-add\" data-bind=\"click: add, css: { 'dx-state-disabled': !addEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-add\" /></svg> </div> <!-- /ko --> <!-- ko if: allowEditItem --> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-edit\" data-bind=\"click: edit, css: { 'dx-state-disabled': !editEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-edit\" /></svg> </div> <!-- /ko --> <!-- ko if: allowReorderItem --> <div class=\"dx-dx-dashboard-icon-separator\"></div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-arrow-down\" data-bind=\"click: down, css: { 'dx-state-disabled': !downEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-arrow-down\" /></svg> </div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-arrow-up\" data-bind=\"click: up, css: { 'dx-state-disabled': !upEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-arrow-up\" /></svg> </div> <!-- /ko --> <!-- ko if: allowRemoveItem --> <div class=\"dx-dashboard-ce-remove-icon\" data-bind=\"click: remove, css: { 'dx-dashboard-state-selected': !!removeEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --> <!-- ko foreach: customToolbarItems --> <div class=\"dx-dx-dashboard-icon-separator\"></div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-custom-action-icon\" data-bind=\"click: action, attr: { title: name }\"> <svg><use data-bind=\"attr: { 'xlink:href': icon }\" xlink:href='' /></svg> </div> <!-- /ko --> </div> <div class=\"dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"dxList: $data.getListOptions()\"></div> </div></script><script type=\"text/html\" id='dx-dashboard-editable-collection-editor'> <div class=\"dx-dashboard-collection-editor\"> <div class=\"dx-dashboard-collection-editor-header\" data-bind=\"visible: isToolbarVisible\"> <!-- ko if: allowAddItem --> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-add\" data-bind=\"click: add, css: { 'dx-state-disabled': !addEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-add\" /></svg> </div> <!-- /ko --> <!-- ko if: allowReorderItem --> <div class=\"dx-dx-dashboard-icon-separator\"></div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-arrow-down\" data-bind=\"css: { 'dx-state-disabled': !downEnabled() }, click: down\"> <svg><use xlink:href=\"#dx-dashboard-ce-arrow-down\" /></svg> </div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-arrow-up\" data-bind=\"css: { 'dx-state-disabled': !upEnabled() }, click: up\"> <svg><use xlink:href=\"#dx-dashboard-ce-arrow-up\" /></svg> </div> <!-- /ko --> <!-- ko if: allowRemoveItem --> <div class=\"dx-dashboard-ce-remove-icon\" data-bind=\"click: remove, css: { 'dx-dashboard-state-selected': removeEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --> </div> <div class=\"dx-dashboard-editable-collection-editor\" data-bind=\"dxDataGrid: $data.getGridOptions()\"></div></script><script type=\"text/html\" id=\"dx-datasource-chooser-slider\"> <div> <div class=\"dx-field-chooser-header-container\"> </div> <div class=\"dx-field-chooser-scroll-holder dx-data-source-scroll-holder\"> <!-- ko template: 'dx-field-chooser-content-list' --> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-field-chooser-slider\"> <div> <div class=\"dx-field-chooser-header-container\"> <!-- ko template: 'dx-field-chooser-header-area' --> <!-- /ko --> </div> <div class=\"dx-field-chooser-scroll-holder\"> <!-- ko if: hasSearchResults() && isSearchMode() --> <!-- ko template: 'dx-field-chooser-content-search-results' --> <!-- /ko --> <!-- /ko --> <!-- ko if: !$data.hasSearchResults || !$data.isListMode || (!hasSearchResults() && isListMode()) --> <!-- ko template: 'dx-field-chooser-content-list' --> <!-- /ko --> <!-- /ko --> <!-- ko if: !hasSearchResults() && !isListMode() --> <!-- ko template: 'dx-field-chooser-content-treeview' --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- ko template: { name: 'dx-dashboard-calc-field-editor', data: calcFieldEditor  } --> <!-- /ko --> <!-- ko template: { name: \"dx-dashboard-confirm-dialog\", data: _inappropriateCalcFieldConfirmation } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-field-chooser-header-area\"> <div class=\"dx-field-chooser-header\" data-bind=\"css: { 'dx-field-chooser-search-mode': isSearchMode() }\"> <div class=\"dx-field-chooser-toolbar\"> <div class=\"dx-dashboard-ce-icon dx-field-chooser-search-button\" data-bind=\"click: searchButtonClick\"> <svg><use xlink:href=\"#dx-dashboard-fc-search\" /></svg> </div> <!-- ko if: canAddCalculatedField --> <div class=\"dx-dx-dashboard-icon-separator\"></div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-add\" data-bind=\"click: addCalcField\"> <svg><use xlink:href=\"#dx-dashboard-calc-field-add\" /></svg> </div> <div class=\"dx-dashboard-ce-icon\" data-bind=\"click: editCalcField, css: {'dx-state-disabled': !isCalcFieldSelected()}\"> <svg><use xlink:href=\"#dx-dashboard-ce-edit\" /></svg> </div> <!-- /ko --> <div class=\"dx-field-chooser-mode-buttons\"> <!-- ko if: canAddCalculatedField --> <div class=\"dx-dashboard-ce-icon\" data-bind=\"click: removeCalcField, css: {'dx-state-disabled': !isCalcFieldSelected()}\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --> <!-- ko if: hasGroups() --> <div class=\"dx-field-chooser-header-button\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: isListMode, icon: 'dx-dashboard-fc-mode-list', click: setListMode } }\"> </div> <div class=\"dx-field-chooser-header-button\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: !isListMode(), icon: 'dx-dashboard-fc-mode-tree', click: setTreeMode } }\"> </div> <!-- /ko --> </div> </div> <div class=\"dx-field-chooser-find-area\"> <div class=\"dx-field-chooser-search\"> <div data-bind=\"dxTextBox: { value: searchString, valueChangeEvent: 'keyup', showClearButton: true, placeholder: $root.getLocalizationById('DashboardWebStringId.Binding.Searching'), disabled: !isSearchMode() }\"></div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-field-chooser-content-search-results\"> <div class=\"dx-field-chooser-lists-container\"> <div class=\"dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"dxList: { items: searchResults, onItemClick: selectViaSearchResults, selectionMode: 'single', selectedItems: [selectedSearchResult()], noDataText: $root.getLocalizationById('DashboardWebStringId.Binding.EmptySearchResult'), }\"> <div data-options=\"dxTemplate : { name: 'item' }\"> <div class=\"dx-field-chooser-search-list-item\" data-bind=\"css: {'dx-has-path': path.length > 0 }\"> <div class=\"dx-field-chooser-search-list-item-name\" data-bind=\"text: item.displayName, attr: { title: $root.ko.unwrap(item.displayName).length > 30 ? item.displayName : null }, css: {'dx-dashboard-corrupted-calc-field': item.isCorruptedCalcField }\"></div> <div class=\"dx-field-chooser-search-list-item-path\" data-bind=\"text: path, attr: { title: path.length > 30 ? path : null }\"></div> <!-- ko template: { name: 'dx-field-chooser-field-type', data: item } --> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-field-chooser-content-list\"> <div class=\"dx-field-chooser-lists-container\"> <!-- ko foreach: lists --> <div class=\"dx-field-chooser-list\" data-bind=\"css: { 'dx-state-ready': ready }, style: { left: $element.offsetWidth * index() + 'px' }\"> <!-- ko template: { name: 'dx-slidable-lists-navigation-area', data: $data } --> <!-- /ko --> <div class=\"dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"dxList: { dataSource: items, pageLoadMode: 'scrollBottom', onItemClick: itemClick, selectionMode: 'single', selectedItemKeys: selectedItemName, keyExpr: 'name', onInitialized: onInitialized, onContentReady: onContentReady, encodeNoDataText: true, noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay') }, css: { 'dx-hierarchical-field-chooser-list' : !!ancestors }\"> <div data-options=\"dxTemplate : { name: 'item' }\"> <div class=\"dx-field-chooser-list-item\" data-bind=\"attr: { title: displayName }, css: { 'dx-dashboard-has-children': $root.ko.unwrap(isGroup) }\"> <span data-bind=\"text: displayName, css: {'dx-dashboard-corrupted-calc-field': $data.isCorruptedCalcField }\"></span> <!-- ko template: 'dx-field-chooser-field-type' --> <!-- /ko --> </div> </div> </div> <div class=\"dx-field-chooser-list-loading\" data-bind=\"dxLoadIndicator: { visible: loading }\"> </div> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-field-chooser-content-treeview\"> <div class=\"dx-field-chooser-tree-view-container\"> <div class=\"dx-dashboard-treeview dx-dashboard-empty-message dx-field-chooser-tree-view\" data-bind=\"dxTreeView: dataSourceTreeOptions\"> <div class=\"dx-field-chooser-list-item\" data-bind=\"css: { 'dx-field-chooser-group-list-item': $data.isGroup }\"> <span data-bind=\"text: displayName, attr: { title: $root.ko.unwrap(displayName).length > 20 ? displayName : null }, css: {'dx-dashboard-corrupted-calc-field': $data.isCorruptedCalcField }\" ></span> <!-- ko template: 'dx-field-chooser-field-type' --> <!-- /ko --> </div> </div> </div></script><script type=\"text/html\" id=\"dx-field-chooser-field-type\"> <div class=\"dx-dashboard-field-kind\" data-bind=\"if: isOlap || isCalcField\"> <!-- ko if: $data.isOlapDimension--> <svg> <use xlink:href=\"#dx-dashboard-olap-dimension\" /> </svg> <!-- /ko --> <!-- ko if: $data.isOlapDimensionHierarchy--> <svg> <use xlink:href=\"#dx-dashboard-olap-dimension-hierarchy\" /> </svg> <!-- /ko --> <!-- ko if: $data.isOlapMeasure--> <svg> <use xlink:href=\"#dx-dashboard-olap-measure\" /> </svg> <!-- /ko --> <!-- ko if: $data.isCalcField--> <!-- ko if: $data.isAggregate--> <svg><use xlink:href=\"#dx-dashboard-calc-field-aggregate\" /></svg> <!-- /ko --> <!-- ko ifnot: $data.isAggregate--> <svg><use xlink:href=\"#dx-dashboard-calc-field\" /></svg> <!-- /ko --> <!-- /ko --> </div> <div class=\"dx-dashboard-field-type dxb-pe-auto\" data-bind=\"attr: { title: $data.typeTooltip}, style: { cursor: $data.isList ? 'default' : 'inherit' }\"> <!-- ko if: !$data.isCorruptedCalcField --> <svg> <use data-bind=\"xlinkHref: 'dx-dashboard-datatype-' + $data.normalizedType\"></use> </svg> <!-- /ko --> <!-- ko if: $data.isCorruptedCalcField --> <svg> <use xlink:href=\"#dx-dashboard-calc-field-corrupted\" /> </svg> <!-- /ko --> </div></script>" };
+export const resources = { "SvgResources": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><symbol id=\"dx-dashboard-add-pane\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M17 6H5c-.6 0-1 .4-1 1v9c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V7c0-.6-.4-1-1-1zm0 10H5V7h12v9zm-4-7h2v6h-2V9zm-3 2h2v4h-2v-4zm-3 2h2v2H7v-2z\"/><path class=\"dx-dashboard-green-icon\" d=\"M24 3h-3V0h-2v3h-3v2h3v3h2V5h3z\"/></symbol><symbol id=\"dx-dashboard-calc-field-add\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-green-icon\" d=\"M20 15h-3v-3h-2v3h-3v2h3v3h2v-3h3z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M9.5 6.3c-.1.2-.3 1.3-.6 2.7H6v2h2.5c-.4 2.3-.8 4.5-.8 4.5-.1.7-.3 1-.6 1-.1 0-.1 0-.2-.1-.1 0-.1-.1-.2-.2-.2-.2-.3-.4-.3-.4-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1-.2 0-.4.1-.6.3-.1.3-.2.5-.2.8 0 .4.2.7.5 1 .3.3.7.4 1.2.4s2.8.3 3.3-4c0 0 .3-1.5.5-3H13V9h-2.1c0-.4.1-.7.1-.9.4-2.5 2.3-2.2 3-2v-2s-3.3-.8-4.5 2.2z\"/></symbol><symbol id=\"dx-dashboard-calc-field-aggregate\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6.5 2.3c-.1.2-.3 1.3-.6 2.7H3v2h2.5c-.4 2.3-.8 4.5-.8 4.5-.1.7-.3 1-.6 1-.1 0-.1 0-.2-.1-.1 0-.1-.1-.2-.2-.2-.2-.3-.4-.3-.4-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1-.2 0-.4.1-.6.3-.1.3-.2.5-.2.8 0 .4.2.7.5 1 .3.3.7.4 1.2.4s2.8.3 3.3-4c0 0 .3-1.5.5-3H10V5H7.9c0-.4.1-.7.1-.9.4-2.5 2.3-2.2 3-2v-2S7.7-.7 6.5 2.3zM16 9H9.2c-.4 0-.7.5-.3.9l2.6 2.6-2.7 2.6c-.3.4-.1.9.4.9H16v-2h-3.3l1.1-1.1c.2-.2.2-.5 0-.7l-1-1.2H16V9z\"/></symbol><symbol id=\"dx-dashboard-calc-field-corrupted\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-yellow-icon\" d=\"M7.45 1.41c.3-.54.75-.54 1.05 0l6.37 11.62c.3.54.05.97-.5.97H1.64c-.6 0-.8-.43-.5-.97L7.45 1.41z\"/><path class=\"dx-dashboard-black-icon\" d=\"M7.02 5h2v4h-2V5zM9 10H7v2h2v-2z\"/></symbol><symbol id=\"dx-dashboard-calc-field\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6.5 3.3c-.1.2-.3 1.3-.6 2.7H3v2h2.5c-.4 2.3-.8 4.5-.8 4.5-.1.7-.3 1-.6 1-.1 0-.1 0-.2-.1-.1 0-.1-.1-.2-.2-.2-.2-.3-.4-.3-.4-.1-.1-.2-.1-.3-.2-.1 0-.2-.1-.3-.1-.2 0-.4.1-.6.3-.1.3-.2.5-.2.8 0 .4.2.7.5 1 .3.3.7.4 1.2.4s2.8.3 3.3-4c0 0 .3-1.5.5-3H10V6H7.9c0-.4.1-.7.1-.9.4-2.5 2.3-2.2 3-2v-2S7.7.3 6.5 3.3z\"/></symbol><symbol id=\"dx-dashboard-ce-add\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z\"/></symbol><symbol id=\"dx-dashboard-ce-arrow-down\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M13 14V5h-2v9H7l5 5 5-5z\"/></symbol><symbol id=\"dx-dashboard-ce-arrow-up\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M13 10v9h-2v-9H7l5-5 5 5z\"/></symbol><symbol id=\"dx-dashboard-ce-edit\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M15 6l-9 9v3h3l9-9-3-3zm-7 8.9l5-4.9 1 1-5 5-1-1.1z\"/></symbol><symbol id=\"dx-dashboard-checkmark\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" fill=\"#7B7B7B\" d=\"M7 18l-5-5v3l5 5L22 6V3z\"/></symbol><symbol id=\"dx-dashboard-close\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 7h-3l-4 4-4-4H5l5.5 5.5L5 18h3l4-4 4 4h3l-5.5-5.5z\"/></symbol><symbol id=\"dx-dashboard-designer-menu-icon\" viewBox=\"-467 269 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M-465 274h20v2h-20zM-465 280h20v2h-20zM-465 286h20v2h-20z\"/></symbol><symbol id=\"dx-dashboard-drag\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M5 7H3V5h2v2zm4-2H7v2h2V5zm4 0h-2v2h2V5zm0 4h-2v2h2V9zM9 9H7v2h2V9zM5 9H3v2h2V9z\"/></symbol><symbol id=\"dx-dashboard-ds-edit\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M14 6l-8 8.1V18h4l8-8-4-4zm2 4l-1.2 1.2-2-2L14 8l2 2zm-8 4l3.4-3.4 2 2L10 16l-2-2z\"/></symbol><symbol id=\"dx-dashboard-ds-embed\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M20 4h-4v2h3v12H5V6h3V4H4c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h16c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M20 4h-4v2h3v12H5V6h3V4H4c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h16c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M13 11V4h-2v7H7l5 5 5-5z\"/></symbol><symbol id=\"dx-dashboard-ds-link\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M8.5 18.5c-.4.4-1 .4-1.4 0l-1.6-1.6c-.4-.4-.4-1 0-1.4L10 11H7l-3.1 3.1c-1.2 1.2-1.2 3.1 0 4.2l1.8 1.8c1.2 1.2 3.1 1.2 4.2 0L13 17v-3l-4.5 4.5z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M8.5 18.5c-.4.4-1 .4-1.4 0l-1.6-1.6c-.4-.4-.4-1 0-1.4L10 11H7l-3.1 3.1c-1.2 1.2-1.2 3.1 0 4.2l1.8 1.8c1.2 1.2 3.1 1.2 4.2 0L13 17v-3l-4.5 4.5z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M8.04 14.97l7-7 .99.99-7 7z\"/><g><path class=\"dx-dashboard-current-color-icon\" d=\"M15.5 5.5c.4-.4 1-.4 1.4 0l1.6 1.6c.4.4.4 1 0 1.4L14 13h3l3.1-3.1c1.2-1.2 1.2-3.1 0-4.2l-1.8-1.8c-1.2-1.2-3.1-1.2-4.2 0L11 7v3l4.5-4.5z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M15.5 5.5c.4-.4 1-.4 1.4 0l1.6 1.6c.4.4.4 1 0 1.4L14 13h3l3.1-3.1c1.2-1.2 1.2-3.1 0-4.2l-1.8-1.8c-1.2-1.2-3.1-1.2-4.2 0L11 7v3l4.5-4.5z\"/></g></symbol><symbol id=\"dx-dashboard-ds-preview\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M12 7c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8c-1.7 0-3-1.3-3-3s1.3-3 3-3c.2 0 .4 0 .6.1-.9.2-1.5 1-1.5 1.9 0 1.1.9 2 2 2 .9 0 1.7-.7 1.9-1.5 0 .2.1.3.1.5-.1 1.7-1.4 3-3.1 3z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M12 6c4.5 0 8.2 2.2 8.9 5H23c-.7-3.9-5.3-7-11-7S1.7 7.1 1 11h2.1c.7-2.8 4.4-5 8.9-5zM12 18c-4.5 0-8.2-2.2-8.9-5H1c.7 3.9 5.3 7 11 7s10.3-3.1 11-7h-2.1c-.7 2.8-4.4 5-8.9 5z\"/><g><path class=\"dx-dashboard-current-color-icon\" d=\"M12 6c4.5 0 8.2 2.2 8.9 5H23c-.7-3.9-5.3-7-11-7S1.7 7.1 1 11h2.1c.7-2.8 4.4-5 8.9-5zM12 18c-4.5 0-8.2-2.2-8.9-5H1c.7 3.9 5.3 7 11 7s10.3-3.1 11-7h-2.1c-.7 2.8-4.4 5-8.9 5z\"/></g></symbol><symbol id=\"dx-dashboard-fc-arrow-right\" viewBox=\"0 0 12 12\"><path class=\"dx-dashboard-current-color-icon\" d=\"M5 10l4-4-4-4z\"/></symbol><symbol id=\"dx-dashboard-fc-dropdown-icon\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M4 6l4 4 4-4z\"/></symbol><symbol id=\"dx-dashboard-fc-mode-list\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M5 5h14v2H5zM5 9h14v2H5zM5 13h14v2H5zM5 17h14v2H5z\"/></symbol><symbol id=\"dx-dashboard-fc-mode-tree\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M11 9h8v2h-8V9zm0 8h8v2h-8v-2zM9 5h10v2H9V5zM5 5h2v2H5V5zm4 8h10v2H9v-2zm-4 0h2v2H5v-2z\"/></symbol><symbol id=\"dx-dashboard-fc-search\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M14 5c-2.8 0-5 2.2-5 5 0 1.1.4 2.2 1 3l-5 5 1 1 5-5c.8.6 1.9 1 3 1 2.8 0 5-2.2 5-5s-2.2-5-5-5zm0 8c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z\"/></symbol><symbol id=\"dx-dashboard-fc-treeview-collapse\" viewBox=\"0 0 13 13\"><path class=\"dx-dashboard-current-color-icon\" d=\"M10 6H7V3H6v3H3v1h3v3h1V7h3z\"/></symbol><symbol id=\"dx-dashboard-fc-treeview-expand\" viewBox=\"0 0 13 13\"><path class=\"dx-dashboard-current-color-icon\" d=\"M3 6h7v1H3z\"/></symbol><symbol id=\"dx-dashboard-item-data-source\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-accent-icon\" d=\"M14 10v3c0 1.1-2.7 2-6 2s-6-.9-6-2v-3c0 1.1 2.7 2 6 2s6-.9 6-2zM8 8c-3.3 0-6-.9-6-2v3c0 1.1 2.7 2 6 2s6-.9 6-2V6c0 1.1-2.7 2-6 2zm6-5v2c0 1.1-2.7 2-6 2s-6-.9-6-2V3c0-1.1 2.7-2 6-2s6 .9 6 2zm-1.1 0c-.5-.4-2.1-1-4.9-1s-4.4.6-4.9 1c.5.4 2.1 1 4.9 1s4.4-.6 4.9-1z\"/></symbol><symbol id=\"dx-dashboard-main-menu-close\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M22 4h-3l-7 7-7-7H2l8.5 8.5L2 21h3l7-7 7 7h3l-8.5-8.5z\"/></symbol><symbol id=\"dx-dashboard-olap-dimension-hierarchy\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6 0h4v4H6zM0 12h4v4H0zM6 12h4v4H6zM12 12h4v4h-4zM3 6h4v4H3zM9 6h4v4H9z\"/></symbol><symbol id=\"dx-dashboard-olap-dimension\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M15 12l-4-3v2H5V5h2L4 1 1 5h2v8h8v2z\"/></symbol><symbol id=\"dx-dashboard-olap-measure\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M15 1H1l7 7-7 7h14v-2H6l5-5-5-5h9z\"/></symbol><symbol id=\"dx-dashboard-remove-small\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-red-icon\" d=\"M11 5c-.6 0-1 .4-1 1v1h1V6h3v1h1V6c0-.6-.4-1-1-1h-3zm7 4H7V8c0-.6.4-1 1-1h9c.6 0 1 .4 1 1v1zM8 10v7c0 .6.4 1 1 1h7c.6 0 1-.4 1-1v-7H8zm3 6h-1v-4h1v4zm2 0h-1v-4h1v4zm2 0h-1v-4h1v4z\"/></symbol><symbol id=\"dx-dashboard-remove\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-red-icon\" d=\"M4 8v13c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V8H4zm5 11H7v-8h2v8zm4 0h-2v-8h2v8zm4 0h-2v-8h2v8zM20 5h-4V3c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v2H4c-.5 0-1 .5-1 1v1h18V6c0-.5-.5-1-1-1zm-6 0h-4V4h4v1z\"/><g><path class=\"dx-dashboard-red-icon\" d=\"M4 8v13c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V8H4zm5 11H7v-8h2v8zm4 0h-2v-8h2v8zm4 0h-2v-8h2v8zM20 5h-4V3c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v2H4c-.5 0-1 .5-1 1v1h18V6c0-.5-.5-1-1-1zm-6 0h-4V4h4v1z\"/></g></symbol><symbol id=\"dx-dashboard-rename\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M10.4 13.2l1.7-1.7L9.8 5H7.3L4 14h2.2l.6-2h3.3l.3 1.2zM7.5 10l1-3 1 3h-2zM17 8l-8 8v3h3l8-8-3-3zm-6 8l4-4 1 1-4 4-1-1z\"/></symbol><symbol id=\"dx-dashboard-template-to-all-cards\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M5 9v9h11V9H5zm9 7H7v-5h7v5z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M7 7v2h9v7h2V7z\" opacity=\".75\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M9 5v2h9v7h2V5z\" opacity=\".5\"/></symbol><symbol id=\"dx-dashboard-textbox-search-clear\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" fill=\"#7B7B7B\" d=\"M12 5c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm4 10h-2l-2-2-2 2H8l3-3-3-3h2l2 2 2-2h2l-3 3 3 3z\"/></symbol><symbol id=\"dx-dashboard-transparent-background\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M0 0h6v6H0zM12 0h6v6h-6zM6 6h6v6H6zM18 6h6v6h-6zM0 12h6v6H0zM12 12h6v6h-6zM6 18h6v6H6zM18 18h6v6h-6z\"/></symbol><symbol id=\"dx-dashboard-tree-connector\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M2 2h1v10H2zM2 12h12v1H2z\"/></symbol><symbol id=\"dx-dashboard-arrow-left\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 11H8.9L14 6h-3l-6 6 6 6h3l-5.1-5H19z\"/></symbol><symbol id=\"dx-dashboard-group-types-full-list\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-current-color-icon\" cx=\"6\" cy=\"12\" r=\"2\"/><circle class=\"dx-dashboard-current-color-icon\" cx=\"12\" cy=\"12\" r=\"2\"/><circle class=\"dx-dashboard-current-color-icon\" cx=\"18\" cy=\"12\" r=\"2\"/></symbol><symbol id=\"dx-dashboard-back\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 11H8.9L14 6h-3l-6 6 6 6h3l-5.1-5H19z\"/></symbol><symbol id=\"dx-dashboard-clear-master-filter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M20 5H4l7 7v8h2v-8z\"/><path class=\"dx-dashboard-red-icon\" d=\"M19 18l1.8-1.8c.3-.3.3-.7 0-1-.3-.3-.7-.3-1 0L18 17l-1.8-1.8c-.3-.3-.7-.3-1 0-.3.3-.3.7 0 1L17 18l-1.8 1.8c-.3.3-.3.7 0 1 .3.3.7.3 1 0L18 19l1.8 1.8c.3.3.7.3 1 0 .3-.3.3-.7 0-1L19 18z\"/></symbol><symbol id=\"dx-dashboard-clear-selection\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 4H8c-.6 0-1 .4-1 1v1h10c.6 0 1 .4 1 1v10h1c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z\" opacity=\".5\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M16 7H5c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V8c0-.6-.4-1-1-1zm-1 11H6V9h9v9z\"/><path class=\"dx-dashboard-red-icon\" d=\"M11.3 13.5l1.5-1.5c.2-.2.2-.6 0-.8-.2-.2-.6-.2-.8 0l-1.5 1.5L9 11.2c-.2-.2-.6-.2-.8 0-.2.2-.2.6 0 .8l1.5 1.5L8.2 15c-.2.2-.2.6 0 .8.2.2.6.2.8 0l1.5-1.5 1.5 1.5c.2.2.6.2.8 0 .2-.2.2-.6 0-.8l-1.5-1.5z\"/></symbol><symbol id=\"dx-dashboard-content-selection\" viewBox=\"0 0 24 24\"><g class=\"st0\"><path class=\"dx-dashboard-current-color-icon\" d=\"M21 14l-9 6-9-6 9-6z\"/></g><path class=\"dx-dashboard-current-color-icon\" d=\"M21 10l-9 6-9-6 9-6z\"/></symbol><symbol id=\"dx-dashboard-data-inspector\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M9.7 11H4V9h7.1c-.6.6-1.1 1.3-1.4 2zM17 7V5H4v2h13zm-8 7c0-.3 0-.7.1-1H4v2h5.1c-.1-.3-.1-.7-.1-1zm7-5c-2.8 0-5 2.2-5 5 0 .9.2 1.7.6 2.4l-3.2 3.2c-.6.6-.6 1.4 0 2 .6.6 1.4.6 2 0l3.2-3.2c.7.4 1.5.6 2.4.6 2.8 0 5-2.2 5-5s-2.2-5-5-5zm0 8c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z\"/></symbol><symbol id=\"dx-dashboard-data-reduced\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-yellow-icon\" d=\"M12 3c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7z\"/><path class=\"dx-dashboard-yellow-icon\" d=\"M12 14c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1s1 .4 1 1v5c0 .6-.4 1-1 1zM12 17c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-drill-up\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M11 5V2L5 7l6 5V9h1c1.7 0 4 1 4 3 0 5-3 8-3 8s6-3 6-9c0-4-3-6-7-6h-1z\"/></symbol><symbol id=\"dx-dashboard-export-to-excel\" viewBox=\"0 0 48 48\"><path class=\"dx-dashboard-green-icon\" d=\"M42.7 8.4H28.4v3h3.9v3.7h-3.9v1.6h3.9v3.7h-3.9V22h3.9v3.7h-3.9v1.6h3.9V31h-3.9v1.6h3.9v3.7h-3.9v3.1h14.2c.7 0 1.3-.6 1.3-1.3V9.7c.1-.7-.5-1.3-1.2-1.3zm-2.3 27.7h-6.6v-3.7h6.6v3.7zm0-5.2h-6.6v-3.7h6.6v3.7zm0-5.3h-6.6v-3.7h6.6v3.7zm0-5.3h-6.6v-3.7h6.6v3.7zm0-5.2h-6.6v-3.7h6.6v3.7zM4 8.4v30.8L27.3 44V4L4 8.4zm13.8 23.7l-2.5-6.2-2.4 5.9-3-.2 3.7-7.4-3.4-7.2 3.1-.2 2.1 5.7 2.3-6 3.3-.2-3.9 7.8 4.1 8.2-3.4-.2z\"/></symbol><symbol id=\"dx-dashboard-export-to-image\" viewBox=\"0 0 48 48\"><path class=\"dx-dashboard-current-color-icon\" d=\"M5 5v38h38V5H5zm36 36H7V7h34v34z\" opacity=\".5\"/><path class=\"dx-dashboard-green-icon\" d=\"M8 40h32V25l-12 5-10-10-10 5z\"/><circle class=\"dx-dashboard-yellow-icon\" cx=\"32\" cy=\"16\" r=\"5\"/></symbol><symbol id=\"dx-dashboard-export-to-pdf\" viewBox=\"0 0 48 48\"><path class=\"dx-dashboard-red-icon\" d=\"M39.1 27.7c-1.8 0-4 .1-6.3.5-1-.6-2.1-1.2-2.9-2-2.2-2.1-4.1-5-5.3-8.1.1-.3.1-.5.2-.8.3-1.5.6-6.3.6-6.5v-.2c.1-.3.5-1.9.4-2.9-.2-.9-.9-2.7-2.6-2.7h-.6c-1.2 0-2.2.6-2.5 1.5-.8 2.8 0 7 1.5 12.5l-.4.9c-1 2.5-2.3 5-3.4 7.2l-.2.3C16.3 30 15.1 32.2 14 34c-.2-.2-.4-.2-.6-.1-.1 0-1.8 1-2.2 1.2-3.5 2.1-5.8 4.4-6.2 6.3-.1.6 0 1.4.6 1.8l1 .5c.5.2 1 .3 1.4.3 2.5 0 5.4-3.1 9.3-9.9 4.5-1.5 9.7-2.7 14.2-3.4 4.2 2.3 9.4 3.8 11.7 3.1.5-.1 1-.5 1.3-.9.2-.3.4-1.1.4-1.4v-.2s.1-.6.1-.9c-.1-.6-.3-1.2-.7-1.6-.8-.6-2.5-1.1-5.2-1.1zm-2.4 2.4c2.6-.2 4.6-.1 5.7.3 1.3.4 1.5.8 1.6.8v.1c-.1.2-.3.3-.4.4-.9.3-3.6-.2-6.9-1.6zM24.3 10.3V10.6c-.1.3-.6 2.3-.9 3.5-.4-1.8-.6-3.5-.6-4.9 0-.5 0-1.5.2-2.3 0-.2.1-.3.1-.4.2.2.5.6.8 1.4.4.8.4 1.7.4 2.4zm-4.1 18.4c1.4-2.6 2.3-4.7 3-6.4 1.3 2.4 3 4.4 4.9 6 .2.2.4.4.7.5-3.9.8-7.2 1.7-10.2 2.8.5-.9 1-1.9 1.6-2.9zM13 35.8c-2.5 3.9-4.2 5.6-5.4 6.2.5-1.2 2.3-3.6 4.8-5.6.1-.2.3-.4.6-.6z\"/><path class=\"dx-dashboard-red-icon\" d=\"M31.5 15.5h.6c.7 0 1.3-.2 1.7-.7.4-.5.7-1.1.7-1.8 0-.8-.2-1.4-.6-1.8-.4-.4-1-.6-1.7-.6H30v7.6h1.5v-2.7zm0-3.7h.5c.3 0 .5.1.7.3s.3.5.3.9c0 .8-.3 1.2-1 1.2h-.5v-2.4zM39.7 17c.5-.7.8-1.6.8-2.8 0-2.5-1.1-3.7-3.1-3.7h-2v7.6h2c1 0 1.7-.4 2.3-1.1zm-2.9-5.2h.6c.5 0 .9.2 1.2.7.3.4.4 1 .4 1.8s-.1 1.4-.4 1.9c-.3.5-.7.7-1.2.7h-.6v-5.1zM45 11.8v-1.3h-3.5v7.6H43v-3h1.8v-1.3H43v-2z\"/></symbol><symbol id=\"dx-dashboard-export\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 8h-4v2h3v8H6v-8h3V8H5c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V9c0-.6-.4-1-1-1zm-8-2v7h2V6h3l-4-4-4 4h3z\"/></symbol><symbol id=\"dx-dashboard-filter\"><path d=\"M17 1H1l7 8v8l2-1V9l7-8z\" class=\"dx-dashboard-accent-icon\"/></symbol><symbol id=\"dx-dashboard-filters\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M20 5H4l7 7v8h2v-8z\"/></symbol><symbol id=\"dx-dashboard-map-initial-extent\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M14.5 4C11.5 4 9 6.5 9 9.5c0 1 .3 1.9.7 2.8l-5.3 5.3c-.6.6-.6 1.4 0 2 .6.6 1.4.6 2 0l5.3-5.3c.8.5 1.7.7 2.8.7 3 0 5.5-2.5 5.5-5.5S17.5 4 14.5 4zm0 9c-1.9 0-3.5-1.6-3.5-3.5S12.6 6 14.5 6 18 7.6 18 9.5 16.4 13 14.5 13z\"/><circle class=\"dx-dashboard-current-color-icon\" cx=\"14.5\" cy=\"9.5\" r=\"1.5\"/></symbol><symbol id=\"dx-dashboard-maximize-item\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M10 5H5v5l2-2 2 2 1-1-2-2 2-2zM19 10V5h-5l2 2-2 2 1 1 2-2 2 2zM14 19h5v-5l-2 2-2-2-1 1 2 2-2 2zM5 14v5h5l-2-2 2-2-1-1-2 2-2-2z\"/></symbol><symbol id=\"dx-dashboard-open-tab-pages\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M8 12c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm4-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-parameters\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6 12c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zM12 6c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z\"/><g opacity=\".5\"><path class=\"dx-dashboard-current-color-icon\" d=\"M6 12c.4 0 .7.1 1 .2V5c0-.6-.4-1-1-1s-1 .4-1 1v7.2c.3-.1.6-.2 1-.2zM6 18c-.4 0-.7-.1-1-.2V19c0 .6.4 1 1 1s1-.4 1-1v-1.2c-.3.1-.6.2-1 .2zM12 6c.4 0 .7.1 1 .2V5c0-.6-.4-1-1-1s-1 .4-1 1v1.2c.3-.1.6-.2 1-.2zM12 12c-.4 0-.7-.1-1-.2V19c0 .6.4 1 1 1s1-.4 1-1v-7.2c-.3.1-.6.2-1 .2zM18 17c-.4 0-.7-.1-1-.2V19c0 .6.4 1 1 1s1-.4 1-1v-2.2c-.3.1-.6.2-1 .2zM18 11c.4 0 .7.1 1 .2V5c0-.6-.4-1-1-1s-1 .4-1 1v6.2c.3-.1.6-.2 1-.2z\"/></g><path class=\"dx-dashboard-current-color-icon\" d=\"M18 11c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-range-time-periods\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M16 13.2l6-2.2-8-3v10h-4V3L2 6l6 2.2V18H4v2h16v-2h-4z\"/></symbol><symbol id=\"dx-dashboard-restore-item\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-red-icon\" d=\"M19 14h-5v5l2-2 2 2 1-1-2-2 2-2zM10 19v-5H5l2 2-2 2 1 1 2-2 2 2zM5 10h5V5L8 7 6 5 5 6l2 2-2 2zM14 5v5h5l-2-2 2-2-1-1-2 2-2-2z\"/></symbol><symbol id=\"dx-dashboard-toggle-multiselection\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M19 4H8c-.6 0-1 .4-1 1v1h10c.6 0 1 .4 1 1v10h1c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1z\" opacity=\".5\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M16 7H5c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V8c0-.6-.4-1-1-1zm-1 11H6V9h9v9z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M9.1 16.8c.3.3.8.3 1-.1L14 10c-.7 0-1.3.4-1.6 1l-2.7 4L8 13.7c-.2-.2-.6-.2-.8.1-.2.2-.2.5-.1.7l2 2.3z\"/></symbol><symbol id=\"dx-dashboard-datatype-boolean\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-yellow-icon\" d=\"M10.6 6.4h-.5v1.5h.5c.7 0 1.1-.2 1.1-.7-.1-.7-.5-.8-1.1-.8zM5.3 6.3c-.7 0-1.1.4-1.1 1.9s.5 2 1.1 2c.7 0 1.1-.5 1.1-1.9 0-1.5-.5-2-1.1-2z\"/><path class=\"dx-dashboard-yellow-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zM5.2 11.1c-1.4 0-2.2-.8-2.2-2.8 0-2 .9-2.8 2.4-2.8s2.3.7 2.3 2.7c-.1 1.9-1 2.9-2.5 2.9zm8-.1h-1.4l-.9-2c0-.1-.2-.3-.3-.3h-.5V10c.3.1.6.2.7.3v.7H8.6l-.1-.7c.1-.1.2-.2.4-.3V6.4c-.1-.1-.3-.1-.4-.3l.1-.7h2c1.4 0 2.2.3 2.2 1.6 0 .8-.6 1.2-1.2 1.5.2.1.4.2.5.4l.6 1.1c.2.1.4.2.5.3v.7z\"/></symbol><symbol id=\"dx-dashboard-datatype-custom\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-accent-icon\" d=\"M8.6 8.2c0 1.5-.1 2.1-.8 2.1-.7 0-.8-.6-.8-2.1 0-1.4.1-2 .8-2 .7 0 .8.6.8 2zM16 2v12c0 .5-.5 1-1 1H1c-.5 0-1-.5-1-1V2c0-.5.5-1 1-1h14c.5 0 1 .5 1 1zM4.6 10.4c0-.1-.2-.2-.4-.3V5.5c-.7 0-1.4.1-1.9.3v.5c.2.1.5.2.7.2V10c-.2.1-.5.2-.6.3l.1.7h2.1v-.6zm5.1-2.2c0-2-.5-2.7-1.9-2.7s-2 .8-2 2.8.5 2.8 1.9 2.8c1.5 0 2.1-1 2-2.9zm3.7 2.2c0-.1-.2-.2-.4-.3V5.5c-.7 0-1.4.1-1.9.3v.5c.2.1.5.2.7.2V10c-.2.1-.5.2-.6.3l.1.7h2.1v-.6z\"/></symbol><symbol id=\"dx-dashboard-datatype-datetime\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-green-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zM8 12c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z\"/><path class=\"dx-dashboard-green-icon\" d=\"M8 6H7v3h3V8H8z\"/></symbol><symbol id=\"dx-dashboard-datatype-float\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-accent-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zM3.4 11.1c-.4 0-.7-.1-.7-.6.1-.5.3-.6.7-.6.4 0 .7.2.7.6 0 .4-.3.6-.7.6zm5.4-.1H5.2L5 10l2-2.2c.3-.3.6-.7.6-1.2 0-.4-.2-.6-.6-.6-.2 0-.5 0-.7.1-.1.4-.2.8-.3.9h-.7c-.1-.2-.1-.6-.1-.9v-.2c.4-.3 1.1-.5 1.8-.5.9 0 1.7.2 1.7 1.4 0 .4-.3.9-.5 1.2L7 9.4c-.3.3-.8.7-.8.7v.1s.4-.1.8-.1h.6c0-.3.1-.6.2-.7h.8c.3.4.3 1.2.2 1.6zm2.3.1c-.5 0-1.1-.2-1.4-.3l.3-.8c.3.1.6.2 1 .2.7 0 1.1-.3 1.1-.9 0-.9-.5-1-.9-1s-.7.1-.9.1l-.3-.6V5.5h3v.9h-2v1.1h.7c1 0 1.7.5 1.7 1.7-.1 1.3-1 1.9-2.3 1.9z\"/></symbol><symbol id=\"dx-dashboard-datatype-integer\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-accent-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zM6.7 11H4.6l-.1-.7c.1-.1.4-.2.6-.3V6.5c-.1 0-.4 0-.6-.1v-.6c.5-.3 1.2-.4 1.8-.3v4.6c.2.1.4.2.4.3v.6zm4.8 0H7.8l-.2-1 2-2.2c.3-.3.6-.7.6-1.2 0-.4-.2-.6-.6-.6-.2 0-.5 0-.7.1 0 .3-.1.6-.2.8L8 7c-.1-.2-.2-.6-.2-.9v-.2c.4-.3 1.1-.5 1.8-.5.9 0 1.7.2 1.7 1.4 0 .4-.3.9-.5 1.2L9.7 9.4c-.3.3-.8.7-.8.7v.1s.4-.1.8-.1h.6c0-.3.1-.6.2-.7h.8c.2.4.3 1.2.2 1.6z\"/></symbol><symbol id=\"dx-dashboard-datatype-list\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-current-color-icon\" d=\"M0 1v14h16V1H0zm15 13H1V2h14v12z\"/><path class=\"dx-dashboard-red-icon\" d=\"M9.05 8l1.84-1.84c.15-.15.15-.38 0-.53l-.52-.52a.357.357 0 00-.52 0L8 6.95 6.16 5.11a.357.357 0 00-.52 0l-.53.53c-.15.15-.15.38 0 .53L6.95 8 5.11 9.84c-.15.15-.15.38 0 .52l.52.52c.15.15.38.15.53 0L8 9.05l1.84 1.84c.15.15.38.15.52 0l.52-.52c.15-.15.15-.38 0-.53L9.05 8z\"/></symbol><symbol id=\"dx-dashboard-datatype-string\" viewBox=\"0 0 16 16\"><path class=\"dx-dashboard-red-icon\" d=\"M4.5 9.6c0 .3.2.5.5.5.4 0 .6-.2.7-.3v-.7h-.5c-.5 0-.7.2-.7.5zM10.7 7.4c-.4 0-.7.1-.9.3V10c.3.1.5.2.7.2.6 0 .9-.6.9-1.4 0-1.1-.2-1.4-.7-1.4z\"/><path class=\"dx-dashboard-red-icon\" d=\"M15 1H1c-.5 0-1 .5-1 1v12c0 .5.5 1 1 1h14c.5 0 1-.5 1-1V2c0-.5-.5-1-1-1zm-7.4 9.9s-.5.2-1.3.2c0 0-.1-.2-.2-.6-.2.2-.5.6-1.4.6-.8 0-1.5-.5-1.5-1.3 0-.7.5-1.3 1.6-1.3h1V8c0-.5-.2-.7-.7-.7-.2 0-.3 0-.5.1 0 .2-.1.5-.1.6h-.9c-.1-.3-.2-.7-.1-1.1.4-.2 1.2-.5 1.9-.5 1.1 0 1.7.4 1.7 1.6v1.9c.2 0 .4.1.5.2v.8zm3 .2c-.4 0-.9-.1-1.2-.3-.1.1-.2.2-.4.2h-.4V5.6c-.2-.1-.4-.2-.5-.3l.1-.7c.5-.1 1.2-.1 1.7-.1v2.3c.2-.2.7-.3 1.1-.3 1.3 0 1.8.6 1.8 2.2-.1 1.8-1.2 2.4-2.2 2.4z\"/></symbol><symbol id=\"dx-dashboard-convert\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M17 12V9H3V5h14V2l5 5z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M7 12v3h14v4H7v3l-5-5z\"/></symbol><symbol id=\"dx-dashboard-interactivity\" viewBox=\"-467 269 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M-446 279h-6v-7c0-.6-.4-1-1-1h-11c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h6v7c0 .6.4 1 1 1h11c.6 0 1-.4 1-1v-10c0-.6-.4-1-1-1zm-17 2v-8h9v8h-9zm16 8h-9v-6h3c.6 0 1-.4 1-1v-1h5v8z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M-447 273l2-2h-6v6l2-2 3 3 2-2zM-461 287l-3-3-2 2 3 3-2 2h6v-6z\"/></symbol><symbol id=\"dx-dashboard-item-filter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M23 3H1l9 9v10h4V12z\"/></symbol><symbol id=\"dx-dashboard-item-menu-collapse\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-grey-icon\" d=\"M7 13l5-5 5 5v3l-5-5-5 5s.1-3 0-3z\"/></symbol><symbol id=\"dx-dashboard-item-options\" viewBox=\"-467 269 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M-456.8 288.9l.3 3.1h3.1l.3-3.1c.9-.2 1.8-.6 2.5-1.1l2.4 1.9 2-2-2-2.4c.5-.8.9-1.6 1.1-2.5l3.1-.3v-3.1l-3.1-.3c-.2-.9-.6-1.8-1.1-2.5l1.9-2.4-2-2-2.4 2c-.8-.5-1.6-.9-2.5-1.1l-.3-3.1h-3.1l-.3 3.1c-.9.2-1.8.6-2.5 1.1l-2.4-1.9-2 2 2 2.4c-.5.8-.9 1.6-1.1 2.5l-3.1.3v3.1l3.1.3c.2.9.6 1.8 1.1 2.5l-1.9 2.4 2 2 2.4-2c.7.6 1.6.9 2.5 1.1zm-4.2-7.9c0-3.3 2.7-6 6-6s6 2.7 6 6-2.7 6-6 6-6-2.7-6-6z\"/></symbol><symbol id=\"dx-dashboard-properties\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-current-color-icon\" d=\"M17.8 10.2c-1.1 1.1-2.9 1.1-4 0s-1.1-2.9 0-4l3.7-3.7c-.8-.3-1.6-.5-2.5-.5-3.9 0-7 3.1-7 7 0 1.2.3 2.3.8 3.2l-6.2 6.2c-.8.8-.8 2.2 0 3s2.2.8 3 0l6.2-6.2c1 .5 2.1.8 3.2.8 3.9 0 7-3.1 7-7 0-.9-.2-1.7-.5-2.5l-3.7 3.7z\"/></symbol><symbol id=\"dx-dashboard-redo\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M25 10l-1-9-3 3c-2.3-2.3-4.4-3-7-3-4 0-7 2.7-7 7 0 4 2 7 2 7l2-2c-.3-.7-.9-2.1-1-4-.2-3.4 1.4-5 4-5 3 0 5 2 5 2l-3 3 9 1z\"/></symbol><symbol id=\"dx-dashboard-undo\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M18 1c-2.6 0-4.7.7-7 3L8 1l-1 9 9-1-3-3s2-2 5-2c2.6 0 4.2 1.6 4 5-.1 1.9-.8 3.3-1 4l2 2s2-3 2-7c0-4.3-3-7-7-7z\"/></symbol><symbol id=\"dx-dashboard-toolbox-boundImage\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"7.5\" cy=\"9.5\" r=\"1.5\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M9 12l-3 4h3l1.4-2.1zM14 10l-4 6h8z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M20.5 8c-1.5 0-2.8-.4-3.3-1-.1.2-.2.3-.2.5v1c0 .8 1.6 1.5 3.5 1.5S24 9.3 24 8.5v-1c0-.2-.1-.3-.2-.5-.5.6-1.8 1-3.3 1zM20.5 5c-1.5 0-2.8-.4-3.3-1-.1.2-.2.3-.2.5v1c0 .8 1.6 1.5 3.5 1.5S24 6.3 24 5.5v-1c0-.2-.1-.3-.2-.5-.5.6-1.8 1-3.3 1z\"/><ellipse class=\"dx-dashboard-accent-icon\" cx=\"20.5\" cy=\"2.5\" rx=\"3.5\" ry=\"1.5\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M21 12v8H3V4h12V3c0-.4.1-.7.3-1H2c-.5 0-1 .5-1 1v18c0 .6.4 1 1 1h20c.5 0 1-.5 1-1v-9.5c-.6.3-1.3.4-2 .5z\"/></symbol><symbol id=\"dx-dashboard-toolbox-bubbleMap\" viewBox=\"4 -4 24 24\"><circle class=\"dx-dashboard-accent-icon\" cx=\"12\" cy=\"11\" r=\"6\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"22\" cy=\"6\" r=\"4\"/><circle class=\"dx-dashboard-current-color-icon\" cx=\"13.5\" cy=\"1.5\" r=\"2.5\"/></symbol><symbol id=\"dx-dashboard-toolbox-card\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M22 2H5c-.6 0-1 .4-1 1v2H2c-.6 0-1 .4-1 1v15c0 .6.4 1 1 1h17c.6 0 1-.4 1-1v-2h2c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zm-4 18H3V7h15v13zm-7-8H5v-2h6v2zm5 5H5v-2h11v2z\"/></symbol><symbol id=\"dx-dashboard-toolbox-chart\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M26 17h-3c-.6 0-1-.4-1-1V7c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v9c0 .6-.4 1-1 1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M9 17H6c-.6 0-1-.4-1-1v-5c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v5c0 .6-.4 1-1 1zM21 17h-3c-.6 0-1-.4-1-1V0c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M14 17h-3c-.6 0-1-.4-1-1V4c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v12c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-toolbox-choroplethMap\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M20.9 2h-9.8c-.6 0-1.1.5-1.1 1.1V8h5v6h5.9c.6 0 1.1-.5 1.1-1.1V3.1c0-.6-.5-1.1-1.1-1.1z\"/><path class=\"dx-dashboard-current-color-icon\" d=\"M16.9 6H7.1C6.5 6 6 6.5 6 7.1V12h6v6h4.9c.6 0 1.1-.5 1.1-1.1V7.1c0-.6-.5-1.1-1.1-1.1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12.9 22H3.1c-.6 0-1.1-.5-1.1-1.1v-9.8c0-.6.5-1.1 1.1-1.1h9.8c.6 0 1.1.5 1.1 1.1v9.8c0 .6-.5 1.1-1.1 1.1z\"/></symbol><symbol id=\"dx-dashboard-toolbox-comboBox\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M26 1H6c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm-1 12H7V3h18v10z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 4v8h8V4h-8zm4 6l-3-3h6l-3 3z\"/></symbol><symbol id=\"dx-dashboard-toolbox-dateFilter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M9 14H5v-4h4v4zm5-4h-4v4h4v-4zm-5 5H5v4h4v-4zm5 0h-4v4h4v-4zm8-12h-2v2c0 .5-.5 1-1 1h-2c-.5 0-1-.5-1-1V3H8v2c0 .5-.5 1-1 1H5c-.5 0-1-.5-1-1V3H2c-.5 0-1 .5-1 1v18c0 .5.5 1 1 1h20c.5 0 1-.5 1-1V4c0-.5-.5-1-1-1zm-1 18H3V8h18v13zM7 5H5V1h2v4zm12-4h-2v4h2V1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M19 14h-4v-4h4v4zm0 1h-4v4h4v-4z\"/></symbol><symbol id=\"dx-dashboard-toolbox-gauge\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M16-3C9.9-3 5 1.9 5 8s4.9 11 11 11 11-4.9 11-11S22.1-3 16-3zm0 20c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 6c-.3 0-.6.1-.8.2L11 2l-1 1 4.2 4.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M9 8c0 1.9.8 3.7 2.1 4.9l1.4-1.4C11.6 10.6 11 9.4 11 8c0-.6.1-1.2.3-1.7L9.8 4.8c-.5.9-.8 2-.8 3.2zM16 1c-1.2 0-2.3.3-3.2.8l1.5 1.5c.5-.2 1.1-.3 1.7-.3 1.4 0 2.6.6 3.5 1.5l1.4-1.4C19.7 1.8 17.9 1 16 1z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M20.9 3.1l-1.4 1.4c.9.9 1.5 2.1 1.5 3.5s-.6 2.6-1.5 3.5l1.4 1.4c1.3-1.3 2.1-3 2.1-4.9 0-1.9-.8-3.7-2.1-4.9z\"/></symbol><symbol id=\"dx-dashboard-toolbox-geoPointMap\" viewBox=\"4 -4 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"19\" cy=\"13\" r=\"3\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"20\" cy=\"3\" r=\"3\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"12\" cy=\"8\" r=\"3\"/></symbol><symbol id=\"dx-dashboard-toolbox-grid\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M5 5h4v4H5V5zm5 0h4v4h-4V5zm5 0h4v4h-4V5zM5 10h4v4H5v-4zm5 0h4v4h-4v-4zm5 0h4v4h-4v-4zM5 15h4v4H5v-4zm5 0h4v4h-4v-4zm5 0h4v4h-4v-4zm8-13c0-.6-.4-1-1-1H2c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V2zm-2 19H3V3h18v18z\"/></symbol><symbol id=\"dx-dashboard-toolbox-group\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M22 1H2c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm-1 20H3V3h18v18zM6 19h9c.6 0 1-.4 1-1v-2h2c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H9c-.6 0-1 .4-1 1v2H6c-.6 0-1 .4-1 1v9c0 .6.4 1 1 1zm1-9h7v7H7v-7z\"/></symbol><symbol id=\"dx-dashboard-toolbox-image\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M22 2H2c-.5 0-1 .5-1 1v18c0 .6.4 1 1 1h20c.5 0 1-.5 1-1V3c0-.6-.4-1-1-1zm-1 18H3V4h18v16zM7.5 8C8.3 8 9 8.7 9 9.5S8.3 11 7.5 11 6 10.3 6 9.5 6.7 8 7.5 8zM9 12l-3 4h3l1.4-2.1L9 12zm5-2l-4 6h8l-4-6z\"/></symbol><symbol id=\"dx-dashboard-toolbox-listBox\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M10 7h8v2h-8V7zM6 7h2v2H6V7zm4 4h8v2h-8v-2zm-4 0h2v2H6v-2zm4 4h8v2h-8v-2zm-4 0h2v2H6v-2zM21 1H3c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h18c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm-1 20H4V3h16v18z\"/></symbol><symbol id=\"dx-dashboard-toolbox-pie\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M5 7h10V-3C9.5-3 5 1.5 5 7z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M17-1V9H7c0 5.5 4.5 10 10 10s10-4.5 10-10S22.5-1 17-1z\"/></symbol><symbol id=\"dx-dashboard-toolbox-pieMap\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"18\" cy=\"10\" r=\"4\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"9.5\" cy=\"5.5\" r=\"2.5\"/><path class=\"dx-dashboard-accent-icon\" d=\"M8 9v6l-4.2 4.2C4.8 20.3 6.3 21 8 21c3.3 0 6-2.7 6-6s-2.7-6-6-6z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M8 9c-3.3 0-6 2.7-6 6 0 .8.2 1.6.5 2.3.2.4.3.7.6 1 .2.3.5.6.7.9L8 15V9z\"/></symbol><symbol id=\"dx-dashboard-toolbox-pivot\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M27-3H5L16 8 5 19h22v-3H12l8-8-8-8h15z\"/></symbol><symbol id=\"dx-dashboard-toolbox-rangeFilter\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M26-1H6c-.6 0-1 .4-1 1v16c0 .6.4 1 1 1h7V5L7 8.8V1h18v4l-6 6v6h7c.6 0 1-.4 1-1V0c0-.6-.4-1-1-1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M21-3V9l-2 2-6-6-2 1.3V-3H9v22h2v-2h10v2h2V-3z\"/></symbol><symbol id=\"dx-dashboard-toolbox-scatterChart\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M22 1H2c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm-1 20H3V3h18v18zM8 13c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm8-6c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm-2-7c0-1.7-1.3-3-3-3S8 6.3 8 8s1.3 3 3 3 3-1.3 3-3zm-3 1c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-toolbox-tabContainer\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M22 4H11V1c0-.5-.5-1-1-1H1C.5 0 0 .5 0 1v21c0 .5.5 1 1 1h21c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1zm-1 17H2V2h7v4h12v15z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 8h-6c-.5 0-1 .5-1 1v2H7c-.5 0-1 .5-1 1v6c0 .5.5 1 1 1h6c.5 0 1-.5 1-1v-2h2c.5 0 1-.5 1-1V9c0-.5-.5-1-1-1zm-4 9H8v-4h4v4z\"/></symbol><symbol id=\"dx-dashboard-toolbox-textBox\" viewBox=\"4 -4 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M26 3c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1h-4c-.6 0-1 .4-1 1v1H11v-1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h1v10H6c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h4c.6 0 1-.4 1-1v-1h10v1c0 .6.4 1 1 1h4c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1h-1V3h1zM7-1h2v2H7v-2zm0 18v-2h2v2H7zm14-3v1H11v-1c0-.6-.4-1-1-1H9V3h1c.6 0 1-.4 1-1V1h10v1c0 .6.4 1 1 1h1v10h-1c-.6 0-1 .4-1 1zm4 3h-2v-2h2v2zM23 1v-2h2v2h-2z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M18 11h2l-3-7h-2l-3 7h2l.4-1h3.1l.5 1zm-2.7-3l.7-1.7.7 1.7h-1.4z\"/></symbol><symbol id=\"dx-dashboard-toolbox-treemap\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M2 1c-.6 0-1 .4-1 1v20c0 .6.4 1 1 1h5V1H2z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M23 9V2c0-.6-.4-1-1-1H9v8h14zM17 18v5h5c.6 0 1-.4 1-1v-4h-6z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M17 11h6v5h-6zM9 11h6v12H9z\"/></symbol><symbol id=\"dx-dashboard-toolbox-treeView\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M14 8H2c-.6 0-1 .4-1 1v12c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V9c0-.6-.4-1-1-1zm-1 12H3V10h10v10zm-2-6H9v-2H7v2H5v2h2v2h2v-2h2v-2zM22 2H10c-.6 0-1 .4-1 1v4h2V4h10v10h-5v2h6c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1zm-6 8h3V8h-3.3c.2.3.3.6.3 1v1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M19 18H5c-.6 0-1-.4-1-1v-5l5-5 5 5 6-6v11c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-bar\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M7 20H5c-.6 0-1-.4-1-1v-5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v5c0 .6-.4 1-1 1zM13 20h-2c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v10c0 .6-.4 1-1 1zM19 20h-2c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v14c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-candle-stick\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M17 6V4h-2v2h-2v9h2v2h2v-2h2V6h-2zm0 7h-2V8h2v5z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M9 9V7H7v2H5v9h2v2h2v-2h2V9z\"/></symbol><symbol id=\"dx-dashboard-chart-series-full-stacked-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M4 5v14h16V5c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M9 11l-5 5v3c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-9l-6 6-5-5z\"/></symbol><symbol id=\"dx-dashboard-chart-series-full-stacked-bar\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M13 20h-2c-.6 0-1-.4-1-1v-8h4v8c0 .6-.4 1-1 1zM19 20h-2c-.6 0-1-.4-1-1V8h4v11c0 .6-.4 1-1 1zM7 20H5c-.6 0-1-.4-1-1v-4h4v4c0 .6-.4 1-1 1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M20 9h-4V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v4zM14 12h-4V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v7zM8 16H4V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v11z\"/></symbol><symbol id=\"dx-dashboard-chart-series-full-stacked-line\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M4 5h16v2H4z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M14 16l-5-5-5 5v3l5-5 5 5 6-6v-3z\"/></symbol><symbol id=\"dx-dashboard-chart-series-full-stacked-spline-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M19 4H5c-.6 0-1 .4-1 1v8.9s3.2 6.8 8 0c4.7-6.6 8 0 8 0V5c0-.6-.4-1-1-1z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 13c-4.8 6.8-8 0-8 0v6c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-6s-3.3-6.6-8 0z\"/></symbol><symbol id=\"dx-dashboard-chart-series-high-low-close\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M9 7H7v13h2v-3h2v-2H9z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M15 14V4h-2v12h4v-2z\"/></symbol><symbol id=\"dx-dashboard-chart-series-line\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M14 13L9 8l-5 5v3l5-5 5 5 6-6V7z\"/></symbol><symbol id=\"dx-dashboard-chart-series-points\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"6\" cy=\"18\" r=\"2\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"18\" cy=\"6\" r=\"2\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"11\" cy=\"9\" r=\"2\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"13\" cy=\"15\" r=\"2\"/></symbol><symbol id=\"dx-dashboard-chart-series-range-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M14 12L9 7l-5 5v6l5-5 5 5 6-6V6z\"/></symbol><symbol id=\"dx-dashboard-chart-series-range-bar\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M7 17H5c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v8c0 .6-.4 1-1 1zM13 20h-2c-.6 0-1-.4-1-1v-7c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v7c0 .6-.4 1-1 1zM19 13h-2c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v7c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-spline-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 8.9c-4.8 6.8-8 0-8 0v8c0 .6.4 1 1 1h14c.6 0 1-.5 1-1v-8s-3.3-6.6-8 0z\"/></symbol><symbol id=\"dx-dashboard-chart-series-spline\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M8.2 16h-.3C5.5 16 4 12.5 4 12.4l1.5-.8c.3.6 1.2 2.4 2.4 2.4 1.5 0 2.4-1.2 3.3-2.5C12.9 9 14.2 8 16 8c2.5 0 3.9 3.4 4 3.5l-1.6.9c-.3-.6-.8-2.4-2.4-2.4-1.8 0-2.5 1.3-3.3 2.5-1.4 2.1-3 3.5-4.5 3.5z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stacked-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M9 10l-5 5v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V9l-6 6-5-5z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M14 10L9 5l-5 5v6l5-5 5 5 6-6V4z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stacked-bar\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M14 15h-4V9c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v6zM8 17H4v-3c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v3zM20 12h-4V5c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v7z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M13 20h-2c-.6 0-1-.4-1-1v-5h4v5c0 .6-.4 1-1 1zM19 20h-2c-.6 0-1-.4-1-1v-8h4v8c0 .6-.4 1-1 1zM7 20H5c-.6 0-1-.4-1-1v-3h4v3c0 .6-.4 1-1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stacked-line\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M11 10l-6 6v3l6-6 6 6 2-2v-3l-2 2z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M15 9l-4-4-6 6v3l6-6 4 4 4-4V5z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stacked-spline-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 6.9c-4.8 6.8-8 0-8 0V14s3.2 6.4 8 0c4.7-6.3 8 0 8 0V6.9s-3.3-6.6-8 0z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 13c-4.7 6.5-8 0-8 0v6c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-6s-3.3-6.6-8 0z\"/><g><path class=\"dx-dashboard-accent-icon\" d=\"M12 6.9c-4.8 6.8-8 0-8 0V14s3.2 6.4 8 0c4.7-6.3 8 0 8 0V6.9s-3.3-6.6-8 0z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 13c-4.7 6.5-8 0-8 0v6c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-6s-3.3-6.6-8 0z\"/></g></symbol><symbol id=\"dx-dashboard-chart-series-step-area\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M5 20h14c.6 0 1-.4 1-1V9h-4V4h-4v11H8v-3H4v7c0 .6.4 1 1 1z\"/></symbol><symbol id=\"dx-dashboard-chart-series-step-line\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 4v14H8v-4H4v2h2v4h8V6h4v9h2V4z\"/></symbol><symbol id=\"dx-dashboard-chart-series-stock\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M10 7H8v3H6v2h2v8h2v-3h2v-2h-2z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 14V4h-4v2h2v10h4v-2z\"/></symbol><symbol id=\"dx-dashboard-chart-series-weighted\" viewBox=\"0 0 24 24\"><circle class=\"dx-dashboard-contrast-icon\" cx=\"7\" cy=\"17\" r=\"2\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"12\" cy=\"9\" r=\"4\"/><circle class=\"dx-dashboard-contrast-icon\" cx=\"16.5\" cy=\"15.5\" r=\"2.5\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-full\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 10c-.3 0-.6.1-.8.2L5 4 4 5l6.2 6.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-half\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M12 9c3.3 0 6 2.7 6 6h2c0-4.4-3.6-8-8-8s-8 3.6-8 8h2c0-3.3 2.7-6 6-6z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 9c3.3 0 6 2.7 6 6h2c0-4.4-3.6-8-8-8s-8 3.6-8 8h2c0-3.3 2.7-6 6-6z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 13c-.3 0-.6.1-.8.2L5 7 4 8l6.2 6.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-left-quarter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M6 17h2c0-5 4-9 9-9V6C10.9 6 6 10.9 6 17z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M16 14c-.3 0-.6.1-.8.2L8 7 7 8l7.2 7.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-right-quarter\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M18 17h-2c0-5-4-9-9-9V6c6.1 0 11 4.9 11 11z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M8 14c.3 0 .6.1.8.2L16 7l1 1-7.2 7.2c.1.2.2.5.2.8 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-circular-three-fourth\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-accent-icon\" d=\"M20 13c0-4.4-3.6-8-8-8s-8 3.6-8 8c0 2.2.9 4.2 2.4 5.6l1.4-1.4C6.7 16.1 6 14.7 6 13c0-3.3 2.7-6 6-6s6 2.7 6 6c0 1.7-.7 3.1-1.8 4.2l1.4 1.4c1.5-1.4 2.4-3.4 2.4-5.6z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M20 13c0-4.4-3.6-8-8-8s-8 3.6-8 8c0 2.2.9 4.2 2.4 5.6l1.4-1.4C6.7 16.1 6 14.7 6 13c0-3.3 2.7-6 6-6s6 2.7 6 6c0 1.7-.7 3.1-1.8 4.2l1.4 1.4c1.5-1.4 2.4-3.4 2.4-5.6z\"/><path class=\"dx-dashboard-contrast-icon\" d=\"M12 11c-.3 0-.6.1-.8.2L5 5 4 6l6.2 6.2c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-gauge-linear-horizontal\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M4 10h16v4H4z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M4 10h10v4H4z\"/></symbol><symbol id=\"dx-dashboard-gauge-linear-vertical\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M10 4h4v16h-4z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M10 10h4v10h-4z\"/></symbol><symbol id=\"dx-dashboard-grid-column-delta\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 4L4 20h16L12 4zm-1 6l4 8H7l4-8z\"/></symbol><symbol id=\"dx-dashboard-grid-column-dimension\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M20 17l-4-3v2H8V8h2L7 4 4 8h2v10h10v2z\"/></symbol><symbol id=\"dx-dashboard-grid-column-hyperlink\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M7.8 15l-.5-2.2H5.2L4.7 15H3l2.3-9h1.9l2.2 9H7.8zM6.4 8.6c0-.2-.1-.5-.1-1v-.2c-.1.6-.2.9-.2 1.1l-.6 2.9H7l-.6-2.8zM10.3 15V6h2.5c1.6 0 2.3.7 2.3 2.1 0 .5-.1.9-.4 1.3-.2.4-.6.6-1 .7.5.1.8.3 1.1.7.3.4.4.9.4 1.4 0 .8-.2 1.5-.6 2-.4.5-1 .7-1.8.7h-2.5zm1.6-7.5v2.2h.7c.3 0 .5-.1.7-.3s.3-.5.3-.8c0-.7-.4-1-1.1-1h-.6zm0 3.6v2.4h.8c.3 0 .6-.1.8-.3s.3-.5.3-.9-.1-.6-.3-.8c-.2-.2-.4-.3-.7-.3h-.9zM21 14.6c-.5.3-1 .4-1.6.4-1 0-1.8-.4-2.4-1.2-.6-.8-.9-1.8-.9-3.1 0-1.5.3-2.7.9-3.5S18.5 6 19.6 6c.5 0 1 .1 1.4.3v1.6c-.4-.3-.8-.5-1.3-.5-.6 0-1 .3-1.4.8-.3.6-.5 1.3-.5 2.3 0 .9.2 1.7.5 2.2.3.5.8.8 1.3.8s.9-.2 1.4-.5v1.6zM3 17h18v1H3z\"/></symbol><symbol id=\"dx-dashboard-grid-column-measure\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M20 5H4l7 7-7 7h16v-2H9l5-5-5-5h11z\"/></symbol><symbol id=\"dx-dashboard-grid-column-sparkline\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M20 7c-1.1 0-2 .9-2 2 0 .3.1.6.2.8l-3.4 3.4c-.2-.1-.5-.2-.8-.2s-.6.1-.8.2l-2.4-2.4c.1-.3.2-.5.2-.8 0-1.1-.9-2-2-2s-2 .9-2 2c0 .3.1.6.2.8l-2.4 2.4c-.2-.1-.5-.2-.8-.2-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2c0-.3-.1-.6-.2-.8l2.4-2.4c.2.1.5.2.8.2s.6-.1.8-.2l2.4 2.4c-.1.2-.2.5-.2.8 0 1.1.9 2 2 2s2-.9 2-2c0-.3-.1-.6-.2-.8l3.4-3.4c.3.1.5.2.8.2 1.1 0 2-.9 2-2s-.9-2-2-2z\"/></symbol><symbol id=\"dx-dashboard-pie-donut\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M8 12c0-2.2 1.8-4 4-4V4c-4.4 0-8 3.6-8 8 0 2.2.9 4.2 2.3 5.7l2.8-2.8C8.4 14.1 8 13.1 8 12z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 4v4c2.2 0 4 1.8 4 4s-1.8 4-4 4c-1.1 0-2.1-.4-2.8-1.2l-2.8 2.8C7.8 19.1 9.8 20 12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8z\"/></symbol><symbol id=\"dx-dashboard-pie-pie\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M12 4c-4.4 0-8 3.6-8 8 0 2.2.9 4.2 2.3 5.7L12 12V4z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 4v8l-5.7 5.7C7.8 19.1 9.8 20 12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8z\"/></symbol><symbol id=\"dx-dashboard-sparkline-win-loss\" viewBox=\"0 0 24 24\"><path class=\"dx-dashboard-contrast-icon\" d=\"M2 13v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1zM7 13v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H8c-.6 0-1-.4-1-1zM18 13v-2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1z\"/><path class=\"dx-dashboard-accent-icon\" d=\"M12 13v-2c0-.6.4-1 1-1h3c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-3c-.6 0-1-.4-1-1z\"/></symbol></svg>", "HtmlResources": "<script type=\"text/html\" id=\"dx-dashboard-control\"> <div class=\"dx-dashboard-widget-container dx-dashboard-control dx-dashboard-typography dx-dashboard-theme dx-viewport dx-designer-viewport\" data-bind=\"css: colorSchemeCss\"> <!-- ko foreach: externalTemplates --> <!-- ko template: $data --> <!-- /ko --> <!-- /ko --> <div class=\"dx-dashboard-surface\" data-bind=\"style: { left: surfaceLeft() + 'px' }, css: $data.classList()\"> <!-- ko if: isDashboardLoaded()  --> <!-- ko template: $data.layoutTemplate() --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: isDashboardLoaded()  --> <div class=\"dx-dashboard-no-visible-dashboard\"> <div> <!-- ko if: isLoading() --> <div class=\"dx-dashboard-control-loading\" data-bind=\"text:$root.getLocalizationById('DashboardStringId.MessageLoading')\"></div> <!-- /ko --> <!-- ko ifnot: isLoading() --> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.NoDashboards')\"></div><br /> <!-- ko foreach: emptyControlTemplates --> <!-- ko template: $data --> <!-- /ko --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- ko template:  { name: \"dx-dashboard-notification-controller\", data: notificationController._viewModel } --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-resizable-layout\"> <!-- ko if: componentArgs --> <dashboard-docking-layout data-bind=\"css: cssClasses\" params=\"componentArgs: componentArgs\"></dashboard-docking-layout> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-docking-layout\"> <!-- ko if: title.showTitle() --> <div data-bind=\"style: title.containerStyles\"> <dashboard-title data-bind=\"style: title.styles\" params=\"componentArgs: title.componentArgs\"></dashboard-title> </div> <!-- /ko --> <div data-bind=\"dxScrollView: scrollView.options, style: scrollView.styles\" class=\"dx-dashboard-layout-container\"> <div data-bind=\"style: scrollView.contentWrapperStyles, dx-dashboard-element-accessor: layoutMainElementEvents\"> <!-- ko with: layout --> <dx-layout-item data-bind=\"css: { 'dx-state-underlying-selection': $data.areChildrenSelected() }\" class=\"dx-layout-item dx-layout-root\" params=\"layoutItem: $data\"></dx-layout-item> <!-- /ko --> </div> </div> <!-- ko if: fullscreenItemModel.visible() --> <div class=\"dx-dashboard-fullscreen-item-base\" data-bind=\"style: fullscreenItem.styles\"> <div class=\"dx-layout-item-wrapper dx-dashboard-fullscreen-item\"> <div class=\"dx-layout-item-container dx-dashboard-container\" data-bind=\" dx-dashboard-item-binding: { dashboardItem: fullscreenItemModel.viewModel().dashboardItem, dashboardContext: fullscreenItemModel.viewModel().dashboardContext, localContext:  fullscreenItemModel.viewModel().localContext, sizeController: fullscreenItemModel.viewModel().getSizeController($element) }\"> </div> </div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-mobile-layout\"> <!-- ko if: componentArgs --> <dashboard-mobile-layout-widget params=\"componentArgs: componentArgs\" class=\"dx-dashboard-viewer dx-dashboard-container dx-dashboard-mobile-layout-widget dxb-position-absolute dxb-b0 dxb-t0 dxb-l0 dxb-r0\" > </dashboard-mobile-layout-widget> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-mobile-layout-widget\"> <!-- ko template: { name: 'dx-dashboard-mobile-title', data: titleViewModel } --> <!-- /ko --> <div data-bind=\"dxList: layoutViewModel, style: { top: titleViewModel.height() + 'px' }\" class=\"dx-dashboard-mobile-layout dx-dashboard-container dxb-position-absolute\"> <div data-options=\"dxTemplate:{ name: 'item' }\"> <!-- ko template: $data --> <!-- /ko --> </div> </div> <!-- ko template: { name: 'dx-dashboard-mobile-fullscreen-item', data: fullscreenItemViewModel } --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-mobile-item-master-filters', data: itemMasterFiltersViewModel } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-mobile-title\"> <dashboard-title params=\"componentArgs: { options: options, width: width, height: height, encodeHtml: encodeHtml, className: className }\"></dashboard-title></script><script type=\"text/html\" id=\"dx-dashboard-mobile-fullscreen-item\"> <div data-bind=\"dxOverlay: { shading: false, width: width, height: height, deferRendering: true, visible: visible, animation: { show: { type: 'slide', duration: 400, from: { position: { my: 'left', at: 'right', of: window } }, to: { position: { my: 'center', at: 'center', of: window } } }, hide: { type: 'slide', duration: 400, from: { position: { my: 'center', at: 'center', of: window } }, to: { position: { my: 'left', at: 'right', of: window } } } }, onInitialized: onInitialized, onDisposing: onDisposing, wrapperAttr: { class: 'dx-dashboard-fullscreen-item-popup' }, position: { my: 'left top', at: 'left top' } }\"> <!-- ko if: visible --> <!-- ko with: itemViewModel --> <dashboard-standalone-item class=\"dx-dashboard-container dx-dashboard-theme dxb-w100 dxb-h100 dxb-d-block\" params=\"dashboardItem: dashboardItem, dashboardContext: dashboardContext, localContext: localContext, repaintRequest: repaintRequest, \"></dashboard-standalone-item> <!-- /ko --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-mobile-layout-item\"> <div class=\"dx-dashboard-mobile-layout-maximize-icon\" data-bind=\" css: { 'dx-dashboard-mobile-layout-maximize-icon-selected': isReadyForAction() }, style: { 'opacity': maximizeIconOpacity()  } \"> <svg><use xlink:href=\"#dx-dashboard-maximize-item\"></use></svg> <div>Maximize</div> </div> <dashboard-standalone-item data-bind=\"style: { 'transform': 'translateX(' + itemOffsetInPixels() + 'px)'  }\" class=\"dx-dashboard-standalone-item-container dx-state-disabled\" params=\"dashboardItem: dashboardItem, dashboardContext: dashboardContext, localContext: localContext, repaintRequest: repaintRequest, \"></dashboard-standalone-item> <div class=\"dx-dashboard-mobile-layout-item-shield\" data-bind=\" dxclick: click, dxpointerdown: selectItem, dxpointerup: unselectItem, dxpointermove: unselectItem \"></div> <!--dxswipestart: { execute: swipestart, direction: 'horizontal' }, dxswipe: { execute: swipeupdate, direction: 'horizontal' }, dxswipeend: { execute: swipeend, direction: 'horizontal' }--> </script><script type=\"text/html\" id=\"dx-dashboard-mobile-item-master-filters\"> <div data-bind=\" dxOverlay: { height: masterFiltersPopup.height, width: masterFiltersPopup.width, hideOnOutsideClick: true, visible: masterFiltersPopup.visible, onHiding: function() { closeMasterFiltersPopup() }, position: { my: 'bottom', at: 'bottom', of: window } , animation: { show: { type: 'slide', duration: 250, from: { position: { my: 'top', at: 'bottom', of: window } } }, hide: { type: 'slide', duration: 250, to: { position: { my: 'top', at: 'bottom', of: window } } } }, onInitialized: masterFiltersPopup.onInitialized, onDisposing: masterFiltersPopup.onDisposing, wrapperAttr: { class: 'dx-dashboard-master-filters-popup' } }\"> <div class=\"master-filters-list-container\"> <div class=\"master-filters-list-spring\" data-bind=\"style: { flex: maximizeFiltersPopup() ? 0 : 1 }, dxclick: function() { closeMasterFiltersPopup() }\"> </div> <div class=\"master-filters-list master-filter-popup\" data-bind=\"style: { flex: maximizeFiltersPopup() ? 1 : 0 }\"> <!-- ko foreach: masterItems--> <div class=\"dx-dashboard-masters-preview-item\" data-bind=\"dxclick: click\"> <div class=\"dx-dashboard-masters-preview-item-name\" data-bind=\"text: name\"></div> <div class=\"dx-dashboard-masters-preview-filtervalues\"> <!-- ko foreach: filterValues --> <b data-bind=\"text: name\"></b>:<span data-bind=\"text: valuesString\"></span> <!-- /ko --> </div> </div> <!-- /ko --> </div> </div> <div class=\"apply-buttons dxb-position-absolute dxb-b0 dxb-l0 dxb-r0\"> <div data-bind=\"dxButton: { text:  $root.getLocalizationById('DashboardStringId.ButtonOK'), onClick: closeMasterFiltersPopup, type: 'default' }\"> </div> </div> </div> <div data-bind=\"dxOverlay: { height: masterFilterMaximizedItemPopup.height, width: masterFilterMaximizedItemPopup.width, hideOnOutsideClick: true, onHiding: function() { closeMasterFilterItemPopup() }, visible: masterFilterMaximizedItemPopup.visible, position: { my: 'bottom', at: 'bottom', of: window } , animation: { show: { type: 'slide', duration: 250, from: { position: { my: 'top', at: 'bottom', of: window } } }, hide: { type: 'slide', duration: 250, to: { position: { my: 'top', at: 'bottom', of: window } } } }, onInitialized: masterFilterMaximizedItemPopup.onInitialized, onDisposing: masterFilterMaximizedItemPopup.onDisposing, wrapperAttr: { class: 'dx-dashboard-master-filters-popup' } }\"> <!-- ko with: masterFilterItem --> <div class=\"master-filter-popup dxb-position-absolute dxb-b70px dxb-t0 dxb-l0 dxb-r0 dxb-d-block\"> <dashboard-standalone-item class=\"dx-dashboard-standalone-item-container dx-dashboard-container dx-dashboard-theme\" params=\"dashboardItem: dashboardItem, dashboardContext: dashboardContext, localContext: localContext, repaintRequest: repaintRequest, \"></dashboard-standalone-item> </div> <!-- /ko --> <div class=\"apply-buttons dxb-position-absolute dxb-b0 dxb-l0 dxb-r0\"> <div data-bind=\"dxButton: { text: $root.getLocalizationById('DashboardStringId.ButtonOK'), onClick: closeMasterFilterItemPopup, type: 'default' }\"> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-notification-controller\"> <div data-bind=\"dxToast: { type: 'custom', visible: visible() && !suspended(), width: 'auto', target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'bottom right', at: 'bottom right', offset: '0 0', boundary: $root.getWidgetContainer(), of: $root.getWidgetContainer() }, displayTime: displayTime, closeOnClick: true, onHidden: onHidden, closeOnSwipe: false, onInitialized: onInitialized }\"> <div class=\"dx-dashboard-notificator\" data-bind=\"foreach: notifications, css: {  'dx-dashboard-error': type() === 'error', 'dx-dashboard-success': type() === 'success', 'dx-dashboard-info': type() === 'info'} \"> <h1 data-bind=\"text: title\"></h1> <!-- ko if: detail !== null --> <span data-bind=\"text: detail\"></span> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-item\"> <div class=\"dx-layout-item-container\" data-bind=\"dx-dashboard-item-binding: { dashboardItem: $data.viewModel.model.item, dashboardContext: $data.getContext(), localContext: $data.getLocalContext(), sizeController: $data.sizeController }, css: { 'dx-layout-item-selected': isSelected }\"> </div> <!-- ko if: isDesignMode --> <div class=\"dx-layout-item-cover dx-layout-float-cover\" data-bind=\"dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"></div> <!-- ko if: isSelected --> <!-- ko template: getContextMenu() --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-item-plate' } --> <!-- /ko --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-item-state-loading\"> <div class=\"dx-dashboard-layout-state dx-layout-item-loading\"> <div class=\"dx-dashboard-control-loading\" data-bind=\"text:$root.getLocalizationById('DashboardStringId.MessageLoading')\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-state-empty\"> <div class=\"dx-dashboard-layout-state dx-dashboard-layout-state-empty dx-layout-item-empty\" data-bind=\"class: sizeClass\"> <!-- ko if: $data --> <svg class=\"dx-dashboard-item-type-icon\"><use data-bind=\"xlinkHref: icon\"></use></svg> <div class=\"dx-dashboard-item-type-title\" data-bind=\"text: title\"></div> <!-- /ko --> <div class=\"dx-dashboard-layout-state-content\"> <!-- ko if: $parent.getEmptyItemTemplates --> <!-- ko template: $parent.getEmptyItemTemplates() --> <!-- /ko --> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-state-error\"> <div class=\"dx-dashboard-layout-state dx-dashboard-layout-state-error dx-layout-item-empty\" data-bind=\"class: sizeClass\"> <!-- ko if: $data --> <svg class=\"dx-dashboard-item-type-icon\"><use data-bind=\"xlinkHref: icon\"></use></svg> <div class=\"dx-dashboard-item-type-title\" data-bind=\"text: title\"></div> <!-- /ko --> <div class=\"dx-dashboard-layout-state-content dx-dashboard-layout-text\"> <p data-bind=\"text: errorState() && errorState().title\"></p> <p data-bind=\"text: errorState() && errorState().detail\"></p> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-standalone-item\"> <div class=\"dx-dashboard-standalone-item\" data-bind=\"css: {'dx-dashboard-widget-container': isStandalone, 'dx-dashboard-typography': isStandalone  }, dx-dashboard-item-binding: { dashboardItem: $data.dashboardItem, dashboardContext: $data.dashboardContext, localContext: $data.localContext, sizeController: $data.sizeController }\"> </div></script><script type=\"text/html\" id=\"dx-layout-item\"> <!-- ko with: layoutItem --> <div class=\"dx-layout-item-wrapper\" data-bind=\"dx-ko-resizable: { getWidgetContainer: $root.getWidgetContainer, layoutItem: $data }, visible: visible\"> <!-- ko if: viewModel.hasItem() --> <!-- ko template: viewModel.template || 'dx-layout-item-container' --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: viewModel.hasItem() --> <!-- ko template: 'dx-layout-group-container' --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-layout-item-container\"> <div class=\"dx-layout-item-container\" data-bind=\"style: { width: containerWidth() + 'px', height: containerHeight() + 'px' }\"></div> <!-- ko if: isDesignMode --> <div class=\"dx-layout-item-cover\" data-bind=\"dxclick: coverClickHandler, css: itemStyle\" draggable=\"true\"></div> <div class=\"dx-layout-item-plate\" data-bind=\"visible: isSelected\" draggable=\"true\"></div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-layout-group-container\"> <div class=\"dx-layout\"> <!-- ko if: viewModel.orientation() === 'Horizontal' --> <div class=\"dx-layout-group\"> <!-- ko foreach: items --> <dx-layout-item class=\"dx-layout-item\" params=\"layoutItem: $data\"></dx-layout-item> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: viewModel.orientation() === 'Vertical' --> <!-- ko foreach: items --> <div class=\"dx-layout-group\"> <dx-layout-item class=\"dx-layout-item\" params=\"layoutItem: $data\"></dx-layout-item> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: items().length === 0 && !!$data.getPlaceholder --> <div data-bind=\"style: { width: containerWidth() + 'px', height: containerHeight() + 'px' }\"> <!-- ko with: $data.getPlaceholder() --> <!-- ko template: viewModel.template --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-empty-item-templates\"> <!-- ko foreach: $data --> <!-- ko template: $data --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-item-placeholder\"> <!-- ko if: $parent.isDesignMode() --> <div class=\"dx-layout-item-placeholder\" data-bind=\"css: itemStyle\"> <!-- ko if: !dragOverLocation() --> <!-- ko template: getLayoutItemPlaceholder() --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-group\"> <dx-dashboard-layout-group params=\"layoutItem: $data\"></dx-dashboard-layout-group></script><script type=\"text/html\" id=\"dx-dashboard-layout-group\"> <!-- ko with: layoutItem --> <div class=\"dx-layout-item-container\" data-bind=\"dx-dashboard-layout-group-binding: { dashboardContext: $data.getContext(), localContext: $data.getLocalContext(), sizeController: $data.sizeController, dashboardItem: $data.viewModel.model.item, headerHeight: $parent.headerHeight }\"></div> <!-- ko if: isDesignMode --> <div class=\"dx-layout-item-cover\" data-bind=\" dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"> </div> <!-- /ko --> <!-- ko if: items().length !== 0 --> <div data-bind=\"style: { top: $parent.headerHeight() + 'px', padding: $parent.padding() + 'px' }\" class=\"dxb-position-absolute dxb-b0\"> <!-- ko template: 'dx-layout-group-container' --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: items().length === 0 && isDesignMode() --> <div class=\"dx-layout-item-cover\" data-bind=\" dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"> <div data-bind=\"style: { top: $parent.headerHeight() + 'px', padding: $parent.padding() + 'px' }\" class=\"dxb-position-absolute dxb-b0 dxb-l0 dxb-r0\"> <!-- ko with: $data.getPlaceholder() --> <!-- ko template: viewModel.template --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> <!-- ko if: isSelected --> <!-- ko template: getContextMenu() --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-item-plate' } --> <!-- /ko --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-tab-container\"> <dx-dashboard-layout-tab-container params=\"layoutItem: $data\"></dx-dashboard-layout-tab-container></script><script type=\"text/html\" id=\"dx-dashboard-layout-tab-container\"> <!-- ko with: layoutItem --> <dashboard-layout-tabs params=\"layoutItem: $data, headerHeight: $parent.headerHeight\" class=\"dx-layout-item-container dx-dashboard-item-container dx-dashboard-tabs-container\"> </dashboard-layout-tabs> <!-- ko if: isDesignMode --> <div class=\"dx-layout-item-cover\" data-bind=\" dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"> </div> <!-- /ko --> <!-- ko if: $parent.activeItems().length !== 0 --> <!-- ko if: $parent.activeItems()[0].items().length !== 0 --> <div data-bind=\"style: { top: $parent.headerHeight() + 'px', padding: $parent.padding() + 'px' }\" class=\"dx-dashboard-tabs-content\"> <!-- ko template: 'dx-layout-group-container' --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: $parent.activeItems()[0].items().length === 0 && isDesignMode() --> <div class=\"dx-layout-item-cover\" data-bind=\" dxclick: coverClickHandler, event: { mouseover: coverMouseOverHandler }, css: itemStyle\"> <div data-bind=\"style: { top: $parent.headerHeight() + 'px', padding: $parent.padding() + 'px' }\" class=\"dx-dashboard-tabs-content dx-dashboard-design\" > <!-- ko with:  $parent.activeItems()[0].getPlaceholder() --> <!-- ko template: viewModel.template --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: $parent.activeItems().length === 0 && isDesignMode() --> <div> </div> <!-- /ko --> <!-- ko if: isSelected --> <!-- ko template: getContextMenu() --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-item-plate' } --> <!-- /ko --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-layout-tabs\"> <div class=\"dx-dashboard-layout-tabs-container\"> <div class=\"dx-dashboard-layout-tabs dx-dashboard-stretched\" data-bind=\"dxTabs: { items: tabPageBindings, itemTemplate: 'dx-dasbhoard-layout-tab-item', selectionMode: 'single', keyExpr: 'id', selectedItemKeys: selectedItemKeys, onSelectionChanged: onSelectionChanged, hoverStateEnabled: true, scrollingEnabled: false, focusStateEnabled: false}\"> <div data-options=\"dxTemplate:{ name:'dx-dasbhoard-layout-tab-item' }\" class='dx-dashboard-tab-content'> <div class=\"dx-dashboard-standalone-item\" data-bind=\"dx-dashboard-layout-tab-binding: { dashboardItem: $data.dashboardItem, dashboardContext: $data.context, localContext: $data.localContext, sizeController: $data.sizeController, ignoreBorder: $data.ignoreBorder }\"> </div> <div class=\"dx-dashboard-cover\"></div> </div> </div> <!-- ko if: showMenu() --> <div class=\"dx-dashboard-tab-button dx-dashboard-toggle-menu-button\" data-bind=\"click: toggleMenu\"> <div> <svg><use xlink:href=\"#dx-dashboard-open-tab-pages\"></use></svg> </div> </div> <!-- /ko --> <!-- ko if: showAddButton() --> <div class=\"dx-dashboard-tab-button dx-dashboard-create-tab-page-button\" data-bind=\"click: createTabPage\"> <div> <svg><use xlink:href=\"#dx-dashboard-ce-add\"></use></svg> </div> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-working-mode-extension\"> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'left top', at: 'left top', collision: 'flipfit', boundaryOffset: '0, 0', boundary: $root.getWidgetContainer(), of:  $root.getWidgetContainer(), offset: '0, 0' }, animation: enableAnimation () ? { show: { type: 'slide', from: { left: panelWidth() * -1 }, to: { left: 0 }, duration: 500 }, hide: { type: 'slide', from: { left: 0 }, to: { left: panelWidth() * -1 }, duration: 500 } } : null, focusStateEnabled: false, showCloseButton: isMobile, dragEnabled: false, width: panelWidth, height: '100%', shading: false, toolbarItems: [{ text: $root.getLocalizationById('DashboardWebStringId.Dashboards'), location: 'before', toolbar: 'top', }], hideOnOutsideClick: false, onInitialized: onPopupInitialized, onDisposing: onPopupDisposing, onContentReady: function() { enableAnimation(true) }, visible: visible, wrapperAttr: { class: isMobile() ? 'dx-dashboard-card-view-panel dx-dashboard-panel-extension dx-dashboard-typography' : 'dx-dashboard-panel-extension dx-dashboard-typography' } }\"> <div class=\"dx-dashboard-dashboard-list dx-dashboard-typography\" data-bind=\"dxList: listOptions, css: { 'dx-dashboard-dashboard-list-full': !allowSwitchToDesigner(), 'dx-dashboard-dashboard-list-clipped': allowSwitchToDesigner() }\"> <div data-options=\"dxTemplate:{ name: 'dashboard-card-view' }\"> <div class=\"dx-dashboard-card-view\"> <div class='dx-dashboard-card-name' data-bind=\"text: name\"></div> </div> </div> <div data-options=\"dxTemplate:{ name: 'dashboard-preview' }\"> <div class=\"dx-dashboard-preview\" data-bind=\"css: { 'dx-dashboard-minimized': hidden }\"> <div class='dx-dashboard-image-container' data-bind=\"css: { 'dx-dashboard-hidden': hidden }\"> <img class=\"dx-dashboard-image\" data-bind=\"attr: { src: imageUrl, alt: name }, event: { error: hide }\" /> </div> <div class=\"dx-dashboard-name-container\"> <div class='dx-dashboard-name' data-bind=\"text: name\"></div> </div> </div> </div> <div data-options=\"dxTemplate:{ name: 'dashboard-list-item' }\"> <div data-bind=\"text: name\"></div> </div> </div> <!-- ko if: allowSwitchToDesigner --> <!-- ko template: 'dx-dashboard-edit-in-designer-button' --> <!-- /ko --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-edit-in-designer-button-icon\"> <div class=\"dx-dashboard-edit-in-designer-button-icon\"> <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 32 32\" xml:space=\"preserve\"> <g> <path class=\"editDashboardIcon\" d=\"M25.5,5.5C23.3,3.3,20.3,2,17,2C10.5,2,5.3,7.1,5,13.5C6,13.2,7,13,8,13c5,0,9,4,9,9c0,1.4-0.3,2.8-0.9,4 c0.3,0,0.6,0,0.9,0c6.6,0,12-5.4,12-12H17L25.5,5.5z\" /> <path class=\"editDashboardIcon\" d=\"M32,13c0-3.3-1.3-6.3-3.5-8.5L20,13H32z\" /> <path class=\"editDashboardIcon\" d=\"M8,14c-4.4,0-8,3.6-8,8s3.6,8,8,8s8-3.6,8-8S12.4,14,8,14z M13.7,24H9.3l1.7-5l-4.2,5H2.3 C2.1,23.4,2,22.7,2,22c0-3.3,2.7-6,6-6s6,2.7,6,6C14,22.7,13.9,23.4,13.7,24z\" /> </g> </svg> </div></script><script type=\"text/html\" id=\"dx-dashboard-edit-in-designer-button\"> <div class=\"dx-dashboard-edit-in-designer-button\" data-bind=\"dxButton: { onClick: switchToDesigner, type: 'default', template: 'template' }\"> <div data-options=\"dxTemplate: { name: 'template' }\" class=\"designer-button-content\"> <!-- ko template: 'dx-dashboard-edit-in-designer-button-icon' --> <!-- /ko --> <div class=\"dx-dashboard-edit-in-designer-button-text\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.EditInDesigner')\"></div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-working-mode-extension-viewer-button\"> <div class=\"dx-dashboard-viewer-button\" data-bind=\"dxButton: { onClick: click, type: 'default', text: $root.getLocalizationById('DashboardWebStringId.Viewer') }\"> </div></script><script type=\"text/html\" id=\"dx-dashboard-data-inspector-extension\"> <div data-bind=\"dxPopup: _getPopupOptions()\"> <!-- ko if: allowSwitchInspectedDataType --> <div class=\"dx-dashboard-inspected-data-type-chooser\"> <span class=\"dx-dashboard-inspected-data-type-text\" data-bind=\"text: $root.getLocalizationById('DashboardStringId.InspectedData')\"></span> <div class=\"dx-dashboard-inspected-data-radio-group\" data-bind=\"dxRadioGroup: { layout: 'horizontal', displayExpr: 'text', valueExpr: 'value', dataSource: avaliableInspectedDataType, value: inspectedDataType }\"> </div> </div> <!-- /ko --> <!-- ko with: gridOptions --> <div class=\"dx-dashboard-data-inspector-grid\" data-bind=\"dxDataGrid: $data\"></div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-button-group-template\"> <div data-bind=\"dxButtonGroup: $data\"></div></script><script id=\"dx-dashboard-calc-field-editor\" type=\"text/html\"> <!-- ko with: viewModel --> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'center', at: 'center', of: $root.getWidgetContainer(), boundary: $root.getWidgetContainer() }, height: '80%', width: '688px', maxHeight: '800px', minHeight: '500px', maxWidth: '80%', minWidth:'600px', animation: { }, focusStateEnabled: true, hideOnOutsideClick: false, toolbarItems: toolbarItems, visible: popupVisible, showTitle: true, hideOnParentScroll: false, title: $root.getLocalizationById('DashboardWebStringId.DataSources.EditCalculatedField'), wrapperAttr: { class: 'dx-dashboard-calc-field-editor-popup' }, resizeEnabled: true, onResize: function() { $data.resizeAceEditor(); } }\"> <div class=\"dx-dashboard-calc-field-dialog dxb-h100\"> <div class=\"dx-fieldset\"> <div class=\"dx-field\"> <div class=\"dx-field-label\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.CalculatedField.Name')\"></div> <div class=\"dx-field-value\"> <div data-bind=\"dxTextBox: { value: name }, dxValidator: { isValid: isCalcFieldNameValid, validationRules: nameValidationRules }\"></div> </div> </div> <div class=\"dx-field\"> <div class=\"dx-field-label\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.CalculatedField.FieldType')\"></div> <div class=\"dx-field-value\"> <div data-bind=\"dxSelectBox: { dataSource: availableTypes, valueExpr: 'value', displayExpr: 'displayValue', value: fieldType, displayCustomValue: true, editEnabled: false, dropDownOptions: { container: $root.getWidgetContainer() } }\"></div> </div> </div> </div> <div class=\"dx-dashboard-calc-field-expression\" data-bind=\"css: { 'dx-invalid': !expressionEditable.isValid() }\"> <div class=\"dx-designer dx-expressioneditor dxb-h100\" data-bind=\"dshdExpressionEditor: { options: expressionEditable, onResize: onResize, fieldListProvider: itemsProvider, displayNameProvider: displayNameProvider, saveHandler: saveHandler }\" ></div> </div> </div> </div> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-calculation-expression-editor'> <!--ko with: viewModel --> <div data-bind=\"dxPopup: { showTitle: true, title: $root.getLocalizationById('AnalyticsCoreStringId.ExpressionEditor_ExpressionCaption'), visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: '70%', width: '645px', animation: { }, maxHeight: '800px', minHeight: '500px', maxWidth: '80%', minWidth:'600px', container: $root.getWidgetContainer(), position: { of: $root.getWidgetContainer(), boundary: $root.getWidgetContainer() }, wrapperAttr: { class: 'dx-designer dx-expressioneditor dx-popup-general' }, resizeEnabled: true, onResize: function() { $data.resizeAceEditor(); } }\"> <div class=\"dxb-h100\"> <!-- ko template: \"dx-expressioneditor-main\" --> <!-- /ko --> </div> </div> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-window-definition-editor'> <div class=\"dx-dashboard-window-definition-editor\"> <dx-dashboard-button-group class=\"dx-dashboard-window-definition-selector\" params=\"value: mode, values: dataSource\"></dx-dashboard-button-group> <!-- ko with: formAdapterWrapper --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-color-scheme\"> <div class=\"dx-dashboard-form-wrapper\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column dx-dashboard-color-scheme-editor-form\"> <div class=\"dx-dashboard-form-column-content-wrapper dx-dashboard-coloring-form-color-tables-panel\"> <!-- ko with: colorSchemeModel --> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.ColorSchemes')\"></span> </div> <!-- ko if: editableSignatures().length > 0 --> <div class=\"dx-dashboard-list dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-color-tables-list\" data-bind=\"dxList: { dataSource: editableSignatures, selectedItems: selectedSignatures, selectionMode: 'single', keyExpr: 'key', nextButtonText: $root.getLocalizationById('DashboardWebStringId.More') }\"> <div class=\"dx-dashboard-color-table-item\"> <div class=\"dx-dashboard-color-table-item-description\"> <div> <!-- ko foreach: dataItems --> <div class=\"dx-dashboard-color-definition-tree\" data-bind=\"style: { 'margin-left': ($index() > 1 ? ($index() -1) * 21 : 0).toString() + 'px' }\"> <!-- ko if: $index() > 0 --> <svg><use xlink:href=\"#dx-dashboard-tree-connector\" /></svg> <!-- /ko --> <span data-bind=\"text: $data, attr: { title: $data }\"></span> </div> <!-- /ko --> <div class=\"dx-dashboard-definition-container\"> <span class=\"dx-dashboard-definition-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.ColorSchemeType')\"></span>:&nbsp; </span> <span data-bind=\"text: typeText, attr: {title: typeText}\"></span> </div> <div class=\"dx-dashboard-definition-container\"> <span class=\"dx-dashboard-definition-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardStringId.DefaultDataSourceName')\"></span>:&nbsp; </span> <span data-bind=\"text: _getDataSourceText($parents[1].getDataSourceName(dataSource)), attr: { title: _getDataSourceText($parents[1].getDataSourceName(dataSource)) }\"></span> </div> </div> </div> <!-- ko if: !$parent.isSignatureAutogenerated($data) --> <div class=\"dx-dashboard-remove-icon\" data-bind=\"click: $parent.removeTable\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- ko ifnot: editableSignatures().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.ColorScheme.Empty')\"></span> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column dx-dashboard-color-scheme-editor-form\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <!-- ko if: colorSchemeModel() && colorSchemeModel().selectedSignatureEntries().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div data-bind=\"template: { name :'dx-dashboard-edit-color-scheme' }\" class=\"dx-dashboard-color-scheme-editor\"></div> </div> <!-- /ko --> <!-- ko ifnot: colorSchemeModel() && colorSchemeModel().selectedSignatureEntries().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.NoSelectedSchema')\"></div> </div> </div> <!-- /ko --> </div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-edit-color-scheme'> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column dx-dashboard-color-scheme-editor-form\"> <div class=\"dx-dashboard-coloring-form-colors-panel\"> <dx-dashboard-colors-component params=\"dataSource: colorSchemeModel().selectedSignatureEntries, allowModify: true, selectedEntry: selectedEntry, addNewEntry: createNewEntry, removeEntry: colorSchemeModel().removeEntry, colorPalette: colorPalette\"></dx-dashboard-colors-component> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper dx-dashboard-properties\"> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-edit-color-entry-panel\"> <!-- ko if: entryEditorModel.visible --> <!-- ko with: entryEditorModel --> <!-- ko template: 'dx-dashboard-enter-new-entry-editor' --> <!-- /ko --> <div class=\"dx-dashboard-coloring-form-colorbox-panel\"> <div class=\"dx-dashboard-coloring-form-panel-header\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.ColorScheme.Color')\"></span> </div> <div data-bind=\"dxColorBox: { value: color, editAlphaChannel: true, dropDownOptions: { container: $root.getWidgetContainer() } }\"> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-color-picker-editor\"> <div data-bind=\"dxPopover: { target: target, container: $root.getWidgetContainer(), toolbarItems: buttonItems, visible: visible, position: { boundary: $root.getWidgetContainer() } }\"> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div data-bind=\"dxColorView: { value: colorCss, editAlphaChannel: true, applyValueMode: 'instantly' }\"> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-enter-new-entry-editor\"> <div class=\"dx-dashboard-new-entry-panel\"> <!-- ko foreach: dimensionEditors || [] --> <div class=\"dx-dashboard-new-entry-item\"> <div class=\"dx-dashboard-coloring-form-panel-header\" data-bind=\"text: dimensionKey.definition.dataMember\"></div> <!-- ko if: [\"Integer\", \"Float\", \"Double\", \"Decimal\"].indexOf(valueType) > -1 --> <div data-bind=\"dxNumberBox: { height: 40, showSpinButtons:true, disabled: $parent.isAutogenerated, value: dimensionKey.value.value }, dxValidator: { validationGroup: 'newEntry', name: dimensionKey.definition.dataMember(), validationRules: [{ type: 'required' } ] }\"> </div> <!-- /ko --> <!-- ko if: [\"DateTime\"].indexOf(valueType) > -1 --> <div data-bind=\"dxDateBox: { height: 40, width: 'auto', disabled: $parent.isAutogenerated, value: dimensionKey.value.value, dropDownOptions: { container: $root.getWidgetContainer() } }, dxValidator: { validationGroup: 'newEntry', name: dimensionKey.definition.dataMember(), validationRules: [{ type: 'required' } ] }\"> </div> <!-- /ko --> <!-- ko if: [\"Bool\",\"Boolean\"].indexOf(valueType) > -1 --> <div data-bind=\"dxCheckBox: { height: 40, disabled: $parent.isAutogenerated, value: dimensionKey.value.value }\"> </div> <!-- /ko --> <!-- ko ifnot: [\"Integer\", \"Float\", \"Double\", \"Decimal\", \"DateTime\", \"Bool\", \"Boolean\"].indexOf(valueType) > -1 --> <div data-bind=\"dxTextBox: { height: 40, disabled: $parent.isAutogenerated, value: dimensionKey.value.value }, dxValidator: { validationGroup: 'newEntry', name: dimensionKey.definition.dataMember(), validationRules: [{ type: 'required' } ] }\"> </div> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: hasMeasures --> <div class=\"dx-dashboard-color-entry-measures-selector\"> <div class=\"dx-dashboard-coloring-form-panel-header\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.MeasureNames')\"></div> <div data-bind=\"dxTagBox: { dataSource: availableMeasures, value: selectedMeasuresIds, disabled: isAutogenerated, displayExpr: 'displayText', valueExpr: '_id', dropDownOptions: { container: $root.getWidgetContainer() } }, dxValidator: { validationGroup: 'newEntry', validationRules: measuresValidationRules || [] }\"> </div> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-colors-view\"> <!-- ko with: colorPickerModel --><!-- ko template: { name : 'dx-dashboard-color-picker-editor', data: $data } --><!-- /ko --><!-- /ko --><div class=\"dx-dashboard-colors-view-panel\"> <!-- ko if: allowAddNewEntry --> <div class=\"dx-dashboard-form-row-caption dx-dashboard-coloring-form-panel-header\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.ColorScheme.Colors')\"></span> <div class=\"dx-dashboard-form-row-action-list\"> <div class=\"dx-dashboard-form-row-action\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Colorization.AddColor'), click: addNewEntry\"> </div> </div> </div> <!-- /ko --> <div class=\"dx-color-scheme-tree-view-container dx-dashboard-form-row-content\" data-bind=\"visible: allowModify || isTreeMode()\"> <div class=\"dx-dashboard-treeview dx-dashboard-empty-message dx-color-scheme-tree-view\" data-bind=\"dxTreeView: { dataSource: dataSource, dataStructure: 'tree', height: !allowModify ? '450px' : '100%', selectByClick: allowModify ? true : false, selectionMode: allowModify ? 'single' : 'none', onItemSelectionChanged: allowModify ? onItemSelectionChanged : null, searchEnabled: true, searchExpr: ['value'], searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search'), focusStateEnabled: false, hoverStateEnabled: false } }\"> <div class=\"dx-color-scheme-tree-item\" data-bind=\"css: { 'dx-color-scheme-group-tree-item': !$data.editColor }\"> <!-- ko if: $data.editColor --> <div class=\"dx-dashboard-color-scheme-item-color\" data-bind=\"click: editColor, style: { 'backgroundColor': color }\"></div> <!-- /ko --> <span class=\"dx-dashboard-color-scheme-item-name\" data-bind=\"text: value\"></span> <!-- ko if: $parent.allowModify && custom --> <div class=\"dx-dashboard-remove-icon\" data-bind=\"click: $parent.removeItem\"> <svg> <use xlink:href=\"#dx-dashboard-remove-small\" /> </svg> </div> <!-- /ko --> </div> </div> </div> <div class=\"dx-dashboard-colors-list-compact dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"visible: !allowModify && !isTreeMode(), dxList: { dataSource: dataSource, focusStateEnabled: false, hoverStateEnabled: false, activeStateEnabled: false, searchEnabled: true, searchMode: 'contains', searchExpr: ['value'], noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay'), encodeNoDataText: true, searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search'), focusStateEnabled: false, hoverStateEnabled: false }, height: !allowModify ? '450px' : '100%', }\"> <div class=\"dx-dashboard-color-scheme-item\" data-bind=\"style: { 'backgroundColor': color }\"> <div class=\"dx-dashboard-color-scheme-item-name\" data-bind=\"text: value\"></div> <!-- ko if: $data.editColor --> <div class=\"dx-dashboard-edit-color-icon\" data-bind=\"click: editColor\"> <svg> <use xlink:href=\"#dx-dashboard-ds-edit\" /> </svg> </div> <!-- /ko --> </div> </div></div></script><script type=\"text/html\" id=\"dx-dashboard-format-rule-condition-type-editor\"> <div class=\"dx-dashboard-condition-type-editor\"> <div class=\"dx-field-chooser-header-container\"> <!-- ko template: 'dx-slidable-lists-navigation-area' --> <!-- /ko --> </div> <div class=\"dx-dashboard-condition-types-container dx-dashboard-list\" data-bind=\"css: { 'dx-dashboard-state-condition-selected': displayMode() === 'specificTypes' }\"> <div class=\"dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"dxList: { dataSource: availableConditionTypes, selectionMode: 'single', selectedItems: availableConditionTypes() && availableConditionTypes().filter(function(value) { return value.value === conditionType(); }) || [], onItemClick: function (e) { conditionType(e.itemData.value); }, itemTemplate: 'item', onItemRendered: updateItemAppearance, encodeNoDataText: true, noDataText: $root.getLocalizationById('DashboardWebStringId.ConditionalFormatting.UnsupportedDataType') }\"> <div data-options=\"dxTemplate:{ name:'item' }\"> <span data-bind=\"text: $root.getLocalizationById(displayText)\"></span> </div> </div> <div data-bind=\"dxList: { dataSource: availableSpecificTypes, selectionMode: 'single', grouped: availableSpecificTypes().rangeStyleType !== 'None', selectedItems: selectedSpecificTypes, onItemClick: function (e) { specificType(e.itemData.value); }, itemTemplate: 'item' }, css: { 'dx-dashboard-gallery-list': availableSpecificTypes().rangeStyleType !== 'None' }\"> <div data-options=\"dxTemplate: { name:'item' }\"> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'None' --> <span data-bind=\"text: $root.getLocalizationById(displayText)\"></span> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'Color' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getStyleList(value)\"> <div data-bind=\"css: 'dx-dashboard-appearance-range-preview', style: $data\"></div> </div> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'ColorBar' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getStyleList(value)\"> <div data-bind=\"css: 'dx-dashboard-appearance-bar-preview', style: $data\"></div> </div> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'Icon' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getStyleList(value)\"> <div class=\"dx-icon-dashboard-cf\" data-bind=\"css: $data\"></div> </div> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'Gradient' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getGradientColorsList(value)\"> <div data-bind=\"css: 'dx-dashboard-appearance-gradient-preview', style: { 'background-color': $data.css }\"></div> </div> <!-- /ko --> <!-- ko if: $parent.availableSpecificTypes().rangeStyleType === 'GradientBar' --> <div class=\"dx-dashboard-gallery-item\" data-bind=\"attr: { title: $root.getLocalizationById(displayText) }, foreach: $parent.getGradientColorsList(value)\"> <div data-bind=\"css: 'dx-dashboard-appearance-gradient-bar-preview', style: { 'background-color': $data.css }\"></div> </div> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-rule-ranges-editor'> <div class=\"dx-dashboard-range-editor\"> <!-- ko if: !$data.isGradient --> <div class=\"dx-dashboard-range-editor-header\"> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-add\" data-bind=\"click: add\"> <svg><use xlink:href=\"#dx-dashboard-ce-add\" /></svg> </div> <div class=\"dx-dashboard-ce-remove-icon\" data-bind=\"click: remove, css: { 'dx-dashboard-state-selected': (!!selection() && value().length > 2) }\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> </div> <!-- /ko --> <div class=\"dx-dashboard-range-editor-content\" data-bind=\"dxDataGrid: dataGridOptions\"> <div data-options=\"dxTemplate:{ name: 'dx-dashboard-range-cell-template' }\"> <div class=\"dx-dashboard-range-cell\" data-bind=\"text: $data.text\"></div> </div> <div data-options=\"dxTemplate: { name: 'dx-dashboard-range-edit-number-template-right' }\"> <!-- ko template: { name: 'dx-dashboard-range-edit-number-template', data: $parent.createRangeNumberEditorViewModel({ grid: $data.component, isRightValue: true, rowIndex: $data.rowIndex, value: $data.data.rightValue, setValue: $data.setValue }) } --> <!-- /ko --> </div> <div data-options=\"dxTemplate: { name: 'dx-dashboard-range-edit-number-template-left' }\"> <!-- ko template: { name: 'dx-dashboard-range-edit-number-template', data: $parent.createRangeNumberEditorViewModel({ grid: $data.component, isRightValue: false, rowIndex: $data.rowIndex, value: $data.data.leftValue, setValue: $data.setValue }) } --> <!-- /ko --> </div> <div data-options=\"dxTemplate:{ name: 'dx-dashboard-range-style-template' }\"> <!-- ko template: 'dx-dashboard-style-settings-view'--> <!-- /ko --> </div> <div data-options=\"dxTemplate:{ name: 'dx-dashboard-range-style-editor-template' }\"> <!-- ko template: 'dx-dashboard-style-settings-view'--> <!-- /ko --> <div data-bind=\"dxPopover: { visible: true, hideOnOutsideClick: false, position: { of: $element, my: 'left top', at: 'left bottom', offset: $parent.popoverOffset }, container: $root.getWidgetContainer(), contentTemplate: 'dx-dashboard-style-settings-editor-template', wrapperAttr: { class: 'dx-dashboard-style-settings-editor-popup dx-dropdowneditor-overlay' } }\"> <div data-options=\"dxTemplate:{ name: 'dx-dashboard-style-settings-editor-template' }\" tabindex=\"0\"> <dx-dashboard-style-settings-editor params=\" target: $root.ko.observable(value), options: $parent.createStyleSettingsEditorOptions($data.data)\"> </dx-dashboard-style-settings-editor> </div> </div> </div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-style-settings-view'> <div class=\"dx-dashboard-range-style dx-dashboard-range-cell\"> <dx-dashboard-style-settings-editor-item params=\"args: $parent.createStyleSettingsEditorItemOptions($data.data)\"></dx-dashboard-style-settings-editor-item> </div></script><script type=\"text/html\" id=\"dx-dashboard-range-edit-number-template\"> <!-- ko if: infinitValue --> <div class=\"dx-dashboard-range-cell\" data-bind=\"text: negativeInfinityDisplayText\"></div> <!-- /ko --> <!-- ko ifnot: infinitValue --> <!-- ko if: editorType === 'numberBox' --> <div data-bind=\"dxNumberBox: editorOptions\"></div> <!-- /ko --> <!-- ko if: editorType === 'dateBox' --> <div data-bind=\"dxDateBox: editorOptions\"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: allowInfinity --> <div data-bind=\"dxPopover: { visible: true, width: '241px', height: 'auto', hideOnOutsideClick: false, position: { of: $element, my: 'left top', at: 'left bottom', boundary: $root.getWidgetContainer() }, container: $root.getWidgetContainer(), wrapperAttr: { class: 'dx-dropdowneditor-overlay dx-dashboard-range-edit-number-template' } }\"> <div data-bind=\"dxButtonGroup: buttonOptions\"></div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-style-settings-editor-item\"> <div data-bind=\"click: clickHandler, style: cssStyles, attr: { title: title, 'data-label': dataLabel }, css: cssClasses\"> </div> <!-- ko if: isRangeStop --> <div class=\"dx-dashboard-rangestop\"></div> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-popover-color-picker', data: colorPicker } --> <!-- /ko --> <!-- ko template: { name: 'dx-dashboard-custom-appearance-dialog', data: customizeAppearanceDialog } --> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-style-settings-editor'> <!-- ko if: allowChangeViewMode --> <dx-dashboard-button-group class=\"dx-dashboard-window-definition-selector\" params=\"value: viewMode, values: [{ value: 'Appearance', displayValue: 'DashboardStringId.FormatRuleStyleAppearance'}, { value: 'Icon', displayValue: 'DashboardStringId.FormatRuleStyleIcons'}]\"></dx-dashboard-button-group> <div class=\"dxb-h4px\"></div> <!-- /ko --> <div class=\"dx-dashboard-style-settings-editor\"> <!-- ko if: viewMode() === 'Appearance' --> <!-- ko if: customStyleItems --> <div> <span class='dx-dashboard-style-settings-editor-caption' data-bind=\"text: restrictToColor ? $root.getLocalizationById('DashboardStringId.FormatRulePredefinedColor') : $root.getLocalizationById('DashboardWebStringId.FormatConditionPredefinedAppearanceCaption')\"></span> </div> <!-- /ko --> <div data-bind=\"foreach: list\" class=\"dx-dashboard-style-settings-editor-grid\"> <!-- ko if: $data.item.appearanceType && $data.item.appearanceType() === 'None' || $data.item.predefinedColor && $data.item.predefinedColor() === 'None' --> <dx-dashboard-style-settings-editor-item params=\"args: $data\" class=\"dx-dashboard-style-settings-editor-grid-no-style\"></dx-dashboard-style-settings-editor-item> <!-- /ko --> <!-- ko ifnot: $data.item.appearanceType && $data.item.appearanceType() === 'None' || $data.item.predefinedColor && $data.item.predefinedColor() === 'None' --> <dx-dashboard-style-settings-editor-item params=\"args: $data\"></dx-dashboard-style-settings-editor-item> <!-- /ko --> </div> <!-- ko if: customStyleItems --> <div class=\"dx-dashboard-style-settings-editor-caption-wrapper\"> <span class='dx-dashboard-style-settings-editor-caption' data-bind=\"text: restrictToColor ? $root.getLocalizationById('DashboardStringId.FormatRuleCustomColor') : $root.getLocalizationById('DashboardWebStringId.FormatConditionCustomAppearanceCaption')\"></span> </div> <div data-bind=\"foreach: customStyleItems\" class=\"dx-dashboard-style-settings-editor-grid\"> <dx-dashboard-style-settings-editor-item params=\"args: $data\"></dx-dashboard-style-settings-editor-item> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: viewMode() === 'Icon' --> <div data-bind=\"foreach: iconList\" class=\"dx-dashboard-style-settings-editor-icons-grid\"> <!-- ko if: $data.item.iconType && $data.item.iconType() === 'None' --> <dx-dashboard-style-settings-editor-item params=\"args: $data\" class=\"dx-dashboard-style-settings-editor-grid-no-style\"></dx-dashboard-style-settings-editor-item> <!-- /ko --> <!-- ko ifnot: $data.item.iconType && $data.item.iconType() === 'None' --> <dx-dashboard-style-settings-editor-item params=\"args: $data\"></dx-dashboard-style-settings-editor-item> <!-- /ko --> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-confirm-dialog\"> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { of: $root.getWidgetContainer(), boundary: $root.getWidgetContainer() }, title: confirmTitle, visible: confirmVisible, toolbarItems: confirmButtons, onHidden: function(e) { confirmHidden(e); }, width: '550px', height: '280px', wrapperAttr: { class: 'dx-dashboard-confirm dx-dashboard-typography' } }\"> <span data-bind=\"html: confirmText\"></span> </div></script><script type=\"text/html\" id='dx-dash-currency-selector'> <div class=\"dx-dashboard-form-wrapper dx-dashboard-currency-selector dx-dashboard-properties\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-field\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Currency.Currency')\"></span> </div> <div class=\"dx-dashboard-list\" data-bind=\"dxList: { dataSource: { store: currencies, paginate: false }, displayExpr: 'displayText', selectedItem: selectedCurrency, selectionMode: 'single', onContentReady: function (e) { e.component.scrollToItem(currencies.indexOf(selectedCurrency()) + 1); }, itemTemplate: 'currencyItemWithPreview', searchEnabled: true, searchExpr: 'displayText', searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') } }\"> <div data-options=\"dxTemplate:{ name:'currencyItemWithPreview' }\"> <!-- ko template: { name: 'dx-dashboard-currency-list-item' }--> <!-- /ko --> </div> </div> </div> <div class=\"dx-dashboard-form-row-field\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Currency.CurrencyCulture')\"> </div> <div data-bind=\"dxSelectBox: { dataSource: selectedCurrency() && selectedCurrency().cultures || [], displayExpr: 'displayText', value: selectedCulture, placeholder: $root.getLocalizationById('DashboardStringId.ParametersSelectorText'), noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay'), encodeNoDataText: true, dropDownOptions: { container: $root.getWidgetContainer() }, searchEnabled: true, searchExpr: 'displayText' }\"></div> </div> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Preview')\"></span> </div> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-currency-selector-preview\"> <!-- ko if: $data.previewPositive && $data.previewNegative --> <div data-bind=\"text: $data.previewPositive\"></div> <div data-bind=\"text: $data.previewNegative\"></div> <!-- /ko --> <!-- ko if: $data.previewWarning --> <div class=\"dx-dashboard-currency-selector-preview-warn\" data-bind=\"text: $data.previewWarning\"></div> <!-- /ko --> </div> </div> </div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-currency-editor-template'> <div data-bind=\"dxSelectBox: { dataSource: currencies, displayExpr: 'displayText', value: selectedCurrency, disabled: disabled, placeholder: $root.getLocalizationById('DashboardStringId.ParametersSelectorText'), noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay'), encodeNoDataText: true, dropDownOptions: { container: $root.getWidgetContainer() }, itemTemplate: 'currencyItemWithPreview', searchEnabled: true, searchExpr: 'displayText' }\"> <div data-options=\"dxTemplate:{ name:'currencyItemWithPreview' }\"> <!-- ko template: { name: 'dx-dashboard-currency-list-item' } --> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-currency-list-item\"> <div class=\"dx-dashboard-currency-list-item\"> <div class=\"dx-dashboard-currency-list-item-display-text\"> <div data-bind=\"text: displayText\"> </div> </div> <div class=\"dx-dashboard-currency-list-item-preview\" data-bind=\"text: previewText\"> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-currency-settings\"> <dx-dashboard-currency-selector params=\"currencyCultureName: dashboard() && dashboard().currencyCultureName\" class=\"dxb-h100\"></dx-dashboard-currency-selector></script><script type=\"text/html\" id='dx-dashboard-datasource-browser'> <div class=\"dx-dashboard-form-wrapper dx-dashboard-datasource-browser-wrapper\" data-bind=\"\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.UsedDataSources')\"></span> <div class='dx-dashboard-form-row-action-list'> <!-- ko foreach: dataSourceActions --> <div class=\"dx-dashboard-form-row-action\" data-bind=\"click: click, text: text, css: { 'disabled-action': disabled }\"> </div> <!-- /ko --> </div> </div> <div class=\"dx-dashboard-form-row-content dx-dashboard-datasource-list-wrapper\"> <!-- ko template: 'dx-dashboard-datasource-used-datasources' --> <!-- /ko --> </div> </div> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-caption dx-dashboard-datasource-tree-actions-wrapper\"> <span></span> <div class='dx-dashboard-form-row-action-list'> <!-- ko foreach: editDataSourceActions --> <!-- ko if: visible() --> <div class=\"dx-dashboard-form-row-action\" data-bind=\"click: click, text: text\"> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: $data.filterEditorModel() !== null --> <!-- ko template: { name: 'dx-filtereditor-popup', data: filterEditorModel } --> <!-- /ko --> <!-- /ko --> </div> </div> <div class=\"dx-dashboard-form-row-content dx-dashboard-datasource-tree-wrapper\"> <!-- ko template: { name: 'dx-dashboard-datasource-tree', data: $data } --> <!-- /ko --> </div> </div> </div> </div> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'center', at: 'center', of: $root.getWidgetContainer(), boundary: '.dx-dashboard-datasource-browser-wrapper' }, height: '80%', width: '700px', animation: { }, focusStateEnabled: true, hideOnOutsideClick: false, toolbarItems: popupContent() && popupContent().toolbarItems || [], onHidden: function() { $data.popupContent(undefined); }, visible: popupVisible, showTitle: true, title: popupContent() && popupContent().title || '', wrapperAttr: { class: 'dx-dashboard-datasource-browser-popup dx-dashboard-typography' } }\"> <!-- ko if: popupVisible --> <!-- ko with: popupContent --> <!-- ko template: { name: template, data: { extension: $data.bindingData ? $data.bindingData : $data, dataSourcesFilter: dataSourcesFilter, federationSources: null } } --> <!-- /ko --> <!-- /ko --> <!-- /ko --> </div> <!-- ko template: { name: 'dx-dashboard-calc-field-editor', data: calcFieldEditor  } --> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-datasource-used-datasources'> <!-- ko if: $data.usedDataSourcesExist() --> <div class=\"dx-dashboard-datasources-list\" data-bind=\"dxList: { dataSource: dataSourceBrowser._dataSources, selectionMode: 'single', selectedItem: selectedDataSource, nextButtonText: $root.getLocalizationById('DashboardWebStringId.More'), searchEnabled: true, searchExpr: 'name', searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') } }\"> <div class=\"dx-dashboard-datasource-item\"> <div class=\"dx-dashboard-datasource-description\"> <span data-bind=\"text: name()\"></span> </div> <div class=\"dx-dashboard-datasource-icons\"> <div class=\"dx-dashboard-datasource-icon dx-dashboard-datasource-icon-rename\" data-bind=\"click: $parent.showRenameDataSourceForm\"> <svg><use xlink:href=\"#dx-dashboard-rename\" /></svg> </div> <div class=\"dx-dashboard-datasource-icon dx-dashboard-datasource-icon-remove\" data-bind=\"click: $parent.removeDataSource\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> </div> </div> </div> <!-- ko template: renameDataSourcePopup.template --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.usedDataSourcesExist() --> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div> <!-- ko if: availableDataSourcesExist() --> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.NoUsedDataSources')\"></span> <br /><br /> <!-- ko if: $data.sqlDataSourceWizard --> <span class=\"dx-dashboard-form-inline-action\" data-bind=\"click: showAddDataSourceForm, text: $root.getLocalizationById('DashboardWebStringId.DataSources.AddDataSource')\"></span> <!-- /ko --> <!-- /ko --> <!-- ko if: !availableDataSourcesExist() --> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.NoAvailableDataSources')\"></span> <!-- /ko --> </div> </div> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-datasource-tree'> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <!-- ko with: dataSourceTreeListViewModel.treeListEditorOption --> <div class=\"dx-dashboard-datasource-browser-tree\" data-bind=\"treelist: $data, css: {'dx-state-loading': itemsProvider.loading() }\"></div> <div class=\"dx-dashboard-treelist-loading\" data-bind=\"css: { 'dx-state-active': itemsProvider.loading() }\">Loading</div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-treelist-item-template\"> <div class=\"dx-treelist-item\" data-bind=\"event: { dblclick: function() { $data.dblClickHandler ? $data.dblClickHandler($data) : $data.toggleCollapsed() } }, css: { 'dx-treelist-item-selected': isSelected, 'dx-treelist-item-collapsed': collapsed, 'dx-treelist-group-item': hasItems, 'dx-dashboard-treelist-item-disabled': data.isList, 'dx-dashboard-corrupted-calc-field': data.isCorruptedCalcField }, click: toggleSelected\"> <div class=\"dx-dashboard-datasource-tree-item-column\" data-bind=\"styleunit: { 'paddingLeft': 20 * getModel().level + 10 }\"> <div class=\"dx-treelist-item-images\"> <!-- ko if: !data.style --> <div class=\"dx-treelist-collapsedbutton\" data-bind=\"css: nodeImageClass, click: toggleCollapsed\"></div> <!-- /ko --> <!-- ko if: !!data.style --> <div class=\"dx-dashboard-datasource-field-icon\" data-bind=\"css: data.style\"> <div> <svg> <use xlink:href=\"#dx-dashboard-calc-field\"/> </svg> </div> </div> <!-- /ko --> </div> <div class=\"dx-treelist-caption\"> <div class=\"dx-treelist-selectedcontent\" data-bind=\"event: { dblclick: function() { $data.dblClickHandler && $data.dblClickHandler($data); } }\"> <div class=\"dx-treelist-text\" data-bind=\"text: text, attr: { title: text }\"></div> </div> </div> </div> <div class=\"dx-dashboard-datasource-tree-item-column dxb-p-0-12\"> <!-- ko if: !data.isCorruptedCalcField --> <!-- ko if: data.field.fieldType && data.field.fieldType() !== 'Unknown' --> <span data-bind=\"text: data.field.fieldType\"></span> <!-- /ko --> <!-- ko if: data.isList --> <span data-bind=\"text: $root.getLocalizationById('DashboardStringId.MessageCollectionTypesNotSupported'), attr: { title: $root.getLocalizationById('DashboardStringId.MessageCollectionTypesNotSupported')}\"></span> <!-- /ko --> <!-- /ko --> <!-- ko if: data.isCorruptedCalcField --> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.CalculatedField.Corrupted'), attr: { title: $root.getLocalizationById('DashboardStringId.MessageCollectionTypesNotSupported')}\"></span> <!-- /ko --> </div> <div class=\"dx-dashboard-datasource-tree-item-column dxb-br-none dxb-text-align\"> <!-- ko foreach: data.innerActions --> <div class=\"dx-dashboard-datasource-field-icon\"  data-bind=\"click: click, css: style\"> <svg><use data-bind=\"xlinkHref: icon\" /></svg> </div> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-datasource-browser\"> <!-- ko with: $data --> <!-- ko template: { name :'dx-dashboard-datasource-browser' } --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-source-wizard\"> <div data-bind=\"dxLoadPanel: { visible: loadingPanelVisible, hideOnOutsideClick: true, container: $root.getWidgetContainer(), position: { of: $root.getWidgetContainer() } }\"></div> <!-- Data Source wizard popup should be first child of DashboardControl --> <!-- ko dx-dashboard-element-accessor-binding: { element: wizardElement } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-source-wizard-binding\"> <!-- ko if: wizardModel.isVisible() --> <!-- ko template: { name: 'dx-wizard-newlayout', data: wizardModel } --> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id='dx-dashboard-expression-editor-view'> <!-- ko template: { name: editorTemplate, data: editor } --> <!-- /ko --> <div class=\"dx-dashboard-filter-expression-editor\"> <div class=\"dx-dashboard-filter-expression-editor-header\"> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-edit\" data-bind=\"click: edit\"> <svg><use xlink:href=\"#dx-dashboard-ce-edit\" /></svg> </div> <div class=\"dx-dashboard-ce-remove-icon\" data-bind=\"click: remove, css: { 'dx-dashboard-state-selected': !!criteriaString() }\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> </div> <div class=\"dx-dashboard-filter-expression-edit-criteria\"> <div data-bind=\"text: criteriaString\"></div> </div> </div></script><script type=\"text/html\" id='dx-dashboard-datasource-available-datasources'> <div class=\"dx-dashboard-datasources-list-holder\"> <!-- ko if: extension.uiState() === 'error' --> <!-- ko if: extension.errorState() --> <div class=\"dx-dashboard-datasources-content dx-dashboard-datasources-error\"> <div class=\"dx-dashboard-datasources-error-item\"> <span class=\"dx-dashboard-datasources-error-title\" data-bind=\"text: extension.errorState().title\"></span> <br><br> <span class=\"dx-dashboard-datasources-error-details\" data-bind=\"text: extension.errorState().detail\"></span> </div> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: extension.uiState() === 'loading' --> <div class=\"dx-dashboard-datasources-content dx-dashboard-datasources-loading\"> <div class=\"dx-dashboard-control-loading\" data-bind=\"text:$root.getLocalizationById('DashboardStringId.MessageLoading')\"></div> </div> <!-- /ko --> <!-- ko if: extension.uiState() === 'live' --> <div class=\"dx-dashboard-datasources-list-header\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DataSources.ChooseDataSource')\"></span> <!-- ko if: extension.canCreateDataSourceWizard --> <span class=\"dx-dashboard-datasource-action\" data-bind=\"click: function() { extension.showCreateDataSourceWizard(federationSources); }, text: $root.getLocalizationById('DashboardWebStringId.DataSources.CreateNewDataSource'), attr: { title: $root.getLocalizationById('DashboardWebStringId.DataSources.CreateDataSource.Tooltip') } \"></span> <!-- /ko --> </div> <div class=\"dx-dashboard-datasources-list dx-dashboard-list\" data-bind=\"dxList: { dataSource: extension.getDataSources(dataSourcesFilter), selectionMode: 'single', selectedItems: extension.selectedDataSources, noDataText: '', encodeNoDataText: true, nextButtonText: $root.getLocalizationById('DashboardWebStringId.More'), searchEnabled: true, searchExpr: 'name', searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') }}\"> <div class=\"dx-dashboard-datasource-item\"> <div class=\"dx-dashboard-datasource-description\"> <span data-bind=\"text: name()\"></span> </div> </div> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-binding-properties-empty-item\"> <!-- ko if: isDesignMode --> <div class=\"dx-dashboard-layout-text\"> <span class=\"dx-dashboard-layout-link\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.ClickHereInvitation'), click: click\"></span> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.BindDataInvitation')\"></span> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-binding-properties\"> <!-- ko template: { name: data.template, data: $data } --> <!-- /ko --> <div data-bind=\"css: { 'dx-visible-properties': !!data.propertiesController.mainModel() }\" class=\"dx-dashboard-binding-panel-properties-content\"> <div class=\"dx-dashboard-binding-panel-header-container\"> <div class=\"dx-dashboard-arrow-back dx-toolbar-item-content\"> <div data-bind=\"dxButton: { onClick: hideBindingProperties, type: 'normal', stylingMode: 'text', icon: 'arrowleft' }\"></div> </div> <!-- ko if: isSecondaryPanelVisible() --> <h5 data-bind=\"text: $root.getLocalizationById(data.propertiesController.secondaryModel().displayText)\"></h5> <!-- /ko --> </div> <div class=\"dx-dashboard-binding-panel-details dx-dashboard-slidable-content\" data-bind=\"css: {'dx-dashboard-slide-to-right': isSecondaryPanelVisible() }\"> <div data-bind=\"dxScrollView: { }\"> <!-- ko if: data.propertiesController.mainModel() --> <!-- ko template: { name: 'dx-dashboard-properties-accordion', data: { propertiesController: data.propertiesController } } --> <!-- /ko --> <!-- /ko --> </div> <div data-bind=\"dxScrollView: { }\"> <div> <!-- ko if: data.propertiesController.secondaryModel()  --> <!-- ko template: { name: 'dx-dashboard-properties-accordion', data: { propertiesController: data.propertiesController, useSecondaryModel: true } } --> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-convert-to\"> <!-- ko using: data --> <div class=\"dx-dashboard-binding-panel-options dx-dashboard-slidable-content dx-dashboard-convert-to-panel dx-dashboard-slide-to-right dxb-o-visible\"> <div class=\"dx-dashboard-binding-panel-details dx-dashboard-toolbox-extension\"> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div class=\"dx-dashboard-toolbox\"> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- ko foreach: groups --> <div class=\"dx-dashboard-toolbox-group\" data-bind=\"text: groupTitle\"></div> <!-- ko foreach: items --> <div class=\"dx-dashboard-toolbox-item\" data-bind=\" attr: { 'data-item-type': type, title: title }, click: convert, css: {'dx-state-disabled': disabled }\" > <svg> <use data-bind=\"xlinkHref: icon\"></use> </svg> <div class=\"dx-dashboard-toolbox-item-hover\"></div> </div> <!-- /ko --> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- /ko --> </div> <div class=\"dx-dashboard-duplicate-action-container\"> <div class=\"dx-dashboard-duplicate-action\" data-bind=\"dxButton: { text: duplicateActionCaption, onClick: duplicate }\"></div> </div> </div> </div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-form-new\"> <div class=\"dx-dashboard-form-new dx-dashboard-form-column\"> <div class=\"dx-dashboard-form-row\"> <div class=\"dx-dashboard-form-row-caption\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.New.DashboardName')\"></div> <div data-bind=\"dxTextBox: { placeholder: $root.getLocalizationById('DashboardWebStringId.DashboardMenuNewDashboardNamePlaceholder'), value: dashboardName }\"></div> <div class=\"dx-dashboard-form-new-content\"> <!-- ko if: accessibleDataSourcesExtension()  --> <!-- ko template: { name: accessibleDataSourcesExtension().templateName, data: { extension: accessibleDataSourcesExtension().viewModel, dataSourcesFilter: function() { return true; }, federationSources: [] } } --> <!-- /ko --> <!-- /ko --> </div> <div class=\"dx-dashboard-form-new-button\"> <div data-bind=\"dxButton: { text: $root.getLocalizationById('DashboardWebStringId.DataSources.CreateDataSource'), onClick: createNewDashboard, disabled: createNewDashboardDisabled, width: '160px', height: '40px', type: 'default' }\"> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-add-new-dashboard\"> <!-- ko if: isDesignMode() --> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.AddNewDashboard')\"></div>&nbsp; <a href=\"#\" data-bind=\"click: showCreateNewDashboard, text: $root.getLocalizationById('DashboardWebStringId.DashboardMenuNewDashboardCreate')\"></a>. <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-options\"> <div class=\"dx-dashboard-binding-panel-options dx-dashboard-slidable-content dxb-o-visible\" data-bind=\"css: {'dx-dashboard-slide-to-right': isSecondaryPanelVisible() }\"> <div class=\"dx-dashboard-binding-panel-details\"> <!-- ko with: data --> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <!-- ko ifnot: propertiesController.accordionDataSource().length > 1 --> <!-- ko with: propertiesController.accordionDataSource()[0] --> <div class=\"dx-dashboard-properties-single-tab\"> <!-- ko template: 'dx-dashboard-accordion-tab-content' --> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: propertiesController.accordionDataSource().length > 1 --> <!-- ko template: { name: 'dx-dashboard-properties-accordion', data: { propertiesController: propertiesController } } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <div> <div class=\"dx-dashboard-secondary-header-container\"> <div class=\"dx-dashboard-arrow-back dx-toolbar-item-content\"> <div data-bind=\"dxButton: { onClick: hideBindingProperties, type: 'normal', stylingMode: 'text', icon: 'arrowleft' }\"></div> </div> <!-- ko if: data.propertiesController.secondaryModel--> <h5 data-bind=\"text: $root.getLocalizationById(data.propertiesController.secondaryModel().displayText)\"></h5> <!-- /ko --> </div> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <!-- ko if: data.propertiesController.secondaryModel--> <!-- ko template: { name: 'dx-dashboard-properties-accordion', data: { propertiesController: data.propertiesController, useSecondaryModel: true } } --> <!-- /ko --> <!-- /ko --> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-open\"> <div data-bind=\"dxList: { dataSource: { load: dashboardsListStore, totalCount: function() { return 0; }, paginate: false, searchExpr: 'name' }, noDataText: '', encodeNoDataText: true, searchEnabled: true, pageLoadingText: $root.getLocalizationById('DashboardStringId.MessageLoading'), nextButtonText: $root.getLocalizationById('DashboardWebStringId.More'), displayExpr: 'name', keyExpr: 'id', searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') }, hoverStateEnabled: true, height: '100%', onItemClick: openDashboard }\" class=\"dx-dashboard-form-open\"> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-title-settings\"><div class=\"dx-dashboard-form-wrapper\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-content\" data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div data-bind=\"dx-dashboard-form-adapter: { target: titleSettings }\" class=\"dx-dashboard-properties\"></div> </div> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: formCaption\"></span> </div> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-title-settings-preview-wrapper\"> <dashboard-title params=\"componentArgs: getTitleComponentArgs($element)\"> </dashboard-title> </div> </div> </div> </div></div></script><script type=\"text/html\" id=\"dx-dashboard-text-preview\"> <div data-bind=\"text: $data\"></div></script><script type=\"text/html\" id=\"dx-dashboard-flow-mode-settings\"> <div class=\"dx-dashboard-flow-mode-settings\"> <div data-bind=\"dxSelectBox: selectBoxOptions\" class=\"dx-dashboard-list dxb-d-inline-block dxb-w60 dxb-mr-5px\"> </div><div data-bind=\"dxNumberBox: numberBoxOptions\" class=\"dxb-d-inline-block dxb-w-cacl-40-5px\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-action-buttons\"> <div class=\"dx-dashboard-action-buttons\" data-bind=\"foreach: buttons\"> <div data-bind=\"dxButton: $data\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-nested-propertygrid-editor\"> <div class=\"dx-dashboard-accordion-group\"> <div class=\"dx-accordion-item-title\"> <h5 data-bind=\"text: caption\"></h5> </div> <div data-bind=\"dx-dashboard-form-adapter: { target: object }\" class=\"dx-dashboard-properties\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-nullable-numberbox\"> <div data-bind=\"dxButtonGroup: buttonGroupOptions\"></div> <div class=\"dx-dashboard-gauge-nb dxb-mt-10px\" data-bind=\"dxNumberBox: numberBoxOptions\"></div></script><script type=\"text/html\" id='dx-dashboard-field-picker'> <div data-bind=\"dxFieldListPicker: { path: pathToMembers, value: value, displayValue: displayValue, itemsProvider: itemsProvider, treeListController: treeListController, disabled: disabled, placeholder: $root.getLocalizationById('DashboardStringId.ParametersSelectorText') }\"></div></script><script type=\"text/html\" id='dx-dashboard-parameter-settings'> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div data-bind=\"dxScrollView: { direction: 'vertical', height: '100%' }\"> <div data-bind=\"dx-dashboard-form-adapter: { target: commonParameterSettings  }\" class=\"dx-dashboard-properties\"></div> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper dx-dashboard-properties\"> <div class=\"dx-dashboard-form-row-content\" data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div data-bind=\"dx-dashboard-form-adapter: { target: lookUpParameterType  }\" class=\"dx-dashboard-properties\"></div> <div class=\"dx-dashboard-parameter-lookup-settings\"> <!-- ko with: staticListLookUpSettings --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko--> <!-- ko with: dynamicListLookUpSettings --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-form-parameters-settings\"> <!-- ko if: dashboard() --> <div class=\"dx-dashboard-form-wrapper\"> <div class=\"dx-dashboard-form-column dx-dashboard-form-left-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <div class=\"dx-dashboard-form-row-caption\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Parameters.ParameterList')\"></span> <div class='dx-dashboard-form-row-action-list'> <!-- ko if: dashboard().parameters().length > 1 --> <div class=\"dx-dashboard-form-row-action\" data-bind=\"click: toggleReordering, text: allowReordering() ? $root.getLocalizationById('DashboardWebStringId.Parameters.Done'): $root.getLocalizationById('DashboardWebStringId.Parameters.Reorder')\"> </div> <!-- /ko --> <!-- ko if: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-action\" data-bind=\"click: addParameter, text: $root.getLocalizationById('DashboardWebStringId.Add'), attr: { title: $root.getLocalizationById('DashboardWebStringId.Parameters.AddParameter.Tooltip') }\"> </div> <!-- /ko --> </div> </div> <!-- ko if: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-settings-parameters-list\" data-bind=\"dxList: { dataSource: dashboard().parameters, selectionMode: 'single', itemDragging: { allowReordering: allowReordering, }, onItemReordered: reorderParameters, selectedItems: $data.selectedParameters, nextButtonText: $root.getLocalizationById('DashboardWebStringId.More'), searchEnabled: true, searchExpr: ['name', 'description'], searchEditorOptions: { placeholder: $root.getLocalizationById('DashboardWebStringId.Search') } }\"> <div class=\"dx-dashboard-parameter-item\"> <div class=\"dx-dashboard-parameter-entry\"> <div> <span class=\"dx-dashboard-parameter-name\" data-bind=\"text: name\"></span> <!-- ko if: description--> <br/> <span class=\"dx-dashboard-parameter-description\" data-bind=\"text: description\"></span> <!-- /ko --> </div> </div> <!-- ko ifnot: $parent.allowReordering --> <div class=\"dx-dashboard-remove-icon\" data-bind=\"click: $parent.removeParameter\"> <svg><use xlink:href=\"#dx-dashboard-remove\" /></svg> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- ko ifnot: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div> <span class=\"dx-dashboard-form-inline-action\" data-bind=\"click: addParameter, text: $root.getLocalizationById('DashboardWebStringId.Parameters.AddParameter')\"></span> </div> </div> </div> <!-- /ko --> </div> </div> <div class=\"dx-dashboard-form-column dx-dashboard-form-right-column\"> <div class=\"dx-dashboard-form-column-content-wrapper\"> <!-- ko if: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <!-- ko if: parameterEditorViewModel  --> <div data-bind=\"template: { name: 'dx-dashboard-parameter-settings', data: parameterEditorViewModel }\" class=\"dx-dashboard-parameter-settings\"></div> <!-- /ko --> </div> <!-- /ko --> <!-- ko ifnot: dashboard().parameters().length > 0 --> <div class=\"dx-dashboard-form-row-content\"> <div class=\"dx-dashboard-form-parameter-placeholder\"> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Parameters.NoSelectedParameter')\"></div> </div> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-properties-accordion\"> <div data-bind=\"dxAccordion: { dataSource: !$data.useSecondaryModel ? propertiesController.accordionDataSource : propertiesController.secondaryAccordionDataSource, itemTitleTemplate: 'title', itemTemplate: 'itemCategory', focusStateEnabled: false, selectedIndex: !$data.useSecondaryModel ? propertiesController.selectedIndex : propertiesController.secondarySelectedIndex, collapsible: true, noDataText: $root.getLocalizationById('DashboardStringId.MessageLoading'), encodeNoDataText: true, onItemRendered: function (e) { if(e.itemData.hasNoBorder) { $root.$unwrap(e.itemElement).classList.add('dx-dashboard-accordion-item-no-border'); } }, onSelectionChanged: function(e) { if(e.addedItems[0] && e.addedItems[0].tabModel) { e.addedItems[0].tabModel(e.addedItems[0].tabModel()) } } }\"> <div data-options=\"dxTemplate : { name: 'title', visible: 'visible' }\" data-bind=\" css: $data.style, style: { height: $data.headerHeight ? $data.headerHeight + 'px': '' }, dxclick: function(data, event) { $data.onTitleClick && $data.onTitleClick($data.headerModel || $data.tabModel, data, event); } \" > <!-- ko if: $data.headerTemplate --> <!-- ko template: { name: $data.headerTemplate, data: $data.headerModel || $data.tabModel } --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.headerTemplate --> <!-- ko template: { name: 'dx-dashboard-properties-header-template' } --> <!-- /ko --> <!-- /ko --> </div> <div data-options=\"dxTemplate : { name: 'itemCategory', visible: 'visible' }\" data-bind=\"css: $data.style\"> <div> <!-- ko template: 'dx-dashboard-accordion-tab-content' --> <!-- /ko --> </div> <div class=\"dx-shadow dx-shadow-bottom\"></div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-accordion-tab-content\"> <!-- ko if: $data.tabTemplate --> <!-- ko template: { name: $data.tabTemplate, data: $data.tabModel } --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.tabTemplate --> <!-- ko with: $data.tabModel --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-content-in-tab-header-template\"> <!-- ko with: $data --> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-properties-header-template\"> <div class=\"dx-shadow dx-shadow-top\"></div> <div class=\"dx-dashboard-accordion-title-content\"> <h5 data-bind=\"text: $root.getLocalizationById($data.category)\"></h5> <!-- ko if: $data.summary --> <h6 data-bind=\"text: $root.getLocalizationById($data.summary && $data.summary()), attr: { title: $data.summaryHint && $data.summaryHint() }\"></h6> <!-- /ko --> <!-- ko ifnot: $data.summary --> <h6></h6> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-text-box-item-editor-extension\"> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { boundary: $root.getWidgetContainer(), of: $root.getWidgetContainer(), my: 'center', at: 'center' }, height: '80%', width: '80%', hideOnOutsideClick: true, showTitle: true, deferRendering: true, onHiding: onHiding, onHidden: onHidden, onInitialized: onInitialized, title: $root.getLocalizationById('DashboardWebStringId.TextBoxItemEditor.DialogCaption'), toolbarItems: [ { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: $root.getLocalizationById('DashboardWebStringId.TextBoxItemEditor.DialogSaveAndClose'), onClick: saveAndClose, type: 'default' } }, { toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: $root.getLocalizationById('DashboardWebStringId.TextBoxItemEditor.DialogClose'), onClick: close } } ], wrapperAttr: { class: 'dx-dashboard-text-box-item-editor-popup' } }\"> <!-- ko with: richEditorOptions --> <div class=\"dxb-d-block dxb-position-relative\" data-bind=\"dx-dashboard-rich-edit: $data\"> </div> <!-- /ko --> </div> <!-- ko template: { name: \"dx-dashboard-confirm-dialog\", data: confirmDialogViewModel } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-toolbar-extension\"> <div data-bind=\"dxPopup: getKoPopupOptions()\"> <div class=\"dx-dashboard-designer-toolbar\" data-bind=\"dxToolbar: koToolbarOptions\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-base-item-surface\"> <div class=\"dx-dashboard-data-binding-surface\" data-bind=\"css: { 'dx-visible-properties': !!data.propertiesController.mainModel() }\"> <!-- ko template: { name: 'dx-dashboard-context-menu-header', data: { title: title, click: hideBindingPanel, detailVisible: detailVisible } }--> <!-- /ko --> <div class=\"dx-dashboard-data-binding-panel\"> <div data-bind=\"dxScrollView: { direction: 'vertical' }\"> <div class=\"dx-dashboard-binding-panel-content\" data-bind=\"dx-dashboard-container-draggable: data\"> <!-- ko foreach: data.dataSections --> <div class=\"dx-dashboard-section\"> <!-- ko if: $data.sectionInfo && sectionInfo.actions --> <div class=\"dx-dashboard-section-actions\"> <!-- ko foreach: sectionInfo.actions --> <div class=\"dx-dashboard-section-action\" data-bind=\"attr: { title: $root.getLocalizationById(title) }, click: action\"> <!-- ko lazy: { if: $parents[2].detailVisible } --> <svg><use data-bind=\"xlinkHref: icon\"></use></svg> <!-- /ko --> </div> <!-- /ko --> </div> <!-- /ko --> <!-- ko template: { name: $data.template, data: $data } --> <!-- /ko --> </div> <!-- /ko --> </div> </div> </div> <!-- ko template: { name: 'dx-dashboard-item-datasource', data: data } --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-datasource\"> <div class=\"dx-dashboard-data-source-panel\"  data-bind=\"css: { 'dx-dashboard-data-source-panel-opened': changeDataSourcePanelVisible() }\"> <div class=\"dx-dashboard-data-source-header\" data-bind=\"click: changeDataSource\"> <div class=\"dx-dashboard-text-overflow\" data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.Binding.DataSource')\"></div> <div class=\"dx-dashboard-data-source-options\" data-bind=\"css: { 'dx-dashboard-data-source-options-active': changeDataSourcePanelVisible()  }\"> <svg><use xlink:href=\"#dx-dashboard-item-data-source\" /></svg> </div> </div> <div class=\"dx-dashboard-data-source-body\"> <div class=\"dx-dashboard-data-source-options-panel\" data-bind=\"style: { height: changeDataSourcePanelVisible() ? '' : '0px' } \"> <div> <div class=\"dx-dashboard-data-source-chooser\"> <dx-datasource-chooser params=\"dataSourceBrowser: dataSourceBrowser, dataSource: dataSourceName, dataMember: dataMemberName, active: changeDataSourcePanelVisible\"></dx-datasource-chooser> </div> <span class=\"dx-dashboard-data-source-options-control\"> <span class=\"dx-dashboard-text-overflow\" data-bind=\"click: saveDataSourceChanges, text: $root.getLocalizationById('DashboardWebStringId.DataSources.OK')\">OK</span> <span class=\"dx-dashboard-text-overflow\" data-bind=\"click: changeDataSource, text: $root.getLocalizationById('DashboardWebStringId.DataSources.Cancel')\"></span> </span> </div> </div> <div class=\"dx-dashboard-data-source-info\" data-bind=\"text: $root.getLocalizationById(dataSourceDisplayText()), attr: { title: $root.getLocalizationById('DashboardWebStringId.DashboardItemMenu.Bindings.SelectDataSourceButtonTooltip') }, style: { height: changeDataSourcePanelVisible() ? '0px' : '' }, click: changeDataSource, css: { 'dx-dashboard-data-source-info-alert': needSetDataSource }\"></div> </div> </div> <!-- ko template: { name: \"dx-dashboard-confirm-dialog\", data: confirmDialogViewModel } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-item-plate\"> <div class=\"dx-dashboard-item-plate-container\"> <div class=\"dx-dashboard-item-plate dx-layout-item-plate dx-state-selected\" draggable=\"true\" > <svg><use xlink:href=\"#dx-dashboard-drag\" /></svg> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-menu-holder\"> <div class=\"dx-dashboard-item-controls\"> <dx-dashboard-item-menu params=\" layoutController: $data.dockingLayoutController, layoutItem: $data.layoutItem, itemMenuViewModelContainer: $data.itemMenuViewModelContainer, notificationController: $data.notificationController\" data-bind=\"css: { 'dx-state-selected': $data.layoutItem.isSelected }\"></dx-dashboard-item-menu> </div></script><script type=\"text/html\" id=\"dx-dashboard-item-menu\"> <div class=\"dx-dashboard-item-menu-container\" data-bind=\"css: menuContainerCssClasses\"> <div class=\"dx-dashboard-item-menu\" data-bind=\"menuVisibilitySubscription: { visible: menuItemDetailVisible }\"> <!-- ko if: isCollapsedStateToggleVisible() --> <div class=\"dx-dashboard-designer-menu-item dx-dashboard-item-menu-toggle\" data-bind=\"click: collapsedStateToggle, css: isCollapsed() ? 'dx-dashboard-item-menu-expand' : ''\"> <svg><use xlink:href=\"#dx-dashboard-item-menu-collapse\" /></svg> </div> <!-- ko if: !isCollapsed() --> <div class=\"dx-dashboard-designer-menu-separator\"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: !isCollapsed() --> <!-- ko foreach: contextMenuItemViewModels --> <div data-bind=\"css: menuButton.cssClass, click: menuButton.clickHandler, attr: { title: menuButton.hint }\" class=\"dx-dashboard-designer-menu-item\"> <svg><use data-bind=\"xlinkHref: menuButton.icon\"></use></svg> <div data-bind=\"dxPopover: getPopoverOptions($root.getWidgetContainer())\"> <!-- ko lazy: { template: 'dx-dashboard-context-menu-panel-content' } --> <!-- /ko --> </div> </div> <!-- /ko --> <div class=\"dx-dashboard-designer-menu-separator\"></div> <div class=\"dx-dashboard-remove-item-button dx-dashboard-designer-menu-item\" data-bind=\"click: deleteCurrentItemAction, attr: { title: deleteCurrentItemActionCaption }\"> <svg><use xlink:href=\"#dx-dashboard-remove\"></use></svg> </div> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-context-menu-header\"> <div class=\"dx-dashboard-panel-header\"> <div class=\"dx-dashboard-panel-header-title\" data-bind=\"text: title\"></div> <div class=\"dx-dashboard-close-panel dx-toolbar-item-content\"> <div data-bind=\"dxButton: { onClick: click, type: 'normal', stylingMode: 'text', icon: 'close' }\"></div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-context-menu-panel-content\"> <!-- ko with: menuPropertiesPanel --><div class=\"dx-dashboard-context-menu-panel\" data-bind=\"css: cssClasses, style: style\"> <!-- ko if: title --> <!-- ko template: { name: 'dx-dashboard-context-menu-header', data: { title: title, click: hidePanelAction, detailVisible: detailVisible } }--> <!-- /ko --> <!-- /ko --> <!-- ko if: detailVisible --> <!-- ko template: { name: panelContent.view, data: panelContent.viewModel } --> <!-- /ko --> <!-- /ko --></div><!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-custom-range-collection-item\"> <div class=\"dx-dashboard-collection-editor-item\" data-bind=\"style: { 'font-weight': $data.customTemplateGetItemWeight($data.itemModel)}\"> <div data-bind=\"text: $root.getLocalizationById($data.parent.getItemText($data.itemModel))\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-toolbox-extension\"> <div class=\"dx-dashboard-toolbox-extension\" data-bind=\"style: { left: designerPanelLeft() + 'px' }\"> <!-- ko template: 'dx-dashboard-menu' --> <!-- /ko --> <!-- ko template: 'dx-dashboard-toolbox' --> <!-- /ko --> <!-- ko template: 'dx-dashboard-toolbar' --> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-menu\"> <!-- toogle menu button --> <div class=\"dx-dashboard-designer-menu-button\" data-bind=\"click: toggleMenu\"> <svg><use xlink:href=\"#dx-dashboard-designer-menu-icon\"></use></svg> </div> <!-- menu --> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'left top', at: 'left top', collision: 'flipfit', boundaryOffset: '0, 0', boundary: $root.getWidgetContainer(), of:  $root.getWidgetContainer(), offset: '0, 0' }, animation: { show: { type: 'slide', from: { left: -240 }, to: { left: 0 } }, hide: { type: 'slide', from: { left: 0 }, to: { left: -240 } } }, focusStateEnabled: false, showCloseButton: false, dragEnabled: false, width: settingsFormVisible() ? '100%' : 240, height: '100%', titleTemplate: 'menuTitleTemplate', hideOnOutsideClick: !settingsFormVisible(), hideOnParentScroll: false, visible: menuVisible, wrapperAttr: { class: 'dx-dashboard-designer-menu-popup' } }\"> <div class=\"dx-dashboard-designer-menu-header\" data-options=\"dxTemplate: { name: 'menuTitleTemplate' }\"> <span data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.DashboardMenu')\"></span> <div class=\"dx-dashboard-designer-menu-close\"> <div data-bind=\"dxButton: { onClick: function() { toggleMenu(); }, type: 'normal', stylingMode: 'text', icon: 'close' }\"></div> </div> </div> <div class=\"dx-dashboard-designer-menu\" data-bind=\"dxScrollView: { direction: 'vertical' }\"> <ul class=\"dx-theme-generic-typography\"> <!-- ko foreach: menuItemsSorted --> <li class=\"dx-dashboard-main-menu-item\" data-bind=\"click: disabled() ? null : $parent.menuItemClick, text: $root.getLocalizationById(title), css: { 'dx-state-selected': selected, 'dx-state-disabled': disabled, 'dx-separator': $data.hasSeparator }\"></li> <!-- /ko --> </ul> </div> <!-- ko if: settingsFormVisible() && settingsForm() --> <div class=\"dx-dashboard-dashboard-form dx-dashboard-typography dx-dashboard-property-grid dx-dashboard-settings-form\"> <div class=\"dx-dashboard-settings-form-title\" data-bind=\"text: $root.getLocalizationById(settingsForm().title)\"> </div> <div class=\"dx-dashboard-settings-form-content\"> <!-- ko template:{ name: settingsForm().template, data: settingsForm().data } --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- right form --></script><script type=\"text/html\" id=\"dx-dashboard-toolbar\"> <!-- toolbar --> <div class=\"dx-dashboard-toolbar\" data-bind=\"element-height-change-provider: { model: toolbarGroupsSorted, height: toolbarHeight } \"> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- ko foreach: toolbarGroupsSorted --> <!-- ko foreach: items --> <!-- ko if: $data['template'] --> <!-- ko template: $data['template'] --> <!-- /ko --> <!-- /ko --> <!-- ko if: $data['icon']--> <div class=\"dx-dashboard-toolbar-action\" data-bind=\"attr: { title: $root.getLocalizationById(title) }, click: click, css: { 'dx-state-disabled': disabled }\"> <svg><use data-bind=\"xlinkHref: icon\"></use></svg> </div> <!-- /ko --> <!-- /ko --> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-toolbox\"> <!-- toolbox --> <div class=\"dx-dashboard-toolbox dx-dashboard-toolbox-group-separator\" data-bind=\" dxScrollView: { direction: 'vertical'}, style: { bottom: toolbarHeight() + 'px' }\"> <!-- ko foreach: toolboxGroupsSorted --> <div class=\"dx-dashboard-toolbox-group\" data-bind=\"text: $root.getLocalizationById(title)\"></div> <!-- ko foreach: items --> <div class=\"dx-dashboard-toolbox-item\" data-bind=\"dx-dashboard-element-accessor: $parents[1].initDragEvents(type), attr: { 'data-item-type': type, title: $root.getLocalizationById(title) }, click: click, css: { 'dx-state-disabled': disabled }\" draggable=\"true\"> <svg> <use data-bind=\"xlinkHref: icon\"></use> </svg> <div class=\"dx-dashboard-toolbox-item-hover\"></div> </div> <!-- /ko --> <div class=\"dx-dashboard-toolbox-group-separator\"></div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-toolbox-extension-layout-item-placeholder\"> <div class=\"dx-toolbox-extension-layout-item-placeholder-wrapper\"> <div class=\"dx-toolbox-extension-layout-item-placeholder\"> <div data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.AddItemInvitation')\"></div> <div> <!-- ko foreach: dashboardItems --> <div class=\"dx-dashboard-toolbox-item\" data-bind=\"attr: { title: $root.getLocalizationById(title) }\"> <svg> <use data-bind=\"xlinkHref: iconName\"></use> </svg> <div class=\"dx-dashboard-toolbox-item-button\" data-bind=\"attr: { 'data-item-type': type }, click:  $parent.addDashboardItem\"></div> </div> <!-- /ko --> </div> </div> </div></script><script type=\"text/html\" id=\"dx-slidable-lists-navigation-area\"> <div class=\"dx-slidable-lists-navigation\" data-bind=\"visible: !!ancestors\"> <!-- ko with: ancestors --> <div class=\"dx-slidable-lists-breadcrumb\" data-bind=\"attr: { title: $data.map(function(el) { return $root.getLocalizationById(el); }).join('/') }\"> <!-- ko foreach: $data --> <!-- ko if: ($index() !== ($parent.length - 1)) --> <span class=\"dx-slidable-lists-navigation-path-item dx-slidable-lists-navigation-path-item-link\" data-bind=\"text: $root.getLocalizationById($data), click: function(data) { var handler = $parents[3].backClick || $parents[1].backClick; handler(data, $parent); }\"></span> <span>/</span> <!-- /ko --> <!-- ko if: ($index() === ($parent.length - 1)) --> <span class=\"dx-slidable-lists-navigation-path-item\" data-bind=\"text: $root.getLocalizationById($data)\"></span> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class=\"dx-slidable-lists-navigation-empty-area\"></div> </div></script><script type=\"text/html\" id='dx-dashboard-custom-appearance-dialog'> <div data-bind=\"dxPopup: popupOptions\"> <!-- ko if: popupOptions.visible--> <div data-bind=\"dxForm: formOptions\"> </div> <!-- /ko --> </div></script><script type=\"text/html\" id='dx-dashboard-popover-color-picker'> <div data-bind=\"dxPopover: { container: $root.getWidgetContainer(), toolbarItems: buttonItems, visible: visible, position: { of: $element.parentNode, my: 'top', at: 'bottom', boundary: $root.getWidgetContainer(), collision: 'flipfit' }, wrapperAttr: { class: 'dx-dropdowneditor-overlay dx-dashboard-cf-color-picker' } }\"> <div data-bind=\"dxColorView: { value: color, editAlphaChannel: true, applyValueMode: 'instantly' }\"> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-datasources-rename-popup\"> <div data-bind=\"dxPopup: { target: $root.getWidgetContainer(), container: $root.getWidgetContainer(), position: { my: 'center', at: 'center', boundary: '.dx-dashboard-datasource-browser-wrapper' }, width: '400px', height: '240px', animation: { }, focusStateEnabled: true, hideOnOutsideClick: false, toolbarItems: toolbarItems || [], visible: popupVisible, showTitle: true, title: title || '', wrapperAttr: { class: 'dx-dashboard-datasources-rename-popup dx-dashboard-typography' } }\"> <div> <div class=\"dx-dashboard-rename-data-source-label\"> <span data-bind=\"text: label\"></span> </div> <div data-bind=\"dxTextBox: nameTextBoxOptions, dxValidator: nameValidatorOptions\"></div> </div> </div></script><script type=\"text/html\" id=\"dx-dashboard-page-data-source-type\"> <div class=\"dx-dashboard-page-data-source-type\"> <div data-bind=\"css: { selected: selectedType() === 'Sql' }, click: function() { return selectedType('Sql'); }\"> Sql </div> <div data-bind=\"css: { selected: selectedType() === 'Olap' }, click: function() { return selectedType('Olap'); }\"> Olap </div> </div></script><script type=\"text/html\" id='dx-simple-filter-popup'> <div data-bind=\"dxPopup: viewModel.getPopupOptions($root.getWidgetContainer())\"> <!-- ko template: viewModel.fieldSelector.template --> <!-- /ko --> <!-- ko template: viewModel.filterTreeList.template --> <!-- /ko --> </div></script><script type=\"text/html\" id='dx-simple-filter-data-field-selector'> <div data-bind=\"dxSelectBox: { dataSource: fields, displayExpr: 'displayName', value: selectedField, placeholder: $root.getLocalizationById('DashboardStringId.ParametersSelectorText'), noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay'), encodeNoDataText: true, dropDownOptions: { container: $root.getWidgetContainer() }   }\"></div></script><script type=\"text/html\" id='dx-simple-filter-tree-list'> <!-- ko if: visible --> <!-- ko with: editorOptions--> <div class=\"dx-filter dx-treeview-border-visible\" data-bind=\"dxTreeList: $data\"> <div class=\"dx-filter-item\"> <span data-bind=\"text: displayName\"></span> </div> </div> <!-- /ko --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-items-header\"> <div data-bind=\"dxclick: function(data, event) { event.stopPropagation(); return false; }\"> <dx-dashboard-group-data-items params=\"model: $data.model(), holder: $data\"></dx-dashboard-group-data-items> </div></script><script type=\"text/html\" id=\"dx-dashboard-group-data-items\"> <!-- ko foreach: dataItems --> <dx-dashboard-data-item-link params=\"binding: binding, item: item, click: click, selected: false, dataItemDisplayNameProvider: dataItemDisplayNameProvider, removeDataItem: removeDataItem, placeholder: placeholder, embeddedRemovalIcon: true, error: $parent.holder.dataItemErrorFactory && $parent.holder.dataItemErrorFactory($data.item.dataItem())\"></dx-dashboard-data-item-link> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-item-general\"> <div class=\"dx-dashboard-field-chooser\" data-bind=\"css: { 'dx-dashboard-include-summary': $data.additionalProperties()}\"> <dx-field-chooser params=\"dataSourceBrowser: dataSourceBrowser, filter: constraint, startPath: dataMemberPath(), selectedField: choosenField()\"></dx-field-chooser> </div> <!-- ko with: additionalProperties --> <div data-bind=\"if: $data\"> <div data-bind=\"dx-dashboard-form-adapter: { target: $data }\" class=\"dx-dashboard-properties\"></div> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-container-types-header\"> <div class=\"dx-dashboard-container-types-header\"> <!-- do NOT reindent these lines --> <!-- ko foreach: shortAvailableContainerTypes --><div class=\"dx-dashboard-container-type\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: $data.selected, hint: $root.getLocalizationById(displayName), icon: icon, click: function(e) { $parent.itemClick($data, e.event) } } }\"> </div><!-- /ko --><!-- ko if: hasFullList --> <div class=\"dx-dashboard-container-type dx-dashboard-type-more\"> <div class=\"dx-dashboard-type-selector-more-close\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { hint: $root.getLocalizationById('DashboardStringId.CloseCaption'), icon: 'dx-dashboard-close' } }\"> </div> <div class=\"dx-dashboard-type-selector-more-full\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { hint: $root.getLocalizationById('DashboardWebStringId.Binding.ShowAll'), icon: 'dx-dashboard-group-types-full-list' } }\"> </div> </div><!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-container-type-selector-header\"> <div class=\"dx-dashboard-container-types-header-container\"> <h5 data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.FilterItem.Type')\"></h5> <div data-bind=\"template: { name: 'dx-dashboard-container-types-header' }\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-container-style-selector-header\"> <div class=\"dx-dashboard-container-types-header-container\"> <h5 data-bind=\"text: $root.getLocalizationById('DashboardWebStringId.StyleSettings')\"></h5> <div data-bind=\"template: { name: 'dx-dashboard-container-types-header' }\"></div> </div></script><script type=\"text/html\" id=\"dx-dashboard-container-type-selector-full\"> <!-- ko foreach: availableContainerTypeGroups --> <div class=\"dx-dashboard-container-types\"> <!-- ko if: $data.displayName--> <h4 data-bind=\"text: $root.getLocalizationById($data.displayName)\"></h4> <!-- /ko --> <!-- do NOT reindent these lines --> <!-- ko foreach: $parent.availableContainerTypes.filter(function (type) { return type.group === $data.name; } ) --><div class=\"dx-dashboard-container-type\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: $data.selected, hint: $root.getLocalizationById(displayName), icon: icon, click: function(e) { $parents[1].itemClick($data, e.event) } } }\"> </div><!-- /ko --> </div><!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-item-link\"> <div class=\"dx-dashboard-data-item\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: $data.selected, text: $data.item && $data.item.dataItem && $data.item.dataItem() && dataItemDisplayNameProvider($data.item.dataItem()) || (($root.ko.unwrap($data.selected) && $data.selectedPlaceholder) || $data.placeholder), click: function(e) { !!$data.propertiesController ? $data.propertiesController.processDataItemClick($data) : $data.click($data); } } }, style: { 'z-index': 1000 - $data.index }, css: { 'dx-dashboard-data-item-remove-action-visible': $root.ko.unwrap($data.selected) && !$root.ko.unwrap($data.isEmpty), 'dx-empty': $data.isEmpty, 'dx-state-warning': $data.warning, 'dx-state-error': $data.error }, attr: { draggable: !!$root.ko.unwrap($data.draggable) }\"></div> <!-- ko ifnot: $data.isEmpty  --> <div class=\"dx-dashboard-data-item-remove-action\" data-bind=\" click: function(model, event) { removeDataItem(item); event.stopPropagation(); }, css: { 'dx-dashboard-data-item-remove-action-visible': $root.ko.unwrap($data.selected) , 'dx-dashboard-data-item-remove-action-embeded': $data.embeddedRemovalIcon } \"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --></script><script type=\"text/html\" id=\"dx-dashboard-data-item-collection\"> <h4 data-bind=\"text: $root.getLocalizationById(sectionInfo.title)\"></h4> <div class=\"dx-dashboard-collection\"> <!-- ko foreach: groups --> <div class=\"dx-dashboard-drop-target\"> <div></div> </div> <div data-bind=\"css: { 'dx-dashboard-hierarchical-group': $data.groupIndex !== undefined }\"> <!-- ko foreach: items --> <dx-dashboard-data-item-link params=\"item: $data, click: $parents[1].selectDataItem, removeDataItem: $parents[1].removeDataItem, index: $index(), dataItemDisplayNameProvider: $parents[1].dataItemDisplayNameProvider, propertiesController: $parents[1].itemSurface.propertiesController, error: $parents[1].errorFactory($data), draggable: true\"></dx-dashboard-data-item-link> <!-- /ko --> </div> <!-- /ko --> <div class=\"dx-dashboard-drop-target dx-dashboard-cover-item\" data-bind=\"css: {'dx-dashboard-hierarchical-group-cover': false}\"> <div></div> </div> <dx-dashboard-data-item-link params=\"selectionTarget: newItemSample, placeholder: sectionInfo.bindingProperty.emptyPlaceholder, selectedPlaceholder: sectionInfo.bindingProperty.selectedPlaceholder, click: addClick, propertiesController: $parent.itemSurface.propertiesController, warning: $data.warning\"></dx-dashboard-data-item-link> </div></script><script type=\"text/html\" id=\"dx-dashboard-add-pane-section\"> <div class=\"dx-dashboard-add-pane\" data-bind=\"click: addPane, title: $root.getLocalizationById('DashboardWebStringId.Chart.AddPane')\"> <!-- ko lazy: { if: $parents[3].detailVisible } --> <svg><use xlink:href=\"#dx-dashboard-add-pane\"></use></svg> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-dashboard-data-item-container-collection\"> <h4 data-bind=\"text: $root.getLocalizationById(sectionInfo.title)\"></h4> <div class=\"dx-dashboard-collection\"> <!-- ko foreach: groups --> <div class=\"dx-dashboard-drop-target\"> <div></div> </div> <div data-bind=\"css: { 'dx-dashboard-hierarchical-group': $data.groupIndex !== undefined }\"> <!-- ko foreach: items --> <dx-dashboard-data-item-link params=\"draggable: true, click: $parents[1].selectDataItemContainer, item: $data, removeDataItem: $parents[1].removeDataItem, dataItemDisplayNameProvider: $parents[1].dataItemDisplayNameProvider, placeholder: $parents[1].getDisplayName($data), isEmpty: false, error: $parents[1].errorFactory($data), propertiesController: $parents[1].itemSurface.propertiesController \"></dx-dashboard-data-item-link> <!-- /ko --> </div> <!-- /ko --> <div class=\"dx-dashboard-drop-target dx-dashboard-cover-item\"> <div></div> </div> <dx-dashboard-data-item-link params=\"selectionTarget: newContainerSample, placeholder: sectionInfo.bindingProperty.emptyPlaceholder, selectedPlaceholder: sectionInfo.bindingProperty.selectedPlaceholder, click: addDataItemContainerClick, propertiesController: $parent.itemSurface.propertiesController, warning: $data.warning\"/> </div></script><script type=\"text/html\" id=\"dx-dashboard-data-item-single\"> <h4 data-bind=\"text: $root.getLocalizationById(sectionInfo.title)\"></h4> <div class=\"dx-dashboard-collection\"> <div class=\"dx-dashboard-drop-target dx-dashboard-cover-item\"> <div></div> </div> <dx-dashboard-data-item-link params=\"item: dataItemLink, removeDataItem: removeDataItem, dataItemDisplayNameProvider: dataItemDisplayNameProvider, click: selectDataItem, placeholder: sectionInfo.bindingProperty.emptyPlaceholder, selectedPlaceholder: sectionInfo.bindingProperty.selectedPlaceholder, propertiesController: $parent.itemSurface.propertiesController, error: errorFactory(dataItemLink), draggable: dataItemLink.uniqueName, warning: $data.warning\" /> </div></script><script type=\"text/html\" id='dx-dashboard-collection-editor'> <div class=\"dx-dashboard-collection-editor\"> <div class=\"dx-dashboard-collection-editor-header\" data-bind=\"visible: isToolbarVisible\"> <!-- ko if: allowAddItem --> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-add\" data-bind=\"click: add, css: { 'dx-state-disabled': !addEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-add\" /></svg> </div> <!-- /ko --> <!-- ko if: allowEditItem --> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-edit\" data-bind=\"click: edit, css: { 'dx-state-disabled': !editEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-edit\" /></svg> </div> <!-- /ko --> <!-- ko if: allowReorderItem --> <div class=\"dx-dx-dashboard-icon-separator\"></div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-arrow-down\" data-bind=\"click: down, css: { 'dx-state-disabled': !downEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-arrow-down\" /></svg> </div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-arrow-up\" data-bind=\"click: up, css: { 'dx-state-disabled': !upEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-arrow-up\" /></svg> </div> <!-- /ko --> <!-- ko if: allowRemoveItem --> <div class=\"dx-dashboard-ce-remove-icon\" data-bind=\"click: remove, css: { 'dx-dashboard-state-selected': !!removeEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --> <!-- ko foreach: customToolbarItems --> <div class=\"dx-dx-dashboard-icon-separator\"></div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-custom-action-icon\" data-bind=\"click: action, attr: { title: name }\"> <svg><use data-bind=\"attr: { 'xlink:href': icon }\" xlink:href='' /></svg> </div> <!-- /ko --> </div> <div class=\"dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"dxList: $data.getListOptions()\"></div> </div></script><script type=\"text/html\" id='dx-dashboard-editable-collection-editor'> <div class=\"dx-dashboard-collection-editor\"> <div class=\"dx-dashboard-collection-editor-header\" data-bind=\"visible: isToolbarVisible\"> <!-- ko if: allowAddItem --> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-add\" data-bind=\"click: add, css: { 'dx-state-disabled': !addEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-ce-add\" /></svg> </div> <!-- /ko --> <!-- ko if: allowReorderItem --> <div class=\"dx-dx-dashboard-icon-separator\"></div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-arrow-down\" data-bind=\"css: { 'dx-state-disabled': !downEnabled() }, click: down\"> <svg><use xlink:href=\"#dx-dashboard-ce-arrow-down\" /></svg> </div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-arrow-up\" data-bind=\"css: { 'dx-state-disabled': !upEnabled() }, click: up\"> <svg><use xlink:href=\"#dx-dashboard-ce-arrow-up\" /></svg> </div> <!-- /ko --> <!-- ko if: allowRemoveItem --> <div class=\"dx-dashboard-ce-remove-icon\" data-bind=\"click: remove, css: { 'dx-dashboard-state-selected': removeEnabled() }\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --> </div> <div class=\"dx-dashboard-editable-collection-editor\" data-bind=\"dxDataGrid: $data.getGridOptions()\"></div></script><script type=\"text/html\" id=\"dx-datasource-chooser-slider\"> <div> <div class=\"dx-field-chooser-header-container\"> </div> <div class=\"dx-field-chooser-scroll-holder dx-data-source-scroll-holder\"> <!-- ko template: 'dx-field-chooser-content-list' --> <!-- /ko --> </div> </div></script><script type=\"text/html\" id=\"dx-field-chooser-slider\"> <div> <div class=\"dx-field-chooser-header-container\"> <!-- ko template: 'dx-field-chooser-header-area' --> <!-- /ko --> </div> <div class=\"dx-field-chooser-scroll-holder\"> <!-- ko if: hasSearchResults() && isSearchMode() --> <!-- ko template: 'dx-field-chooser-content-search-results' --> <!-- /ko --> <!-- /ko --> <!-- ko if: !$data.hasSearchResults || !$data.isListMode || (!hasSearchResults() && isListMode()) --> <!-- ko template: 'dx-field-chooser-content-list' --> <!-- /ko --> <!-- /ko --> <!-- ko if: !hasSearchResults() && !isListMode() --> <!-- ko template: 'dx-field-chooser-content-treeview' --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- ko template: { name: 'dx-dashboard-calc-field-editor', data: calcFieldEditor  } --> <!-- /ko --> <!-- ko template: { name: \"dx-dashboard-confirm-dialog\", data: _inappropriateCalcFieldConfirmation } --> <!-- /ko --></script><script type=\"text/html\" id=\"dx-field-chooser-header-area\"> <div class=\"dx-field-chooser-header\" data-bind=\"css: { 'dx-field-chooser-search-mode': isSearchMode() }\"> <div class=\"dx-field-chooser-toolbar\"> <div class=\"dx-dashboard-ce-icon dx-field-chooser-search-button\" data-bind=\"click: searchButtonClick\"> <svg><use xlink:href=\"#dx-dashboard-fc-search\" /></svg> </div> <!-- ko if: canAddCalculatedField --> <div class=\"dx-dx-dashboard-icon-separator\"></div> <div class=\"dx-dashboard-ce-icon dx-dashboard-ce-icon-add\" data-bind=\"click: addCalcField\"> <svg><use xlink:href=\"#dx-dashboard-calc-field-add\" /></svg> </div> <div class=\"dx-dashboard-ce-icon\" data-bind=\"click: editCalcField, css: {'dx-state-disabled': !isCalcFieldSelected()}\"> <svg><use xlink:href=\"#dx-dashboard-ce-edit\" /></svg> </div> <!-- /ko --> <div class=\"dx-field-chooser-mode-buttons\"> <!-- ko if: canAddCalculatedField --> <div class=\"dx-dashboard-ce-icon\" data-bind=\"click: removeCalcField, css: {'dx-state-disabled': !isCalcFieldSelected()}\"> <svg><use xlink:href=\"#dx-dashboard-remove-small\" /></svg> </div> <!-- /ko --> <!-- ko if: hasGroups() --> <div class=\"dx-field-chooser-header-button\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: isListMode, icon: 'dx-dashboard-fc-mode-list', click: setListMode } }\"> </div> <div class=\"dx-field-chooser-header-button\" data-bind=\" component: { name: 'dx-dashboard-checked-button', params: { isSelected: !isListMode(), icon: 'dx-dashboard-fc-mode-tree', click: setTreeMode } }\"> </div> <!-- /ko --> </div> </div> <div class=\"dx-field-chooser-find-area\"> <div class=\"dx-field-chooser-search\"> <div data-bind=\"dxTextBox: { value: searchString, valueChangeEvent: 'keyup', showClearButton: true, placeholder: $root.getLocalizationById('DashboardWebStringId.Binding.Searching'), disabled: !isSearchMode() }\"></div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-field-chooser-content-search-results\"> <div class=\"dx-field-chooser-lists-container\"> <div class=\"dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"dxList: { items: searchResults, onItemClick: selectViaSearchResults, selectionMode: 'single', selectedItems: [selectedSearchResult()], noDataText: $root.getLocalizationById('DashboardWebStringId.Binding.EmptySearchResult'), }\"> <div data-options=\"dxTemplate : { name: 'item' }\"> <div class=\"dx-field-chooser-search-list-item\" data-bind=\"css: {'dx-has-path': path.length > 0 }\"> <div class=\"dx-field-chooser-search-list-item-name\" data-bind=\"text: item.displayName, attr: { title: $root.ko.unwrap(item.displayName).length > 30 ? item.displayName : null }, css: {'dx-dashboard-corrupted-calc-field': item.isCorruptedCalcField }\"></div> <div class=\"dx-field-chooser-search-list-item-path\" data-bind=\"text: path, attr: { title: path.length > 30 ? path : null }\"></div> <!-- ko template: { name: 'dx-field-chooser-field-type', data: item } --> <!-- /ko --> </div> </div> </div> </div></script><script type=\"text/html\" id=\"dx-field-chooser-content-list\"> <div class=\"dx-field-chooser-lists-container\"> <!-- ko foreach: lists --> <div class=\"dx-field-chooser-list\" data-bind=\"css: { 'dx-state-ready': ready }, style: { left: $element.offsetWidth * index() + 'px' }\"> <!-- ko template: { name: 'dx-slidable-lists-navigation-area', data: $data } --> <!-- /ko --> <div class=\"dx-dashboard-list dx-dashboard-empty-message\" data-bind=\"dxList: { dataSource: items, pageLoadMode: 'scrollBottom', onItemClick: itemClick, selectionMode: 'single', selectedItemKeys: selectedItemName, keyExpr: 'name', onInitialized: onInitialized, onContentReady: onContentReady, encodeNoDataText: true, noDataText: $root.getLocalizationById('DashboardStringId.FilterElementNoDataToDisplay') }, css: { 'dx-hierarchical-field-chooser-list' : !!ancestors }\"> <div data-options=\"dxTemplate : { name: 'item' }\"> <div class=\"dx-field-chooser-list-item\" data-bind=\"attr: { title: displayName }, css: { 'dx-dashboard-has-children': $root.ko.unwrap(isGroup) }\"> <span data-bind=\"text: displayName, css: {'dx-dashboard-corrupted-calc-field': $data.isCorruptedCalcField }\"></span> <!-- ko template: 'dx-field-chooser-field-type' --> <!-- /ko --> </div> </div> </div> <div class=\"dx-field-chooser-list-loading\" data-bind=\"dxLoadIndicator: { visible: loading }\"> </div> </div> <!-- /ko --> </div></script><script type=\"text/html\" id=\"dx-field-chooser-content-treeview\"> <div class=\"dx-field-chooser-tree-view-container\"> <div class=\"dx-dashboard-treeview dx-dashboard-empty-message dx-field-chooser-tree-view\" data-bind=\"dxTreeView: dataSourceTreeOptions\"> <div class=\"dx-field-chooser-list-item\" data-bind=\"css: { 'dx-field-chooser-group-list-item': $data.isGroup }\"> <span data-bind=\"text: displayName, attr: { title: $root.ko.unwrap(displayName).length > 20 ? displayName : null }, css: {'dx-dashboard-corrupted-calc-field': $data.isCorruptedCalcField }\" ></span> <!-- ko template: 'dx-field-chooser-field-type' --> <!-- /ko --> </div> </div> </div></script><script type=\"text/html\" id=\"dx-field-chooser-field-type\"> <div class=\"dx-dashboard-field-kind\" data-bind=\"if: isOlap || isCalcField\"> <!-- ko if: $data.isOlapDimension--> <svg> <use xlink:href=\"#dx-dashboard-olap-dimension\" /> </svg> <!-- /ko --> <!-- ko if: $data.isOlapDimensionHierarchy--> <svg> <use xlink:href=\"#dx-dashboard-olap-dimension-hierarchy\" /> </svg> <!-- /ko --> <!-- ko if: $data.isOlapMeasure--> <svg> <use xlink:href=\"#dx-dashboard-olap-measure\" /> </svg> <!-- /ko --> <!-- ko if: $data.isCalcField--> <!-- ko if: $data.isAggregate--> <svg><use xlink:href=\"#dx-dashboard-calc-field-aggregate\" /></svg> <!-- /ko --> <!-- ko ifnot: $data.isAggregate--> <svg><use xlink:href=\"#dx-dashboard-calc-field\" /></svg> <!-- /ko --> <!-- /ko --> </div> <div class=\"dx-dashboard-field-type dxb-pe-auto\" data-bind=\"attr: { title: $data.typeTooltip}, style: { cursor: $data.isList ? 'default' : 'inherit' }\"> <!-- ko if: !$data.isCorruptedCalcField --> <svg> <use data-bind=\"xlinkHref: 'dx-dashboard-datatype-' + $data.normalizedType\"></use> </svg> <!-- /ko --> <!-- ko if: $data.isCorruptedCalcField --> <svg> <use xlink:href=\"#dx-dashboard-calc-field-corrupted\" /> </svg> <!-- /ko --> </div></script>" };