@perspective-dev/workspace 4.3.0 → 4.4.1

package/src/less/menu.less

@@ -1,128 +0,0 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ 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). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-@import "@lumino/widgets/style/menu.css";
-
-.lm-Menu {
-    font-size: 12px;
-    padding: 8px;
-    background-color: var(--plugin--background);
-    color: var(--icon--color);
-    border: 1px solid var(--inactive--color);
-    border-radius: 3px;
-    max-width: 350px;
-    top: 0;
-    left: 0;
-}
-
-.lm-Menu.perspective-workspace-menu {
-    .lm-Menu-item {
-        padding-left: 37px !important;
-        min-width: var(--min-width);
-    }
-}
-
-.lm-Menu-item.lm-mod-active {
-    background-color: var(--icon--color);
-    color: var(--plugin--background);
-}
-
-.lm-Menu-item.lm-mod-disabled {
-    opacity: 0.5;
-}
-
-.lm-Menu-itemIcon {
-    width: 24px;
-    height: 12px;
-    margin-right: 4px;
-}
-
-.lm-Menu-itemLabel {
-    flex: 1 1;
-    padding: 4px 2px 4px 2px;
-}
-
-.lm-Menu-itemMnemonic {
-    text-decoration: underline;
-}
-
-.lm-Menu-itemShortcut {
-    padding: 4px 0px;
-}
-
-.lm-Menu-itemSubmenuIcon {
-    width: 24px;
-    height: 18px;
-}
-
-.lm-Menu-item {
-    display: flex;
-    align-items: center;
-    outline: none;
-
-    margin: 0 -8px;
-    padding: 0 8px;
-}
-
-.lm-Menu-item[data-type="separator"] > div {
-    padding: 0;
-    height: 9px;
-}
-
-.lm-Menu-item[data-type="separator"] > div::after {
-    content: "";
-    display: block;
-    position: relative;
-    top: 4px;
-    border-top: 1px solid;
-}
-
-.lm-MenuBar-menu {
-    transform: translateY(-1px);
-}
-
-.lm-MenuBar-item {
-    padding: 10px 32px;
-    border-left: 1px solid transparent;
-    border-right: 1px solid transparent;
-    color: #737373 !important;
-}
-
-.lm-MenuBar-item.lm-mod-active {
-    background: rgba(0, 0, 0, 0.2);
-}
-
-.lm-MenuBar.lm-mod-active .lm-MenuBar-item.lm-mod-active {
-    z-index: 10001;
-    background: rgba(0, 0, 0, 0.2);
-    // border-left: 1px solid #c0c0c0;
-    // border-right: 1px solid #c0c0c0;
-}
-
-.lm-Menu-itemIcon:before {
-    content: attr(content);
-    font-family:
-        "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
-        "Liberation Mono", monospace;
-}
-
-[data-type="submenu"] .lm-Menu-itemSubmenuIcon:before {
-    content: ">";
-    font-family:
-        "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
-        "Liberation Mono", monospace;
-    height: 18px;
-}
-
-.lm-mod-drag-image.lm-TabBar-tab {
-    display: none;
-}

package/src/less/tabbar.less

