perspective-viewer 4.4.1

A data visualization and analytics component, especially well-suited for large and/or streaming datasets.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107

/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
 * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
 * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
 * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
 * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
 * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
 * ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
 * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
 * ┃ This file is part of the Perspective library, distributed under the terms ┃
 * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
 * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */

perspective-viewer,
perspective-workspace,
perspective-copy-menu,
perspective-export-menu,
perspective-dropdown,
perspective-date-column-style,
perspective-datetime-column-style,
perspective-number-column-style,
perspective-string-column-style {
    /* Icons */
    --psp-column-type--integer--mask-image: url("../svg/number-type.svg");
    --psp-column-type--float--mask-image: var(
        --psp-column-type--integer--mask-image
    );
    --psp-column-type--string--mask-image: url("../svg/string-type.svg");
    --psp-column-type--date--mask-image: url("../svg/date-type.svg");
    --psp-column-type--boolean--mask-image: url("../svg/boolean-type.svg");
    --psp-column-type--datetime--mask-image: var(
        --psp-column-type--date--mask-image
    );
    --psp-icon--column-drag-handle--mask-image: url("../svg/drag-handle.svg");
    --psp-icon--radio-on--mask-image: url("../svg/radio-on.svg");
    --psp-icon--radio-hover--mask-image: url("../svg/radio-hover.svg");
    --psp-icon--radio-off--mask-image: url("../svg/radio-off.svg");
    --psp-icon--checkbox-on--mask-image: url("../svg/checkbox-on.svg");
    --psp-icon--checkbox-hover--mask-image: url("../svg/checkbox-hover.svg");
    --psp-icon--checkbox-off--mask-image: url("../svg/checkbox-off.svg");
    --psp-icon--column-settings--mask-image: url("../svg/column-settings-icon.svg");
    --psp-icon--sort-asc--mask-image: url("../svg/sort-asc-icon.svg");
    --psp-icon--sort-desc--mask-image: url("../svg/sort-desc-icon.svg");
    --psp-icon--sort-col-asc--mask-image: url("../svg/sort-col-asc-icon.svg");
    --psp-icon--sort-col-desc--mask-image: url("../svg/sort-col-desc-icon.svg");
    --psp-icon--sort-abs-asc--mask-image: url("../svg/sort-abs-asc-icon.svg");
    --psp-icon--sort-abs-desc--mask-image: url("../svg/sort-abs-desc-icon.svg");
    --psp-icon--sort-abs-col-asc--mask-image: url("../svg/sort-abs-col-asc-icon.svg");
    --psp-icon--sort-abs-col-desc--mask-image: url("../svg/sort-abs-col-desc-icon.svg");
    --psp-icon--sort-none--mask-image: url("../svg/sort-none-icon.svg");
    --psp-icon--add-expression--mask-image: url("../svg/expression.svg");
    --psp-icon--close--mask-image: url("../svg/close-icon.svg");
    --psp-label--inactive-column-selector--content: url("../svg/checkbox-unchecked-icon.svg");
    --psp-label--active-column-selector--content: url("../svg/checkbox-checked-icon.svg");
    --psp-icon--select-arrow-light--mask-image: url("../svg/dropdown-selector-light.svg");
    --psp-icon--select-arrow-dark--mask-image: url("../svg/dropdown-selector.svg");
    --psp-icon-overflow-hint--content: "!";
    --psp-label--reset-button-icon--content: "refresh";
    --psp-label--save-button-icon--content: "save";

    --psp-icon--updating--mask-image: url("../svg/updating.gif");
    --psp-icon--downloading--mask-image: url("../svg/downloading.gif");
    --psp-icon--status-ok--mask-image: url(../svg/status_ok.svg);
    --psp-icon--export--mask-image: url("../svg/export-icon.svg");
    --psp-icon--free-scroll--mask-image: url("../svg/free-scroll-icon.svg");
    --psp-icon--reset--mask-image: url("../svg/revert-icon.svg");
    --psp-icon--copy--mask-image: url("../svg/duplicate-icon.svg");
    --psp-icon--theme--mask-image: url("../svg/theme-icon.svg");

    --psp-icon--drawer-tab--mask-image: url(../svg/drawer-tab.svg);
    --psp-icon--drawer-tab-hover--mask-image: url(../svg/drawer-tab-hover.svg);
    --psp-icon--drawer-tab-inverted--mask-image: url(../svg/drawer-tab-invert.svg);
    --psp-icon--drawer-tab-inverted-hover--mask-image: url(../svg/drawer-tab-invert-hover.svg);

    --psp-sidebar--background: var(--psp--background-color)
        url(../svg/bg-pattern.png);

    /* Plugin Selector */
    --psp-plugin-selector--candlestick--content: url(../svg/mega-menu-icons-candlestick.svg);
    --psp-plugin-selector--heatmap--content: url(../svg/mega-menu-icons-heatmap.svg);
    --psp-plugin-selector--map-scatter--content: url(../svg/mega-menu-icons-map-scatter.svg);
    --psp-plugin-selector--ohlc--content: url(../svg/mega-menu-icons-ohlc.svg);
    --psp-plugin-selector--sunburst--content: url(../svg/mega-menu-icons-sunburst.svg);
    --psp-plugin-selector--treemap--content: url(../svg/mega-menu-icons-treemap.svg);
    --psp-plugin-selector--x-bar--content: url(../svg/mega-menu-icons-x-bar.svg);
    --psp-plugin-selector--x-y-line--content: url(../svg/mega-menu-icons-x-y-line.svg);
    --psp-plugin-selector--x-y-scatter--content: url(../svg/mega-menu-icons-x-y-scatter.svg);
    --psp-plugin-selector--y-area--content: url(../svg/mega-menu-icons-y-area.svg);
    --psp-plugin-selector--y-bar--content: url(../svg/mega-menu-icons-y-bar.svg);
    --psp-plugin-selector--y-line--content: url(../svg/mega-menu-icons-y-line.svg);
    --psp-plugin-selector--y-scatter--content: url(../svg/mega-menu-icons-y-scatter.svg);
    --psp-plugin-selector--datagrid--content: url(../svg/mega-menu-icons-datagrid.svg);

    /* Datagrid */
    /* `regular-table` icons */
    --psp-label--column-style-open-button--content: "style";
    --psp-label--column-style-close-button--content: ">\00a0 style";
    --psp-label--tree-collapse--content: "-";
    --psp-label--tree-expand--content: "+";
    --psp-toolbar-scroll-lock--content: url("../svg/free-scroll-icon.svg");
    --psp-toolbar-scroll-lock-active--content: url("../svg/align-scroll-icon.svg");
    --psp-toolbar-edit-mode-read-only--content: url("../svg/read-only-icon.svg");
    --psp-toolbar-edit-mode-edit--content: url("../svg/editable-icon.svg");
    --psp-toolbar-edit-mode-select-row--content: url("../svg/datagrid-select-row.svg");
    --psp-toolbar-edit-mode-select-column--content: url("../svg/datagrid-select-column.svg");
    --psp-toolbar-edit-mode-select-region--content: url("../svg/datagrid-select-region.svg");
    --psp-toolbar-edit-mode-select-row-tree--content: url("../svg/datagrid-select-row-tree.svg");
}