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`
+