@finos/perspective-viewer
Version:
The `<perspective-viewer>` Custom Element, frontend for Perspective.js
8 lines (7 loc) • 18.1 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../src/themes/vaporwave.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+Outlined%7COpen+Sans:300,400,700\");\nperspective-viewer,\nperspective-viewer[theme=\"Vaporwave\"] {\n --theme-name: \"Vaporwave\";\n}\nperspective-viewer[theme=\"Vaporwave\"],\n.perspective-viewer-vaporwave {\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 color: #49acff;\n background: #07081d !important;\n --inactive--color: #132132 !important;\n --plugin--border: 1px solid #132132 !important;\n --plugin--background: #07081d !important;\n --status-icon-updating-keyframes-start--filter: opacity(1);\n --status-icon-updating-keyframes-end--filter: opacity(0);\n --status-icon-updating-keyframes-start--transform: scale(1);\n --status-icon-updating-keyframes-end--transform: scale(0.5);\n --status-icon-keyframes-start--transform: scale(1.25);\n --status-icon-keyframes-end--transform: scale(1);\n --button--font-family: \"Material Icons Outlined\";\n --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons Outlined:400\";\n --d3fc-axis-ticks--color: #49acff;\n --d3fc-gridline--color: #132132;\n --d3fc-series: #01cdfe;\n --d3fc-series-1: #ff71ce;\n --d3fc-series-2: #01cdfe;\n --d3fc-series-3: #05ffa1;\n --d3fc-series-4: #b967ff;\n --d3fc-series-5: #fffb96;\n --d3fc-series-6: hsl(192, 99%, 25%);\n --d3fc-series-7: hsl(321, 100%, 36%);\n --d3fc-series-8: hsl(192, 99%, 25%);\n --d3fc-series-9: hsl(157, 100%, 25%);\n --d3fc-series-10: hsl(272, 100%, 35%);\n --d3fc-negative--gradient: linear-gradient(#f3d431, #efb92d, #ed9c25, #eb7e20, #e75d1e, #d14632, #b03e38, #8c3a36, #643633, #07081d) !important;\n --d3fc-positive--gradient: linear-gradient(#07081d, #2e4463, #1e588a, #086da7, #0082b9, #039ac7, #12b1d4, #2bc8e2, #3ddff0, #61f4fb) !important;\n --d3fc-full--gradient: linear-gradient(#f3d431, #efb92d, #ed9c25, #eb7e20, #e75d1e, #d14632, #b03e38, #8c3a36, #643633, #07081d, #2e4463, #1e588a, #086da7, #0082b9, #039ac7, #12b1d4, #2bc8e2, #3ddff0, #61f4fb) !important;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-vaporwave regular-table::-webkit-scrollbar-thumb {\n background-color: #e0e4e9;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table,\n.perspective-viewer-vaporwave 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=\"Vaporwave\"] regular-table:hover,\n.perspective-viewer-vaporwave 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=\"Vaporwave\"] regular-table,\n.perspective-viewer-vaporwave regular-table {\n --rt-pos-cell--color: #7dc3f0;\n --rt-neg-cell--color: #ff9485;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table table,\n.perspective-viewer-vaporwave regular-table table {\n color: white;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table table tr:hover,\n.perspective-viewer-vaporwave regular-table table tr:hover {\n color: white;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table table tbody tr td,\n.perspective-viewer-vaporwave regular-table table tbody tr td,\nperspective-viewer[theme=\"Vaporwave\"] regular-table table tbody tr th,\n.perspective-viewer-vaporwave regular-table table tbody tr th {\n --rt-hover--border-color: #61656e;\n border-top-color: #3b3f46;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table::-webkit-scrollbar-thumb,\n.perspective-viewer-vaporwave regular-table::-webkit-scrollbar-thumb {\n background-color: #3b3f46;\n}\nperspective-viewer[theme=\"Vaporwave\"] tbody th:empty,\n.perspective-viewer-vaporwave 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-viewer[theme=\"Vaporwave\"] regular-table,\n.perspective-viewer-vaporwave regular-table {\n --pp-color-1: #092132;\n --pp-color-2: #42b6e6;\n --rt-pos-cell--color: #42b6e6 !important;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table td,\n.perspective-viewer-vaporwave regular-table td,\nperspective-viewer[theme=\"Vaporwave\"] th,\n.perspective-viewer-vaporwave th {\n --rt-hover--border-color: var(--pp-color-1) !important;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table table tbody tr td,\n.perspective-viewer-vaporwave regular-table table tbody tr td,\nperspective-viewer[theme=\"Vaporwave\"] regular-table table tbody tr th,\n.perspective-viewer-vaporwave regular-table table tbody tr th {\n border-top-color: #132132 !important;\n}\nperspective-viewer[theme=\"Vaporwave\"] regular-table table tbody th:empty,\n.perspective-viewer-vaporwave regular-table table tbody th:empty {\n background: linear-gradient(to right, transparent 9px, #132132 10px, transparent 11px);\n background-repeat: no-repeat;\n background-position: 0px -10px;\n}\nperspective-copy-dropdown[theme=\"Vaporwave\"],\nperspective-export-dropdown[theme=\"Vaporwave\"],\nperspective-filter-dropdown[theme=\"Vaporwave\"],\nperspective-number-column-style[theme=\"Vaporwave\"],\nperspective-string-column-style[theme=\"Vaporwave\"],\nperspective-expression-editor[theme=\"Vaporwave\"],\n.perspective-modal-vaporwave {\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 color: #49acff;\n background: #07081d !important;\n --inactive--color: #132132 !important;\n --plugin--border: 1px solid #132132 !important;\n --plugin--background: #07081d !important;\n background-color: #07081d;\n}\n.perspective-viewer-vaporwave--fonts {\n --button--font-family: \"Material Icons Outlined\";\n --preload-fonts: \"Roboto Mono:200;Open Sans:300,400;Material Icons Outlined:400\";\n}\n.perspective-viewer-vaporwave--colors {\n color: #49acff;\n background: #07081d !important;\n --inactive--color: #132132 !important;\n --plugin--border: 1px solid #132132 !important;\n --plugin--background: #07081d !important;\n}\n.perspective-viewer-vaporwave--animation {\n --status-icon-updating-keyframes-start--filter: opacity(1);\n --status-icon-updating-keyframes-end--filter: opacity(0);\n --status-icon-updating-keyframes-start--transform: scale(1);\n --status-icon-updating-keyframes-end--transform: scale(0.5);\n --status-icon-keyframes-start--transform: scale(1.25);\n --status-icon-keyframes-end--transform: scale(1);\n}\n.perspective-viewer-vaporwave--datagrid regular-table {\n --pp-color-1: #092132;\n --pp-color-2: #42b6e6;\n --rt-pos-cell--color: #42b6e6 !important;\n}\n.perspective-viewer-vaporwave--datagrid regular-table td,\n.perspective-viewer-vaporwave--datagrid th {\n --rt-hover--border-color: var(--pp-color-1) !important;\n}\n.perspective-viewer-vaporwave--datagrid regular-table table tbody tr td,\n.perspective-viewer-vaporwave--datagrid regular-table table tbody tr th {\n border-top-color: #132132 !important;\n}\n.perspective-viewer-vaporwave--datagrid regular-table table tbody th:empty {\n background: linear-gradient(to right, transparent 9px, #132132 10px, transparent 11px);\n background-repeat: no-repeat;\n background-position: 0px -10px;\n}\n.perspective-viewer-vaporwave--d3fc {\n --d3fc-axis-ticks--color: #49acff;\n --d3fc-gridline--color: #132132;\n --d3fc-series: #01cdfe;\n --d3fc-series-1: #ff71ce;\n --d3fc-series-2: #01cdfe;\n --d3fc-series-3: #05ffa1;\n --d3fc-series-4: #b967ff;\n --d3fc-series-5: #fffb96;\n --d3fc-series-6: hsl(192, 99%, 25%);\n --d3fc-series-7: hsl(321, 100%, 36%);\n --d3fc-series-8: hsl(192, 99%, 25%);\n --d3fc-series-9: hsl(157, 100%, 25%);\n --d3fc-series-10: hsl(272, 100%, 35%);\n --d3fc-negative--gradient: linear-gradient(#f3d431, #efb92d, #ed9c25, #eb7e20, #e75d1e, #d14632, #b03e38, #8c3a36, #643633, #07081d) !important;\n --d3fc-positive--gradient: linear-gradient(#07081d, #2e4463, #1e588a, #086da7, #0082b9, #039ac7, #12b1d4, #2bc8e2, #3ddff0, #61f4fb) !important;\n --d3fc-full--gradient: linear-gradient(#f3d431, #efb92d, #ed9c25, #eb7e20, #e75d1e, #d14632, #b03e38, #8c3a36, #643633, #07081d, #2e4463, #1e588a, #086da7, #0082b9, #039ac7, #12b1d4, #2bc8e2, #3ddff0, #61f4fb) !important;\n}\n"],
"mappings": "uHASA,uDAEE,0BAEF,kEAEE,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,qEACA,cACA,6BACA,sCACA,+CACA,yCACA,2DACA,yDACA,4DACA,2DACA,sDACA,iDACA,iDACA,iFACA,kCACA,gCACA,uBACA,yBACA,yBACA,yBACA,yBACA,yBACA,oCACA,qCACA,oCACA,qCACA,sCACA,gJACA,gJACA,6NAEF,gJAEE,yBAEF,8FAEE,6IACA,qJACA,oDACA,4DACA,0CACA,kDACA,sBACA,8BACA,uDAEF,0GAEE,gDACA,wDAEF,8FAEE,8BACA,8BAEF,0GAEE,WAEF,4HAEE,WAEF,oQAIE,kCACA,yBAEF,gJAEE,yBAEF,gGAEE,mFACA,4BACA,8BAEF,8FAEE,sBACA,sBACA,yCAEF,4KAIE,uDAEF,oQAIE,mCAEF,wIAEE,mFACA,4BACA,8BAEF,mTAOE,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,yBACA,cACA,6BACA,sCACA,+CACA,yCACA,yBAEF,qCACE,iDACA,iFAEF,sCACE,cACA,6BACA,sCACA,+CACA,yCAEF,yCACE,2DACA,yDACA,4DACA,2DACA,sDACA,iDAEF,sDACE,sBACA,sBACA,yCAEF,oGAEE,uDAEF,gJAEE,mCAEF,2EACE,mFACA,4BACA,8BAEF,oCACE,kCACA,gCACA,uBACA,yBACA,yBACA,yBACA,yBACA,yBACA,oCACA,qCACA,oCACA,qCACA,sCACA,gJACA,gJACA",
"names": []
}