@@ -1,389 +0,0 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ 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). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-.lm-TabBar-tabLabel {
-    background-color: transparent;
-    border: none;
-    color: var(--icon--color, #666);
-    cursor: pointer;
-    padding: 0px 6px;
-    margin: 0;
-    margin-left: 15.5px;
-    margin-right: auto;
-    flex: 0 1 auto;
-    border-radius: 3px;
-    &:hover {
-        background-color: var(--icon--color);
-        color: var(--plugin--background);
-    }
-}
-
-// .p-TabBar-tabLabel[value="[untitled]"] {
-//     color: #ddd !important;
-// }
-
-.lm-TabBar-tabLabel:focus {
-    outline: none;
-    color: var(--workspace-secondary--color, #666) !important;
-    cursor: text;
-}
-
-.lm-TabBar-tab.lm-mod-closable > .lm-TabBar-tabCloseIcon:before {
-    content: var(--close-button--content, "\2715");
-}
-
-.lm-TabBar-tab > .lm-TabBar-tabConfigIcon:before {
-    content: var(--open-settings-button--content, "\1F527");
-    font-family: var(--settings--font-family, "Arial");
-    transition: color 0.5s ease;
-}
-
-.lm-TabBar-tab.lm-mod-current.settings_open > .lm-TabBar-tabConfigIcon:before {
-    content: var(--close-settings-button--content, "\1F527");
-}
-
-.lm-TabBar-tab.lm-mod-current.linked > .lm-TabBar-tabConfigIcon:before {
-    color: #22a0ce;
-}
-
-.lm-TabBar-tab > .lm-TabBar-tabConfigIcon {
-    opacity: 0;
-    pointer-events: none;
-}
-
-.lm-TabBar-tab.lm-mod-current > .lm-TabBar-tabConfigIcon {
-    opacity: 1;
-    pointer-events: all;
-}
-
-.lm-mod-current {
-    .lm-TabBar-tabConfigIcon,
-    .lm-TabBar-tabCloseIcon {
-        color: inherit;
-        transition: color 0.2s ease-out;
-    }
-
-    .lm-TabBar-tabConfigIcon:hover,
-    .lm-TabBar-tabCloseIcon:hover {
-        color: #1a7da1;
-        transition: color 0.2s ease-out;
-    }
-}
-
-.lm-BoxPanel {
-    overflow: scroll !important;
-}
-
-.lm-TabBar,
-.lm-TabBar-tab {
-    position: relative;
-
-    overflow: visible !important;
-}
-
-.lm-TabBar-tabLabel:empty::after {
-    content: "untitled";
-    color: #aaa;
-}
-
-.lm-mod-current .lm-TabBar-tabLabel:empty::after {
-    color: #ddd;
-}
-
-.lm-TabBar-tabLabel:empty::after {
-    content: "untitled";
-}
-
-.divider {
-    left: 32px;
-    bottom: 0;
-    position: absolute;
-    right: 32px;
-
-    height: 1px;
-    background-color: var(--workspace-tabbar--border-color);
-    margin-bottom: 0px;
-}
-
-.lm-TabBar-tab .drag-handle {
-    pointer-events: all;
-    height: 12px;
-    width: 14px;
-    -webkit-mask-image: var(--column-drag-handle--mask-image);
-    mask-image: var(--column-drag-handle--mask-image);
-    padding: 12px 0 12px 12px;
-    background-repeat: no-repeat;
-    background-color: var(--icon--color, red);
-    content: "";
-    display: inline-block;
-    -webkit-mask-size: cover;
-    mask-size: auto;
-    mask-position: center;
-    mask-repeat: no-repeat;
-}
-
-.lm-TabBar {
-    // z-index: -1;
-    pointer-events: none;
-    .lm-TabBar-tabCloseIcon {
-        pointer-events: all;
-    }
-
-    .bookmarks-button {
-        pointer-events: all;
-    }
-}
-
-.lm-TabBar-tab.lm-mod-hidden {
-    display: flex !important;
-    opacity: 0.5;
-}
-
-.lm-TabBar-tab.lm-mod-current .divider {
-    display: block;
-}
-
-// .lm-TabBar-tabLabel input {
-//     height: 18px;
-// }
-
-// .lm-TabBar {
-//     // min-height: 0px !important;
-// }
-
-@border-color: 1px solid #eaeaea;
-@night-border-color: 1px solid #ddd;
-
-.pfm-button-base {
-    background: white !important;
-}
-
-.pfm-button-base:active {
-    background: #016bc6 !important;
-}
-
-.lm-TabBar-content {
-    padding: 0px;
-    border-bottom: 0px solid #fff !important;
-    border-left: #eaeaea;
-    border-right: #eaeaea;
-}
-
-.lm-TabBar-tab.lm-mod-current {
-    .shadow {
-        margin: -1px;
-        position: absolute;
-        width: calc(100% + 2px);
-        height: 200%;
-        pointer-events: none;
-        left: 0px;
-    }
-
-    &.settings_open .shadow {
-        box-shadow: none;
-    }
-}
-
-.lm-TabBar-tab {
-    // margin: 0px 4px;
-    border-color: #eaeaea;
-    align-items: center;
-}
-
-.lm-TabBar-content.inactive-blur > .lm-TabBar-tab {
-    background-color: var(
-        --workspace-inactive-blur--background-color,
-        transparent
-    );
-}
-
-.condensed .lm-TabBar-content {
-    & > .lm-TabBar-tab.lm-mod-current .lm-TabBar-tabConfigIcon {
-        display: block;
-    }
-
-    & > .lm-TabBar-tab.lm-mod-current.settings_open {
-        .lm-TabBar-tabLabel {
-            margin-left: 0px;
-        }
-    }
-}
-
-.lm-TabBar-content > .lm-TabBar-tab.lm-mod-current.settings_open {
-    border-width: 1px 1px 0px 1px !important;
-    border-color: var(--workspace-tabbar--border-color, #ddd);
-
-    .lm-TabBar-tabToolbar {
-        display: flex;
-    }
-
-    .divider {
-        height: 1px;
-        margin-bottom: 0px;
-        background-color: var(--workspace-tabbar--border-color, #ddd);
-    }
-
-    &:last-child:first-child .divider {
-        transition: none;
-    }
-}
-
-.lm-TabBar-content > .lm-TabBar-tab.lm-mod-current.perspective_updating {
-    .lm-TabBar-tabConfigIcon {
-        display: none;
-    }
-
-    .lm-TabBar-tabLoadingIcon {
-        display: block;
-    }
-}
-
-.lm-TabBar-content > .lm-TabBar-tab {
-    max-width: 100000px !important;
-    flex: 0 1 100000px !important;
-    background: none;
-    color: #737373;
-    height: 40px !important;
-    max-height: 40px !important;
-    margin-bottom: -40px;
-    transform: none !important;
-    transition: color 0.2s ease-out;
-}
-
-.lm-TabBar-content > .lm-TabBar-tab {
-    color: #ccc;
-}
-
-.lm-TabBar-content > .lm-TabBar-tab {
-    color: #ccc;
-}
-
-.lm-TabBar-content > .lm-TabBar-tab:hover {
-    color: #ccc;
-}
-
-.lm-TabBar-content > .lm-TabBar-tab.lm-mod-current {
-    color: var(--workspace-secondary--color, #666);
-}
-
-.lm-TabBar-tab.lm-mod-current .lm-TabBar-tabLabel {
-    white-space: nowrap !important;
-}
-
-.lm-TabBar-tabLabel {
-    font-family: inherit;
-    font-size: 12px;
-    line-height: 22px;
-    text-align: start;
-    white-space: normal !important;
-    word-break: break-all;
-}
-
-.lm-TabBar-tabCloseIcon,
-.lm-TabBar-tabConfigIcon {
-    cursor: pointer !important;
-    line-height: 22px !important;
-    padding-right: 16.5px !important;
-}
-
-.lm-TabBar-tabConfigIcon {
-    padding-left: 8px;
-    padding-right: 8px !important;
-}
-
-.lm-TabBar-tabLoadingIcon {
-    padding-left: 11px;
-    padding-right: 12px;
-}
-
-.bottom .lm-TabBar-tab {
-    flex-basis: 10000px !important;
-    max-width: 10000px !important;
-}
-
-.lm-TabBar-content > .lm-TabBar-tab.lm-mod-current {
-    color: var(--workspace-tabbar--color, #666) !important;
-    // border: var(--workspace-tabbar--border, 1px solid #ddd);
-    // border-width: var(--workspace-tabbar-tab--border-width);
-    // box-shadow: 0 13px 0 -12px var(--inactive--border-color);
-    // border-radius: var(--workspace-tabbar--border-radius, 6px)
-    //     var(--workspace-tabbar--border-radius, 6px) 0 0;
-    // background-color: var(--workspace-tabbar--background-color, white);
-    background: none;
-    height: 40px !important;
-    max-height: 40px !important;
-    margin-bottom: -40px;
-    border: 0 solid transparent;
-    border-width: 1px 1px 0px 1px;
-}
-
-.bottom .lm-TabBar-tab.lm-mod-current {
-    border: none;
-}
-
-::-webkit-scrollbar-thumb {
-    background-color: #ccc;
-}
-
-.perspective-workspace.context-menu * .lm-TabBar.context-focus {
-    opacity: 1;
-}
-
-.perspective-workspace.context-menu * .lm-TabBar,
-.perspective-workspace.context-menu
-    .lm-Widget.workspace-widget:not(.context-focus)
-    .viewer-container {
-    opacity: 0.2;
-}
-
-@mixin icon {
-    background-repeat: no-repeat;
-    background-color: var(--icon--color);
-    content: "";
-    display: inline-block;
-    -webkit-mask-size: cover;
-    mask-size: cover;
-}
-
-.bookmarks-button {
-    margin-left: 11px;
-    margin-right: -13px;
-    height: 20px;
-    border-radius: 3px;
-    border: 1px solid var(--inactive--color);
-    background-color: var(--plugin--background);
-
-    &:hover {
-        background-color: var(--icon--color);
-        border-color: var(--icon--color);
-    }
-}
-
-.bookmarks {
-    @include icon;
-    cursor: pointer;
-    width: 20px;
-    height: 12px;
-    -webkit-mask-image: var(--bookmarks--mask-image);
-    mask-image: var(--bookmarks--mask-image);
-    -webkit-mask-position: center;
-    mask-position: center;
-    -webkit-mask-size: auto;
-    mask-size: auto;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-    padding: 4px 6px;
-
-    &:hover {
-        background-color: var(--plugin--background);
-    }
-}

package/src/themes/pro-dark.less

@@ -1,140 +0,0 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ 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). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-@grey60: #c5c9d0;
-@grey500: #3b3f46;
-@grey600: #2f3136;
-@grey700: #2a2c2f;
-@grey800: #242526;
-
-perspective-workspace,
-perspective-workspace[theme="Pro Dark"],
-perspective-indicator[theme="Pro Dark"] {
-    --theme-name: "Pro Dark";
-}
-
-perspective-workspace perspective-viewer {
-    --status-bar--height: 39px;
-    --plugin-selector--height: 47px;
-}
-
-perspective-workspace perspective-viewer.widget-maximize {
-    --modal-panel--margin: -4px 0 -4px 0;
-    --status-bar--border-radius: 6px 0 0 0;
-    --main-column--margin: 3px 0 3px 3px;
-    --main-column--border: 1px solid var(--inactive--color);
-    --main-column--border-width: 1px 0px 1px 1px;
-    --main-column--border-radius: 6px 0 0 6px;
-    --settings-button--margin: 10px 0 0 0;
-}
-
-perspective-workspace {
-    @include perspective-workspace-pro-base;
-    @include perspective-viewer-pro-dark--colors;
-
-    background-color: #000202;
-    color: white;
-    // --workspace-master--background-color: @grey800;
-    --workspace-tabbar--background-color: @grey800;
-    // --workspace-tabbar--border: 1px solid @grey500;
-    // --workspace-tabbar--border-color: @grey500;
-    --workspace-secondary--color: @grey60;
-    --workspace-tabbar--border: 1px solid var(--inactive--color);
-    --workspace-tabbar--border-width: 1px 1px 1px 1px;
-    --workspace-tabbar--border-radius: 6px;
-    --workspace-tabbar--border-color: var(--inactive--color);
-    --workspace-tabbar-tab--border-width: 1px 1px 0 1px;
-}
-
-perspective-viewer[theme="Pro Dark"].workspace-master-widget {
-    --plugin--background: @grey800;
-}
-
-perspective-workspace-menu {
-    font-family:
-        "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
-        "Liberation Mono", monospace;
-    font-weight: 300;
-    background: @grey700 !important;
-    color: white !important;
-    border: 1px solid @grey500 !important;
-}
-
-@mixin perspective-workspace-pro-base {
-    font-family:
-        "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
-        "Liberation Mono", monospace;
-    --open-settings-button--content: "expand_more";
-    --close-settings-button--content: "expand_less";
-    --close-button--content: "\2715";
-    --master-divider--background-color: #243136;
-    --menu-maximize--content: "fullscreen";
-    --menu-minimize--content: "fullscreen_exit";
-    --menu-duplicate--content: "call_split";
-    --menu-master--content: "cast";
-    --menu-detail--content: "notes";
-    --menu-export--content: "file_download";
-    --menu-copy--content: "file_copy";
-    --menu-reset--content: "autorenew";
-    --menu-link--content: "link";
-    --menu-unlink--content: "link_off";
-    --menu-newmenu--content: "add";
-    --menu-close--content: "close";
-    --menu-new--content: "description";
-    --menu-newview--content: "file_copy";
-
-    --workspace-tabbar--border: 1px solid var(--inactive--color);
-    --workspace-tabbar--border-width: 0px 1px 1px 1px;
-    --workspace-tabbar--border-radius: 6px;
-    --workspace-tabbar--border-color: var(--inactive--color);
-    --workspace-tabbar-tab--border-width: 1px 1px 0px 1px;
-
-    // Workspace
-    --column-drag-handle--mask-image: url("../svg/drag-handle.svg");
-    --bookmarks--mask-image: url("../svg/bookmark-icon.svg");
-}
-
-@mixin perspective-viewer-pro-dark--colors {
-    background-color: #242526;
-    --workspace-split-panel-handle--background-color: @grey800;
-    color: white;
-    --icon--color: white;
-    --active--color: #2770a9;
-    --error--color: #ff9485;
-    --inactive--color: #61656e;
-    --inactive--border-color: #4c505b;
-    --plugin--background: #242526;
-    --modal-target--background: rgba(255, 255, 255, 0.05);
-    --active--background: rgba(39, 113, 170, 0.5);
-    --expression--operator-color: #c5c9d0;
-    --expression--function-color: #22a0ce;
-    --expression--error-color: rgb(255, 136, 136);
-    --calendar--filter: invert(1);
-    --warning--color: #242526;
-    --warning--background: var(--icon--color);
-
-    --select-arrow--background-image: var(
-        --select-arrow-light--background-image
-    );
-
-    --select-arrow--hover--background-image: var(
-        --select-arrow-dark--background-image
-    );
-
-    // Syntax
-    --code-editor-symbol--color: white;
-    --code-editor-literal--color: #7dc3f0;
-    --code-editor-operator--color: rgb(23, 166, 123);
-    --code-editor-comment--color: rgb(204, 120, 48);
-    --code-editor-column--color: #e18ee1;
-    // --code-editor-unknown--color: rgb(204, 120, 48);
-}