diff --git a/documentation/api.md b/documentation/api.md index 3dec3757..2cbd0170 100644 --- a/documentation/api.md +++ b/documentation/api.md @@ -346,7 +346,6 @@ LM_LAYOUT = layout.LitCanonicalLayout( modules.EmbeddingsModule, modules.DataTableModule, modules.DatapointEditorModule, - modules.SliceModule, ] }, lower={ diff --git a/lit_nlp/api/layout.py b/lit_nlp/api/layout.py index 9a57af10..5deda37f 100644 --- a/lit_nlp/api/layout.py +++ b/lit_nlp/api/layout.py @@ -57,7 +57,6 @@ class LitModuleName(dtypes.EnumSerializableAsValues, enum.Enum): SalienceMapModule = 'salience-map-module' ScalarModule = 'scalar-module' SequenceSalienceModule = 'sequence-salience-module' - SliceModule = 'lit-slice-module' SpanGraphGoldModule = 'span-graph-gold-module' SpanGraphModule = 'span-graph-module' SpanGraphGoldModuleVertical = 'span-graph-gold-module-vertical' @@ -152,7 +151,6 @@ def to_json(self) -> JsonDict: DEFAULT_MAIN_GROUP = ( modules.DataTableModule, modules.DatapointEditorModule, - modules.SliceModule, ) ## diff --git a/lit_nlp/client/core/main_toolbar.css b/lit_nlp/client/core/main_toolbar.css index 1a1c7733..014d5bbe 100644 --- a/lit_nlp/client/core/main_toolbar.css +++ b/lit_nlp/client/core/main_toolbar.css @@ -33,6 +33,11 @@ position: absolute; } +.slice-container { + width: 300px; + height: 300px; +} + #slice-toolbar-container { right: 0; /* remove to span page */ } diff --git a/lit_nlp/client/core/main_toolbar.ts b/lit_nlp/client/core/main_toolbar.ts index 66c98c2e..f3d1bb88 100644 --- a/lit_nlp/client/core/main_toolbar.ts +++ b/lit_nlp/client/core/main_toolbar.ts @@ -19,6 +19,8 @@ * LIT App selection controls toolbar */ + import '../elements/popup_container'; + import '@material/mwc-icon'; import '@material/mwc-switch'; @@ -27,6 +29,7 @@ import {MobxLitElement} from '@adobe/lit-mobx'; import {html} from 'lit'; import {customElement} from 'lit/decorators'; import {classMap} from 'lit/directives/class-map'; +import {styleMap} from 'lit/directives/style-map'; import {computed} from 'mobx'; import {MenuItem} from '../elements/menu'; @@ -333,6 +336,32 @@ export class LitMainToolbar extends MobxLitElement { // clang-format on } + // Render a Slices button to show the Slice Editor + renderSlices() { + // Left-anchor the Slice Editor popup. + const popupStyle = styleMap({'--popup-top': '4px'}); + // clang-format off + return html` + + + +
+ + +
+
+ `; + // clang-format on + } + /** * Pair controls. Assumes reference is showing parent, main showing child. */ @@ -460,6 +489,7 @@ export class LitMainToolbar extends MobxLitElement {
+ ${this.renderSlices()}