UNPKG

@finos/perspective-viewer

Version:

The `<perspective-viewer>` Custom Element, frontend for Perspective.js

github.com/finos/perspective

finos/perspective

8 lines (7 loc) • 15.4 kB
1
2
3
4
5
6
7
8
{ "version": 3, "sources": ["../../src/themes/material-dark.less"], "sourcesContent": ["/******************************************************************************\n *\n * Copyright (c) 2017, the Perspective Authors.\n *\n * This file is part of the Perspective library, distributed under the terms of\n * the Apache License 2.0. The full license can be found in the LICENSE file.\n *\n */\n@import url(\"https://fonts.googleapis.com/css?family=Roboto+Mono:200,400%7CMaterial+Icons%7COpen+Sans:300,400,700\");\n@import url(\"https://unpkg.com/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css\");\n/******************************************************************************\n *\n * Copyright (c) 2017, the Perspective Authors.\n *\n * This file is part of the Perspective library, distributed under the terms of\n * the Apache License 2.0. The full license can be found in the LICENSE file.\n *\n */\nperspective-viewer,\nperspective-viewer[theme=\"Material Dark\"] {\n --theme-name: \"Material Dark\";\n}\nperspective-viewer[theme=\"Material Dark\"],\n.perspective-viewer-material-dark {\n --button--font-size: 16px;\n --config-button--padding: 15px 8px 6px 8px;\n --column-drop-label--font-size: 8px;\n --column-drop-container--padding: 0px;\n --column-drop-label--display: inline-block;\n --column-selector--width: 24px;\n --column-selector--font-size: 16px;\n --column_type--width: 25px;\n --select--padding: 0px;\n --side-panel--padding: 12px 0px 6px 8px;\n --top-panel--padding: 0px 0px 12px 0px;\n --top-panel-row--display: inline-flex;\n color: #161616;\n background-color: #f2f4f6;\n --active--color: #2670a9;\n --error--color: #ff471e;\n --plugin--background: #ffffff;\n --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n --select--background-color: none;\n --column-drop-container--background: none;\n --float--column-type--color: #2670a9;\n --string--column-type--color: #e32b16;\n --date--column-type--color: #24874b;\n --boolean--column-type--color: #ea7319;\n font-family: \"Open Sans\";\n --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n --interface-monospace--font-family: \"Roboto Mono\";\n --button--font-family: \"Material Icons\";\n --group_by--content: \"Group By\";\n --split_by--content: \"Split By\";\n --inactive-column-selector--content: \"\\E835\";\n --active-column-selector--content: \"\\E834\";\n --config-button-icon--content: \"more_vert\";\n --overflow-hint-icon--content: \"error_outline\";\n --status-icon--content: \"circle\";\n --status-bar-counter--content: \"arrow_back\";\n --reset-button-icon--content: \"refresh\";\n --export-button-icon--content: \"download\";\n --copy-button-icon--content: \"content_copy\";\n --save-button-icon--content: \"save\";\n --theme-button-icon--content: \"palette\";\n --transpose-button--content: \"swap_horiz\";\n --sort-order-asc--content: \"arrow_upward\";\n --sort-order-desc--content: \"arrow_downward\";\n --sort-order-none--content: \"remove\";\n --sort-order-col-asc--content: \"arrow_forward\";\n --sort-order-col-desc--content: \"arrow_back\";\n --column-add--content: \"add\";\n --column-menu--content: \"menu\";\n --column-close--content: \"close\";\n --d3fc-y1-label--content: \"arrow_upward\";\n --d3fc-y2-label--content: \"arrow_downward\";\n --d3fc-treedata-axis--lines: none;\n --d3fc-tooltip--background--color: rgba(155, 155, 155, 0.8);\n --d3fc-tooltip--color: #161616;\n --d3fc-tooltip--border-color: #fff;\n --d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n --d3fc-gridline--color: #eaedef;\n --d3fc-axis-ticks--color: #161616;\n --d3fc-axis--lines: #c5c9d0;\n --d3fc-legend--background: rgba(255, 255, 255, 0.8);\n --d3fc-series: rgba(31, 119, 180, 0.8);\n --d3fc-series-1: #0366d6;\n --d3fc-series-2: #ff7f0e;\n --d3fc-series-3: #2ca02c;\n --d3fc-series-4: #d62728;\n --d3fc-series-5: #9467bd;\n --d3fc-series-6: #8c564b;\n --d3fc-series-7: #e377c2;\n --d3fc-series-8: #7f7f7f;\n --d3fc-series-9: #bcbd22;\n --d3fc-series-10: #17becf;\n --d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);\n --d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);\n --d3fc-negative--gradient: linear-gradient(#4d342f 0%, #e4521b 50%, #feeb65 100%);\n --rt-pos-cell--color: #338dcd;\n --rt-neg-cell--color: #ff471e;\n --column-style-open-button--content: \"menu\";\n --column-style-close-button--content: \"expand_less\";\n --tree-label-collapse--content: \"remove\";\n --tree-label-expand--content: \"add\";\n background-color: #242526;\n color: white;\n --monaco-theme: vs-dark;\n --active--color: #2770a9;\n --error--color: #ff9485;\n --inactive--color: #4c505b;\n --plugin--background: #2a2c2f;\n --modal-target--background: rgba(255, 255, 255, 0.05);\n --select--background-color: #242526;\n --active--background: rgba(39, 113, 170, 0.5);\n --expression--operator-color: #c5c9d0;\n --expression--function-color: #22a0ce;\n --expression--error-color: #ff8888;\n --calendar--filter: invert(1);\n --warning--color: #333;\n --float--column-type--color: #7dc3f0;\n --string--column-type--color: #ff9485;\n --date--column-type--color: #70c77f;\n --boolean--column-type--color: #fec55e;\n --d3fc-legend--text: #c5c9d0;\n --d3fc-treedata--labels: white;\n --d3fc-treedata--hover-highlight: white;\n --d3fc-tooltip--color: white;\n --d3fc-axis-ticks--color: #c5c9d0;\n --d3fc-axis--lines: #61656e;\n --d3fc-gridline--color: #3b3f46;\n --d3fc-tooltip--background: #2a2c2f;\n --d3fc-tooltip--border-color: #242526;\n --d3fc-legend--background: rgba(42, 44, 47, 0.8);\n --d3fc-series: #4778c2;\n --d3fc-series-1: #4778c2;\n --d3fc-series-2: #cc7830;\n --d3fc-series-3: #9e54c0;\n --d3fc-series-4: #339699;\n --d3fc-series-5: #66728f;\n --d3fc-series-6: #d367bd;\n --d3fc-series-7: #6d7c4d;\n --d3fc-series-8: #dd6367;\n --d3fc-series-9: #7868ce;\n --d3fc-series-10: #17a67b;\n --d3fc-full--gradient: linear-gradient(#dd6367 0%, #242526 50%, #3289c8 100%);\n --d3fc-positive--gradient: linear-gradient(#242526 0%, #3289c8 100%);\n --d3fc-negative--gradient: linear-gradient(#dd6367 0%, #242526 100%);\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-material-dark regular-table::-webkit-scrollbar-thumb {\n background-color: #e0e4e9;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table,\n.perspective-viewer-material-dark regular-table {\n mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n -webkit-mask-image: linear-gradient(black, black), linear-gradient(to top, transparent 10%, black 90%), linear-gradient(to left, transparent 10%, black 90%);\n mask-position: -12px -12px, bottom right, bottom right;\n -webkit-mask-position: -12px -12px, bottom right, bottom right;\n mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n -webkit-mask-size: 100% 100%, 12px 1000%, 1000% 12px;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n transition: -webkit-mask-position 0.3s, mask-position 0.3s;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table:hover,\n.perspective-viewer-material-dark regular-table:hover {\n mask-position: -12px -12px, top right, bottom left;\n -webkit-mask-position: -12px -12px, top right, bottom left;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table,\n.perspective-viewer-material-dark regular-table {\n --rt-pos-cell--color: #7dc3f0;\n --rt-neg-cell--color: #ff9485;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table table,\n.perspective-viewer-material-dark regular-table table {\n color: white;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table table tr:hover,\n.perspective-viewer-material-dark regular-table table tr:hover {\n color: white;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table table tbody tr td,\n.perspective-viewer-material-dark regular-table table tbody tr td,\nperspective-viewer[theme=\"Material Dark\"] regular-table table tbody tr th,\n.perspective-viewer-material-dark regular-table table tbody tr th {\n --rt-hover--border-color: #61656e;\n border-top-color: #3b3f46;\n}\nperspective-viewer[theme=\"Material Dark\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-material-dark regular-table::-webkit-scrollbar-thumb {\n background-color: #3b3f46;\n}\nperspective-viewer[theme=\"Material Dark\"] tbody th:empty,\n.perspective-viewer-material-dark tbody th:empty {\n background: linear-gradient(to right, transparent 9px, #3b3f46 10px, transparent 11px);\n background-repeat: no-repeat;\n background-position: 0px -10px;\n}\nperspective-copy-dropdown[theme=\"Material Dark\"],\nperspective-export-dropdown[theme=\"Material Dark\"],\nperspective-filter-dropdown[theme=\"Material Dark\"],\nperspective-number-column-style[theme=\"Material Dark\"],\nperspective-string-column-style[theme=\"Material Dark\"],\nperspective-expression-editor[theme=\"Material Dark\"],\n.perspective-modal-material-dark {\n font-family: \"Open Sans\";\n --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons:400\";\n --interface-monospace--font-family: \"Roboto Mono\";\n --button--font-family: \"Material Icons\";\n color: #161616;\n background-color: #f2f4f6;\n --active--color: #2670a9;\n --error--color: #ff471e;\n --plugin--background: #ffffff;\n --overflow-hint-icon--color: rgba(0, 0, 0, 0.2);\n --select--background-color: none;\n --column-drop-container--background: none;\n --float--column-type--color: #2670a9;\n --string--column-type--color: #e32b16;\n --date--column-type--color: #24874b;\n --boolean--column-type--color: #ea7319;\n background-color: white;\n --column-style-pos-color--content: \"add\";\n --column-style-neg-color--content: \"remove\";\n --save-button-icon--content: \"save\";\n --reset-button-icon--content: \"refresh\";\n --column-style-radio--appearance: none;\n --column-style-radio-checked--content: \"radio_button_checked\";\n --column-style-radio-unchecked--content: \"radio_button_unchecked\";\n --column-style-checkbox--appearance: none;\n --column-style-checkbox-checked--content: \"check_box\";\n --column-style-checkbox-unchecked--content: \"check_box_outline_blank\";\n background-color: #242526;\n color: white;\n --monaco-theme: vs-dark;\n --active--color: #2770a9;\n --error--color: #ff9485;\n --inactive--color: #4c505b;\n --plugin--background: #2a2c2f;\n --modal-target--background: rgba(255, 255, 255, 0.05);\n --select--background-color: #242526;\n --active--background: rgba(39, 113, 170, 0.5);\n --expression--operator-color: #c5c9d0;\n --expression--function-color: #22a0ce;\n --expression--error-color: #ff8888;\n --calendar--filter: invert(1);\n --warning--color: #333;\n --float--column-type--color: #7dc3f0;\n --string--column-type--color: #ff9485;\n --date--column-type--color: #70c77f;\n --boolean--column-type--color: #fec55e;\n background-color: #2a2c2f;\n border: 1px solid #4c505b;\n}\n.perspective-viewer-material-dark--colors {\n background-color: #242526;\n color: white;\n --monaco-theme: vs-dark;\n --active--color: #2770a9;\n --error--color: #ff9485;\n --inactive--color: #4c505b;\n --plugin--background: #2a2c2f;\n --modal-target--background: rgba(255, 255, 255, 0.05);\n --select--background-color: #242526;\n --active--background: rgba(39, 113, 170, 0.5);\n --expression--operator-color: #c5c9d0;\n --expression--function-color: #22a0ce;\n --expression--error-color: #ff8888;\n --calendar--filter: invert(1);\n --warning--color: #333;\n --float--column-type--color: #7dc3f0;\n --string--column-type--color: #ff9485;\n --date--column-type--color: #70c77f;\n --boolean--column-type--color: #fec55e;\n}\n.perspective-viewer-material-dark--datagrid regular-table {\n --rt-pos-cell--color: #7dc3f0;\n --rt-neg-cell--color: #ff9485;\n}\n.perspective-viewer-material-dark--datagrid regular-table table {\n color: white;\n}\n.perspective-viewer-material-dark--datagrid regular-table table tr:hover {\n color: white;\n}\n.perspective-viewer-material-dark--datagrid regular-table table tbody tr td,\n.perspective-viewer-material-dark--datagrid regular-table table tbody tr th {\n --rt-hover--border-color: #61656e;\n border-top-color: #3b3f46;\n}\n.perspective-viewer-material-dark--datagrid regular-table::-webkit-scrollbar-thumb {\n background-color: #3b3f46;\n}\n.perspective-viewer-material-dark--datagrid tbody th:empty {\n background: linear-gradient(to right, transparent 9px, #3b3f46 10px, transparent 11px);\n background-repeat: no-repeat;\n background-position: 0px -10px;\n}\n.perspective-viewer-material-dark--d3fc {\n --d3fc-legend--text: #c5c9d0;\n --d3fc-treedata--labels: white;\n --d3fc-treedata--hover-highlight: white;\n --d3fc-tooltip--color: white;\n --d3fc-axis-ticks--color: #c5c9d0;\n --d3fc-axis--lines: #61656e;\n --d3fc-gridline--color: #3b3f46;\n --d3fc-tooltip--background: #2a2c2f;\n --d3fc-tooltip--border-color: #242526;\n --d3fc-legend--background: rgba(42, 44, 47, 0.8);\n --d3fc-series: #4778c2;\n --d3fc-series-1: #4778c2;\n --d3fc-series-2: #cc7830;\n --d3fc-series-3: #9e54c0;\n --d3fc-series-4: #339699;\n --d3fc-series-5: #66728f;\n --d3fc-series-6: #d367bd;\n --d3fc-series-7: #6d7c4d;\n --d3fc-series-8: #dd6367;\n --d3fc-series-9: #7868ce;\n --d3fc-series-10: #17a67b;\n --d3fc-full--gradient: linear-gradient(#dd6367 0%, #242526 50%, #3289c8 100%);\n --d3fc-positive--gradient: linear-gradient(#242526 0%, #3289c8 100%);\n --d3fc-negative--gradient: linear-gradient(#dd6367 0%, #242526 100%);\n}\n"], "mappings": "2MAkBA,6DAEE,8BAEF,4EAEE,0BACA,2CACA,oCACA,sCACA,2CACA,+BACA,mCACA,2BACA,uBACA,wCACA,uCACA,sCACA,cACA,yBACA,yBACA,wBACA,8BACA,+CACA,iCACA,0CACA,qCACA,sCACA,oCACA,uCACA,wBACA,wEACA,kDACA,wCACA,gCACA,gCACA,6CACA,2CACA,2CACA,+CACA,iCACA,4CACA,wCACA,0CACA,4CACA,oCACA,wCACA,0CACA,0CACA,6CACA,qCACA,+CACA,6CACA,6BACA,+BACA,iCACA,yCACA,2CACA,kCACA,2DACA,+BACA,mCACA,0DACA,gCACA,kCACA,4BACA,mDACA,sCACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0IACA,kFACA,kFACA,8BACA,8BACA,4CACA,oDACA,yCACA,oCACA,yBACA,WACA,wBACA,yBACA,wBACA,2BACA,8BACA,qDACA,oCACA,6CACA,sCACA,sCACA,mCACA,8BACA,uBACA,qCACA,sCACA,oCACA,uCACA,6BACA,+BACA,wCACA,6BACA,kCACA,4BACA,gCACA,oCACA,sCACA,gDACA,uBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,8EACA,qEACA,qEAEF,0JAEE,yBAEF,wGAEE,6IACA,qJACA,oDACA,4DACA,0CACA,kDACA,sBACA,8BACA,uDAEF,oHAEE,gDACA,wDAEF,wGAEE,8BACA,8BAEF,oHAEE,WAEF,sIAEE,WAEF,wRAIE,kCACA,yBAEF,0JAEE,yBAEF,0GAEE,mFACA,4BACA,8BAEF,2VAOE,wBACA,wEACA,kDACA,wCACA,cACA,yBACA,yBACA,wBACA,8BACA,+CACA,iCACA,0CACA,qCACA,sCACA,oCACA,uCACA,sBACA,yCACA,4CACA,oCACA,wCACA,uCACA,8DACA,kEACA,0CACA,sDACA,sEACA,yBACA,WACA,wBACA,yBACA,wBACA,2BACA,8BACA,qDACA,oCACA,6CACA,sCACA,sCACA,mCACA,8BACA,uBACA,qCACA,sCACA,oCACA,uCACA,yBACA,yBAEF,0CACE,yBACA,WACA,wBACA,yBACA,wBACA,2BACA,8BACA,qDACA,oCACA,6CACA,sCACA,sCACA,mCACA,8BACA,uBACA,qCACA,sCACA,oCACA,uCAEF,0DACE,8BACA,8BAEF,gEACE,WAEF,yEACE,WAEF,wJAEE,kCACA,yBAEF,mFACE,yBAEF,2DACE,mFACA,4BACA,8BAEF,wCACE,6BACA,+BACA,wCACA,6BACA,kCACA,4BACA,gCACA,oCACA,sCACA,gDACA,uBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,8EACA,qEACA", "names": [] }